/* Generated Less from WeltPixel_CustomHeader */ @media (min-width: 768px) { :root .theme-pearl .page-wrapper .page-header .logo img { width: 96px; height: 34px; } } @media (max-width: 768px) { :root .theme-pearl .page-wrapper .page-header .mobile-logo .logo, :root .theme-pearl .page-wrapper .page-header .mobile-checkout-logo .logo, :root .theme-pearl .page-wrapper .page-header .unset-logo .logo { z-index: 14; position: relative; } :root .theme-pearl .page-wrapper .page-header .mobile-logo .logo img, :root .theme-pearl .page-wrapper .page-header .mobile-checkout-logo .logo img, :root .theme-pearl .page-wrapper .page-header .unset-logo .logo img { width: 96px; height: 34px; } } @media (min-width: 768px) { :root .theme-pearl .page-wrapper .page-header.sticky-header .wrap .modal .block-search .action.search:before { color: #F8F8F8 !important; } :root .theme-pearl .page-wrapper .page-header.sticky-header .logo img { width: 96px; height: 34px; } } @media (max-width: 768px) { :root .theme-pearl .page-wrapper .page-header .logo { z-index: 14; position: relative; } :root .theme-pearl .page-wrapper .page-header .logo img { width: 96px; height: 34px; } } .page-header-v2 .customer-welcome .customer-name span { display: none; } .page-header-v2 .customer-welcome .customer-name:before { color: #000000 !important; font-size: 16px !important; } .page-header-v2 .customer-welcome .customer-name:hover:before { color: #CCCCCC !important; } .page-wrapper .header-global-promo .global-notification-wrapper { color: #B05D5D; background-color: #FFE8E8; } .page-wrapper .header-global-promo .global-notification-wrapper a.close-global-notification { color: #B05D5D; } .page-wrapper .header-global-promo .global-notification-wrapper .wpx-i, .page-wrapper .header-global-promo .global-notification-wrapper .wpx-link, .page-wrapper .header-global-promo .global-notification-wrapper #buttons a { color: #B05D5D; } .page-wrapper .page-header .block-search input::-webkit-input-placeholder { color: #575757 !important; } .page-wrapper .page-header .block-search input::-moz-placeholder { color: #575757 !important; } .page-wrapper .page-header .block-search input::-ms-placeholder { color: #575757 !important; } .page-wrapper .page-header .block-search input::placeholder { color: #575757 !important; } .page-wrapper .page-header .block-search .action.search:before { color: #000000 !important; } .page-wrapper .page-header .block-search .action.search:hover:before { color: #CCCCCC !important; } .page-wrapper .page-header .panel.wrapper { color: initial; border-bottom: 1px solid #FFFFFF; background-color: #064394 !important; } .page-wrapper .page-header .header-global-promo .global-notification-wrapper { color: #B05D5D; background-color: #FFE8E8; } .page-wrapper .page-header .header-global-promo .global-notification-wrapper a.close-global-notification { color: #B05D5D; } .page-wrapper .page-header .header-global-promo .global-notification-wrapper .wpx-i, .page-wrapper .page-header .header-global-promo .global-notification-wrapper .wpx-link, .page-wrapper .page-header .header-global-promo .global-notification-wrapper #buttons a { color: #B05D5D; } .page-wrapper .page-header .panel.header { max-width: 1440px !important; } .page-wrapper .page-header .panel.header .switcher .options div { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher .options div:active { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher .options div:hover { color: #F8F8F8 !important; } .page-wrapper .page-header .panel.header .switcher .options div:visited { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher .options:after { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher .options:after:active { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher .options:after:hover { color: #F8F8F8 !important; } .page-wrapper .page-header .panel.header .switcher .options ul.switcher-dropdown li > a, .page-wrapper .page-header .panel.header .switcher .options ul.switcher-dropdown li span { color: #212121 !important; } .page-wrapper .page-header .panel.header .switcher .options ul.switcher-dropdown li > a:hover, .page-wrapper .page-header .panel.header .switcher .options ul.switcher-dropdown li span:hover { color: #000000 !important; } .page-wrapper .page-header .panel.header .switcher .options ul.switcher-dropdown li > a:visited, .page-wrapper .page-header .panel.header .switcher .options ul.switcher-dropdown li span:visited { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher .options ul.switcher-dropdown li:after { color: #212121 !important; } .page-wrapper .page-header .panel.header .switcher .options ul.switcher-dropdown li:after:hover { color: #000000 !important; } .page-wrapper .page-header .panel.header ul.compare li > a, .page-wrapper .page-header .panel.header ul.compare li > a span { color: #FFFFFF; } .page-wrapper .page-header .panel.header ul.compare li > a:visited, .page-wrapper .page-header .panel.header ul.compare li > a span:visited { color: #FFFFFF; } .page-wrapper .page-header .panel.header ul.compare li > a:active, .page-wrapper .page-header .panel.header ul.compare li > a span:active { color: #FFFFFF; } .page-wrapper .page-header .panel.header ul.compare li > a:hover, .page-wrapper .page-header .panel.header ul.compare li > a span:hover { color: #F8F8F8 !important; } .page-wrapper .page-header .panel.header ul.header.links li > a, .page-wrapper .page-header .panel.header ul.header.links li span { color: #FFFFFF; } .page-wrapper .page-header .panel.header ul.header.links li > a:visited, .page-wrapper .page-header .panel.header ul.header.links li span:visited { color: #FFFFFF; } .page-wrapper .page-header .panel.header ul.header.links li > a:active, .page-wrapper .page-header .panel.header ul.header.links li span:active { color: #FFFFFF; } .page-wrapper .page-header .panel.header ul.header.links li > a:hover, .page-wrapper .page-header .panel.header ul.header.links li span:hover { color: #F8F8F8 !important; } .page-wrapper .page-header .panel.header ul.header.links li:after { color: #FFFFFF; } .page-wrapper .page-header .panel.header ul.header.links li:after:active { color: #FFFFFF; } .page-wrapper .page-header .panel.header ul.header.links li:after:hover { color: #F8F8F8 !important; } .page-wrapper .page-header .panel.header ul.header.links .customer-menu ul.header.links li a { color: #212121 !important; } .page-wrapper .page-header .panel.header ul.header.links .customer-menu ul.header.links li a:visited { color: #212121 !important; } .page-wrapper .page-header .panel.header ul.header.links .customer-menu ul.header.links li a:hover { color: #000000 !important; } .page-wrapper .page-header .panel.header .customer-welcome .action.switch:after { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher-currency strong, .page-wrapper .page-header .panel.header .switcher-language strong { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher-currency strong:active, .page-wrapper .page-header .panel.header .switcher-language strong:active { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher-currency strong:hover, .page-wrapper .page-header .panel.header .switcher-language strong:hover { color: #F8F8F8 !important; } .page-wrapper .page-header .panel.header .switcher-currency strong span, .page-wrapper .page-header .panel.header .switcher-language strong span { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher-currency strong span:active, .page-wrapper .page-header .panel.header .switcher-language strong span:active { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher-currency strong span:hover, .page-wrapper .page-header .panel.header .switcher-language strong span:hover { color: #F8F8F8 !important; } .page-wrapper .page-header .panel.header .switcher-currency .switcher-trigger:after, .page-wrapper .page-header .panel.header .switcher-language .switcher-trigger:after { color: #FFFFFF !important; } .page-wrapper .page-header .panel.header .switcher-currency .switcher-trigger:after:active, .page-wrapper .page-header .panel.header .switcher-language .switcher-trigger:after:active { color: #FFFFFF; } .page-wrapper .page-header .panel.header .switcher-currency .switcher-trigger:after:hover, .page-wrapper .page-header .panel.header .switcher-language .switcher-trigger:after:hover { color: #F8F8F8 !important; } .page-wrapper .page-header .header-multistore .multistore-desktop .weltpixel_multistore { max-width: 1400px; } .page-wrapper .page-header .header.content, .page-wrapper .page-header .header_right { max-width: 1400px; } @media (max-width: 1400px) { .page-wrapper .page-header .header.content, .page-wrapper .page-header .header_right { padding-right: 15px !important; padding-left: 15px !important; } } .page-wrapper .page-header .header.content .block-search input, .page-wrapper .page-header .header_right .block-search input { width: 250px; height: 30px; border-width: 0 0 1px 0; border-style: solid; border-color: #575757; background-color: #FFFFFF; color: #575757; font-size: 12px; } .page-wrapper .page-header .header.content .block-search input:focus, .page-wrapper .page-header .header_right .block-search input:focus { border-color: #575757; } .page-wrapper .page-header .header.content .modal, .page-wrapper .page-header .header_right .modal { background-color: rgba(25, 25, 25, 0.95) !important; } .page-wrapper .page-header .header.content .modal .close-sec a:before, .page-wrapper .page-header .header_right .modal .close-sec a:before { color: #F8F8F8 !important; } .page-wrapper .page-header .header.content .modal .actions.wpx-pos-search button, .page-wrapper .page-header .header_right .modal .actions.wpx-pos-search button { background-color: #000000; } .page-wrapper .page-header .header.content .modal #search, .page-wrapper .page-header .header_right .modal #search { background-color: #222222 !important; color: #F8F8F8 !important; border: 3px solid #F8F8F8!important; font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search::-webkit-input-placeholder, .page-wrapper .page-header .header_right .modal #search::-webkit-input-placeholder { font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search::-moz-placeholder, .page-wrapper .page-header .header_right .modal #search::-moz-placeholder { font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search:-ms-input-placeholder, .page-wrapper .page-header .header_right .modal #search:-ms-input-placeholder { font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search:-moz-placeholder, .page-wrapper .page-header .header_right .modal #search:-moz-placeholder { font-size: 18px !important; } @media (max-width: 767px) { .page-wrapper .page-header .header.content .modal #search.horizontally-white::-webkit-input-placeholder, .page-wrapper .page-header .header_right .modal #search.horizontally-white::-webkit-input-placeholder { font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search.horizontally-white::-moz-placeholder, .page-wrapper .page-header .header_right .modal #search.horizontally-white::-moz-placeholder { font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search.horizontally-white:-ms-input-placeholder, .page-wrapper .page-header .header_right .modal #search.horizontally-white:-ms-input-placeholder { font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search.horizontally-white:-moz-placeholder, .page-wrapper .page-header .header_right .modal #search.horizontally-white:-moz-placeholder { font-size: 18px !important; } } .page-wrapper .page-header .header.content .modal .action.search:before, .page-wrapper .page-header .header_right .modal .action.search:before { color: #F8F8F8 !important; } .page-wrapper .page-header .header.content .nav-toggle:before { color: #000000 !important; } .page-wrapper .page-header .header.content .nav-toggle:hover:before { color: #000000 !important; } .page-wrapper .page-header #switcher-language ul li a, .page-wrapper .page-header #switcher-currency ul li a { color: #212121 !important; } .page-wrapper .page-header #switcher-language ul li a:visited, .page-wrapper .page-header #switcher-currency ul li a:visited { color: #212121 !important; } .page-wrapper .page-header #switcher-language ul li a:hover, .page-wrapper .page-header #switcher-currency ul li a:hover { color: #000000 !important; } .page-wrapper .page-header .header.links > li.authorization-link a:before, .page-wrapper .page-header .minicart-wrapper .action.showcart:before, .page-wrapper .page-header .minicart-wrapper .action.showcart.active:before, .page-wrapper .page-header .block-search .actions .action.search:before, .page-wrapper .page-header .block-search .field.search .label:before { font-size: 16px !important; } .page-wrapper .page-header .block-search.minisearch-v2 .open-modal-search { color: #000000 !important; font-size: 16px !important; } .page-wrapper .page-header .block-search.minisearch-v2 .open-modal-search:hover { color: #CCCCCC !important; } .page-wrapper .page-header .header.links .authorization-link a:before, .page-wrapper .page-header .minicart-wrapper .action.showcart:before { color: #000000 !important; } .page-wrapper .page-header .header.links .authorization-link a:hover:before, .page-wrapper .page-header .minicart-wrapper .action.showcart:hover:before { color: #CCCCCC !important; } .page-wrapper .page-header .header.content .field.search label, .page-wrapper .page-header .header_right .field.search label, .page-wrapper .page-header .header.content .field.search label:before, .page-wrapper .page-header .header_right .field.search label:before { color: #000000 !important; } .nav-sections:not(.mobile-nav) { background-color: transparent !important; } .nav-sections:not(.mobile-nav) .navigation { max-width: 1400px; background-color: transparent !important; } @media (max-width: 1400px) { .nav-sections:not(.mobile-nav) .navigation { padding-right: 15px !important; padding-left: 15px !important; } } .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a { color: #000000 !important; } .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a:visited { color: #000000 !important; } .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a:hover { color: #CCCCCC !important; } @media (max-width: 767px) { .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a { color: #575757 !important; } } @media (min-width: 768px) { .nav-sections:not(.mobile-nav) .navigation ul li.level0 .parent > a { padding: 8px 20px; } } .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a.bold-menu { color: #CCCCCC !important; } .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a.bold-menu:visited { color: #CCCCCC !important; } .nav-sections:not(.mobile-nav) .navigation ul li.level0 li > a:hover, .nav-sections:not(.mobile-nav) .navigation ul li.level0 a.ui-state-focus { color: #CCCCCC !important; text-shadow: 0 0 0 #CCCCCC !important; } .nav-sections:not(.mobile-nav) .navigation ul li.level0:hover > a, .nav-sections:not(.mobile-nav) .navigation ul li.level0 > a.ui-state-focus { color: #CCCCCC !important; text-shadow: 0 0 0 #CCCCCC !important; } @media (max-width: 767px) { .nav-sections:not(.mobile-nav) .navigation { background-color: inherit !important; } } @media (min-width: 768px) { .nav-sections:not(.mobile-nav) .navigation .megamenu .submenu [data-has-children] a:hover span:last-child { border-color: #CCCCCC !important; } } @media (min-width: 768px) { .nav-sections:not(.mobile-nav) .nav-sections-items { background-color: transparent !important; } } .nav-sections:not(.mobile-nav) .megamenu a.bold-menu, .nav-sections:not(.mobile-nav) .megamenu a:hover, .nav-sections:not(.mobile-nav) .megamenu.level1:not(.parent):hover, .nav-sections:not(.mobile-nav) .megamenu.level2:hover { color: #CCCCCC !important; } .nav-sections:not(.mobile-nav) .megamenu a.bold-menu > a:hover, .nav-sections:not(.mobile-nav) .megamenu a:hover > a:hover, .nav-sections:not(.mobile-nav) .megamenu.level1:not(.parent):hover > a:hover, .nav-sections:not(.mobile-nav) .megamenu.level2:hover > a:hover { text-shadow: 0 0 0 #CCCCCC !important; color: #CCCCCC !important; } @media only screen and (max-width: 768px) { .nav-sections:not(.mobile-nav) .nav-sections-item-content .navigation { border-top: 0 none !important; } } @media (max-width: 767px) { .nav-sections:not(.mobile-nav) { background-color: white !important; } } .page-header.sticky-header, .page-header.sticky-header-mobile { background-color: #ffffff !important; } .page-header.sticky-header .page-header, .page-header.sticky-header-mobile .page-header { background-color: #ffffff !important; } .page-header.sticky-header .panel.wrapper, .page-header.sticky-header-mobile .panel.wrapper { background-color: #ffffff !important; } .page-header.sticky-header .nav-sections .navigation, .page-header.sticky-header-mobile .nav-sections .navigation, .page-header.sticky-header .nav-sections .nav-sections-items, .page-header.sticky-header-mobile .nav-sections .nav-sections-items { background-color: transparent !important; } .page-header.sticky-header .navigation ul li.level0 > a:hover, .page-header.sticky-header-mobile .navigation ul li.level0 > a:hover, .page-header.sticky-header .navigation ul li.level0 > a.bold-menu, .page-header.sticky-header-mobile .navigation ul li.level0 > a.bold-menu { color: #CCCCCC !important; } .page-header.sticky-header .navigation ul li.level0 > a:hover:visited, .page-header.sticky-header-mobile .navigation ul li.level0 > a:hover:visited, .page-header.sticky-header .navigation ul li.level0 > a.bold-menu:visited, .page-header.sticky-header-mobile .navigation ul li.level0 > a.bold-menu:visited { color: #CCCCCC !important; } .page-header.sticky-header .header_right .block-search input, .page-header.sticky-header-mobile .header_right .block-search input { background-color: #FFFFFF !important; } .page-header.sticky-header .block-search .field.search .control, .page-header.sticky-header-mobile .block-search .field.search .control { background-color: #FFFFFF !important; } .page-header.sticky-header .header.content .block-search .control, .page-header.sticky-header-mobile .header.content .block-search .control { background-color: #FFFFFF !important; } .page-header.sticky-header .header.content .block-search input, .page-header.sticky-header-mobile .header.content .block-search input { background-color: #FFFFFF !important; } .page-header.sticky-header .header.content .modal .modal-content .block-search.wpx-block-search #search, .page-header.sticky-header-mobile .header.content .modal .modal-content .block-search.wpx-block-search #search { background-color: #222222 !important; } .page-header.sticky-header .header.links .authorization-link, .page-header.sticky-header-mobile .header.links .authorization-link { margin-left: 0; } .page-header.page-header-v4.sticky-header .header.content { z-index: 1; } .page-header.page-header-v4.sticky-header .wrap .modal-content #search.horizontally-white::-webkit-input-placeholder { color: #575757 !important; } .page-header.page-header-v4.sticky-header .wrap .modal-content #search.horizontally-white::-moz-placeholder { color: #575757 !important; } .page-header.page-header-v4.sticky-header .wrap .modal-content #search.horizontally-white:-ms-input-placeholder { color: #575757 !important; } .page-header.page-header-v4.sticky-header .wrap .modal-content #search.horizontally-white:-moz-placeholder { color: #575757 !important; } .page-header.page-header-v4.sticky-header .panel.wrapper { background-color: transparent !important; } .page-header.page-header-v4.sticky-header .panel.wrapper .panel.header .switcher-currency { display: none; } body:not(.mobile-nav) .page-header.sticky-header, body:not(.mobile-nav) .nav-sections.sticky-header { background-color: #ffffff !important; padding-bottom: 0 !important; } body:not(.mobile-nav) .page-header.sticky-header .nav-sections-item-content, body:not(.mobile-nav) .nav-sections.sticky-header .nav-sections-item-content { background-color: #ffffff !important; } body:not(.mobile-nav) .page-header.sticky-header .navigation, body:not(.mobile-nav) .nav-sections.sticky-header .navigation { background-color: #ffffff !important; } /* Generated Less from WeltPixel_CustomFooter */ .theme-pearl .page-wrapper .page-footer { position: relative; z-index: 0; } .theme-pearl .page-wrapper .page-footer .footer.content, .theme-pearl .page-wrapper .page-footer .w { max-width: inherit; } .theme-pearl .page-wrapper .page-footer .footer.content a:hover i, .theme-pearl .page-wrapper .page-footer .w a:hover i { color: #FFFFFF !important; } .theme-pearl .page-wrapper .page-footer .footer.content .pre-footer .pre-footer-content, .theme-pearl .page-wrapper .page-footer .w .pre-footer .pre-footer-content { max-width: 1170px; } .theme-pearl .page-wrapper .page-footer .footer-v1, .theme-pearl .page-wrapper .page-footer .footer-v2, .theme-pearl .page-wrapper .page-footer .footer-v3, .theme-pearl .page-wrapper .page-footer .footer-v4, .theme-pearl .page-wrapper .page-footer .footer-v5 { max-width: 100%; margin: 0 auto; float: none; } .theme-pearl.fullpagescroll .page-wrapper .page-footer { position: fixed; } /* Generated Less from WeltPixel_ProductPage */ .theme-pearl.catalog-product-view .block.related, .theme-pearl.catalog-product-view .block.upsell { clear: both; } @media (min-width: 768px) { .theme-pearl.catalog-product-view.page-layout-1column .product.media { width: 60%; } .theme-pearl.catalog-product-view.page-layout-2columns-left .product.media, .theme-pearl.catalog-product-view.page-layout-2columns-right .product.media, .theme-pearl.catalog-product-view.page-layout-3columns .product.media { width: 60%; } } @media (min-width: 768px) { .theme-pearl.catalog-product-view.page-layout-1column .product-info-main { width: 35%; } .theme-pearl.catalog-product-view.page-layout-2columns-left .product-info-main, .theme-pearl.catalog-product-view.page-layout-2columns-right .product-info-main, .theme-pearl.catalog-product-view.page-layout-3columns .product-info-main { width: 35%; } } .theme-pearl.catalog-product-view .swatch-option { outline: none !important; border: none !important; position: relative; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; width: 40px; height: 40px; min-width: 40px; } .theme-pearl.catalog-product-view .swatch-option.image:before { visibility: hidden; position: absolute; top: -3px; left: -3px; z-index: 0; width: 46px; height: 46px; border: 1px solid transparent; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; content: ''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.15s ease-in; } .theme-pearl.catalog-product-view .swatch-option.image:after { visibility: hidden; position: absolute; top: -3px; left: -3px; z-index: 1; width: 46px; height: 46px; line-height: 46px; font-family: lined-icons; speak: none; font-style: normal; font-weight: 900; font-variant: normal; font-size: 0.6vw; text-transform: none; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e116'; color: #ffffff; } .theme-pearl.catalog-product-view .swatch-option.image.selected { position: relative; overflow: visible; } .theme-pearl.catalog-product-view .swatch-option.image.selected:before { visibility: visible; border: 1px solid #999999; } .theme-pearl.catalog-product-view .swatch-option.image:hover { position: relative; overflow: visible; } .theme-pearl.catalog-product-view .swatch-option.image:hover:before { visibility: visible; border: 1px solid #999999; } .theme-pearl.catalog-product-view .swatch-option.image.disabled:after { visibility: visible; content: ''; } .theme-pearl.catalog-product-view .swatch-option.color:before { visibility: hidden; position: absolute; top: -3px; left: -3px; z-index: 0; width: 46px; height: 46px; border: 1px solid transparent; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; content: ''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.15s ease-in; } .theme-pearl.catalog-product-view .swatch-option.color:after { visibility: hidden; position: absolute; top: -3px; left: -3px; z-index: 1; width: 46px; height: 46px; line-height: 46px; font-family: lined-icons; speak: none; font-style: normal; font-weight: 900; font-variant: normal; font-size: 0.6vw; text-transform: none; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e116'; color: #ffffff; } .theme-pearl.catalog-product-view .swatch-option.color:hover { position: relative; overflow: visible; } .theme-pearl.catalog-product-view .swatch-option.color:hover:before { visibility: visible; border: 1px solid #999999; } .theme-pearl.catalog-product-view .swatch-option.color.selected { position: relative; overflow: visible; } .theme-pearl.catalog-product-view .swatch-option.color.selected:before { visibility: visible; border: 1px solid #999999; } .theme-pearl.catalog-product-view .swatch-option.color.selected:after { visibility: visible; font-size: 14px; } .theme-pearl.catalog-product-view .swatch-option.color.selected[data-option-tooltip-value='#fff']:after, .theme-pearl.catalog-product-view .swatch-option.color.selected[data-option-tooltip-value='#ffffff']:after, .theme-pearl.catalog-product-view .swatch-option.color.selected[option-tooltip-value='#fff']:after, .theme-pearl.catalog-product-view .swatch-option.color.selected[option-tooltip-value='#ffffff']:after { color: #000000; } .theme-pearl.catalog-product-view .swatch-option.color.disabled:after { visibility: visible; content: ''; } .theme-pearl.catalog-product-view .swatch-option.color[data-option-tooltip-value='#fff'], .theme-pearl.catalog-product-view .swatch-option.color[data-option-tooltip-value='#ffffff'], .theme-pearl.catalog-product-view .swatch-option.color[option-tooltip-value='#fff'], .theme-pearl.catalog-product-view .swatch-option.color[option-tooltip-value='#ffffff'] { border: 1px solid #cccccc !important; } .theme-pearl.catalog-product-view .swatch-option.color[data-option-tooltip-value='#fff']:before, .theme-pearl.catalog-product-view .swatch-option.color[data-option-tooltip-value='#ffffff']:before, .theme-pearl.catalog-product-view .swatch-option.color[option-tooltip-value='#fff']:before, .theme-pearl.catalog-product-view .swatch-option.color[option-tooltip-value='#ffffff']:before { top: -4px; left: -4px; } .theme-pearl.catalog-product-view .swatch-option.color[data-option-tooltip-value='#fff']:after, .theme-pearl.catalog-product-view .swatch-option.color[data-option-tooltip-value='#ffffff']:after, .theme-pearl.catalog-product-view .swatch-option.color[option-tooltip-value='#fff']:after, .theme-pearl.catalog-product-view .swatch-option.color[option-tooltip-value='#ffffff']:after { top: -4px; left: -4px; } .theme-pearl.catalog-product-view .swatch-option.text { line-height: 40px; padding: 0; font-size: 14px; margin-right: 15px; } .theme-pearl.catalog-product-view .swatch-option.text:before { visibility: hidden; position: absolute; top: -3px; left: -3px; z-index: 0; width: 46px; height: 46px; border: 1px solid transparent !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; content: ''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.15s ease-in; } .theme-pearl.catalog-product-view .swatch-option.text:hover { position: relative; overflow: visible; } .theme-pearl.catalog-product-view .swatch-option.text:hover:before { visibility: visible; border: 1px solid #999999 !important; } .theme-pearl.catalog-product-view .swatch-option.text.selected { position: relative; overflow: visible; } .theme-pearl.catalog-product-view .swatch-option.text.selected:before { visibility: visible; border: 1px solid #999999 !important; } .theme-pearl.catalog-product-view .swatch-option[data-option-tooltip-value='#fff'], .theme-pearl.catalog-product-view .swatch-option[data-option-tooltip-value='#ffffff'], .theme-pearl.catalog-product-view .swatch-option[option-tooltip-value='#fff'], .theme-pearl.catalog-product-view .swatch-option[option-tooltip-value='#ffffff'] { border: 1px solid #cccccc !important; } .theme-pearl.catalog-product-view .swatch-option:not(.image):not(.color):not(.text) { border: 1px solid #ddd !important; } .theme-pearl.catalog-product-view .swatch-option:not(.image):not(.color):not(.text):hover { border: 1px solid #999 !important; } .theme-pearl.catalog-product-view .swatch-option:not(.image):not(.color):not(.text).selected { border: 1px solid #999 !important; } .fotorama__arr { background-color: rgba(255, 255, 255, 0.3) !important; } .fotorama__arr:hover { background-color: rgba(255, 255, 255, 0.5) !important; } .fotorama__nav__frame--dot:focus .fotorama__dot { box-shadow: none; } .fotorama__nav__frame--dot:focus .fotorama__dot:after { box-shadow: none; } .theme-pearl.product-page-v1 .box-tocart .qty-wrapper, .theme-pearl.product-page-v2 .box-tocart .qty-wrapper, .theme-pearl.product-page-v3 .box-tocart .qty-wrapper, .theme-pearl.product-page-v4 .box-tocart .qty-wrapper { border-radius: 1px; -o-border-radius: 1px; -ms-border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; } .theme-pearl.catalog-product-view .page-wrapper .fixed-cart-container .sticky-max-width { max-width: 1400px !important; width: 100% !important; margin: 0 auto !important; } .theme-pearl.catalog-product-view .no-border .product.data.items .nav-wrapper .tabs-title-wrapper { max-width: 1400px !important; } .theme-pearl.catalog-product-view .no-border .product.data.items .nav-wrapper-sticky .tabs-title-wrapper { padding: 0 15px; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items .item.content.view-more-less-wrapper { max-height: 100%; } .product-page-v2.theme-pearl.catalog-product-view #pre-div, .product-page-v2.theme-pearl.catalog-product-view { background-color: #FFFFFF !important; } .product-page-v2.theme-pearl.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav .owl-prev, .product-page-v2.theme-pearl.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav .owl-next { background-color: rgba(255, 255, 255, 0.8) !important; } .product-page-v2.theme-pearl.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-prev, .product-page-v2.theme-pearl.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-next { background-color: transparent !important; } .product-page-v2.theme-pearl.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-prev:hover, .product-page-v2.theme-pearl.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-next:hover { background-color: transparent !important; } .theme-pearl.product-page-v3 .wp-productpage-prev-next:before { content: ''; position: absolute; top: 0; left: -50%; width: 200%; height: 48px; z-index: -1; background-color: #FFFFFF; } .theme-pearl.product-page-v3 .page-wrapper, .theme-pearl.product-page-v4 .page-wrapper { overflow-x: hidden; } .theme-pearl.product-page-v3 .fotorama_arr, .theme-pearl.product-page-v4 .fotorama_arr, .theme-pearl.product-page-v3 .fotoramathumb_arr, .theme-pearl.product-page-v4 .fotoramathumb_arr { background-color: transparent; } .theme-pearl.product-page-v3 .column.main, .theme-pearl.product-page-v4 .column.main { position: relative; } .theme-pearl.product-page-v3 .column.main:before, .theme-pearl.product-page-v4 .column.main:before { content: ''; position: absolute; top: 0; left: -50%; width: 200%; height: 100%; background-color: #FFFFFF; z-index: -1; } .theme-pearl.product-page-v3 .column.main .product-info-main, .theme-pearl.product-page-v4 .column.main .product-info-main { padding-top: 7%; margin-top: 0px; } .theme-pearl.product-page-v3 .column.main .product-info-main.cart-summary, .theme-pearl.product-page-v4 .column.main .product-info-main.cart-summary { padding-top: 75px !important; } .theme-pearl.product-page-v3 .column.main .product.info.detailed, .theme-pearl.product-page-v4 .column.main .product.info.detailed { padding-top: 25px; } .theme-pearl.product-page-v3 .product.media.product_v4, .theme-pearl.product-page-v4 .product.media.product_v4, .theme-pearl.product-page-v3 .product_v3, .theme-pearl.product-page-v4 .product_v3 { position: relative; display: inline-block; width: 100%; } .theme-pearl.product-page-v3 .product.media.product_v4 .product.media, .theme-pearl.product-page-v4 .product.media.product_v4 .product.media, .theme-pearl.product-page-v3 .product_v3 .product.media, .theme-pearl.product-page-v4 .product_v3 .product.media, .theme-pearl.product-page-v3 .product.media.product_v4 .product-info-main, .theme-pearl.product-page-v4 .product.media.product_v4 .product-info-main, .theme-pearl.product-page-v3 .product_v3 .product-info-main, .theme-pearl.product-page-v4 .product_v3 .product-info-main { position: relative; } .theme-pearl.product-page-v3 .product.media.product_v4:before, .theme-pearl.product-page-v4 .product.media.product_v4:before, .theme-pearl.product-page-v3 .product_v3:before, .theme-pearl.product-page-v4 .product_v3:before { content: ''; position: absolute; top: 0; left: -50%; width: 200%; height: 100%; background-color: #FFFFFF; } .theme-pearl.product-page-v3.catalog-product-view #pre-div, .theme-pearl.product-page-v4.catalog-product-view #pre-div { background-color: #FFFFFF; } .theme-pearl.product-page-v3.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav .owl-prev, .theme-pearl.product-page-v4.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav .owl-prev, .theme-pearl.product-page-v3.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav .owl-next, .theme-pearl.product-page-v4.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav .owl-next { background-color: rgba(255, 255, 255, 0.8) !important; } .theme-pearl.product-page-v3.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-prev, .theme-pearl.product-page-v4.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-prev, .theme-pearl.product-page-v3.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-next, .theme-pearl.product-page-v4.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-next { background-color: transparent !important; } .theme-pearl.product-page-v3.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-prev:hover, .theme-pearl.product-page-v4.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-prev:hover, .theme-pearl.product-page-v3.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-next:hover, .theme-pearl.product-page-v4.catalog-product-view #maincontent .product-items.owl-carousel.owl-center .owl-nav.fullscreen .owl-next:hover { background-color: transparent !important; } .theme-pearl.product-page-v3.catalog-product-view .swatch-option.text, .theme-pearl.product-page-v4.catalog-product-view .swatch-option.text { background-color: white; } .theme-pearl.catalog-product-view .fotorama__thumb-border { border: 1px solid #CCCCCC; } .theme-pearl.catalog-product-view .fotorama__nav-wrap--vertical .fotorama__nav--thumbs .fotorama__nav__frame .fotorama__thumb { border-bottom: 2px solid #FFFFFF; } .theme-pearl.catalog-product-view .fotorama__nav-wrap--vertical .fotorama__nav--thumbs .fotorama__nav__frame:last-of-type .fotorama__thumb { border: none; } .theme-pearl.catalog-product-view .product.data.items > .item.title > .switch, .theme-pearl.catalog-product-view .product.data.items > .item.title > .switch:visited { background-color: #FFFFFF !important; color: #000000 !important; } .theme-pearl.catalog-product-view .product.data.items > .item.title:not(.disabled) > .switch:active, .theme-pearl.catalog-product-view .product.info.detailed > .items > .item, .theme-pearl.catalog-product-view .product.data.items > .item.title.active > .switch, .theme-pearl.catalog-product-view .product.data.items > .item.title.active > .switch:focus, .theme-pearl.catalog-product-view .product.data.items > .item.title.active > .switch:hover { background-color: #FFFFFF !important; color: #000000 !important; } .theme-pearl.catalog-product-view .product.info.detailed > .items > .item.title.active { position: relative; } .theme-pearl.catalog-product-view .product.info.detailed > .items > .item.title.active:before { content: ''; position: absolute; background-color: #FFFFFF !important; width: (100% - 2px); height: 1px; bottom: -1px; left: 1px; } .theme-pearl.catalog-product-view .product.info.detailed > .items > .item.content input, .theme-pearl.catalog-product-view .product.info.detailed > .items > .item.content select, .theme-pearl.catalog-product-view .product.info.detailed > .items > .item.content textarea { background-color: #FFFFFF !important; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items > .item.content { padding: 20px; } @media (max-width: 767px) { .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items > .item.content { padding: 10px; margin-top: 0px !important; } } .theme-pearl.catalog-product-view .product.info.detailed.toggle-bg .data.item.content.togglec { padding: 20px; } .theme-pearl.catalog-product-view .product-info-main .page-title-wrapper .page-title { text-transform: none; } @media (min-width: 768px) { .theme-pearl.product-page-v4 .product-info-main { min-width: 450px; right: 20px !important; } } .actions .paypal-button { position: sticky; } body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } nav ul, nav ol { list-style: none none; } img { max-width: 100%; height: auto; border: 0; } video, embed, object { max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { color: #333333; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; } p { margin-top: 0rem; margin-bottom: 1rem; } abbr[title] { border-bottom: 1px dotted #cccccc; cursor: help; } b, strong { font-weight: 700; } em, i { font-style: italic; } mark { background: #f6f6f6; color: #000000; } small, .small { font-size: 12px; } hr { border: 0; border-top: 1px solid #cccccc; margin-bottom: 20px; margin-top: 20px; } sub, sup { font-size: 71.42857143000001%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dfn { font-style: italic; } h1 { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 0rem; margin-bottom: 2rem; } h2 { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } h3 { font-weight: 600; line-height: 1.1; font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; } h4 { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } h5 { font-weight: 700; line-height: 1.1; font-size: 1.2rem; margin-top: 2rem; margin-bottom: 2rem; } h6 { font-weight: 700; line-height: 1.1; font-size: 1rem; margin-top: 2rem; margin-bottom: 2rem; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { color: #333333; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1; } a, .alink { color: #006bb4; text-decoration: none; } a:visited, .alink:visited { color: #006bb4; text-decoration: none; } a:hover, .alink:hover { color: #006bb4; text-decoration: underline; } a:active, .alink:active { color: #ff5501; text-decoration: underline; } ul, ol { margin-top: 0rem; margin-bottom: 2.5rem; } ul > li, ol > li { margin-top: 0rem; margin-bottom: 1rem; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-bottom: 20px; margin-top: 0; } dt { font-weight: 700; margin-bottom: 5px; margin-top: 0; } dd { margin-bottom: 10px; margin-top: 0; margin-left: 0; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { background: #f6f6f6; color: #111111; padding: 2px 4px; font-size: 1.2rem; white-space: nowrap; } kbd { background: #f6f6f6; color: #111111; padding: 2px 4px; font-size: 1.2rem; } pre { background: #f6f6f6; border: 1px solid #cccccc; color: #111111; line-height: 1.42857143; margin: 0 0 10px; padding: 10px; font-size: 1.2rem; display: block; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } blockquote { border-left: 0 solid #cccccc; margin: 0 0 20px 40px; padding: 0; color: #333333; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #333333; line-height: 1.42857143; font-size: 1rem; display: block; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } blockquote cite { font-style: normal; } blockquote:before, blockquote:after { content: ''; } q { quotes: none; } q:before, q:after { content: ''; content: none; } cite { font-style: normal; } table { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; } table th { text-align: left; } table > tbody > tr > th, table > tfoot > tr > th, table > tbody > tr > td, table > tfoot > tr > td { vertical-align: top; } table > thead > tr > th, table > thead > tr > td { vertical-align: bottom; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 11px 10px; } button { background-image: none; background: #eeeeee; border: 1px solid #cccccc; color: #333333; cursor: pointer; display: inline-block; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; } button:focus, button:active { background: #e2e2e2; border: 1px solid #cccccc; color: #333333; } button:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #333333; } button.disabled, button[disabled], fieldset[disabled] button { opacity: 0.5; cursor: default; pointer-events: none; } button::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"] { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="url"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type*="date"]:disabled, input[type="email"]:disabled { opacity: 0.5; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type*="date"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #575757; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type*="date"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #575757; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type*="date"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #575757; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } select { background: #ffffff url('../../frontend/Kemana/default/id_ID/images/select-bg.svg') no-repeat 100% 45%; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 1px; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 4px 25px 5px 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; } select:focus { border: 1px solid #c2c2c2; } select:disabled { opacity: 0.5; background: #ffffff; border: 1px solid #c2c2c2; } select[multiple] { height: auto; background-image: none; } textarea { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: auto; line-height: 1.42857143; margin: 0; padding: 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: vertical; } textarea:disabled { opacity: 0.5; } textarea::-moz-placeholder { color: #575757; } textarea::-webkit-input-placeholder { color: #575757; } textarea:-ms-input-placeholder { color: #575757; } input[type="checkbox"] { margin: 2px 5px 0 0; position: relative; top: 2px; } input[type="checkbox"]:disabled { opacity: 0.5; } input[type="radio"] { margin: 2px 5px 0 0; } input[type="radio"]:disabled { opacity: 0.5; } input.mage-error, select.mage-error, textarea.mage-error { border-color: #ed8380; } div.mage-error { color: #e02b27; font-size: 1.2rem; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input::-moz-focus-inner { border: 0; padding: 0; } form { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } address { font-style: normal; } *:focus { box-shadow: none; outline: 0; } ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { box-shadow: 0 0 3px 1px #00699d; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .abs-reset-list, .bundle-options-container .block-bundle-summary .bundle.items, .search-terms, .cart-summary .checkout-methods-items, .opc-wrapper .opc, .opc-progress-bar, .checkout-agreements-items, .order-details-items .items-qty, .product-items, .prices-tier, .footer.content ul, .block-banners .banner-items, .block-banners-inline .banner-items, .block-event .slider-panel .slider { margin: 0; padding: 0; list-style: none none; } .abs-reset-list > li, .bundle-options-container .block-bundle-summary .bundle.items > li, .search-terms > li, .cart-summary .checkout-methods-items > li, .opc-wrapper .opc > li, .opc-progress-bar > li, .checkout-agreements-items > li, .order-details-items .items-qty > li, .product-items > li, .prices-tier > li, .footer.content ul > li, .block-banners .banner-items > li, .block-banners-inline .banner-items > li, .block-event .slider-panel .slider > li { margin: 0; } .action-primary { background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; border-radius: 3px; } .action-primary:focus, .action-primary:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action-primary:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action-primary.disabled, .action-primary[disabled], fieldset[disabled] .action-primary { opacity: 0.5; cursor: default; pointer-events: none; } .abs-revert-to-action-secondary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .cart-summary .block .actions-toolbar > .primary .action.primary, .abs-discount-code .form-discount .actions-toolbar .primary .action, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action { border-radius: 3px; } .abs-revert-to-action-secondary:not(:focus), .abs-discount-block .actions-toolbar .action.primary:not(:focus), .abs-discount-block .actions-toolbar .action.cancel:not(:focus), .cart-summary .block .actions-toolbar > .primary .action.primary:not(:focus), .abs-discount-code .form-discount .actions-toolbar .primary .action:not(:focus), .cart-summary .form.giftregistry .fieldset .action.primary:not(:focus), .paypal-review-discount .actions-toolbar .action.primary:not(:focus), .paypal-review-discount .actions-toolbar .action.cancel:not(:focus), .cart-discount .actions-toolbar .action.primary:not(:focus), .cart-discount .actions-toolbar .action.cancel:not(:focus), .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus) { box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); } .abs-revert-to-action-secondary:active, .abs-discount-block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.cancel:active, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .abs-discount-code .form-discount .actions-toolbar .primary .action:active, .cart-summary .form.giftregistry .fieldset .action.primary:active, .paypal-review-discount .actions-toolbar .action.primary:active, .paypal-review-discount .actions-toolbar .action.cancel:active, .cart-discount .actions-toolbar .action.primary:active, .cart-discount .actions-toolbar .action.cancel:active, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:active { box-shadow: inset 0 1px 0 0 rgba(204, 204, 204, 0.8), inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); } .abs-action-link-button, .block-event .slider-panel .slider .item .action.event { background-image: none; background: #eeeeee; border: 1px solid #cccccc; color: #333333; cursor: pointer; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; border-radius: 3px; } .abs-action-link-button:focus, .abs-action-link-button:active, .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #e2e2e2; border: 1px solid #cccccc; color: #333333; } .abs-action-link-button:hover, .block-event .slider-panel .slider .item .action.event:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #333333; } .abs-action-link-button.disabled, .abs-action-link-button[disabled], fieldset[disabled] .abs-action-link-button, .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .abs-action-link-button:hover, .abs-action-link-button:active, .abs-action-link-button:focus, .block-event .slider-panel .slider .item .action.event:hover, .block-event .slider-panel .slider .item .action.event:active, .block-event .slider-panel .slider .item .action.event:focus { text-decoration: none; } .abs-action-button-as-link, .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .checkout-container .action-additional, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .action-gift, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .block.related .action.select, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { line-height: 1.42857143; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; border-radius: 0; } .abs-action-button-as-link:visited, .abs-action-remove:visited, .abs-discount-block .action.check:visited, .popup .actions-toolbar .action.cancel:visited, .checkout-container .action-additional:visited, .paypal-button-widget .paypal-button:visited, .bundle-options-container .action.back:visited, .cart.table-wrapper .actions-toolbar > .action-delete:visited, .cart.table-wrapper .action.help.map:visited, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:visited, .opc-wrapper .edit-address-link:visited, .opc-block-shipping-information .shipping-information-title .action-edit:visited, .action-auth-toggle:visited, .checkout-payment-method .checkout-billing-address .action-cancel:visited, .checkout-agreements-block .action-show:visited, .gift-options .actions-toolbar .action-cancel:visited, .gift-summary .action-edit:visited, .gift-summary .action-delete:visited, .action-gift:visited, .gift-wrapping-title .action-remove:visited, .wishlist.split.button > .action:visited, .block.related .action.select:visited, .abs-add-fields .action.remove:visited, .paypal-review-discount .action.check:visited, .cart-discount .action.check:visited, .form-giftregistry-share .action.remove:visited, .form-giftregistry-edit .action.remove:visited, .form-add-invitations .action.remove:visited, .form-create-return .action.remove:visited, .form.send.friend .action.remove:visited { color: #006bb4; text-decoration: none; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .checkout-container .action-additional:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .action-gift:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .block.related .action.select:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover { color: #006bb4; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .abs-discount-block .action.check:active, .popup .actions-toolbar .action.cancel:active, .checkout-container .action-additional:active, .paypal-button-widget .paypal-button:active, .bundle-options-container .action.back:active, .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .action.help.map:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-agreements-block .action-show:active, .gift-options .actions-toolbar .action-cancel:active, .gift-summary .action-edit:active, .gift-summary .action-delete:active, .action-gift:active, .gift-wrapping-title .action-remove:active, .wishlist.split.button > .action:active, .block.related .action.select:active, .abs-add-fields .action.remove:active, .paypal-review-discount .action.check:active, .cart-discount .action.check:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active { color: #ff5501; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-button-as-link:active, .abs-action-button-as-link:focus, .abs-action-remove:hover, .abs-action-remove:active, .abs-action-remove:focus, .abs-discount-block .action.check:hover, .abs-discount-block .action.check:active, .abs-discount-block .action.check:focus, .popup .actions-toolbar .action.cancel:hover, .popup .actions-toolbar .action.cancel:active, .popup .actions-toolbar .action.cancel:focus, .checkout-container .action-additional:hover, .checkout-container .action-additional:active, .checkout-container .action-additional:focus, .paypal-button-widget .paypal-button:hover, .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:focus, .bundle-options-container .action.back:hover, .bundle-options-container .action.back:active, .bundle-options-container .action.back:focus, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .actions-toolbar > .action-delete:focus, .cart.table-wrapper .action.help.map:hover, .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:focus, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:focus, .opc-wrapper .edit-address-link:hover, .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:focus, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:focus, .action-auth-toggle:hover, .action-auth-toggle:active, .action-auth-toggle:focus, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-payment-method .checkout-billing-address .action-cancel:focus, .checkout-agreements-block .action-show:hover, .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:focus, .gift-options .actions-toolbar .action-cancel:hover, .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:focus, .gift-summary .action-edit:hover, .gift-summary .action-edit:active, .gift-summary .action-edit:focus, .gift-summary .action-delete:hover, .gift-summary .action-delete:active, .gift-summary .action-delete:focus, .action-gift:hover, .action-gift:active, .action-gift:focus, .gift-wrapping-title .action-remove:hover, .gift-wrapping-title .action-remove:active, .gift-wrapping-title .action-remove:focus, .wishlist.split.button > .action:hover, .wishlist.split.button > .action:active, .wishlist.split.button > .action:focus, .block.related .action.select:hover, .block.related .action.select:active, .block.related .action.select:focus, .abs-add-fields .action.remove:hover, .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:focus, .paypal-review-discount .action.check:hover, .paypal-review-discount .action.check:active, .paypal-review-discount .action.check:focus, .cart-discount .action.check:hover, .cart-discount .action.check:active, .cart-discount .action.check:focus, .form-giftregistry-share .action.remove:hover, .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:focus, .form-giftregistry-edit .action.remove:hover, .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:focus, .form-add-invitations .action.remove:hover, .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:focus, .form-create-return .action.remove:hover, .form-create-return .action.remove:active, .form-create-return .action.remove:focus, .form.send.friend .action.remove:hover, .form.send.friend .action.remove:active, .form.send.friend .action.remove:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .abs-action-button-as-link[disabled], fieldset[disabled] .abs-action-button-as-link, .abs-action-remove.disabled, .abs-action-remove[disabled], fieldset[disabled] .abs-action-remove, .abs-discount-block .action.check.disabled, .abs-discount-block .action.check[disabled], fieldset[disabled] .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel.disabled, .popup .actions-toolbar .action.cancel[disabled], fieldset[disabled] .popup .actions-toolbar .action.cancel, .checkout-container .action-additional.disabled, .checkout-container .action-additional[disabled], fieldset[disabled] .checkout-container .action-additional, .paypal-button-widget .paypal-button.disabled, .paypal-button-widget .paypal-button[disabled], fieldset[disabled] .paypal-button-widget .paypal-button, .bundle-options-container .action.back.disabled, .bundle-options-container .action.back[disabled], fieldset[disabled] .bundle-options-container .action.back, .cart.table-wrapper .actions-toolbar > .action-delete.disabled, .cart.table-wrapper .actions-toolbar > .action-delete[disabled], fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map.disabled, .cart.table-wrapper .action.help.map[disabled], fieldset[disabled] .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup.disabled, .checkout-index-index .modal-popup .modal-footer .action-hide-popup[disabled], fieldset[disabled] .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link.disabled, .opc-wrapper .edit-address-link[disabled], fieldset[disabled] .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit.disabled, .opc-block-shipping-information .shipping-information-title .action-edit[disabled], fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle.disabled, .action-auth-toggle[disabled], fieldset[disabled] .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel.disabled, .checkout-payment-method .checkout-billing-address .action-cancel[disabled], fieldset[disabled] .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show.disabled, .checkout-agreements-block .action-show[disabled], fieldset[disabled] .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel.disabled, .gift-options .actions-toolbar .action-cancel[disabled], fieldset[disabled] .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit.disabled, .gift-summary .action-edit[disabled], fieldset[disabled] .gift-summary .action-edit, .gift-summary .action-delete.disabled, .gift-summary .action-delete[disabled], fieldset[disabled] .gift-summary .action-delete, .action-gift.disabled, .action-gift[disabled], fieldset[disabled] .action-gift, .gift-wrapping-title .action-remove.disabled, .gift-wrapping-title .action-remove[disabled], fieldset[disabled] .gift-wrapping-title .action-remove, .wishlist.split.button > .action.disabled, .wishlist.split.button > .action[disabled], fieldset[disabled] .wishlist.split.button > .action, .block.related .action.select.disabled, .block.related .action.select[disabled], fieldset[disabled] .block.related .action.select, .abs-add-fields .action.remove.disabled, .abs-add-fields .action.remove[disabled], fieldset[disabled] .abs-add-fields .action.remove, .paypal-review-discount .action.check.disabled, .paypal-review-discount .action.check[disabled], fieldset[disabled] .paypal-review-discount .action.check, .cart-discount .action.check.disabled, .cart-discount .action.check[disabled], fieldset[disabled] .cart-discount .action.check, .form-giftregistry-share .action.remove.disabled, .form-giftregistry-share .action.remove[disabled], fieldset[disabled] .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove.disabled, .form-giftregistry-edit .action.remove[disabled], fieldset[disabled] .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove.disabled, .form-add-invitations .action.remove[disabled], fieldset[disabled] .form-add-invitations .action.remove, .form-create-return .action.remove.disabled, .form-create-return .action.remove[disabled], fieldset[disabled] .form-create-return .action.remove, .form.send.friend .action.remove.disabled, .form.send.friend .action.remove[disabled], fieldset[disabled] .form.send.friend .action.remove { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-button-as-link:not(:focus), .abs-action-remove:active, .abs-action-remove:not(:focus), .abs-discount-block .action.check:active, .abs-discount-block .action.check:not(:focus), .popup .actions-toolbar .action.cancel:active, .popup .actions-toolbar .action.cancel:not(:focus), .checkout-container .action-additional:active, .checkout-container .action-additional:not(:focus), .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:not(:focus), .bundle-options-container .action.back:active, .bundle-options-container .action.back:not(:focus), .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .actions-toolbar > .action-delete:not(:focus), .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:not(:focus), .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:not(:focus), .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:not(:focus), .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:not(:focus), .action-auth-toggle:active, .action-auth-toggle:not(:focus), .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-payment-method .checkout-billing-address .action-cancel:not(:focus), .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:not(:focus), .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:not(:focus), .gift-summary .action-edit:active, .gift-summary .action-edit:not(:focus), .gift-summary .action-delete:active, .gift-summary .action-delete:not(:focus), .action-gift:active, .action-gift:not(:focus), .gift-wrapping-title .action-remove:active, .gift-wrapping-title .action-remove:not(:focus), .wishlist.split.button > .action:active, .wishlist.split.button > .action:not(:focus), .block.related .action.select:active, .block.related .action.select:not(:focus), .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:not(:focus), .paypal-review-discount .action.check:active, .paypal-review-discount .action.check:not(:focus), .cart-discount .action.check:active, .cart-discount .action.check:not(:focus), .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:not(:focus), .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:not(:focus), .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:not(:focus), .form-create-return .action.remove:active, .form-create-return .action.remove:not(:focus), .form.send.friend .action.remove:active, .form.send.friend .action.remove:not(:focus) { box-shadow: none; } .abs-revert-secondary-color, .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .cart-summary .block .actions-toolbar > .primary .action.primary, .abs-discount-code .form-discount .actions-toolbar .primary .action, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action { background: #eeeeee; border: 1px solid #cccccc; color: #333333; } .abs-revert-secondary-color:focus, .abs-revert-secondary-color:active, .abs-revert-to-action-secondary:focus, .abs-revert-to-action-secondary:active, .paypal-review .block .actions-toolbar .action.primary:focus, .paypal-review .block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.primary:focus, .abs-discount-block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.cancel:focus, .abs-discount-block .actions-toolbar .action.cancel:active, .cart-summary .block .actions-toolbar > .primary .action.primary:focus, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .abs-discount-code .form-discount .actions-toolbar .primary .action:focus, .abs-discount-code .form-discount .actions-toolbar .primary .action:active, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .cart-summary .form.giftregistry .fieldset .action.primary:active, .paypal-review-discount .actions-toolbar .action.primary:focus, .paypal-review-discount .actions-toolbar .action.primary:active, .paypal-review-discount .actions-toolbar .action.cancel:focus, .paypal-review-discount .actions-toolbar .action.cancel:active, .cart-discount .actions-toolbar .action.primary:focus, .cart-discount .actions-toolbar .action.primary:active, .cart-discount .actions-toolbar .action.cancel:focus, .cart-discount .actions-toolbar .action.cancel:active, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:focus, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:active { background: #e2e2e2; border: 1px solid #cccccc; color: #333333; } .abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.cancel:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .abs-discount-code .form-discount .actions-toolbar .primary .action:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review-discount .actions-toolbar .action.primary:hover, .paypal-review-discount .actions-toolbar .action.cancel:hover, .cart-discount .actions-toolbar .action.primary:hover, .cart-discount .actions-toolbar .action.cancel:hover, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #333333; } .abs-revert-secondary-size, .products-grid.wishlist .product-item .box-tocart .tocart { font-size: 1.4rem; line-height: 1.6rem; padding: 7px 15px; } .abs-button-l, #store-selector .form-continue .actions-toolbar .action.primary, .order-review-form .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .cart-summary .checkout-methods-items .action.primary.checkout, .block-minicart .block-content > .actions > .primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .box-tocart .action.instant-purchase, .multicheckout .action.primary, .box-tocart .action.tocart { line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; } .abs-product-options-list dt, .cart.table-wrapper .item-options dt, .minicart-items .product-item-details .product .options.list dt, .opc-block-summary .items-in-cart .product .item-options dt, .block-giftregistry-shared-items .product .item-options dt, .multicheckout .item-options dt { clear: left; float: left; margin: 0 10px 5px 0; } .abs-product-options-list dt:after, .cart.table-wrapper .item-options dt:after, .minicart-items .product-item-details .product .options.list dt:after, .opc-block-summary .items-in-cart .product .item-options dt:after, .block-giftregistry-shared-items .product .item-options dt:after, .multicheckout .item-options dt:after { content: ': '; } .abs-product-options-list dd, .cart.table-wrapper .item-options dd, .minicart-items .product-item-details .product .options.list dd, .opc-block-summary .items-in-cart .product .item-options dd, .block-giftregistry-shared-items .product .item-options dd, .multicheckout .item-options dd { display: inline-block; float: left; margin: 0 0 5px; word-break: break-all; } .abs-button-responsive, .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.instant-purchase, .box-tocart .action.tocart { width: 100%; } .abs-reset-image-wrapper, .cart.table-wrapper .product-image-wrapper, .minicart-items .product-image-wrapper, .block-giftregistry-shared-items .product-image-wrapper, .products-list .product-image-wrapper { height: auto; padding: 0 !important; } .abs-reset-image-wrapper .product-image-photo, .cart.table-wrapper .product-image-wrapper .product-image-photo, .minicart-items .product-image-wrapper .product-image-photo, .block-giftregistry-shared-items .product-image-wrapper .product-image-photo, .products-list .product-image-wrapper .product-image-photo { position: static; } .abs-adaptive-images { display: block; height: auto; max-width: 100%; } .abs-adaptive-images-centered, .product.media .product.photo .photo.image { display: block; height: auto; margin: 0 auto; max-width: 100%; } .abs-login-block-title, .login-container .block .block-title { border-bottom: 1px solid #e8e8e8; font-size: 1.8rem; margin-bottom: 15px; padding-bottom: 12px; } .abs-login-block-title strong, .login-container .block .block-title strong { font-weight: 500; } .abs-dropdown-simple, .giftregisty-dropdown, .wishlist-dropdown { display: inline-block; position: relative; } .abs-dropdown-simple:before, .abs-dropdown-simple:after, .giftregisty-dropdown:before, .giftregisty-dropdown:after, .wishlist-dropdown:before, .wishlist-dropdown:after { content: ''; display: table; } .abs-dropdown-simple:after, .giftregisty-dropdown:after, .wishlist-dropdown:after { clear: both; } .abs-dropdown-simple .action.toggle, .giftregisty-dropdown .action.toggle, .wishlist-dropdown .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle:after, .giftregisty-dropdown .action.toggle:after, .wishlist-dropdown .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle:hover:after, .giftregisty-dropdown .action.toggle:hover:after, .wishlist-dropdown .action.toggle:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle:active:after, .giftregisty-dropdown .action.toggle:active:after, .wishlist-dropdown .action.toggle:active:after { color: inherit; } .abs-dropdown-simple .action.toggle.active, .giftregisty-dropdown .action.toggle.active, .wishlist-dropdown .action.toggle.active { display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle.active:after, .giftregisty-dropdown .action.toggle.active:after, .wishlist-dropdown .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle.active:hover:after, .giftregisty-dropdown .action.toggle.active:hover:after, .wishlist-dropdown .action.toggle.active:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle.active:active:after, .giftregisty-dropdown .action.toggle.active:active:after, .wishlist-dropdown .action.toggle.active:active:after { color: inherit; } .abs-dropdown-simple ul.dropdown, .giftregisty-dropdown ul.dropdown, .wishlist-dropdown ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-dropdown-simple ul.dropdown li, .giftregisty-dropdown ul.dropdown li, .wishlist-dropdown ul.dropdown li { margin: 0; padding: 5px 5px 5px 23px; } .abs-dropdown-simple ul.dropdown li:hover, .giftregisty-dropdown ul.dropdown li:hover, .wishlist-dropdown ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .abs-dropdown-simple ul.dropdown:before, .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:before, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { left: 10px; top: -12px; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { left: 9px; top: -14px; } .abs-dropdown-simple.active, .giftregisty-dropdown.active, .wishlist-dropdown.active { overflow: visible; } .abs-dropdown-simple.active ul.dropdown, .giftregisty-dropdown.active ul.dropdown, .wishlist-dropdown.active ul.dropdown { display: block; } .abs-dropdown-simple ul.items, .giftregisty-dropdown ul.items, .wishlist-dropdown ul.items { padding: 6px 0; } .abs-input-qty, .column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty, .account .data.table-return-items .qty .input-text, .table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty, .table.grouped .col.qty .control.qty .qty, .block-wishlist-info-items .input-text.qty, .multicheckout .table-wrapper .col .qty .input-text, .account .table-wrapper .data.table.wishlist .box-tocart .qty, .products-grid.wishlist .product-item .box-tocart input.qty, .box-tocart .input-text.qty, .sidebar .block-addbysku .fieldset .fields .field.qty .qty { text-align: center; width: 54px; } .abs-margin-for-blocks-and-widgets, .block, .customer-review .product-details, .block-banners, .block-banners-inline { margin-bottom: 40px; } .abs-remove-button-for-blocks, .sidebar .product-items .action.delete, .filter-current .action.remove { display: inline-block; text-decoration: none; } .abs-remove-button-for-blocks > span, .sidebar .product-items .action.delete > span, .filter-current .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-remove-button-for-blocks:before, .sidebar .product-items .action.delete:before, .filter-current .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 15px; color: #757575; content: '\e616'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-remove-button-for-blocks:hover:before, .sidebar .product-items .action.delete:hover:before, .filter-current .action.remove:hover:before { color: #494949; } .abs-remove-button-for-blocks:active:before, .sidebar .product-items .action.delete:active:before, .filter-current .action.remove:active:before { color: #999999; } .abs-product-link, .product-item-name, .product.name a { font-weight: 400; } .abs-product-link > a, .product-item-name > a, .product.name a > a { color: #333333; text-decoration: none; } .abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited { color: #333333; text-decoration: underline; } .abs-product-link > a:hover, .product-item-name > a:hover, .product.name a > a:hover { color: #333333; text-decoration: underline; } .abs-product-link > a:active, .product-item-name > a:active, .product.name a > a:active { color: #333333; text-decoration: underline; } .abs-like-link { color: #006bb4; text-decoration: none; cursor: pointer; } .abs-like-link:visited { color: #006bb4; text-decoration: none; } .abs-like-link:hover { color: #006bb4; text-decoration: underline; } .abs-like-link:active { color: #ff5501; text-decoration: underline; } .abs-reset-left-margin, .form.giftregistry.items .actions-toolbar, .form.wishlist.items .actions-toolbar { margin-left: 0; } .abs-action-remove, .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { line-height: normal; margin-left: 73%; position: absolute; top: 34px; width: auto; } .abs-add-fields .fieldset .field .control, .form-giftregistry-share .fieldset .field .control, .form-giftregistry-edit .fieldset .field .control, .form-add-invitations .fieldset .field .control, .form-create-return .fieldset .field .control, .form.send.friend .fieldset .field .control { width: 70%; } .abs-add-fields .fieldset .actions-toolbar > .secondary, .form-giftregistry-share .fieldset .actions-toolbar > .secondary, .form-giftregistry-edit .fieldset .actions-toolbar > .secondary, .form-add-invitations .fieldset .actions-toolbar > .secondary, .form-create-return .fieldset .actions-toolbar > .secondary, .form.send.friend .fieldset .actions-toolbar > .secondary { float: left; } .abs-add-fields .fieldset .actions-toolbar > .secondary .action.add, .form-giftregistry-share .fieldset .actions-toolbar > .secondary .action.add, .form-giftregistry-edit .fieldset .actions-toolbar > .secondary .action.add, .form-add-invitations .fieldset .actions-toolbar > .secondary .action.add, .form-create-return .fieldset .actions-toolbar > .secondary .action.add, .form.send.friend .fieldset .actions-toolbar > .secondary .action.add { margin-top: 30px; } .abs-add-fields .fieldset .fields .actions-toolbar, .form-giftregistry-share .fieldset .fields .actions-toolbar, .form-giftregistry-edit .fieldset .fields .actions-toolbar, .form-add-invitations .fieldset .fields .actions-toolbar, .form-create-return .fieldset .fields .actions-toolbar, .form.send.friend .fieldset .fields .actions-toolbar { margin: 0; } .abs-add-fields .additional, .form-giftregistry-share .additional, .form-giftregistry-edit .additional, .form-add-invitations .additional, .form-create-return .additional, .form.send.friend .additional { margin-top: 55px; position: relative; } .abs-add-fields .message.notice, .form-giftregistry-share .message.notice, .form-giftregistry-edit .message.notice, .form-add-invitations .message.notice, .form-create-return .message.notice, .form.send.friend .message.notice { margin: 30px 0 0; } .abs-hidden, .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: 0; visibility: hidden; } .abs-visually-hidden, .page-header .header_right .switcher .label, .opc-wrapper .form-discount .field .label, .bundle-options-container .block-bundle-summary .product-image-container, .bundle-options-container .block-bundle-summary .product.name, .bundle-options-container .block-bundle-summary .stock, .cart.table-wrapper .col.qty .label, .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label, .checkout-index-index .page-title-wrapper, .checkout-payment-method .field-select-billing > .label, .checkout-payment-method .payments .legend, .checkout-payment-method .ccard .legend, .fieldset .fullname > .label, .field.street .field .label, .block-balance .balance-price-label, .page-product-downloadable .product-options-wrapper .fieldset .legend.links-title, .page-product-giftcard .fieldset.giftcard > .legend, .opc-wrapper .form-giftcard-account .field .label, .form-add-invitations .fields .label, .table-comparison .wishlist.split.button > .action.split span, .product-items .wishlist.split.button > .action.split span, .page-multiple-wishlist .page-title-wrapper .page-title, .block-wishlist-search-form .form-wishlist-search .fieldset > .legend, .multicheckout .table-wrapper .col .label, .multicheckout .block .methods-shipping .item-content .fieldset > .legend, .block.newsletter .label, .review-date .review-details-label, .customer-review .product-details .rating-average-label, .block-reorder .product-item .label, .products-grid.wishlist .product-item .comment-box .label, .product-item-actions .actions-secondary > .action span, .special-price .price-label, .block.related .field.choice .label, .filter-options-content .filter-count-label, .action.skip:not(:focus), .page-header .switcher .label, .page-footer .switcher .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-visually-hidden-reset, .minicart-items .product.options .toggle > span, .shipping-policy-block.field-tooltip .field-tooltip-action span { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .abs-add-clearfix:before, .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:before, .abs-add-fields .fieldset .actions-toolbar:after, .bundle-options-container .product-options-wrapper .field.choice .label:before, .bundle-options-container .product-options-wrapper .field.choice .label:after, .cart.table-wrapper .actions-toolbar:before, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:before, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:before, .minicart-items .product-item > .product:after, .minicart-items .product-item-details .product .options.list:before, .minicart-items .product-item-details .product .options.list:after, .checkout-container:before, .checkout-container:after, .checkout-onepage-success:before, .checkout-onepage-success:after, .opc-estimated-wrapper:before, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:before, .opc-wrapper .field.addresses:after, .opc-block-summary .items-in-cart .product .item-options:before, .opc-block-summary .items-in-cart .product .item-options:after, .opc-block-summary .product-item .product-item-details:before, .opc-block-summary .product-item .product-item-details:after, .page-product-downloadable .product-add-form:before, .page-product-downloadable .product-add-form:after, .gift-item-block .content:before, .gift-item-block .content:after, .order-details-items .order-gift-message:before, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:before, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:before, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:before, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping .content:before, .opc-wrapper .data.table .gift-wrapping .content:after, .table-order-items .gift-wrapping .content:before, .table-order-items .gift-wrapping .content:after, .order-options .product:before, .order-options .product:after, .map-popup .map-info-price:before, .map-popup .map-info-price:after, .multicheckout .item-options:before, .multicheckout .item-options:after, .multicheckout .block:before, .multicheckout .block:after, .multicheckout .block-content:before, .multicheckout .block-content:after, .customer-review .product-details:before, .customer-review .product-details:after, .form-create-return .actions-toolbar:before, .form-create-return .actions-toolbar:after, .toolbar:before, .toolbar:after, .sidebar .product-items-images:before, .sidebar .product-items-images:after, .header.content:before, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:before, .form-giftregistry-share .fieldset .actions-toolbar:after, .form-giftregistry-edit .fieldset .actions-toolbar:before, .form-giftregistry-edit .fieldset .actions-toolbar:after, .form-add-invitations .fieldset .actions-toolbar:before, .form-add-invitations .fieldset .actions-toolbar:after, .form-create-return .fieldset .actions-toolbar:before, .form-create-return .fieldset .actions-toolbar:after, .form.send.friend .fieldset .actions-toolbar:before, .form.send.friend .fieldset .actions-toolbar:after { content: ''; display: table; } .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:after, .bundle-options-container .product-options-wrapper .field.choice .label:after, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:after, .minicart-items .product-item-details .product .options.list:after, .checkout-container:after, .checkout-onepage-success:after, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:after, .opc-block-summary .items-in-cart .product .item-options:after, .opc-block-summary .product-item .product-item-details:after, .page-product-downloadable .product-add-form:after, .gift-item-block .content:after, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping .content:after, .table-order-items .gift-wrapping .content:after, .order-options .product:after, .map-popup .map-info-price:after, .multicheckout .item-options:after, .multicheckout .block:after, .multicheckout .block-content:after, .customer-review .product-details:after, .form-create-return .actions-toolbar:after, .toolbar:after, .sidebar .product-items-images:after, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:after, .form-giftregistry-edit .fieldset .actions-toolbar:after, .form-add-invitations .fieldset .actions-toolbar:after, .form-create-return .fieldset .actions-toolbar:after, .form.send.friend .fieldset .actions-toolbar:after { clear: both; } .abs-add-box-sizing, .abs-field-date .control, .abs-field-tooltip, .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional, .column .block-addbysku .sku, .search-autocomplete, .cart-summary, .opc-wrapper .shipping-address-item, .shipping-policy-block.field-tooltip .field-tooltip-content, .opc-block-summary, .product-item, .sidebar .product-items-images .product-item, .block-event .slider-panel .slider .item .action.show, .sidebar .block-addbysku .fieldset .fields .field.sku, .form.search.advanced .fields.range .field.date .control, .field .control._with-tooltip, .form-giftregistry-edit .field.date .control { box-sizing: border-box; } .abs-navigation-icon { display: block; text-decoration: none; } .abs-navigation-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 34px; line-height: 1.2; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-navigation-icon:after { position: absolute; right: 5px; top: 0; } .abs-split-button { display: inline-block; position: relative; vertical-align: middle; } .abs-split-button:before, .abs-split-button:after { content: ''; display: table; } .abs-split-button:after { clear: both; } .abs-split-button .action.split { float: left; margin: 0; } .abs-split-button .action.toggle { float: right; margin: 0; } .abs-split-button button.action.split { border-bottom-right-radius: 0; border-top-right-radius: 0; } .abs-split-button button + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .abs-split-button .action.toggle { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle:hover:after { color: inherit; } .abs-split-button .action.toggle:active:after { color: inherit; } .abs-split-button .action.toggle.active { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle.active:hover:after { color: inherit; } .abs-split-button .action.toggle.active:active:after { color: inherit; } .abs-split-button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-split-button .items li { margin: 0; padding: 3px 5px; } .abs-split-button .items li:hover { background: #e8e8e8; cursor: pointer; } .abs-split-button .items:before, .abs-split-button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-split-button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-split-button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-split-button .items:before { right: 10px; top: -12px; } .abs-split-button .items:after { right: 9px; top: -14px; } .abs-split-button.active { overflow: visible; } .abs-split-button.active .items { display: block; } .abs-methods-shipping-title { font-weight: 600; font-size: 1.6rem; margin-bottom: 15px; } .abs-actions-addto, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist, .product-item-actions .actions-secondary > .action, .product-social-links .action.tocompare { color: #999999; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; display: inline-block; text-decoration: none; } .abs-actions-addto:before, .bundle-options-container .block-bundle-summary .product-addto-links > .action:before, .wishlist.split.button > .action.split:before, .product-social-links .action.mailto.friend:before, .product-social-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before, .product-item-actions .actions-secondary > .action:before, .product-social-links .action.tocompare:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: inherit; font-family: 'luma-icons'; margin: -2px 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-actions-addto:hover, .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover, .wishlist.split.button > .action.split:hover, .product-social-links .action.mailto.friend:hover, .product-social-links .action.towishlist:hover, .block-bundle-summary .action.towishlist:hover, .product-item .action.towishlist:hover, .table-comparison .action.towishlist:hover, .product-item-actions .actions-secondary > .action:hover, .product-social-links .action.tocompare:hover { color: #333333; text-decoration: none; } .abs-actions-addto:before, .bundle-options-container .block-bundle-summary .product-addto-links > .action:before, .wishlist.split.button > .action.split:before, .product-social-links .action.mailto.friend:before, .product-social-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before, .product-item-actions .actions-secondary > .action:before, .product-social-links .action.tocompare:before { width: 18px; } .abs-box-tocart, .bundle-options-container .block-bundle-summary .box-tocart, .box-tocart { margin: 0 0 30px; } .abs-toggling-title, .abs-cart-block > .title, .minicart-items .product .toggle, .abs-discount-block .block > .title, .cart-summary .block > .title, .paypal-review-discount .block > .title, .cart-discount .block > .title { border-top: 1px solid #cccccc; cursor: pointer; margin-bottom: 0; position: relative; padding: 10px 40px 10px 15px; display: block; text-decoration: none; } .abs-toggling-title:after, .abs-cart-block > .title:after, .minicart-items .product .toggle:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { position: absolute; right: 20px; top: 10px; } .abs-toggling-title > span, .abs-cart-block > .title > span, .minicart-items .product .toggle > span, .abs-discount-block .block > .title > span, .cart-summary .block > .title > span, .paypal-review-discount .block > .title > span, .cart-discount .block > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-toggling-title:after, .abs-cart-block > .title:after, .minicart-items .product .toggle:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-cart-block, .abs-discount-block .block, .cart-summary .block, .paypal-review-discount .block, .cart-discount .block { margin: 0; } .abs-cart-block > .title:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { color: #858585; } .abs-cart-block .content, .abs-discount-block .block .content, .cart-summary .block .content, .paypal-review-discount .block .content, .cart-discount .block .content { display: none; padding: 5px 15px 23px; position: relative; } .abs-cart-block.active > .title:after, .abs-discount-block .block.active > .title:after, .cart-summary .block.active > .title:after, .paypal-review-discount .block.active > .title:after, .cart-discount .block.active > .title:after { content: '\e621'; } .abs-cart-block.active .content, .abs-discount-block .block.active .content, .cart-summary .block.active .content, .paypal-review-discount .block.active .content, .cart-discount .block.active .content { display: block; } .abs-cart-block-content { margin: 0; } .abs-checkout-cart-price, .multicheckout .table-wrapper .cart-price { color: #7d7d7d; font-size: 1.6rem; font-weight: 700; } .abs-checkout-product-name, .multicheckout .table-wrapper .product-item-name { font-size: 1.8rem; font-weight: 300; margin: 0; } .abs-account-title, .abs-account-blocks .block-title, .account .legend, .form-giftregistry-search .legend, .block-giftregistry-results .block-title, .block-giftregistry-shared-items .block-title, .block-wishlist-search-form .block-title, .block-wishlist-search-results .block-title, .multicheckout .block-title, .multicheckout .block-content .title, .customer-review .review-details .title, .paypal-review .block .block-title, .account .column.main .block:not(.widget) .block-title, .multicheckout .block-title, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title, .sales-guest-view .column.main .block:not(.widget) .block-title { border-bottom: 1px solid #c6c6c6; margin-bottom: 25px; padding-bottom: 10px; } .abs-account-title > strong, .abs-account-title > span, .abs-account-blocks .block-title > strong, .abs-account-blocks .block-title > span, .account .legend > strong, .account .legend > span, .form-giftregistry-search .legend > strong, .form-giftregistry-search .legend > span, .block-giftregistry-results .block-title > strong, .block-giftregistry-results .block-title > span, .block-giftregistry-shared-items .block-title > strong, .block-giftregistry-shared-items .block-title > span, .block-wishlist-search-form .block-title > strong, .block-wishlist-search-form .block-title > span, .block-wishlist-search-results .block-title > strong, .block-wishlist-search-results .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .multicheckout .block-content .title > strong, .multicheckout .block-content .title > span, .customer-review .review-details .title > strong, .customer-review .review-details .title > span, .paypal-review .block .block-title > strong, .paypal-review .block .block-title > span, .account .column.main .block:not(.widget) .block-title > strong, .account .column.main .block:not(.widget) .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > span, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > span, .sales-guest-view .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > span { font-size: 2.2rem; font-weight: 300; } .abs-account-block-line-height, .block-addresses-list address, .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .box-newsletter .box-content { line-height: 24px; } .abs-account-summary td, .order-details-items tfoot td { background: #f5f5f5; } .abs-incl-excl-tax .price-including-tax, .abs-incl-excl-tax .price-excluding-tax, .paypal-review .table-paypal-review-items .col.price .price-including-tax, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.price .price-including-tax, .cart.table-wrapper .col.price .price-excluding-tax, .cart.table-wrapper .col.subtotal .price-including-tax, .cart.table-wrapper .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.msrp .price-including-tax, .cart.table-wrapper .col.msrp .price-excluding-tax, .order-details-items .col.price .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.subtotal .price-excluding-tax { color: #666666; font-size: 1.8rem; display: block; line-height: 1; white-space: nowrap; } .abs-incl-excl-tax .price-including-tax .price, .abs-incl-excl-tax .price-excluding-tax .price, .paypal-review .table-paypal-review-items .col.price .price-including-tax .price, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.price .price-including-tax .price, .cart.table-wrapper .col.price .price-excluding-tax .price, .cart.table-wrapper .col.subtotal .price-including-tax .price, .cart.table-wrapper .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.msrp .price-including-tax .price, .cart.table-wrapper .col.msrp .price-excluding-tax .price, .order-details-items .col.price .price-including-tax .price, .order-details-items .col.price .price-excluding-tax .price, .order-details-items .col.subtotal .price-including-tax .price, .order-details-items .col.subtotal .price-excluding-tax .price { font-weight: 700; } .abs-adjustment-incl-excl-tax .price-including-tax, .abs-adjustment-incl-excl-tax .price-excluding-tax, .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax, .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-excluding-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-excluding-tax, .cart-summary .price-including-tax, .cart-summary .price-excluding-tax, .gift-summary .price-including-tax, .gift-summary .price-excluding-tax, .gift-options .price-including-tax, .gift-options .price-excluding-tax { font-size: 1.4rem; display: inline-block; } .abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax, .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax, .cart-summary .price-including-tax + .price-excluding-tax, .gift-summary .price-including-tax + .price-excluding-tax, .gift-options .price-including-tax + .price-excluding-tax { font-size: 1.1rem; display: inline-block; } .abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax:before, .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:before, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:before, .cart-summary .price-including-tax + .price-excluding-tax:before, .gift-summary .price-including-tax + .price-excluding-tax:before, .gift-options .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ': '; } .abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax:after, .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:after, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:after, .cart-summary .price-including-tax + .price-excluding-tax:after, .gift-summary .price-including-tax + .price-excluding-tax:after, .gift-options .price-including-tax + .price-excluding-tax:after { content: ')'; } .abs-tax-total, .price-including-tax .cart-tax-total, .price-excluding-tax .cart-tax-total, .paypal-review .table-paypal-review-items .cart-tax-total, .cart.table-wrapper .cart-tax-total, .order-details-items .cart-tax-total { cursor: pointer; padding-right: 10px; position: relative; display: inline-block; text-decoration: none; } .abs-tax-total:after, .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after, .paypal-review .table-paypal-review-items .cart-tax-total:after, .cart.table-wrapper .cart-tax-total:after, .order-details-items .cart-tax-total:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; line-height: 8px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-tax-total:after, .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after, .paypal-review .table-paypal-review-items .cart-tax-total:after, .cart.table-wrapper .cart-tax-total:after, .order-details-items .cart-tax-total:after { position: absolute; right: -2px; top: 4px; } .abs-tax-total-expanded:after, .price-including-tax .cart-tax-total-expanded:after, .price-excluding-tax .cart-tax-total-expanded:after, .paypal-review .table-paypal-review-items .cart-tax-total-expanded:after, .cart.table-wrapper .cart-tax-total-expanded:after, .order-details-items .cart-tax-total-expanded:after { content: '\e621'; } .abs-forms-margin-small, .giftcard-account .form-giftcard-redeem .fieldset, .form-giftregistry-create .fieldset { margin-bottom: 20px; } .abs-rating-summary .rating-summary, .review-ratings .rating-summary, .customer-review .review-details .customer-review-rating .rating-summary { display: table-row; } .abs-rating-summary .rating-label, .review-ratings .rating-label, .customer-review .review-details .customer-review-rating .rating-label { display: table-cell; padding-bottom: 5px; padding-right: 25px; padding-top: 1px; vertical-align: top; } .abs-rating-summary .rating-result, .review-ratings .rating-result, .customer-review .review-details .customer-review-rating .rating-result { display: table-cell; vertical-align: top; } .abs-account-actions:after, .block-addresses-list .items.addresses .item.actions .action:after, .account .data.table .col.actions .action:after, [class^='sales-guest-'] .data.table .col.actions .action:after, .sales-guest-view .data.table .col.actions .action:after, .block .box-actions .action:after { border-left: 1px solid #a6a6a6; content: ''; display: inline-block; height: 12px; margin: 0 10px; vertical-align: -1px; } .abs-account-actions:last-child:after, .block-addresses-list .items.addresses .item.actions .action:last-child:after, .account .data.table .col.actions .action:last-child:after, [class^='sales-guest-'] .data.table .col.actions .action:last-child:after, .sales-guest-view .data.table .col.actions .action:last-child:after, .block .box-actions .action:last-child:after { display: none; } .abs-account-blocks .block-title > .action, .paypal-review .block .block-title > .action, .account .column.main .block:not(.widget) .block-title > .action, .multicheckout .block-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > .action, .sales-guest-view .column.main .block:not(.widget) .block-title > .action { margin-left: 15px; } .abs-account-blocks .box-title, .paypal-review .block .box-title, .account .column.main .block:not(.widget) .box-title, .multicheckout .box-title, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title, .sales-guest-view .column.main .block:not(.widget) .box-title { display: inline-block; margin: 0 0 10px; } .abs-account-blocks .box-title > span, .paypal-review .block .box-title > span, .account .column.main .block:not(.widget) .box-title > span, .multicheckout .box-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span, .sales-guest-view .column.main .block:not(.widget) .box-title > span { font-size: 1.6rem; } .abs-account-blocks .box-title > .action, .paypal-review .block .box-title > .action, .account .column.main .block:not(.widget) .box-title > .action, .multicheckout .box-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > .action, .sales-guest-view .column.main .block:not(.widget) .box-title > .action { font-weight: 400; margin-left: 10px; } .abs-colon:after, .block-minicart .subtotal .label:after, .minicart-items .details-qty .label:after, .minicart-items .price-minicart .label:after, .order-details-items .order-gift-message .label:after, .order-details-items .block-order-details-gift-message .label:after, .block-wishlist-management .wishlist-select .wishlist-name-label:after { content: ': '; } .abs-icon-add, .abs-dropdown-items-new .action.new, .wishlist.split.button .action.new, .wishlist-dropdown .action.new { display: inline-block; text-decoration: none; } .abs-icon-add:before, .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-items-new .items .item:last-child:hover, .wishlist.split.button .items .item:last-child:hover, .wishlist-dropdown .items .item:last-child:hover { background: #e8e8e8; } .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { margin-left: -17px; margin-right: 5px; } .abs-no-display, .abs-sidebar-totals .table-caption, .cart-summary .block .fieldset.estimate > .legend, .cart-summary .block .fieldset.estimate > .legend + br, .minicart-items .product-item-details .weee[data-label] .label, .page-product-giftcard .fieldset.giftcard > .legend + br, .order-details-items .order-items .order-gift-message .action.close, .multicheckout .block .methods-shipping .item-content .fieldset > .legend + br, .multicheckout .hidden, [class^='multishipping-'] .nav-sections, [class^='multishipping-'] .nav-toggle, .sidebar .subtitle, .no-display, .cart-totals .table-caption, .opc-block-summary .table-totals .table-caption { display: none; } .abs-status, .return-status, .order-status { border: 2px solid #cccccc; border-radius: 3px; display: inline-block; margin: 3px 0 0; padding: 2px 10px; text-transform: uppercase; vertical-align: top; } .abs-title-orders .page-main .page-title-wrapper .page-title, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^='sales-guest-'] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title { margin-right: 25px; } .abs-title-orders .page-main .page-title-wrapper .order-date, .magento-rma-returns-returns .page-main .page-title-wrapper .order-date, .magento-rma-returns-view .page-main .page-title-wrapper .order-date, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date, .account .page-main .page-title-wrapper .order-date, [class^='sales-guest-'] .page-main .page-title-wrapper .order-date, .sales-guest-view .page-main .page-title-wrapper .order-date, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date { font-size: 16px; margin-bottom: 10px; } .abs-title-orders .page-main .page-title-wrapper .order-date .label, .magento-rma-returns-returns .page-main .page-title-wrapper .order-date .label, .magento-rma-returns-view .page-main .page-title-wrapper .order-date .label, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label, .account .page-main .page-title-wrapper .order-date .label, [class^='sales-guest-'] .page-main .page-title-wrapper .order-date .label, .sales-guest-view .page-main .page-title-wrapper .order-date .label, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label { display: none; } .abs-table-striped, .account .column.main .order-details-items .table-wrapper .data.table, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table, .block-giftregistry-results .data.table, .block-wishlist-search-results .data.table, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table { border: none; } .abs-table-striped > tbody > tr:nth-child(even) > td, .abs-table-striped > tbody > tr:nth-child(even) > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > td, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > th, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > td, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th { background: #f6f6f6; } .abs-table-striped > thead > tr > th, .abs-table-striped > tbody > tr > th, .abs-table-striped > tfoot > tr > th, .abs-table-striped > thead > tr > td, .abs-table-striped > tbody > tr > td, .abs-table-striped > tfoot > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > tbody > tr > th, .block-giftregistry-results .data.table > tfoot > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-giftregistry-results .data.table > tbody > tr > td, .block-giftregistry-results .data.table > tfoot > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > tbody > tr > th, .block-wishlist-search-results .data.table > tfoot > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > tbody > tr > td, .block-wishlist-search-results .data.table > tfoot > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td { border: none; } .abs-table-striped > thead > tr > th, .abs-table-striped > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td { border-bottom: 1px solid #cccccc; } .abs-block-items-counter, .block-wishlist .counter { color: #6d6d6d; font-size: 1.2rem; vertical-align: middle; white-space: nowrap; } .abs-block-items-counter:before, .block-wishlist .counter:before { content: '('; } .abs-block-items-counter:after, .block-wishlist .counter:after { content: ')'; } .abs-block-widget-title, .block-reorder .block-title, .block-wishlist .block-title, .widget .block-title { margin: 0 0 20px; } .abs-block-widget-title strong, .block-reorder .block-title strong, .block-wishlist .block-title strong, .widget .block-title strong { font-size: 18px; font-weight: 300; vertical-align: middle; } .abs-shopping-cart-items, .block-cart-failed, .cart-container .form-cart { margin-bottom: 20px; } .abs-shopping-cart-items .actions.main .continue, .block-cart-failed .actions.main .continue, .cart-container .form-cart .actions.main .continue { display: none; } .abs-shopping-cart-items .actions.main .clear, .block-cart-failed .actions.main .clear, .cart-container .form-cart .actions.main .clear { line-height: 1.42857143; margin: 0 20px 0 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; } .abs-shopping-cart-items .actions.main .clear:visited, .block-cart-failed .actions.main .clear:visited, .cart-container .form-cart .actions.main .clear:visited { color: #006bb4; text-decoration: none; } .abs-shopping-cart-items .actions.main .clear:hover, .block-cart-failed .actions.main .clear:hover, .cart-container .form-cart .actions.main .clear:hover { color: #006bb4; text-decoration: underline; } .abs-shopping-cart-items .actions.main .clear:active, .block-cart-failed .actions.main .clear:active, .cart-container .form-cart .actions.main .clear:active { color: #ff5501; text-decoration: underline; } .abs-shopping-cart-items .actions.main .clear:hover, .abs-shopping-cart-items .actions.main .clear:active, .abs-shopping-cart-items .actions.main .clear:focus, .block-cart-failed .actions.main .clear:hover, .block-cart-failed .actions.main .clear:active, .block-cart-failed .actions.main .clear:focus, .cart-container .form-cart .actions.main .clear:hover, .cart-container .form-cart .actions.main .clear:active, .cart-container .form-cart .actions.main .clear:focus { background: none; border: 0; } .abs-shopping-cart-items .actions.main .clear.disabled, .abs-shopping-cart-items .actions.main .clear[disabled], fieldset[disabled] .abs-shopping-cart-items .actions.main .clear, .block-cart-failed .actions.main .clear.disabled, .block-cart-failed .actions.main .clear[disabled], fieldset[disabled] .block-cart-failed .actions.main .clear, .cart-container .form-cart .actions.main .clear.disabled, .cart-container .form-cart .actions.main .clear[disabled], fieldset[disabled] .cart-container .form-cart .actions.main .clear { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-field-date .control, .form.search.advanced .fields.range .field.date .control, .form-giftregistry-edit .field.date .control { position: relative; } .abs-field-date-input, .abs-field-date input, .field.date ._has-datepicker, .field-dob ._has-datepicker, .form-giftregistry-search .fields-specific-options .datetime-picker, .form.search.advanced .fields.range .field.date input, .form-giftregistry-edit .field.date input { margin-right: 10px; width: calc(100% - 33px); } .abs-field-tooltip, .field .control._with-tooltip { position: relative; } .abs-field-tooltip input, .field .control._with-tooltip input { margin-right: 10px; width: calc(100% - 36px); } .abs-checkout-tooltip-content-position-top, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content, .shipping-policy-block.field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .abs-checkout-tooltip-content-position-top:before, .abs-checkout-tooltip-content-position-top:after, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; } .abs-checkout-tooltip-content-position-top:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:before { border-bottom-color: #666666; } .abs-checkout-tooltip-content-position-top:after, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .abs-checkout-title, .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { padding-bottom: 10px; color: #333333; font-weight: 300; font-size: 2.6rem; } .abs-sidebar-totals, .cart-totals, .opc-block-summary .table-totals { border-top: 1px solid #cccccc; padding-top: 10px; } .abs-sidebar-totals tbody .mark, .abs-sidebar-totals tfoot .mark, .cart-totals tbody .mark, .cart-totals tfoot .mark, .opc-block-summary .table-totals tbody .mark, .opc-block-summary .table-totals tfoot .mark { border: 0; font-weight: 400; padding: 6px 0; } .abs-sidebar-totals tbody .amount, .abs-sidebar-totals tfoot .amount, .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount { border: 0; font-weight: 400; padding: 6px 0 6px 14px; text-align: right; white-space: nowrap; } .abs-sidebar-totals .grand th, .abs-sidebar-totals .grand td, .cart-totals .grand th, .cart-totals .grand td, .opc-block-summary .table-totals .grand th, .opc-block-summary .table-totals .grand td { padding: 11px 0; } .abs-sidebar-totals .grand strong, .cart-totals .grand strong, .opc-block-summary .table-totals .grand strong { display: inline-block; font-weight: 600; padding: 3px 0 0; } .abs-sidebar-totals .grand .mark, .cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark { font-size: 1.8rem; border-top: 1px solid #cccccc; padding-right: 10px; } .abs-sidebar-totals .grand .amount, .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount { font-size: 1.8rem; border-top: 1px solid #cccccc; } .abs-sidebar-totals .msrp, .cart-totals .msrp, .opc-block-summary .table-totals .msrp { margin-bottom: 10px; } .abs-sidebar-totals tbody tr:last-child td, .cart-totals tbody tr:last-child td, .opc-block-summary .table-totals tbody tr:last-child td { padding-bottom: 19px; } .abs-sidebar-totals .totals-tax-summary .mark, .abs-sidebar-totals .totals-tax-summary .amount, .cart-totals .totals-tax-summary .mark, .cart-totals .totals-tax-summary .amount, .opc-block-summary .table-totals .totals-tax-summary .mark, .opc-block-summary .table-totals .totals-tax-summary .amount { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; cursor: pointer; } .abs-sidebar-totals .totals-tax-summary .amount .price, .cart-totals .totals-tax-summary .amount .price, .opc-block-summary .table-totals .totals-tax-summary .amount .price { padding-right: 20px; position: relative; display: inline-block; text-decoration: none; } .abs-sidebar-totals .totals-tax-summary .amount .price > span, .cart-totals .totals-tax-summary .amount .price > span, .opc-block-summary .table-totals .totals-tax-summary .amount .price > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { position: absolute; right: 3px; top: 3px; } .abs-sidebar-totals .totals-tax-summary.expanded .mark, .abs-sidebar-totals .totals-tax-summary.expanded .amount, .cart-totals .totals-tax-summary.expanded .mark, .cart-totals .totals-tax-summary.expanded .amount, .opc-block-summary .table-totals .totals-tax-summary.expanded .mark, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount { border-bottom: 0; } .abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after, .cart-totals .totals-tax-summary.expanded .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount .price:after { content: '\e621'; } .abs-sidebar-totals .totals-tax-details, .cart-totals .totals-tax-details, .opc-block-summary .table-totals .totals-tax-details { border-bottom: 1px solid #cccccc; display: none; } .abs-sidebar-totals .totals-tax-details.shown, .cart-totals .totals-tax-details.shown, .opc-block-summary .table-totals .totals-tax-details.shown { display: table-row; } .abs-sidebar-totals .table-wrapper, .cart-totals .table-wrapper, .opc-block-summary .table-totals .table-wrapper { margin-bottom: 0; } .abs-discount-block .block > .title strong, .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong { color: #006bb4; font-weight: 400; } .abs-discount-block .actions-toolbar, .paypal-review-discount .actions-toolbar, .cart-discount .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; } .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0 0 0 -1px; white-space: nowrap; width: auto; } .abs-discount-block .actions-toolbar .secondary, .paypal-review-discount .actions-toolbar .secondary, .cart-discount .actions-toolbar .secondary { bottom: 5px; left: 15px; position: absolute; } .abs-discount-block .action.check, .paypal-review-discount .action.check, .cart-discount .action.check { font-weight: 400; } .abs-discount-block .fieldset, .paypal-review-discount .fieldset, .cart-discount .fieldset { display: table; width: 100%; } .abs-discount-block .fieldset > .field > .label, .paypal-review-discount .fieldset > .field > .label, .cart-discount .fieldset > .field > .label { display: none; } .abs-discount-block .field, .paypal-review-discount .field, .cart-discount .field { display: table-cell; } @font-face { font-family: 'Ubuntu'; src: url('../../frontend/Kemana/default/id_ID/fonts/opensans/light/opensans-300.woff2') format('woff2'), url('../../frontend/Kemana/default/id_ID/fonts/opensans/light/opensans-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'psa'; src: url('../../frontend/Kemana/default/id_ID/fonts/icons/psa.eot?ry4zgm'); src: url('../../frontend/Kemana/default/id_ID/fonts/icons/psa.eot?ry4zgm#iefix') format('embedded-opentype'), url('../../frontend/Kemana/default/id_ID/fonts/icons/psa.ttf?ry4zgm') format('truetype'), url('../../frontend/Kemana/default/id_ID/fonts/icons/psa.woff?ry4zgm') format('woff'), url('../../frontend/Kemana/default/id_ID/fonts/icons/psa.svg?ry4zgm#psa') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } .columns:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .columns .column.main { padding-bottom: 40px; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; } .columns .sidebar-main { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .columns .sidebar-additional { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .table-wrapper { margin-bottom: 20px; } table > caption { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table tfoot { background: #f5f5f5; } .table tfoot > tr:first-child th, .table tfoot > tr:first-child td { border-top: 1px solid #cccccc; padding-top: 20px; } .table tfoot th, .table tfoot td { border: 0; } .table tfoot .mark { font-weight: 400; text-align: right; } .message.info { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.info a { color: #006bb4; } .message.info a:hover { color: #006bb4; } .message.info a:active { color: #006bb4; } .message.info > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.error { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fae5e5; color: #e02b27; padding-left: 45px; position: relative; } .message.error a { color: #006bb4; } .message.error a:hover { color: #006bb4; } .message.error a:active { color: #006bb4; } .message.error > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #b30000; content: '\e61f'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.warning { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.warning a { color: #006bb4; } .message.warning a:hover { color: #006bb4; } .message.warning a:active { color: #006bb4; } .message.warning > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.notice { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.notice a { color: #006bb4; } .message.notice a:hover { color: #006bb4; } .message.notice a:active { color: #006bb4; } .message.notice > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.success { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #e5efe5; color: #006400; padding-left: 45px; position: relative; } .message.success a { color: #006bb4; } .message.success a:hover { color: #006bb4; } .message.success a:active { color: #006bb4; } .message.success > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #006400; content: '\e60e'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .panel.header .links, .panel.header .switcher { display: none; } .nav-sections { background: #f0f0f0; } .nav-toggle { display: inline-block; text-decoration: none; cursor: pointer; display: block; font-size: 0; left: 15px; position: absolute; top: 15px; z-index: 14; } .nav-toggle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: inherit; color: #8f8f8f; content: '\e609'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-toggle:hover:before { color: #333333; } .nav-toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tooltip.wrapper { position: relative; } .tooltip.wrapper .tooltip.content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333333; line-height: 1.4; border: 1px solid #bbbbbb; margin-top: 5px; left: 0; top: 100%; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .tooltip.wrapper .tooltip.content:after { border-width: 5px; border-color: transparent; } .tooltip.wrapper .tooltip.content:before { border-width: 6px; border-color: transparent; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { bottom: 100%; } .tooltip.wrapper .tooltip.content:after { border-bottom-color: #ffffff; left: 15px; margin-left: -5px; } .tooltip.wrapper .tooltip.content:before { border-bottom-color: #bbbbbb; left: 15px; margin-left: -6px; } .tooltip.wrapper .tooltip.toggle { cursor: help; } .tooltip.wrapper .tooltip.toggle:hover + .tooltip.content, .tooltip.wrapper .tooltip.toggle:focus + .tooltip.content, .tooltip.wrapper:hover .tooltip.content { display: block; } .tooltip.wrapper .tooltip.content dl { margin-bottom: 0; } .tooltip.wrapper .tooltip.content dd { white-space: normal; } .tooltip.wrapper .tooltip.content .subtitle { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; } .tooltip.wrapper .tooltip.content .label { margin-top: 10px; } .tooltip.wrapper .tooltip.content .label:first-child { margin-top: 0; } .tooltip.wrapper .tooltip.content .values { margin: 0; } .ui-tooltip { position: absolute; z-index: 9999; } .load.indicator { background-color: rgba(255, 255, 255, 0.7); z-index: 9999; bottom: 0; left: 0; position: fixed; right: 0; top: 0; position: absolute; } .load.indicator:before { background: transparent url('../../frontend/Kemana/default/id_ID/images/loader-2.gif') no-repeat 50% 50%; border-radius: 5px; height: 160px; width: 160px; bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .load.indicator > span { display: none; } .loading-mask { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; background: rgba(255, 255, 255, 0.5); } .loading-mask .loader > img { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; } .loading-mask .loader > p { display: none; } body > .loading-mask { z-index: 9999; } ._block-content-loading { position: relative; } [data-role='main-css-loader'] { display: none; } .fieldset { border: 0; margin: 0 0 40px; padding: 0; letter-spacing: -.31em; } .fieldset > * { letter-spacing: normal; } .fieldset > .legend { margin: 0 0 20px; padding: 0 0 10px; width: 100%; box-sizing: border-box; float: left; font-weight: 300; line-height: 1.2; font-size: 1.8rem; } .fieldset > .legend + br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } .fieldset:last-child { margin-bottom: 20px; } .fieldset > .field, .fieldset > .fields > .field { margin: 0 0 20px; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { margin: 0 0 8px; display: inline-block; } .fieldset > .field:last-child, .fieldset > .fields > .field:last-child { margin-bottom: 0; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { font-weight: 600; } .fieldset > .field > .label + br, .fieldset > .fields > .field > .label + br { display: none; } .fieldset > .field .choice input, .fieldset > .fields > .field .choice input { vertical-align: top; } .fieldset > .field .fields.group:before, .fieldset > .fields > .field .fields.group:before, .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { content: ''; display: table; } .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { clear: both; } .fieldset > .field .fields.group .field, .fieldset > .fields > .field .fields.group .field { box-sizing: border-box; float: left; } .fieldset > .field .fields.group.group-2 .field, .fieldset > .fields > .field .fields.group.group-2 .field { width: 50% !important; } .fieldset > .field .fields.group.group-3 .field, .fieldset > .fields > .field .fields.group.group-3 .field { width: 33.3% !important; } .fieldset > .field .fields.group.group-4 .field, .fieldset > .fields > .field .fields.group.group-4 .field { width: 25% !important; } .fieldset > .field .fields.group.group-5 .field, .fieldset > .fields > .field .fields.group.group-5 .field { width: 20% !important; } .fieldset > .field .addon, .fieldset > .fields > .field .addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; width: 100%; } .fieldset > .field .addon textarea, .fieldset > .fields > .field .addon textarea, .fieldset > .field .addon select, .fieldset > .fields > .field .addon select, .fieldset > .field .addon input, .fieldset > .fields > .field .addon input { -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: 100%; flex-basis: 100%; display: inline-block; margin: 0; width: auto; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore, .fieldset > .field .addon .addafter, .fieldset > .fields > .field .addon .addafter { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .fieldset > .field .addon .addbefore:disabled, .fieldset > .fields > .field .addon .addbefore:disabled, .fieldset > .field .addon .addafter:disabled, .fieldset > .fields > .field .addon .addafter:disabled { opacity: 0.5; } .fieldset > .field .addon .addbefore::-moz-placeholder, .fieldset > .fields > .field .addon .addbefore::-moz-placeholder, .fieldset > .field .addon .addafter::-moz-placeholder, .fieldset > .fields > .field .addon .addafter::-moz-placeholder { color: #575757; } .fieldset > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .field .addon .addafter::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addafter::-webkit-input-placeholder { color: #575757; } .fieldset > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .fields > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .field .addon .addafter:-ms-input-placeholder, .fieldset > .fields > .field .addon .addafter:-ms-input-placeholder { color: #575757; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore { float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .fieldset > .field .additional, .fieldset > .fields > .field .additional { margin-top: 10px; } .fieldset > .field.required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field._required > .label:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 5px; } .fieldset > .field .note, .fieldset > .fields > .field .note { font-size: 1.2rem; margin: 3px 0 0; padding: 0; display: inline-block; text-decoration: none; } .fieldset > .field .note:before, .fieldset > .fields > .field .note:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 12px; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .fieldset > .field.no-label > .label, .fieldset > .fields > .field.no-label > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .fieldset > .field.choice .label, .fieldset > .fields > .field.choice .label { display: inline; font-weight: normal; margin: 0; } .column:not(.main) .fieldset > .field .label, .column:not(.main) .fieldset > .fields > .field .label { font-weight: normal; } .fieldset > .field .field.choice, .fieldset > .fields > .field .field.choice { margin-bottom: 10px; } .fieldset > .field .field.choice:last-child, .fieldset > .fields > .field .field.choice:last-child { margin-bottom: 0; } .legend + .fieldset, .legend + div { clear: both; } .legend > span { margin-right: 5px; } fieldset.field { border: 0; padding: 0; } .field.date .time-picker { display: inline-block; margin-top: 10px; white-space: nowrap; } .field .message.warning { margin-top: 10px; } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-size: 30px 60px; text-indent: .01em; text-overflow: ''; } select::-ms-expand { display: none; } select.admin__control-multiselect { height: auto; } .field-error, div.mage-error { margin-top: 7px; } .field-error { color: #e02b27; font-size: 1.2rem; } .product-options-wrapper .date.required div[for*='options'].mage-error { display: none !important; } .field .tooltip { position: relative; } .field .tooltip .tooltip-content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333333; line-height: 1.4; border: 1px solid #bbbbbb; margin-left: 5px; left: 100%; top: 0; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .field .tooltip .tooltip-content:after { border-width: 5px; border-color: transparent; } .field .tooltip .tooltip-content:before { border-width: 6px; border-color: transparent; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { right: 100%; } .field .tooltip .tooltip-content:after { border-right-color: #ffffff; margin-top: -5px; top: 15px; } .field .tooltip .tooltip-content:before { border-right-color: #bbbbbb; margin-top: -6px; top: 15px; } .field .tooltip .tooltip-toggle { cursor: help; } .field .tooltip .tooltip-toggle:hover + .tooltip-content, .field .tooltip .tooltip-toggle:focus + .tooltip-content, .field .tooltip:hover .tooltip-content { display: block; } .field .tooltip .tooltip-content { min-width: 200px; white-space: normal; } input:focus ~ .tooltip .tooltip-content, select:focus ~ .tooltip .tooltip-content { display: block; } ._has-datepicker ~ .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; margin-top: -4px; vertical-align: middle; } ._has-datepicker ~ .ui-datepicker-trigger:focus, ._has-datepicker ~ .ui-datepicker-trigger:active { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger:hover { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger.disabled, ._has-datepicker ~ .ui-datepicker-trigger[disabled], fieldset[disabled] ._has-datepicker ~ .ui-datepicker-trigger { pointer-events: none; opacity: 0.5; } ._has-datepicker ~ .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } ._has-datepicker ~ .ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 23px; line-height: 23px; color: #7d7d7d; content: '\e612'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._has-datepicker ~ .ui-datepicker-trigger:focus { box-shadow: none; outline: 0; } .sidebar .fieldset { margin: 0; } .sidebar .fieldset > .field:not(.choice):not(:last-child), .sidebar .fieldset .fields > .field:not(:last-child) { margin: 0 0 20px; } .sidebar .fieldset > .field:not(.choice) .label, .sidebar .fieldset .fields > .field .label { margin: 0 0 4px; padding: 0 0 5px; text-align: left; width: 100%; } .sidebar .fieldset > .field:not(.choice) .control, .sidebar .fieldset .fields > .field .control { width: 100%; } @font-face { font-family: 'luma-icons'; src: url('../../frontend/Kemana/default/id_ID/fonts/Luma-Icons.woff2') format('woff2'), url('../../frontend/Kemana/default/id_ID/fonts/Luma-Icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } button, a.action.primary { border-radius: 3px; } button:not(.primary) { box-shadow: none; } button:not(.primary):active { box-shadow: inset 0 1px 0 0 rgba(204, 204, 204, 0.8), inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); } body:not(._keyfocus) button:focus { box-shadow: none; } a.action.primary { display: inline-block; text-decoration: none; } a.action.primary:hover, a.action.primary:active, a.action.primary:focus { text-decoration: none; } .action.primary, .action-primary { background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; } .action.primary:focus, .action-primary:focus, .action.primary:active, .action-primary:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action.primary:hover, .action-primary:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action.primary.disabled, .action-primary.disabled, .action.primary[disabled], .action-primary[disabled], fieldset[disabled] .action.primary, fieldset[disabled] .action-primary { opacity: 0.5; cursor: default; pointer-events: none; } .product.data.items { margin: 0; padding: 0; border-bottom: 1px solid #cccccc; margin-bottom: 20px; margin-left: -15px; margin-right: -15px; } .product.data.items > .item.title { box-sizing: border-box; float: none; width: 100%; } .product.data.items > .item.title > .switch { display: block; } .product.data.items > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0; } .product.data.items > .item.title > .switch { border-top: 1px solid #cccccc; height: 40px; padding: 1px 10px 1px 10px; font-weight: 600; line-height: 40px; font-size: 1.4rem; color: #333333; text-decoration: none; } .product.data.items > .item.title > .switch:visited { color: #6d6d6d; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #333333; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #333333; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { color: #333333; text-decoration: none; padding-bottom: 1px; } .product.data.items > .item.content { background: #ffffff; margin: 0; padding: 10px 10px 30px; } .product.data.items .item.title a { position: relative; text-decoration: none; } .product.data.items .item.title a:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .product.data.items .item.title a:after { position: absolute; right: 10px; top: 1px; } .product.data.items .item.title.active a:after { content: '\e621'; } .product.data.items .value p:last-child { margin-bottom: 0; } .product.data.items .table-wrapper { margin: 0; } .pages > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .items { font-size: 0; letter-spacing: -1px; line-height: 0; white-space: nowrap; margin: 0; padding: 0; list-style: none none; display: inline-block; font-weight: 400; } .pages .item { font-size: 1.2rem; line-height: 3rem; letter-spacing: normal; margin: 0 8px 0 0; display: inline-block; } .pages .item .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages a.page { color: #006bb4; display: inline-block; padding: 0 5px; text-decoration: none; } .pages a.page:visited { color: #006bb4; } .pages a.page:hover { color: #006bb4; text-decoration: none; } .pages a.page:active { color: #ff5501; } .pages strong.page { background: #e5e5e5; font-size: 1.2rem; line-height: 3rem; letter-spacing: normal; color: #333333; display: inline-block; font-weight: 700; padding: 0 5px; } .pages .action { background: #f0f0f0; border: 1px solid #cccccc; color: #7d7d7d; display: inline-block; padding: 0; text-decoration: none; } .pages .action:visited { color: #7d7d7d; } .pages .action:hover { background: #dedede; color: #7d7d7d; text-decoration: none; } .pages .action:active { color: #7d7d7d; } .pages .action.next { display: inline-block; text-decoration: none; } .pages .action.next:visited:before { color: #7d7d7d; } .pages .action.next:active:before { color: #7d7d7d; } .pages .action.next > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #7d7d7d; content: '\e608'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.next:hover:before { color: #7d7d7d; } .pages .action.next:active:before { color: #7d7d7d; } .pages .action.previous { display: inline-block; text-decoration: none; } .pages .action.previous:visited:before { color: #7d7d7d; } .pages .action.previous:active:before { color: #7d7d7d; } .pages .action.previous > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.previous:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #7d7d7d; content: '\e617'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.previous:hover:before { color: #7d7d7d; } .pages .action.previous:active:before { color: #7d7d7d; } .pages .action { box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); border-radius: 3px; padding: 0 8px; } .pages .action.previous { margin-right: 8px; } .pages .action.next { margin-left: 8px; } .actions-toolbar > .primary, .actions-toolbar > .secondary { margin-bottom: 10px; text-align: center; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { margin-bottom: 10px; } .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child { margin-bottom: 0; } .actions-toolbar > .primary:last-child, .actions-toolbar > .secondary:last-child { margin-bottom: 0; } .actions-toolbar > .secondary .action.back { display: none; } .breadcrumbs { margin: 0 0 15px; } .breadcrumbs .items { font-size: 1.2rem; color: #707070; margin: 0; padding: 0; list-style: none none; } .breadcrumbs .items > li { display: inline-block; vertical-align: top; } .breadcrumbs .item { margin: 0; } .breadcrumbs a { color: #006bb4; text-decoration: none; } .breadcrumbs a:visited { color: #006bb4; text-decoration: none; } .breadcrumbs a:hover { color: #006bb4; text-decoration: underline; } .breadcrumbs a:active { color: #006bb4; text-decoration: none; } .breadcrumbs strong { font-weight: 400; } .breadcrumbs .item:not(:last-child) { display: inline-block; text-decoration: none; } .breadcrumbs .item:not(:last-child):after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 18px; content: '\e608'; font-family: 'luma-icons'; margin: 0 10px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog.popup .action.close { position: absolute; height: 40px; right: 0; top: 0; width: 40px; z-index: 1001; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .ui-dialog.popup .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-dialog.popup .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog.popup .action.close:hover:before { color: #737373; } .ui-dialog.popup .action.close:active:before { color: #737373; } .ui-dialog.popup .action.close:focus, .ui-dialog.popup .action.close:active { background: none; border: none; } .ui-dialog.popup .action.close:hover { background: none; border: none; } .ui-dialog.popup .action.close.disabled, .ui-dialog.popup .action.close[disabled], fieldset[disabled] .ui-dialog.popup .action.close { pointer-events: none; opacity: 0.5; } .popup .actions-toolbar .action.cancel { font-weight: 400; } .popup-pointer { margin-left: -14px; position: absolute; top: -14px; } .popup-pointer:before, .popup-pointer:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-bottom-style: solid; } .popup-pointer:before { left: 2px; top: 2px; border: solid 6px; border-color: transparent transparent #ffffff transparent; z-index: 99; } .popup-pointer:after { left: 1px; top: 0px; border: solid 7px; border-color: transparent transparent #aeaeae transparent; z-index: 98; } .price-tier_price .price-excluding-tax, .price-tier_price .price-including-tax { display: inline; } .price-including-tax, .price-excluding-tax { display: block; font-size: 1.8rem; line-height: 1; } .price-including-tax .price, .price-excluding-tax .price { font-weight: 700; } .price-including-tax + .price-excluding-tax, .weee[data-label] { display: block; font-size: 1.8rem; } .price-including-tax + .price-excluding-tax:before, .weee[data-label]:before { content: attr(data-label) ': '; font-size: 1.1rem; } .price-including-tax + .price-excluding-tax .price, .weee[data-label] .price { font-size: 1.1rem; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 899; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 44px; z-index: 900; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { z-index: 900; left: 0; overflow-y: auto; } .modal-popup.confirm .modal-inner-wrap { max-width: 50rem; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.2s ease; transition: transform .2s ease; } .modal-popup._inner-scroll { overflow-y: visible; } .ie11 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0; } .modal-custom .action-close:focus, .modal-popup .action-close:focus, .modal-slide .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:active, .modal-slide .action-close:active { background: none; border: none; } .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: none; border: none; } .modal-custom .action-close.disabled, .modal-popup .action-close.disabled, .modal-slide .action-close.disabled, .modal-custom .action-close[disabled], .modal-popup .action-close[disabled], .modal-slide .action-close[disabled], fieldset[disabled] .modal-custom .action-close, fieldset[disabled] .modal-popup .action-close, fieldset[disabled] .modal-slide .action-close { pointer-events: none; opacity: 0.5; } .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 14px; color: #8f8f8f; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: inherit; } .modal-custom .action-close:active:before, .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { color: inherit; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #1a1a1a; } .modal-custom .action-close { margin: 15px; } .modal-popup { pointer-events: none; } .modal-popup .modal-title { border-bottom: 1px solid #c1c1c1; font-weight: 300; padding-bottom: 10px; font-size: 26px; margin-bottom: 0; min-height: 1em; word-wrap: break-word; } .modal-popup .action-close { padding: 20px; } .modal-slide .action-close { margin: 15px; padding: 0; } .modal-slide .page-main-actions { margin-bottom: -12.9rem; margin-top: 2.1rem; } .modals-overlay { background-color: rgba(51, 51, 51, 0.55); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 899; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .checkout-container .change-shipping-address-button, .checkout-container .change-billing-address-button { display: block; margin-bottom: 15px; } .checkout-container .edit-shipping-address-button, .checkout-container .edit-billing-address-button { display: block; } .checkout-container .checkout-shipping-address div.new-address-popup, .checkout-container .checkout-payment-method div.new-address-popup { margin: 0 35px 20px 0; position: relative; } .checkout-container .checkout-shipping-address div.change-address-popup, .checkout-container .checkout-payment-method div.change-address-popup { margin: 5px 0 -5px 0; } .checkout-container .checkout-shipping-address div.edit-address-popup, .checkout-container .checkout-payment-method div.edit-address-popup { float: left; margin: 5px 35px -5px 0; } .checkout-container .checkout-shipping-address div.shipping-address-item.selected, .checkout-container .checkout-payment-method div.shipping-address-item.selected, .checkout-container .checkout-shipping-address .checkout-billing-address, .checkout-container .checkout-payment-method .checkout-billing-address { margin: 0; padding-left: 0; } .checkout-container .checkout-shipping-address .new-billing-address-button, .checkout-container .checkout-payment-method .new-billing-address-button { display: block; margin: 20px 35px 0 20px; position: relative; } .shipping-address-modal.modal-popup.modal-slide .modal-inner-wrap[class], .billing-address-modal.modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #ffffff; } .shipping-address-modal .modal-inner-wrap h1.modal-title, .billing-address-modal .modal-inner-wrap h1.modal-title { border: none; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-search, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-search { width: 250px; } .shipping-address-modal .modal-inner-wrap .block.block-search, .billing-address-modal .modal-inner-wrap .block.block-search { left: 20px; position: absolute; top: 81px; } .shipping-address-modal .modal-inner-wrap .admin__action-select-shipping-addressmultiselect-search-count, .billing-address-modal .modal-inner-wrap .admin__action-select-shipping-addressmultiselect-search-count { border-bottom: 1px solid #cccccc; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; margin: 5px -30px 10px -30px; padding: 0 0 5px 30px; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-empty-area, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-empty-area { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-top: 5px; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root { border-bottom: 1px solid #cccccc; clear: both; float: left; margin-bottom: 10px; padding-bottom: 15px; position: relative; width: 100%; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-details, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-details { float: left; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .ship-here, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .ship-here, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .select-address, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .select-address, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-selected, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-selected { float: right; margin-right: 20px; margin-top: 20px; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address button, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address button, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .ship-here button, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .ship-here button, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .select-address button, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .select-address button, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-selected button, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-selected button { background: #006bb7; border: 1px solid #006bb4; box-shadow: none; color: #ffffff; outline: 0; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-selected button, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-selected button { background-color: #eeeeee; border: none; box-shadow: none; color: #777777; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-selected button:hover, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-selected button:hover { cursor: auto; background-color: #eeeeee; border: none; box-shadow: none; color: #777777; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .default-address, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .default-address, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address { float: right; margin-right: 20px; margin-top: 20px; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .default-address button, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .default-address button, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address button, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address button { background-color: Transparent; border: none; box-shadow: none; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .default-address button.action-primary, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .default-address button.action-primary { color: #777777; text-transform: uppercase; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .default-address button.action-primary:hover, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .default-address button.action-primary:hover { cursor: auto; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address button.action-primary, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address button.action-primary { color: #006bb4; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner { margin-top: 10px; overflow-y: auto; } .shipping-address-modal .modal-inner-wrap ul, .billing-address-modal .modal-inner-wrap ul { list-style-type: none; padding-left: 0; } .admin__data-grid-loading-mask { background: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 4; } .admin__data-grid-loading-mask .spinner { background: url('../../frontend/Kemana/default/id_ID/images/loader-2.gif') 50% 50% no-repeat; display: inline-block; font-size: 4rem; height: 1em; left: 50%; margin-left: -2rem; margin-right: 1.5rem; position: absolute; top: 50%; width: 1em; } .ie9 .admin__data-grid-loading-mask .spinner { background: url('../../frontend/Kemana/default/id_ID/images/loader-2.gif') 50% 50% no-repeat; bottom: 0; height: 149px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 218px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .product-info-stock-sku .configurable-variation-qty { display: none; } /** * @codingStandardsIgnoreStart */ #store-pickup.selected-shipping ~ #store-selector { display: none; } #store-pickup.selected-store-pickup ~ #shipping, #store-pickup.selected-store-pickup ~ #opc-shipping_method { visibility: hidden; height: 0; overflow: hidden; } #delivery-method-selector { display: -webkit-flex; display: -ms-flexbox; display: flex; } #delivery-method-selector .action { line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; } #delivery-method-selector .action.selected { background: #ffffff; } #delivery-method-selector .action-select-shipping { border-bottom-right-radius: 0; border-top-right-radius: 0; } #delivery-method-selector .action-select-store-pickup { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } /** * @codingStandardsIgnoreStart */ #store-selector .form-login { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } #store-selector .form-continue { margin: 20px 0 0; } .location-details .location-name { font-size: 18px; font-weight: 700; } .store-selector-popup .modal-title { border-bottom: 0; } .store-selector-popup .modal-header { padding-bottom: 0; } /** * @codingStandardsIgnoreStart */ #opc-store-selector-popup { display: none; } #opc-store-selector-popup .block-search { float: none; width: 100%; margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #c1c1c1; } .modal-content #opc-store-selector-popup { display: block; } .store-selector-popup-table thead th { display: none; } .store-selector-popup-table tbody .location .location-name { font-size: 18px; } .store-selector-popup-table tbody .location + .location { border-top: 1px solid #cccccc; } .store-selector-popup-table tbody .col-location-details { padding-left: 0; } .store-selector-popup-table tbody .col-location-details p:last-child { margin-bottom: 0; } .store-selector-popup-table tbody .col-location-actions { padding-right: 0; vertical-align: middle; } .store-selector-popup-table tbody .col-location-actions .action { float: right; } .store-selector-popup-empty-query, .store-selector-popup-no-locations { margin: 0 0 20px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .lac-notification-sticky { position: relative; z-index: 999; } .lac-notification-sticky .lac-notification { background-color: #373330; color: #ffffff; font-size: 16px; } .lac-notification-sticky .lac-notification .lac-notification-icon { float: left; margin: 10px 25px 10px 10px; } .lac-notification-sticky .lac-notification .lac-notification-icon .logo-img { display: block; } .lac-notification-sticky .lac-notification .lac-notification-text { float: left; padding: 15px 0; } .lac-notification-sticky .lac-notification .lac-notification-links { float: right; padding: 15px 0; } .lac-notification-sticky .lac-notification .lac-notification-links a { color: #ffffff; font-size: 14px; } .lac-notification-sticky .lac-notification .lac-notification-links .lac-notification-close-link:after { background: url('../../frontend/Kemana/default/id_ID/Magento_LoginAsCustomerFrontendUi/images/close.svg'); content: ' '; display: inline-block; height: 12px; margin-left: 5px; vertical-align: middle; width: 12px; } @font-face { font-family: 'pagebuilder-font'; font-style: normal; font-weight: normal; src: url('../../frontend/Kemana/default/id_ID/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot'); src: url('../../frontend/Kemana/default/id_ID/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot?#iefix') format('embedded-opentype'), url('../../frontend/Kemana/default/id_ID/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff') format('woff'), url('../../frontend/Kemana/default/id_ID/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.ttf') format('truetype'); } .pagebuilder-icon, .slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after { -webkit-font-smoothing: antialiased; font-family: 'pagebuilder-font'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } [class^='pagebuilder-icon-']:before, [class*=' pagebuilder-icon-']:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: 'pagebuilder-font'; font-style: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: inherit; text-rendering: auto; text-transform: none; vertical-align: middle; } .pagebuilder-icon-down:before { content: '\f101'; } .pagebuilder-icon-next:before { content: '\f102'; } .pagebuilder-icon-prev:before { content: '\f103'; } .pagebuilder-icon-up:before { content: '\f104'; } .product-full-width-section { padding: .5em 0; } .product-full-width-section .block.review-add { margin-top: 2.7rem; } .page-layout-product-full-width .block.related { margin-top: 2.7rem; } .page-main-details .product-section-title { border-bottom: 1px solid #c6c6c6; margin-bottom: 15px; padding-bottom: 12px; } .additional-attributes-wrapper .additional-attributes { border: none; width: auto; } .additional-attributes-wrapper .additional-attributes > tbody > tr > th { border: none; padding: 5.5px 30px 10px 0; } .additional-attributes-wrapper .additional-attributes > tbody > tr > td { border: none; padding: 5.5px 5px 10px; } .cms-index-index.page-layout-cms-full-width .nav-sections { margin-bottom: 0; } .slick-slider { -khtml-user-select: none; -moz-user-select: none; -ms-touch-action: pan-y; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; box-sizing: border-box; display: block; position: relative; touch-action: pan-y; user-select: none; } .slick-list { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { display: block; left: 0; margin-left: auto; margin-right: auto; position: relative; top: 0; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto; } .slick-slider .slick-track, .slick-slider .slick-list { -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-arrow.slick-hidden { display: none; } .slick-prev { left: 2rem; } .slick-prev:before { content: '\f103'; padding-right: 5px; } .slick-next { right: 2rem; } .slick-next:before { content: '\f102'; padding-left: 5px; } .slick-prev, .slick-next { -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: rgba(252, 252, 252, 0.6); border: none; border-radius: 0; color: transparent; cursor: pointer; display: block; font-size: 0; height: 60px; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; transform: translate(0, -50%); width: 60px; z-index: 101; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: .2; } .slick-prev:hover, .slick-next:hover { background: #fcfcfc; border: none; } .slick-prev:hover.slick-disabled, .slick-next:hover.slick-disabled { opacity: .2; } .slick-prev:hover:before, .slick-next:hover:before { color: #494949; } .slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after { color: #555555; font-size: 38px; opacity: 1; } .slick-prev:active, .slick-next:active, .slick-prev:focus, .slick-next:focus, .slick-prev:not(.primary), .slick-next:not(.primary) { background: rgba(252, 252, 252, 0.7); border: none; box-shadow: none; } .slick-prev:active:active, .slick-next:active:active, .slick-prev:focus:active, .slick-next:focus:active, .slick-prev:not(.primary):active, .slick-next:not(.primary):active { box-shadow: none; } .slick-dots { font-size: 1.4rem; line-height: normal; letter-spacing: normal; display: block; list-style: none; margin: 0; padding: 15px 0; text-align: center; width: 100%; } .slick-dots li { cursor: pointer; display: inline-block; height: 14px; margin: 0 5px; padding: 0; position: relative; vertical-align: middle; width: 14px; } .slick-dots li button { background: #ffffff; border: 1px solid #cccccc; border-radius: 10px; box-shadow: none; cursor: pointer; display: block; height: 14px; padding: 0; text-indent: -99999px; transition: .3s; width: 14px; } .slick-dots li button:hover { border: 1px solid #b3b3b3; } .slick-dots li button:active, .slick-dots li button:focus, .slick-dots li button:not(.primary) { box-shadow: none; } .slick-dots li.slick-active button { background: #1c1918; } [data-content-type='banner'] > [data-element='link'], [data-content-type='banner'] > [data-element='empty_link'] { color: inherit; text-decoration: inherit; } [data-content-type='banner'] > [data-element='link']:hover, [data-content-type='banner'] > [data-element='empty_link']:hover { color: inherit; text-decoration: inherit; } .pagebuilder-banner-wrapper { background-clip: padding-box; border-radius: inherit; box-sizing: border-box; overflow-wrap: break-word; word-wrap: break-word; } .pagebuilder-banner-wrapper .pagebuilder-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; box-sizing: border-box; padding: 30px; position: relative; transition: background-color 500ms ease; } .pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay { align-items: center; display: flex; justify-content: center; } .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; } .pagebuilder-banner-wrapper.jarallax .video-overlay { z-index: 0; } .pagebuilder-banner-wrapper [data-element='content'] { min-height: 50px; overflow: auto; } .pagebuilder-banner-wrapper .pagebuilder-banner-button { -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -webkit-transition: opacity 500ms ease; margin: 20px 0 0 0; max-width: 100%; text-align: inherit; transition: opacity 500ms ease; word-break: break-word; } .pagebuilder-banner-wrapper .pagebuilder-poster-content { width: 100%; } [data-appearance='collage-centered'] .pagebuilder-banner-wrapper .pagebuilder-overlay { margin-left: auto; margin-right: auto; } [data-appearance='collage-left'] .pagebuilder-banner-wrapper .pagebuilder-overlay { margin-right: auto; } [data-appearance='collage-right'] .pagebuilder-banner-wrapper .pagebuilder-overlay { margin-left: auto; } [data-content-type$='block'] .block p:last-child { margin-bottom: 1rem; margin-top: 0; } [data-content-type='buttons'] { max-width: 100%; } [data-content-type='button-item'] { max-width: 100%; } [data-content-type='button-item'] [data-element='link'], [data-content-type='button-item'] [data-element='empty_link'] { max-width: 100%; word-wrap: break-word; } [data-content-type='button-item'] [data-element='empty_link'] { cursor: default; } a.pagebuilder-button-link, button.pagebuilder-button-link, div.pagebuilder-button-link { line-height: 2.2rem; font-size: 1.8rem; line-height: 1.42857143; margin: 0 10px 10px 0; padding: 14px 17px; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; font-weight: 600; box-shadow: none; box-sizing: border-box; display: inline-block; } a.pagebuilder-button-link:visited, button.pagebuilder-button-link:visited, div.pagebuilder-button-link:visited { color: #006bb4; text-decoration: none; } a.pagebuilder-button-link:hover, button.pagebuilder-button-link:hover, div.pagebuilder-button-link:hover { color: #006bb4; text-decoration: underline; } a.pagebuilder-button-link:active, button.pagebuilder-button-link:active, div.pagebuilder-button-link:active { color: #ff5501; text-decoration: underline; } a.pagebuilder-button-link:hover, button.pagebuilder-button-link:hover, div.pagebuilder-button-link:hover, a.pagebuilder-button-link:active, button.pagebuilder-button-link:active, div.pagebuilder-button-link:active, a.pagebuilder-button-link:focus, button.pagebuilder-button-link:focus, div.pagebuilder-button-link:focus { background: none; border: 0; } a.pagebuilder-button-link.disabled, button.pagebuilder-button-link.disabled, div.pagebuilder-button-link.disabled, a.pagebuilder-button-link[disabled], button.pagebuilder-button-link[disabled], div.pagebuilder-button-link[disabled], fieldset[disabled] a.pagebuilder-button-link, fieldset[disabled] button.pagebuilder-button-link, fieldset[disabled] div.pagebuilder-button-link { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary { text-decoration: none; background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; margin: 0 10px 10px 0; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; border-radius: 3px; box-shadow: none; } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover, a.pagebuilder-button-primary:active, button.pagebuilder-button-primary:active, div.pagebuilder-button-primary:active, a.pagebuilder-button-primary:focus, button.pagebuilder-button-primary:focus, div.pagebuilder-button-primary:focus { text-decoration: none; } a.pagebuilder-button-primary:focus, button.pagebuilder-button-primary:focus, div.pagebuilder-button-primary:focus, a.pagebuilder-button-primary:active, button.pagebuilder-button-primary:active, div.pagebuilder-button-primary:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } a.pagebuilder-button-primary.disabled, button.pagebuilder-button-primary.disabled, div.pagebuilder-button-primary.disabled, a.pagebuilder-button-primary[disabled], button.pagebuilder-button-primary[disabled], div.pagebuilder-button-primary[disabled], fieldset[disabled] a.pagebuilder-button-primary, fieldset[disabled] button.pagebuilder-button-primary, fieldset[disabled] div.pagebuilder-button-primary { opacity: 0.5; cursor: default; pointer-events: none; } a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary { text-decoration: none; background-image: none; background: #eeeeee; border: 1px solid #cccccc; color: #333333; cursor: pointer; display: inline-block; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; margin: 0 10px 10px 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; border-radius: 3px; box-shadow: none; } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover, a.pagebuilder-button-secondary:active, button.pagebuilder-button-secondary:active, div.pagebuilder-button-secondary:active, a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus { text-decoration: none; } a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus, a.pagebuilder-button-secondary:active, button.pagebuilder-button-secondary:active, div.pagebuilder-button-secondary:active { background: #e2e2e2; border: 1px solid #cccccc; color: #333333; } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #333333; } a.pagebuilder-button-secondary.disabled, button.pagebuilder-button-secondary.disabled, div.pagebuilder-button-secondary.disabled, a.pagebuilder-button-secondary[disabled], button.pagebuilder-button-secondary[disabled], div.pagebuilder-button-secondary[disabled], fieldset[disabled] a.pagebuilder-button-secondary, fieldset[disabled] button.pagebuilder-button-secondary, fieldset[disabled] div.pagebuilder-button-secondary { opacity: 0.5; cursor: default; pointer-events: none; } .pagebuilder-column { box-sizing: border-box; } [data-content-type='heading'] { word-wrap: break-word; } [data-content-type='html'] { word-wrap: break-word; } figure[data-content-type='image'] { box-sizing: border-box; } figure[data-content-type='image'] > [data-element='link'], figure[data-content-type='image'] > [data-element='link'] img { border-radius: inherit; } figure[data-content-type='image'] figcaption { word-wrap: break-word; } [data-content-type='map'] { box-sizing: border-box; height: 300px; } [data-content-type='row'] li.product-item { text-align: left; } .pagebuilder-column .widget-product-grid .product-item { max-width: 100%; min-width: 50px; } .pagebuilder-column .widget-product-grid .product-item .price-box { word-wrap: break-word; } .pagebuilder-column .widget-product-grid .product-item .price-box .price { white-space: normal; } .pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-primary { display: inline-block; max-width: 100%; } .pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-secondary { display: inline-block; width: auto; } .pagebuilder-column .widget-product-grid .product-item .product-item-actions .tocart { max-width: 100%; white-space: normal; } .pagebuilder-column [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item { width: 200px; } [data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item { display: block; } [data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item:first-child { visibility: visible; } [data-content-type='products'][data-appearance='carousel'] .product-item-info { width: auto; } [data-content-type='products'][data-appearance='carousel'] li.product-item { display: none; } [data-content-type='products'][data-appearance='carousel'] li.product-item:first-child { display: block; visibility: hidden; } [data-content-type='products'][data-appearance='carousel'].center-mode .product-item { opacity: .5; transition: all 300ms ease; } [data-content-type='products'][data-appearance='carousel'].center-mode .product-item:hover { opacity: 1; } [data-content-type='products'][data-appearance='carousel'].center-mode .slick-current .product-item { opacity: 1; } [data-content-type='row'][data-appearance='contained'] { box-sizing: border-box; margin-left: auto !important; margin-right: auto !important; max-width: 1280px; } [data-content-type='row'][data-appearance='contained'] [data-element='inner'] { box-sizing: border-box; } [data-content-type='row'][data-appearance='full-bleed'] { box-sizing: border-box; } [data-content-type='row'][data-appearance='full-width'] { box-sizing: border-box; } [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1280px; width: 100%; } [data-content-type='slide'] { box-sizing: border-box; line-height: 20px; min-height: inherit; overflow: hidden; } [data-content-type='slide'] > [data-element='link'], [data-content-type='slide'] > [data-element='empty_link'] { color: inherit; min-height: inherit; text-decoration: inherit; } [data-content-type='slide'] > [data-element='link']:hover, [data-content-type='slide'] > [data-element='empty_link']:hover { color: inherit; text-decoration: inherit; } [data-content-type='slide'] + [data-content-type='slide'] { height: 0; min-height: 0; } .slick-slider [data-content-type='slide'] + [data-content-type='slide'] { height: initial; min-height: inherit; } .pagebuilder-slide-wrapper { border-radius: inherit; box-sizing: border-box; min-height: inherit; overflow-wrap: break-word; word-wrap: break-word; } .pagebuilder-slide-wrapper .jarallax-viewport-element { height: 100%; left: -15000vw; position: absolute; top: 0; width: 1px; z-index: 100; } .slick-current .pagebuilder-slide-wrapper .jarallax-viewport-element { left: 0; } .pagebuilder-slide-wrapper.jarallax .video-overlay { -webkit-transform: unset; z-index: 1; } .pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay { position: relative; z-index: 2; } .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > div, .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > img, .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > video, .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > iframe { margin: auto !important; transform: none !important; } .pagebuilder-slide-wrapper .pagebuilder-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; border-radius: inherit; box-sizing: border-box; padding: 30px; transition: background-color 500ms ease; } .pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay { align-items: center; display: flex; justify-content: center; min-height: inherit; } .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; } .pagebuilder-slide-wrapper [data-element='content'] { min-height: 50px; overflow: auto; } .pagebuilder-slide-wrapper .pagebuilder-slide-button { -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -webkit-transition: opacity 500ms ease; margin: 20px 0 0 0; max-width: 100%; text-align: inherit; transition: opacity 500ms ease; word-break: break-word; } .pagebuilder-slide-wrapper .pagebuilder-poster-content { width: 100%; } [data-appearance='collage-centered'] .pagebuilder-slide-wrapper .pagebuilder-overlay { margin-left: auto; margin-right: auto; } [data-appearance='collage-left'] .pagebuilder-slide-wrapper .pagebuilder-overlay { margin-right: auto; } [data-appearance='collage-right'] .pagebuilder-slide-wrapper .pagebuilder-overlay { margin-left: auto; } div[data-content-type='slider'] { visibility: hidden; } div[data-content-type='slider'].slick-initialized { visibility: visible; } div[data-content-type='slider'] .slick-list, div[data-content-type='slider'] .slick-track, div[data-content-type='slider'] .slick-slide { min-height: inherit; } div[data-content-type='slider'] .slick-list > div, div[data-content-type='slider'] .slick-track > div, div[data-content-type='slider'] .slick-slide > div { line-height: 0; min-height: inherit; overflow: hidden; width: 100%; } a.button { -moz-appearance: button; -webkit-appearance: button; appearance: button; color: initial; padding: 10px; text-decoration: none; } div[data-content-type='tabs'] .tabs-navigation { display: block; font-size: 0; margin: 0 0 -1px; padding: 0; } div[data-content-type='tabs'] .tabs-navigation li:first-child { margin-left: 0 !important; } div[data-content-type='tabs'] .tabs-navigation li.tab-header { background: #f6f6f6; border: 1px solid #cccccc; border-bottom: 0; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; display: inline-block; margin: 0; max-width: 100%; overflow-wrap: break-word; position: relative; word-wrap: break-word; z-index: 1; } div[data-content-type='tabs'] .tabs-navigation li.tab-header:not(:first-child) { margin-left: -1px; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title { border-right: 0; color: #000000; cursor: pointer !important; display: block; font-size: 14px; font-weight: 600; padding: 1.4rem 2rem; position: relative; transition: all .3s; vertical-align: middle; white-space: normal; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span.tab-title { display: block; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title:hover { text-decoration: none; } div[data-content-type='tabs'] .tabs-navigation li.tab-header:last-child { border-right: 1px solid #cccccc; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active { background: #ffffff; z-index: 19; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active a.tab-title { position: relative; transition: all .3s; } div[data-content-type='tabs'] .tabs-content { border: 1px solid #cccccc; box-sizing: border-box; overflow: hidden; position: relative; z-index: 9; } div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item'] { box-sizing: border-box; min-height: inherit; } div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item']:not(:first-child) { display: none; } div[data-content-type='tabs'].tab-align-left .tabs-content { border-top-left-radius: 0 !important; } div[data-content-type='tabs'].tab-align-right .tabs-content { border-top-right-radius: 0 !important; } div[data-content-type='text'] { word-wrap: break-word; } div[data-content-type='video'] { font-size: 0; } div[data-content-type='video'] .pagebuilder-video-inner { box-sizing: border-box; display: inline-block; width: 100%; } div[data-content-type='video'] .pagebuilder-video-container { border-radius: inherit; overflow: hidden; padding-top: 56.25%; position: relative; } div[data-content-type='video'] iframe, div[data-content-type='video'] video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { font-family: 'object-fit: cover;', sans-serif; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: -1; } .jarallax-video-fallback { transform: scale3d(0, 0, 0); } .jarallax .video-overlay { -webkit-transform: translate3d(0, 0, 0); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -99; } .jarallax [id*='jarallax-container'] video, .jarallax [id*='jarallax-container'] iframe { visibility: hidden; } .cms-content-important { background-color: #f5f5f5; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: 300; line-height: 1.1; margin: 0 0 35px -20px; padding: 20px; } .pagebuilder-full-width { float: left; width: 100%; } .pagebuilder-content-type { box-sizing: border-box; margin-bottom: 20px; } .pagebuilder-accordion { margin: 0; padding: 0; } .pagebuilder-accordion > .item.title { box-sizing: border-box; float: none; width: 100%; } .pagebuilder-accordion > .item.title > .switch { display: block; } .pagebuilder-accordion > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .pagebuilder-accordion > .item.content:before, .pagebuilder-accordion > .item.content:after { content: ''; display: table; } .pagebuilder-accordion > .item.content:after { clear: both; } .pagebuilder-accordion > .item.content.active { display: block; } .pagebuilder-accordion > .item.title { margin: 0; } .pagebuilder-accordion > .item.title > .switch { border-top: 1px solid #cccccc; height: 40px; padding: 1px 10px 1px 10px; font-weight: 600; line-height: 40px; font-size: 1.4rem; color: #333333; text-decoration: none; } .pagebuilder-accordion > .item.title > .switch:visited { color: #6d6d6d; text-decoration: none; } .pagebuilder-accordion > .item.title > .switch:hover { color: #333333; text-decoration: none; } .pagebuilder-accordion > .item.title > .switch:active { color: #333333; text-decoration: none; } .pagebuilder-accordion > .item.title:not(.disabled) > .switch:active, .pagebuilder-accordion > .item.title.active > .switch, .pagebuilder-accordion > .item.title.active > .switch:focus, .pagebuilder-accordion > .item.title.active > .switch:hover { color: #333333; text-decoration: none; padding-bottom: 1px; } .pagebuilder-accordion > .item.content { background: #ffffff; margin: 0; padding: 10px 10px 30px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form-discount .g-recaptcha { margin-top: 50px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .login-container .g-recaptcha, .form-login .g-recaptcha, .form-edit-account .g-recaptcha { margin-bottom: 10px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .required-captcha.checkbox { position: absolute; display: block; visibility: visible; overflow: hidden; opacity: 0; width: 1px; height: 1px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .magento-invitation-customer-account-create .form-create-account .g-recaptcha { margin-top: 1px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .block.newsletter .field-recaptcha .field .control:before { content: none; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .review-form .field-recaptcha { margin-bottom: 10px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.send.friend .g-recaptcha { margin-top: 40px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.wishlist.share .g-recaptcha { margin-bottom: 40px; } [data-content-type='dynamic_block'] figure[data-content-type='image'] img { display: inline; } [data-content-type='dynamic_block'] .block-banners .banner-item-content, [data-content-type='dynamic_block'] .block-banners-inline .banner-item-content { margin-bottom: auto; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .checkout-container .checkout-payment-method div.new-address-popup { margin: 0 35px 20px 20px; position: relative; } .checkout-shipping-address .address-sender { position: relative; z-index: 1; } .checkout-shipping-address .address-sender .radio { position: absolute; top: 9px; } .checkout-shipping-address .address-sender .radio ~ .shipping-address-item { left: 25px; padding: 0 0 25px 0; } .checkout-shipping-address .address-sender .radio ~ .shipping-address-item:before { content: none; } .checkout-shipping-address .default-shipping-address.address-sender ~ .new-address-popup { margin-left: 25px; } .amslick-slider-container .slick-dots li button:focus, .amslick-slider-container .slick-dots li button:hover, .amslick-slider-container .slick-list:focus { outline: 0; } .amslick-slider-container .slick-list, .amslick-slider-container .slick-slider, .amslick-slider-container .slick-track { position: relative; display: block; } .amslick-slider-container .slick-loading .slick-slide, .amslick-slider-container .slick-loading .slick-track { visibility: hidden; } .amslick-slider-container .slick-list { overflow: hidden; margin: 0; padding: 0; } .amslick-slider-container .slick-list.dragging { cursor: pointer; cursor: hand; } .amslick-slider-container .slick-slider .slick-list, .amslick-slider-container .slick-slider .slick-track { transform: translate3d(0, 0, 0); } .amslick-slider-container .slick-track { top: 0; left: 0; margin: 0 auto; } .amslick-slider-container .slick-track:after, .amslick-slider-container .slick-track:before { display: table; content: ''; } .amslick-slider-container .slick-track:after { clear: both; } .amslick-slider-container .slick-slide, .amslick-slider-container .slick-slide.slick-loading img { display: none; } .amslick-slider-container .slick-slide { float: left; min-height: 1px; height: 100%; vertical-align: middle; } .amslick-slider-container [dir=rtl] .slick-slide { float: right; } .amslick-slider-container .slick-slide.dragging img { pointer-events: none; } .amslick-slider-container .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .amslick-slider-container .slick-arrow.slick-hidden { display: none; } .amslick-slider-container .slick-loading .slick-list { position: relative; background: 0 0; } .amslick-slider-container .slick-loading .slick-list:before { position: absolute; top: 50%; left: 50%; display: block; width: 25px; height: 25px; border-width: 3px; border-style: solid; border-color: rgba(0, 0, 0, 0.2); border-top-color: #5c5c5c; border-radius: 100%; content: ''; transform: translate(-50%, -50%); animation: loading 1s infinite linear; } .amslick-slider-container .slick-next.slick-disabled, .amslick-slider-container .slick-prev.slick-disabled { opacity: 0.25; } .amslick-slider-container .slick-dotted.slick-slider { margin-bottom: 30px; } .amslick-slider-container .slick-dots { position: absolute; left: 0; display: block; margin: 0; padding: 0; width: 100%; list-style: none; text-align: center; } .amslick-slider-container .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; width: 20px; height: 20px; cursor: pointer; } .amslick-slider-container .slick-dots li button, .amslick-slider-container .slick-slider .slick-arrow { display: block; outline: 0; box-shadow: none; cursor: pointer; } .amslick-slider-container .slick-dots li button { padding: 5px; width: 20px; height: 20px; border: 0; background: 0 0; color: transparent; font-size: 0; line-height: 0; } .amslick-slider-container .slick-dots li button:focus:before, .amslick-slider-container .slick-dots li button:hover:before { opacity: 1; } .amslick-slider-container .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; color: #000000; content: '•'; text-align: center; font-size: 16px; line-height: 20px; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .amslick-slider-container .slick-dots li.slick-active button:before { color: #000000; opacity: 0.75; } .amslick-slider-container .slick-slider { box-sizing: border-box; padding: 0 20px; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .amslick-slider-container .slick-slider .slick-arrow { position: absolute; top: 50%; padding: 0; width: 15px; height: 22px; border: none; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjQzRDNEM0Ii8+PC9zdmc+') center no-repeat !important; color: transparent; font-size: 0; line-height: 0; transition: background .3s ease; transform: translate(0, -50%); } .amslick-slider-container .slick-slider .slick-arrow:before, .amslick-slider-container .slick-slider .slick-arrow:after { content: ''; } .amslick-slider-container .slick-slider .slick-arrow:hover { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjMTYxNjE2Ii8+PC9zdmc+') center no-repeat; } .amslick-slider-container .slick-slider .slick-arrow.slick-next { right: 0; } .amslick-slider-container .slick-slider .slick-arrow.slick-prev { left: 0; transform: rotate(180deg) translate(0, 50%); } .amslick-slider-container .slick-initialized .slick-slide { display: inline-block !important; float: none !important; height: auto; } .amslick-slider-container .product-items.slick-slider > .slick-list { padding: 15px 0; } .amslick-slider-container .product-items.slick-slider .slick-slide .product-item { display: block !important; margin: auto !important; max-width: 205px; } .amslick-slider-container .sidebar.sidebar-additional { width: 100%; } @keyframes loading { 0% { transform: translate(-50%, -50%) rotate(0); } 100% { transform: translate(-50%, -50%) rotate(359.9deg); } } .amgdprcookie-cookie-container { margin: 0 10px 20px 0; padding: 0 0 25px 0; } .amgdprcookie-cookie-container.-modal:first-child { padding-top: 25px; } .amgdprcookie-cookie-container.-modal .amgdprcookie-header, .amgdprcookie-cookie-container.-modal .amgdprcookie-text { padding-left: 25px; } .amgdprcookie-cookie-container.-modal { margin-right: 30px; box-shadow: none; direction: ltr; } .amgdprcookie-cookie-container .amgdprcookie-header { display: flex; justify-content: space-between; } .amgdprcookie-cookie-container .amgdprcookie-caption { margin: 0 0 15px; font-weight: bold; font-size: 16px; line-height: 27px; } .amgdprcookie-cookie-container .amgdprcookie-text { margin-bottom: 10px; color: #363636; font-size: 12px; } .amgdprcookie-cookie-container .amgdprcookie-options { font-size: 12px; color: #5384ec; cursor: pointer; } .amgdprcookie-toggle-cookie { position: relative; padding-left: 50px; } .amgdprcookie-toggle-cookie .amgdprcookie-input { width: 0; height: 0; opacity: 0; } .amgdprcookie-toggle-cookie .amgdprcookie-label { position: absolute; top: 0; right: 0; width: 50px; height: 29px; border-radius: 40px; background: #a5a5a5; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); cursor: pointer; } .amgdprcookie-toggle-cookie .amgdprcookie-label:after { position: absolute; top: 2px; left: 2px; width: 25px; height: 25px; border-radius: 40px; background: #fff; content: ''; transition: all .4s ease; } .amgdprcookie-toggle-cookie .amgdprcookie-input:active + .amgdprcookie-label, .amgdprcookie-toggle-cookie .amgdprcookie-input:focus + .amgdprcookie-label { box-shadow: 0 0 3px 1px #00699d; } .amgdprcookie-toggle-cookie .amgdprcookie-input:checked:disabled + .amgdprcookie-label { background: #e8e8e8; } .amgdprcookie-toggle-cookie .amgdprcookie-input:checked:disabled + .amgdprcookie-label:after { left: 95%; transform: translateX(-100%); } .amgdprcookie-toggle-cookie .amgdprcookie-input:checked:not([disabled]) + .amgdprcookie-label { background: #1979c3; } .amgdprcookie-toggle-cookie .amgdprcookie-input:checked:not([disabled]) + .amgdprcookie-label:after { left: 95%; transform: translateX(-100%); } .amgdprcookie-toggle-cookie .amgdprcookie-input:not([checked]) + .amgdprcookie-label { background: #a5a5a5; } .amgdprcookie-toggle-cookie .amgdprcookie-input:disabled + .amgdprcookie-label { background: #e8e8e8; } .amgdprcookie-toggle-cookie .amgdprcookie-input:disabled + .amgdprcookie-label:after { left: 2px; } .amgdprcookie-toggle-cookie .amgdprcookie-input:focus + .amgdprcookie-label { box-shadow: 0 0 3px 1px #00699d; } .amgdprcookie-main-wrapper { color: #363636; } .amgdprcookie-main-wrapper .amgdprcookie-top { display: flex; justify-content: space-between; margin-bottom: 15px; } .amgdprcookie-main-wrapper .amgdprcookie-head { font-size: 20px; line-height: 20px; } .amgdprcookie-main-wrapper .amgdprcookie-btn-wrapper { display: flex; } .amgdprcookie-main-wrapper .amgdprcookie-btn { padding: 7px 27px; border: 0; border-radius: 6px; background: #ef7c4a; box-shadow: 0 3px 5px rgba(62, 40, 13, 0.15); color: #fff; text-transform: uppercase; font-size: 14px; } .amgdprcookie-main-wrapper .amgdprcookie-btn:first-child { margin: 0 15px; } .amgdprcookie-main-wrapper .amgdprcookie-btn:hover { background: #eb5a1b; } .amgdprcookie-main-wrapper .amgdprcookie-btn:focus, .amgdprcookie-main-wrapper .amgdprcookie-btn:active { box-shadow: 0 0 3px 1px #00699d; } .amgdprcookie-cookie-container .amgdprcookie-link { float: right; color: #389dfe; text-transform: capitalize; letter-spacing: .3px; font-size: 12px; cursor: pointer; } .amgdprjs-bar-template { display: block !important; position: fixed; /* added to support older browsers */ position: sticky; } .amgdprjs-bar-template .amgdprcookie-buttons-block .amgdprcookie-button { margin-right: 5px; } .amgdprjs-bar-template.-popup { position: fixed; top: 50%; left: 50%; margin: 0 auto; max-width: 740px; transform: translate(-50%, -50%); } .amgdprjs-bar-template.-popup:before { width: 100%; height: 100%; background-color: #0a6c9f; content: ''; } .amgdprjs-bar-template.-popup .amgdprcookie-bar-container { padding: 50px; } .amgdprjs-bar-template.-popup .amgdprcookie-bar-block { width: 100%; } .amgdprjs-bar-template.-popup .amgdprcookie-buttons-block { display: flex; justify-content: center; } .amgdprcookie-groups-modal .modal-inner-wrap { border-radius: 4px; box-shadow: 0 -2px 18px rgba(0, 0, 0, 0.06); max-width: 740px; } .amgdprcookie-groups-modal.-table .modal-inner-wrap { max-width: 1290px; min-width: 700px; overflow-x: auto; } .amgdprcookie-groups-modal .modal-title { border-bottom: none; font-size: 20px; font-weight: bold; } .amgdprcookie-groups-modal .action-close { display: none; } .amgdprcookie-groups-modal .amgdprcookie-form { padding: 0 10px; } .amgdprcookie-groups-modal .amgdprcookie-done { background-color: #5384ec; border-radius: 3px; box-shadow: none; color: #fff; font-weight: bold; letter-spacing: 1.35px; text-transform: uppercase; transition: background-color 0.3s ease-out; width: 100%; } .amgdprcookie-groups-modal .amgdprcookie-done:hover { background-color: #1357e6; } .amgdprcookie-groups-modal .amgdprcookie-done:focus { background-color: #1357e6; box-shadow: 0 0 3px 1px #00699d; } .amgdprcookie-groups-modal:not(.-table) .modal-footer { padding-top: 0; } .amgdprcookie-groups-modal .amgdprcookie-form-container, .amgdprcookie-groups-modal .amgdprcookie-tbody { overflow: auto; scrollbar-color: #e0e0e0 #ffffff; scrollbar-width: thin; scrollbar-face-color: #e0e0e0; scrollbar-highlight-color: #e0e0e0; scrollbar-shadow-color: #e0e0e0; scrollbar-track-color: #ffffff; display: block; max-height: 500px; overflow-y: auto; } .amgdprcookie-groups-modal .amgdprcookie-form-container::-webkit-scrollbar, .amgdprcookie-groups-modal .amgdprcookie-tbody::-webkit-scrollbar { width: 6px; } .amgdprcookie-groups-modal .amgdprcookie-form-container::-webkit-scrollbar-track, .amgdprcookie-groups-modal .amgdprcookie-tbody::-webkit-scrollbar-track { background-color: #ffffff; box-shadow: none; } .amgdprcookie-groups-modal .amgdprcookie-form-container::-webkit-scrollbar-thumb, .amgdprcookie-groups-modal .amgdprcookie-tbody::-webkit-scrollbar-thumb { border-radius: 2px; background: #e0e0e0; } .amgdprcookie-bar-container { background: #fff; box-shadow: 0 -2px 18px rgba(0, 0, 0, 0.06); display: flex; justify-content: center; margin: 0; padding: 30px 10px; z-index: 10; } .amgdprcookie-bar-container.modal-popup { right: unset; pointer-events: auto; left: unset; top: unset; bottom: unset; overflow-y: unset; transition: unset; position: unset; } .amgdprcookie-bar-container .amgdprcookie-buttons-block { display: flex; flex-direction: column; } .amgdprcookie-bar-container .amgdprcookie-policy { margin-bottom: 20px; max-height: 30vh; max-width: 640px; overflow-y: auto; } .amgdprcookie-bar-container .amgdprcookie-button:first-child { margin-bottom: 10px; } .amgdprcookie-bar-container .amgdprcookie-buttons-block .amgdprcookie-button { margin-bottom: 0; padding: 10px 30px; } .amgdprcookie-bar-container .action-close { top: 10px; right: 10px; line-height: 14px; } .amgdprcookie-bar-container .action-close:focus, .amgdprcookie-bar-container .action-close:active { box-shadow: 0 0 3px 1px #00699d; opacity: .9; } .amgdprcookie-buttons-block { display: flex; flex-direction: column; } .amgdprcookie-buttons-block.-settings { padding-bottom: 30px; } .amgdprcookie-buttons-block .amgdprcookie-button { background: #fff; border: none; border-radius: 3px; box-shadow: none; color: #5384ec; font-weight: bold; letter-spacing: 1.35px; margin-top: 15px; padding: 10px 15px; text-transform: uppercase; transition: opacity 0.3s ease, color 0.3s ease-out, background-color 0.3s ease-out, border 0.3s ease-out; } .amgdprcookie-buttons-block .amgdprcookie-button:hover { opacity: .9; } .amgdprcookie-buttons-block .amgdprcookie-button:active, .amgdprcookie-buttons-block .amgdprcookie-button:focus { opacity: .9; box-shadow: 0 0 3px 1px #00699d; } .amgdprcookie-buttons-block .amgdprcookie-button.-allow, .amgdprcookie-buttons-block .amgdprcookie-button.-save { background: #5384ec; color: #fff; flex-basis: 33%; } .amgdprcookie-modal-template { background: #fff; overflow-y: auto; margin-left: 5px; } .amgdprcookie-modal-template .action-close { top: 0; right: 0; margin: 0; padding: 8px; line-height: 14px; background: #fff; z-index: 1; } .amgdprcookie-modal-template .action-close:focus, .amgdprcookie-modal-template .action-close:active { background: #fff; box-shadow: 0 0 3px 1px #00699d; opacity: .9; } .amgdprcookie-modal-template .action-close:hover { background: #fff; } .amgdprcookie-modal-template .amgdprcookie-button.-allow:not(.-save) { background: inherit; color: #5384ec; margin-bottom: 0; } .amgdprcookie-modal-container .modal-content { padding: 0; } .amgdprcookie-groups-container { box-shadow: 0 -2px 18px rgba(0, 0, 0, 0.06); direction: rtl; height: auto; overflow-y: scroll; } .amgdprcookie-policy-container { box-shadow: 0 -2px 18px rgba(0, 0, 0, 0.06); padding: 24px; position: absolute; bottom: 0; } .amgdprcookie-text-container .amgdprcookie-policy { display: inline; } .amgdprcookie-modal-container.modal-popup.modal-slide { left: 0; pointer-events: none; } .amgdprcookie-modal-container .modal-inner-wrap { height: 100%; margin: 0; position: relative; } .amgdprcookie-modal-container .modal-inner-wrap .modal-header { position: absolute; right: 0; } .amgdprcookie-modal-container .modal-inner-wrap .action-close { margin: 5px; padding: 0; } .amgdprcookie-modal-container .modal-inner-wrap .action-close:before { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI4IiBzdHJva2U9IiNDQUNBQ0EiLz48cGF0aCBkPSJNNS4yNSA1LjI1bDYuNSA2LjVtMC02LjVsLTYuNSA2LjUiIHN0cm9rZT0iI0NBQ0FDQSIvPjwvc3ZnPg==') no-repeat center; content: ''; height: 25px; width: 25px; } .amgdprcookie-modal-container .modal-inner-wrap .action-close:focus { box-shadow: 0 0 3px 1px #00699d; } .amgdprcookie-modal-container .modal-inner-wrap .amgdprcookie-groups-container { overflow: auto; scrollbar-color: #e8e8e8 #ffffff; scrollbar-width: thin; scrollbar-face-color: #e8e8e8; scrollbar-highlight-color: #e8e8e8; scrollbar-shadow-color: #e8e8e8; scrollbar-track-color: #ffffff; } .amgdprcookie-modal-container .modal-inner-wrap .amgdprcookie-groups-container::-webkit-scrollbar { width: 4px; } .amgdprcookie-modal-container .modal-inner-wrap .amgdprcookie-groups-container::-webkit-scrollbar-track { background-color: #ffffff; box-shadow: none; } .amgdprcookie-modal-container .modal-inner-wrap .amgdprcookie-groups-container::-webkit-scrollbar-thumb { border-radius: 2px; background: #e8e8e8; } .amgdprcookie-settings-form .amgdprcookie-toggle-cookie .amgdprcookie-input.disabled + .amgdprcookie-label { background: #e8e8e8; } .amgdprcookie-groups-modal .amgdprcookie-table .amgdprcookie-row, .amgdprcookie-groups-modal .amgdprcookie-table thead tr, .amgdprcookie-groups-modal .amgdprcookie-table thead { display: table; table-layout: fixed; width: 100%; } .amgdprcookie-groups-modal .amgdprcookie-cell.-name { word-wrap: break-word; } .amgdprcookie-modal-container .amgdprcookie-modal-template { width: 20%; min-width: 400px; margin-left: 0; height: 100%; pointer-events: auto; z-index: 900; position: relative; } .ammodals-overlay { background-color: rgba(51, 51, 51, 0.55); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 899; } [data-amgdpr-content-from='subscription'] { display: table-row-group; } .block.newsletter .form.subscribe > [data-amgdpr-content-from='subscription'].amgdpr-checkbox.field { float: none; } [data-amgdpr-content-from='subscription'] .amgdpr-checkbox { margin-top: 8px; } [data-amgdpr-content-from='subscription'] .amgdpr-label.label { position: inherit; } .amgdpr-modal-container .amgdpr-privacy-policy { display: none; } .amgdpr-modal-container .amgdpr-privacy-policy, .amgdpr-modal-container .amgdpr-html-content { overflow-y: scroll; max-height: 500px; word-wrap: break-word; } .checkout-index-index .amgdpr-modal-container.modal-popup:not(.agreements-modal):not(.popup-authentication) .modal-inner-wrap, .amgdpr-modal-container .modal-inner-wrap { max-width: 1130px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35); } .amgdpr-modal-container .modal-header { padding: 30px 30px 20px; } .amgdpr-modal-container .modal-content { padding: 0 30px 0 25px; } .amgdpr-modal-container .modal-footer { padding: 30px 35px 30px; } .amgdpr-modal-container .modal-header .modal-title { margin-left: 10px; padding: 0; border-bottom: none; color: #5384ec; font-weight: 400; font-size: 26px; } .amgdpr-modal-container .action.action-primary:hover { background-color: #1357e6; } .amgdpr-modal-container .action.action-primary { width: 100%; border-radius: 3px; background-color: #5384ec; box-shadow: none; color: #fff; text-transform: uppercase; letter-spacing: 1.35px; font-weight: bold; transition: background-color 0.3s ease-out; } .amgdpr-modal-container .action-close { top: 10px; right: 10px; line-height: 14px; } .amgdpr-modal-container .action-close:focus, .amgdpr-modal-container .action-primary:focus, .amgdpr-modal-container .action-close:active, .amgdpr-modal-container .action-primary:active { box-shadow: 0 0 3px 1px #00699d; opacity: .9; } .amgdpr-modal-container .amgdpr-html-content::-webkit-scrollbar, .amgdpr-modal-container .amgdpr-privacy-policy::-webkit-scrollbar { width: 6px; } .amgdpr-modal-container .amgdpr-html-content::-webkit-scrollbar-track, .amgdpr-modal-container .amgdpr-privacy-policy::-webkit-scrollbar-track { width: 6px; background: #fff; } .amgdpr-modal-container .amgdpr-html-content::-webkit-scrollbar-thumb, .amgdpr-modal-container .amgdpr-privacy-policy::-webkit-scrollbar-thumb { border-radius: 2px; background: #e0e0e0; } .amgdpr-notification-container { margin-left: 10px; padding: 25px; font-weight: 600; background: #ffeaac; } .amgdpr-cookie-link { margin-top: 10px; } .amgdpr-cookie-link .amgdpr-link { display: none; } .amgdpr-cookie-link .amgdpr-link.-show { display: block; } .amgdpr-settings-container { display: inline-flex; flex-wrap: wrap; margin: -40px 0 40px -40px; width: calc(100% + 40px); } .amgdpr-settings-container .amgdpr-block { display: none; margin-top: 20px; } .amgdpr-settings-container .amgdpr-block .fieldset { margin-bottom: 20px; } .amgdpr-settings-container .amgdpr-mail { margin-top: 10px; } .amgdpr-settings-container .amgdpr-block .amgdpr-checkbox.field, .amgdpr-settings-container .field.control.checkbox { margin-bottom: 20px; } .amgdpr-checkbox-container { margin: 40px 0 0 40px; max-width: 220px; position: relative; } .amgdpr-checkbox-container > .amgdpr-checkbox:checked ~ .amgdpr-block { display: block; } .amgdpr-checkbox-container > .amgdpr-checkbox { height: 1px; opacity: 0; position: absolute; width: 1px; } .amgdpr-checkbox-container > .amgdpr-label { background-color: #e8f6ff; border: 2px solid #e8f6ff; border-radius: 20px; box-sizing: border-box; cursor: pointer; display: block; height: 220px; position: relative; transition: border 0.3s ease-in, background-color 0.3s ease-in; width: 220px; } .amgdpr-checkbox-container > .amgdpr-label:before { content: ''; height: 100px; left: 50%; position: absolute; top: 40%; transform: translate(-50%, -50%); width: 100px; } .amgdpr-checkbox-container > .amgdpr-label.-download:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/download.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-checkbox:checked + .amgdpr-label.-download:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/download_active.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-label.-policy:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/policy.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-checkbox:checked + .amgdpr-label.-policy:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/policy_active.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-label.-anonymise:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/anonymise.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-checkbox:checked + .amgdpr-label.-anonymise:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/anonymise_active.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-label.-delete:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/delete.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-checkbox:checked + .amgdpr-label.-delete:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/delete_active.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-label.-consents:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/consents.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-checkbox:checked + .amgdpr-label.-consents:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/consents_active.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-label.-dpoinfo:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/officer.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-checkbox:checked + .amgdpr-label.-dpoinfo:before { background: url('../../frontend/Kemana/default/id_ID/Amasty_Gdpr/images/officer_active.svg') no-repeat center; } .amgdpr-checkbox-container > .amgdpr-checkbox:checked + .amgdpr-label { background-color: #3d9fe9; } .amgdpr-checkbox-container > .amgdpr-checkbox:checked + .amgdpr-label .amgdpr-title { color: #fff; } .amgdpr-checkbox-container .amgdpr-title { color: #333; font-size: 16px; font-weight: 600; left: 50%; min-width: 180px; position: absolute; text-align: center; top: 80%; transform: translate(-50%, -50%); transition: color 0.3s ease-in; } .amgdpr-checkbox-container .amgdpr-svg { fill: #000; } .amgdpr-checkbox-container > .amgdpr-checkbox:focus + .amgdpr-label, .amgdpr-checkbox-container > .amgdpr-checkbox:active + .amgdpr-label, .amgdpr-checkbox-container > .amgdpr-label:hover { border: 2px solid #1979c2; box-shadow: 0 5px 10px #b7dbf7; } .am-word-break { word-break: break-word; word-wrap: break-word; } .ie11 .am-word-break { word-break: break-all; } .amasty-label-container:not(.-preview) { max-height: 300px !important; max-width: 300px !important; } .amasty-label-container.-link:hover { cursor: pointer; } .amasty-label-container.-link:hover .amlabel-text { text-decoration: underline; } .fotorama--fullscreen .amasty-label-container { display: none; } .products-upsell .product-item .amlabel-text { font-size: 12px !important; padding: 0 !important; } .fotorama .amlabel-text.-am-centered { left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto !important; } .admin__field.-amlabel-hidden { margin: 0; } .admin__field.-amlabel-hidden > .admin__field-label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .amlabel-image-preview { border: 1px solid #ccc; display: flex; position: absolute; right: 0; white-space: nowrap; width: calc(100% * .25 - 30px); z-index: 99; } .amlabel-image-preview .amlabel-text { word-break: break-word; word-wrap: break-word; } .ie11 .amlabel-image-preview .amlabel-text { word-break: break-all; } .amlabel-image-preview > .amlabel-image { height: 100%; width: 100%; } .amlabel-image-preview .amlabel-position-wrapper { display: flex; position: absolute; } .amlabel-image-preview .amasty-label-container { display: flex; flex-direction: column; margin: auto; max-width: 100%; position: relative; } .amlabel-image-preview .amlabel-preview-image + .amlabel-text { left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); } .amlabel-position-wrapper { z-index: 995; } .sidebar .amlabel-position-wrapper { z-index: 9; } .block-viewed-products-grid .amlabel-position-wrapper { z-index: 2; } .amlabel-position-chooser { border-collapse: initial; border-spacing: 2px; } .amlabel-position-chooser td { border: 2px solid; cursor: pointer; padding: 20px; } .amlabel-position-chooser td[data-amlabel-position-enabled='0'] { background-color: #ced4de; cursor: not-allowed; } .amlabel-position-chooser td[data-amlabel-position-selected='1'] { background-color: #ffa726; } .amlabel-position-chooser td:hover:not([data-amlabel-position-enabled='0']) { background-color: rgba(255, 167, 38, 0.5); } .amlabel-position-chooser.amlabel-visual-chooser { border-spacing: 6px; } .amlabel-position-chooser.amlabel-visual-chooser td { padding: 5px; } .amlabel-position-chooser.amlabel-visual-chooser td[data-amlabel-position-selected='1'] { background-color: #007bdb; border-color: #007bdb; color: #fff; } .amlabel-position-chooser.amlabel-visual-chooser td:hover:not([data-amlabel-position-enabled='0'], [data-amlabel-position-selected='1']) { background-color: #e8f5ff; border-color: #000; color: #000; } .amlabel-shapes-container { align-items: center; display: flex; flex-wrap: wrap; justify-content: start; } .amlabel-shapes-container > .amlabel-shape { align-items: center; border: 1px solid #eee; display: flex; flex-wrap: nowrap; height: 55px; justify-content: center; margin: 0 10px 10px 0; padding: 0 10px; vertical-align: top; width: 115px; } .amlabel-shapes-container > .amlabel-shape:hover { border-color: #c4c4c4; } .amlabel-shapes-container > .amlabel-shape.-am-checked { border-color: #000; } .amlabel-shapes-container .amlabel-image { height: 40px; } .ampromo-item .ampromo-options { margin-bottom: 20px; padding: 0 5px; overflow: hidden; transition: max-height 0.2s ease; } .ampromo-gallery { width: 850px; margin: 0 30px; } .ampromo-gallery[data-count="1"] { width: 280px; } .ampromo-gallery[data-count="2"] { width: 570px; } .ampromo-slick .slick-prev, .ampromo-slick .slick-next { width: 42px !important; height: 42px !important; } .ampromo-slick .slick-prev { left: -45px !important; } .ampromo-slick .slick-next { right: -45px !important; } .ampromo-slick .slick-dots { padding: 0 !important; } .ampromo-slick .slick-dots button, .ampromo-slick .slick-dots button:hover { height: 20px; width: 20px; padding: 5px !important; background: transparent !important; border: none !important; text-indent: 0 !important; } .ampromo-slick .slick-slide { vertical-align: top; } .ampromo-items-add { display: none; margin-bottom: 12px; padding: 7px; border: 1px solid #ededed; text-align: center; } .ampromo-items-add > a { text-decoration: none; border-bottom: 1px dashed; } .checkout-index-index .ampromo-items-add:before { content: ''; display: inline-block; width: 32px; height: 32px; margin-right: 12px; background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTEyIDI1NmMwIDE0MS4zODctMTE0LjYxMyAyNTYtMjU2IDI1NlMwIDM5Ny4zODcgMCAyNTYgMTE0LjYxMyAwIDI1NiAwczI1NiAxMTQuNjEzIDI1NiAyNTZ6bTAgMCIgZmlsbD0iIzYwYjJmYyIvPjxwYXRoIGQ9Ik01MTIgMjU2YzAtMS4xNTItLjAyNy0yLjI5Ny0uMDQzLTMuNDQ1TDM2OS4wNTEgMTA5LjY0OGwtODUuMzU2IDIzLjA2My03LjU4Ni03LjU4Ni00Ni4wNjIgOC44OTgtMjQuNTg2LTI0LjU5Ny02OC4wMDQgNTMuOTU3LTI1LjUzMSA3NC44NDQgNTguMDI3IDU3LjMyLTM5LjMxNiAxMjAuMTIxIDk0LjQ3MiA5NC40NzNBMjU5LjI2IDI1OS4yNiAwIDAgMCAyNTYgNTEyYzE0MS4zODcgMCAyNTYtMTE0LjYxMyAyNTYtMjU2em0wIDAiIGZpbGw9IiMzOTY1Y2MiLz48cGF0aCBkPSJNMjMzLjE4OCAxMzcuNjg4bC0yNy43MjctMjguMjYyYy04LjI4MS04LjQ0Mi0xOS4zNTItMTMuMDk0LTMxLjE2NC0xMy4wOTQtMjQuMDc0IDAtNDMuNjYgMTkuNTg2LTQzLjY2IDQzLjY2IDAgMjQuMDc0IDE5LjU4NiA0My42NiA0My42NiA0My42NkgyNTZ2LTQ1Ljk2NHptMCAwIiBmaWxsPSIjZjY0MjEzIi8+PHBhdGggZD0iTTMzNy43MDMgOTYuMzMyYy0xMS44MTYgMC0yMi44ODMgNC42NTItMzEuMTY0IDEzLjA5NGwtMjcuNzI2IDI4LjI2MUgyNTZ2NDUuOTY1aDgxLjcwM2MyNC4wNzQgMCA0My42Ni0xOS41ODYgNDMuNjYtNDMuNjYgMC0yNC4wNzQtMTkuNTg2LTQzLjY2LTQzLjY2LTQzLjY2em0wIDAiIGZpbGw9IiNlZDI0MDAiLz48cGF0aCBkPSJNMTMwLjYzNyAyMTkuNTE2SDI1NnYxOTYuMTUySDEzMC42Mzd6bTAgMCIgZmlsbD0iI2ZmNiIvPjxwYXRoIGQ9Ik0yNTYgMjE5LjUxNmgxMjUuMzYzdjE5Ni4xNTJIMjU2em0wIDAiIGZpbGw9IiNmZmQxNWUiLz48cGF0aCBkPSJNMTExLjkyNiAxNjMuMzgzSDI1NnY3NC44NDRIMTExLjkyNnptMCAwIiBmaWxsPSIjZmZmZmMyIi8+PHBhdGggZD0iTTI1NiAxNjMuMzgzaDE0NC4wNzR2NzQuODQ0SDI1NnptMCAwIiBmaWxsPSIjZmZlYTdjIi8+PHBhdGggZD0iTTI4NC4wNjYgMTQ0LjY3MmMwLTE1LjUwNC0xMi41NjYtMjguMDY3LTI4LjA2Ni0yOC4wNjdsLTEyLjQ3MyA2NS40ODkgNDAuNTQtMTguNzExem0wIDAiIGZpbGw9IiNmNjQyMTMiLz48cGF0aCBkPSJNMjI3LjkzNCAxNDQuNjcydjE4LjcxTDI1NiAxODIuMDk1di02NS40ODljLTE1LjUgMC0yOC4wNjYgMTIuNTYzLTI4LjA2NiAyOC4wNjd6bTAgMCIgZmlsbD0iI2ZmNjEyNiIvPjxwYXRoIGQ9Ik0yNTYgMTYzLjM4M2wtMTIuNDczIDczLjU5NEwyNTYgMzA4LjcwM2wyOC4wNjYgMTguNzExVjE2My4zODN6bTAgMCIgZmlsbD0iI2VkMjQwMCIvPjxwYXRoIGQ9Ik0yMjcuOTM0IDE2My4zODN2MTY0LjAzMUwyNTYgMzA4LjcwNFYxNjMuMzgyem0wIDAiIGZpbGw9IiNmNjQyMTMiLz48L3N2Zz4=) no-repeat; background-size: contain; vertical-align: middle; } .ampromo-items-form { background: #fff; padding: 5px; } .ampromo-items-form .ampromo-qty { width: 30%; margin-left: 35%; margin-top: 10%; } .ampromo-items-form .product-info-price { padding-bottom: 10px; text-align: center; word-break: break-all; } .ampromo-items-form .price-base-price .price { font-size: 25px; text-decoration: line-through; } .ampromo-items-form .price-new-price .price-wrapper { font-size: 36px; line-height: 36px; font-weight: bold; } .ampromo-items-form .ampromo-item-qty-input > .mage-error { float: left; } .ampromo-loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; width: 80px; height: 80px; } .ampromo-loading.-show { display: inline-block; } .ampromo-loading:after { display: block; width: 64px; height: 64px; margin: 8px; content: ' '; border-radius: 50%; border: 6px solid #ccc; border-color: #ccc transparent #ccc transparent; animation: load 1.2s linear infinite; } .ampromo-carousel-product.-loading { -webkit-filter: blur(10px); filter: blur(10px); opacity: 0.3; pointer-events: none; } @keyframes load { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media only screen and (max-width: 700px) { .ampromo-items-form .product-info-price > *:first-child, .ampromo-items-form .product-info-price > *:last-child { padding: 0; } } .ampromo-overlay { position: fixed; top: -9999px; left: 0; z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); text-align: center; opacity: 0; transition: opacity 0.4s linear; } .ampromo-overlay.-show { top: 0; opacity: 1; } .ampromo-popup-wrapper { position: relative; display: inline-block; box-sizing: border-box; max-height: 95vh; overflow: auto; margin: 30px auto; padding: 24px; border: 1px solid #ededed; text-align: left; background-color: #ffffff; } .ampromo-popup-wrapper .ampromo-popup-title, .ampromo-popup-wrapper .ampromo-item-buttons, .ampromo-popup-wrapper .ampromo-title { text-align: center; } .ampromo-popup-wrapper .ampromo-popup-title .ampromo-counter { font-weight: bold; } .ampromo-popup-wrapper .ampromo-item { position: relative; box-sizing: border-box; padding: 20px; margin: 0 8px 7px; border: 1px solid #ededed; transition: .6s; } .ampromo-popup-wrapper .ampromo-item:hover { background: #ccc; } .ampromo-popup-wrapper .ampromo-item .fieldset .field { margin-bottom: 10px; } .ampromo-popup-wrapper .ampromo-item .fieldset .field .label { margin-bottom: 3px; } .ampromo-popup-wrapper .ampromo-popup-title { margin: 0 auto 20px; } .ampromo-popup-wrapper .ampromo-close { position: absolute; top: 10px; right: 10px; z-index: 1; display: block; width: 16px; height: 16px; margin: 0; padding: 0; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMWwxMCAxMG0wLTEwTDEgMTEiIHN0cm9rZT0iI0IyQjJCMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat; background-size: contain; font-size: 0; cursor: pointer; opacity: .8; } .ampromo-popup-wrapper .ampromo-close:hover { opacity: 1; transition: opacity .2s ease; } .ampromo-popup-wrapper .ampromo-button { box-shadow: none; border: none; } .ampromo-popup-wrapper .ampromo-item.-selected { background: #1f78c2; } .ampromo-popup-wrapper .ampromo-item.-selected .ampromo-options { max-height: 690px; } .ampromo-popup-wrapper .ampromo-item-image { display: block; margin: 7px auto; } .ampromo-popup-wrapper .ampromo-title { margin: 0; } .ampromo-popup-wrapper .slick-dots { position: initial; } .ampromo-popup-wrapper .slick-dotted.slick-slider { margin-bottom: 2rem; } @media only screen and (max-width: 1000px) and (min-width: 701px) { .ampromo-overlay .ampromo-gallery { width: 570px; } .ampromo-popup-wrapper { padding: 24px 54px; } } @media only screen and (max-width: 700px) { .ampromo-overlay .ampromo-gallery { width: 280px; margin: 0 auto; } .ampromo-popup-wrapper { padding: 24px 54px; } } @media only screen and (max-width: 400px) { .ampromo-overlay .ampromo-gallery { margin: 0 auto 30px auto; } .ampromo-overlay .slick-prev, .ampromo-overlay .slick-next { display: none !important; } .ampromo-popup-wrapper { padding: 15px; } } .c-flash-sale { display: flex; flex-direction: row; column-gap: 10px; margin: 10px; } .c-flash-sale .block-category-event-banner { width: 75%; } .c-flash-sale .block-category-event-banner img { display: block; height: auto; } .c-flash-sale .block-category-event { width: 25%; display: flex; flex-direction: column; justify-content: center; padding-bottom: 0px; padding-top: 10px; } .c-flash-sale .block-category-event .ticker li { margin: 0 15px; } .c-flash-sale .block-category-event .ticker li .value { font-size: 45px; } .custom-flash-sale { position: relative; } .custom-flash-sale .block-category-event-banner img { height: auto; } .custom-flash-sale .event-container { position: absolute; top: 50%; right: 15px; transform: translate(0%, -50%); width: 45%; display: flex; flex-direction: row; column-gap: 15px; justify-content: flex-end; } .custom-flash-sale .event-container .block-category-event { width: 50%; } .custom-flash-sale .event-container .block-category-event .block-content .ticker li { margin: 0 15px; } .pdp-cflash-sale { margin: 15px 0 5px 0; } .pdp-cflash-sale .block-title { margin-bottom: 5px; } .pdp-cflash-sale .block-title strong { font-size: 20px !important; text-transform: capitalize !important; } .pdp-cflash-sale .block-content .ticker li { margin: 0 15px; } .pdp-cflash-sale .block-content .ticker li .value { font-size: 20px; } @media only screen and (max-width: 767px) { .custom-flash-sale { position: relative; } .custom-flash-sale .block-category-event-banner img { height: auto; } .custom-flash-sale .event-container { position: relative; top: 50%; right: 0px; transform: initial; width: 100%; display: flex; flex-direction: row; column-gap: 5px; justify-content: flex-end; padding: 2px 5px; margin: auto; } .custom-flash-sale .event-container .block-category-event { width: 100%; } .custom-flash-sale .event-container .block-category-event .block-content .ticker li { margin: 0 5px; } .c-flash-sale { flex-direction: column; column-gap: 0; margin: 10px; } .c-flash-sale .block-category-event-banner { width: 100%; } .c-flash-sale .block-category-event-banner img { display: block; height: auto; } .c-flash-sale .block-category-event { width: 100%; display: flex; flex-direction: column; justify-content: center; padding-bottom: 0px; padding-top: 10px; } .c-flash-sale .block-category-event .ticker li { margin: 0 15px; } .c-flash-sale .block-category-event .ticker li .value { font-size: 30px; } } .ui-datepicker .ui-datepicker-title { margin: 0 20px; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { margin-right: 2%; font-size: 12px; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { width: 48%; font-size: 12px; } body.checkout-cart-index div.mage-error[generated] { color: #ff0000 !important; } .customer-endlessaisle-register .ui-datepicker .ui-datepicker-title { margin: 0 20px; } .customer-endlessaisle-register .ui-datepicker .ui-datepicker-title .ui-datepicker-month { margin-right: 2%; font-size: 12px; } .customer-endlessaisle-register .ui-datepicker .ui-datepicker-title .ui-datepicker-year { width: 48%; font-size: 12px; } .customer-endlessaisle-register .columns .custom-registration { border: 1px solid #acacac; padding: 35px 30px; width: 50%; } .customer-endlessaisle-register .columns .custom-registration .form-create-account { width: 100%; min-width: inherit; } .customer-endlessaisle-register .columns .custom-registration .form-create-account .legend span { font-family: 'Roboto'; font-weight: 600; text-transform: uppercase; } .customer-endlessaisle-register .columns .custom-registration .form-create-account .fieldset.address { margin-bottom: 5px; } .customer-endlessaisle-register .columns .custom-registration .form-create-account .fieldset.create.account { margin-bottom: 10px; } .customer-endlessaisle-register .columns .custom-registration .form-create-account .customer_telephone_field .control { position: relative; } .customer-endlessaisle-register .columns .custom-registration .form-create-account .customer_telephone_field .control::before { content: "62"; position: absolute; font-size: 14px; padding: 8px 10px; color: #303030; } .customer-endlessaisle-register .columns .custom-registration .form-create-account .customer_telephone_field .control #customer_telephone { padding-left: 30px; } .customer-endlessaisle-register .columns .custom-registration .form-create-account .customer-dob .ui-datepicker-trigger { border: 0px !important; background-color: transparent !important; } .customer-endlessaisle-register .columns .custom-registration .form-create-account .actions-toolbar .primary { width: 100%; } .customer-endlessaisle-register .columns .custom-registration .form-create-account .actions-toolbar .primary .action.submit { height: 50px; width: 100%; } .dob_popup .modal-inner-wrap { max-width: 600px; } .dob_popup .modal-inner-wrap .modal-footer { display: none; } .dob_popup .modal-inner-wrap .modal-header .action-close::before { color: #000; } .dob_popup .modal-inner-wrap .field-dob .customer-dob { position: relative; } .dob_popup .modal-inner-wrap .field-dob .customer-dob .ui-datepicker-trigger { background: none; border: 0px solid transparent; position: absolute; right: 0; top: 9px; } @media only screen and (max-width: 800px) { .customer-endlessaisle-register .columns .custom-registration { width: 100%; } } @media only screen and (max-width: 768px) { .modal-popup.modal-slide.dob_popup { left: 0px; margin: 15px; } .modal-popup.modal-slide.dob_popup .modal-inner-wrap { min-height: auto !important; } .modal-popup.modal-slide.dob_popup .modal-footer { display: none; } } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub { margin-left: 12px; margin-bottom: 25px; padding: 0px 0px 25px 0px; clear: both; float: left; width: 100%; margin-top: 30px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .map-club-logo { background-image: url(../../frontend/Kemana/default/id_ID/Born_MapClub/images/MAPclub-Logo.png); width: 100px; height: 13px; background-size: cover; margin-bottom: 20px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .mapclub-border { width: 100%; border-bottom: 1px solid #cccccc; margin-bottom: 20px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .mapc-loyalty-acc { margin-bottom: 20px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .mapc-loyalty-acc span { font-size: 14px; color: #303030; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .mapc-loyalty-acc a { color: #003c8e; font-size: 14px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .redeem-desc { margin-bottom: 20px; font-weight: 600; font-size: 12px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .redeem-desc p { display: inline-block; font-size: 14px; color: #303030; margin-bottom: 0; font-weight: bold; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .redeem-desc .mapc-tooltip { display: inline-block; position: relative; vertical-align: sub; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .redeem-desc .mapc-tooltip:hover .tooltip-text { visibility: visible; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .redeem-desc .mapc-tooltip em { color: #504f4f; font-size: 16px; padding-left: 6px; background-image: url(../../frontend/Kemana/default/id_ID/Born_MapClub/images/exclamation.png); width: 20px; height: 18px; background-size: cover; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .redeem-desc .mapc-tooltip .tooltip-text { visibility: hidden; transition: opacity 0.3s; color: #333333; text-align: left; background: #e5ecf4; border-radius: 1px; font-size: 12px; padding: 12px; width: 270px; position: absolute; text-transform: none; word-wrap: break-word; z-index: 2; height: fit-content; right: -10px; top: 28px; left: auto; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .redeem-desc .mapc-tooltip .tooltip-text:before { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; position: absolute; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-head .redeem-desc .mapc-tooltip .tooltip-text:after { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: -20px; right: 10px; left: auto; top: 1px; border-bottom-color: #e5ecf4; position: absolute; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .checkout-messages { margin-top: 10px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub.error .input-text { border: 1px solid #e02b27; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .message-error.error { background: none; padding: 0; color: #e9252b; font-size: 14px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .message-error.error > div:before { display: none; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-loyalty-acc { margin-bottom: 20px; font-weight: 600; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field { float: left; width: 47%; margin-right: 20px; margin-top: 0px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field.mapc-ph .control { position: relative; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field.mapc-ph .control:before { content: "+62"; position: absolute; font-size: 14px; padding: 10px 12px; color: #999; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field.mapc-ph .control .input-text { padding-left: 40px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field.error .control:before { color: #e9252b; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field.error .control .input-text { border: 1px solid #e9252b; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field .label span { font-size: 14px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field .input-text { height: 40px; box-shadow: none; border: 1px solid #CCCCCC; border-radius: 5px; max-width: 100%; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field .forgot-pass { text-align: left; margin-top: 10px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field .forgot-pass a { color: #003C8E; font-size: 12px; font-weight: 500; position: relative; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field .forgot-pass a:before { content: ""; width: 100%; height: 1px; background: #003C8E; position: absolute; left: 0; bottom: -3px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-btn-field { float: left; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-btn-field .primary { width: 100%; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-btn-field .primary .action-apply { margin-top: 0px; height: 40px; background: transparent !important; border: 2px solid #003C8E; color: #003C8E; font-family: Oswald; border-radius: 20px; width: 218px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-btn-field .primary .action-apply span { color: #003c8e; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-btn-field .primary .action-apply span span { font-size: 14px; font-weight: 600; text-transform: uppercase; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-btn-field .primary .action-apply:hover { background: #003C8E !important; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-btn-field .primary .action-apply:hover span { color: #fff; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .avail-points { font-weight: 600; font-size: 12px; padding-bottom: 30px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider .range-slider-element { width: 100%; box-shadow: none; padding: 0; margin-bottom: 15px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider .range-slider__range { -webkit-appearance: none; width: 100%; height: 6px; border-radius: 5px; background: #dddddd; outline: none; padding: 0; margin: 0; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider .range-slider__range::-moz-focus-outer { border: 0; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider .range-slider__range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #cb2127; cursor: pointer; -webkit-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; box-shadow: 0 0 0 3px #ffffff, 1px 1px 8px 0 rgba(0, 0, 0, 0.77); } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider .range-slider__range::-webkit-slider-thumb:hover { background: #cb2127; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider .range-slider__range:active::-webkit-slider-thumb { background: #cb2127; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider .range-slider__range::-moz-range-thumb { width: 20px; height: 20px; border: 0; border-radius: 50%; background: #cb2127; cursor: pointer; -moz-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; box-shadow: 0 0 0 3px #ffffff, 1px 1px 5px 0 rgba(0, 0, 0, 0.3); } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider .range-slider__range::-moz-range-thumb:hover { background: #cb2127; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider .range-slider__range:active::-moz-range-thumb { background: #cb2127; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider__value { display: inline-block; position: relative; width: 60px; color: #fff; line-height: 20px; text-align: center; border-radius: 3px; background: #2c3e50; padding: 5px 10px; margin-left: 8px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .range-slider__value:after { position: absolute; top: 8px; left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #2c3e50; border-bottom: 7px solid transparent; content: ''; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider ::-moz-range-track { background: none; border: 0; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider #mapclib-points-slider { text-align: right; color: #999; margin-bottom: 0px; font-size: 12px; margin-top: 10px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .redeem-points-label { margin-bottom: 5px; color: #999; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .input-txt-points { position: relative; max-width: 300px; margin-bottom: 20px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .input-txt-points.error .mapc-text-box { border: 1px solid #e02b27; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .input-txt-points .mapc-text-box { box-shadow: none; max-width: 300px; border: 1px solid #ccc; height: 40px; font-weight: 700; color: #222; padding-right: 80px; border-radius: 5px; font-size: 12px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .input-txt-points .mapc-text-box:focus { background-color: transparent; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .input-txt-points .mapc-text-box.redeem-text-disable { background: #bababa !important; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .input-txt-points .action.action-apply { position: absolute; right: 0; height: 40px; background: none; top: 0px; padding: 0 25px; border: 0; border-radius: 0 5px 5px 0; background-color: #003C8E; color: #fff; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .input-txt-points .action.action-apply span { color: #fff; font-family: Oswald; font-size: 14px; font-weight: 500; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .input-txt-points .message-error.error { padding: 12px 0px 0px 0px; padding-left: 0px; background: none; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .input-txt-points .message-error.error > div:before { display: none; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .max-point-check { display: none; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .max-point-check + label { position: relative; cursor: pointer; padding: 0; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .max-point-check + label:before { content: ''; margin-right: 3px; display: inline-block; vertical-align: bottom; width: 15px; height: 15px; background: white; border: 1px solid #ccc; border-radius: 3px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .max-point-check:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content #payment-method-mapclub .payment-method-content-mapclub .mapclub-points-slider .max-point-check:checked + label:after { content: ''; position: absolute; left: 4px; top: 8px; background: #001B61; width: 2px; height: 2px; box-shadow: 2px 0 0 #001b61, 4px 0 0 #001b61, 4px -2px 0 #001b61, 4px -4px 0 #001b61, 4px -6px 0 #001b61, 4px -8px 0 #001b61; transform: rotate(45deg); } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method .step-content .payment-option.discount-code .payment-option-title { border-top: 0px; padding: 0px 0 10px; } #co-payment-form hr { display: none; } /*End common css */ @media only screen and (max-width: 767px) { .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method #payment-method-mapclub { margin: 0 !important; padding: 30px 25px !important; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method #payment-method-mapclub .payment-method-content-mapclub .form-head .redeem-desc .mapc-tooltip .tooltip-text { width: 200px !important; left: -96px !important; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method #payment-method-mapclub .payment-method-content-mapclub .form-head .redeem-desc .mapc-tooltip .tooltip-text::after { left: 98px !important; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field { float: none !important; width: 100% !important; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field.mapc-ph { margin-bottom: 20px !important; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-input-field .forgot-pass { text-align: right !important; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-btn-field { float: none !important; width: 100% !important; margin-top: 20px; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .mapc-field-container .mapc-btn-field .action-apply { margin-top: 0px !important; } .checkout-index-index #maincontent .opc-wrapper .checkout-payment-method #payment-method-mapclub .payment-method-content-mapclub .form-mapclub .message-error.error { width: 100% !important; margin-top: 20px !important; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.midtrans-cc-content-container .midtrans-cc-types .control .input-text { width: 100% !important; } .midtrans-cc-types .control { width: 100%; } .checkout-payment-method .ccard > .field.cvv > .control { width: 100%; } } /*End mobile css*/ .no-background .navigation { background: none !important; } .megamenu-preview-index .ves-megamenu { margin-top: 30px; } .megamenu-preview-index .ves-vertical { max-width: 300px; } .ves-megamenu.top-navigation .ves-navbar { display: none; } .ves-megamenu > .block-title { margin: 0; text-align: center; padding: 10px; background: #333; color: #FFF; } .ves-megamenu .dynamic-items > ul { display: block !important; } .ves-megamenu .navigation .drill-opener, .ves-megamenu .navigation .opener { position: absolute; right: 0; top: 0; display: none; cursor: pointer; text-align: center; font-family: 'luma-icons'; z-index: 99; width: auto; height: auto; line-height: 50px; width: 50px; } .ves-megamenu .navigation .mega-col { padding: 0; } .ves-megamenu .navigation .carousel-control { top: 40%; } .ves-megamenu .navigation .carousel-control.left, .ves-megamenu .navigation .carousel-control.right { -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; border: 1px solid rgba(0, 0, 0, 0.1) !important; text-shadow: none; top: 45%; padding: 12px; position: absolute; background: #f5f5f5; color: #333; opacity: 1; line-height: 1.5em; width: auto; bottom: auto; } .ves-megamenu .navigation .block-content { max-width: 100%; position: relative; } .ves-megamenu .navigation .carousel-indicators { bottom: 0; } .ves-megamenu .navigation .carousel-indicators > li { border: 1px solid #1979c3; } .ves-megamenu .navigation .carousel-indicators > li.active { background-color: #1979c3; } .ves-megamenu .navigation .product-items { padding: 10px; margin: 0; } .ves-megamenu .navigation .item-before-content, .ves-megamenu .navigation .item-after-content { float: left; width: 100%; } .ves-megamenu .navigation .icon-top { line-height: 84px; width: 100%; height: 84px; text-align: center; background: #333; margin-bottom: 10px; } .ves-megamenu .navigation .icon-top:hover { background-color: #5bd2ec; } .ves-megamenu.ves-vertical .navigation .level0 > a .cat-label { position: static; padding: 4px 6px; } .ves-megamenu .feature-box-v3:hover .fbox-icon .icons { background: #ef2840; color: #fff; } .ves-megamenu .feature-box-v3 .fbox-icon .icons { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 24px; width: 30px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .ves-megamenu .feature-box-v3 .fa:before { font-size: 30px; } .ves-megamenu .feature-box-v3 a { background: #e8e8e8; border-left: 0; float: none; padding: 0; display: inline-block; *display: inline; zoom: 1; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; } .ves-megamenu ul { list-style: none; padding: 0; } .ves-megamenu .dynamic-items { padding: 0; width: 20%; } .ves-megamenu .level0 ul { margin: 0; padding: 0; } .ves-megamenu .level0 .megamenu-widget > .carousel > .products-grid .product-item { width: 100%; } .ves-megamenu .level0 .megamenu-widget > .carousel .item { display: none; } .ves-megamenu .level0 .megamenu-widget > .carousel .item.active { display: block; } .ves-megamenu .level0 .submenu .nav-item > a { padding: 0 20px; line-height: 50px; } .ves-megamenu .level0 .submenu .nav-item > a > .ves-caret { line-height: 50px; } .ves-megamenu .navigation .level0 .submenu .block-products-list .product-item a { padding: 0; } .ves-megamenu .navigation .level0 .submenu .block-products-list .product-item a:hover { background: none; } .ves-megamenu .navigation .level0 .submenu .block-products-list .product-item .actions-secondary a { padding: 0; display: inline-block; *display: inline; zoom: 1; } .ves-megamenu .submenu-alignright > .submenu { right: 0; left: auto !important; } .ves-megamenu .text-center { text-align: center; } .ves-megamenu .pull-right { float: right; } .ves-megamenu .pull-left { float: left; } .ves-megamenu .cat-label { -webkit-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; color: #FFF; padding: 2px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 18px; text-transform: none; text-shadow: none; margin-left: 2px; } .ves-megamenu .cat-label.cat-label-v1 { background-color: #5bd2ec; } .ves-megamenu .cat-label.cat-label-v2 { background-color: #d52462; } .ves-megamenu .cat-label.cat-label-v3 { background: #0cc485; } .ves-megamenu .cat-label.pin-bottom:before { position: absolute; right: 6px; top: 22px; width: 0; height: 0; content: ""; border-style: solid; border-width: 4px; border-color: transparent; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; transition: border-color 450ms ease-in-out; } .ves-megamenu .cat-label.cat-label-v1.pin-bottom:before { border-top-color: #5bd2ec; } .ves-megamenu .cat-label.cat-label-v2.pin-bottom:before { border-top-color: #d52462; } .ves-megamenu .cat-label.cat-label-v3.pin-bottom:before { border-top-color: #0cc485; } .ves-megamenu .nav-item { position: relative; } .ves-megamenu .nav-item > a { line-height: 50px; } .ves-megamenu .nav-item.active > a { background: #333 !important; color: #FFF; } .ves-megamenu .submenu p > a { padding: 0; } .ves-megamenu iframe, .ves-megamenu video { max-width: 100%; } .ves-megamenu .level0 > a > .item-icon { margin-bottom: -5px; } .ves-megamenu .onsale { padding: 3px 10px; background: #d52462; color: #FFF; margin-right: 5px; } .ves-megamenu .new-icon { padding: 3px 10px; background: #0cc485; color: #FFF; } .ves-megamenu .owl-carousel .owl-item { text-align: center; } .ves-megamenu #contact-form { width: 100% !important; } .ves-megamenu .drill-opener, .ves-megamenu .drilldown-back, .ves-megamenu .ves-navbar { display: none; } .ves-megamenu.ves-daccordion .navigation, .ves-megamenu.ves-mdrilldown .navigation, .ves-megamenu.ves-ddrill .navigation { border: 1px solid rgba(0, 0, 0, 0.15); } .ves-megamenu.ves-daccordion .navigation .level0 > a .cat-label, .ves-megamenu.ves-mdrilldown .navigation .level0 > a .cat-label, .ves-megamenu.ves-ddrill .navigation .level0 > a .cat-label { position: static; padding: 4px 6px; } .ves-megamenu.ves-daccordion.has-title .navigation, .ves-megamenu.ves-mdrilldown.has-title .navigation, .ves-megamenu.ves-ddrill.has-title .navigation { border-top: 0; } .ves-navtoggle { display: none; } .ves-megamenu.ves-daccordion .navigation .nav-item.active > .submenu { display: block; } #maincontent .cat-label:before { display: none; } @media (min-width: 768px) and (max-width: 1024px) { .ves-megamenu .orgin-items > .mega-col > .dropdown-submenu > .submenu { position: static; } } .drilldown { position: relative; float: left; width: 100%; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 100% !important; } .drilldown .navigation { background-color: #FFF; } .drilldown .navigation.loaded > .dropdown-menu { width: 100% !important; } .drilldown .navigation .subhover > .submenu { display: none; } .drilldown .navigation > .dropdown-menu { display: block; position: static; margin: 0; padding: 0; border-radius: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .drilldown .navigation .ves-caret { display: none; } .drilldown .navigation .cat-label { position: static; margin: 0; padding: 4px 6px; } .drilldown .navigation .nav-item { position: relative !important; float: left !important; width: 100%; } .drilldown .navigation .nav-item > a { line-height: 50px; position: static; padding: 0 15px; } .drilldown .navigation .nav-item > a span.drill-opener { border: 1px solid #e5e5e5; border-right: 0; display: none; } .drilldown .navigation .mega-col { padding: 0; } .drilldown .navigation .level0 { border-top-color: #e5e5e5; } .drilldown .navigation .opener { display: none; } .drilldown .navigation .drill-opener { background: #f0f0f0; position: absolute; } .drilldown .navigation .drill-opener:before { content: "\e608"; } .drilldown .navigation .drilldown-back { position: relative; top: 0; left: -1px; display: none; } .drilldown .navigation .drilldown-back a { padding: 0; background: #f0f0f0; text-align: center; font-size: 1.3em; text-transform: uppercase; display: block; font-weight: normal; border-bottom: 1px solid #e6e6e6; margin-bottom: -1px; } .drilldown .navigation .drilldown-back a .drill-opener { position: absolute; left: 0; right: auto; display: block !important; } .drilldown .navigation .drilldown-back a .drill-opener:before { content: "\e617"; } .drilldown .navigation .drilldown-back a .drill-opener:after { display: none; } .drilldown .navigation .drilldown-back a .current-cat { line-height: 50px; position: relative; z-index: 99; } .drilldown .navigation .drilldown-back a .current-cat:before { display: none; } /** FIX BLOG **/ .ves-megamenu .navigation .post-list .post-item a { padding: 0; } .ves-megamenu .navigation .post-list .post-item .post-meta a { display: inline-block; } .ves-megamenu .navigation .ves-post { text-align: left; } .ves-megamenu .navigation .post-list .post-item .post-readmore a { background-color: #4db2ec; color: #fff; display: inline-block; line-height: 1; padding: 10px 12px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .ves-megamenu .navigation .post-list .post-item .addthis_default_style .at300b, .ves-megamenu .navigation .post-list .post-item .addthis_default_style .at300bo, .ves-megamenu .navigation .post-list .post-item .addthis_default_style .at300m { padding: 0 2px; } @media all and (min-width: 968px), print { .ves-megamenu.ves-daccordion .navigation, .ves-megamenu.ves-mdrilldown .navigation, .ves-megamenu.ves-ddrill .navigation { border: 0px solid rgba(0, 0, 0, 0.15); } } .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap { max-width: 580px; top: 40%; transform: translateY(-50%) !important; width: 430px; height: 600px; background-image: url("../../frontend/Kemana/default/id_ID/images/QRIS_TEMPLATE.png"); background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 767px) { .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap { top: 0% !important; width: 100% !important; height: auto !important; min-height: auto !important; transform: translateY(0%) !important; } } .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content { height: 510px; background-color: transparent; position: initial; padding: 0; } @media (max-width: 767px) { .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content { height: 515px !important; } } .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .popup-title { padding: 5px 0; position: relative; text-align: center; display: block; height: 35px; background-color: #ffffff; border-bottom: 5px solid #333; font-weight: 800; } .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content { text-align: center; } .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content h4 { font-size: 30px; font-weight: 800; color: #000; margin-top: 70px; margin-bottom: 0; } @media (max-width: 767px) { .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content h4 { font-size: 24px; } } .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content img { display: flex; margin: auto; width: 215px; } @media (max-width: 767px) { .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content img { width: 184px; } } .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content span.nmid, .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content span.termid { display: flex; justify-content: center; font-size: 16px; line-height: 2.4; } @media (max-width: 767px) { .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content span.nmid, .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content span.termid { font-size: 14px; } } .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content span.floatleft1, .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content span.floatleft2 { font-size: 12px; position: absolute; display: block; bottom: 0%; left: 10px; } .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content span.floatleft1 { margin: 10px 0; } @media (min-width: 390px) and (max-width: 767px) { .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content { height: 555px !important; } .checkout-index-index .modal-popup.qris-popup .modal-inner-wrap .modal-content .qris-content img { width: 195px !important; } } .block.eds-discount.discount .title { line-height: 1; text-align: left; margin: 20px 0 15px; padding-right: 0; width: 100%; padding-left: 18px; } .block.eds-discount.discount .title::before { left: 0px; text-align: initial; transform: rotate(90deg); display: flex; width: 12px; top: 22px; color: #000; font-family: 'luma-icons'; content: '\e621'; font-size: 13px; background: none; position: absolute; height: auto; } .block.eds-discount.discount .title::after { display: none; } .block.eds-discount.discount .title .eds-discount-trigger.title { font-family: 'Roboto', sans-serif; padding-left: 18px; } .block.eds-discount.discount.active .title::before { transform: rotate(180deg); } .block.eds-discount.discount #eds-discount-form .fieldset.eds #eds_discount_code { height: 34px; padding-top: 7px; padding-bottom: 7px; } .block.eds-discount.discount #eds-discount-form .fieldset.eds .actions-toolbar { vertical-align: middle; top: 48px; } .block.eds-discount.discount #eds-discount-form .fieldset.eds .actions-toolbar .action.eds-apply { min-width: 93px; background-color: #064394; border-color: #064394; box-shadow: none; } .block.eds-discount.discount #eds-discount-form .fieldset.eds .actions-toolbar .action.eds-apply:hover { background-color: #ffffff !important; border-color: #064394; } .block.eds-discount.discount #eds-discount-form .fieldset.eds .actions-toolbar .action.eds-apply:hover span { color: #064394 !important; } .block.eds-discount.discount #eds-discount-form .fieldset.eds.applied .actions-toolbar { width: auto; } .block.eds-discount.discount #eds-discount-form .fieldset.eds.applied .actions-toolbar .action.eds { border-radius: 0px !important; width: 100%; } .block.eds-discount.discount #eds-discount-form .fieldset.eds.applied .actions-toolbar .action.eds span { letter-spacing: 0px; font-size: 13px; } .block.eds-discount.discount #eds-discount-form .fieldset.eds.applied .actions-toolbar .action.eds:hover { background-color: #ffffff !important; border-color: #064394; } .block.eds-discount.discount #eds-discount-form .fieldset.eds.applied .actions-toolbar .action.eds:hover span { color: #064394 !important; } .checkout-index-index .eds-discount-code { margin: 15px 0 !important; } .checkout-index-index .eds-discount-code .payment-option-title #block-eds-discount-heading { color: #333333 !important; position: relative; padding-left: 20px; } .checkout-index-index .eds-discount-code .payment-option-title #block-eds-discount-heading:hover { color: #333333 !important; } .checkout-index-index .eds-discount-code .payment-option-title #block-eds-discount-heading::before { left: 0; text-align: initial; transform: rotate(90deg); display: flex; width: 12px; top: 0px; content: '\e621'; color: #000; font-weight: bold; position: absolute; top: 1; font-family: 'luma-icons'; font-size: 12px; } .checkout-index-index .eds-discount-code._active #block-eds-discount-heading::before { transform: rotate(180deg); } @media only screen and (max-width: 767px) { .block.eds-discount.discount { margin-bottom: 20px; border-bottom: 1px solid #ccc; } .block.eds-discount.discount .title { padding-left: 22px !important; } .block.eds-discount.discount .title::before { top: 18px !important; left: 8px !important; } .block.eds-discount.discount .title::after { display: none; } .block.eds-discount.discount .title .eds-discount-trigger.title { padding-bottom: 5px !important; margin-bottom: 5px !important; } .block.eds-discount.discount .title .block.discount .content { padding-top: 5px; } .block.eds-discount.discount.active .title::before { transform: rotate(180deg); } .block.eds-discount.discount #eds-discount-form .fieldset.eds.applied .action-toolbar { top: 0 !important; } .block.eds-discount.discount #eds-discount-form .fieldset.eds .actions-toolbar { vertical-align: middle; top: 0 !important; } .checkout-index-index .eds-discount-code { margin: 15px 0; padding: 0 15px; } } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc { margin-left: 0px; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field label.label::before { display: none; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.cvv .control._with-tooltip .field-tooltip { display: block; right: -10px; top: 4px; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .midtrans-cc-content-container { max-width: 100%; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .midtrans-cc-content-container .midtrans-cc-types { display: flex; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .midtrans-cc-content-container .midtrans-cc-types .control .input-text { width: 396px; border: 1px solid #CCCCCC; border-radius: 5px; height: 40px; color: #222; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .midtrans-cc-content-container .midtrans-cc-types .credit-card-types { margin-left: 7px; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .midtrans-cc-content-container .midtrans-cc-types .credit-card-types .item { position: absolute; visibility: hidden; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .midtrans-cc-content-container .midtrans-cc-types .credit-card-types .item._active { visibility: visible; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.date .field.year .control select { width: 100%; } @media only screen and (max-width: 767px) { .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.midtrans-cc-content-container .midtrans-cc-types .control .input-text { width: 215px; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.cvv .control._with-tooltip .field-tooltip .field-tooltip-content { right: auto; left: -80px; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.cvv .control._with-tooltip .field-tooltip .field-tooltip-content::before { right: 166px; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.cvv .control._with-tooltip .field-tooltip .field-tooltip-content::after { right: 166px; } } .checkout-index-index .grab-info { padding: 20px; margin-top: 30px; border: 1px solid #bababa; background-color: #fafafa; } .checkout-index-index .grab-info:hover { border: 1px solid #1e75f4 !important; } .checkout-index-index .grab-info .grab-logo img { width: 50px; height: 20px; } .checkout-index-index .grab-info .grab-logo span { vertical-align: text-bottom; font-weight: 800; } .checkout-index-index .grab-info .grab-logo .grab-tooltip { display: inline-block; vertical-align: middle; cursor: pointer; position: relative; } .checkout-index-index .grab-info .grab-logo .grab-tooltip:hover .tooltip-text { visibility: visible; } .checkout-index-index .grab-info .grab-logo .grab-tooltip em.exclam-outline-ico { color: #504f4f; font-size: 16px; padding-left: 6px; background-image: url(../../frontend/Kemana/default/id_ID/Born_GrabExpress/images/exclamation.png); width: 20px; height: 18px; background-size: cover; } .checkout-index-index .grab-info .grab-logo .grab-tooltip .tooltip-text { visibility: hidden; transition: opacity 0.3s; color: #333333; text-align: left; background: #e5ecf4; border-radius: 1px; font-size: 12px; padding: 12px; width: 270px; position: absolute; text-transform: none; word-wrap: break-word; z-index: 2; height: fit-content; right: -125px; top: 28px; left: auto; } .checkout-index-index .grab-info .grab-logo .grab-tooltip .tooltip-text:before { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: auto; left: 46%; top: 0; position: absolute; } .checkout-index-index .grab-info .grab-logo .grab-tooltip .tooltip-text:after { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: -20px; right: 46%; left: auto; top: 1px; border-bottom-color: #e5ecf4; position: absolute; } .checkout-index-index .grab-info .grab-address { display: flex; justify-content: space-between; flex-direction: row; margin-top: 10px; } .checkout-index-index .grab-info .grab-address .address-text { width: 80%; padding-left: 25px; padding-right: 15px; position: relative; } .checkout-index-index .grab-info .grab-address .address-text::before { content: ''; background-image: url(../../frontend/Kemana/default/id_ID/Born_GrabExpress/images/location.png); position: absolute; left: 0; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; } .checkout-index-index .grab-info .grab-address .show-grab-map { text-transform: uppercase; align-self: center; margin-top: -30px !important; background-color: #064394 !important; width: 190px !important; border: 1px solid #003c8e !important; color: #fff !important; padding: 0 20px !important; font-weight: 800; } .checkout-index-index .grab-info .grab-address .show-grab-map.has-location { background-color: #1cb44b !important; color: #ffffff !important; border: 1px solid #1cb44b !important; } .checkout-index-index .grab-info .grab-address .show-grab-map:hover { background-color: #fff !important; color: #003c8e !important; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap { width: 650px !important; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-header { padding-top: 30px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-header .action-close::before { color: #000000; font-size: 18px; line-height: 18px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content { padding: 0px 30px 40px 30px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .messages .message-error.error { background: none; padding-left: 0; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .messages .message-error.error div::before { display: none; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .grap-popup-header .popup-title-2 p { font-size: 30px; font-weight: 300; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup #grab-address-map { width: 100%; height: 352px; margin-bottom: 20px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .search-box-container .search-box { position: relative; margin-bottom: 10px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .search-box-container .search-box input[type="text"] { height: 40px; padding-right: 40px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .search-box-container .search-box .btn-search { position: absolute; right: 0; background-color: transparent; border: 0; padding: 10px 15px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .search-box-container .search-box .btn-search img { width: 18px; height: 18px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .search-box-container .other-info .current-location-link { position: relative; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .search-box-container .other-info .current-location-link::before { content: ''; background-image: url(../../frontend/Kemana/default/id_ID/Born_GrabExpress/images/icon-location.svg); position: absolute; left: 0px; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .search-box-container .other-info .current-location-link a { color: #107ff8; font-size: 12px; padding-left: 26px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .search-box-container .other-info #current-locaton-error { color: #ff0000; display: block; width: 100%; padding: 10px 0; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .search-box-container .error-box #location-error { padding: 10px 0px; color: #ff0000; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container { margin-top: 15px; border: 1px solid #bababa; background-color: #fafafa; padding: 15px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container.error { border: 1px solid #e9252b !important; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container.has_address { border: 1px solid #1cb44b; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container:hover { border: solid 1px #1e75f4; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-logo span { font-size: 14px; color: #1cb44b; font-weight: bold; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-logo .grab-tooltip { display: inline-block; vertical-align: top; cursor: pointer; position: relative; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-logo .grab-tooltip:hover .tooltip-text { visibility: visible; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-logo em.exclam-outline-ico { color: #504f4f; font-size: 16px; padding-left: 6px; background-image: url(../../frontend/Kemana/default/id_ID/Born_GrabExpress/images/exclamation.png); width: 20px; height: 18px; background-size: cover; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-logo .tooltip-text { visibility: hidden; transition: opacity 0.3s; color: #333333; text-align: left; background: #e5ecf4; border-radius: 1px; font-size: 12px; padding: 12px; width: 270px; position: absolute; text-transform: none; word-wrap: break-word; z-index: 2; height: fit-content; right: -125px; top: 28px; left: auto; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-logo .tooltip-text:before { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 46%; left: auto; top: 0; position: absolute; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-logo .tooltip-text:after { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: -20px; right: 46%; left: auto; top: 1px; border-bottom-color: #e5ecf4; position: absolute; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-address { display: flex; justify-content: space-between; flex-direction: row; padding-top: 10px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-address .address-text-popup { width: 80%; padding-left: 25px; position: relative; padding-right: 15px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-address .address-text-popup::before { content: ''; background-image: url(../../frontend/Kemana/default/id_ID/Born_GrabExpress/images/location.png); position: absolute; left: 0; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-address .show-grab-map-popup { align-self: center; margin-top: -30px; background-color: #3d3d3d !important; width: 190px; border: 1px solid #000000 !important; color: #ffffff !important; padding: 0 20px; height: 38px; font-size: 14px; } .checkout-index-index .modal-popup.popup-grab-map .modal-inner-wrap .modal-content #grap-map-popup .customer-address-container .grab-address .show-grab-map-popup:hover { background-color: #303030; color: #ffffff; } .checkout-index-index .popup-grab-map.limit-popup.modal-slide .modal-inner-wrap { width: 480px !important; } .checkout-index-index .popup-grab-map.limit-popup.modal-slide .modal-inner-wrap .modal-content #grap-limit-exceed-popup { text-align: center; } .checkout-index-index .popup-grab-map.limit-popup.modal-slide .modal-inner-wrap .modal-content #grap-limit-exceed-popup .grab-limit-error-img { text-align: center; margin: 20px 0; } .checkout-index-index .popup-grab-map.limit-popup.modal-slide .modal-inner-wrap .modal-content #grap-limit-exceed-popup .grab-limit-error-img img { width: 247px; height: 177px; } .checkout-index-index .popup-grab-map.limit-popup.modal-slide .modal-inner-wrap .modal-content #grap-limit-exceed-popup .grab-limit-error-container .grab-limit-error-content { padding-bottom: 15px; } .checkout-index-index .popup-grab-map.limit-popup.modal-slide .modal-inner-wrap .modal-content #grap-limit-exceed-popup .grab-limit-error-container .grab-limit-error-content span { font-weight: bold; color: #1cb44b; font-size: 18px; } @media only screen and (max-width: 767px) { body.checkout-index-index .grab-info .grab-logo .grab-tooltip .tooltip-text { right: -90px !important; } body.checkout-index-index .grab-info .grab-logo .grab-tooltip .tooltip-text::before { left: 60%; } body.checkout-index-index .grab-info .grab-logo .grab-tooltip .tooltip-text::after { right: 33%; } body.checkout-index-index .grab-info .grab-address { flex-direction: column; margin-top: 10px; } body.checkout-index-index .grab-info .grab-address .address-text { width: 100%; margin-bottom: 20px; } body.checkout-index-index .grab-info .grab-address .show-grab-map { width: 100% !important; margin-top: 0px !important; } body.checkout-index-index .modal-popup.popup-grab-map.modal-slide { width: 100% !important; left: 0px !important; transform: none !important; } body.checkout-index-index .modal-popup.popup-grab-map.modal-slide .modal-inner-wrap { width: 100% !important; } body.checkout-index-index .modal-popup.popup-grab-map.modal-slide .modal-inner-wrap .modal-content { padding: 0px 12px 30px 12px; } body.checkout-index-index .modal-popup.popup-grab-map.modal-slide .modal-inner-wrap .modal-content #grab-address-map { height: 230px !important; } body.checkout-index-index .modal-popup.popup-grab-map.modal-slide .modal-inner-wrap .modal-content .customer-address-container .grab-address { flex-direction: column !important; } body.checkout-index-index .modal-popup.popup-grab-map.modal-slide .modal-inner-wrap .modal-content .customer-address-container .grab-address .address-text-popup { width: 100% !important; padding-right: 0; } body.checkout-index-index .modal-popup.popup-grab-map.modal-slide .modal-inner-wrap .modal-content .customer-address-container .grab-address .show-grab-map-popup { margin-top: 15px !important; width: 100% !important; } body.checkout-index-index .popup-grab-map.limit-popup.modal-slide .modal-inner-wrap { width: 90% !important; min-height: auto; margin: 40px auto 20px auto; } } .grab-shipsec .grabtext { height: 40px; max-width: 100%; padding: 0 14px; width: 100%; } .bg-edge2edge { position: relative; right: 50%; left: 50%; flex: 0 0 100vw; width: 100vw; max-width: none; margin-right: -50vw !important; margin-left: -50vw !important; } section .container { max-width: 1156px; width: 100%; margin: 0 auto; padding-left: 0px !important; padding-right: 0px !important; } @media (max-width: 768px) { section .container { padding-left: 15px !important; padding-right: 15px !important; } } @media (min-width: 1441px) { section .container { max-width: 1440px; } } .text-center { text-align: center; } .d-block { display: block !important; } .d-flex { display: flex !important; } .d-none { display: none !important; } @media (min-width: 768px) { .d-md-flex { display: flex !important; } .d-md-none { display: none !important; } .d-md-block { display: block !important; } } @media (max-width: 768px) { .d-sm-none { display: none !important; } } @font-face { font-family: "ProximaNovaThin"; src: url("../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/fonts/ProximaNovaThin.otf") format("opentype"); font-weight: 100; font-style: normal; } @font-face { font-family: "ProximaNovaLight"; src: url("../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/fonts/ProximaNovaLight.otf") format("opentype"); font-weight: 300; font-style: normal; } @font-face { font-family: "ProximaNovaRegular"; src: url("../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/fonts/ProximaNovaRegular.otf") format("opentype"); font-weight: 400; font-style: normal; } @font-face { font-family: "ProximaNovaMedium"; src: url("../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/fonts/ProximaNovaMedium.otf") format("opentype"); font-weight: 500; font-style: normal; } @font-face { font-family: "ProximaNovaSemibold"; src: url("../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/fonts/ProximaNovaSemibold.otf") format("opentype"); font-weight: 600; font-style: normal; } @font-face { font-family: "ProximaNovaBold"; src: url("../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/fonts/ProximaNovaBold.otf") format("opentype"); font-weight: 700; font-style: normal; } @font-face { font-family: "ProximaNovaExtraBold"; src: url("../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/fonts/ProximaNovaExtrabold.otf") format("opentype"); font-weight: 800; font-style: normal; } @font-face { font-family: "ProximaNovaBlack"; src: url("../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/fonts/ProximaNovaBlack.otf") format("opentype"); font-weight: 900; font-style: normal; } .page-main:has(#race-auth-page) { margin-top: 0 !important; } @media screen and (max-width: 992px) { .page-main:has(#race-auth-page) { position: relative; overflow-x: hidden; } } .page-main:has(#race-auth-page)::after { content: ""; position: absolute; top: 0; right: -10rem; width: 50%; /* adjust size */ height: 100%; background: linear-gradient(180deg, #022f90 0%, transparent 55%); transform: skewX(-30deg); /* creates the parallelogram effect */ transform-origin: top right; pointer-events: none; } @media screen and (max-width: 992px) { .page-main:has(#race-auth-page)::after { right: -28rem; width: 100%; } } .page-main:has(#race-auth-page) .column.main { padding-bottom: unset !important; height: 65vh; min-height: 650px !important; } .page-main:has(#race-auth-page) .page-title-wrapper { display: none; } .page-footer { z-index: 1; } #race-auth-page { background: linear-gradient(180deg, rgba(206, 17, 38, 0) 50%, rgba(206, 17, 38, 0.5) 100%), linear-gradient(135deg, #3a73ec 0%, #022f90 100%); min-height: 650px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } #race-auth-page-header { width: 100%; height: 86px; background: linear-gradient(180deg, #002470 0%, rgba(0, 36, 112, 0) 100%); position: relative; z-index: 2; display: flex; justify-content: center; flex-direction: column; padding-top: 24px; padding-bottom: 24px; } @media screen and (max-width: 992px) { #race-auth-page-header { height: 56px; } } #race-auth-page-header .race-auth-header-wrapper { justify-content: space-between; display: flex; flex-direction: row; max-width: 1150px; margin: 0 auto; width: 100%; } @media screen and (max-width: 992px) { #race-auth-page-header .race-auth-header-wrapper { padding-right: 24px; padding-left: 24px; } } #race-auth-page-header .race-auth-header-wrapper img { max-height: 38px; } @media screen and (max-width: 992px) { #race-auth-page-header .race-auth-header-wrapper img { max-height: 24px; } } #race-auth-page-header .header-username { color: #FFF; font-family: "ProximaNovaExtraBold"; font-size: 16px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { #race-auth-page-header .header-username { font-size: 14px; } } #race-auth-page-content { height: 100%; display: flex; justify-content: center; align-items: center; font-family: 'ProximaNovaRegular', Arial, sans-serif; } @media screen and (max-width: 992px) { #race-auth-page-content { padding: 0 20px; } } #race-auth-page-content h4 { font-family: "ProximaNovaExtraBold"; font-size: 24px; letter-spacing: -0.24px; color: #022F90; } @media screen and (max-width: 992px) { #race-auth-page-content h4 { font-size: 20px; } } #race-auth-page-content p { font-family: "ProximaNovaLight"; } @media screen and (max-width: 992px) { #race-auth-page-content p { font-size: 12px; } } #race-auth-page-content a { font-family: "ProximaNovaExtraBold"; text-decoration: underline; display: inline; font-size: 12px; color: #022F90; } #race-auth-page-content .card-footer { text-align: center; font-size: 12px; margin-top: 24px; } #race-auth-page-content .card { z-index: 1; display: none; background: #fff; padding: 28px; width: 446px; text-align: left; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); } #race-auth-page-content .card.active { display: block; } @media screen and (max-width: 992px) { #race-auth-page-content .card { padding: 24px; } } #race-auth-page-content .card label { color: #022F90; font-family: 'ProximaNovaBold'; font-size: 12px; } #race-auth-page-content .card .status-message { display: flex; gap: 5px; font-family: "ProximaNovaLight"; font-size: 12px; line-height: 14.4px; letter-spacing: -0.12px; } #race-auth-page-content .card .status-message .error { color: #EA2127; } #race-auth-page-content .btn-primary { font-family: "ProximaNovaExtraBold"; display: flex; justify-content: space-between; margin-top: 14px; background: #022F90; color: #ffffff; padding: 12px 18px; text-decoration: none; font-weight: 600; border-radius: unset; transition: background 0.2s ease; cursor: pointer; width: 100%; text-align: left; align-items: center; } @media screen and (max-width: 992px) { #race-auth-page-content .btn-primary { font-size: 14px; } } #race-auth-page-content .btn-primary svg { max-width: 16px; } #race-auth-page-content .btn-secondary { font-family: "ProximaNovaExtraBold"; display: flex; justify-content: space-between; margin-top: 14px; background: #fff; color: #022F90; padding: 12px 18px; text-decoration: none; font-weight: 600; border-radius: unset; border: 2px solid #022F90; transition: background 0.2s ease; cursor: pointer; width: 100%; text-align: left; align-items: center; } @media screen and (max-width: 992px) { #race-auth-page-content .btn-secondary { font-size: 14px; } } #race-auth-page-content .btn-secondary svg { max-width: 16px; } #race-auth-page-content input[type="email"] { width: 100%; padding: 16px; height: 54px; border-radius: 2px; border: 0.5px solid #808285; background: #D1D3D4; font-size: 16px; } @media screen and (max-width: 992px) { #race-auth-page-content input[type="email"] { font-size: 14px; } } #race-auth-page-content .otp-inputs { display: flex; gap: 10px; justify-content: center; margin: 20px 0; } #race-auth-page-content .otp-inputs input { width: 50px; height: 65px; font-size: 28px; font-weight: bold; text-align: center; border: 2px solid #D1D3D4; border-radius: 6px; outline: none; color: #1a4ca0; } #race-auth-page-content .otp-inputs input.filled { border-color: #1a4ca0; } #race-auth-page-content .otp-inputs input:focus { border-color: #003d99; box-shadow: 0 0 6px rgba(0, 61, 153, 0.5); } #race-auth-page-content .phone-number-field { display: flex; align-items: center; overflow: hidden; width: 100%; max-width: 400px; gap: 8px; } #race-auth-page-content .phone-number-field .phone-prefix { width: 60px; text-align: center; border: none; border: 1px solid #ccc; padding: 10px; font-weight: bold; color: #333; height: 45px; } #race-auth-page-content .phone-number-field .phone-prefix:focus { outline: none; background: #fff; } #race-auth-page-content .phone-number-field .phone-input { height: 45px; border: none; flex: 1; padding: 10px; font-size: 14px; border: 1px solid #ccc; } #race-auth-page-content .phone-number-field .phone-input:focus { outline: none; background: #fff; } #race-auth-page-content .phone-number-field .phone-input::placeholder { color: #aaa; } #race-auth-page-content .map-warning { color: #EA2127; font-family: "ProximaNovaLight"; font-size: 12px; line-height: 14.4px; letter-spacing: -0.12px; display: flex; flex-direction: row; gap: 5px; } #race-auth-page-footer { display: flex; justify-content: center; flex-direction: column; background-color: #000; } #race-auth-page-footer .race-auth-footer-wrapper { min-height: 104px; justify-content: space-between; display: flex; flex-direction: row; max-width: 1150px; margin: 0 auto; width: 100%; align-items: center; } @media screen and (max-width: 992px) { #race-auth-page-footer .race-auth-footer-wrapper { flex-direction: column; min-height: 171px; justify-content: center; gap: 24px; padding: 0 24px; } } #race-auth-page-footer .race-auth-footer-wrapper img { max-height: 40px; } @media screen and (max-width: 992px) { #race-auth-page-footer .race-auth-footer-wrapper img { max-height: 55px; } } #race-auth-page-footer .race-auth-footer-wrapper p { color: #FFF; font-family: "ProximaNovaRegular"; font-size: 12px; letter-spacing: 0.12px; } @media screen and (max-width: 992px) { #race-auth-page-footer .race-auth-footer-wrapper p { font-size: 10px; text-align: center; } } #race-profile-page { min-height: 650px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; position: relative; z-index: 1; } #race-profile-page-content { z-index: 1; font-family: 'ProximaNovaRegular', Arial, sans-serif; } #race-profile-page-content .profile-card-section { padding-bottom: 56px; color: #FFF; min-height: 382px; width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 8px; } @media screen and (max-width: 992px) { #race-profile-page-content .profile-card-section { padding-left: 20px; padding-right: 20px; } } #race-profile-page-content .profile-card-section-label { max-width: 1156px; width: 100%; font-family: "ProximaNovaBold"; font-size: 12px; letter-spacing: -0.12px; } #race-profile-page-content .profile-card-section .profile-card-wrapper { opacity: 0; display: flex; flex-direction: row; gap: 24px; max-width: 1156px; width: 100%; flex-wrap: wrap; } @media screen and (max-width: 992px) { #race-profile-page-content .profile-card-section .profile-card-wrapper { flex-direction: column; } } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card { height: 248px; display: flex; flex-direction: column; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-title { font-family: "ProximaNovaExtraBold"; font-size: 12px; letter-spacing: 0.24px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-badge { font-size: 10px; line-height: 12px; letter-spacing: -0.1px; background-color: #1E75F4; padding: 5px 8px 4px 6px; border-radius: 10000px; display: inline-flex; gap: 2px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-badge.disabled { background-color: #808285; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-point-total { font-size: 24px; letter-spacing: 0.24px; } @media screen and (max-width: 992px) { #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-point-total { font-size: 20px; } } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-point-total span:nth-child(1) { font-family: "ProximaNovaExtraBold"; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-point-total span:nth-child(2) { font-family: "ProximaNovaLight"; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-point-expire { font-family: "ProximaNovaLight"; font-size: 12px; letter-spacing: 0.24px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-point-body { font-family: "ProximaNovaLight"; font-size: 12px; letter-spacing: 0.24px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-content { padding: 12px; height: 100%; display: flex; justify-content: space-between; flex-direction: column; } @media screen and (max-width: 765px) { #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-content { gap: 12px; } } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-content.disabled { background-color: #808285; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-content p { line-height: 14.4px; } @media screen and (max-width: 992px) { #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-content p { font-size: 12px; } } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-body { display: flex; flex-direction: column; gap: 4px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card:nth-child(1) { background-color: #3A73EC; flex: 448; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card:nth-child(2) { flex: 330; display: flex; flex-direction: column; gap: 24px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card:nth-child(3) { background-color: #022F90; flex: 330; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-mapclub { background-color: #022F90; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-point { flex: 1; background-color: #EA2127; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-redemption { flex: 1; background-color: #3A73EC; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-username { display: flex; flex-direction: column; font-size: 48px; color: #FFF; line-height: normal; } @media screen and (max-width: 992px) { #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-username { font-size: 36px; } } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-firstname { font-family: "ProximaNovaExtraBold"; letter-spacing: -0.48px; max-height: 48px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-lastname { font-family: "ProximaNovaLight"; letter-spacing: -0.48px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-email { margin-top: 12px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-email-label { color: #FFF; font-family: "ProximaNovaBold"; font-size: 12px; letter-spacing: -0.12px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-email-value { color: #FFF; font-family: "ProximaNovaLight"; font-size: 16px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-email-value { font-size: 14px; } } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-cta { display: flex; justify-content: space-between; line-height: 14.4px; letter-spacing: -0.12px; font-size: 12px; font-family: 'ProximaNovaExtraBold'; padding-right: 4px; } @media screen and (max-width: 765px) { #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-cta { align-items: end; } } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-cta a { color: #FFF !important; text-decoration: underline; display: flex; justify-content: center; align-items: center; gap: 4px; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-cta:has(> *:only-child) { justify-content: flex-end; } #race-profile-page-content .profile-card-section .profile-card-wrapper .profile-card-cta-info { font-family: 'ProximaNovaLight'; } #race-profile-page-footer { display: flex; justify-content: center; flex-direction: column; background-color: #000; } #race-profile-page-footer .race-auth-footer-wrapper { min-height: 104px; justify-content: space-between; display: flex; flex-direction: row; max-width: 1150px; margin: 0 auto; width: 100%; align-items: center; } @media screen and (max-width: 992px) { #race-profile-page-footer .race-auth-footer-wrapper { flex-direction: column; min-height: 171px; justify-content: center; gap: 24px; padding: 0 24px; } } #race-profile-page-footer .race-auth-footer-wrapper img { max-height: 40px; } @media screen and (max-width: 992px) { #race-profile-page-footer .race-auth-footer-wrapper img { max-height: 55px; } } #race-profile-page-footer .race-auth-footer-wrapper p { color: #FFF; font-family: "ProximaNovaRegular"; font-size: 12px; letter-spacing: 0.12px; line-height: normal; } @media screen and (max-width: 992px) { #race-profile-page-footer .race-auth-footer-wrapper p { font-size: 10px; text-align: center; } } #race-profile-page-content .mission-card-section { min-height: 633px; width: 100%; display: flex; flex-direction: column; align-items: center; } #race-profile-page-content .mission-card-section .mission-card-wrapper { display: flex; flex-direction: column; gap: 24px; max-width: 1156px; width: 100%; flex-wrap: wrap; padding-bottom: 56px; } @media screen and (max-width: 992px) { #race-profile-page-content .mission-card-section .mission-card-wrapper { padding-left: 20px; padding-right: 20px; } } #race-profile-page-content .mission-card-section-title { color: #FFF; font-size: 56px; line-height: 40px; margin: 0 !important; } @media screen and (max-width: 992px) { #race-profile-page-content .mission-card-section-title { font-size: 36px; } } #race-profile-page-content .mission-card-section-title span:nth-child(1) { font-family: "ProximaNovaExtraBold"; letter-spacing: -0.56px; } #race-profile-page-content .mission-card-section-title span:nth-child(2) { font-family: "ProximaNovaLight"; } #race-profile-page-content .mission-card-section .mission-cards { max-width: 1156px; width: 100%; } #race-profile-page-content .mission-card-section .mission-cards-control { display: flex; flex-direction: row; justify-content: space-between; } #race-profile-page-content .mission-card-section .mission-cards-navigation { display: flex; flex-direction: row; gap: 16px; } #race-profile-page-content .mission-card-section .mission-cards-pagination .swiper-pagination-bullet { background: #3A73EC; border: 1px solid #FFF; opacity: 1; } #race-profile-page-content .mission-card-section .mission-cards-pagination .swiper-pagination-bullet-active { background: #FFF; } #race-profile-page-content .mission-card-section .mission-swiper { width: 100%; height: 450px; overflow: visible; opacity: 0; } #race-profile-page-content .mission-card-section .mission-swiper.mission-loaded { opacity: 1; } #race-profile-page-content .mission-card-section .mission-swiper-card { max-width: 369px; height: 419px; display: flex; flex-direction: column; } #race-profile-page-content .mission-card-section .mission-swiper .swiper-slide { width: fit-content; } #race-profile-page-content .mission-card-section .mission-card-header { color: #FFF; display: flex; flex-direction: row; flex: 3; } #race-profile-page-content .mission-card-section .mission-card-header.onsite .mission-card-title-type span { background-color: #EA2127; font-size: 18px; font-family: "ProximaNovaExtraBold"; padding: 0px 6px; } #race-profile-page-content .mission-card-section .mission-card-header.onsite .mission-card-points div:nth-child(1) { background: linear-gradient(90deg, #ea2127 0%, #a02a25 100%); } #race-profile-page-content .mission-card-section .mission-card-header.onsite .mission-card-points div:nth-child(2) { background: #EA2127; } #race-profile-page-content .mission-card-section .mission-card-header.virtual .mission-card-title-type span { background-color: #3A73EC; font-size: 18px; font-family: "ProximaNovaExtraBold"; padding: 0px 6px; } #race-profile-page-content .mission-card-section .mission-card-header.virtual .mission-card-points div:nth-child(1) { background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); } #race-profile-page-content .mission-card-section .mission-card-header.virtual .mission-card-points div:nth-child(2) { background: #3A73EC; } #race-profile-page-content .mission-card-section .mission-card-body { color: #FFF; padding: 24px; flex: 2; background: linear-gradient(252deg, #96326c 0%, #0059d3 50%, #0038a5 100%); display: flex; flex-direction: column; gap: 12px; } #race-profile-page-content .mission-card-section .mission-card-title { background-image: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/mission-card-placeholder.png'); background-repeat: no-repeat; background-size: cover; flex: 7; display: flex; flex-direction: column; justify-content: end; line-height: 30px; padding-left: 20px; padding-bottom: 5px; } #race-profile-page-content .mission-card-section .mission-card-title-number { font-family: "ProximaNovaExtraBold"; font-size: 36px; letter-spacing: -0.36px; } #race-profile-page-content .mission-card-section .mission-card-title-type { font-family: "ProximaNovaExtraBold"; font-size: 12px; letter-spacing: -0.12px; text-transform: uppercase; } #race-profile-page-content .mission-card-section .mission-card-title-name { font-size: 36px; letter-spacing: -0.36px; line-height: 30px; text-transform: uppercase; } @media screen and (max-width: 765px) { #race-profile-page-content .mission-card-section .mission-card-title-name { font-size: 32px; } } #race-profile-page-content .mission-card-section .mission-card-title-name span:nth-child(1) { font-family: "ProximaNovaExtraBold"; } #race-profile-page-content .mission-card-section .mission-card-title-name span:nth-child(2) { font-family: "ProximaNovaLight"; } #race-profile-page-content .mission-card-section .mission-card-points { flex: 5; display: flex; flex-direction: column; } #race-profile-page-content .mission-card-section .mission-card-points div:nth-child(1) { flex: 6; display: flex; justify-content: center; align-items: center; background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); flex-direction: column; } #race-profile-page-content .mission-card-section .mission-card-points div:nth-child(1) span:nth-child(1) { font-family: "ProximaNovaExtraBold"; font-size: 56px; letter-spacing: -0.56px; height: 65px; } #race-profile-page-content .mission-card-section .mission-card-points div:nth-child(1) span:nth-child(2) { font-family: "ProximaNovaLight"; font-size: 24px; letter-spacing: -0.24px; } #race-profile-page-content .mission-card-section .mission-card-points div:nth-child(2) { flex: 4; background: #EA2127; } #race-profile-page-content .mission-card-section .mission-card-points div:nth-child(2) svg { position: relative; left: -2rem; top: 3rem; } #race-profile-page-content .mission-card-section .mission-card-detail { flex: 3; font-size: 14px; } #race-profile-page-content .mission-card-section .mission-card-detail-sponsor { font-family: "ProximaNovaExtraBold"; } #race-profile-page-content .mission-card-section .mission-card-detail-date { font-family: "ProximaNovaLight"; } #race-profile-page-content .mission-card-section .mission-card-detail-location { font-family: "ProximaNovaLight"; } #race-profile-page-content .mission-card-section .mission-card-participant { flex: 2; justify-content: space-between; align-items: center; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; display: flex; } #race-profile-page-content .mission-card-section .mission-card-cta { background-color: #FFF !important; font-family: "ProximaNovaExtraBold"; font-size: 14px; line-height: 16.8px; letter-spacing: -0.14px; flex: 2; border: none !important; padding: 16px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; border-radius: 0px !important; } #race-profile-page-content .mission-card-section .mission-card-cta a { color: #022F90 !important; } #race-profile-page-content .mission-card-section .mission-card-cta:disabled { opacity: 1 !important; background: #808285 !important; border: none !important; } #race-profile-page-content .mission-card-section .mission-card-cta:disabled a { color: #fff !important; opacity: 0.5 !important; } #race-profile-page-content .mission-card-section .mission-card-cta:disabled svg path { opacity: 0.5 !important; fill: #ffffff !important; } #race-profile-page-content .mission-card-section .mission-card-coming-soon { color: #FFF; font-size: 49px; line-height: 48px; display: flex; flex-direction: column; } #race-profile-page-content .mission-card-section .mission-card-coming-soon span:nth-child(1) { font-family: "ProximaNovaExtraBold"; letter-spacing: -0.48px; } #race-profile-page-content .mission-card-section .mission-card-coming-soon span:nth-child(2) { font-family: "ProximaNovaLight"; letter-spacing: -0.48px; } #race-profile-page-content .mission-card-section .mission-card-coming-soon span:nth-child(3) { font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .psr-submission-sample-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1004; } .psr-submission-sample-overlay.active { opacity: 1; visibility: visible; } .psr-submission-sample { position: fixed; aspect-ratio: 0.5625; width: min(100vw, 56.25vh); height: min(177.78vw, 100vh); box-shadow: -5px 0 20px rgba(0, 0, 0, 0.25); transition: right 0.4s ease; z-index: 1005; top: 0; left: 50%; transform: translateX(-50%); visibility: hidden; } @media screen and (max-width: 756px) { .psr-submission-sample { box-shadow: none; top: 5%; } } .psr-submission-sample-close { position: relative; background: transparent; border: none; cursor: pointer; display: flex; justify-content: end; width: 100%; padding: 0px !important; margin-bottom: 0px; top: 20px; padding: 0px 20px !important; } .psr-submission-sample img { height: 100%; width: 100%; } @media screen and (max-width: 765px) { .psr-submission-sample img { position: relative; top: 5%; left: 50%; transform: translateX(-50%); height: auto; width: 90vw; } } .psr-submission-sample.active { visibility: visible; } #race-profile-page-content .how-to-section { min-height: 548px; width: 100%; display: flex; flex-direction: column; align-items: center; background: linear-gradient(258deg, #96326c 0%, #0059d3 50%, #0038a5 100%); position: relative; } #race-profile-page-content .how-to-section::after { content: ""; position: absolute; top: 0; left: 30rem; width: 25%; height: 100%; background: linear-gradient(0deg, #022f90 0%, transparent 100%); transform: skewX(-40deg); /* creates the parallelogram effect */ transform-origin: top right; pointer-events: none; } @media screen and (max-width: 992px) { #race-profile-page-content .how-to-section::after { right: -28rem; width: 100%; } } #race-profile-page-content .how-to-section .how-to-wrapper { display: flex; flex-direction: row; max-width: 1156px; width: 100%; flex-wrap: wrap; padding-top: 56px; padding-bottom: 56px; gap: 24px; z-index: 1; } @media screen and (max-width: 992px) { #race-profile-page-content .how-to-section .how-to-wrapper { padding-left: 20px; padding-right: 20px; } } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-title { flex: 5; color: #FFF; font-size: 56px; letter-spacing: -0.56px; line-height: normal; display: flex; flex-direction: column; } @media screen and (max-width: 992px) { #race-profile-page-content .how-to-section .how-to-wrapper .how-to-title { font-size: 36px; } } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-title span:nth-child(1) { font-family: "ProximaNovaExtraBold"; } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-title span:nth-child(2) { font-family: "ProximaNovaLight"; } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content { background: linear-gradient(180deg, rgba(2, 47, 144, 0) 0%, #022f90 100%); flex: 7; color: #FFF; } @media screen and (min-width: 992px) { #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content { display: flex; flex-direction: row; } } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-subtitle { font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; padding: 24px; } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-tabs { padding-bottom: 32px; display: flex; flex-direction: row; justify-content: space-around; } @media screen and (min-width: 992px) { #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-tabs { display: none; } } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-tabs-item { color: rgba(255, 255, 255, 0.25); text-align: center; font-family: "ProximaNovaExtraBold"; font-size: 14px; line-height: 16.8px; letter-spacing: -0.14px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; text-transform: uppercase; } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-tabs-item.active { color: #ffffff; } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-step { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; display: flex; flex-direction: column; gap: 12px; } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-step-item { display: flex; flex-direction: row; align-items: center; gap: 12px; } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-step-number { font-family: "ProximaNovaExtraBold"; font-size: 36px; line-height: normal; letter-spacing: -0.36px; flex: 2; } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-step-detail { font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; flex: 10; } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-onsite { flex: 1; display: block; } #race-profile-page-content .how-to-section .how-to-wrapper .how-to-content-virtual { flex: 1; display: block; } .psr-popup-table-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 900; } .psr-popup-table-overlay.active { opacity: 1; visibility: visible; } .psr-popup-table { position: fixed; top: 0; right: -100%; width: 100%; max-width: 1025px; height: 100%; background: #fff; box-shadow: -5px 0 20px rgba(0, 0, 0, 0.25); transition: right 0.4s ease; z-index: 1000; } .psr-popup-table.active { right: 0; } .psr-popup-table-close { position: relative; background: transparent; border: none; cursor: pointer; display: flex; justify-content: end; width: 100%; padding: 0px !important; margin-bottom: 32px; } .psr-popup-table-inner { padding: 32px 24px; display: flex; flex-direction: column; height: 100%; } .psr-popup-table-header { padding-bottom: 12px; } .psr-popup-table-title { color: #F2F2F2; font-family: "ProximaNovaExtraBold"; font-size: 24px !important; line-height: normal; letter-spacing: -0.24px; background: #3A73EC; padding: 10px 8px 10px 24px !important; height: auto !important; width: 90% !important; text-transform: uppercase; } @media screen and (max-width: 992px) { .psr-popup-table-title { font-size: 20px !important; width: 82% !important; } } .psr-popup-table-title-voucher { color: #022F90; letter-spacing: -0.24px; font-family: "ProximaNovaExtraBold"; font-size: 24px !important; text-transform: uppercase; } .psr-popup-table-subtitle { padding-top: 12px; color: #000; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { .psr-popup-table-subtitle { font-size: 14px; } } .psr-popup-table-subtitle-voucher { color: #000; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { .psr-popup-table-subtitle-voucher { font-size: 14px; padding-top: 0px; } } .psr-popup-table-content { max-height: 75vh; overflow-y: scroll; flex: 1; scrollbar-width: thin; scrollbar-color: #3A73EC #002470; } .psr-popup-table-content::-webkit-scrollbar { width: 11px; background-color: #002470; } .psr-popup-table-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #002470; border-radius: 3.5px; } .psr-popup-table-content::-webkit-scrollbar-thumb { background-color: #3A73EC; border-radius: 3.5px; } @media screen and (max-width: 992px) { .psr-popup-table-content { max-height: 90vh; height: 100%; overflow-y: scroll; flex: 2; } } .psr-popup-table-content table tr { background-color: #f2f2f2; border-bottom: 1px solid #A7A9AC; padding-top: 12px; padding-bottom: 12px; } .psr-popup-table-content table tr td { padding: 24px; } .psr-popup-table-content table tr td.voucher-image img { max-width: 190px; } .psr-popup-table-content table tr td.voucher-detail { vertical-align: middle; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .psr-popup-table-content table tr td.voucher-detail .voucher-value { color: #022F90; font-family: "ProximaNovaExtraBold"; } .psr-popup-table-content table tr td.voucher-detail .voucher-selected { color: #000; font-family: "ProximaNovaLight"; text-transform: capitalize; } .psr-popup-table-content table tr .voucher-total { text-align: end; vertical-align: middle; color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 24px; letter-spacing: -0.24px; } .psr-popup-table-content table tr .voucher-total span:nth-child(2) { text-transform: uppercase; font-family: "ProximaNovaLight"; } @media screen and (max-width: 992px) { .psr-popup-table-content table tr .voucher-total { font-size: 14px; text-align: start; } } .psr-popup-table-content a { color: #022F90; font-family: "ProximaNovaBold"; font-size: 16px; font-style: normal; font-weight: 800; line-height: 120%; letter-spacing: -0.16px; text-decoration-line: underline; text-transform: uppercase; cursor: pointer; } .psr-popup-table-date { color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; text-transform: uppercase; } @media screen and (max-width: 765px) { .psr-popup-table-date .history { color: #000; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .psr-popup-table-date .history .history-run-category { font-family: "ProximaNovaBold"; } .psr-popup-table-date .history.failed .history-value { color: #FFF; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; background: #B71116; padding: 8px; } } .psr-popup-table-history { color: #000; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; flex: 2; text-transform: uppercase; } .psr-popup-table-history .history-run-category { font-family: "ProximaNovaBold"; } .psr-popup-table-history.failed .history-value { color: #FFF; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; background: #B71116; padding: 8px; } .psr-popup-table-data { color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; text-transform: uppercase; } @media screen and (max-width: 765px) { .psr-popup-table-data { display: block; width: 100%; padding-bottom: 12px !important; } .psr-popup-table-data .history { color: #000; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .psr-popup-table-data .history .history-run-category { font-family: "ProximaNovaBold"; } .psr-popup-table-data .history.failed .history-value { color: #FFF; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; background: #B71116; padding: 8px; } } .psr-popup-table-description { color: #000; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; flex: 2; } @media screen and (max-width: 765px) { .psr-popup-table-description { display: block; width: 100%; margin-top: 8px; padding-top: 0px !important; padding-bottom: 16px !important; } } .psr-popup-table-description .history-run-category { font-family: "ProximaNovaBold"; } .psr-popup-table-description.failed .history-value { color: #FFF; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; background: #B71116; padding: 8px; } .psr-popup-table-points { color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; text-transform: uppercase; text-align: right; } @media screen and (max-width: 765px) { .psr-popup-table-points { text-wrap: nowrap; } } .psr-popup-table-points.failed span { color: #FFF; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; background: #B71116; padding: 8px; } .psr-popup-table-points.pending span { color: #808285; } .psr-popup-table-cta { background: #022F90 !important; color: #FFF !important; font-family: "ProximaNovaExtraBold"; font-size: 14px; line-height: 16.8px; letter-spacing: -0.14px; padding: 16px; border-radius: 0px; text-transform: uppercase; flex-basis: 256px; display: flex; justify-content: space-between; } .psr-popup-table-cta span { font-family: 'ProximaNovaExtraBold' !important; color: #fff !important; font-size: 14px !important; } @media screen and (max-width: 765px) { .psr-popup-table-cta { flex: 1; } } .psr-popup-table-footer { padding-top: 24px; display: flex; justify-content: space-between; align-items: end; flex: 0 1 50px; } @media screen and (max-width: 765px) { .psr-popup-table-footer { padding-top: 0; flex-direction: column; align-items: unset; gap: 16px; justify-content: flex-end; flex: unset; } } .psr-popup-table-summary { display: flex; justify-content: space-between; padding-top: 10px; } .psr-popup-table-summary .voucher-total-value-data { color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 36px; letter-spacing: -0.36px; } @media screen and (max-width: 992px) { .psr-popup-table-summary .voucher-total-value-data { font-size: 20px; } } .psr-popup-table-summary .voucher-total-value-title { text-transform: capitalize; color: #000; font-family: "ProximaNovaBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { .psr-popup-table-summary .voucher-total-value-title { font-size: 14px; } } .psr-popup-table-summary .voucher-total-item-title { text-transform: capitalize; color: #000; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .psr-popup-table-summary .voucher-total-item-title span:nth-child(1) { font-family: "ProximaNovaBold"; } .psr-popup-table-summary .voucher-total-item-title span:nth-child(2) { font-family: "ProximaNovaLight"; } @media screen and (max-width: 992px) { .psr-popup-table-summary .voucher-total-item-title { font-size: 14px; } } .psr-popup-table-summary .voucher-total-item-data { text-transform: uppercase; color: #022F90; font-size: 36px; letter-spacing: -0.36px; text-align: end; } .psr-popup-table-summary .voucher-total-item-data span:nth-child(1) { font-family: "ProximaNovaExtraBold"; } .psr-popup-table-summary .voucher-total-item-data span:nth-child(2) { font-family: "ProximaNovaLight"; } @media screen and (max-width: 992px) { .psr-popup-table-summary .voucher-total-item-data { font-size: 20px; } } .psr-popup-table-uploader { margin-top: 24px; border: 1px dashed var(--Blue, #3a73ec); background: rgba(58, 115, 236, 0.1); height: fit-content; cursor: pointer; } .psr-popup-table-filechooser { color: #000; text-align: center; font-family: "ProximaNovaLight"; font-size: 14px; font-style: normal; line-height: 16.8px; letter-spacing: -0.14px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 12px; cursor: pointer; gap: 8px; } .psr-popup-table-filechooser .psr-popup-table-subtitle { padding-top: 0; } .psr-popup-table-filechooser .psr-file-meta { flex-direction: row; display: flex; width: 100%; justify-content: space-between; color: #022F90; align-items: end; } .psr-popup-table-filechooser .psr-file-meta-info { display: flex; flex-direction: column; align-items: start; } .psr-popup-table-filechooser .psr-file-meta-actions { color: #022F90; font-family: "ProximaNovaBold"; font-size: 12px; line-height: 14.4px; letter-spacing: -0.12px; text-decoration-line: underline; } .psr-popup-table-filechooser .psr-file-meta .psr-popup-table-upload-success { font-family: "ProximaNovaBold"; font-size: 14px; line-height: 16.8px; letter-spacing: -0.14px; color: #022F90; } .psr-popup-table-filepreview { display: flex; gap: 10px; align-items: center; color: #022F90; font-family: "ProximaNovaLight"; font-size: 14px; line-height: 16.8px; letter-spacing: -0.14px; padding: 12px; } .psr-popup-table-filepreview .psr-popup-table-subtitle { padding-top: 0; } .psr-popup-table-filepreview .psr-file-meta { flex: 1; } .psr-popup-table-filepreview .psr-file-meta .psr-file-size { font-size: 10px; } .psr-popup-table-filepreview .psr-file-meta .psr-popup-table-upload-success { font-family: "ProximaNovaBold"; font-size: 14px; line-height: 16.8px; letter-spacing: -0.14px; color: #022F90; } .psr-popup-table-filepreview .psr-file-meta .psr-popup-table-upload-failed { font-family: "ProximaNovaBold"; font-size: 14px; line-height: 16.8px; letter-spacing: -0.14px; color: #EA2127; } .psr-popup-table-filepreview .psr-file-thumb { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; } .psr-popup-table-filepreview .psr-file-progress { width: 100%; height: 6px; background: #d1d3d4; border-radius: 3px; overflow: hidden; margin-top: 8px; } .psr-popup-table-filepreview .psr-file-progress-bar { height: 100%; background: #EA2127; width: 0; transition: width .3s; } .psr-popup-table-participants { flex: 1 1 315px; color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 14px; font-weight: 700; line-height: 16.8px; letter-spacing: -0.14px; } @media screen and (max-width: 765px) { .psr-popup-table-participants { flex: 1; } } .psr-popup-table-participants .psr-ribbon { width: auto !important; max-width: 232px; display: flex; justify-content: space-between; } .psr-popup-modal-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1001; } .psr-popup-modal-overlay.active { opacity: 1; visibility: visible; } .psr-popup-modal { position: fixed; width: 100%; max-width: 446px; background: #fff; box-shadow: -5px 0 20px rgba(0, 0, 0, 0.25); transition: right 0.4s ease; z-index: 1002; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } .psr-popup-modal-wrapper { padding: 32px 24px 32px 24px; display: flex; flex-direction: column; gap: 24px; } @media screen and (max-width: 992px) { .psr-popup-modal { max-width: 330px; } } .psr-popup-modal.active { display: block; } .psr-popup-modal-close { position: relative; background: transparent; border: none; cursor: pointer; display: flex; justify-content: end; width: 100%; padding: 0px !important; margin-bottom: 32px; } .psr-popup-modal-icon { height: 64px; width: 64px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .psr-popup-modal-icon-success { background-color: #022F90; } .psr-popup-modal-icon-failed { background-color: #EA2127; } .psr-popup-modal-title { color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 24px; font-weight: 800; line-height: normal; letter-spacing: -0.24px; } .psr-popup-modal-user { color: #000; font-size: 18px; line-height: 25.2px; letter-spacing: -0.18px; } .psr-popup-modal-user-name { font-family: "ProximaNovaBold"; } .psr-popup-modal-user-email { font-family: "ProximaNovaLight"; } .psr-popup-modal-content { display: flex; flex-direction: column; gap: 16px; background: #E8E9EA; padding: 24px 0px 24px 0px; } .psr-popup-modal-content .psr-mission-name { padding-left: 24px; color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .psr-popup-modal-content .psr-mission-date { color: #000; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; padding: 3px 0px 3px 24px; } .psr-popup-modal-content .psr-mission-location { padding-left: 24px; color: #000; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .psr-popup-modal-cta { display: flex; flex-direction: column; gap: 24px; } .psr-popup-modal-cta button span { font-family: 'ProximaNovaExtraBold' !important; color: #fff !important; font-size: 14px !important; } .psr-popup-modal-cta a, .psr-popup-modal-cta button:nth-child(1) { background: #022F90 !important; color: #FFF !important; font-family: "ProximaNovaExtraBold" !important; font-size: 14px !important; line-height: 16.8px; letter-spacing: -0.14px; padding: 16px; text-transform: uppercase; display: flex; justify-content: space-between; } .psr-popup-modal-cta button:nth-child(2) { background: #FFF !important; color: #022F90 !important; border: 1.111px solid #022F90 !important; font-family: "ProximaNovaExtraBold"; font-size: 14px !important; line-height: 16.8px; letter-spacing: -0.14px; padding: 16px; text-transform: uppercase; display: flex; justify-content: space-between; } .psr-popup-modal-cta button:nth-child(2) span { font-family: 'ProximaNovaExtraBold' !important; color: #022F90 !important; font-size: 14px !important; } .psr-popup-modal-cta-footnote { text-align: center; color: #000; font-family: "ProximaNovaLight"; font-size: 12px; line-height: 14.4px; letter-spacing: -0.12px; } .psr-popup-modal-cta-footnote p { font-family: "ProximaNovaExtraBold"; color: #022F90; cursor: pointer; text-decoration: underline; display: inline; } .psr-sticky-activate { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1); z-index: 10; padding: 12px 20px; height: 69px; align-content: center; } .psr-sticky-activate .psr-sticky-content { display: flex; justify-content: space-between; align-items: center; gap: 8px; } .psr-sticky-activate .psr-sticky-content .psr-sticky-text { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 13px; color: #0049AB; line-height: 14px; } .psr-sticky-activate .psr-sticky-content .psr-btn { background: #022F90; color: #fff; border: none; padding: 8px 16px; font-weight: 700; cursor: pointer; text-align: center; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; display: inline-flex; gap: 4px; } @media (min-width: 769px) { .psr-sticky-activate { display: none; } } /* --- PSR Mobile Navbar --- */ .psr-mobile-navbar { position: fixed; bottom: 0; left: 0; height: 77px; width: 100%; background: #ffffff; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05); z-index: 99; padding: 0px; } .psr-mobile-navbar .psr-navbar-list { display: flex; justify-content: space-around; align-items: center; margin: 0; padding: 0; list-style: none; height: 100%; } .psr-mobile-navbar .psr-navbar-list li { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 0; height: 100%; gap: 4px; font-weight: 500; color: #7d7d7d; cursor: pointer; text-align: center; transition: all 0.2s ease; margin-bottom: 0px; font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 12px; } .psr-mobile-navbar .psr-navbar-list li img { width: 24px; height: 24px; object-fit: contain; filter: grayscale(100%) brightness(0.6); transition: filter 0.2s ease, transform 0.2s ease; } .psr-mobile-navbar .psr-navbar-list li span { display: block; line-height: 1; } .psr-mobile-navbar .psr-navbar-list li:hover { color: #0033a0; } .psr-mobile-navbar .psr-navbar-list li:hover img { filter: none; } .psr-mobile-navbar .psr-navbar-list li.active { background-color: #0033a0; color: #ffffff; font-family: 'ProximaNovaBold', Arial, sans-serif; font-size: 12px; } .psr-mobile-navbar .psr-navbar-list li.active img { filter: none; transform: scale(1.05); } @media (min-width: 769px) { .psr-mobile-navbar { display: none; } } .page-main:has(#race-profile-page) { margin-top: 0 !important; } @media screen and (max-width: 992px) { .page-main:has(#race-profile-page) { position: relative; overflow-x: hidden; } } .page-main:has(#race-profile-page) .column.main { padding-bottom: unset !important; } .page-main:has(#race-profile-page) .page-title-wrapper { display: none; } .page-main:has(#race-profile-page) #race-profile-page { background: linear-gradient(35deg, #3a73ec 35%, #022f90 100%); } .page-main:has(#race-profile-page) #race-profile-page::after { content: ""; position: absolute; top: 0; right: -105rem; width: 100%; height: 100%; display: block; background: linear-gradient(180deg, #022f90 0%, transparent 30%) right, linear-gradient(180deg, transparent 0%, transparent 100%) center, linear-gradient(180deg, #022f90 0%, transparent 30%) left; background-size: 45% 100%, /* first gradient */ 10% 100%, /* gap */ 45% 100%; /* second gradient */ background-repeat: no-repeat; transform: skewX(-40deg); transform-origin: top right; pointer-events: none; } @media screen and (max-width: 992px) { .page-main:has(#race-profile-page) #race-profile-page::after { right: -28rem; width: 100%; } } .page-main:has(#race-profile-page) #race-profile-page-header { width: 100%; height: 86px; background: linear-gradient(180deg, #002470 0%, rgba(0, 36, 112, 0) 100%); position: relative; z-index: 2; display: flex; justify-content: center; flex-direction: column; padding-top: 24px; padding-bottom: 24px; } @media screen and (max-width: 992px) { .page-main:has(#race-profile-page) #race-profile-page-header { height: 56px; } } .page-main:has(#race-profile-page) #race-profile-page-header .race-auth-header-wrapper { justify-content: space-between; display: flex; flex-direction: row; max-width: 1150px; margin: 0 auto; width: 100%; align-items: center; } @media screen and (max-width: 992px) { .page-main:has(#race-profile-page) #race-profile-page-header .race-auth-header-wrapper { padding-right: 24px; padding-left: 24px; } } .page-main:has(#race-profile-page) #race-profile-page-header .race-auth-header-wrapper img { max-height: 38px; } @media screen and (max-width: 992px) { .page-main:has(#race-profile-page) #race-profile-page-header .race-auth-header-wrapper img { max-height: 24px; } } .page-main:has(#race-profile-page) #race-profile-page-header .race-auth-header-wrapper .race-profile-main-menu a { color: #FFF; text-align: center; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .page-main:has(#race-profile-page) #race-profile-page-header .race-auth-header-wrapper .race-profile-main-menu a svg { vertical-align: middle; } .page-main:has(#race-profile-page) #race-profile-page-header .header-username { color: #FFF; font-family: "ProximaNovaExtraBold"; font-size: 16px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; display: flex; align-items: center; gap: 8px; } @media screen and (max-width: 992px) { .page-main:has(#race-profile-page) #race-profile-page-header .header-username { font-size: 14px; } } .page-main:has(#race-profile-page) #race-profile-page-header .race-profile-main-menu { display: flex; flex-direction: row; justify-content: space-between; padding-left: 32px; padding-right: 80px; flex: 1; align-items: center; } @media screen and (max-width: 765px) { .page-main:has(#race-profile-page) #race-profile-page-header .race-profile-main-menu { padding-left: 0px; padding-right: 0px; justify-content: end; } .page-main:has(#race-profile-page) #race-profile-page-header .race-profile-main-menu-item { width: fit-content; } } .page-footer { z-index: 1; } .psr-label { background-color: #EA2127; width: fit-content; min-height: 38px; padding-left: 24px; display: flex; justify-content: center; flex-direction: row; font-size: 16px; color: #FFF; gap: 8px; align-items: center; } @media screen and (max-width: 992px) { .psr-label { font-size: 14px; } } .psr-label-bold { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; } .psr-label-light { font-family: 'ProximaNovaLight', Arial, sans-serif; } .psr-label-regular { font-family: 'ProximaNovaRegular', Arial, sans-serif; } .psr-skew-btn { background: linear-gradient(90deg, #ea2127 0%, #a02a25 100%); -webkit-transform: skewX(-27deg); transform: skewX(-27deg); -webkit-transform-origin: 100%; transform-origin: 100%; width: 182px; text-align: center; } .psr-skew-btn.blue { background: #3A73EC; } .psr-join-btn { padding: 8px 12px; border-radius: 4px; font-weight: bold; display: inline-block; -webkit-transform: skewX(27deg); transform: skewX(27deg); } #psrHero { position: relative; background: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/running-banner/psr-home-banner.png') no-repeat right bottom / cover; color: #fff; } @media screen and (max-width: 376px) { #psrHero { height: 100vh !important; } } #psrHero .psr-header-wrapper { background: linear-gradient(180deg, #002470 0%, rgba(0, 36, 112, 0.6) 60%, rgba(0, 36, 112, 0) 100%); } #psrHero .psr-header { position: relative; display: flex; justify-content: space-between; align-items: center; padding-top: 24px; padding-bottom: 24px; z-index: 2; font-size: 20px; } #psrHero .psr-logo { height: 40px; } #psrHero .psr-nav-auth { display: flex; gap: 20px; justify-content: flex-end; } #psrHero .psr-nav-link { display: flex; align-items: center; justify-content: space-evenly; flex: 1; } #psrHero .psr-nav { color: #fff !important; align-items: center; font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: 700; font-size: 16px; } #psrHero .psr-nav span { text-transform: uppercase; } #psrHero .psr-nav.psr-skew-btn { width: fit-content; } #psrHero .psr-nav.psr-skew-btn .psr-join-btn { padding: 0px !important; margin: 12px 24px; } #psrHero .psr-nav.psr-skew-btn.blue .psr-join-btn { margin: 4px 24px; } #psrHero .psr-nav a { color: #fff; text-decoration: none; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; line-height: 15px; } #psrHero .psr-nav a span { font-family: 'ProximaNovaRegular'; font-size: 10px; } #psrHero .psr-user { display: flex; align-items: center; gap: 10px; } #psrHero .psr-user img { width: 36px; height: 36px; border-radius: 50%; border: 2px solid #fff; } #psrHero .psr-hero-content { position: relative; display: flex; flex-direction: column; align-items: center; padding: 32px 0px; width: 500px; } #psrHero .psr-hero-content .psr-countdown { z-index: 2; } #psrHero .psr-hero-content .psr-countdown-numbers { font-size: 56px; font-family: 'ProximaNovaBlack', Arial, sans-serif; font-weight: 800; letter-spacing: -0.56px; } #psrHero .psr-hero-content .psr-countdown-labels { display: flex; justify-content: center; gap: 72px; font-family: 'ProximaNovaRegular', Arial, sans-serif; font-weight: 400; margin-top: 0px; font-size: 18px; letter-spacing: 2px; } #psrHero .psr-hero-content .psr-tagline { margin-top: 40px; font-size: 24px; font-weight: bold; z-index: 2; } #psrHero .psr-hero-content .psr-tagline img { max-width: 450px; width: 100%; } #psrHero .psr-hero-content .psr-subtagline { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 16px; font-weight: 400; font-style: italic; z-index: 2; } #psrHero .psr-hero-content .psr-event { background: linear-gradient(90deg, rgba(132, 19, 22, 0) 0%, #ea2127 100%); margin-top: 24px; font-size: 24px; position: relative; padding: 10px 8px 10px 24px; z-index: 2; font-family: 'ProximaNovaRegular', Arial, sans-serif; font-style: italic; } #psrHero .psr-hero-content .psr-event::after { content: ""; position: absolute; top: 0; right: -9.5rem; height: 100%; width: 100px; background-image: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/ribbon-red.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; } #psrHero .psr-hero-content .psr-event strong { font-family: 'ProximaNovaBlack', Arial, sans-serif; font-size: 24px; font-style: normal; } #psrHero .psr-hero-content .psr-scroll-btn { display: flex; justify-content: space-between; width: 150px; padding: 16px; background: #fff; color: #002f9e; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; z-index: 2; margin-top: 24px; align-items: center; } @media screen and (max-width: 992px) { #psrHero { background-size: cover; background-position: center top; background: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/running-banner/psr-home-banner-mobile.png') no-repeat center center / cover; height: 85vh; } #psrHero .psr-header { flex-direction: row; justify-content: space-between; padding: 15px 20px; } #psrHero .psr-header .psr-logo { height: 30px; } #psrHero .psr-header .psr-nav { display: none; } #psrHero .psr-header .psr-skew-btn { display: block; font-size: 14px !important; width: fit-content !important; } #psrHero .psr-hero-content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: calc(52%); padding: 0 10px; width: fit-content; position: absolute; bottom: 0px; } #psrHero .psr-hero-content .psr-countdown { display: flex; flex-direction: column; justify-content: center; gap: 0px; font-family: 'ProximaNovaBlack', Arial, sans-serif; margin-bottom: 24px; } #psrHero .psr-hero-content .psr-countdown .psr-countdown-numbers { font-size: 32px; font-weight: 800; } #psrHero .psr-hero-content .psr-countdown .psr-countdown-labels { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.16px; text-transform: uppercase; display: flex; justify-content: center; gap: 28px; } #psrHero .psr-hero-content .psr-tagline { font-size: 18px; font-weight: bold; margin: 0px; } #psrHero .psr-hero-content .psr-subtagline { font-size: 14px; font-style: italic; margin-bottom: 10px; } #psrHero .psr-hero-content .psr-event { font-size: 14px; margin-top: 0px; margin-bottom: 20px; font-style: italic; } #psrHero .psr-hero-content .psr-event strong { font-size: 16px; font-weight: 800; } #psrHero .psr-hero-content .psr-scroll-btn { width: 140px; padding: 10px; font-size: 12px; justify-content: space-between; align-items: center; margin-top: 16px; } } .psr-run-information { color: #fff; } .psr-run-information .psr-run-info-bg { background-color: #1976d2; background: linear-gradient(180deg, #002f91 2.3%, rgba(0, 47, 145, 0) 98.63%); } .psr-run-information .bg-skew { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; width: 60%; min-height: 486px; height: 90vh; max-height: 100%; box-sizing: border-box; /* padding: 48px 48px 32px; */ overflow: hidden; -webkit-transform: skewX(30deg); transform: skewX(30deg); -webkit-transform-origin: 100%; transform-origin: 100%; z-index: 0; } .psr-run-information .psr-run-info-content { padding: 80px 0px; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 24px; } .psr-run-information .psr-run-info-content .psr-run-info-text { flex: 1; } .psr-run-information .psr-run-info-heading { font-size: 32px; font-weight: bold; margin-bottom: 20px; } .psr-run-information .psr-highlight-blue { color: #00aaff; } .psr-run-information .psr-highlight-yellow { color: #ffd700; } .psr-run-information .psr-run-info-text p { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.6; margin-bottom: 24px; margin-top: 24px; } .psr-run-information .psr-run-info-text p strong { font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .psr-run-information .psr-btn { display: flex; justify-content: space-between; width: 230px; padding: 16px; border: none !important; background: #fff !important; color: #002f9e !important; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; } .psr-run-information .psr-run-info-video { position: relative; max-width: 566.501px; height: 318.657px; width: 100%; margin: auto; display: flex; justify-content: center; } @media screen and (min-width: 1441px) { .psr-run-information .psr-run-info-video { max-width: 707.626px; width: 100%; height: 398.04px; } } @media screen and (max-width: 992px) { .psr-run-information .psr-run-info-video { height: auto !important; } } .psr-run-information .psr-run-info-video .psr-video-placeholder { width: 100%; height: 100%; background: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/running-information/thumbnail-video.png') no-repeat top center / cover; display: flex; align-items: center; justify-content: center; cursor: pointer; } .psr-run-information .psr-run-info-video .psr-video-placeholder .psr-video-play { border: none; font-size: 36px; border-radius: 50%; width: 80px; height: 80px; cursor: pointer; padding: 0px; text-align: center; display: flex; justify-content: center; align-items: center; } @media (max-width: 768px) { .psr-run-info-content { padding: 48px 0px !important; position: relative; flex-direction: column; align-items: center !important; gap: 24px !important; } .psr-run-info-button { width: 100%; } .psr-run-info-button .psr-btn { width: 100% !important; } .psr-run-info-video { position: relative; max-width: 560px; display: flex; justify-content: center; } .psr-run-info-video .psr-video-placeholder { width: 100% !important; height: 188.604px !important; display: flex; align-items: center; justify-content: center; cursor: pointer; } .psr-run-info-video .psr-video-placeholder .psr-video-play { border: none; font-size: 36px; border-radius: 50%; width: 80px; height: 80px; cursor: pointer; padding: 0px; text-align: center; display: flex; justify-content: center; align-items: center; } .psr-video-modal { left: 0 !important; height: fit-content; top: 12%; } .psr-video-modal .modal-inner-wrap { max-width: 800px; padding: 0; } .psr-video-modal iframe { width: 100%; height: 450px; border: none; } } #psr-video-modal { height: fit-content; } @media screen and (min-width: 1441px) { #psr-video-modal { height: 765px; } } #psr-video-modal .modal-inner-wrap { max-width: 800px; padding: 0; } #psr-video-modal iframe { width: 100%; height: 565px; border: none; } @media screen and (min-width: 1441px) { #psr-video-modal iframe { height: 765px; } } @media screen and (max-width: 992px) { #psr-video-modal iframe { height: 60vh; } } .psr-brimo { position: relative; display: flex; justify-content: center; align-items: center; padding: 56px 0px; } .psr-brimo-banner { background-size: cover; max-width: 1156px; width: 100%; height: 232px; position: relative; z-index: 2; } @media screen and (min-width: 1441px) { .psr-brimo-banner { max-width: 1440px; height: 288px; } } /* Red angled stripes on the right */ .psr-brimo-stripes { position: absolute; right: -20px; bottom: 20px; width: auto; clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%); z-index: 1; } @media only screen and (max-width: 768px) { .psr-brimo { padding: 48px 0px; } .psr-brimo-banner { max-width: unset; width: 100%; height: 480px; } .psr-brimo-stripes { right: -10px; bottom: 10px; } } .psr-run-categories { color: #fff; position: relative; z-index: 2; padding: 56px 0px; } .psr-run-categories h3 { margin-top: 0px; margin-bottom: 0px; } .psr-run-categories p { margin-bottom: 0px; font-family: 'ProximaNovaRegular', Arial, sans-serif; } .psr-run-categories .psr-run-categories__title { color: #fff !important; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 56px; font-weight: 800; margin-bottom: 40px; } .psr-run-categories .psr-run-categories__title span { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 56px; font-weight: 300; } .psr-run-categories .psr-run-categories__content { display: flex; flex-direction: column; width: 100%; } .psr-run-categories .psr-run-categories__list { display: flex; gap: 24px; flex-direction: row; justify-content: center; align-content: center; max-width: 1440px; width: 100%; margin: 0 auto; } @media screen and (max-width: 992px) { .psr-run-categories .psr-run-categories__list { display: flex; gap: 24px; flex-direction: column; justify-content: center; } } .psr-run-categories .psr-run-categories__item { padding: 24px; height: 363px; width: 100%; display: flex; transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; } .psr-run-categories .psr-run-categories__item:last-child .psr-run-categories__distance { font-size: 56px; } .psr-run-categories .psr-run-categories__header { display: flex; justify-content: space-between; align-items: center; flex: 1; margin-top: -22px; padding-bottom: 16px; } .psr-run-categories .psr-run-categories__distance { font-family: 'ProximaNovaBlack', Arial, sans-serif; font-size: 80px; font-weight: 900; line-height: 45px; font-style: italic; opacity: 1 !important; color: #fff !important; position: relative; z-index: 9; display: flex; flex-direction: column; } .psr-run-categories .psr-run-categories__distance span:nth-child(1) { font-family: 'ProximaNovaBlack', Arial, sans-serif; font-weight: 900; } .psr-run-categories .psr-run-categories__distance span:nth-child(2) { font-family: 'ProximaNovaLight', Arial, sans-serif; font-weight: 300; } .psr-run-categories .psr-run-categories__price { font-size: 18px; margin-bottom: 12px; flex: 1; max-height: 42px; line-height: 20px; } .psr-run-categories .psr-run-categories__price.accomplished { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 16px; opacity: 0.5; } .psr-run-categories .psr-run-categories__price.accomplished .soldout-text { font-size: 16px; text-decoration: none; opacity: 1; } .psr-run-categories .psr-run-categories__price .mobile-soldout { display: none; } @media (max-width: 767px) { .psr-run-categories .psr-run-categories__price.accomplished-mobile .psr-run-categories__price--sale, .psr-run-categories .psr-run-categories__price.accomplished-mobile .psr-run-categories__price--normal { display: none; } .psr-run-categories .psr-run-categories__price.accomplished-mobile .mobile-soldout { display: inline-block; font-weight: bold; } } .psr-run-categories .psr-run-categories__price .psr-run-categories__price--normal { font-family: 'ProximaNovaLight', Arial, sans-serif; } .psr-run-categories .psr-run-categories__price .psr-run-categories__price--sale { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; } .psr-run-categories .psr-run-categories__price .soldout-text { font-size: 16px; text-decoration: line-through; opacity: 0.5; } .psr-run-categories .psr-run-categories__price .normal-bold { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; } .psr-run-categories .psr-run-categories__benefits { color: #fff !important; font-family: 'ProximaNovaLight', Arial, sans-serif; font-weight: 300; font-size: 14px; line-height: 19.6px; margin-bottom: 16px; flex: 1; max-height: 50px; max-width: 300px; } .psr-run-categories .psr-run-categories__points { font-family: 'ProximaNovaLight', Arial, sans-serif; font-weight: 300; font-size: 16px; color: #fff; line-height: 23px; flex-direction: column; align-items: end; display: flex; gap: -6px; } .psr-run-categories .psr-run-categories__points strong { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-weight: 800; font-size: 32px; } .psr-run-categories .psr-run-categories__button { display: flex; justify-content: space-between; width: 100%; padding: 16px; border-radius: 0px !important; background: #fff !important; color: #002f9e !important; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; transition: background 0.3s ease, color 0.3s ease; } .psr-run-categories .disabled-button { pointer-events: none; background-color: #808285 !important; color: #ffffff; } .psr-run-categories .disabled-button span { opacity: 0.5; } .psr-run-categories .psr-categories-stripe { position: absolute; right: -190px; bottom: 0px; width: auto; height: 100%; clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%); z-index: -1; } @media screen and (max-width: 992px) { .psr-run-categories .psr-categories-stripe { height: auto; right: 0px; bottom: -4px; } } @media screen and (max-width: 992px) { .psr-run-categories__title { font-size: 36px !important; } .psr-run-categories__title span { font-size: 36px !important; } .psr-run-categories__list { padding: 0px 15px; } .psr-run-categories__list .psr-run-categories__item { padding: 16px; height: 254px; width: 100%; cursor: pointer; } .psr-run-categories__list .psr-run-categories__item:last-child .psr-run-categories__distance { font-size: 56px !important; } .psr-run-categories__list .psr-run-categories__item:last-child .psr-run-categories__content .psr-run-categories__header { margin-top: 0px !important; padding-bottom: 16px !important; } .psr-run-categories__list .psr-run-categories__item .psr-run-categories__content .psr-run-categories__header { margin-top: 10px; padding-bottom: 24px; } .psr-run-categories__list .psr-run-categories__item .psr-run-categories__content .psr-run-categories__header .psr-run-categories__distance { font-size: 64px; } .psr-run-categories__list .psr-run-categories__item .psr-run-categories__content .psr-run-categories__benefits--wrapper { justify-content: space-between; gap: 20px; flex: 1; } .psr-run-categories__list .psr-run-categories__item .psr-run-categories__content .psr-run-categories__benefits--wrapper .psr-run-categories__benefits { padding-right: 12px; } .psr-run-categories__list .psr-run-categories__item .psr-run-categories__content .psr-run-categories__price .psr-run-categories__price--normal { font-size: 14px; } } @media screen and (max-width: 375px) { .psr-run-categories__list { padding: 0px 15px; } .psr-run-categories__list .psr-run-categories__item:last-child .psr-run-categories__distance { font-size: 47px !important; } .psr-run-categories__list .psr-run-categories__item:last-child .psr-run-categories__content .psr-run-categories__header { margin-top: 0px !important; padding-bottom: 16px !important; } .psr-run-categories__list .psr-run-categories__item .psr-run-categories__content .psr-run-categories__header { margin-top: 5px; padding-bottom: 24px; } .psr-run-categories__list .psr-run-categories__item .psr-run-categories__content .psr-run-categories__header .psr-run-categories__distance { font-size: 64px; } .psr-run-categories__list .psr-run-categories__item .psr-run-categories__content .psr-run-categories__benefits--wrapper { justify-content: space-between; gap: 20px; flex: 1; } .psr-run-categories__list .psr-run-categories__item .psr-run-categories__content .psr-run-categories__benefits--wrapper .psr-run-categories__benefits { padding-right: 12px; } .psr-run-categories__list .psr-run-categories__item .psr-run-categories__content .psr-run-categories__price .psr-run-categories__price--normal { font-size: 14px; } } .psr-collecting-points { background: linear-gradient(220deg, #96326c 0%, #0059d3 50%, #0038a5 100%); color: #fff; font-family: 'ProximaNovaRegular', Arial, sans-serif; } @media screen and (max-width: 992px) { .psr-collecting-points { background: linear-gradient(192deg, #96326c -2.25%, #0059d3 48.87%, #0038a5 100%); } } .psr-collecting-points .psr-collecting-points-container { padding-top: 80px; padding-bottom: 80px; } .psr-collecting-points .psr-collecting-header { display: flex; flex-direction: row; text-align: left; } @media screen and (min-width: 1441px) { .psr-collecting-points .psr-collecting-header > div:nth-child(1) { flex: 1 46vw; } .psr-collecting-points .psr-collecting-header > div:nth-child(2) { flex: 1 65vw; padding-right: 248px; } } .psr-collecting-points .psr-collecting-header h2 { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 56px; font-weight: 300; margin-bottom: 0px; margin-top: 0px; line-height: 57px; margin-top: -8px; color: #FFF !important; } .psr-collecting-points .psr-collecting-header h2 span { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 56px; font-weight: 800; } .psr-collecting-points .psr-collecting-header p { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 16px; font-weight: 300; margin-bottom: 0px; line-height: 1.6; } .psr-collecting-points .psr-collecting-header .psr-btn-collect-points { display: flex; color: #fff !important; margin-top: 12px; font-family: 'ProximaNovaBold', Arial, sans-serif; font-size: 14px; text-decoration: underline; gap: 4px; } .psr-collecting-points .psr-btn-collect-points:hover { color: #fff !important; text-decoration: underline; } .psr-collecting-points .psr-collecting-slider { margin-top: 24px; } .psr-collecting-points .psr-collecting-slider .swiper { overflow: visible; } @media screen and (min-width: 1441px) { .psr-collecting-points .psr-collecting-slider .swiper { overflow: hidden; } } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide { max-width: 392px; width: 100% !important; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide:last-child .psr-points { padding-top: 11px; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card { background: #002b80; padding: 24px; height: 270px; position: relative; display: flex; flex-direction: column; justify-content: space-around; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-header, .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-ribbon-container, .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description { flex: 1; display: flex; align-items: center; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-header { display: flex; justify-content: space-between; align-items: start; gap: 0px; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card h3 { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 32px; font-weight: 800; margin: 0px; color: #FFF !important; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-points { font-family: 'ProximaNovaExtraBold', Arial, sans-serif !important; font-size: 32px !important; text-align: right; font-weight: 800; color: #fff; line-height: normal !important; margin-bottom: 0px; display: flex; flex-direction: column; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-points span { font-family: 'ProximaNovaLight', Arial, sans-serif !important; font-size: 16px !important; font-weight: 300; line-height: 2px; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-ribbon { left: -23px; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description { align-items: start !important; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description p { font-family: 'ProximaNovaLight', Arial, sans-serif; font-weight: 300; font-size: 16px; line-height: 22.4px; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description p strong { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-weight: 800; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description p a { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; color: #fff; text-decoration: underline; font-weight: 800; letter-spacing: -0.16px; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description p small { padding-top: 12px; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-navigation { margin-top: 12px; display: flex; justify-content: space-between; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-navigation .swiper-pagination { position: relative !important; bottom: 0px !important; text-align: left !important; margin-top: 12px; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet { background: none !important; border: 2px solid #fff; width: 12px; height: 12px; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet-active { background: #fff !important; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-navigation .swiper-button { position: relative !important; bottom: 0px !important; display: flex; justify-content: flex-end; gap: 16px; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-navigation .swiper-button .swiper-button-next, .psr-collecting-points .psr-collecting-slider .swiper .swiper-navigation .swiper-button .swiper-button-prev { position: relative !important; top: 0px !important; width: 48px !important; height: 48px !important; margin-top: 0px !important; left: 0px !important; right: 0px !important; } .psr-collecting-points .psr-collecting-slider .swiper .swiper-navigation .swiper-button .swiper-button-prev:after, .psr-collecting-points .psr-collecting-slider .swiper .swiper-navigation .swiper-button .swiper-button-next:after { content: none !important; } .psr-collecting-points .psr-slider-controls { margin-top: 20px; text-align: center; display: flex; justify-content: end; } .psr-collecting-points .psr-slider-controls button { background: transparent; color: #fff; padding: 8px 12px; margin: 0 5px; border: none; cursor: pointer; } @media screen and (max-width: 576px) { .psr-collecting-header { flex-direction: column !important; gap: 16px; } .psr-collecting-header h2 { font-size: 36px !important; padding-right: 22px; line-height: normal !important; } .psr-collecting-header h2 span { font-size: 36px !important; } .psr-collecting-header p { font-size: 14px; } .psr-collecting-slider { margin-top: 32px !important; } .psr-collecting-slider .swiper { overflow: hidden !important; } .psr-collecting-slider .swiper .swiper-slide { max-width: unset !important; width: 335px !important; } .psr-collecting-slider .swiper .swiper-slide .psr-card { background: #002b80; padding: 24px; height: 270px; position: relative; display: flex; flex-direction: column; justify-content: space-around; } .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-header, .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-ribbon-container, .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description { flex: 1; display: flex; align-items: center; } .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-header { display: flex; justify-content: space-between; align-items: baseline; gap: 0px; } .psr-collecting-slider .swiper .swiper-slide .psr-card h3 { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 26px !important; font-weight: 800; margin: 0px; color: #FFF !important; } .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-points { font-family: 'ProximaNovaExtraBold', Arial, sans-serif !important; font-size: 32px !important; text-align: right; font-weight: 800; color: #fff; line-height: normal !important; } .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-points span { font-family: 'ProximaNovaLight', Arial, sans-serif !important; font-size: 16px !important; font-weight: 300; } .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-ribbon { left: -23px; font-size: 14px !important; line-height: 19.6px !important; } .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description { align-items: start !important; } .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description p { font-family: 'ProximaNovaLight', Arial, sans-serif; font-weight: 300; font-size: 14px !important; line-height: 22.4px; } .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description p strong { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-weight: 800; } .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description p a { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; color: #fff; text-decoration: underline; font-weight: 800; letter-spacing: -0.16px; } .psr-collecting-slider .swiper .swiper-slide .psr-card .psr-card-description p small { padding-top: 12px; } .psr-collecting-slider .swiper .swiper-navigation { margin-top: 24px !important; } } .psr-activate-account { overflow: hidden; position: relative; height: 394px; } .psr-activate-account p { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; font-weight: 300; } .psr-activate-account .psr-activate__content--wrapper { position: relative; height: 100%; } .psr-activate-account .psr-activate-bg { flex: 0 0 55%; background: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/running-activate/psr-activate-account-background.png') no-repeat center center / cover; position: relative; } .psr-activate-account .psr-activate-bg::after { content: ''; position: absolute; top: 0; right: -80px; width: 158px; height: 394px; background: #fff; transform: skewX(-20deg); } @media screen and (min-width: 1441px) { .psr-activate-account .psr-activate-bg::after { height: 376px; } } @media (max-width: 991px) { .psr-activate-account .psr-activate-bg { flex: 1 1 auto; height: 200px; } } .psr-activate-account .psr-activate-content { position: absolute; top: 50%; left: 9.5%; transform: translateY(-50%); z-index: 2; color: #fff; } @media screen and (min-width: 1441px) { .psr-activate-account .psr-activate-content { left: 12.5%; } } .psr-activate-account .psr-activate-content .psr-activate-title { font-weight: 800; color: #fff !important; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 56px; line-height: 55px; margin-bottom: 24px; margin-top: 0px; } .psr-activate-account .psr-activate-content .psr-activate-title span { font-family: 'ProximaNovaLight', Arial, sans-serif; font-weight: 300; } .psr-activate-account .psr-activate-content .psr-activate-desc { font-size: 15px; line-height: 1.6; margin-bottom: 24px; max-width: 490px; } .psr-activate-account .psr-activate-content .psr-activate-btn { display: flex; justify-content: space-between; width: 230px; padding: 16px; background: #fff; color: #002f9e; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; text-decoration: none; transition: all 0.3s ease; } .psr-activate-account .psr-activate-content .psr-activate-btn:hover { background: #fff; color: #002f9e; } .psr-activate-account .psr-activate-right { flex: 0 0 45%; background: #fff; padding: 70px 0px; position: relative; padding-right: 255px; align-content: center; z-index: 1; } .psr-activate-account .psr-activate-right::before { content: ''; position: absolute; top: 0; right: 130px; height: 100%; width: 25px; background: #022F90; transform: skewX(-20deg); } .psr-activate-account .psr-activate-right::after { content: ''; position: absolute; top: 0; right: 71px; height: 394px; width: 25px; background: #022F90; transform: skewX(-20deg); } @media screen and (min-width: 1441px) { .psr-activate-account .psr-activate-right::after { height: 376px; } } .psr-activate-account .psr-activate-right .psr-activate-steps { list-style: none; margin: 0; padding: 0; } .psr-activate-account .psr-activate-right .psr-activate-steps li { display: flex; align-items: flex-start; margin-bottom: 24px; } .psr-activate-account .psr-activate-right .psr-activate-steps li a { color: #022F90; } .psr-activate-account .psr-activate-right .psr-activate-steps li a :hover { color: #022F90; } .psr-activate-account .psr-activate-right .psr-activate-steps li .step-number { color: #3A73EC; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-weight: 800; font-size: 36px; margin-right: 12px; flex-shrink: 0; letter-spacing: -0.36px; } .psr-activate-account .psr-activate-right .psr-activate-steps li p { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; line-height: 22.4px; color: #333; } .psr-activate-account .psr-activate-right .psr-activate-steps li p strong { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-weight: 800; color: #022F90; } @media screen and (max-width: 991px) { .psr-activate-account { max-height: 965px; height: 100% !important; background: #1E51BE; } .psr-activate-account .psr-activate__content--wrapper { flex-direction: column; height: 100%; } .psr-activate-account .psr-activate__content--top { background: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/running-activate/psr-activate-account-background-mobile.png') no-repeat center center / cover; position: relative; z-index: 1; color: #fff; padding-top: 56px; padding-bottom: 130px; } .psr-activate-account .psr-activate__content--top .psr-activate-title { color: #fff !important; font-weight: 800; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 56px; line-height: 55px; margin-bottom: 24px; margin-top: 0px; } .psr-activate-account .psr-activate__content--top .psr-activate-title span { font-family: 'ProximaNovaLight', Arial, sans-serif; font-weight: 300; } .psr-activate-account .psr-activate__content--top .psr-activate-desc { font-size: 15px; line-height: 1.6; margin-bottom: 24px; max-width: 490px; } .psr-activate-account .psr-activate__content--top .psr-activate-btn { display: flex; justify-content: space-between; width: 100%; padding: 16px; background: #fff; color: #002f9e; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; text-decoration: none; transition: all 0.3s ease; } .psr-activate-account .psr-activate__content--top .psr-activate-btn:hover { background: #fff; color: #002f9e; } .psr-activate-account .psr-activate__content--bottom { background: #fff; position: relative; align-content: center; z-index: 1; padding-top: 48px; padding-bottom: 48px; -webkit-transform: skewY(-5deg); transform: skewY(-5deg); margin-top: -20px; } .psr-activate-account .psr-activate__content--bottom .skew { -webkit-transform: skewY(5deg); transform: skewY(5deg); } .psr-activate-account .psr-activate__content--bottom .psr-activate-steps { list-style: none; margin: 0; padding: 0; } .psr-activate-account .psr-activate__content--bottom .psr-activate-steps li { display: flex; align-items: flex-start; margin-bottom: 24px; } .psr-activate-account .psr-activate__content--bottom .psr-activate-steps li .step-number { color: #3A73EC; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-weight: 800; font-size: 36px; margin-right: 12px; flex-shrink: 0; letter-spacing: -0.36px; } .psr-activate-account .psr-activate__content--bottom .psr-activate-steps li p { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 14px !important; line-height: 22.4px; color: #333; } .psr-activate-account .psr-activate__content--bottom .psr-activate-steps li p strong { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-weight: 800; color: #022F90; } } .psr-mission-workshop { background: linear-gradient(180deg, rgba(206, 17, 38, 0) 50%, rgba(206, 17, 38, 0.5) 100%); color: #fff; } .psr-mission-workshop .psr-mission-workshop-container { flex-direction: row; align-items: center; gap: 48px; padding: 80px 0px 80px 142px; } @media screen and (min-width: 1441px) { .psr-mission-workshop .psr-mission-workshop-container { padding: 80px 0px 80px 240px; } } @media screen and (max-width: 992px) { .psr-mission-workshop .psr-mission-workshop-container { flex-direction: column; padding: 48px 20px; gap: 24px; } } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info { flex: 0 1 448px; } @media screen and (max-width: 992px) { .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info { padding-right: 0px; width: 100%; flex: 0 1 328px; } } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info h2 { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 56px; font-weight: 800; margin-bottom: 20px; line-height: 60px; color: #FFF !important; } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info h2 span { font-family: 'ProximaNovaLight', Arial, sans-serif; font-weight: 300; } @media screen and (max-width: 992px) { .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info h2 { font-size: 36px; line-height: 37px; } } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info .psr-mission-desc { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 22.4px; letter-spacing: -0.16px; margin-bottom: 15px; color: #FFFFFF; } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info .psr-mission-desc strong { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info .psr-mission-desc { font-size: 14px; } } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info .psr-mission-note { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 300; line-height: 14.4px; letter-spacing: -0.12px; margin-bottom: 25px; } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info .psr-mission-period { display: flex; align-items: start; flex-direction: column; gap: 12px; } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info .psr-mission-period .psr-btn-primary { background: #EA2127; font-weight: 700; color: #fff; text-transform: uppercase; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; padding: 10px 8px 10px 24px; } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info .psr-mission-period .psr-btn-primary span { font-family: 'ProximaNovaLight', Arial, sans-serif; font-style: normal; font-weight: 300; line-height: 22.4px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info .psr-mission-period .psr-btn-primary { font-size: 14px; padding: 10px 4px 10px 16px; } } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info .psr-mission-period .psr-btn-primary::after { content: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/collecting-points/slanted-lines.png') !important; position: absolute; margin-top: -10px; margin-left: 6px; width: 25px; } .psr-mission-workshop .psr-mission-workshop-container .psr-mission-info .psr-mission-period strong { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; } .psr-mission-workshop .mission-card-section { min-height: 500px; min-width: 0; display: flex; align-items: center; width: 100%; } @media screen and (min-width: 1441px) { .psr-mission-workshop .mission-card-section { flex: 1; width: auto; max-width: 1794px; } } .psr-mission-workshop .mission-card-section .mission-card-wrapper { display: flex; flex-direction: column; gap: 24px; max-width: 1156px; width: 100%; flex-wrap: wrap; padding-bottom: 56px; } @media screen and (max-width: 992px) { .psr-mission-workshop .mission-card-section .mission-card-wrapper { padding-left: 20px; padding-right: 20px; } } .psr-mission-workshop .mission-card-section-title { color: #FFF; font-size: 56px; line-height: 40px; margin: 0 !important; } @media screen and (max-width: 992px) { .psr-mission-workshop .mission-card-section-title { font-size: 36px; } } .psr-mission-workshop .mission-card-section-title span:nth-child(1) { font-family: "ProximaNovaExtraBold"; letter-spacing: -0.56px; } .psr-mission-workshop .mission-card-section-title span:nth-child(2) { font-family: "ProximaNovaLight"; } .psr-mission-workshop .mission-card-section .mission-cards { max-width: 1794px; width: 100%; } .psr-mission-workshop .mission-card-section .mission-cards-control { display: flex; flex-direction: row; justify-content: space-between; width: 79%; } @media screen and (max-width: 992px) { .psr-mission-workshop .mission-card-section .mission-cards-control { width: 96%; } } .psr-mission-workshop .mission-card-section .mission-cards-navigation { display: flex; flex-direction: row; gap: 16px; } .psr-mission-workshop .mission-card-section .mission-cards-pagination .swiper-pagination-bullet { background: none; border: 1px solid #FFF; opacity: 1; } .psr-mission-workshop .mission-card-section .mission-cards-pagination .swiper-pagination-bullet-active { background: #FFF; } .psr-mission-workshop .mission-card-section .mission-swiper { opacity: 0; width: 100%; height: 450px; } .psr-mission-workshop .mission-card-section .mission-swiper.mission-loaded { opacity: 1; } .psr-mission-workshop .mission-card-section .mission-swiper-card { max-width: 330px; height: 419px; display: flex; flex-direction: column; } @media screen and (max-width: 992px) { .psr-mission-workshop .mission-card-section .mission-swiper-card { max-width: unset; } } .psr-mission-workshop .mission-card-section .mission-swiper .swiper-slide { width: fit-content; } @media screen and (max-width: 992px) { .psr-mission-workshop .mission-card-section .mission-swiper .swiper-slide { width: 100%; } } .psr-mission-workshop .mission-card-section .mission-card-header { color: #FFF; display: flex; flex-direction: row; flex: 3; } .psr-mission-workshop .mission-card-section .mission-card-header.onsite .mission-card-title-type span { background-color: #EA2127; font-size: 18px; font-family: "ProximaNovaExtraBold"; padding: 0px 6px; } .psr-mission-workshop .mission-card-section .mission-card-header.onsite .mission-card-points div:nth-child(1) { background: linear-gradient(90deg, #ea2127 0%, #a02a25 100%); } .psr-mission-workshop .mission-card-section .mission-card-header.onsite .mission-card-points div:nth-child(2) { background: #EA2127; } .psr-mission-workshop .mission-card-section .mission-card-header.virtual .mission-card-title-type span { background-color: #3A73EC; font-size: 18px; font-family: "ProximaNovaExtraBold"; padding: 0px 6px; } .psr-mission-workshop .mission-card-section .mission-card-header.virtual .mission-card-points div:nth-child(1) { background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); } .psr-mission-workshop .mission-card-section .mission-card-header.virtual .mission-card-points div:nth-child(2) { background: #3A73EC; } .psr-mission-workshop .mission-card-section .mission-card-body { color: #FFF; padding: 24px; flex: 2; background: linear-gradient(252deg, #96326c 0%, #0059d3 50%, #0038a5 100%); display: flex; flex-direction: column; gap: 12px; } .psr-mission-workshop .mission-card-section .mission-card-title { background-image: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/mission-card-placeholder.png'); background-repeat: no-repeat; background-size: cover; flex: 7; display: flex; flex-direction: column; justify-content: end; line-height: 30px; padding-left: 20px; padding-bottom: 5px; } .psr-mission-workshop .mission-card-section .mission-card-title-number { font-family: "ProximaNovaExtraBold"; font-size: 36px; letter-spacing: -0.36px; } .psr-mission-workshop .mission-card-section .mission-card-title-type { font-family: "ProximaNovaExtraBold"; font-size: 12px; letter-spacing: -0.12px; text-transform: uppercase; } .psr-mission-workshop .mission-card-section .mission-card-title-name { font-size: 32px; letter-spacing: -0.36px; line-height: 30px; text-transform: uppercase; } .psr-mission-workshop .mission-card-section .mission-card-title-name span:nth-child(1) { font-family: "ProximaNovaExtraBold"; } .psr-mission-workshop .mission-card-section .mission-card-title-name span:nth-child(2) { font-family: "ProximaNovaLight"; } .psr-mission-workshop .mission-card-section .mission-card-points { flex: 5; display: flex; flex-direction: column; } .psr-mission-workshop .mission-card-section .mission-card-points div:nth-child(1) { flex: 6; display: flex; justify-content: center; align-items: center; background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); flex-direction: column; } .psr-mission-workshop .mission-card-section .mission-card-points div:nth-child(1) span:nth-child(1) { font-family: "ProximaNovaExtraBold"; font-size: 56px; letter-spacing: -0.56px; height: 65px; } .psr-mission-workshop .mission-card-section .mission-card-points div:nth-child(1) span:nth-child(2) { font-family: "ProximaNovaLight"; font-size: 24px; letter-spacing: -0.24px; } .psr-mission-workshop .mission-card-section .mission-card-points div:nth-child(2) { flex: 4; background: #EA2127; } .psr-mission-workshop .mission-card-section .mission-card-points div:nth-child(2) svg { position: relative; left: -2rem; top: 3rem; } .psr-mission-workshop .mission-card-section .mission-card-detail { flex: 3; flex-direction: column; display: flex; gap: 4px; font-size: 14px; } .psr-mission-workshop .mission-card-section .mission-card-detail-sponsor { font-family: "ProximaNovaExtraBold"; } .psr-mission-workshop .mission-card-section .mission-card-detail-date { font-family: "ProximaNovaLight"; display: inline-flex; gap: 8px; align-items: center; } .psr-mission-workshop .mission-card-section .mission-card-detail-location { font-family: "ProximaNovaLight"; display: inline-flex; gap: 8px; align-items: center; } .psr-mission-workshop .mission-card-section .mission-card-participant { flex: 2; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; justify-content: space-between; align-items: center; display: flex; } .psr-mission-workshop .mission-card-section .mission-card-participant :first-child { display: inline-flex; gap: 8px; align-items: center; } .psr-mission-workshop .mission-card-section .mission-card-cta { background-color: #FFF !important; font-family: "ProximaNovaExtraBold"; font-size: 14px; line-height: 16.8px; letter-spacing: -0.14px; border: none !important; flex: 2; padding: 16px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; border-radius: 0px !important; } .psr-mission-workshop .mission-card-section .mission-card-cta a { color: #022F90 !important; } .psr-mission-workshop .mission-card-section .mission-card-cta:disabled { opacity: 1 !important; background: #808285 !important; border: none !important; } .psr-mission-workshop .mission-card-section .mission-card-cta:disabled a { color: #fff !important; opacity: 0.5 !important; } .psr-mission-workshop .mission-card-section .mission-card-cta:disabled svg path { opacity: 0.5 !important; fill: #ffffff !important; } .psr-mission-workshop .mission-card-section .mission-card-coming-soon { color: #FFF; font-size: 49px; line-height: 48px; display: flex; flex-direction: column; } .psr-mission-workshop .mission-card-section .mission-card-coming-soon span:nth-child(1) { font-family: "ProximaNovaExtraBold"; letter-spacing: -0.48px; } .psr-mission-workshop .mission-card-section .mission-card-coming-soon span:nth-child(2) { font-family: "ProximaNovaLight"; letter-spacing: -0.48px; } .psr-mission-workshop .mission-card-section .mission-card-coming-soon span:nth-child(3) { font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .psr-running-gears { color: #fff; text-align: center; padding-top: 56px; padding-bottom: 56px; } .psr-running-gears .highlight { position: absolute; left: 32%; margin-top: 13px; transform: translate(-22%, -10%); z-index: 0; } @media screen and (min-width: 1441px) { .psr-running-gears .highlight { left: 35%; } } .psr-running-gears .psr-running-gears-container .psr-logo-title { position: relative; } .psr-running-gears .psr-running-gears-container .psr-logo-title img { width: 562px; height: 40px; } .psr-running-gears .psr-running-gears-container .psr-desc { position: relative; font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 22.4px; letter-spacing: -0.16px; } .psr-running-gears .psr-running-gears-container .psr-subtitle { color: #fff !important; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 56px; font-weight: 800; letter-spacing: -0.56px; margin: 8px 0px; position: relative; } .psr-running-gears .psr-running-gears-container .psr-subtitle span { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 56px; font-weight: 300; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears { width: 100%; margin: 55px 0px 30px 0px; overflow: visible; position: relative; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-slide { display: flex; justify-content: center; align-items: center; opacity: 0.5; transition: transform 0.9s ease, filter 0.3s ease, opacity 0.3s ease; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-slide.swiper-slide-active { transform: scale(1.5) !important; transition: transform 0.5s ease; opacity: 1; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-slide img { max-width: 220px; transition: all 0.4s ease; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls { position: absolute; display: flex; width: 500px; height: auto; left: 50%; top: 65px; transform: translateX(-50%); z-index: 3; } @media screen and (min-width: 1441px) { .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls { width: 490px; } } @media screen and (max-width: 765px) { .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls { left: 0; transform: unset; } } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-button-prev:after, .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-button-next:after { content: none !important; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-button-next, .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-button-prev { width: 48px !important; height: 48px !important; } .psr-running-gears .psr-running-gears-container .psr-buttons { position: relative; display: flex; justify-content: center; } .psr-running-gears .psr-running-gears-container .psr-buttons .psr-btn { display: inline-flex; justify-content: space-between; margin: 10px; align-items: center; width: 230px; padding: 16px 16px 13px 16px; background: #fff; color: #002f9e; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 17px; letter-spacing: -0.14px; text-transform: uppercase; } .psr-running-gears .psr-running-gears-container .psr-buttons .psr-btn.outline { border: 2px solid #fff; background: transparent; color: #fff; text-wrap: nowrap; } .psr-running-gears .psr-running-gears-container .psr-gears-link { color: #fff; } .psr-running-gears .psr-running-gears-container .psr-gears-link :hover { color: #fff; } .psr-running-gears .psr-running-gears-container .psr-item-name { position: relative; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 16px; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; margin-top: 15px; width: 330px; display: inline-flex; margin-bottom: 32px; text-transform: uppercase; } .psr-running-gears .psr-running-gears-container .psr-note { position: relative; margin-top: 20px; font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 16.8px; letter-spacing: -0.14px; } @media (max-width: 765px) { .psr-running-gears { padding-top: 48px !important; padding-bottom: 48px !important; } .psr-running-gears .psr-running-gears-container .psr-logo-title { position: relative; } .psr-running-gears .psr-running-gears-container .psr-logo-title img { width: 335px !important; height: auto !important; } .psr-running-gears .psr-running-gears-container .highlight { position: absolute; left: -23%; top: 12%; margin-top: 13px; transform: translate(-22%, -10%); z-index: 0; } .psr-running-gears .psr-running-gears-container .highlight img { max-width: unset !important; width: 205vw; height: auto; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears { width: 100%; margin: 60px 0px 0px 0px; overflow: visible; position: relative; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-slide { display: flex; justify-content: center; align-items: center; opacity: 0.5; transition: transform 0.9s ease, filter 0.3s ease, opacity 0.3s ease; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-slide.swiper-slide-active { transform: scale(1.5); opacity: 1; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-slide img { max-width: 220px; transition: all 0.4s ease; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls { position: relative; display: flex; justify-content: space-between; gap: 50px; width: 100% !important; height: 40px; left: 0%; top: 107px; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-button-prev { left: 0px; right: auto; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-pagination .swiper-pagination-bullet { background: none !important; border: 2px solid #fff; width: 12px; height: 12px; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-pagination .swiper-pagination-bullet-active { background: #fff !important; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-button-next { right: 0px; left: auto; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-button-prev:after, .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-button-next:after { content: none !important; } .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-button-next, .psr-running-gears .psr-running-gears-container .psr-swiper-gears .swiper-controls .swiper-button-prev { width: 48px !important; height: 48px !important; } .psr-running-gears .psr-running-gears-container .psr-desc { font-size: 14px !important; line-height: 16.8px !important; } .psr-running-gears .psr-running-gears-container .psr-subtitle { color: #fff !important; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 36px !important; font-weight: 800; letter-spacing: -0.36px; margin: 8px 0px; position: relative; line-height: normal; } .psr-running-gears .psr-running-gears-container .psr-subtitle span { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 36px; font-weight: 300; } .psr-running-gears .psr-running-gears-container .psr-item-name { position: relative; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 19.6px; letter-spacing: -0.14px; margin-top: 0px; width: 260px; display: inline-flex; margin-bottom: 24px; text-transform: uppercase; } .psr-running-gears .psr-running-gears-container .psr-buttons { position: relative; display: flex; justify-content: center; flex-direction: column; gap: 16px; margin-top: 70px; align-items: center; } .psr-running-gears .psr-running-gears-container .psr-buttons .psr-btn { display: flex; justify-content: space-between; margin: 0px; width: 234px; padding: 16px; background: #fff; color: #002f9e; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; } .psr-running-gears .psr-running-gears-container .psr-buttons .psr-btn.outline { border: 2px solid #fff; background: transparent; color: #fff; text-wrap: nowrap; } } .psr-running-sponsors { background: #fff; text-align: center; } .psr-running-sponsors .psr-running-sponsors-container { padding-bottom: 56px; padding-top: 56px; } .psr-running-sponsors .psr-running-sponsors-container .psr-desc { position: relative; } .psr-running-sponsors .psr-running-sponsors-container .psr-subtitle { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 56px; font-weight: 800; letter-spacing: -0.56px; text-align: left; color: #022F90; margin: 8px 0px; position: relative; } .psr-running-sponsors .psr-running-sponsors-container .psr-subtitle span { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 56px; font-weight: 300; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors { width: 100%; margin: 32px 0px 30px 0px; position: relative; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-slide .sponsor-items { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 0 auto; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-slide .sponsor-items .sponsor-item { display: flex; justify-content: center; align-items: center; margin-bottom: 16px; width: 100%; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-slide .sponsor-items .sponsor-item img { width: 100%; height: auto; display: block; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-navigation { display: flex; justify-content: space-between; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-navigation .swiper-pagination { position: relative !important; bottom: 0px !important; text-align: left !important; margin-top: 12px; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-navigation .swiper-pagination .swiper-pagination-bullet { background: #3A73EC !important; opacity: 1 !important; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-navigation .swiper-pagination .swiper-pagination-bullet-active { background: #EA2127 !important; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-navigation .swiper-button { position: relative !important; bottom: 0px !important; display: flex; justify-content: flex-end; gap: 24px; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-navigation .swiper-button .swiper-sponsor-next, .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-navigation .swiper-button .swiper-sponsor-prev { position: relative !important; top: 0px !important; width: 48px !important; height: 48px !important; margin-top: 0px !important; } .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-navigation .swiper-button .swiper-sponsor-prev:after, .psr-running-sponsors .psr-running-sponsors-container .psr-swiper-sponsors .swiper-navigation .swiper-button .swiper-sponsor-next:after { content: none !important; } .psr-running-sponsors .psr-running-sponsors-container .psr-buttons { position: relative; display: flex; justify-content: center; } .psr-running-sponsors .psr-running-sponsors-container .psr-buttons .psr-btn { display: flex; justify-content: space-between; margin: 10px; width: 230px; padding: 16px; border-radius: 4px; background: #fff; color: #002f9e; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; } .psr-running-sponsors .psr-running-sponsors-container .psr-buttons .psr-btn.outline { border: 2px solid #fff; background: transparent; color: #fff; text-wrap: nowrap; } .psr-running-sponsors .psr-running-sponsors-container .psr-item-name { position: relative; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 16px; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; margin-top: 15px; width: fit-content; display: inline-flex; margin-bottom: 32px; text-transform: uppercase; } .psr-running-sponsors .psr-running-sponsors-container .psr-note { position: relative; font-size: 12px; opacity: 0.8; margin-top: 20px; } .psr-point-collection { background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%) left, linear-gradient(180deg, rgba(206, 17, 38, 0) 50%, rgba(206, 17, 38, 0.5) 100%) right, #022f90 right; background-size: 50% 100%, 50% 100%, 50% 100%; background-repeat: no-repeat; color: #fff; } .psr-point-collection .psr-container { height: 653px; margin: 0 auto; } .psr-point-collection .psr-content { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 80px; height: 630px; } .psr-point-collection .psr-content .psr-right { overflow-y: scroll; overflow-x: hidden; height: 100%; scroll-behavior: smooth; direction: ltr; padding: 66px 142px 0px 0px; scrollbar-width: thin; scrollbar-color: #3A73EC #002470; } @media screen and (min-width: 1441px) { .psr-point-collection .psr-content .psr-right { padding: 66px 240px 0px 0px; } } .psr-point-collection .psr-content .psr-right::-webkit-scrollbar { width: 11px; background-color: #002470; } .psr-point-collection .psr-content .psr-right::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #002470; border-radius: 3.5px; } .psr-point-collection .psr-content .psr-right::-webkit-scrollbar-thumb { background-color: #3A73EC; border-radius: 3.5px; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle { border-bottom: 1px solid #FFF; padding: 15px 0; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle.active .toggle-title::after { transition: transform 1s ease-in-out; content: '-'; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle .toggle-title { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: -0.24px; text-transform: uppercase; cursor: pointer; position: relative; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle .toggle-title::after { content: '+'; position: absolute; right: 0; transition: transform 0.3s ease; top: 0; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle .toggle-content { margin-top: 10px; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle .toggle-content p { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; font-style: normal; color: #fff !important; font-weight: 300; line-height: 22.4px; letter-spacing: -0.16px; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle .toggle-content p a { text-decoration: underline; color: #fff; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle .toggle-content ol li { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 22.4px; letter-spacing: -0.16px; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle .toggle-content ol li::marker { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: 800; line-height: 28.8px; letter-spacing: -0.24px; text-transform: uppercase; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle .toggle-content ol li a { text-decoration: underline; color: #fff !important; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle .toggle-content.ko-visible { display: block; } .psr-point-collection .psr-content .psr-right .psr-section-title.toggle [data-bind*="visible: open"] + .toggle-title::after { transform: rotate(45deg); } .psr-point-collection .psr-left, .psr-point-collection .psr-right { flex: 1 1 45%; } .psr-point-collection .psr-left { padding-top: 80px; padding-bottom: 80px; padding-left: 142px; } @media screen and (min-width: 1441px) { .psr-point-collection .psr-left { padding-left: 240px; } } .psr-point-collection .psr-left .psr-title { color: #fff !important; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 56px; font-weight: 800; line-height: normal; letter-spacing: -0.56px; text-transform: uppercase; } .psr-point-collection .psr-left .psr-title span { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 56px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: -0.56px; } .psr-point-collection .psr-left .psr-subtitle { font-size: 22px; margin-bottom: 20px; } .psr-point-collection .psr-left .psr-description { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 300; line-height: 25.2px; letter-spacing: -0.18px; margin-bottom: 24px; } .psr-point-collection .psr-left .psr-sosmed-title { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; color: #fff !important; font-size: 16px; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; margin-top: 0px !important; margin-bottom: 8px !important; } .psr-point-collection .psr-left .psr-buttons { display: flex; gap: 15px; margin-bottom: 30px; } .psr-point-collection .psr-left .psr-buttons .psr-btn { display: inline-block; padding: 16px; border: 1px solid #fff; color: #fff; background: none; text-decoration: none; font-weight: 500; transition: all 0.3s ease; width: 100%; max-width: 218px; display: flex; justify-content: space-between; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; } .psr-point-collection .psr-left .psr-buttons .psr-btn:hover { background: none; color: #fff; } .psr-point-collection .psr-decoration { position: absolute; left: 0; bottom: 50px; } @media (max-width: 768px) { .psr-point-collection { background: none; } .psr-point-collection .psr-container { height: 100%; } .psr-point-collection .psr-content { flex-direction: column; height: 100%; gap: 32px; } .psr-point-collection .psr-content .psr-left { padding-top: 32px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; } .psr-point-collection .psr-content .psr-left .psr-title { color: #fff !important; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 36px; font-weight: 800; line-height: normal; letter-spacing: -0.56px; text-transform: uppercase; } .psr-point-collection .psr-content .psr-left .psr-title span { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 36px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: -0.56px; } .psr-point-collection .psr-content .psr-left .psr-subtitle { font-size: 22px; margin-bottom: 20px; } .psr-point-collection .psr-content .psr-left .psr-description { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 25.2px; letter-spacing: -0.18px; margin-bottom: 24px; } .psr-point-collection .psr-content .psr-faq-item { margin-right: 15px; background: linear-gradient(180deg, rgba(206, 17, 38, 0) 50%, rgba(206, 17, 38, 0.5) 100%), #022f90; padding-top: 20px; padding-bottom: 20px; } .psr-point-collection .psr-content .psr-faq-item .psr-right { overflow-y: scroll; overflow-x: hidden; height: 100%; max-height: 445px; scroll-behavior: smooth; direction: ltr; padding-top: 0px !important; padding-right: 15px; padding-left: 15px; margin-right: 15px; scrollbar-width: thin; scrollbar-color: #3A73EC #002470; } .psr-point-collection .psr-content .psr-faq-item .psr-right::-webkit-scrollbar { width: 11px; background-color: #002470; } .psr-point-collection .psr-content .psr-faq-item .psr-right::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #002470; border-radius: 3.5px; } .psr-point-collection .psr-content .psr-faq-item .psr-right::-webkit-scrollbar-thumb { background-color: #3A73EC; border-radius: 3.5px; } .psr-point-collection .psr-content .psr-faq-item .psr-right .psr-section-title.toggle { border-bottom: 1px solid #FFF; padding: 15px 0; } .psr-point-collection .psr-content .psr-faq-item .psr-right .psr-section-title.toggle.active .toggle-title::after { transition: transform 1s ease-in-out; content: '-'; } .psr-point-collection .psr-content .psr-faq-item .psr-right .psr-section-title.toggle .toggle-title { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: -0.24px; text-transform: uppercase; padding-right: 20px; cursor: pointer; position: relative; } .psr-point-collection .psr-content .psr-faq-item .psr-right .psr-section-title.toggle .toggle-title::after { content: '+'; position: absolute; right: 0; transition: transform 0.3s ease; } .psr-point-collection .psr-content .psr-faq-item .psr-right .psr-section-title.toggle .toggle-content { margin-top: 10px; } .psr-point-collection .psr-content .psr-faq-item .psr-right .psr-section-title.toggle .toggle-content p { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 22.4px; letter-spacing: -0.16px; } .psr-point-collection .psr-content .psr-faq-item .psr-right .psr-section-title.toggle .toggle-content ol li { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 22.4px; letter-spacing: -0.16px; } .psr-point-collection .psr-content .psr-faq-item .psr-right .psr-section-title.toggle .toggle-content ol li::marker { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: 800; line-height: 28.8px; letter-spacing: -0.24px; text-transform: uppercase; } .psr-point-collection .psr-content .psr-faq-item .psr-right .psr-section-title.toggle .toggle-content.ko-visible { display: block; } .psr-point-collection .psr-content .psr-faq-item .psr-right .psr-section-title.toggle [data-bind*="visible: open"] + .toggle-title::after { transform: rotate(45deg); } .psr-point-collection .psr-content .psr-sosmed-mobile { width: 100%; max-width: none; padding-left: 15px; padding-right: 15px; padding-top: 0px; padding-bottom: 80px; } .psr-point-collection .psr-content .psr-sosmed-mobile .psr-sosmed-title { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 18px; color: #fff !important; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; margin-top: 0px !important; margin-bottom: 8px !important; } .psr-point-collection .psr-content .psr-sosmed-mobile .psr-buttons { flex-direction: column; gap: 15px; margin-bottom: 30px; } .psr-point-collection .psr-content .psr-sosmed-mobile .psr-buttons .psr-btn { display: inline-block; padding: 16px; border: 1px solid #fff; color: #fff; background: none; text-decoration: none; font-weight: 500; transition: all 0.3s ease; width: 100%; display: flex; justify-content: space-between; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; } .psr-point-collection .psr-content .psr-sosmed-mobile .psr-buttons .psr-btn:hover { background: none; color: #fff; } .psr-point-collection .psr-content .psr-decoration { bottom: 20px; } } .psr-running-footer { background: #000; } .psr-running-footer .psr-running-footer-container { padding: 32px 180px; display: flex; justify-content: space-between; align-items: center; } .psr-running-footer .psr-running-footer-container .footer-copyright { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: -0.56px; color: #fff; } .psr-popup-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 900; } .psr-popup-overlay.active { opacity: 1; visibility: visible; } .psr-popup { position: fixed; top: 0; right: -100%; width: 100%; max-width: 75vw; height: 100%; background: #fff; box-shadow: -5px 0 20px rgba(0, 0, 0, 0.25); transition: right 0.4s ease; z-index: 1000; } .psr-popup.active { right: 0; } .psr-popup .psr-popup-inner { display: flex; height: 100%; } .psr-popup .psr-popup-inner .psr-popup-header { position: absolute; top: 0; left: 0; background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); width: 35%; height: 100%; color: #fff; padding: 32px; display: flex; flex-direction: column; justify-content: space-between; } .psr-popup .psr-popup-inner .psr-popup-header .psr-popup-toggle { text-align: start; background: transparent; color: #ffffff; border: none !important; font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 24px; font-weight: 300; line-height: normal; letter-spacing: -0.24px; } .psr-popup .psr-popup-inner .psr-popup-header .psr-popup-toggle.active { text-decoration: underline; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 24px; font-weight: 800; letter-spacing: -0.24px; } .psr-popup .psr-popup-inner .psr-popup-header h2 { font-weight: 700; font-size: 20px; text-transform: uppercase; } .psr-popup .psr-popup-inner .psr-popup-header .psr-btn { background: #fff; color: #022F90; border: none; border-radius: 0px; padding: 16px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; width: 100%; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; } .psr-popup .psr-popup-inner .psr-popup-header .psr-btn.outline { background: none; color: #ffffff; border: 1px solid #ffffff; margin-top: 0px; } .psr-popup .psr-popup-inner .psr-popup-header .psr-btn span { font-size: 20px; line-height: 1; } .psr-popup .psr-popup-inner .psr-popup-header .psr-popup-sidebar { display: flex; flex-direction: column; gap: 24px; } .psr-popup .psr-popup-inner .psr-popup-header .psr-popup-sidebar h2 { color: #FFF !important; font-family: "ProximaNovaExtraBold"; font-size: 24px; letter-spacing: -0.24px; } .psr-popup .psr-popup-inner .psr-popup-header .psr-popup-sidebar-info { color: #FFF !important; font-family: "ProximaNovaLight"; font-size: 16px; letter-spacing: -0.16px; } .psr-popup .psr-popup-inner .psr-popup-header .psr-popup-sidebar-info a { color: #FFF !important; font-family: "ProximaNovaBold"; text-decoration: underline; } .psr-popup .psr-popup-content { margin-left: 35%; height: 100%; padding: 32px; width: 100%; } .psr-popup .psr-popup-content .psr-popup-close { position: relative; background: transparent; border: none; cursor: pointer; display: flex; justify-content: end; width: 100%; padding: 0px !important; margin-bottom: 32px; } .psr-popup .psr-popup-content .psr-popup-close:hover { border: none !important; } .psr-popup .psr-popup-content .psr-popup-body { flex: 1; overflow-y: auto; gap: 32px; max-height: 85vh; height: 100%; display: flex; flex-direction: column; padding-right: 24px; } .psr-popup .psr-popup-content .psr-popup-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #002470; border-radius: 3.5px; } .psr-popup .psr-popup-content .psr-popup-body::-webkit-scrollbar { width: 5px; background-color: #002470; } .psr-popup .psr-popup-content .psr-popup-body::-webkit-scrollbar-thumb { background-color: #3A73EC; border-radius: 3.5px; } .psr-popup .psr-popup-content .psr-section { display: flex; padding: 24px 24px 24px 0; flex-direction: column; align-items: flex-start; gap: 16px; background: #E8E9EA; } .psr-popup .psr-popup-content .psr-section .psr-section-title { font-weight: 700; color: #ffffff; padding: 10px 8px 10px 24px; border-radius: 0px; margin-bottom: 10px; background: #3A73EC; width: 85%; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; height: 42px; position: relative; clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%); } .psr-popup .psr-popup-content .psr-section .psr-info { font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 22.4px; letter-spacing: -0.16px; width: 100%; padding-left: 24px; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr { border-bottom: 0.5px solid #808285; padding-bottom: 16px; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr:last-child { border-bottom: none; padding-bottom: 0px; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr h3 { color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list { display: flex; flex-direction: row; gap: 12px; border-bottom: 0.5px solid rgba(255, 255, 255, 0.5); } @media screen and (max-width: 992px) { .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list { padding: 10px 0px; flex-wrap: wrap; justify-content: end; } } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list:last-child { border-bottom: unset; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-info { flex: 1; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-value { color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-value { font-size: 14px; } } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-minspend { padding-top: 8px; font-family: "ProximaNovaLight"; line-height: 22.4px; letter-spacing: -0.16px; font-size: 16px; } @media screen and (max-width: 992px) { .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-minspend { font-size: 14px; } } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-date { color: #000; font-family: "ProximaNovaLight"; font-size: 12px; line-height: 14.4px; letter-spacing: -0.12px; padding: 8px 0 8px 0; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-code { display: flex; height: 40px; position: relative; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-code input { font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; height: 100%; max-width: 300px; background-color: #FFF; border-radius: 0 !important; border: none !important; color: #000 !important; opacity: 1 !important; text-transform: uppercase; } @media screen and (max-width: 992px) { .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-code input { font-size: 14px; } } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-code button { height: 100%; background: #022F90 !important; border-radius: 0 !important; border: none !important; color: #FFF !important; padding: 8px; width: 100px; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; text-wrap: nowrap; } @media screen and (max-width: 992px) { .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-code button { font-size: 14px; } } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-code .tooltip-copy { width: 120px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; bottom: 125%; left: 25%; margin-left: -60px; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-code .tooltip-copy::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-image { flex: 0 1 190px; } @media screen and (max-width: 992px) { .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-image { flex: 0 1 110px; } } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-cta { align-self: end; } @media screen and (min-width: 992px) { .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-cta { max-width: 160px; } } @media screen and (max-width: 992px) { .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-cta { padding-top: 10px; } .psr-popup .psr-popup-content .psr-section .psr-info tbody tr .psr-voucher-list-cta .psr-btn { justify-content: center !important; } } .psr-popup .psr-popup-content .psr-section .psr-info .psr-info-item { display: flex; flex-direction: row; align-items: center; gap: 24px; margin-top: 10px; border-bottom: 1px solid black; padding-bottom: 24px; } .psr-popup .psr-popup-content .psr-section .psr-info .psr-info-item:last-child { border-bottom: none; padding-bottom: 0px; } .psr-popup .psr-popup-content .psr-section .psr-info strong { display: block; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; color: #022F90; } .psr-popup .psr-popup-content .psr-section .psr-info-voucher-head { display: flex; align-content: center; color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { .psr-popup .psr-popup-content .psr-section .psr-info-voucher-head { font-size: 14px; } } .psr-popup .psr-popup-content .psr-section .psr-info-voucher-head div { padding: 8px; flex: 1; text-align: center; } .psr-popup .psr-popup-content .psr-section .psr-info-voucher-head div:nth-child(1) { border-bottom: 1px solid #808285; border-right: 1px solid #808285; } .psr-popup .psr-popup-content .psr-section .psr-info-voucher-head div:nth-child(2) { border-bottom: 1px solid #808285; } .psr-popup .psr-popup-content .psr-section .psr-info-voucher-body { display: flex; justify-content: space-evenly; align-content: center; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { .psr-popup .psr-popup-content .psr-section .psr-info-voucher-body { font-size: 14px; } } .psr-popup .psr-popup-content .psr-section .psr-info-voucher-body div { flex: 1; text-align: center; padding: 8px 0 8px 0; } .psr-popup .psr-popup-content .psr-section .psr-info-voucher-body div:nth-child(1) { border-right: 1px solid #808285; } .psr-popup .psr-popup-content .psr-section .psr-schedule { list-style: none; margin: 0; padding: 0; font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 22.4px; letter-spacing: -0.16px; } .psr-popup .psr-popup-content .psr-section .psr-schedule tbody tr { border-bottom: 1px solid #000; padding-bottom: 16px; } .psr-popup .psr-popup-content .psr-section .psr-schedule tbody tr:last-child { border-bottom: none; padding-bottom: 0px; } .psr-popup .psr-popup-content .psr-section .psr-schedule li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #ddd; } .psr-popup .psr-popup-content .psr-section .psr-schedule li strong { color: #022f90; } .psr-popup .psr-popup-content .psr-section .psr-sizechart { display: flex; flex-direction: row; gap: 10px; padding-left: 24px; } .psr-popup .psr-popup-content .psr-section .psr-sizechart img { width: 100%; height: 259px; } .psr-popup .psr-popup-content .psr-section .psr-jersey { display: flex; flex-direction: row; gap: 10px; padding-left: 24px; } .psr-popup .psr-popup-content .psr-section .psr-jersey img { width: 272px; height: 259px; } .psr-popup .psr-popup-content .psr-section .psr-jersey-swiper { width: 100%; max-width: 600px; margin: 0 auto; margin-left: 24px; } .psr-popup .psr-popup-content .psr-section .psr-jersey-swiper img { width: 100%; height: auto; } .psr-popup .psr-popup-content .psr-section .psr-jersey-swiper .swiper-button-next, .psr-popup .psr-popup-content .psr-section .psr-jersey-swiper .swiper-button-prev { color: #000; } .psr-popup .psr-popup-content .psr-section .psr-jersey-swiper .swiper-pagination-bullet-active { background-color: #000; } @media (max-width: 768px) { .psr-popup { max-width: 100vw; } .psr-popup .psr-popup-inner { display: flex; height: 100%; background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); flex-direction: column; padding: 24px 20px; } .psr-popup .psr-popup-inner .psr-popup-close { position: relative; background: transparent; border: none; cursor: pointer; display: flex; justify-content: end; width: 100%; padding: 0px !important; margin-bottom: 32px; } .psr-popup .psr-popup-inner .psr-popup-close:hover { border: none !important; } .psr-popup .psr-popup-inner .psr-popup-header { position: relative; top: 0; left: 0; background: none; width: 100%; height: fit-content; color: #fff; padding: 0px; display: flex; flex-direction: column; justify-content: unset; } .psr-popup .psr-popup-inner .psr-popup-header .psr-popup-toggle { text-align: start; background: transparent; color: #ffffff; border: none !important; font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 18px; font-weight: 300; line-height: normal; letter-spacing: -0.24px; } .psr-popup .psr-popup-inner .psr-popup-header .psr-popup-toggle.active { text-decoration: underline; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 18px; font-weight: 800; letter-spacing: -0.24px; } .psr-popup .psr-popup-inner .psr-popup-header h2 { font-weight: 700; font-size: 20px; text-transform: uppercase; } .psr-popup .psr-popup-inner .psr-popup-header .psr-btn { background: #fff; color: #022F90; border: none; border-radius: 0px; padding: 16px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; width: 100%; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; } .psr-popup .psr-popup-inner .psr-popup-header .psr-btn.outline { background: none; color: #ffffff; border: 1px solid #ffffff; margin-top: 0px; } .psr-popup .psr-popup-inner .psr-popup-header .psr-btn span { font-size: 20px; line-height: 1; } .psr-popup .psr-popup-inner .psr-popup-header .psr-popup-sidebar { display: flex; flex-direction: row; gap: 24px; margin-bottom: 12px; justify-content: space-evenly; } .psr-popup .psr-popup-inner .psr-popup-header .psr-popup-sidebar:has(.psr-popup-sidebar-info) { flex-direction: column; gap: 0; } .psr-popup .psr-popup-inner .psr-popup-content { height: 100%; overflow-y: auto; padding: 32px 24px; width: 100%; background: #fff; position: relative; right: 50%; left: 50%; flex: 2 100vw; width: 100vw; max-width: none; margin-right: -50vw !important; margin-left: -50vw !important; } .psr-popup .psr-popup-inner .psr-popup-content .psr-popup-body { flex: 1; overflow-y: auto; gap: 32px; display: flex; flex-direction: column; max-height: unset; height: unset; padding-right: 0px; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section { display: flex; padding: 16px 16px 16px 0; flex-direction: column; align-items: flex-start; gap: 10px; background: #E8E9EA; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-section-title { font-weight: 700; color: #ffffff; padding: 10px 8px 10px 16px; margin-bottom: 10px; background: #3A73EC; width: 100%; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; height: 42px; position: relative; clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-info { padding-left: 10px; font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 300; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-info .psr-info-item { display: flex; flex-direction: column; align-items: start; justify-content: space-between; margin-top: 10px; gap: 8px; border-bottom: 1px solid black; padding-bottom: 24px; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-info .psr-info-item:last-child { border-bottom: none; padding-bottom: 0px; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-info strong { display: block; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; color: #022F90; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-schedule { list-style: none; margin: 0; padding: 0; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-schedule li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #ddd; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-schedule li strong { color: #022f90; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-sizechart { display: flex; flex-direction: row; gap: 10px; padding-left: 16px; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-sizechart img { width: 100%; height: auto; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey { display: flex; flex-direction: row; gap: 10px; padding-left: 24px; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey img { width: 272px; height: 259px; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper { width: 100%; max-width: 310px; margin: 0 auto; margin-left: 16px; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper img { width: 100%; height: auto; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper .swiper-navigation { margin-top: 10px; display: flex; justify-content: space-between; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper .swiper-navigation .swiper-pagination { position: relative !important; bottom: 0px !important; text-align: left !important; margin-top: 12px; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet { background: #3A73EC !important; width: 12px; height: 12px; opacity: 1; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet-active { background: #EA2127 !important; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper .swiper-navigation .swiper-button { position: relative !important; bottom: 0px !important; display: flex; justify-content: flex-end; gap: 16px; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper .swiper-navigation .swiper-button .swiper-button-next, .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper .swiper-navigation .swiper-button .swiper-button-prev { position: relative !important; top: 0px !important; width: 48px !important; height: 48px !important; margin-top: 0px !important; left: 0px !important; right: 0px !important; } .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper .swiper-navigation .swiper-button .swiper-button-prev:after, .psr-popup .psr-popup-inner .psr-popup-content .psr-section .psr-jersey-swiper .swiper-navigation .swiper-button .swiper-button-next:after { content: none !important; } .psr-popup .psr-popup-inner .psr-popup-sidebar-bottom { flex-direction: column; gap: 16px; } .psr-popup .psr-popup-inner .psr-popup-sidebar-bottom .psr-btn { background: #fff; color: #022F90; border: none; border-radius: 0px; padding: 16px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; width: 100%; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 800; line-height: 16.8px; letter-spacing: -0.14px; text-transform: uppercase; } .psr-popup .psr-popup-inner .psr-popup-sidebar-bottom .psr-btn.outline { background: none; color: #ffffff; border: 1px solid #ffffff; margin-top: 0px; } .psr-popup .psr-popup-inner .psr-popup-sidebar-bottom .psr-btn span { font-size: 20px; line-height: 1; } } @media screen and (max-width: 395px) { .psr-popup .psr-jersey-swiper { width: 100%; max-width: 272px !important; margin: 0 auto; margin-left: 16px; } } .psr-popup-auth-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1001; } .psr-popup-auth-overlay.active { opacity: 1; visibility: visible; } .psr-popup-auth { position: fixed; width: 100%; max-width: 446px; background: #fff; box-shadow: -5px 0 20px rgba(0, 0, 0, 0.25); transition: right 0.4s ease; z-index: 1002; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } .psr-popup-auth-wrapper { padding: 32px 24px 32px 24px; display: flex; flex-direction: column; gap: 24px; } @media screen and (max-width: 765px) { .psr-popup-auth { max-width: 327px; } } .psr-popup-auth.active { display: block; } .psr-popup-auth-header img { width: 100%; } .psr-popup-auth-button { border-radius: 100%; background: rgba(88, 89, 91, 0.5) !important; height: 32px; width: 32px; padding: 8px; border: none; } .psr-popup-auth-button:hover { background: rgba(88, 89, 91, 0.5); border: none; } .psr-popup-auth-close { position: absolute; border: none; cursor: pointer; display: flex; justify-content: end; width: 100%; padding: 0px !important; margin-bottom: 32px; right: 8px; top: 8px; } .psr-popup-auth-icon { height: 64px; width: 64px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .psr-popup-auth-icon-success { background-color: #022F90; } .psr-popup-auth-icon-failed { background-color: #EA2127; } .psr-popup-auth-title { color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 24px; font-weight: 800; line-height: normal; letter-spacing: -0.24px; } .psr-popup-auth-user { color: #000; font-size: 18px; line-height: 25.2px; letter-spacing: -0.18px; } .psr-popup-auth-username { font-family: "ProximaNovaBold"; } .psr-popup-auth-useremail { font-family: "ProximaNovaLight"; } .psr-popup-auth-content { display: flex; flex-direction: column; gap: 16px; background: #FFF; padding: 32px 24px 32px 24px; } .psr-popup-auth-content h5 { color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 24px; font-weight: 800; line-height: normal; letter-spacing: -0.24px; margin: 0px; } @media screen and (max-width: 765px) { .psr-popup-auth-content h5 { font-size: 20px; } } .psr-popup-auth-content p:nth-of-type(1) { color: #000; font-family: "ProximaNovaLight"; font-size: 16px; font-weight: 300; letter-spacing: -0.16px; } @media screen and (max-width: 765px) { .psr-popup-auth-content p:nth-of-type(1) { font-size: 14px; } } .psr-popup-auth-content p:nth-of-type(2) { color: #000; font-family: "ProximaNovaBold"; font-size: 12px; font-weight: 700; letter-spacing: -0.12px; } .psr-popup-auth-content p:nth-of-type(3) { color: #000; font-family: "ProximaNovaLight"; font-size: 16px; font-weight: 300; letter-spacing: -0.16px; text-align: center; } @media screen and (max-width: 765px) { .psr-popup-auth-content p:nth-of-type(3) { font-size: 12px; } } .psr-popup-auth-content p:nth-of-type(3) a { color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 12px; font-weight: 800; letter-spacing: -0.12px; text-decoration: underline; text-transform: uppercase; } .psr-popup-auth-content p:nth-of-type(3) a :hover { color: #022F90; } .psr-popup-auth-footer { display: flex; flex-direction: column; gap: 24px; } .psr-popup-auth-cta { background: #022F90; color: #FFF !important; font-family: "ProximaNovaExtraBold"; font-size: 14px; line-height: 16.8px; letter-spacing: -0.14px; padding: 16px; text-transform: uppercase; display: flex; justify-content: space-between; text-align: start; } .page-main:has(#psrHero) { max-width: unset !important; padding: unset !important; margin-top: 0 !important; background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); } .page-main:has(#psrHero) .page-title-wrapper { display: none; } @media screen and (max-width: 992px) { .page-main:has(#psrHero) { background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%) !important; } } .page-main:has(#psrHero) .columns .column.main { padding-bottom: 0 !important; } .page-main:has(#race-connect-page) { background: linear-gradient(180deg, rgba(206, 17, 38, 0) 50%, rgba(206, 17, 38, 0.5) 100%), linear-gradient(135deg, #3a73ec 0%, #022f90 100%); max-width: unset !important; padding: unset !important; margin-top: 0 !important; } @media screen and (max-width: 992px) { .page-main:has(#race-connect-page) { position: relative; overflow-x: hidden; } } .page-main:has(#race-connect-page)::after { content: ""; position: absolute; top: 0; right: -10rem; width: 50%; /* adjust size */ height: 100%; background: linear-gradient(180deg, #022f90 0%, transparent 55%); transform: skewX(-30deg); /* creates the parallelogram effect */ transform-origin: top right; pointer-events: none; } @media screen and (max-width: 992px) { .page-main:has(#race-connect-page)::after { right: -28rem; width: 100%; } } .page-main:has(#race-connect-page) .column.main { padding-bottom: unset !important; height: 85vh; min-height: 650px !important; } @media screen and (max-width: 992px) { .page-main:has(#race-connect-page) .column.main { height: 90vh; } } .page-main:has(#race-connect-page) .page-title-wrapper { display: none; } .page-footer { z-index: 1; } #race-connect-page { min-height: 650px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } #race-connect-page-header { width: 100%; height: 86px; background: linear-gradient(180deg, #002470 0%, rgba(0, 36, 112, 0) 100%); position: relative; z-index: 2; display: flex; justify-content: center; flex-direction: column; padding-top: 24px; padding-bottom: 24px; } @media screen and (max-width: 992px) { #race-connect-page-header { height: 56px; } } #race-connect-page-header .race-connect-header-wrapper { justify-content: space-between; display: flex; align-items: center; flex-direction: row; max-width: 1150px; margin: 0 auto; width: 100%; } @media screen and (max-width: 992px) { #race-connect-page-header .race-connect-header-wrapper { padding-right: 24px; padding-left: 24px; } } #race-connect-page-header .race-connect-header-wrapper img { max-height: 38px; } @media screen and (max-width: 992px) { #race-connect-page-header .race-connect-header-wrapper img { max-height: 24px; } } #race-connect-page-header .race-connect-header-wrapper .psr-nav { align-items: center; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-weight: 800; font-size: 16px; } #race-connect-page-header .race-connect-header-wrapper .psr-nav span { text-transform: uppercase; } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown { position: relative; display: inline-block; } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-toggle { background: none; border: none; color: #fff; font-weight: 500; cursor: pointer; display: flex; align-items: center; gap: 4px; } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-toggle span { text-transform: uppercase; } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-toggle .psr-caret { font-size: 10px; transition: transform 0.2s ease; } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-toggle:hover { color: #b3c7ff; } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-menu { display: none; position: absolute; right: 0; background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); border-radius: 4px; list-style: none; margin: 0; padding: 8px 0; min-width: 150px; z-index: 999; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-menu li { padding: 6px 16px; } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-menu li a { color: #fff; text-decoration: none; display: block; transition: background 0.2s ease; } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-menu li a:hover { background: #0039cc; } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown.open .psr-dropdown-menu { display: block; } #race-connect-page-header .race-connect-header-wrapper .psr-nav .psr-dropdown.open .psr-caret { transform: rotate(180deg); } #race-connect-page-header .race-connect-header-wrapper .psr-nav a { color: #fff; text-decoration: none; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; } @media screen and (max-width: 992px) { #race-connect-page-header .race-connect-header-wrapper .psr-nav { display: none; } } #race-connect-page-header .header-username { color: #FFF; font-family: "ProximaNovaExtraBold"; font-size: 16px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { #race-connect-page-header .header-username { font-size: 14px; } } #race-connect-page-content { height: 100%; display: flex; justify-content: center; align-items: center; font-family: 'ProximaNovaRegular', Arial, sans-serif; } @media screen and (max-width: 992px) { #race-connect-page-content { padding: 0 20px; } } #race-connect-page-content h4 { font-family: "ProximaNovaExtraBold"; font-size: 24px; letter-spacing: -0.24px; color: #022F90; margin: 0px; margin-bottom: 8px; } @media screen and (max-width: 992px) { #race-connect-page-content h4 { font-size: 20px; } } #race-connect-page-content p { font-family: "ProximaNovaLight"; margin-bottom: 24px; } #race-connect-page-content p strong { font-family: "ProximaNovaExtraBold"; color: #022F90; } @media screen and (max-width: 992px) { #race-connect-page-content p { font-size: 12px; margin-bottom: 16px; } } #race-connect-page-content a { font-family: "ProximaNovaExtraBold"; text-decoration: underline; display: inline; font-size: 12px; color: #022F90; } #race-connect-page-content .card-footer { text-align: center; font-size: 12px; margin-top: 12px; } #race-connect-page-content .card-footer p { margin-bottom: 0px; } #race-connect-page-content .card { z-index: 1; display: none; background: #fff; padding: 32px 24px; width: 446px; text-align: left; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); } #race-connect-page-content .card.active { display: block; } #race-connect-page-content .card img { width: 100%; } @media screen and (max-width: 992px) { #race-connect-page-content .card { padding: 24px 16px; } } #race-connect-page-content .card label { color: #022F90; font-family: 'ProximaNovaBold'; font-size: 12px; margin-top: 24px; margin-bottom: 8px; } #race-connect-page-content .btn-primary { font-family: "ProximaNovaExtraBold"; display: flex; justify-content: space-between; margin-top: 24px; background: #022F90; color: #ffffff; padding: 12px 18px; text-decoration: none; font-weight: 600; border-radius: unset; transition: background 0.2s ease; cursor: pointer; width: 100%; text-align: left; align-items: center; } #race-connect-page-content .btn-primary:last-child { margin-top: 16px; } @media screen and (max-width: 992px) { #race-connect-page-content .btn-primary { font-size: 14px; } } #race-connect-page-content .btn-primary svg { max-width: 16px; } #race-connect-page-content .btn-secondary { font-family: "ProximaNovaExtraBold"; display: flex; justify-content: space-between; margin-top: 14px; background: #fff; color: #022F90; padding: 12px 18px; text-decoration: none; font-weight: 600; border-radius: unset; border: 2px solid #022F90; transition: background 0.2s ease; cursor: pointer; width: 100%; text-align: left; align-items: center; } @media screen and (max-width: 992px) { #race-connect-page-content .btn-secondary { font-size: 14px; } } #race-connect-page-content .btn-secondary svg { max-width: 16px; } #race-connect-page-content input[type="email"] { width: 100%; padding: 16px; height: 54px; border-radius: 2px; border: 0.5px solid #808285; background: #D1D3D4; font-size: 16px; } @media screen and (max-width: 992px) { #race-connect-page-content input[type="email"] { font-size: 14px; } } #race-connect-page-content .otp-inputs { display: flex; gap: 10px; justify-content: center; margin: 20px 0; } #race-connect-page-content .otp-inputs input { width: 50px; height: 65px; font-size: 28px; font-weight: bold; text-align: center; border: 2px solid #D1D3D4; border-radius: 6px; outline: none; color: #1a4ca0; } #race-connect-page-content .otp-inputs input.filled { border-color: #1a4ca0; } #race-connect-page-content .otp-inputs input:focus { border-color: #003d99; box-shadow: 0 0 6px rgba(0, 61, 153, 0.5); } #race-connect-page-content .phone-number-field { display: flex; align-items: center; overflow: hidden; width: 100%; max-width: 400px; margin-bottom: 24px; margin-top: 8px; gap: 8px; } #race-connect-page-content .phone-number-field .phone-prefix { width: 60px; text-align: center; border: none; border: 1px solid #ccc; padding: 10px; font-weight: bold; color: #333; height: 45px; } #race-connect-page-content .phone-number-field .phone-prefix:focus { outline: none; background: #fff; } #race-connect-page-content .phone-number-field .phone-input { height: 45px; border: none; flex: 1; padding: 10px; font-size: 14px; border: 1px solid #ccc; } #race-connect-page-content .phone-number-field .phone-input:focus { outline: none; background: #fff; } #race-connect-page-content .phone-number-field .phone-input::placeholder { color: #aaa; } #race-connect-page-content .map-warning { color: #EA2127; font-family: "ProximaNovaLight"; font-size: 12px; line-height: 14.4px; letter-spacing: -0.12px; display: flex; flex-direction: row; gap: 5px; padding-top: 8px; } #race-connect-page-content .map-warning p { margin-bottom: 0px; } #race-connect-page-footer { display: flex; justify-content: center; flex-direction: column; background-color: #000; } #race-connect-page-footer .race-connect-footer-wrapper { min-height: 104px; justify-content: space-between; display: flex; flex-direction: row; max-width: 1150px; margin: 0 auto; width: 100%; align-items: center; } @media screen and (max-width: 992px) { #race-connect-page-footer .race-connect-footer-wrapper { flex-direction: column; min-height: 171px; justify-content: center; gap: 24px; padding: 0 24px; } } #race-connect-page-footer .race-connect-footer-wrapper img { max-height: 40px; } @media screen and (max-width: 992px) { #race-connect-page-footer .race-connect-footer-wrapper img { max-height: 55px; } } #race-connect-page-footer .race-connect-footer-wrapper p { color: #FFF; font-family: "ProximaNovaRegular"; font-size: 12px; letter-spacing: 0.12px; } @media screen and (max-width: 992px) { #race-connect-page-footer .race-connect-footer-wrapper p { font-size: 10px; text-align: center; } } .page-main:has(#race-attendance-page) { margin-top: 0 !important; background: linear-gradient(180deg, rgba(206, 17, 38, 0) 50%, rgba(206, 17, 38, 0.5) 100%), linear-gradient(135deg, #3a73ec 0%, #022f90 100%); max-width: unset !important; padding: unset !important; } @media screen and (max-width: 992px) { .page-main:has(#race-attendance-page) { position: relative; overflow-x: hidden; } } .page-main:has(#race-attendance-page)::after { content: ""; position: absolute; top: 0; right: -10rem; width: 50%; /* adjust size */ height: 100%; background: linear-gradient(180deg, #022f90 0%, transparent 55%); transform: skewX(-30deg); /* creates the parallelogram effect */ transform-origin: top right; pointer-events: none; } @media screen and (max-width: 992px) { .page-main:has(#race-attendance-page)::after { right: -28rem; width: 100%; } } .page-main:has(#race-attendance-page) .column.main { padding-bottom: unset !important; min-height: 105vh !important; } @media screen and (max-width: 992px) { .page-main:has(#race-attendance-page) .column.main { height: 120vh; } } .page-main:has(#race-attendance-page) .page-title-wrapper { display: none; } .page-footer { z-index: 1; } #race-attendance-page { min-height: 650px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } #race-attendance-page-header { width: 100%; height: 86px; background: linear-gradient(180deg, #002470 0%, rgba(0, 36, 112, 0) 100%); position: relative; z-index: 2; display: flex; justify-content: center; flex-direction: column; padding-top: 24px; padding-bottom: 24px; } @media screen and (max-width: 992px) { #race-attendance-page-header { height: 56px; } } #race-attendance-page-header .race-attendance-header-wrapper { justify-content: space-between; display: flex; align-items: center; flex-direction: row; max-width: 1150px; margin: 0 auto; width: 100%; } @media screen and (max-width: 992px) { #race-attendance-page-header .race-attendance-header-wrapper { padding-right: 24px; padding-left: 24px; } } #race-attendance-page-header .race-attendance-header-wrapper img { max-height: 38px; } @media screen and (max-width: 992px) { #race-attendance-page-header .race-attendance-header-wrapper img { max-height: 24px; } } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav { align-items: center; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-weight: 800; font-size: 16px; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav span { text-transform: uppercase; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown { position: relative; display: inline-block; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-toggle { background: none; border: none; color: #fff; font-weight: 500; cursor: pointer; display: flex; align-items: center; gap: 4px; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-toggle span { text-transform: uppercase; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-toggle .psr-caret { font-size: 10px; transition: transform 0.2s ease; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-toggle:hover { color: #b3c7ff; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-menu { display: none; position: absolute; right: 0; background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); border-radius: 4px; list-style: none; margin: 0; padding: 8px 0; min-width: 150px; z-index: 999; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-menu li { padding: 6px 16px; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-menu li a { color: #fff; text-decoration: none; display: block; transition: background 0.2s ease; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown .psr-dropdown-menu li a:hover { background: #0039cc; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown.open .psr-dropdown-menu { display: block; } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav .psr-dropdown.open .psr-caret { transform: rotate(180deg); } #race-attendance-page-header .race-attendance-header-wrapper .psr-nav a { color: #fff; text-decoration: none; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; } @media screen and (max-width: 992px) { #race-attendance-page-header .race-attendance-header-wrapper .psr-nav { display: none; } } #race-attendance-page-header .header-username { color: #FFF; font-family: "ProximaNovaExtraBold"; font-size: 16px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; } @media screen and (max-width: 992px) { #race-attendance-page-header .header-username { font-size: 14px; } } #race-attendance-page-content { height: 100%; display: flex; justify-content: center; align-items: center; padding: 56px 0; font-family: 'ProximaNovaRegular', Arial, sans-serif; } @media screen and (max-width: 992px) { #race-attendance-page-content { padding: 0 15px; } } #race-attendance-page-content h4 { font-family: "ProximaNovaExtraBold"; font-size: 24px; letter-spacing: -0.24px; color: #022F90; margin: 0px; margin-bottom: 8px; } @media screen and (max-width: 992px) { #race-attendance-page-content h4 { font-size: 20px; } } #race-attendance-page-content p { font-size: 16px; font-family: "ProximaNovaLight"; margin-bottom: 24px; } #race-attendance-page-content p strong { font-family: "ProximaNovaExtraBold"; color: #022F90; } @media screen and (max-width: 992px) { #race-attendance-page-content p { font-size: 12px; margin-bottom: 16px; } } #race-attendance-page-content a { font-family: "ProximaNovaExtraBold"; text-decoration: underline; display: inline; font-size: 12px; color: #022F90; } #race-attendance-page-content .card-footer { text-align: center; font-size: 12px; margin-top: 12px; } #race-attendance-page-content .card-footer p { margin-bottom: 0px; } #race-attendance-page-content .card { z-index: 1; display: none; background: #fff; padding: 32px 24px; width: 446px; text-align: left; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); } #race-attendance-page-content .card.active { display: block; } #race-attendance-page-content .card img { width: 100%; } @media screen and (max-width: 992px) { #race-attendance-page-content .card { padding: 24px 16px; } } #race-attendance-page-content .card label { color: #022F90; font-family: 'ProximaNovaBold'; font-size: 12px; margin-top: 24px; margin-bottom: 8px; } #race-attendance-page-content .attendance-information { margin-top: 24px; margin-bottom: 24px; } @media screen and (max-width: 992px) { #race-attendance-page-content .attendance-information { margin-top: 16px; margin-bottom: 16px; } } #race-attendance-page-content .attendance-name { font-family: 'ProximaNovaBold'; color: #000; font-size: 18px; font-style: normal; font-weight: 700; line-height: 25.2px; letter-spacing: -0.18px; } #race-attendance-page-content .attendance-email { font-family: 'ProximaNovaLight'; font-size: 18px; font-style: normal; font-weight: 300; line-height: 25.2px; letter-spacing: -0.18px; } #race-attendance-page-content .attendance-race-info { background: #E8E9EA; padding: 12px 12px 12px 0; margin-bottom: 24px; } @media screen and (max-width: 992px) { #race-attendance-page-content .attendance-race-info { padding: 8px 8px 8px 0; margin-bottom: 16px; } } #race-attendance-page-content .attendance-race-info .psr-ribbon { margin-bottom: 16px; } #race-attendance-page-content .attendance-race-info h5 { margin-bottom: 4px; margin-top: 0px; color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 16px; } @media screen and (max-width: 992px) { #race-attendance-page-content .attendance-race-info h5 { font-size: 14px; } } #race-attendance-page-content .attendance-race-info h5, #race-attendance-page-content .attendance-race-info-schedule, #race-attendance-page-content .attendance-race-info-location { padding-left: 24px; } #race-attendance-page-content .attendance-race-info-schedule, #race-attendance-page-content .attendance-race-info-location { display: flex; gap: 4px; font-family: 'ProximaNovaLight'; font-size: 16px; } @media screen and (max-width: 992px) { #race-attendance-page-content .attendance-race-info-schedule, #race-attendance-page-content .attendance-race-info-location { font-size: 14px; } } #race-attendance-page-content .btn-primary { font-family: "ProximaNovaExtraBold"; display: flex; justify-content: space-between; margin-top: 24px; background: #022F90 !important; color: #ffffff !important; padding: 12px 18px; text-decoration: none; font-weight: 600; border-radius: unset; transition: background 0.2s ease; cursor: pointer; width: 100%; text-align: left; align-items: center; } #race-attendance-page-content .btn-primary:last-child { margin-top: 16px; } @media screen and (max-width: 992px) { #race-attendance-page-content .btn-primary { font-size: 14px; } } #race-attendance-page-content .btn-primary svg { max-width: 16px; } #race-attendance-page-content .btn-secondary { font-family: "ProximaNovaExtraBold"; display: flex; justify-content: space-between; margin-top: 14px; background: #fff !important; color: #022F90 !important; padding: 12px 18px; text-decoration: none; font-weight: 600; border-radius: unset; border: 2px solid #022F90; transition: background 0.2s ease; cursor: pointer; width: 100%; text-align: left; align-items: center; } @media screen and (max-width: 992px) { #race-attendance-page-content .btn-secondary { font-size: 14px; } } #race-attendance-page-content .btn-secondary svg { max-width: 16px; } #race-attendance-page-content input[type="email"] { width: 100%; padding: 16px; height: 54px; border-radius: 2px; border: 0.5px solid #808285; background: #D1D3D4; font-size: 16px; } @media screen and (max-width: 992px) { #race-attendance-page-content input[type="email"] { font-size: 14px; } } #race-attendance-page-content .otp-inputs { display: flex; gap: 10px; justify-content: center; margin: 12px 0 24px 0; } @media screen and (max-width: 992px) { #race-attendance-page-content .otp-inputs { margin: 8px 0 16px 0; } } #race-attendance-page-content .otp-inputs input { width: 70px; height: 90px; font-size: 28px; font-weight: bold; text-align: center; border: 2px solid #D1D3D4; border-radius: 0px; outline: none; color: #1a4ca0; } #race-attendance-page-content .otp-inputs input.filled { border-color: #1a4ca0; } #race-attendance-page-content .otp-inputs input:focus { border-color: #003d99; box-shadow: 0 0 6px rgba(0, 61, 153, 0.5); } #race-attendance-page-content .phone-number-field { display: flex; align-items: center; overflow: hidden; width: 100%; max-width: 400px; margin-bottom: 24px; margin-top: 8px; gap: 8px; } #race-attendance-page-content .phone-number-field .phone-prefix { width: 60px; text-align: center; border: none; border: 1px solid #ccc; padding: 10px; font-weight: bold; color: #333; height: 45px; } #race-attendance-page-content .phone-number-field .phone-prefix:focus { outline: none; background: #fff; } #race-attendance-page-content .phone-number-field .phone-input { height: 45px; border: none; flex: 1; padding: 10px; font-size: 14px; border: 1px solid #ccc; } #race-attendance-page-content .phone-number-field .phone-input:focus { outline: none; background: #fff; } #race-attendance-page-content .phone-number-field .phone-input::placeholder { color: #aaa; } #race-attendance-page-content .map-warning { color: #EA2127; font-family: "ProximaNovaLight"; font-size: 12px; line-height: 14.4px; letter-spacing: -0.12px; display: flex; flex-direction: row; gap: 5px; padding-top: 8px; } #race-attendance-page-content .map-warning p { margin-bottom: 0px; } #race-attendance-page-footer { display: flex; justify-content: center; flex-direction: column; background-color: #000; } #race-attendance-page-footer .race-attendance-footer-wrapper { min-height: 104px; justify-content: space-between; display: flex; flex-direction: row; max-width: 1150px; margin: 0 auto; width: 100%; align-items: center; } @media screen and (max-width: 992px) { #race-attendance-page-footer .race-attendance-footer-wrapper { flex-direction: column; min-height: 171px; justify-content: center; gap: 24px; padding: 0 24px; } } #race-attendance-page-footer .race-attendance-footer-wrapper img { max-height: 40px; } @media screen and (max-width: 992px) { #race-attendance-page-footer .race-attendance-footer-wrapper img { max-height: 55px; } } #race-attendance-page-footer .race-attendance-footer-wrapper p { color: #FFF; font-family: "ProximaNovaRegular"; font-size: 12px; letter-spacing: 0.12px; } @media screen and (max-width: 992px) { #race-attendance-page-footer .race-attendance-footer-wrapper p { font-size: 10px; text-align: center; } } .page-main:has(#psr-redeem-page) { margin-top: 0 !important; } @media screen and (max-width: 992px) { .page-main:has(#psr-redeem-page) { position: relative; overflow-x: hidden; } } .page-main:has(#psr-redeem-page) .column.main { padding-bottom: unset !important; } .page-main:has(#psr-redeem-page) .page-title-wrapper { display: none; } .page-main:has(#psr-redeem-page) #psr-redeem-page .psr-btn { display: inline-flex; justify-content: space-between; align-items: center; padding: 14px; background: #fff; color: #002f9e; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 17px; letter-spacing: -0.14px; text-transform: uppercase; } @media screen and (max-width: 992px) { .page-main:has(#psr-redeem-page) #psr-redeem-page .psr-btn { width: 100%; } } .page-main:has(#psr-redeem-page) #psr-redeem-page .psr-btn.outline { border: 2px solid #fff; background: transparent; color: #fff; text-wrap: nowrap; } .page-main:has(#psr-redeem-page) #psr-redeem-page .psr-btn:disabled { background: #A7A9AC; color: #FFF; opacity: 1 !important; border: unset !important; } .page-main:has(#psr-redeem-page) #psr-redeem-page .psr-btn.blue { background: #002f9e; color: #FFF; } .page-main:has(#psr-redeem-page) #psr-redeem-page-header { width: 100%; height: 86px; background: linear-gradient(180deg, #002470 0%, rgba(0, 36, 112, 0) 100%); position: relative; z-index: 2; display: flex; justify-content: center; flex-direction: column; padding-top: 24px; padding-bottom: 24px; } @media screen and (max-width: 992px) { .page-main:has(#psr-redeem-page) #psr-redeem-page-header { height: 56px; } } .page-main:has(#psr-redeem-page) #psr-redeem-page-header .race-auth-header-wrapper { justify-content: space-between; display: flex; flex-direction: row; max-width: 1150px; margin: 0 auto; width: 100%; align-items: center; } @media screen and (max-width: 992px) { .page-main:has(#psr-redeem-page) #psr-redeem-page-header .race-auth-header-wrapper { padding-right: 24px; padding-left: 24px; } } .page-main:has(#psr-redeem-page) #psr-redeem-page-header .race-auth-header-wrapper img { max-height: 38px; } @media screen and (max-width: 992px) { .page-main:has(#psr-redeem-page) #psr-redeem-page-header .race-auth-header-wrapper img { max-height: 24px; } } .page-main:has(#psr-redeem-page) #psr-redeem-page-header .race-auth-header-wrapper .psr-redeem-main-menu a { color: #FFF; text-align: center; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } .page-main:has(#psr-redeem-page) #psr-redeem-page-header .race-auth-header-wrapper .psr-redeem-main-menu a svg { vertical-align: middle; } .page-main:has(#psr-redeem-page) #psr-redeem-page-header .header-username { color: #FFF; font-family: "ProximaNovaExtraBold"; font-size: 16px; font-style: normal; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; display: flex; align-items: center; gap: 8px; } @media screen and (max-width: 992px) { .page-main:has(#psr-redeem-page) #psr-redeem-page-header .header-username { font-size: 14px; } } .page-main:has(#psr-redeem-page) #psr-redeem-page-header .psr-redeem-main-menu { display: flex; flex-direction: row; justify-content: space-between; padding-left: 32px; padding-right: 80px; flex: 1; align-items: center; } @media screen and (max-width: 765px) { .page-main:has(#psr-redeem-page) #psr-redeem-page-header .psr-redeem-main-menu { padding-left: 0px; padding-right: 0px; justify-content: end; } .page-main:has(#psr-redeem-page) #psr-redeem-page-header .psr-redeem-main-menu-item { width: fit-content; } } @media screen and (max-width: 992px) { .page-main:has(#psr-redeem-page) .psr-popup-table .psr-popup-table-content table tr td { padding: 12px 6px 12px 6px !important; } .page-main:has(#psr-redeem-page) .psr-popup-table .voucher-image img { max-width: 100px; } } #psr-redeem-page { min-height: 306px; display: flex; flex-direction: column; justify-content: space-between; height: unset; background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); } #psr-redeem-page::after { content: ""; position: absolute; top: 0; right: -40rem; width: 100%; height: 35%; display: block; background: linear-gradient(180deg, #022f90 0%, transparent 100%) right, linear-gradient(180deg, transparent 0%, transparent 50%) center; background-size: 55% 100%, 100% 100%; background-repeat: no-repeat; transform: skewX(-40deg); transform-origin: top right; pointer-events: none; } @media screen and (max-width: 992px) { #psr-redeem-page::after { right: -28rem; width: 100%; } } #psr-redeem-page .redeem-hero-section { margin: 0 auto; width: 100%; max-width: 1156px; display: flex; justify-content: space-between; gap: 80px; padding: 56px 0 50px 0; position: relative; z-index: 1; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-hero-section { flex-direction: column; padding: 80px 20px 80px 20px; } } #psr-redeem-page .redeem-hero-section-left { display: flex; flex-direction: column; gap: 24px; } @media screen and (min-width: 992px) { #psr-redeem-page .redeem-hero-section-left { flex-basis: 630px; } } #psr-redeem-page .redeem-hero-section-left h2 { display: inline-flex; flex-direction: column; gap: 8px; color: #FFF !important; line-height: 42px; letter-spacing: -0.56px; font-size: 56px; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-hero-section-left h2 { font-size: 40px; } } #psr-redeem-page .redeem-hero-section-left h2 span:nth-child(1) { font-family: "ProximaNovaExtraBold"; } #psr-redeem-page .redeem-hero-section-left h2 span:nth-child(2) { font-family: "ProximaNovaLight"; } #psr-redeem-page .redeem-hero-section-left p { color: #FFF; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } #psr-redeem-page .redeem-hero-section-left p strong { font-family: "ProximaNovaExtraBold"; } #psr-redeem-page .redeem-hero-section-right { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; } @media screen and (min-width: 992px) { #psr-redeem-page .redeem-hero-section-right { flex: 1 1 400px; } } #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears { width: 100%; height: 160px; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears { overflow: visible !important; } #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears .swiper-controls { position: relative; top: 10rem; } #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears .swiper-controls .swiper-pagination { top: -0.75rem; } #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears .swiper-controls .swiper-pagination .swiper-pagination-bullet { background: #FFF; opacity: 0.5; } #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears .swiper-controls .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; } } #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears .swiper-slide { display: flex; justify-content: center; align-items: center; } #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears .swiper-slide .gear-image { max-width: 300px; height: auto; margin: 0 auto; object-fit: contain; } #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears .swiper-button-prev:after, #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears .swiper-button-next:after { content: none !important; } #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears .swiper-button-next, #psr-redeem-page .redeem-hero-section-right .psr-redeem-swiper-gears .swiper-button-prev { width: 48px !important; height: 48px !important; } #psr-redeem-page .redeem-hero-section-right .psr-gears-link { color: #fff; text-align: center; } #psr-redeem-page .redeem-hero-section-right .psr-gears-link :hover { color: #fff; } #psr-redeem-page .redeem-hero-section-right .psr-gears-link .psr-item-name { min-height: 50px; position: relative; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; font-size: 16px; font-weight: 800; line-height: 22.4px; letter-spacing: -0.16px; margin-top: 15px; width: 330px; display: inline-flex; margin-bottom: 32px; text-transform: uppercase; } #psr-redeem-page .redeem-hero-section-cta { display: flex; gap: 24px; } #psr-redeem-page .redeem-hero-section-cta .psr-btn { min-width: 236px; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-hero-section-cta { width: 100%; padding-top: 5rem; } } #psr-redeem-page .redeem-hero-section-footnote { font-family: "ProximaNovaLight"; font-size: 16px; letter-spacing: -0.16px; color: #FFF; } #psr-redeem-page .redeem-hero-section-footnote a { color: #FFF; text-decoration: underline; font-family: "ProximaNovaExtraBold"; } #psr-redeem-page .redeem-voucher-section { position: relative; z-index: 1; background: linear-gradient(180deg, rgba(206, 17, 38, 0) 50%, rgba(206, 17, 38, 0.5) 100%), linear-gradient(135deg, #3a73ec 0%, #022f90 100%); } #psr-redeem-page .redeem-voucher-section::after { content: ""; position: absolute; top: 0; right: 10rem; width: 50%; height: 100%; display: block; background: linear-gradient(180deg, transparent 0%, #022f90 60%, transparent 100%) right, linear-gradient(180deg, transparent 0%, transparent 100%) center, linear-gradient(180deg, transparent 0%, #022f90 60%, transparent 100%) left; background-size: 45% 100%, /* first gradient */ 10% 100%, /* gap */ 45% 100%; /* second gradient */ background-repeat: no-repeat; transform: skewX(35deg); transform-origin: top right; pointer-events: none; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-voucher-section::after { right: 80rem; width: 100%; } } #psr-redeem-page .redeem-voucher-section .redeem-voucher-section-wrapper { position: relative; z-index: 1; margin: 0 auto; width: 100%; max-width: 1156px; display: flex; justify-content: space-between; gap: 48px; padding: 56px 0 56px 0; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-voucher-section .redeem-voucher-section-wrapper { flex-direction: column-reverse; padding: 48px 20px; } } #psr-redeem-page .redeem-voucher-section-left { opacity: 0; color: #FFF; } @media screen and (min-width: 992px) { #psr-redeem-page .redeem-voucher-section-left { flex-basis: 683px; } } #psr-redeem-page .redeem-voucher-section-left-head { padding-bottom: 24px; } #psr-redeem-page .redeem-voucher-section-left-head h2 { color: #FFF !important; font-family: "ProximaNovaExtraBold"; font-size: 36px; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: -0.36px; } #psr-redeem-page .redeem-voucher-section-left-head div:nth-child(2) { font-family: "ProximaNovaExtraBold"; font-size: 16px; } #psr-redeem-page .redeem-voucher-section-left-head div:nth-child(3) { font-family: "ProximaNovaLight"; font-size: 16px; } #psr-redeem-page .redeem-voucher-section-left-voucher { display: flex; flex-direction: row; gap: 12px; padding: 24px 0 24px 0; border-bottom: 0.5px solid rgba(255, 255, 255, 0.5); } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-voucher-section-left-voucher { flex-wrap: wrap; justify-content: end; } } #psr-redeem-page .redeem-voucher-section-left-voucher:last-child { border-bottom: unset; } #psr-redeem-page .redeem-voucher-section-left-voucher-info { flex: 1; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-voucher-section-left-voucher-info .psr-ribbon::after { width: 100%; max-width: 75px; right: unset; } } #psr-redeem-page .redeem-voucher-section-left-voucher-minspend { padding-top: 8px; font-family: "ProximaNovaLight"; line-height: 22.4px; letter-spacing: -0.16px; font-size: 16px; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-voucher-section-left-voucher-minspend { font-size: 14px; } } #psr-redeem-page .redeem-voucher-section-left-voucher-stock { font-family: "ProximaNovaExtraBold"; font-size: 12px; line-height: 14.4px; letter-spacing: -0.12px; padding-bottom: 8px; } #psr-redeem-page .redeem-voucher-section-left-voucher-points { font-size: 24px; letter-spacing: -0.24px; text-transform: uppercase; } #psr-redeem-page .redeem-voucher-section-left-voucher-points span:nth-child(1) { font-family: "ProximaNovaExtraBold"; } #psr-redeem-page .redeem-voucher-section-left-voucher-points span:nth-child(2) { font-family: "ProximaNovaLight"; } #psr-redeem-page .redeem-voucher-section-left-voucher-image { flex: 0 1 190px; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-voucher-section-left-voucher-image { flex: 0 1 110px; } } #psr-redeem-page .redeem-voucher-section-left-voucher-image.disabled img { filter: grayscale(1); } #psr-redeem-page .redeem-voucher-section-left-voucher-cta { align-self: end; } @media screen and (min-width: 992px) { #psr-redeem-page .redeem-voucher-section-left-voucher-cta { max-width: 160px; } } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-voucher-section-left-voucher-cta { padding-top: 10px; } #psr-redeem-page .redeem-voucher-section-left-voucher-cta .psr-btn { justify-content: center !important; } } #psr-redeem-page .redeem-voucher-section-left-voucher-cta .cart-controls { display: flex; gap: 8px; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-voucher-section-left-voucher-cta .cart-controls { justify-content: end; } } #psr-redeem-page .redeem-voucher-section-left-voucher-cta .cart-controls .psr-btn { height: 24px; width: 24px !important; padding: 9px !important; } #psr-redeem-page .redeem-voucher-section-left-voucher-cta .cart-controls-value { width: 24px; color: #FFF; text-align: center; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; border-bottom: 1px solid #FFF; } #psr-redeem-page .redeem-voucher-section-left-tnc { color: #FFF; font-family: "ProximaNovaLight"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } #psr-redeem-page .redeem-voucher-section-right { opacity: 0; } @media screen and (min-width: 992px) { #psr-redeem-page .redeem-voucher-section-right { flex: 1 1 425px; } } #psr-redeem-page .redeem-voucher-section-right .profile-card { padding-top: 24px; color: #FFF; max-height: 112px; height: 248px; display: flex; flex-direction: column; } #psr-redeem-page .redeem-voucher-section-right .profile-card-title { font-family: "ProximaNovaExtraBold"; font-size: 12px; letter-spacing: 0.24px; } #psr-redeem-page .redeem-voucher-section-right .profile-card-point-total { font-size: 24px; letter-spacing: 0.24px; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-voucher-section-right .profile-card-point-total { font-size: 20px; } } #psr-redeem-page .redeem-voucher-section-right .profile-card-point-total span:nth-child(1) { font-family: "ProximaNovaExtraBold"; } #psr-redeem-page .redeem-voucher-section-right .profile-card-point-total span:nth-child(2) { font-family: "ProximaNovaLight"; } #psr-redeem-page .redeem-voucher-section-right .profile-card-point-expire { font-family: "ProximaNovaLight"; font-size: 12px; letter-spacing: 0.24px; } #psr-redeem-page .redeem-voucher-section-right .profile-card-point-body { font-family: "ProximaNovaLight"; font-size: 12px; letter-spacing: 0.24px; } #psr-redeem-page .redeem-voucher-section-right .profile-card-content { padding: 12px; height: 100%; display: flex; justify-content: space-between; flex-direction: column; } @media screen and (max-width: 765px) { #psr-redeem-page .redeem-voucher-section-right .profile-card-content { gap: 12px; } } #psr-redeem-page .redeem-voucher-section-right .profile-card-content.disabled { background-color: #808285; } #psr-redeem-page .redeem-voucher-section-right .profile-card-content p { line-height: 14.4px; } @media screen and (max-width: 992px) { #psr-redeem-page .redeem-voucher-section-right .profile-card-content p { font-size: 12px; } } #psr-redeem-page .redeem-voucher-section-right .profile-card-body { display: flex; flex-direction: column; gap: 4px; } #psr-redeem-page .redeem-voucher-section-right .profile-card-point { flex: 1; background-color: #EA2127; } #psr-redeem-page .redeem-voucher-section-right .profile-card-cta { display: flex; justify-content: space-between; line-height: 14.4px; letter-spacing: -0.12px; font-size: 12px; font-family: 'ProximaNovaExtraBold'; padding-right: 4px; } @media screen and (max-width: 765px) { #psr-redeem-page .redeem-voucher-section-right .profile-card-cta { align-items: end; } } #psr-redeem-page .redeem-voucher-section-right .profile-card-cta a { color: #FFF !important; text-decoration: underline; display: flex; justify-content: center; align-items: center; gap: 4px; } #psr-redeem-page .redeem-voucher-section-right .profile-card-cta:has(> *:only-child) { justify-content: flex-end; } #psr-redeem-page .redeem-voucher-section-right .profile-card-cta-info { font-family: 'ProximaNovaLight'; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart { padding-top: 32px; color: #FFF; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-head h2 { color: #FFF !important; font-family: "ProximaNovaExtraBold"; font-size: 36px; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: -0.36px; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-head-sub div:nth-child(1) { font-family: "ProximaNovaExtraBold"; font-size: 16px; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-head-sub div:nth-child(2) { font-family: "ProximaNovaLight"; font-size: 16px; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-head-sub div:nth-child(2) a { color: #FFF !important; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-head-sub div:nth-child(2) strong { font-family: "ProximaNovaExtraBold"; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-list { background-color: #FFF; width: 100%; padding: 24px; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-list .psr-vouchers-value-wrapper { border-bottom: 1px solid rgba(167, 169, 172, 0.6); } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-list .psr-vouchers-value { display: flex; justify-content: space-between; padding-bottom: 12px; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-list .psr-vouchers-value div:nth-child(1) { color: #000; font-family: "ProximaNovaLight"; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-list .psr-vouchers-value div:nth-child(2) { color: #022F90; font-family: "ProximaNovaExtraBold"; text-transform: uppercase; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-list .psr-vouchers-total { padding-top: 12px; display: flex; justify-content: space-between; text-transform: uppercase; color: #022F90; font-family: "ProximaNovaExtraBold"; font-size: 16px; line-height: 22.4px; letter-spacing: -0.16px; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-list .psr-vouchers-checkout { padding-top: 32px; } #psr-redeem-page .redeem-voucher-section-right .psr-vouchers-cart-list .psr-vouchers-checkout .psr-btn { width: 100%; } #psr-redeem-page .redeem-cart-sticky { position: fixed; bottom: 0; background-color: #FFF; width: 100%; z-index: 2; padding: 24px; opacity: 0; } #psr-redeem-page .redeem-cart-sticky .psr-vouchers-cart-head-sub div:nth-child(1) { font-family: "ProximaNovaExtraBold"; font-size: 14px; color: #022F90; } #psr-redeem-page .redeem-cart-sticky .psr-vouchers-cart-head-sub div:nth-child(2) { font-family: "ProximaNovaLight"; font-size: 14px; color: #000; } #psr-redeem-page .redeem-cart-sticky .psr-vouchers-cart-head-sub div:nth-child(2) a { font-family: "ProximaNovaExtraBold"; color: #022F90 !important; } #psr-redeem-page .redeem-cart-sticky .psr-vouchers-cart-head-sub div:nth-child(2) strong { font-family: "ProximaNovaExtraBold"; } #psr-redeem-page .redeem-cart-sticky .voucher-total-item-title { text-transform: capitalize; color: #000; line-height: 22.4px; letter-spacing: -0.16px; font-size: 14px; } #psr-redeem-page .redeem-cart-sticky .voucher-total-item-title span:nth-child(1) { font-family: "ProximaNovaExtraBold"; } #psr-redeem-page .redeem-cart-sticky .voucher-total-item-title span:nth-child(2) { font-family: "ProximaNovaLight"; } #psr-redeem-page .redeem-cart-sticky .voucher-total-item-data { text-transform: uppercase; color: #022F90; letter-spacing: -0.36px; font-size: 20px; } #psr-redeem-page .redeem-cart-sticky .voucher-total-item-data span:nth-child(1) { font-family: "ProximaNovaExtraBold"; } #psr-redeem-page .redeem-cart-sticky .voucher-total-item-data span:nth-child(2) { font-family: "ProximaNovaLight"; } #psr-redeem-page .redeem-cart-sticky .psr-vouchers-checkout { padding-top: 12px; } .page-footer { z-index: 1; } .psr-label { background-color: #EA2127; width: fit-content; min-height: 38px; padding-left: 24px; display: flex; justify-content: center; flex-direction: row; font-size: 16px; color: #FFF; gap: 8px; align-items: center; } @media screen and (max-width: 992px) { .psr-label { font-size: 14px; } } .psr-label-bold { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; } .psr-label-light { font-family: 'ProximaNovaLight', Arial, sans-serif; } .psr-label-regular { font-family: 'ProximaNovaRegular', Arial, sans-serif; } .psr-ribbon { background: #EA2127; font-size: 16px; width: fit-content; position: relative; padding: 10px 8px 10px 24px; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; color: #fff; font-weight: 800; height: 40px; } .psr-ribbon::after { content: ""; position: absolute; top: 0; right: -9.5rem; height: 100%; width: 100px; background-image: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/ribbon-red.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; } .psr-ribbon-full { width: 100%; } .psr-ribbon-blue { background: #3A73EC; } .psr-ribbon-blue::after { background-image: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/ribbon-blue.svg'); } .psr-ribbon-blue-old { background: #3A73EC; } .psr-ribbon-blue-old::after { background-image: url('../../frontend/Kemana/default/id_ID/VML_PlanetSportsRun/images/ribbon-blue-old.svg'); } @media screen and (max-width: 992px) { .psr-ribbon-blue-old { padding: 10px 4px 10px 8px; } } @media screen and (max-width: 992px) { .psr-ribbon { font-size: 14px; } } .psr-ribbon-bold { font-family: 'ProximaNovaExtraBold', Arial, sans-serif; } .psr-ribbon-light { font-family: 'ProximaNovaLight', Arial, sans-serif; } .psr-ribbon-regular { font-family: 'ProximaNovaRegular', Arial, sans-serif; } .psr-dropdown { position: relative; display: inline-block; } .psr-dropdown .psr-dropdown-toggle { background: none; border: none; color: #fff; cursor: pointer; display: flex; align-items: center; gap: 4px; } .psr-dropdown .psr-dropdown-toggle span { text-transform: uppercase; } .psr-dropdown .psr-dropdown-toggle .psr-dropdown-information { display: flex; flex-direction: column; font-size: 16px; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; line-height: 16px; gap: 2px; } .psr-dropdown .psr-dropdown-toggle .psr-dropdown-information .psr-dropdown-name { font-size: 16px; font-family: 'ProximaNovaExtraBold', Arial, sans-serif; } .psr-dropdown .psr-dropdown-toggle .psr-dropdown-information .psr-dropdown-points { font-size: 12px; font-family: 'ProximaNovaLight' !important; text-transform: uppercase; } .psr-dropdown .psr-dropdown-toggle .psr-dropdown-information .psr-dropdown-points strong { font-family: 'ProximaNovaExtraBold' !important; } .psr-dropdown .psr-dropdown-toggle .psr-caret { font-size: 10px; transition: transform 0.2s ease; } .psr-dropdown .psr-dropdown-menu { display: none; position: absolute; right: 0; background: linear-gradient(135deg, #3a73ec 0%, #022f90 100%); border-radius: 4px; list-style: none; margin: 0; padding: 8px 0; min-width: 150px; z-index: 999; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } .psr-dropdown .psr-dropdown-menu li { padding: 6px 16px; margin-bottom: 0px; } .psr-dropdown .psr-dropdown-menu li a { font-family: 'ProximaNovaExtraBold' !important; font-size: 12px !important; color: #fff; text-decoration: none; display: block; transition: background 0.2s ease; } .psr-dropdown.open .psr-dropdown-menu { display: block; } .psr-dropdown.open .psr-caret { transform: rotate(180deg); } .psr-btn { border-radius: 0px !important; } .psr-loader { margin: 0 auto; width: 45px; aspect-ratio: 1; --c: no-repeat linear-gradient(#ffffff 0 0); background: var(--c) 0% 40%, var(--c) 40% 80%, var(--c) 80% 50%; background-size: 20% 100%; animation: psr-l1 1s infinite linear; transform: skewX(-35deg); } @keyframes psr-l1 { 0% { background-size: 20% 100%, 20% 100%, 20% 100%; } 33% { background-size: 20% 10%, 20% 100%, 20% 100%; } 50% { background-size: 20% 100%, 20% 10%, 20% 100%; } 66% { background-size: 20% 100%, 20% 100%, 20% 10%; } 100% { background-size: 20% 100%, 20% 100%, 20% 100%; } } .wp-acs .toolbar-sorter .sorter-action { display: none !important; } .wishlist-index-index .reset-pass-msg { display: none; } .goback-to-multiwishlist { padding-bottom: 20px; } .goback-to-multiwishlist a, .goback-to-multiwishlist a:hover, .goback-to-multiwishlist a:active { font-size: 18px; text-decoration: none; } .goback-to-multiwishlist a:before, .goback-to-multiwishlist a:hover:before, .goback-to-multiwishlist a:active:before { font-size: 18px; color: #757575; content: '\e617'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: bold; overflow: hidden; speak: none; text-align: center; margin-right: 10px; } .add-multiwishlist:hover:before { color: #0a0a0a; } .add-multiwishlist, .add-multiwishlist:hover { line-height: 28px; text-decoration: none; } .add-multiwishlist span { margin-left: 10px; font-size: 20px; color: #000; } .add-multiwishlist:before { font-size: 22px; line-height: 28px; color: #757575; content: '\e61c'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: bold; overflow: hidden; speak: none; text-align: center; } #wishlist-popup-modal { display: none; } .wishlist-popup-modal .wp-errors { display: none; color: #ff0000; padding: 5px 0 15px 0; } .wishlist-popup-modal .modal-inner-wrap { width: 450px; } .wishlist-popup-modal .actions-toolbar { text-align: right; } .wishlist-popup-modal #deletewishlist { display: none; } .multiple-wishlist-container { width: 100%; margin: 0 auto; } .multiple-wishlist-container .multiple-wishlist-box-wrapper { max-width: 300px; color: #444; float: left; margin: 10px; padding: 10px 0; } .multiple-wishlist-container .multiple-wishlist-box-wrapper:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 2px 10px #828282; padding: 10px 0; } .multiple-wishlist-container .multiple-wishlist-box-wrapper:hover .box { background-color: #e1e1e1; } .multiple-wishlist-container .multiple-wishlist-box-wrapper:hover .box-bottom .edit-multiwishlist { display: block; } .multiple-wishlist-container .multiple-wishlist-box-wrapper .box { background-color: #f0f0f0; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 2px; float: left; width: 96px; height: 110px; } .multiple-wishlist-container .multiple-wishlist-box-wrapper .box-bottom { float: left; width: 290px; height: 60px; padding: 5px; position: relative; } .multiple-wishlist-container .multiple-wishlist-box-wrapper .box-bottom .wishlist-title { overflow: hidden; text-overflow: ellipsis; width: 100%; font-weight: bold; font-size: 20px; } .multiple-wishlist-container .multiple-wishlist-box-wrapper .box-bottom .wishlist-privacy { font-weight: bold; } .multiple-wishlist-container .multiple-wishlist-box-wrapper .box-bottom .wishlist-privacy.private { color: #FF0000; } .multiple-wishlist-container .multiple-wishlist-box-wrapper .box-bottom .edit-multiwishlist { position: absolute; right: 15px; bottom: 10px; display: none; padding: 5px; } .multiple-wishlist-container .multiple-wishlist-box-wrapper .box-bottom .edit-multiwishlist:hover:before { color: #0a0a0a; } .multiple-wishlist-container .multiple-wishlist-box-wrapper .box-bottom .edit-multiwishlist:before { font-size: 22px; line-height: 28px; color: #757575; content: '\e601'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist-add-popup-modal .modal-inner-wrap, .wishlist-moveto-popup-modal .modal-inner-wrap { width: 450px; } .wishlist-add-popup-modal .wp-errors, .wishlist-moveto-popup-modal .wp-errors { display: none; color: #ff0000; padding: 5px 0 15px 0; } .wishlist-add-popup-modal .add-new-wishlist-container, .wishlist-moveto-popup-modal .add-new-wishlist-container, .wishlist-add-popup-modal .moveto-add-new-wishlist-container, .wishlist-moveto-popup-modal .moveto-add-new-wishlist-container { display: none; margin-top: 30px; } .wishlist-add-popup-modal .add-new-wishlist-container .actions-toolbar, .wishlist-moveto-popup-modal .add-new-wishlist-container .actions-toolbar, .wishlist-add-popup-modal .moveto-add-new-wishlist-container .actions-toolbar, .wishlist-moveto-popup-modal .moveto-add-new-wishlist-container .actions-toolbar { padding-top: 0px; } #form-wishlist-moveto-add .actions-toolbar { padding-top: 0px; } .move-to-another-wishlist { text-align: center; margin: 15px 0; } .move-to-another-wishlist a.action.primary.btn-moveitem { line-height: 1.6rem; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; } .multiple-wishlists-selector-container, .multiple-wishlists-moveto-selector-container, #wishlist-popup-modal { display: none; } .multiple-wishlists-selector-container .modal-title, .multiple-wishlists-moveto-selector-container .modal-title, #wishlist-popup-modal .modal-title { font-size: 30px; letter-spacing: 1px; padding-bottom: 0.5rem; margin-bottom: 2.5rem; text-transform: uppercase; } .wp-wishlist-overlay { display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .wishlist-share-title h1 { margin-bottom: 0px; font-weight: 400; } .wishlist-share-title p { font-size: 16px; } .wishlist-share-items-block { margin-top: 50px; } .wishlist-share-items-block .product-item-info { text-align: center; } .share-wishlist-container { margin-bottom: 40px; } .share-wishlist-container .share-wishlist-label { font-size: 18px; font-weight: 500; margin-bottom: 20px; float: left; cursor: pointer; } .share-wishlist-container .share-wishlist-label .svg-definition { position: absolute; width: 0; height: 0; overflow: hidden; } .share-wishlist-container .share-wishlist-label .icon-copy-link { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; font-size: 20px; vertical-align: top; } .share-wishlist-container .sharethis-inline-share-buttons { clear: left; } .share-wishlist-container .tooltip { position: relative; } .share-wishlist-container .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .share-wishlist-container .tooltip a, .share-wishlist-container .tooltip a:visited, .share-wishlist-container .tooltip a:hover { color: #444; text-decoration: none; } .share-wishlist-container .tooltip .tooltiptext { visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -75px; margin-bottom: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .share-wishlist-container .tooltip .tooltiptext:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent; } .no-collection { font-weight: 600; font-size: 16px; } .column.main.next-page .ias-overlay { width: 100%; height: 100%; background-color: #ffffff; opacity: 0.95; position: absolute; top: 0; z-index: 100; } .column.main.next-page .ias-spinner { position: absolute; top: 30px; } .column.main.infinite-scroll .product-items .ias-spinner, .column.main.infinite-scroll .product-items .ias-load-more, .column.main.infinite-scroll .product-items .ias-no-more { position: relative; } .column.main.infinite-scroll .product-items .ias-load-prev { position: relative; bottom: 20px; } .column.main.infinite-scroll .product-items .ias-load-more { border: 2px solid #003C8E; position: relative; background: #ffffff; color: #003C8E; line-height: 21px; font-weight: bold; border-radius: 20px; text-transform: uppercase; padding: 10px 40px; font-family: 'Oswald', sans-serif; letter-spacing: 0.4px; font-size: 14px; margin-top: 60px; } .column.main.infinite-scroll .product-items .ias-load-prev { display: none !important; } .products.wrapper .product-items .ias-spinner { text-align: center; } .products.wrapper .product-items .ias-spinner span { clear: both; display: block; float: none; margin: 0 auto; text-align: center; } .products.wrapper .product-items .ias-spinner img { max-width: 20px; } .products.wrapper .product-items .ias-load-more, .products.wrapper .product-items .ias-no-more { margin: 0 auto; clear: both; display: block; float: none; text-align: center; } .products.wrapper .product-items .ias-load-prev { position: relative; bottom: 20px; margin: 0 auto; clear: both; display: block; float: none; text-align: center; } .wp-ais .toolbar-amount { display: none; } .catalog-category-view .page-wrapper .columns .column.main .products-grid { margin-top: 30px; } .catalog-category-view.page-products .columns .column.main.infinite-scroll .toolbar.toolbar-products .toolbar-amount { font-size: 14px !important; color: #999999; text-transform: capitalize !important; width: 100%; text-align: center; display: block !important; line-height: 16px; } .catalog-category-view.page-products .columns .column.main.infinite-scroll .product-items .ias-no-more.mg-top-msg { margin-top: 80px; width: 260px; padding: 20px; } .product-progressbar-wrapper { position: absolute; width: 100%; bottom: 95px; } .product-progressbar-wrapper .loadMore-progressbar { clear: both; } .product-progressbar-wrapper .loadMore-progressbar span { width: 20%; margin: 0 auto; display: block; border: 1px solid #DDDDDD; height: 5px; border-radius: 20px; margin-top: 30px; background: #DDDDDD; } .product-progressbar-wrapper .loadMore-progressbar span span.color-1 { border: 0; background: #001B61; margin: 0; position: relative; bottom: 1px; } .page-with-filter .toolbar-amount { font-size: 16px; text-align: center; display: block; width: 100%; letter-spacing: 1px; } .product-progressbar-wrapper { color: #999999 !important; } @media (min-width: 768px) and (max-width: 1023px) { .product-progressbar-wrapper { bottom: 70px; } .product-progressbar-wrapper .loadMore-progressbar span { width: 40%; } } @media only screen and (max-width: 767px) { .product-progressbar-wrapper { left: 0; } .product-progressbar-wrapper .loadMore-progressbar span { width: 250px; } } img[src*="Loader.gif"] { opacity: 0; visibility: hidden; height: auto; } .lazy { opacity: 1; -webkit-transition: opacity 0.8s; -moz-transition: opacity 0.8s; -ms-transition: opacity 0.8s; -o-transition: opacity 0.8s; transition: opacity 0.8s; visibility: visible; } .instagram-photos.col-2 a { width: 50%; } .instagram-photos.col-3 a { width: 33.30%; } .instagram-photos.col-4 a { width: 25%; } .instagram-photos.col-5 a { width: 20%; } .instagram-photos.col-6 a { width: 16.60%; } .instagram-photos a, .instagram-photos img, .instagram-photos video { display: block; height: auto !important; float: left; } .instagram-photos img, .instagram-photos video { width: 100%; border-radius: 0 !important; padding: 0 1px 1px 0; } .instagram-photos img.use-padding, .instagram-photos video.use-padding { padding: 5px; } .instagram-photos a[data-caption] { position: relative; } .instagram-photos a[data-caption]:hover::after { content: attr(data-caption); text-align: center; font-size: 1.3rem; color: black; position: absolute; left: 0; right: 0; bottom: 0; padding: 2% 0; margin: 0px; max-height: 100%; overflow-y: auto; overflow-x: hidden; background-color: rgba(255, 255, 255, 0.8); } .instagram-photos a[data-caption].shuffle-item:hover::after { width: 100%; } .instagram-photos.use-padding a[data-caption]:hover::after { margin: 5px; } .instagram-photos.use-padding a[data-caption].shuffle-item:hover::after { width: calc((98% - 10px)); } .instagram-widget-container { margin: 20px 0px; width: 100%; float: left; } .instagram-widget-container .instagram-heading-title { margin: 80px 0; } .instagram-widget-container .instagram-heading-title.center { text-align: center; } .instagram-widget-container .instagram-heading-title span { margin-top: 15px; font-size: 14px; } ul.weltpixel_multistore { margin: 0; padding: 0; text-align: center; font-size: 0; } ul.weltpixel_multistore li { list-style-type: none; display: inline-block; margin: 0; padding: 0px; margin: 0px; border: 0px solid transparent; position: relative; } ul.weltpixel_multistore li:hover img { opacity: 0.6; transition: opacity 0.55s ease-in-out; -moz-transition: opacity 0.55s ease-in-out; -webkit-transition: opacity 0.55s ease-in-out; } ul.weltpixel_multistore li:hover.active img { opacity: 1; transition: none; -moz-transition: none; -webkit-transition: none; } ul.weltpixel_multistore li img { display: block; } .switcher-dropdown .multistore-label { white-space: nowrap; } .page-wrapper .page-header .switcher .options .switcher-wrapper { min-width: auto; } .page-wrapper .page-header .switcher .options .switcher-wrapper .primary-options-wrapper .multistore-label { padding: 0; margin-left: 8px; } .page-wrapper .page-header .switcher .options .switcher-wrapper .primary-options-wrapper .selected-option { padding: 0; } .page-wrapper .page-header .panel.wrapper .switcher .options .switcher-wrapper .primary-options-wrapper { display: flex; align-items: center; padding: 4px; } .page-header .panel.wrapper .switcher .options .dropdown .secondary-options-wrapper { display: flex; align-items: center; padding: 0; } .page-wrapper .page-header .switcher-language .switcher-options .multistore-switcher-wrapper, #switcher-language-trigger { display: flex; align-items: center; } .selected-label { margin-left: 5px; } div#switcher-language-trigger:after { padding-top: 2px; } .secondary-image, .selected-image { min-width: 30px; } .switcher-dropdown .switcher-option-mobile { display: flex; align-items: center; } .switcher-dropdown .nav-switcher-label { margin-left: 5px; } .page-header .header_right .switcher-dropdown .multistore-label { white-space: nowrap; } .page-header .header_right .switcher-language .switcher-options .multistore-switcher-wrapper, .page-header .header_right #switcher-language-trigger { display: flex; align-items: center; } .page-header .header_right .selected-label { margin-left: 5px; } .page-header .header_right div#switcher-language-trigger:after { padding-top: 2px; } .page-header .header_right .secondary-image, .page-header .header_right .selected-image { min-width: 30px; } .page-header .header_right .switcher-dropdown .switcher-option-mobile { display: flex; align-items: center; } .page-header .header_right .switcher-dropdown .nav-switcher-label { margin-left: 5px; } .page-header .header_right .switcher { margin-right: 10px; } .page-header .header_right .switcher .options { display: inline-block; position: relative; } .page-header .header_right .switcher .options:before, .page-header .header_right .switcher .options:after { content: ''; display: table; } .page-header .header_right .switcher .options:after { clear: both; } .page-header .header_right .switcher .options .action.toggle { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; } .page-header .header_right .switcher .options .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .header_right .switcher .options .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 22px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .header_right .switcher .options .action.toggle:hover:after { color: inherit; } .page-header .header_right .switcher .options .action.toggle:active:after { color: inherit; } .page-header .header_right .switcher .options .action.toggle.active { display: inline-block; text-decoration: none; } .page-header .header_right .switcher .options .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .header_right .switcher .options .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 22px; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .header_right .switcher .options .action.toggle.active:hover:after { color: inherit; } .page-header .header_right .switcher .options .action.toggle.active:active:after { color: inherit; } .page-header .header_right .switcher .options ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 160px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .page-header .header_right .switcher .options ul.dropdown li { margin: 0; padding: 0; } .page-header .header_right .switcher .options ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .page-header .header_right .switcher .options ul.dropdown:before, .page-header .header_right .switcher .options ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header .header_right .switcher .options ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .page-header .header_right .switcher .options ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .page-header .header_right .switcher .options ul.dropdown:before { left: 10px; top: -12px; } .page-header .header_right .switcher .options ul.dropdown:after { left: 9px; top: -14px; } .page-header .header_right .switcher .options.active { overflow: visible; } .page-header .header_right .switcher .options.active ul.dropdown { display: block; } .page-header .header_right .switcher .options ul.dropdown a { display: block; padding: 8px; } .page-header .header_right .switcher .options ul.dropdown a:hover { text-decoration: none; } .page-header .header_right .switcher .options ul.dropdown .secondary-options-wrapper { display: flex; align-items: center; padding: 0; } .page-header .header_right .switcher .options .switcher-wrapper { min-width: auto; } .page-header .header_right .switcher .options .switcher-wrapper .primary-options-wrapper .multistore-label { padding: 0; margin-left: 8px; } .page-header .header_right .switcher .options .switcher-wrapper .primary-options-wrapper .selected-option { padding: 0; } .page-header .header_right .switcher .options .switcher-wrapper .primary-options-wrapper { display: flex; align-items: center; padding: 4px; } .page-header .header_right .switcher li { font-size: 12px; margin: 0; } .page-header .header_right .switcher strong { font-weight: 400; } /** Social Icons css */ @font-face { font-family: 'font-icons-newsletter'; src: url("../../frontend/Kemana/default/id_ID/WeltPixel_Newsletter/css/fonts/font-icons.eot"); src: url('../../frontend/Kemana/default/id_ID/WeltPixel_Newsletter/css/fonts/font-icons.eot') format('embedded-opentype'), url('../../frontend/Kemana/default/id_ID/WeltPixel_Newsletter/css/fonts/font-icons.woff2') format('woff2'), url('../../frontend/Kemana/default/id_ID/WeltPixel_Newsletter/css/fonts/font-icons.woff') format('woff'), url('../../frontend/Kemana/default/id_ID/WeltPixel_Newsletter/css/fonts/font-icons.ttf') format('truetype'), url('../../frontend/Kemana/default/id_ID/WeltPixel_Newsletter/css/fonts/font-icons.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } .sl-widget .sl-login-section { display: none; } .sl-widget .sociallogin-wrapper { margin-bottom: 0; } .sl-widget .sociallogin-wrapper .sociallogin-block { margin-bottom: 0; } .sl-widget .sociallogin-wrapper .sociallogin-block .block-heading { padding-bottom: 9px; } .sl-widget .sociallogin-wrapper .sociallogin-block .block-heading strong { font-size: 15px; font-weight: 600; } .weltpixel_newsletter .sl-widget .show-sl-buttons { width: 100%; text-transform: uppercase; } .wp_newsletter_v2 .sl-widget { width: 100%; float: right; min-width: 370px; } .si-facebook:hover, .si-colored.si-facebook { background-color: #3b5998 !important; } .si-pinterest:hover, .si-colored.si-pinterest { background-color: #c8232c !important; } .si-vimeo:hover, .si-colored.si-vimeo { background-color: #86c9ef !important; } .si-instagram:hover, .si-colored.si-instagram { background-color: #3f729b !important; } .si-twitter:hover, .si-colored.si-twitter { background-color: #00acee !important; } [class^="icon-"], [class*=" icon-"], [class^="icon-line-"], [class*=" icon-line-"], [class^="icon-line2-"], [class*=" icon-line2-"] { display: inline-block; font-family: 'font-icons-newsletter'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook:before { content: "\e86f"; } .icon-twitter:before { content: "\e85f"; } .icon-vimeo:before { content: "\e861"; } .icon-instagram:before { content: "\e889"; } .icon-pinterest:before { content: "\e83e"; } .social-icons { display: inline-block; text-align: center !important; cursor: pointer; font-style: normal; margin: 0 5px 5px 0; width: 40px; height: 40px; font-size: 20px; line-height: 38px !important; color: #555; text-shadow: none; border: 1px solid #AAA; border-radius: 3px; overflow: hidden; } a.social-icons, a.social-icons:active, a.social-icons:visited, a.social-icons:hover { text-decoration: none; } body:not(.device-touch) .social-icons { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .si-rounded { border-radius: 50%; } .si-dark { background-color: #444; color: #FFF !important; border-color: transparent; } .social-icons i { display: block; position: relative; } body:not(.device-touch) .social-icons i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } /** Social Icons css */ @keyframes wp-button-blink { 0% { left: 0%; } 100% { left: 100%; } } .wp_newsletter_trigger_button { display: block; opacity: 1; z-index: 8; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; top: 26%; margin-top: -20px; position: fixed; right: 0; } .wp_newsletter_trigger_button a.wp_newsletter_trigger { display: block; } .wp_newsletter_trigger_button a.wp_newsletter_trigger:hover { text-decoration: none; } .wp_newsletter_trigger_button a.wp_newsletter_trigger span { text-align: center; display: block; font-size: 14px; letter-spacing: 1px; padding: 6px 14px 6px; } .wp_newsletter_trigger_button a.wp_newsletter_trigger:after { content: ''; position: absolute; left: 0; top: 15%; height: 100%; background: #FFF; opacity: 0.15; -webkit-box-shadow: 0px 0px 12px 9px white; -moz-box-shadow: 0px 0px 12px 9px white; -ms-box-shadow: 0px 0px 12px 9px white; -o-box-shadow: 0px 0px 12px 9px white; box-shadow: 0px 0px 12px 9px white; -webkit-animation: wp-button-blink 1.4s linear both infinite; -moz-animation: wp-button-blink 1.4s linear both infinite; -ms-animation: wp-button-blink 1.4s linear both infinite; -o-animation: wp-button-blink 1.4s linear both infinite; animation: wp-button-blink 1.4s linear both infinite; } #wpn-lightbox-overlay, #wpn-exitintent-lightbox-overlay { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; } #wpn-lightbox-content, #wpn-exitintent-lightbox-content { display: none; position: absolute; z-index: 10000; top: 0; max-width: 850px; width: 850px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wpn-lightbox-content-v2, #wpn-exitintent-lightbox-content-v2 { display: none; position: fixed; z-index: 10000; bottom: 0; width: 100%; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wpn-lightbox-content-v3, #wpn-exitintent-lightbox-content-v3 { display: none; position: absolute; z-index: 10000; top: 0; max-width: 640px; width: 640px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 0; } #wpn-lightbox-content-v4, #wpn-exitintent-lightbox-content-v4 { display: none; position: fixed; z-index: 10000; bottom: 0; right: 15%; width: auto; max-width: 400px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; border-bottom: none; } #wpn-lightbox-close-newsletter, #wpn-lightbox-close-exitintent { display: block; position: absolute; top: 0px; right: 0px; padding: 5px; font-weight: 400; width: 30px; font-size: 20px; line-height: 20px; text-align: center; background: #000; color: #fff; vertical-align: middle; cursor: pointer; border-left: 1px solid #000; border-bottom: 1px solid #000; } #wpn-lightbox-close-newsletter-v2, #wpn-lightbox-close-newsletter-v4, #wpn-lightbox-close-exitintent-v2, #wpn-lightbox-close-exitintent-v4 { color: #000; background: transparent; border: none; vertical-align: middle; cursor: pointer; display: block; position: absolute; top: 5px; right: 2%; padding: 5px; font-weight: 400; width: 30px; font-size: 20px; line-height: 20px; text-align: center; text-transform: lowercase; } .wp_newsletter_container, .wp_exitintent_container, .weltpixel_newsletter_step1, .weltpixel_exitintent_newsletter_step1, .weltpixel_newsletter { display: none; } .weltpixel_newsletter * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .weltpixel_newsletter .title { padding: 30px 0; } .weltpixel_newsletter .wpn-col-md-5 { line-height: 10px; padding: 0px; } .weltpixel_newsletter .wpn-col-md-5 img.image-fade { width: 100%; } .weltpixel_newsletter .weltpixel_newsletter_signup_section { padding: 35px; text-align: center; } .weltpixel_newsletter .weltpixel_newsletter_signup_section strong { font-size: 12px; } .weltpixel_newsletter .weltpixel_newsletter_signup_section .title { font-size: 24px; } .weltpixel_newsletter #weltpixel_newsletter, .weltpixel_newsletter #weltpixel_exitintent { padding: 15px 0 5px 0; width: 100%; float: left; } .weltpixel_newsletter #weltpixel_newsletter .form-group, .weltpixel_newsletter #weltpixel_exitintent .form-group { position: relative; float: right; width: 100%; } .weltpixel_newsletter #weltpixel_newsletter .title, .weltpixel_newsletter #weltpixel_exitintent .title { font-size: 26px; text-transform: uppercase; text-align: center; } .weltpixel_newsletter #weltpixel_newsletter input[type=text], .weltpixel_newsletter #weltpixel_exitintent input[type=text], .weltpixel_newsletter #weltpixel_newsletter input[type=email], .weltpixel_newsletter #weltpixel_exitintent input[type=email], .weltpixel_newsletter #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter #weltpixel_exitintent #exitintent_newsletter_email { width: 77%; height: 35px; border: 0; background: #f4f4f4; padding: 8px; font-size: 12px; float: left; line-height: 20px; text-transform: uppercase; text-align: center; } .weltpixel_newsletter #weltpixel_newsletter #terms_conditions_consent, .weltpixel_newsletter #weltpixel_exitintent #terms_conditions_consent, .weltpixel_newsletter #weltpixel_newsletter #exitintent_terms_conditions_consent, .weltpixel_newsletter #weltpixel_exitintent #exitintent_terms_conditions_consent { width: 17px; height: 17px; } .weltpixel_newsletter #weltpixel_newsletter .button, .weltpixel_newsletter #weltpixel_exitintent .button { height: 36px; padding: 8px; margin-left: 0px; float: right; font-size: 18px; line-height: 22px; background: #d83701; color: #FFF; text-transform: uppercase; } .weltpixel_newsletter #weltpixel_newsletter .terms-condition-container, .weltpixel_newsletter #weltpixel_exitintent .terms-condition-container { position: relative; margin-top: 18px; text-align: center; } .weltpixel_newsletter #weltpixel_newsletter .terms-condition-container label, .weltpixel_newsletter #weltpixel_exitintent .terms-condition-container label, .weltpixel_newsletter #weltpixel_newsletter .terms-condition-container label > *, .weltpixel_newsletter #weltpixel_exitintent .terms-condition-container label > * { vertical-align: top; } .weltpixel_newsletter #weltpixel_newsletter #popup_newsletter_email-error, .weltpixel_newsletter #weltpixel_exitintent #popup_newsletter_email-error, .weltpixel_newsletter #weltpixel_newsletter #terms_conditions_consent-error, .weltpixel_newsletter #weltpixel_exitintent #terms_conditions_consent-error, .weltpixel_newsletter #weltpixel_newsletter #exitintent_newsletter_email-error, .weltpixel_newsletter #weltpixel_exitintent #exitintent_newsletter_email-error, .weltpixel_newsletter #weltpixel_newsletter #exitintent_terms_conditions_consent-error, .weltpixel_newsletter #weltpixel_exitintent #exitintent_terms_conditions_consent-error { clear: both; min-height: 13px; margin: 3px 0 0; font-size: 14px; font-weight: bold; line-height: 13px; text-align: left; position: absolute; top: 35px; } .weltpixel_newsletter #weltpixel_newsletter #terms_conditions_consent-error, .weltpixel_newsletter #weltpixel_exitintent #terms_conditions_consent-error, .weltpixel_newsletter #weltpixel_newsletter #exitintent_terms_conditions_consent-error, .weltpixel_newsletter #weltpixel_exitintent #exitintent_terms_conditions_consent-error { top: 0px; position: relative; } .weltpixel_newsletter.wp_newsletter_v1 .weltpixel_newsletter_step1 button, .weltpixel_newsletter.wp_newsletter_v1 .weltpixel_exitintent_newsletter_step1 button { margin: 5px; } .weltpixel_newsletter.wp_newsletter_v2 { float: left; width: 100%; } .weltpixel_newsletter.wp_newsletter_v2 .left-section { float: left; width: 20%; line-height: 10px; max-width: 200px; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section { float: right; width: 80%; padding: 20px; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .middle-section { float: left; text-align: left; width: 50%; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section { float: right; width: 100%; max-width: 370px; margin-right: 3%; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter input[type=text], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent input[type=text], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter input[type=email], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent input[type=email], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent #exitintent_newsletter_email { width: 53%; border: 1px solid #000; border-right: none; height: 34px; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter button.subscribe, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent button.subscribe { float: right; border: 1px solid #000; height: 34px; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent #exitintent_newsletter_email { width: 74%; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section .terms-condition-container { clear: both; padding-top: 18px; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .step1-buttons { float: right; width: 50%; margin-top: 3%; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .step1-buttons button { width: 80%; margin: 5px 0; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section #weltpixel_newsletter .terms-condition-container, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section #weltpixel_exitintent .terms-condition-container { text-align: left; } .weltpixel_newsletter.wp_newsletter_v3 .image-background { display: none; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section { float: left; height: 75%; width: 75%; margin: 13%; background: #FFF; top: 0; line-height: 1.4; padding: 20px 30px 15px 30px; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .title { font-size: 34px; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section p { font-size: 18px; padding: 0px; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup { position: relative; margin-top: 15%; float: left; width: 100%; border: 0; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter input[type=text], .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent input[type=text], .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter input[type=email], .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent input[type=email], .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent #exitintent_newsletter_email { width: 100%; background: #FFF; border-bottom: 2px solid #000; margin-bottom: 18px; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter button, .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent button { width: 100%; height: 44px; margin: 3px 0; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .step1-buttons button { width: 100%; height: 44px; margin: 3px 0; } .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section { float: none; padding: 20px; } .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup { float: none; } .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter, .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent { float: none; } .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter input[type=text], .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent input[type=text], .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter input[type=email], .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent input[type=email], .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent #exitintent_newsletter_email { width: 98%; background: #FFF; border-bottom: 2px solid #000; margin-bottom: 18px; float: none; } .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter button, .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent button { width: 49%; } .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .weltpixel_newsletter_step1, .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .weltpixel_exitintent_newsletter_step1 { padding: 15px 15px 30px; } .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .weltpixel_newsletter_step1 .step1-buttons, .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .weltpixel_exitintent_newsletter_step1 .step1-buttons { min-width: 320px; } .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .weltpixel_newsletter_step1 .step1-buttons button, .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .weltpixel_exitintent_newsletter_step1 .step1-buttons button { width: 49%; } @media only screen and (max-width: 960px) { .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter input[type=text], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent input[type=text], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter input[type=email], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent input[type=email], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent #exitintent_newsletter_email { width: 81%; } } @media (min-width: 992px) { .weltpixel_newsletter .wpn-col-md-5, .weltpixel_newsletter .wpn-col-md-7 { float: left; } .weltpixel_newsletter .wpn-col-md-5 { width: 41.66666667%; } .weltpixel_newsletter .wpn-col-md-7 { width: 58.33333333%; } } @media screen and (max-width: 992px) { #wpn-lightbox-content, #wpn-exitintent-lightbox-content { width: 88%; padding: 6%; } #wpn-lightbox-content-v3, #wpn-exitintent-lightbox-content-v3 { width: 88%; } } @media only screen and (max-width: 768px) { .weltpixel_newsletter .weltpixel_newsletter_signup_section { width: 100%; padding: 0; } .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent { padding: 15px 0 5px 0; width: 100%; float: left; } .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter .button, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent .button { float: right; } .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter input[type=text], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent input[type=text], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter input[type=email], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent input[type=email], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent #exitintent_newsletter_email { width: 74%; float: left; } .weltpixel_newsletter .col-last { display: none; } .weltpixel_newsletter.wp_newsletter_v1 .weltpixel_newsletter_step1 button, .weltpixel_newsletter.wp_newsletter_v1 .weltpixel_exitintent_newsletter_step1 button { width: 100%; } .weltpixel_newsletter.wp_newsletter_v2 { float: left; width: 100%; } .weltpixel_newsletter.wp_newsletter_v2 .left-section { float: left; width: 33%; line-height: 10px; max-width: 100%; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section { float: none; width: 100%; padding: 0; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .title { font-size: 18px; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .middle-section { float: right; text-align: left; width: 67%; padding: 10px 15px 10px 10px; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section { float: none; width: 97%; clear: both; text-align: center; margin: 0 auto; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter input[type=text], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent input[type=text], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter input[type=email], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent input[type=email], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent #exitintent_newsletter_email { width: 74%; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .step1-buttons { float: none; width: 97%; clear: both; text-align: center; margin: 0 auto; padding: 10px 0; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .step1-buttons button { width: 100%; margin: 5px 0; } .weltpixel_newsletter.wp_newsletter_v2 #weltpixel_newsletter .form-group, .weltpixel_newsletter.wp_newsletter_v2 #weltpixel_exitintent .form-group { margin-left: 7%; } .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .weltpixel_newsletter_step1 .step1-buttons, .weltpixel_newsletter.wp_newsletter_v4 .weltpixel_newsletter_signup_section .weltpixel_exitintent_newsletter_step1 .step1-buttons { min-width: 100%; } #wpn-lightbox-content-v4, #wpn-exitintent-lightbox-content-v4 { right: 0; max-width: 100%; width: 100%; } } @media only screen and (max-width: 480px) { .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter input[type=text], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent input[type=text], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter input[type=email], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent input[type=email], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent #exitintent_newsletter_email { width: 66%; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter input[type=text], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent input[type=text], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter input[type=email], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent input[type=email], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent #exitintent_newsletter_email { width: 74%; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .title { font-size: 22px; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section p { font-size: 12px; margin-bottom: 1px; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup { margin-top: 0; } .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_newsletter, .weltpixel_newsletter.wp_newsletter_v3 .weltpixel_newsletter_signup_section .newsletter-signup #weltpixel_exitintent { padding: 7px 0; } } @media only screen and (max-width: 360px) { .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter input[type=text], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent input[type=text], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter input[type=email], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent input[type=email], .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter .weltpixel_newsletter_signup_section #weltpixel_exitintent #exitintent_newsletter_email { width: 61%; } .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter input[type=text], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent input[type=text], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter input[type=email], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent input[type=email], .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent #popup_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_newsletter #exitintent_newsletter_email, .weltpixel_newsletter.wp_newsletter_v2 .weltpixel_newsletter_signup_section .right-section #weltpixel_exitintent #exitintent_newsletter_email { width: 69%; } } .product-items .product-item:hover .wp-product-label-hover { display: block; } .product-items .product-item:hover .wp-product-label-hover.wp-product-label-middle-left, .product-items .product-item:hover .wp-product-label-hover.wp-product-label-middle-center, .product-items .product-item:hover .wp-product-label-hover.wp-product-label-middle-right { display: table-cell; } .product-items .product-item .wp-product-label-hover { display: none; } .product-items .product-item .wp-product-label-hover.wp-product-label-middle-left, .product-items .product-item .wp-product-label-hover.wp-product-label-middle-center, .product-items .product-item .wp-product-label-hover.wp-product-label-middle-right { display: none; } .catalog-product-view .fotorama--fullscreen .wp-product-label { display: none; } .wp-product-label { position: absolute; z-index: 99; color: #000; display: block; } .wp-product-label.wp-product-label-top-left { top: 0; left: 0; } .wp-product-label.wp-product-label-top-center { top: 0; left: 0; text-align: center; width: 100%; } .wp-product-label.wp-product-label-top-right { top: 0; right: 0; } .wp-product-label.wp-product-label-bottom-left { bottom: 0; left: 0; } .wp-product-label.wp-product-label-bottom-center { bottom: 0; left: 0; text-align: center; width: 100%; } .wp-product-label.wp-product-label-bottom-right { bottom: 0; right: 0; } .wp-product-label.wp-product-label-middle-left, .wp-product-label.wp-product-label-middle-center, .wp-product-label.wp-product-label-middle-right { top: 0; left: 0; height: 100%; width: 100%; display: table-cell; vertical-align: middle; text-align: left; } .wp-product-label.wp-product-label-middle-left:before, .wp-product-label.wp-product-label-middle-center:before, .wp-product-label.wp-product-label-middle-right:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .wp-product-label.wp-product-label-middle-left img, .wp-product-label.wp-product-label-middle-center img, .wp-product-label.wp-product-label-middle-right img { display: inline-block; vertical-align: middle; width: auto; } .wp-product-label.wp-product-label-middle-center { text-align: center; } .wp-product-label.wp-product-label-middle-right { text-align: right; } .wp-product-label span { display: inline-block; } .wp-product-label.page-position { position: inherit; display: inline-block; vertical-align: middle; margin-left: 5px; } .wp-product-label-extra { width: 100%; float: left; padding: 5px 0; margin-bottom: 10px; } .arv-item-list::-webkit-scrollbar { height: 6px; width: 6px; background-color: #F5F5F5; } .arv-item-list::-webkit-scrollbar-thumb:horizontal { background: #000; border-radius: 10px; } .arv-item-list:-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .arv-no-items { display: none; } .arv-no-items.inline-no-items { display: inline-block; } .arv-wrapper { position: fixed; bottom: 0px; left: 0; width: 100%; z-index: 10; } .arv-wrapper.add_to_cart_disabled .product-item-actions .actions-primary + .actions-secondary { display: block; width: 100%; text-align: center; padding-left: 0px; } .arv-wrapper.no-buttons .product-item-actions .actions-primary { display: block; } .arv-wrapper .secondary-addto-links.actions-secondary { display: block; } .arv-wrapper .arv-prod-item { width: auto !important; } .arv-wrapper .arv-prod-item-sec { padding-top: 9px; } .arv-wrapper .product-item-description { display: none; } .arv-wrapper .arv-button { display: flex; width: 100%; opacity: 0; } .arv-wrapper .arv-slider-btn { padding: 5px 10px; text-align: center; cursor: pointer; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } .arv-wrapper .tooltip-recently-viewed-text { width: 140px; background-color: #FFF; color: #000; border: 1px solid #000; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 99999; bottom: 125%; visibility: hidden; opacity: 0; transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transition: opacity .3s; } .arv-wrapper .arv-btn-left { justify-content: flex-start; margin-left: 5%; } .arv-wrapper .arv-btn-left .tooltip-recently-viewed-text { left: 50%; transform: translateX(-50%); } .arv-wrapper .arv-btn-right { justify-content: flex-end; } .arv-wrapper .arv-btn-right .arv-slider-btn { margin-right: 5%; } .arv-wrapper .arv-btn-right .tooltip-recently-viewed-text { right: 50%; transform: translateX(50%); } .arv-wrapper .icon-bigger { font-size: 18px; } .arv-wrapper .arv-slider-btn .tooltip-recently-viewed-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .arv-wrapper .arv-slider-btn:hover .tooltip-recently-viewed-text { visibility: visible; opacity: 1; } .arv-wrapper .arv-content { display: none; width: 100%; z-index: 9; background: #fff; padding: 20px; padding-bottom: 5px; box-shadow: 0 1px 25px -7px rgba(0, 0, 0, 0.5); } .arv-wrapper .arv-content .block-customer-login { margin-bottom: 15px; } .arv-wrapper .arv-content .block-customer-login #arv_change_email { line-height: 0; } .arv-wrapper .arv-content .arv-clear { display: block; position: absolute; top: 31px; right: 7px; cursor: pointer; color: #303030; margin: 10px; padding: 7px; z-index: 10; } .arv-wrapper .arv-content .arv-clear.arv-clear:hover { color: #000000; } .arv-wrapper .arv-content.arv-content-no-items { height: auto; } .arv-wrapper .arv-content .inline-block { display: inline-block; vertical-align: top; } .arv-wrapper .arv-content .block-title { display: none; } .arv-wrapper .arv-content .arv-cms { width: 15%; float: none; display: inline-block; } .arv-wrapper .arv-content .arv-cms .arv-desktop-img { display: none; } .arv-wrapper .arv-content .arv-cms .arv-mobile-img { display: none; } .arv-wrapper .arv-content .arv-cms .sociallogin-block .sl-show-action button.show-sl-buttons { width: 222px; } .arv-wrapper .arv-content .arv-cms .block-customer-login .block-heading { padding-bottom: 20px; text-align: center; font-size: 16px; } .arv-wrapper .arv-content .arv-cms .block-customer-login .fieldset > .field { margin: 0 0 5px; } .arv-wrapper .arv-content .arv-cms .block-customer-login .fieldset > .field > .label { margin: 0; } .arv-wrapper .arv-content .arv-cms .block-customer-login .arv-centered-content-input { text-align: center; } .arv-wrapper .arv-content .arv-item-list { margin-right: 20px; margin-left: 20px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .arv-wrapper .arv-content .arv-item-list .admin__data-grid-outer-wrap.data-grid-outer-no-items { height: auto; } .arv-wrapper .arv-content .arv-item-list .price-from, .arv-wrapper .arv-content .arv-item-list .price-to { display: inline-block; } .arv-wrapper .arv-content .arv-item-list .price-to { margin-left: 8px; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item { width: 10% !important; height: auto !important; text-align: center; min-width: 180px; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item:hover .product-item-actions .actions-secondary { display: inline-block !important; vertical-align: middle; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item:hover .product-item-actions .actions-secondary .action.towishlist { position: initial !important; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item:hover .product-item-actions .actions-secondary .action.tocompare { position: initial !important; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item .product-item-actions .actions-secondary .action.towishlist, .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item .product-item-actions .actions-secondary .action.tocompare { background-color: transparent; border: 0 none; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item .product-item-actions .actions-secondary .action.towishlist:hover, .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item .product-item-actions .actions-secondary .action.tocompare:hover { border: 0 none; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item .product-item-info { border: 1px solid transparent; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item .product-item-info:hover { -wekit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; border: 1px solid transparent; padding: 0px; margin: 0px; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item .product-item-info .product-item-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item .product-item-details .price-box .old-price { display: none; margin-left: 0; } .arv-wrapper:not(.sl-integration) .sl-login-section, .arv-wrapper:not(.sl-integration) .sociallogin-wrapper { display: none !important; } .icon-line-heart-arv { color: #666; } .icon-line-heart-arv:before { content: "\e68c" !important; font-family: 'font-icons' !important; } .icon-line-compare-arv { color: #666; } .icon-line-compare-arv:before { content: "\e67f" !important; font-family: 'font-icons' !important; } .owl-carousel-reviews .block-title { text-align: center; } .owl-carousel-reviews .review-ratings { float: none; margin: 0 auto; } .owl-carousel-reviews .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: transparent; } .owl-carousel-reviews .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before { background-color: #000000; } @font-face { font-family: 'font-icons-sac'; src: url("../../frontend/Kemana/default/id_ID/WeltPixel_SearchAutoComplete/css/fonts/font-icons.eot"); src: url('../../frontend/Kemana/default/id_ID/WeltPixel_SearchAutoComplete/css/fonts/font-icons.eot') format('embedded-opentype'), url('../../frontend/Kemana/default/id_ID/WeltPixel_SearchAutoComplete/css/fonts/font-icons.woff2') format('woff2'), url('../../frontend/Kemana/default/id_ID/WeltPixel_SearchAutoComplete/css/fonts/font-icons.woff') format('woff'), url('../../frontend/Kemana/default/id_ID/WeltPixel_SearchAutoComplete/css/fonts/font-icons.ttf') format('truetype'), url('../../frontend/Kemana/default/id_ID/WeltPixel_SearchAutoComplete/css/fonts/font-icons.svg') format('svg'); font-weight: normal; font-style: normal; } .modal-content .block .searchautocomplete.vertically .block-right a { font-size: 18px !important; } .modal-content .block .searchautocomplete.vertically .block-right .price { font-weight: bold; font-size: 14px !important; margin-top: 5px !important; color: #3e3d3d; } #search_mini_form .control { text-align: right; border-top: 0; margin: 0; padding: 0; position: relative; top: 0px; } .prod-container .text-no-result { padding: 10px 0; text-transform: initial; } .wpx-search-autocomplete-hidden { display: none !important; } .wpx-search-autocomplete-hidden .cat-container { text-transform: none; padding: 0; } .wpx-search-autocomplete-hidden .cat-container ul.category-list { padding: 10px; } .wpx-search-autocomplete { position: static !important; display: block !important; width: auto !important; margin: 10px 10px 0 10px; max-height: 17vh; overflow-y: auto; } .wpx-search-autocomplete .cat-container { text-transform: none; } .wpx-search-autocomplete ul { list-style-type: none; padding-left: 0px; margin-bottom: 0px; } .wpx-search-autocomplete ul li { cursor: pointer; } .wpx-search-autocomplete ul li span { text-transform: capitalize; } .wpx-search-autocomplete ul .amount { float: right; } .separator { padding: 10px; text-transform: initial; font-size: 13px; } .footer-img { background-image: url('../../frontend/Kemana/default/id_ID/WeltPixel_SearchAutoComplete/images/img-footer.svg'); background-repeat: no-repeat; background-position: center center; margin: 0 auto; padding: 10px; height: 28px; max-width: 200px; } .loader-ajax { position: relative; } .loader-ajax:after { content: ""; background-image: url('../../frontend/Kemana/default/id_ID/WeltPixel_SearchAutoComplete/images/ias-spinner.gif'); background-size: 15px 15px; background-position: right center; background-repeat: no-repeat; height: 15px; width: 100%; display: block; position: absolute; right: 32px; top: 8px; } .modal-content .block .searchautocomplete.vertically { max-height: 70vh; } .block .searchautocomplete { max-height: 80vh; overflow-y: auto; background: none repeat scroll 0 0 #fff; margin: 0; display: none; text-align: left; position: absolute; z-index: 9; -webkit-box-shadow: 0px 3px 15px 0px rgba(112, 112, 112, 0.5); -moz-box-shadow: 0px 3px 15px 0px rgba(112, 112, 112, 0.5); box-shadow: 0px 3px 15px 0px rgba(112, 112, 112, 0.5); } .block .searchautocomplete .container-autocomplete { padding: 10px; } .block .searchautocomplete .container-autocomplete.cat-container { text-transform: none; padding: 0; } .block .searchautocomplete .container-autocomplete.cat-container ul.category-list { padding: 10px; } .block .searchautocomplete .wpx-header { line-height: 25px; text-transform: initial; font-size: 13px; } .block .searchautocomplete .advanced_search { cursor: pointer; } .block .searchautocomplete .search-results-items { line-height: 25px; font-size: 13px; text-transform: initial; } .block .searchautocomplete .search-results-items span { font-weight: 600; text-transform: lowercase; } .block .searchautocomplete .category-list { padding-left: 0px; margin: 0; } .block .searchautocomplete .category-list li { list-style-type: none; padding-bottom: 0px; margin-bottom: 1px; } .block .searchautocomplete .category-list li span.parent-cats { color: #5a5959; font-size: smaller; } .block .searchautocomplete .category-list li span.parent-cats span.parent-cats-separator { padding: 0 5px; } .block .searchautocomplete .category-list li span.parent-cats span.parent-cats-separator:after { content: '\e7a5'; font-family: 'font-icons-sac'; size: 6px; } .block .searchautocomplete .product-list { padding-left: 0px; margin-top: 25px; } .block .searchautocomplete .product-list li { list-style-type: none; padding-bottom: 10px; } .block .searchautocomplete .product-list .block-flex { display: flex; } .block .searchautocomplete .product-list .block-flex .block-left .prod-img { max-width: initial; margin-right: 10px; } .block .searchautocomplete .product-list .block-flex .block-right { align-self: flex-start; } .block .searchautocomplete .product-list .block-flex .block-right p { text-transform: initial; font-size: 13px; } .block .searchautocomplete .product-list .block-flex .block-right .product-title { margin: 0px; font-weight: 600; margin: 0 0 10px 0; text-transform: capitalize; font-size: 15px; } .block .searchautocomplete .product-list .block-flex .block-right .price { margin: 0 0 10px 0; display: block; font-size: 13px; } .block .searchautocomplete .product-list .img-result { float: left; } .block .searchautocomplete .more-results { line-height: 25px; } .block .searchautocomplete .more-results .advanced_search { font-weight: 600; text-transform: initial; font-size: 13px; } .block .searchautocomplete .wpx-footer { line-height: 25px; font-size: 13px; text-transform: initial; } .scroll { height: 370px; overflow-y: scroll; } .searchautocomplete::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .searchautocomplete::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .searchautocomplete::-webkit-scrollbar-thumb { background-color: #c2c2c2; } /** Social Icons css */ @font-face { font-family: 'font-icons-sl'; src: url("../../frontend/Kemana/default/id_ID/WeltPixel_SocialLogin/css/fonts/font-icons.eot"); src: url('../../frontend/Kemana/default/id_ID/WeltPixel_SocialLogin/css/fonts/font-icons.eot') format('embedded-opentype'), url('../../frontend/Kemana/default/id_ID/WeltPixel_SocialLogin/css/fonts/font-icons.woff2') format('woff'), url('../../frontend/Kemana/default/id_ID/WeltPixel_SocialLogin/css/fonts/font-icons.woff') format('woff'), url('../../frontend/Kemana/default/id_ID/WeltPixel_SocialLogin/css/fonts/font-icons.ttf') format('truetype'), url('../../frontend/Kemana/default/id_ID/WeltPixel_SocialLogin/css/fonts/font-icons.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } div.reset-pass-msg { width: 100%; padding: 20px; margin-bottom: 50px; background: #fdf0d5; margin-top: -20px; } div.reset-pass-msg a { font-weight: bold; text-decoration: underline; } #email_modal { display: none; } #email_modal .modal-title { font-size: 30px; letter-spacing: 1px; padding-bottom: 0.5rem; margin-bottom: 2.5rem; text-transform: uppercase; } body.wp-sl .popup-authentication .block-authentication.sl-popup .block-customer-login:before { height: 0; } body.wp-sl div.sociallogin-wrapper { display: block; padding: 0; width: 400px; margin-bottom: 24px; width: 100%; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block { width: 100%; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title { font-size: 1.8rem; margin-bottom: 15px; padding-bottom: 12px; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title strong { font-weight: 500; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding { max-width: 100%; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box { margin: 0 0px 7px; cursor: pointer; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button { width: 100%; transition: all 0.2s ease; display: block; text-decoration: none; box-shadow: 0 0 5px #999; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button.sociallogin-button:hover { z-index: 10; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transform: scale(1.03); } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sociallogin-icon { height: 34px; cursor: pointer; display: block; position: relative; z-index: 1; outline: 0; margin: 0 auto; padding: 0 5px; transition: all 0.2s ease; -webkit-font-smoothing: antialiased; border-radius: 2px; font-size: inherit; text-align: left; line-height: 34px; color: #fff; vertical-align: middle; font-family: inherit; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sociallogin-icon:before { display: inline-block; height: 100%; width: 40px; border-radius: 2px; font-size: 100%; position: absolute; left: 0; text-align: center; font-family: font-icons; content: ""; border-right: 1px solid #fff; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sociallogin-icon:after { font-family: inherit; font-size: inherit; margin-left: 42px; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-fb { background-color: #3b5998; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-fb:before { content: "\e86f"; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-fb:after { content: 'Login with Facebook'; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sociallogin-icon.sl-instagram { background-color: #e72252; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sociallogin-icon.sl-instagram:before { content: "\e889"; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sociallogin-icon.sl-instagram:after { content: 'Login with Instagram'; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-google { background-color: #fff; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-google:before { background-image: url("../../frontend/Kemana/default/id_ID/WeltPixel_SocialLogin/images/icons/google.svg"); border-right: 1px solid #e7e7e7; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-google:after { content: 'Login with Google'; color: #212121; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-amazon { background-color: #fd7a1f; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-amazon:before { content: "\e86a"; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-amazon:after { content: 'Login with Amazon'; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-twitter { background-color: #00acee; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-twitter:before { content: "\e85f"; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-twitter:after { content: 'Login with Twitter'; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-paypal { background-color: #00588b; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-paypal:before { content: "\e833"; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-paypal:after { content: 'Login with PayPal'; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-linkedin { background-color: #0e76a8; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-linkedin:before { content: "\e858"; } body.wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sl-linkedin:after { content: 'Login with Linkedin'; } body.wp-sl .sl-link-line .social-icons { font-size: 20px; line-height: 53px; text-shadow: none; width: 35px; display: inline-block; } body.wp-sl .sl-link-line .social-icons i { display: block; position: relative; display: inline-block; font-family: font-icons; } body.wp-sl .sl-link-line .social-icons i:last-child { display: none; } body.wp-sl .sl-ajaxlogin-title { cursor: pointer; } body.wp-sl .sl-ajaxlogin-title.active { color: #333333; text-decoration: underline; } body.wp-sl .sl-ajaxlogin-title-space { padding: 0 4px; font-weight: 100; font-size: smaller; } body.wp-sl .sl-login-section .block-content .sl-actions-toolbar { text-align: center; padding-top: 20px; } body.wp-sl .sl-login-section .block-content .sl-actions-toolbar .proceed button { width: 222px; } body.wp-sl div.sociallogin-wrapper { width: 100%; float: none; } body.wp-sl div.sociallogin-wrapper .sociallogin-block .sl-show-action { text-align: center; } body.wp-sl div.sociallogin-wrapper .sociallogin-block .sl-buttons-wrapper .block-heading { padding-top: 10px; } body.wp-sl div.sociallogin-wrapper .sociallogin-block .sl-buttons-wrapper .sl-login-back { cursor: pointer; padding-bottom: 8px; text-align: left; } body.wp-sl div.sociallogin-wrapper .sociallogin-block .sl-buttons-wrapper .sl-login-back:before { content: '\e617'; font-family: 'luma-icons'; } body:not(.theme-pearl).wp-sl div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding div.sociallogin-box a.sociallogin-button span.sociallogin-icon:before { font-family: font-icons-sl; } body:not(.theme-pearl).wp-sl .social-icons i { font-family: font-icons-sl; } body:not(.theme-pearl).wp-sl .popup-authentication .block-customer-login { padding-top: 0; } div.sl-loader:after { content: ""; background-image: url('../../frontend/Kemana/default/id_ID/WeltPixel_SocialLogin/images/ias-spinner.gif'); background-size: 27px 26px; background-position: right center; background-repeat: no-repeat; height: 25px; width: 100%; display: block; position: absolute; right: 20px; top: 5px; } .sociallogin-container { border: 1px solid #ccc; max-width: 245px; } .sociallogin-container ul.sociallogin-buttons-list { list-style-type: none; margin: 0; padding: 10px; } .sociallogin-container ul.sociallogin-buttons-list li { padding: 0; margin: 0; } body:not(.theme-pearl).wp-sl .sl-link-line .social-icons { border: 0 none; } body:not(.theme-pearl).wp-sl .sl-link-line .social-icons:hover { background: transparent !important; border: 0 none; } body.theme-pearl.account.sociallogin-account-socialaccounts .social-icons i:last-child { display: block; color: #FFF !important; } ul.sl-unlinks { list-style-type: none; max-width: 45%; } ul.sl-unlinks li.sl-link-line { padding-top: 5px; border-bottom: 1px solid #d1d1d1; width: auto; } ul.sl-unlinks li.sl-link-line span { display: inline-block; height: 50px; text-align: center; vertical-align: top; } ul.sl-unlinks li.sl-link-line div.sl-icon { display: inline-block; height: 50px; width: 50px; } ul.sl-unlinks li.sl-link-line .sl-link-name { width: calc(100% - 106px); font-size: 1.4rem; color: #575757; padding-top: 16px; } ul.sl-unlinks li.sl-link-line a.sl-link-unlink { max-width: 50px; vertical-align: top; padding-top: 0px; display: inline-block; height: 40px; text-align: center; font-size: 16px; line-height: 38px; color: #006bb4; } [class^="icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.theme-pearl.sociallogin-account-socialaccounts a.social-icons:hover { text-decoration: none; } body.theme-pearl.sociallogin-account-socialaccounts .si-unlink:hover { background-color: #ccc !important; } a.social-icons:hover { text-decoration: none; } .si-unlink:hover { background-color: #ccc !important; } body.sociallogin-account-socialaccounts .icon-facebook:before { content: "\e86f"; } body.sociallogin-account-socialaccounts .icon-amazon:before { content: "\e86a"; } body.sociallogin-account-socialaccounts .icon-google:before { content: "\e853"; } body.sociallogin-account-socialaccounts .icon-instagram:before { content: "\e889"; } body.sociallogin-account-socialaccounts .icon-twitter:before { content: "\e85f"; } body.sociallogin-account-socialaccounts .icon-linkedin:before { content: "\e858"; } body.sociallogin-account-socialaccounts .icon-paypal:before { content: "\e833"; } body.sociallogin-account-socialaccounts .icon-unlink:before { content: "\e7c5"; } body.wp-sl.multishipping-checkout-login div.page-wrapper .columns .main div.sociallogin-wrapper, body.wp-sl.customer-account-login div.page-wrapper .columns .main div.sociallogin-wrapper { width: 32%; float: left; } body.wp-sl.multishipping-checkout-login div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-padding, body.wp-sl.customer-account-login div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-padding { max-width: 75%; } body.wp-sl.multishipping-checkout-login div.page-wrapper .columns .main .login-container, body.wp-sl.customer-account-login div.page-wrapper .columns .main .login-container { width: 63%; float: left; padding: 1.2%; } body.wp-sl.theme-pearl div.sociallogin-wrapper div.sociallogin-block { width: 100%; } body.wp-sl.theme-pearl .sl-ajaxlogin-title-space { font-size: 0.5em; } body.wp-sl.customer-account-create div.page-wrapper .columns .main div.sociallogin-wrapper { margin: 0 0 0 25px; width: 33%; float: right; } body.wp-sl.customer-account-create div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-padding { max-width: 75%; } body.wp-sl.customer-account-create div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title { font-size: 2.2rem; line-height: 1.1; border-bottom: 1px solid #c6c6c6; } body.wp-sl.customer-account-create div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title strong { font-weight: 300; } body.wp-sl.theme-pearl.customer-account-create div.page-wrapper .columns .main div.sociallogin-wrapper, body.wp-sl.theme-pearl.multishipping-checkout-register div.page-wrapper .columns .main div.sociallogin-wrapper { margin: 0 0 0 25px; width: 33%; float: right; } body.wp-sl.theme-pearl.customer-account-create div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title strong, body.wp-sl.theme-pearl.multishipping-checkout-register div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title strong { font-size: inherit; font-family: inherit; } body.wp-sl.theme-pearl.customer-account-login div.sociallogin-wrapper div.sociallogin-block { width: 100%; } body.checkout-cart-index div.cart-summary div.sociallogin-wrapper { width: 100% !important; margin-bottom: unset; margin-top: 10px; } body.checkout-cart-index div.cart-summary div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title { cursor: pointer; border-bottom: unset; margin-bottom: unset; font-size: inherit; } body.checkout-cart-index div.cart-summary div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title strong { font-weight: 600; } body.checkout-cart-index div.cart-summary div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title:after { content: '\e622'; font-family: 'luma-icons'; font-size: 12px; color: #858585; position: absolute; right: 20px; } body.checkout-cart-index div.cart-summary div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title.open:after { content: '\e621'; font-family: 'luma-icons'; font-size: 12px; color: #858585; position: absolute; right: 20px; } body.checkout-cart-index div.cart-summary div.sociallogin-wrapper div.sociallogin-block div.sociallogin-padding { display: none; max-width: unset; } body.checkout-index-index div.cart-summary div.sociallogin-wrapper { width: 100% !important; margin-bottom: unset; margin-top: 45px; } body.checkout-index-index div.cart-summary div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title { cursor: pointer; font-size: 2.6rem; } body.checkout-index-index div.cart-summary div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title strong { font-weight: 300; } body:not(.theme-pearl).wp-sl.multishipping-checkout-login div.page-wrapper .columns .main div.sociallogin-wrapper, body:not(.theme-pearl).wp-sl.customer-account-login div.page-wrapper .columns .main div.sociallogin-wrapper { width: 32%; } body:not(.theme-pearl).wp-sl.multishipping-checkout-login div.page-wrapper .columns .main .login-container, body:not(.theme-pearl).wp-sl.customer-account-login div.page-wrapper .columns .main .login-container { width: 62%; padding: 10px; } body._has-auth-shown .authentication-wrapper { z-index: 9000; } .popup-authentication .modal-inner-wrap { max-width: 400px; } .checkout-onepage-success .thankyou-wrapper, .multishipping-checkout-success .thankyou-wrapper { margin: 0 auto 67px auto; text-align: center; } .checkout-onepage-success .thankyou-wrapper .block.newsletter .form.subscribe, .multishipping-checkout-success .thankyou-wrapper .block.newsletter .form.subscribe { display: flex; justify-content: center; align-items: center; } .checkout-onepage-success .thankyou-wrapper .block.newsletter .field.newsletter, .multishipping-checkout-success .thankyou-wrapper .block.newsletter .field.newsletter { max-width: 260px; width: 100%; } .checkout-onepage-success .thankyou-wrapper .block.newsletter .actions, .multishipping-checkout-success .thankyou-wrapper .block.newsletter .actions { width: auto; } .checkout-onepage-success .thankyou-wrapper p, .multishipping-checkout-success .thankyou-wrapper p { margin-bottom: 0; } .checkout-onepage-success .thankyou-wrapper .actions-toolbar, .multishipping-checkout-success .thankyou-wrapper .actions-toolbar { text-align: center; } .checkout-onepage-success .thankyou-wrapper .actions-toolbar .primary, .multishipping-checkout-success .thankyou-wrapper .actions-toolbar .primary { float: none; } .checkout-onepage-success .thankyou-wrapper .thank-you-page h1, .multishipping-checkout-success .thankyou-wrapper .thank-you-page h1 { margin-bottom: 12px; line-height: 30px; } .checkout-onepage-success .thankyou-wrapper .thank-you-page .icon_thank_you_01, .multishipping-checkout-success .thankyou-wrapper .thank-you-page .icon_thank_you_01 { width: 55px; height: 55px; background-image: url('../../frontend/Kemana/default/id_ID/WeltPixel_ThankYouPage/images/icon_01.svg'); background-repeat: no-repeat; margin: 81px auto 21px auto; } .checkout-onepage-success .thankyou-wrapper .newsletter-description, .multishipping-checkout-success .thankyou-wrapper .newsletter-description { font-size: 15px; text-align: center; margin-bottom: 10px; font-weight: bold; } .checkout-onepage-success .thankyou-wrapper .block.newsletter .actions span, .multishipping-checkout-success .thankyou-wrapper .block.newsletter .actions span { margin-top: -2px; display: block; } .checkout-onepage-success .thankyou-wrapper .block.newsletter .field .control:before, .multishipping-checkout-success .thankyou-wrapper .block.newsletter .field .control:before { line-height: 32px; } .checkout-onepage-success .thankyou-wrapper .block.newsletter input:focus, .multishipping-checkout-success .thankyou-wrapper .block.newsletter input:focus, .checkout-onepage-success .thankyou-wrapper .block.newsletter .action.subscribe:focus, .multishipping-checkout-success .thankyou-wrapper .block.newsletter .action.subscribe:focus { box-shadow: none; } .checkout-onepage-success .thankyou-wrapper .checkout-success .actions-toolbar, .multishipping-checkout-success .thankyou-wrapper .checkout-success .actions-toolbar { margin-top: 21px; } .checkout-onepage-success .thankyou-wrapper .checkout-success .actions-toolbar .primary .action, .multishipping-checkout-success .thankyou-wrapper .checkout-success .actions-toolbar .primary .action { margin: 0; } .checkout-onepage-success .thankyou-wrapper .checkout-success, .multishipping-checkout-success .thankyou-wrapper .checkout-success, .checkout-onepage-success .thankyou-wrapper #registration, .multishipping-checkout-success .thankyou-wrapper #registration, .checkout-onepage-success .thankyou-wrapper .cmsblock-container, .multishipping-checkout-success .thankyou-wrapper .cmsblock-container, .checkout-onepage-success .thankyou-wrapper .block.newsletter, .multishipping-checkout-success .thankyou-wrapper .block.newsletter { margin-bottom: 64px; } .checkout-onepage-success .thankyou-wrapper div:last-child, .multishipping-checkout-success .thankyou-wrapper div:last-child { margin-bottom: 0 !important; } .checkout-onepage-success .thankyou-wrapper .icon_thank_you_02, .multishipping-checkout-success .thankyou-wrapper .icon_thank_you_02 { width: 55px; height: 55px; background-image: url('../../frontend/Kemana/default/id_ID/WeltPixel_ThankYouPage/images/icon_02.svg'); background-repeat: no-repeat; margin: 0 auto 21px auto; } .checkout-onepage-success .thankyou-wrapper .icon_thank_you_03, .multishipping-checkout-success .thankyou-wrapper .icon_thank_you_03 { width: 55px; height: 55px; background-image: url('../../frontend/Kemana/default/id_ID/WeltPixel_ThankYouPage/images/icon_03.svg'); background-repeat: no-repeat; margin: 0 auto 21px auto; } .checkout-onepage-success .thankyou-wrapper .registration-thank-you .action, .multishipping-checkout-success .thankyou-wrapper .registration-thank-you .action { margin-top: 21px; } .checkout-onepage-success .thankyou-wrapper .google-map-wrapper, .multishipping-checkout-success .thankyou-wrapper .google-map-wrapper { width: 100%; margin-bottom: 64px; } .checkout-onepage-success .thankyou-wrapper .google-map-wrapper .google-map, .multishipping-checkout-success .thankyou-wrapper .google-map-wrapper .google-map { margin: 0 auto; } .checkout-onepage-success .thankyou-wrapper #ws_embed_sms_notification, .multishipping-checkout-success .thankyou-wrapper #ws_embed_sms_notification { margin-bottom: 10px; text-align: center; } .checkout-onepage-success .thankyou-wrapper #ws-responses, .multishipping-checkout-success .thankyou-wrapper #ws-responses { padding-bottom: 60px; min-height: 22px; } .checkout-onepage-success .thankyou-wrapper .order-info, .multishipping-checkout-success .thankyou-wrapper .order-info { margin-bottom: 64px; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info h4, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info h4 { font-weight: 600; margin-bottom: 10px; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper { display: flex; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper h4, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper h4 { font-weight: 600; margin-top: 10px; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper .shipping-address, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper .shipping-address, .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address { padding: 10px 0; text-align: right; width: 50%; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper .shipping-address h4, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper .shipping-address h4, .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address h4, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address h4, .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper .shipping-address p, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper .shipping-address p, .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address p, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address p { padding-right: 10px; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address { text-align: left; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address h4, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address h4, .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address p, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .address-wrapper .billing-address p { padding-right: 0; padding-left: 10px; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper { display: flex; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper h4, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper h4 { font-weight: 600; margin-top: 10px; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .shipping-method, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .shipping-method, .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method { padding: 10px 0; text-align: right; width: 50%; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .shipping-method h4, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .shipping-method h4, .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method h4, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method h4, .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .shipping-method p, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .shipping-method p, .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method p, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method p { padding-right: 10px; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method { text-align: left; } .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method h4, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method h4, .checkout-onepage-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method p, .multishipping-checkout-success .thankyou-wrapper .order-info .customer-info .methods-wrapper .payment-method p { padding-right: 0; padding-left: 10px; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid { max-width: 1024px; margin: 0 auto; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin-top: 40px; margin-bottom: 40px; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .order-item-row-mobile, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .order-item-row-mobile { display: none; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .item-options dt, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .item-options dt { margin-top: 5px; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .textalign-left, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .textalign-left { text-align: left !important; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .textalign-center, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .textalign-center { text-align: center !important; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .textalign-right, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .textalign-right { text-align: right !important; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .col.price span, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .col.price span, .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .col.qty span, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .col.qty span, .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .col.subtotal span, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .col.subtotal span { font-size: 1.4rem; line-height: 1.42857143; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items thead tr > th, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items thead tr > th { border-bottom: 0 none; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tfoot, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tfoot { background: transparent; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tfoot tr:not(:first-child) > th, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tfoot tr:not(:first-child) > th, .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tfoot tr:not(:first-child) > td, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tfoot tr:not(:first-child) > td { border-top: 0 none; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tfoot th, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tfoot th, .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tfoot td, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tfoot td { padding-top: 8px; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tr > th, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tr > th, .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tr > td, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items tr > td { border-color: #eeeeee; } .checkout-onepage-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .grand_total, .multishipping-checkout-success .thankyou-wrapper .order-info .product-grid .order-items .table-order-items .grand_total { border-top: 1px solid #eeeeee; } .theme-pearl.checkout-onepage-success .thankyou-wrapper .block.newsletter .field .control:before, .theme-pearl.multishipping-checkout-success .thankyou-wrapper .block.newsletter .field .control:before { line-height: 50px; } .page-wrapper .multicheckout.results .orders-succeed .orders-list .shipping-list .order-id { float: none; } .page-wrapper .multicheckout.results .orders-succeed .orders-list .shipping-list .shipping-item { margin-left: 0; } .page-wrapper .multicheckout.success .orders-succeed .orders-list .shipping-list .order-id { float: none; } .page-wrapper .multicheckout.success .orders-succeed .orders-list .shipping-list .shipping-item { margin-left: 0; } .profile-wrapper { margin: 0 auto; margin-left: auto; margin-right: auto; float: left; width: 100%; } .profile-wrapper .validation-errors { display: none; border: 2px solid #ff0000; margin-bottom: 40px; padding: 20px; background-color: #ffdede; } .profile-wrapper.profile-wrapper-no-cover { margin-top: 60px; } .profile-wrapper .profile-cover-img { background-color: #222; height: 250px; min-width: 100%; width: 100%; margin: 0 auto; clear: both; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; } .profile-wrapper .profile-cover-img:before { background: -moz-linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, #222222 100%); background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0%, #222222 100%); background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, #222222 100%); bottom: 0; content: ""; display: block; height: 130px; position: absolute; width: 100%; } .profile-wrapper .profile-header-container { width: 100%; max-width: 1000px; margin: 0 auto; position: relative; } .profile-wrapper .profile-header-container .profile-avatar { border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 160px; width: 160px; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; position: absolute; top: -60px; background-color: #fff; border: 5px solid white; display: inline-block; } .profile-wrapper .profile-header-container .profile-titles { margin-left: 180px; position: relative; top: 15px; min-height: 110px; } .profile-wrapper .profile-header-container .profile-titles .profile-name { font-size: 22px; color: #000; font-weight: bold; display: inline-block; margin: 0; padding-bottom: 5px; } .profile-wrapper .profile-header-container .profile-titles .profile-details { color: #000; font-size: 18px; margin-top: 5px; font-size: 15px; } .profile-wrapper .profile-header-container .profile-titles .profile-details .gender-inline-edit { margin-left: 10px; } .profile-wrapper .profile-header-container .profile-titles .profile-details .dob-inline-edit { margin-top: 10px; margin-left: 10px; width: 200px; } .profile-wrapper .profile-header-container .profile-titles .profile-details .dob-inline-edit .field-dob button.ui-datepicker-trigger { border: none; background: none; } .profile-wrapper .profile-header-container .profile-titles .profile-details .dob-inline-edit .field-dob button.ui-datepicker-trigger:hover { border: none; background: none; } .profile-wrapper .profile-header-container .profile-titles .profile-location p { vertical-align: bottom; font-size: 15px; display: inline-block; margin: 0; padding: 0; color: #000; } .profile-wrapper .profile-feed-container { width: 100%; max-width: 1000px; margin: 0 auto; position: relative; } .profile-wrapper .profile-feed-container ul.ui-tabs-nav { list-style-type: none; display: flex; justify-content: center; margin-top: 30px; } .profile-wrapper .profile-feed-container ul.ui-tabs-nav li { padding: 5px 20px; font-size: 14px; text-align: center; border-top: 2px solid transparent; } .profile-wrapper .profile-feed-container ul.ui-tabs-nav li a { color: #999; } .profile-wrapper .profile-feed-container ul.ui-tabs-nav li a:hover { text-decoration: none; } .profile-wrapper .profile-feed-container ul.ui-tabs-nav li:hover { border-top: 2px solid #262626; } .profile-wrapper .profile-feed-container ul.ui-tabs-nav li.ui-state-active { border-top: 2px solid #262626; font-size: 14px; font-weight: 500; } .profile-wrapper .profile-feed-container ul.ui-tabs-nav li.ui-state-active a { color: #262626; } .profile-wrapper .profile-feed-container .profile-feed { width: 100%; margin-bottom: 50px; margin-top: 40px; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper { width: 100%; border: 1px solid #c2c2c2; margin-bottom: 15px; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .no-activity-label { font-size: 16px; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .no-activity-msg .profile-name { font-size: 16px; font-weight: 600; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .profile-feed-padding { padding: 40px; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-into-details { font-size: 14px; margin-bottom: 20px; position: relative; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-into-details .profile-image { width: 45px; height: 45px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; position: absolute; left: -55px; top: -15px; border: 1px solid #000; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; background-color: #fff; display: inline-block; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-into-details .profile-name { font-weight: 600; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-into-details .product-name { color: #b1b1b1; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-into-details .product-name:hover, .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-into-details .product-name:active { text-decoration: none; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .rating-summary { margin-bottom: 20px; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .rating-summary .rating-result { width: auto; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .rating-summary .rating-result > span:before, .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .rating-summary .rating-result:before { font-size: 18px; height: 18px; line-height: 18px; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .rating-summary .rating-result > span:before { color: #000; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-title { font-size: 18px; font-weight: 800; margin-bottom: 15px; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-details { padding-bottom: 25px; border-bottom: 1px solid #b1b1b1; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-product { margin-top: 30px; float: left; width: 100%; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-product .product-image { float: left; width: 27%; margin-right: 3%; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-product .product-details { float: left; padding: 0; width: 68%; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-product .product-details .product-name { color: #000; font-size: 18px; font-weight: 600; } .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-product .product-details .product-name:hover, .profile-wrapper .profile-feed-container .profile-feed .profile-feed-wrapper .review-product .product-details .product-name:active { text-decoration: none; } .profile-wrapper .profile-feed-container .collections-feed { display: none; width: 100%; margin-bottom: 50px; margin-top: 40px; } .profile-wrapper .profile-feed-container .collections-feed .multiple-wishlist-container { text-align: center; } .profile-wrapper .profile-feed-container .collections-feed .multiple-wishlist-container .multiple-wishlist-box-wrapper { float: none; display: inline-block; text-align: left; } .profile-wrapper .biography-header { margin-top: 0; font-weight: 500; } .profile-wrapper .biography-header:before { font-family: "luma-icons"; content: '\e627'; font-size: 32px; top: 5px; position: relative; padding-right: 15px; } .review-details .userprofile-link { text-decoration: none; color: #000; } .review-details .userprofile-link .review-details-value { font-weight: 600; } .review-details .userprofile-link .review-avatar-image { width: 60px; height: 60px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; vertical-align: middle; border: 1px solid #000; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; background-color: #fff; display: inline-block; margin-left: 5px; } .form-edit-profile { position: relative; } .form-edit-profile .public-profile-link { position: absolute; right: 0%; top: -10px; margin: 0; } .form-edit-profile .field-dob button.ui-datepicker-trigger { border: none; background: none; } .form-edit-profile .field-dob button.ui-datepicker-trigger:hover { border: none; background: none; } .loader-wrapper { text-align: center; } .profile-view-index #ui-datepicker-div { display: none; background: white; padding: 4px; border: 1px solid; } .profile-view-index #ui-datepicker-div .ui-datepicker-prev, .profile-view-index #ui-datepicker-div .ui-datepicker-next { cursor: pointer; float: left; } .profile-view-index #ui-datepicker-div .ui-datepicker-next { float: right; } .block-category-event { background: #f0f0f0; color: #333333; padding: 10px 0 15px; text-align: center; } .block-category-event.block:last-child { margin-bottom: 10px; } .block-category-event .block-title { margin: 0 0 10px; } .block-category-event .block-title strong { font-size: 1.5rem; font-weight: 300; } .block-category-event .ticker { margin: 0; padding: 0; list-style: none none; } .block-category-event .ticker li { display: none; margin: 0 15px; } .block-category-event .ticker .value { font-size: 1.8rem; font-weight: 300; } .block-category-event .ticker .label { font-size: 1rem; display: block; text-transform: lowercase; } .block-category-event .dates { display: table; margin: 0 auto; } .block-category-event .dates .start, .block-category-event .dates .end { display: table-cell; vertical-align: top; } .block-category-event .dates .date { font-size: 1.8rem; } .block-category-event .dates .time { display: block; } .block-category-event .dates .start { padding-right: 40px; position: relative; } .block-category-event .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; position: absolute; right: 15px; top: 0; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .contact-index-index .column:not(.sidebar-main) .form.contact { float: none; width: 50%; } .contact-index-index .column:not(.sidebar-additional) .form.contact { float: none; width: 50%; } .table-wrapper.billing-agreements { margin-bottom: 40px; } .payment-method-content .pay-later-message { margin-bottom: 10px; margin-top: 10px; } .paypal { display: inline-block; vertical-align: top; } .block-minicart .paypal, .cart-summary .paypal { display: block; } .paypal img { display: block; margin: 5px auto 0; } .opc .paypal { vertical-align: middle; } .paypal.acceptance { display: block; margin: 0 0 20px; } .map-form-addtocart .paypal { display: block; margin: 10px auto 5px; } .cart-summary .paypal + .paypal { margin-top: 25px; } .paypal-review .actions-toolbar { margin-top: 10px; } .paypal-review .paypal-review-title { padding: 0 0 10px; } .paypal-review .paypal-review-title > strong { font-size: 2.4rem; font-weight: 300; } .paypal-review .paypal-review-title .action { display: inline-block; margin: 12px 0 0 30px; } .paypal-review .table-paypal-review-items .col.name { padding-top: 16px; } .paypal-review .table-paypal-review-items .col.qty { text-align: center; } .paypal-review .item-options dt { display: inline-block; } .paypal-review .item-options dt:after { content: ': '; } .paypal-review .item-options dd { margin: 0; } .paypal-review-discount { border-bottom: 1px solid #cccccc; margin: 0 0 40px; padding: 10px 0 0; } .fotorama-video-container:after { background: url('../../frontend/Kemana/default/id_ID/Magento_ProductVideo/img/gallery-sprite.png') bottom right; bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama-video-container .magnify-lens { display: none !important; } .fotorama-video-container.video-unplayed:hover img { opacity: .6; } .fotorama-video-container.video-unplayed:hover:after { transform: scale(1.25); } .video-thumb-icon:after { background: url('../../frontend/Kemana/default/id_ID/Magento_ProductVideo/img/gallery-sprite.png') bottom left; bottom: 0; content: ''; height: 40px; left: 0; margin: auto; position: absolute; right: 0; top: 10px; width: 49px; } .product-video { bottom: 0; height: 75%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; } .product-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } .fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after { bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama__product-video--loading:after { visibility: hidden; } @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } .opc-wrapper .form-discount { max-width: 500px; } .swatch-attribute-label { font-weight: 700; position: relative; } .swatch-attribute-label.required { padding-right: 10px; } .swatch-attribute-label[data-required='1']:after { color: #e02b27; content: '*'; font-size: 14px; font-weight: 700; position: absolute; right: -11px; top: -2px; } .swatch-attribute-selected-option { color: #646464; padding-left: 17px; } .swatch-attribute-options { margin: 10px 0; } .swatch-attribute-options:focus { box-shadow: none; } .swatch-attribute-options .swatch-option-tooltip-layered .title { color: #282828; bottom: -5px; height: 20px; left: 0; margin-bottom: 10px; position: absolute; text-align: center; width: 100%; } .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option { background: #f0f0f0; color: #949494; } .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected { background: #ffffff; border: 1px solid #ffffff; color: #000000; } .swatch-option { border: 1px solid #dadada; cursor: pointer; float: left; height: 20px; margin: 0 10px 5px 0; max-width: 100%; min-width: 30px; overflow: hidden; padding: 1px 2px; position: relative; text-align: center; text-overflow: ellipsis; } .swatch-option:focus { box-shadow: 0 0 3px 1px #00699d; } .swatch-option.text { background: #f0f0f0; color: #686868; font-size: 12px; font-weight: 700; line-height: 20px; margin-right: 7px; min-width: 22px; padding: 4px 8px; } .swatch-option.text.selected { background-color: #ffffff; } .swatch-option.selected { outline: 2px solid #ff5501; border: 1px solid #ffffff; color: #333333; } .swatch-option:not(.disabled):hover { border: 1px solid #ffffff; color: #333333; outline: 1px solid #999999; } .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { border: 1px solid #ffffff; outline: 2px solid #c34000; } .swatch-option.disabled { box-shadow: unset; cursor: default; pointer-events: none; } .swatch-option.disabled:after { background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, #ffffff), color-stop(57%, #ffffff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); bottom: 0; content: ''; filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=1)'; left: 0; position: absolute; right: 0; top: 0; } .swatch-option-disabled { border: 0; cursor: default; outline: none !important; } .swatch-option-disabled:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); background: #e02b27; content: ''; height: 2px; left: -4px; position: absolute; top: 10px; width: 42px; z-index: 995; } .swatch-option-loading { content: url('../../frontend/Kemana/default/id_ID/images/loader-2.gif'); } .swatch-option-tooltip { border: 1px solid #dadada; color: #949494; background: #ffffff; display: none; max-height: 100%; min-height: 20px; min-width: 20px; padding: 5px; position: absolute; text-align: center; z-index: 999; } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { bottom: 0; height: 8px; left: 40%; position: absolute; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before, .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-style: solid; content: ''; font-size: 1px; height: 0; position: relative; width: 0; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before { border-color: #adadad transparent transparent transparent; border-width: 8px 8.5px 0 8.5px; left: 0; top: 2px; } .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-color: #ffffff transparent transparent transparent; border-width: 7px 7.5px 0 7.5px; left: -15px; top: 1px; } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { display: block; height: 130px; margin: 0 auto; width: 130px; } .swatch-option-tooltip-layered { background: #ffffff; border: 1px solid #dadada; color: #949494; display: none; left: -47px; position: absolute; width: 140px; z-index: 999; } .swatch-option-tooltip .title { color: #282828; display: block; max-height: 200px; min-height: 20px; overflow: hidden; text-align: center; } .swatch-option-link-layered { margin: 0 !important; padding: 0 !important; position: relative; } .swatch-option-link-layered:focus > div { box-shadow: 0 0 3px 1px #00699d; } .swatch-option-link-layered:hover > .swatch-option-tooltip-layered { display: block; } .swatch-opt { margin: 20px 0; } .swatch-opt-listing { margin-bottom: 10px; } .swatch-more { display: inline-block; margin: 2px 0; padding: 2px; position: static; } .swatch-visual-tooltip-layered { height: 160px; top: -170px; } .swatch-textual-tooltip-layered { height: 30px; top: -40px; } .swatch-input { left: -1000px; position: absolute; visibility: hidden; } .clearfix:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .minilist .weee { display: table-row; font-size: 1.1rem; } .minilist .weee:before { display: none; } .price-container.weee:before { display: none; } .column .block-addbysku .fieldset { margin: 0; } .column .block-addbysku .fieldset .fields { position: relative; } .column .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 10px; vertical-align: top; } .column .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 7px; } .column .block-addbysku .sku { margin-right: -155px; padding-right: 160px; width: 100%; } .column .block-addbysku .qty .qty + .mage-error { width: 80px; } .column .block-addbysku .block-content .actions-toolbar { clear: both; margin: 0 0 20px; text-align: left; } .column .block-addbysku .block-content .actions-toolbar:before, .column .block-addbysku .block-content .actions-toolbar:after { content: ''; display: table; } .column .block-addbysku .block-content .actions-toolbar:after { clear: both; } .column .block-addbysku .block-content .actions-toolbar .primary { float: left; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary a.action, .column .block-addbysku .block-content .actions-toolbar .secondary a.action { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary .action { margin: 0 15px 0 0; } .column .block-addbysku .block-content .actions-toolbar .secondary a.action { margin-top: 6px; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: block; float: none; } .column .block-addbysku .block-content .actions-toolbar > .secondary { text-align: left; } .column .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .column .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.add:hover:before { color: inherit; } .column .block-addbysku .action.add:active:before { color: inherit; } .column .block-addbysku .reset { margin: 7px 0; } .column .block-addbysku .note { display: block; margin: 0 0 20px; padding-top: 10px; } .block-cart-failed { margin: 40px 0; } .block-cart-failed .block-title { font-size: 2.6rem; } .block-cart-failed .block-title strong { font-weight: 300; } .block-cart-failed .actions { text-align: center; } .block-cart-failed .actions .action { display: block; margin: 0 auto 10px; } .catalogsearch-advanced-result .message.error { margin-top: -60px; } .bundle-actions { margin: 0 0 30px; } .bundle-options-container { clear: both; margin-bottom: 40px; } .bundle-options-container .legend.title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 0rem; margin-bottom: 2rem; border: 0; padding: 0; } .bundle-options-container .product-add-form { display: none; } .bundle-options-container .product-options-wrapper { margin-bottom: 30px; } .bundle-options-container .product-options-wrapper .fieldset > .field { border-top: 1px #e4e4e4 solid; padding-top: 20px; } .bundle-options-container .product-options-wrapper .fieldset > .field:first-of-type { border-top: 0; padding-top: 0; } .bundle-options-container .product-options-wrapper .field.choice input { float: left; margin-top: 4px; } .bundle-options-container .product-options-wrapper .field.choice .label { display: block; margin-left: 24px; } .bundle-options-container .product-options-wrapper .field.choice .price-excluding-tax { display: inline-block; } .bundle-options-container .action.back { margin-bottom: 30px; } .bundle-options-container .block-bundle-summary > .title { margin-bottom: 15px; } .bundle-options-container .block-bundle-summary > .title > strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .bundle-options-container .block-bundle-summary > .title, .bundle-options-container .block-bundle-summary .bundle-summary .subtitle { border-bottom: 1px #e4e4e4 solid; margin-bottom: 25px; padding-bottom: 16px; } .bundle-options-container .block-bundle-summary .price-box { margin-bottom: 20px; } .bundle-options-container .block-bundle-summary .price-box .price-label { display: block; margin-bottom: 5px; } .bundle-options-container .block-bundle-summary .bundle-summary { margin-top: 30px; } .bundle-options-container .block-bundle-summary .bundle-summary.empty { display: none; } .bundle-options-container .block-bundle-summary .bundle-summary > .subtitle { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; display: block; } .bundle-options-container .block-bundle-summary .bundle.items > li { margin-bottom: 20px; } .bundle-options-container .block-bundle-summary .product-addto-links { text-align: center; } .bundle-options-container .block-bundle-summary .product-addto-links > .action { margin-right: 5%; } .bundle-options-container .block-bundle-summary .product-addto-links > .action.tocompare:before { content: '\e61e'; } .bundle-options-container p.required { color: #e02b27; } .bundle-options-container .nested .field.qty { margin: 0 0 20px; margin-top: 20px; } .bundle-options-container .nested .field.qty > .label { margin: 0 0 8px; display: inline-block; } .bundle-options-container .nested .field.qty .label { font-weight: 600; } .bundle-options-container .nested .field.qty:last-child { margin-bottom: 0; } .bundle-options-container .price { font-weight: 600; } .bundle-options-container .product-options-bottom { border-top: 1px solid #cccccc; clear: left; margin: 0 0 40px; padding-top: 20px; } .search .fieldset .control .addon input { flex-basis: auto; width: 100%; } .block-search { margin-bottom: 0; } .block-search .block-title { display: none; } .block-search .block-content { margin-bottom: 0; } .block-search .label { text-decoration: none; display: inline-block; float: right; } .block-search .label > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #8f8f8f; content: '\e615'; font-family: 'luma-icons'; margin: 0 10px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .label:hover:before { color: #333333; } .block-search .label:active:before { color: #333333; } .block-search .label.active + .control input { position: static; } .block-search .action.search { display: none; } .block-search .control { border-top: 1px solid #cccccc; clear: both; margin: 0 -15px -1px; padding: 0 15px; } .block-search input { font-size: 16px; left: -300%; margin: 15px 0; position: absolute; } .block-search .nested { display: none; } .search-autocomplete { display: none; margin-top: -15px; overflow: hidden; position: absolute; z-index: 3; } .search-autocomplete ul { margin: 0; padding: 0; list-style: none none; } .search-autocomplete ul:not(:empty) { background: #ffffff; border: 1px solid #c2c2c2; border-top: 0; } .search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 5px 40px 5px 10px; position: relative; text-align: left; white-space: normal; } .search-autocomplete ul li:first-child { border-top: none; } .search-autocomplete ul li:hover, .search-autocomplete ul li.selected { background: #e8e8e8; } .search-autocomplete ul li .amount { color: #999999; position: absolute; right: 7px; top: 5px; } .form.search.advanced .fields.range .field:first-child { position: relative; } .form.search.advanced .fields.range .field:first-child .control { padding-right: 25px; } .form.search.advanced .fields.range .field:first-child .control:after { content: ' \2013 '; display: inline-block; position: absolute; right: 0; text-align: center; top: 6px; width: 25px; } .form.search.advanced .fields.range .field:last-child { position: relative; } .form.search.advanced .fields.range .field:last-child div.mage-error { left: 0; position: absolute; top: 32px; } .form.search.advanced .fields.range .field.with-addon .control { padding-right: 45px; } .form.search.advanced .group.price .addon .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } .search-terms { line-height: 2em; } .search-terms > li { display: inline-block; margin-right: 10px; } .search.found { margin-bottom: 10px; } .checkout-cart-index .page-main { padding-left: 0; padding-right: 0; } .checkout-cart-index .page-title-wrapper { padding-left: 15px; padding-right: 15px; } .cart-summary { background: #f5f5f5; margin-bottom: 25px; padding: 1px 0 25px; } .cart-summary > .title { font-size: 2.4rem; display: none; font-weight: 300; margin: 12px 0; } .cart-summary .block form:not(:last-of-type) .fieldset { margin: 0 0 25px; } .cart-summary .block .price { font-weight: 700; } .cart-summary .block .field { margin: 0 0 16px; } .cart-summary .block .actions-toolbar > .primary { text-align: left; } .cart-summary .block .actions-toolbar > .primary .action.primary { width: auto; } .cart-summary .block .title strong { font-size: 1.4rem; font-weight: 600; } .cart-summary .block .item-options { margin: 0 0 16px; } .cart-summary .block .item-options .field .radio { float: left; margin-top: 4px; } .cart-summary .block .item-options .field .radio + .label { display: block; margin: 0; overflow: hidden; } .page-main .cart-summary .block { margin-bottom: 0; } .cart-summary .checkout-methods-items { margin: 20px 0 0; padding: 0 15px; text-align: center; } .cart-summary .checkout-methods-items .action.primary.checkout { width: 100%; } .cart-summary .checkout-methods-items .item { margin-bottom: 25px; } .cart-summary .checkout-methods-items .item:last-child { margin-bottom: 0; } .cart-summary .message { padding-left: 20px; } .cart-summary .message > *:first-child:before { display: none; } .cart-totals tbody .mark, .cart-totals tfoot .mark { text-align: left; } .cart-totals .discount.coupon { display: none; } .cart.table-wrapper .cart thead tr th.col { border-bottom: 1px solid #cccccc; padding-bottom: 15px; padding-top: 24px; } .cart.table-wrapper .cart tbody td { border: 0; } .cart.table-wrapper .cart > .item { border-bottom: 1px solid #cccccc; position: relative; } .cart.table-wrapper .col { padding-top: 15px; } .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { padding: 20px 11px 10px; text-align: center; } .cart.table-wrapper .col.qty { padding: 20px 11px 10px; text-align: center; } .cart.table-wrapper .col.qty .input-text { height: 36px; margin-top: -7px; text-align: center; width: 60px; } .cart.table-wrapper .col > .price { color: #7d7d7d; font-size: 1.8rem; font-weight: 700; } .cart.table-wrapper .item-actions td { padding-bottom: 0; padding-left: 15px; padding-right: 15px; white-space: normal; } .cart.table-wrapper .item .col.item { display: block; min-height: 75px; padding: 15px 15px 10px 90px; position: relative; } .cart.table-wrapper .actions-toolbar { min-height: 20px; padding-bottom: 15px; position: relative; } .cart.table-wrapper .actions-toolbar > .action-edit, .cart.table-wrapper .actions-toolbar > .action-delete { position: absolute; right: 16px; top: 0; display: inline-block; text-decoration: none; } .cart.table-wrapper .actions-toolbar > .action-edit > span, .cart.table-wrapper .actions-toolbar > .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .actions-toolbar > .action-edit:before, .cart.table-wrapper .actions-toolbar > .action-delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before { color: #333333; } .cart.table-wrapper .actions-toolbar > .action-edit:active:before, .cart.table-wrapper .actions-toolbar > .action-delete:active:before { color: #8f8f8f; } .cart.table-wrapper .actions-toolbar > .action-delete { right: 0; } .cart.table-wrapper .actions-toolbar > .action-delete:before { content: '\e604'; } .cart.table-wrapper .actions-toolbar > .action-delete:hover { text-decoration: none; } .cart.table-wrapper .action { margin-right: 25px; } .cart.table-wrapper .action:last-child { margin-right: 0; } .cart.table-wrapper .action.help.map { font-weight: 400; } .cart.table-wrapper .product-item-photo { display: block; left: 15px; max-width: 65px; padding: 0; position: absolute; top: 15px; width: 100%; } .cart.table-wrapper .product-item-name { font-size: 1.8rem; display: block; margin: -3px 0 5px; } .cart.table-wrapper .gift-registry-name-label:after { content: ':'; } .cart.table-wrapper .item-options { margin-bottom: 0; } .cart.table-wrapper .product-item-name + .item-options { margin-top: 20px; } .cart.table-wrapper .action.configure { display: inline-block; margin: 10px 0 0; } .cart.table-wrapper .item .message { margin-top: 20px; } .cart-products-toolbar .toolbar-amount { left: inherit; margin: 25px 0 15px; padding: 0; position: relative; text-align: center; top: inherit; } .cart-products-toolbar-top { border-bottom: 1px solid #cccccc; } .cart-discount { border-bottom: 1px solid #cccccc; clear: left; } .cart-empty { padding-left: 15px; padding-right: 15px; } .cart-tax-info + .cart-tax-total, .cart .cart-tax-info + .cart-tax-total { display: block; } .cart.table-wrapper .col.price, .order-items.table-wrapper .col.price, .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .order-items.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp { text-align: right; } .block.crosssell { padding: 0 15px; margin-top: 70px; } .block.crosssell .product-item-info { width: 200px; } .block-minicart .items-total { float: left; margin: 0 10px; } .block-minicart .items-total .count { font-weight: 700; } .block-minicart .subtotal { margin: 0 10px 10px; text-align: right; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 18px; font-weight: 700; } .block-minicart .subtitle { display: none; } .block-minicart .subtitle.empty { display: block; font-size: 14px; padding: 30px 0 20px; text-align: center; } .block-minicart dl.product.options.list { display: inline-block; vertical-align: top; } .block-minicart .text.empty { text-align: center; } .block-minicart .block-content > .actions { margin-top: 15px; } .block-minicart .block-content > .actions > .secondary { text-align: center; } .block-minicart .block-content > .actions > .primary { margin: 0 10px 15px; } .block-minicart .block-content > .actions > .primary .action.primary { display: block; width: 100%; } .block-minicart .block-content > .actions .paypal-logo { margin-top: 15px; text-align: center; } .block-minicart .block-category-link, .block-minicart .block-product-link, .block-minicart .block-cms-link, .block-minicart .block-banners { margin: 15px 0 0; text-align: center; } .minicart-wrapper { display: inline-block; position: relative; float: right; } .minicart-wrapper:before, .minicart-wrapper:after { content: ''; display: table; } .minicart-wrapper:after { clear: both; } .minicart-wrapper .action.showcart { cursor: pointer; display: inline-block; text-decoration: none; } .minicart-wrapper .action.showcart:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #8f8f8f; content: '\e611'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.showcart:hover:before { color: #333333; } .minicart-wrapper .action.showcart:active:before { color: #8f8f8f; } .minicart-wrapper .action.showcart.active { display: inline-block; text-decoration: none; } .minicart-wrapper .action.showcart.active:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #8f8f8f; content: '\e611'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.showcart.active:hover:before { color: #333333; } .minicart-wrapper .action.showcart.active:active:before { color: #8f8f8f; } .minicart-wrapper .block-minicart { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; width: 320px; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; right: -10px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .minicart-wrapper .block-minicart li { margin: 0; } .minicart-wrapper .block-minicart li:hover { cursor: pointer; } .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .minicart-wrapper .block-minicart:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .minicart-wrapper .block-minicart:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .minicart-wrapper .block-minicart:before { right: 12px; top: -12px; } .minicart-wrapper .block-minicart:after { right: 11px; top: -14px; } .minicart-wrapper.active { overflow: visible; } .minicart-wrapper.active .block-minicart { display: block; } .minicart-wrapper .block-minicart { padding: 25px 20px; } .minicart-wrapper .block-minicart .block-title { display: none; } .minicart-wrapper .product .actions { float: right; margin: -28px 0 0; } .minicart-wrapper .product .actions > .primary, .minicart-wrapper .product .actions > .secondary { display: inline; } .minicart-wrapper .product .actions > .primary:not(:last-child), .minicart-wrapper .product .actions > .secondary:not(:last-child) { margin-right: 15px; } .minicart-wrapper .action.close { height: 30px; position: absolute; right: 0; top: 0; width: 25px; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; } .minicart-wrapper .action.close:focus, .minicart-wrapper .action.close:active { background: none; border: none; } .minicart-wrapper .action.close:hover { background: none; border: none; } .minicart-wrapper .action.close.disabled, .minicart-wrapper .action.close[disabled], fieldset[disabled] .minicart-wrapper .action.close { pointer-events: none; opacity: 0.5; } .minicart-wrapper .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-wrapper .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 14px; color: #8f8f8f; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.close:hover:before { color: inherit; } .minicart-wrapper .action.close:active:before { color: inherit; } .minicart-wrapper .action.showcart { white-space: nowrap; } .minicart-wrapper .action.showcart .counter.qty { background: #ff5501; color: #ffffff; height: 24px; line-height: 24px; border-radius: 2px; display: inline-block; margin: 3px 0 0; min-width: 18px; overflow: hidden; padding: 0 3px; text-align: center; white-space: normal; } .minicart-wrapper .action.showcart .counter.qty.empty { display: none; } .minicart-wrapper .action.showcart .counter.qty .loader > img { max-width: 24px; } .minicart-wrapper .action.showcart .counter-number { text-shadow: 0 0 7px #000000; } .minicart-wrapper .minicart-widgets { margin-top: 15px; } .minicart-items-wrapper { border: 1px solid #cccccc; margin: 0 -20px; border-left: 0; border-right: 0; overflow-x: auto; padding: 15px; } .minicart-items { margin: 0; padding: 0; list-style: none none; } .minicart-items .product-item { padding: 20px 0; } .minicart-items .product-item:not(:first-child) { border-top: 1px solid #cccccc; } .minicart-items .product-item:first-child { padding-top: 0; } .minicart-items .product-item-pricing .label { display: inline-block; } .minicart-items .price-minicart { margin-bottom: 5px; } .minicart-items .message { margin-bottom: 0; margin-top: 10px; } .minicart-items .product-item-name { font-weight: 400; margin: 0 0 10px; } .minicart-items .product-item-name a { color: #006bb4; } .minicart-items .product-item-details { padding-left: 88px; } .minicart-items .product-item-details .price { font-weight: 700; } .minicart-items .product-item-details .price-including-tax, .minicart-items .product-item-details .price-excluding-tax { margin: 5px 0; } .minicart-items .product-item-details .weee[data-label] { font-size: 1.1rem; } .minicart-items .product-item-details .details-qty { margin-top: 10px; } .minicart-items .product > .product-item-photo, .minicart-items .product > .product-image-container { float: left; } .minicart-items .product .toggle { border: 0; padding: 0 0 5px 0; white-space: nowrap; } .minicart-items .product .toggle:after { color: #8f8f8f; margin: 0 0 0 5px; position: static; } .minicart-items .product .active > .toggle:after { content: '\e621'; } .minicart-items .product.pricing { margin-top: 3px; } .minicart-items .product.options .toggle.tooltip { display: inline-block; text-decoration: none; } .minicart-items .product.options .toggle.tooltip > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .product.options .toggle.tooltip:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: -3px 0 0 7px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .product.options .details { display: none; } .minicart-items .item-qty { text-align: center; width: 60px; } .minicart-items .update-cart-item { font-size: 1.1rem; margin-left: 5px; vertical-align: top; } .minicart-items .subtitle { display: none; } .minicart-items .action.edit, .minicart-items .action.delete { display: inline-block; text-decoration: none; } .minicart-items .action.edit > span, .minicart-items .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .action.edit:before, .minicart-items .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .action.edit:hover:before, .minicart-items .action.delete:hover:before { color: #333333; } .minicart-items .action.edit:active:before, .minicart-items .action.delete:active:before { color: #8f8f8f; } .minicart-items .action.delete:before { content: '\e604'; } .file-uploader-area { position: relative; } .file-uploader-area input[type='file'] { cursor: pointer; opacity: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .file-uploader-area input[type='file']:focus + .file-uploader-button { box-shadow: 0 0 0 1px #006bb4; } .file-uploader-area input[type='file']:disabled + .file-uploader-button { cursor: default; opacity: .5; pointer-events: none; } .file-uploader-summary { display: inline-block; vertical-align: top; } .file-uploader-button { background: #eeeeee; border: 1px solid #cccccc; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 1.6rem; margin: 0; padding: 7px 15px; vertical-align: middle; } .file-uploader-button._is-dragover { background: #d4d4d4; border: 1px solid #006bb4; } .file-uploader-spinner { background-image: url('../../frontend/Kemana/default/id_ID/images/loader-1.gif'); background-position: 50%; background-repeat: no-repeat; background-size: 15px; display: none; height: 30px; margin-left: 10px; vertical-align: top; width: 15px; } .file-uploader-preview .action-remove { bottom: 4px; cursor: pointer; display: block; height: 27px; left: 6px; padding: 2px; position: absolute; text-decoration: none; width: 25px; z-index: 2; } .file-uploader-preview .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .file-uploader-preview .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.6rem; line-height: inherit; color: #514943; content: '\e604'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .action-remove:hover:before { color: #736963; } .file-uploader-preview:hover .preview-image img, .file-uploader-preview:hover .preview-link:before { opacity: 0.7; } .file-uploader-preview .preview-link { display: block; height: 100%; } .file-uploader-preview .preview-image img { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .file-uploader-preview .preview-video { display: inline-block; text-decoration: none; } .file-uploader-preview .preview-video:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 4rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .preview-video:hover:before { color: #cccccc; } .file-uploader-preview .preview-video:before { left: 0; margin-top: -2rem; position: absolute; right: 0; top: 50%; z-index: 2; } .file-uploader-preview .preview-document { display: inline-block; text-decoration: none; } .file-uploader-preview .preview-document:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 7rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .preview-document:hover:before { color: #cccccc; } .file-uploader-preview .preview-document:before { left: 0; margin-top: -3.5rem; position: absolute; right: 0; top: 50%; z-index: 2; } .file-uploader-preview, .file-uploader-placeholder { background: #ffffff; border: 1px solid #cacaca; box-sizing: border-box; cursor: pointer; display: block; height: 150px; line-height: 1; margin: 10px 25px 10px 0; overflow: hidden; position: relative; width: 150px; } .file-uploader._loading .file-uploader-spinner { display: inline-block; } .file-uploader .admin__field-note, .file-uploader .admin__field-error { margin-bottom: 10px; } .file-uploader .file-uploader-filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; word-break: break-all; } .file-uploader .file-uploader-filename:first-child { margin-bottom: 10px; } .file-uploader .file-uploader-meta { color: #9e9e9e; } .file-uploader .admin__field-fallback-reset { margin-left: 10px; } ._keyfocus .file-uploader .action-remove:focus { box-shadow: 0 0 0 1px #006bb4; } .file-uploader-placeholder.placeholder-document { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-document:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-document:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-document:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 2; } .file-uploader-placeholder.placeholder-image { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-image:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-image:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-image:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 2; } .file-uploader-placeholder.placeholder-video { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-video:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 3rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-video:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-video:before { left: 0; position: absolute; right: 0; top: 30px; z-index: 2; } .file-uploader-placeholder-text { bottom: 0; color: #008bdb; font-size: 1.1rem; left: 0; line-height: 1.42857143; margin-bottom: 15%; padding: 0 20px; position: absolute; right: 0; text-align: center; } .data-grid-file-uploader { min-width: 7rem; } .data-grid-file-uploader._loading .file-uploader-spinner { display: block; } .data-grid-file-uploader._loading .file-uploader-button:before { display: none; } .data-grid-file-uploader .file-uploader-image { background: transparent; bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .data-grid-file-uploader .file-uploader-image + .file-uploader-area .file-uploader-button:before { display: none; } .data-grid-file-uploader .file-uploader-area { z-index: 2; } .data-grid-file-uploader .file-uploader-spinner { height: 100%; margin: 0; position: absolute; top: 0; width: 100%; } .data-grid-file-uploader .file-uploader-button { height: 48px; text-align: center; display: block; text-decoration: none; } .data-grid-file-uploader .file-uploader-button > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .data-grid-file-uploader .file-uploader-button:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3rem; line-height: 48px; color: #8a837f; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .data-grid-file-uploader .file-uploader-button:hover:before { color: #666666; } .data-grid-file-uploader .action-select-wrap { float: left; } .data-grid-file-uploader .action-select-wrap .action-select { border: 1px solid #cacaca; display: block; height: 5rem; margin-left: -1px; padding: 0; width: 2rem; } .data-grid-file-uploader .action-select-wrap .action-select:after { border-color: #8a837f transparent transparent transparent; left: 50%; margin: 0 0 0 -5px; } .data-grid-file-uploader .action-select-wrap .action-select:hover:after { border-color: #666666 transparent transparent transparent; } .data-grid-file-uploader .action-select-wrap .action-select > span { display: none; } .data-grid-file-uploader .action-select-wrap .action-menu { left: 4rem; right: auto; z-index: 2; } .data-grid-file-uploader-inner { border: 1px solid #cacaca; float: left; height: 5rem; position: relative; width: 5rem; } .checkout-container { margin: 0 0 20px; } .opc-wrapper { margin: 0 0 20px; } .opc-wrapper .step-title { border-bottom: 1px solid #cccccc; margin-bottom: 15px; } .opc-wrapper .step-content { margin: 0 0 40px; } .checkout-index-index .nav-sections, .checkout-index-index .nav-toggle { display: none; } .checkout-index-index .logo { margin-left: 0; } .checkout-onepage-success .print { display: none; } .abs-discount-code .form-discount, .checkout-payment-method .payment-option-content .form-discount { display: table; width: 100%; } .abs-discount-code .form-discount .actions-toolbar, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; } .abs-discount-code .form-discount .actions-toolbar .primary, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary { float: left; } .abs-discount-code .form-discount .actions-toolbar .primary .action, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0 0 0 -2px; white-space: nowrap; width: auto; } .abs-discount-code .form-discount > .field > .label, .checkout-payment-method .payment-option-content .form-discount > .field > .label { display: none; } .opc-estimated-wrapper { background: #f4f4f4; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: -21px -15px 15px; padding: 18px 15px; } .opc-estimated-wrapper .estimated-block { font-size: 18px; float: left; font-weight: 700; } .opc-estimated-wrapper .estimated-block .estimated-label { display: block; margin: 0 0 5px; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:focus, .opc-estimated-wrapper .minicart-wrapper button.action.showcart:active { background: none; border: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:hover { background: none; border: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart.disabled, .opc-estimated-wrapper .minicart-wrapper button.action.showcart[disabled], fieldset[disabled] .opc-estimated-wrapper .minicart-wrapper button.action.showcart { pointer-events: none; opacity: 0.5; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:before { color: #333333; } .opc-progress-bar { display: none; } .field.choice .field-tooltip { display: inline-block; margin-left: 10px; position: relative; top: -3px; } .field.choice .field-tooltip-action { line-height: 21px; } .field._error .control input, .field._error .control select, .field._error .control textarea { border-color: #ed8380; } .checkout-index-index .modal-popup .fieldset .field .label { font-weight: 400; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { margin-top: 8px; } .field-tooltip { cursor: pointer; position: absolute; right: 0; top: 1px; } .field-tooltip._active { z-index: 100; } .field-tooltip._active .field-tooltip-content { display: block; } .field-tooltip._active .field-tooltip-action:before { color: #333333; } .field-tooltip .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action { display: inline-block; text-decoration: none; } .field-tooltip .field-tooltip-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 21px; line-height: inherit; color: #bbbbbb; content: '\e623'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .field-tooltip .field-tooltip-action:hover:before { color: #333333; } .field-tooltip .field-tooltip-action:before { padding-left: 1px; } ._keyfocus .field-tooltip .field-tooltip-action:focus { z-index: 100; } ._keyfocus .field-tooltip .field-tooltip-action:focus + .field-tooltip-content { display: block; } ._keyfocus .field-tooltip .field-tooltip-action:focus:before { color: #333333; } .field-tooltip .field-tooltip-content { background: #f4f4f4; border: 1px solid #999999; border-radius: 1px; font-size: 14px; padding: 12px; width: 270px; display: none; left: 38px; position: absolute; text-transform: none; top: -9px; word-wrap: break-word; z-index: 2; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; border-right-color: #f4f4f4; left: -21px; top: 12px; content: ''; display: block; position: absolute; z-index: 3; } .field-tooltip .field-tooltip-content:before { border-right-color: #666666; } .field-tooltip .field-tooltip-content:after { border-right-color: #f4f4f4; width: 1px; z-index: 4; } @media only screen and (max-width: 768px) { .field-tooltip .field-tooltip-content { left: auto; right: -10px; top: 40px; } .field-tooltip .field-tooltip-content::before, .field-tooltip .field-tooltip-content::after { border: 10px solid transparent; height: 0; left: auto; margin-top: -21px; right: 10px; top: 0; width: 0; } .field-tooltip .field-tooltip-content::before { border-bottom-color: #999999; } .field-tooltip .field-tooltip-content::after { border-bottom-color: #f4f4f4; top: 1px; } } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { margin-top: 28px; margin-bottom: 28px; } .opc-wrapper .form-login .fieldset .field .label, .opc-wrapper .form-shipping-address .fieldset .field .label { font-weight: 400; } .opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note { font-size: 14px; margin-top: 10px; } .opc-wrapper .shipping-address-items { font-size: 0; } .opc-wrapper .shipping-address-item { border: 2px solid transparent; font-size: 14px; line-height: 30px; margin: 0 0 20px; padding: 20px 35px 20px 20px; transition: 0.3s border-color; width: 50%; display: inline-block; position: relative; vertical-align: top; word-wrap: break-word; } .opc-wrapper .shipping-address-item.selected-item { border-color: #ff5501; } .opc-wrapper .shipping-address-item.selected-item:after { background: #ff5501; color: #ffffff; content: '\e610'; font-family: 'luma-icons'; height: 27px; width: 29px; font-size: 19px; line-height: 21px; padding-top: 2px; position: absolute; right: 0; text-align: center; top: 0; } .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { visibility: hidden; } .opc-wrapper .action-show-popup { margin: 0 0 20px; } .opc-wrapper .action-show-popup > span:before { content: '+'; padding-right: 5px; } .opc-wrapper .action-select-shipping-item { float: right; margin: 20px 0 0; } .opc-wrapper .edit-address-link { display: block; float: left; margin: 26px 5px 0 0; } .checkout-shipping-method .step-title { margin-bottom: 0; } .checkout-shipping-method .no-quotes-block { margin: 20px 0; } .methods-shipping .actions-toolbar .action.primary { margin: 20px 0 0; } .table-checkout-shipping-method thead th { display: none; } .table-checkout-shipping-method tbody td { border-top: 1px solid #cccccc; padding-bottom: 20px; padding-top: 20px; } .table-checkout-shipping-method tbody td:first-child { padding-left: 0; padding-right: 0; width: 20px; } .table-checkout-shipping-method tbody td input[type='radio'] { margin: 4px 5px 0 0; } .table-checkout-shipping-method tbody tr:first-child td { border-top: none; } .table-checkout-shipping-method tbody .col-price { font-weight: 600; } .table-checkout-shipping-method tbody .row-error td { border-top: none; padding-bottom: 10px; padding-top: 0; } .checkout-shipping-method { position: relative; } .shipping-policy-block.field-tooltip { top: 12px; } .shipping-policy-block.field-tooltip .field-tooltip-action { color: #006bb4; cursor: pointer; } .shipping-policy-block.field-tooltip .field-tooltip-action:before { display: none; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 420px; top: 30px; } .opc-block-shipping-information { padding: 0 30px; } .opc-block-shipping-information .shipping-information-title { border-bottom: 1px solid #cccccc; margin: 0 0 20px; position: relative; } .opc-block-shipping-information .shipping-information-title .action-edit { top: 10px; display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; } .opc-block-shipping-information .shipping-information-title .action-edit > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-shipping-information .shipping-information-title .action-edit:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-shipping-information .shipping-information-title .action-edit:hover:before { color: #333333; } .opc-block-shipping-information .shipping-information-title .action-edit:active:before { color: #8f8f8f; } .opc-block-shipping-information .shipping-information-content { line-height: 27px; } .opc-block-shipping-information .shipping-information-content .actions-toolbar { margin-left: 0; } .opc-block-shipping-information .ship-to, .opc-block-shipping-information .ship-via { margin: 0 0 20px; } .opc-block-summary { background: #f5f5f5; margin: 0 0 20px; padding: 22px 30px; } .opc-block-summary > .title { display: block; } .opc-block-summary .mark .value { color: #666666; display: block; } .opc-block-summary .discount.coupon { display: none; } .opc-block-summary .grand.incl + .grand.excl .mark, .opc-block-summary .grand.incl + .grand.excl .amount { border-top: 0; font-size: 1.4rem; padding-top: 0; } .opc-block-summary .grand.incl + .grand.excl .mark strong, .opc-block-summary .grand.incl + .grand.excl .amount strong { font-weight: 400; } .opc-block-summary .not-calculated { font-style: italic; } .opc-block-summary .items-in-cart > .title { border-bottom: 1px solid #cccccc; padding: 10px 40px 10px 0; cursor: pointer; display: block; text-decoration: none; margin-bottom: 0; position: relative; } .opc-block-summary .items-in-cart > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-summary .items-in-cart > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-summary .items-in-cart > .title:after { position: absolute; right: 0; top: 10px; } .opc-block-summary .items-in-cart > .title strong { font-size: 1.8rem; font-weight: 300; margin: 0; } .opc-block-summary .items-in-cart.active > .title:after { content: '\e621'; } .opc-block-summary .items-in-cart .product { position: relative; } .opc-block-summary .minicart-items-wrapper { margin: 0 -15px 0 0; max-height: 370px; padding: 15px 15px 0 0; border: 0; } .column.main .opc-block-summary .product-item { margin: 0; padding-left: 0; } .opc-block-summary .product-item .product-item-inner { display: table; margin: 0 0 10px; width: 100%; } .opc-block-summary .product-item .product-item-name-block { display: block; padding-right: 5px; text-align: left; } .opc-block-summary .product-item .subtotal { display: block; text-align: left; } .opc-block-summary .product-item .price { font-size: 1.6rem; font-weight: 400; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price { font-size: 1rem; } .opc-block-summary .product-item .message { margin-top: 10px; } .opc-block-summary .actions-toolbar { position: relative; z-index: 1; } .opc-block-summary .actions-toolbar .secondary { border-top: 1px solid #cccccc; display: block; margin: -1px 0 0; padding: 15px 0 0; text-align: left; } .opc-block-summary .actions-toolbar .secondary .action { margin: 0; } @media only screen and (max-width: 768px) { .opc-block-summary .product-item .product-item-inner { display: block; } .opc-block-summary .product-item .product-item-name-block { display: block; text-align: left; } .opc-block-summary .product-item .subtotal { display: block; text-align: left; } } .authentication-dropdown { box-sizing: border-box; } .authentication-dropdown .modal-inner-wrap { padding: 25px; } .authentication-wrapper { float: right; margin-top: -60px; max-width: 50%; position: relative; z-index: 1; } ._has-auth-shown .authentication-wrapper { z-index: 900; } .block-authentication .block-title { font-size: 1.8rem; border-bottom: 0; margin-bottom: 25px; } .block-authentication .block-title strong { font-weight: 300; } .block-authentication .field .label { font-weight: 400; } .block-authentication .actions-toolbar { margin-bottom: 5px; } .block-authentication .actions-toolbar > .secondary { padding-top: 25px; text-align: left; } .block-authentication .block[class] { margin: 0; } .block-authentication .block[class] ul { list-style: none; padding-left: 10px; } .block-authentication .block[class] .field .control, .block-authentication .block[class] .field .label { float: none; width: auto; } .block-authentication .block[class] + .block { border-top: 1px solid #c1c1c1; margin-top: 40px; padding-top: 40px; position: relative; } .block-authentication .block[class] + .block:before { height: 36px; line-height: 34px; margin: -19px 0 0 -18px; min-width: 36px; background: #ffffff; border: 1px solid #c1c1c1; border-radius: 50%; box-sizing: border-box; color: #c1c1c1; content: attr(data-label); display: inline-block; left: 50%; letter-spacing: normal; padding: 0 .2rem; position: absolute; text-align: center; text-transform: uppercase; top: 0; } .checkout-payment-method .step-title { border-bottom: 0; margin-bottom: 0; } .checkout-payment-method .payment-method:first-child .payment-method-title { border-top: 0; } .checkout-payment-method .payment-method._active .payment-method-content { display: block; } .checkout-payment-method .payment-method + .payment-method .payment-method-title { border-top: 1px solid #cccccc; } .checkout-payment-method .payment-method form.form-purchase-order { margin-bottom: 15px; } .checkout-payment-method .payment-method form.form-purchase-order .input-text { width: 40%; } .checkout-payment-method .payment-method-content { /** * @codingStandardsIgnoreStart */ } .checkout-payment-method .payment-method-content #po_number { margin-bottom: 20px; } .checkout-payment-method .payment-method-title { padding: 20px 0; margin: 0; } .checkout-payment-method .payment-method-title .payment-icon { display: inline-block; margin-right: 5px; vertical-align: middle; } .checkout-payment-method .payment-method-title .action-help { display: inline-block; margin-left: 5px; } .checkout-payment-method .payment-method-content { display: none; padding: 0 0 20px 22px; } .checkout-payment-method .payment-method-content .fieldset:not(:last-child) { margin: 0 0 20px; } .checkout-payment-method .payment-group + .payment-group .step-title { margin: 20px 0 0; } .checkout-payment-method .field-select-billing, .checkout-payment-method .billing-address-form { max-width: 500px; } .checkout-payment-method .billing-address-same-as-shipping-block { margin: 0 0 10px; } .checkout-payment-method .checkout-billing-address { margin: 0 0 20px; } .checkout-payment-method .checkout-billing-address .primary .action-update { margin-bottom: 20px; margin-right: 0; } .checkout-payment-method .checkout-billing-address .billing-address-details { line-height: 27px; padding: 0 0 0 23px; } .checkout-payment-method .checkout-billing-address input[type="checkbox"] { vertical-align: top; } .checkout-payment-method .payment-method-note + .checkout-billing-address { margin-top: 20px; } .checkout-payment-method .payment-method-iframe { background-color: transparent; display: none; width: 100%; } .checkout-payment-method .no-payments-block { margin: 20px 0; } .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after { content: '\e621'; } .checkout-payment-method .payment-option._collapsible .payment-option-title { cursor: pointer; } .checkout-payment-method .payment-option._collapsible .payment-option-content { display: none; } .checkout-payment-method .payment-option-title { border-top: 1px solid #cccccc; padding: 20px 0; } .checkout-payment-method .payment-option-title .action-toggle { color: #006bb4; display: inline-block; text-decoration: none; } .checkout-payment-method .payment-option-title .action-toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 16px; color: #8f8f8f; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 10px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .checkout-payment-method .payment-option-title .action-toggle:hover:after { color: #333333; } .checkout-payment-method .payment-option-title .action-toggle:active:after { color: #8f8f8f; } .checkout-payment-method .payment-option-content { padding: 0 0 20px 22px; } .checkout-payment-method .payment-option-content .primary .action.action-apply { margin-right: 0; } .checkout-payment-method .payment-option-inner { margin: 0 0 20px; } .checkout-payment-method .credit-card-types { padding: 0; } .checkout-payment-method .credit-card-types .item { display: inline-block; list-style: none; margin: 0 5px 0 0; vertical-align: top; } .checkout-payment-method .credit-card-types .item._active { font-weight: 700; } .checkout-payment-method .credit-card-types .item._active img { -webkit-filter: grayscale(0%); } .checkout-payment-method .credit-card-types .item._inactive { opacity: .4; } .checkout-payment-method .credit-card-types .item span { display: inline-block; padding-top: 6px; vertical-align: top; } .checkout-payment-method .credit-card-types img { -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; } .checkout-payment-method .ccard .fields > .year { padding-left: 5px; } .checkout-payment-method .ccard .fields .select { padding-left: 5px; padding-right: 5px; } .checkout-payment-method .ccard .month .select { width: 140px; } .checkout-payment-method .ccard .year .select { width: 80px; } .checkout-payment-method .ccard .captcha .input-text, .checkout-payment-method .ccard .number .input-text { width: 225px; } .checkout-payment-method .ccard > .field.cvv > .control { display: inline-block; padding-right: 20px; } .checkout-payment-method .ccard .cvv .label { display: block; } .checkout-payment-method .ccard .cvv .input-text { width: 55px; } .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field { width: auto !important; } .checkout-agreements-block .checkout-agreements { margin-bottom: 20px; } .checkout-agreements-block .checkout-agreement.field { display: -webkit-flex; display: -ms-flexbox; display: flex; } .checkout-agreements-block .checkout-agreement.field.required label:after { content: none; } .checkout-agreements-block .checkout-agreement.field.required .action-show:after { content: '*'; color: #e02b27; font-size: 1.2rem; } .checkout-agreements-block .action-show { vertical-align: baseline; } .checkout-agreements-items { padding-bottom: 30px; } .checkout-agreements-items .checkout-agreements-item { margin-bottom: 20px; } .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 0; } .checkout-agreement-item-content { overflow: auto; } .login-container .block-new-customer .actions-toolbar { margin-top: 25px; } .login-container .block .block-title { font-size: 1.8rem; } .login-container .fieldset:after { margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .login-container .fieldset:after { margin-top: 35px; } .block-addresses-list .items.addresses > .item { margin-bottom: 20px; } .block-addresses-list .items.addresses > .item:last-child { margin-bottom: 0; } .block-addresses-list .items.addresses .item.actions { margin-top: 5px; } .form-address-edit .region_id { display: none; } .form-edit-account .fieldset.password { display: none; } .form-edit-account fieldset.additional_info { clear: both; } .form-create-account .fieldset-fullname .fields .field { float: none; } .form-create-account .fieldset.create.account:after { margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .form-create-account .fieldset.create.account:after { margin-top: 35px; } .form.password.forget .fieldset:after { margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .form.password.forget .fieldset:after { margin-top: 35px; } .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .box-newsletter .box-content { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .account .page-title-wrapper .page-title { display: inline-block; } .account .messages { margin-bottom: 20px; } .account .column.main { margin-bottom: 30px; } .account .column.main h2 { margin-top: 0; } .account .sidebar-additional { margin-top: 40px; } .account .table-wrapper { margin-bottom: 20px; border-bottom: 1px solid #cccccc; overflow-x: auto; } .account .table-wrapper:last-child { margin-bottom: 0; } .account .data.table .col.actions .action.delete, [class^='sales-guest-'] .data.table .col.actions .action.delete, .sales-guest-view .data.table .col.actions .action.delete { color: #d10029; } .column.main .block:last-child { margin-bottom: 0; } .block .title { display: block; margin-bottom: 10px; } .block .title strong { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } .block p:last-child { margin: 0; } .block .box-actions { margin-top: 5px; } .field.password .control { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .field.password .control .mage-error { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .field.password .control .input-text { -ms-flex-order: 0; -webkit-order: 0; order: 0; z-index: 2; } .password-strength-meter { background-color: #f4f4f4; height: 32px; line-height: 32px; padding: 0 9px; position: relative; z-index: 1; } .password-strength-meter:before { content: ''; height: 100%; left: 0; position: absolute; top: 0; z-index: -1; } .password-none .password-strength-meter:before { background-color: #f4f4f4; width: 100%; } .password-weak .password-strength-meter:before { background-color: #ffafae; width: 25%; } .password-medium .password-strength-meter:before { background-color: #ffd6b3; width: 50%; } .password-strong .password-strength-meter:before { background-color: #c5eeac; width: 75%; } .password-very-strong .password-strength-meter:before { background-color: #81b562; width: 100%; } .control.captcha-image { margin-top: 10px; } .control.captcha-image .captcha-img { vertical-align: middle; } .order-products-toolbar, .customer-addresses-toolbar { position: relative; } .order-products-toolbar .toolbar-amount, .customer-addresses-toolbar .toolbar-amount { position: relative; text-align: center; } .order-products-toolbar .pages, .customer-addresses-toolbar .pages { position: relative; } .additional-addresses table > thead > tr > th { white-space: nowrap; } .block-balance .price { margin-top: -10px; font-size: 3.2rem; display: inline-block; line-height: 32px; } .table-downloadable-products .product-name { font-weight: 400; margin-right: 15px; } .table-downloadable-products .action.download { display: inline-block; text-decoration: none; } .table-downloadable-products .action.download:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: inherit; content: '\e626'; font-family: 'luma-icons'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-product-downloadable .product-add-form { clear: both; margin-bottom: 25px; } .page-product-downloadable .product-options-bottom .field.qty { display: none; } .samples-item-title { font-size: 1.4rem; font-weight: 600; margin: 0 0 10px; } .samples-item { margin: 0 0 10px; } .field.downloads { margin-bottom: 10px; } .page-product-downloadable .product-add-form .product-options-wrapper .field.downloads > .control { width: 100%; } .field.downloads .price-container { display: inline; white-space: nowrap; } .field.downloads .price-container:before { content: ' + '; display: inline; } .field.downloads .price-excluding-tax { display: inline; } .field.downloads .price-excluding-tax:before { content: ' (' attr(data-label) ': '; } .field.downloads .price-excluding-tax:after { content: ')'; } .field.downloads .price-including-tax { display: inline; font-weight: 600; font-size: 1.4rem; } .field.downloads .field.choice { border-bottom: 1px solid #ebebeb; box-sizing: border-box; margin-bottom: 10px; padding-bottom: 10px; padding-left: 25px; position: relative; width: 100%; z-index: 1; } .field.downloads .field.choice input { left: 0; position: absolute; top: 2px; } .field.downloads .field.downloads-all { border-bottom: 0; padding-left: 0; } .field.downloads .sample.link { float: right; } .field.downloads-all .label { color: #006bb4; text-decoration: none; cursor: pointer; } .field.downloads-all .label:visited { color: #006bb4; text-decoration: none; } .field.downloads-all .label:hover { color: #006bb4; text-decoration: underline; } .field.downloads-all .label:active { color: #ff5501; text-decoration: underline; } .field.downloads-all input { opacity: 0; } .field.downloads.downloads-no-separately .field.choice { padding-left: 0; } .page-product-giftcard .giftcard-amount { border-top: 1px #c1c1c1 solid; clear: both; margin-bottom: 0; padding-top: 15px; text-align: left; } .page-product-giftcard .giftcard-amount .field:last-child { padding-bottom: 20px !important; } .page-product-giftcard .product-info-main .price-box .old-price { font-size: 20px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final > span { display: block; margin-bottom: 5px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final > span:last-child { margin-bottom: 0; } .page-product-giftcard .product-info-main .price-box .price-container.price-final .price { font-size: 22px; font-weight: 600; line-height: 22px; } .page-product-giftcard .product-info-main .price-box + .giftcard.form { border-top: 1px #c1c1c1 solid; padding-top: 15px; } .page-product-giftcard .product-info-main .alert { clear: left; } .page-product-giftcard .product-info-stock-sku { display: block; } .page-product-giftcard .product-add-form { border: 0; clear: none; padding-top: 0; } .page-product-giftcard .product-add-form .product-options-wrapper .field:not(.text) { margin-bottom: 20px; margin-top: 20px; } .page-product-giftcard .giftcard.form { clear: both; } .page-product-giftcard .price-box { margin-bottom: 10px; } .page-product-giftcard .product-info-price { border: 0; display: block; float: right; white-space: nowrap; width: auto; } .giftcard-account .please-wait { display: none; } .giftcard-account .form-giftcard-redeem .giftcard.info { margin-bottom: 30px; } .opc-wrapper .form-giftcard-account { max-width: 500px; } .opc-wrapper .form-giftcard-account .field { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info .giftcard-account-number { margin: 0 0 10px; } .gift-message .field { margin-bottom: 20px; } .gift-message .field .label { color: #666666; font-weight: 400; } .gift-options { margin: 20px 0; } .gift-options .actions-toolbar .action-cancel { display: none; } .gift-options-title { font-weight: 600; margin: 0 0 20px; } .gift-options-content .fieldset { margin: 0 0 20px; } .gift-summary { margin-top: 10px; position: relative; } .gift-summary .actions-toolbar > .secondary .action { margin: 0 0 0 20px; width: auto; } .gift-summary .action-edit, .gift-summary .action-delete { display: inline-block; text-decoration: none; } .gift-summary .action-edit > span, .gift-summary .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-summary .action-edit:before, .gift-summary .action-delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-summary .action-edit:hover:before, .gift-summary .action-delete:hover:before { color: #333333; } .gift-summary .action-edit:active:before, .gift-summary .action-delete:active:before { color: #8f8f8f; } .gift-summary .action-delete:before { content: '\e604'; } .action-gift { display: inline-block; text-decoration: none; } .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2rem; line-height: 20px; color: #8f8f8f; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 10px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .action-gift:hover:after { color: #333333; } .action-gift:active:after { color: #8f8f8f; } .action-gift.active:after, .action-gift._active:after { content: '\e621'; } .gift-summary .actions-toolbar, .cart.table-wrapper .gift-summary .actions-toolbar { padding: 0; position: absolute; right: 0; top: 0; } .cart.table-wrapper .gift-content { box-sizing: border-box; clear: left; display: none; float: left; margin-right: -100%; padding: 20px 0; width: 100%; } .cart.table-wrapper .gift-content._active { display: block; } .cart.table-wrapper .item-gift._active { border-top: 1px solid #c1c1c1; } .cart.table-wrapper .item-gift .action { margin-right: 0; } .gift-item-block { border-bottom: 1px solid #c1c1c1; margin: 0; } .gift-item-block._active .title:after { content: '\e621'; } .gift-item-block .title { color: #006bb4; cursor: pointer; margin: 0; padding: 10px 40px 10px 15px; position: relative; display: block; text-decoration: none; } .gift-item-block .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2rem; line-height: 20px; color: #858585; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 10px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-item-block .title:hover:after { color: #333333; } .gift-item-block .content { padding: 10px 0 20px; position: relative; } .order-details-items .order-gift-message dt:after, .order-details-items .block-order-details-gift-message dt:after { content: ''; } .order-details-items .order-gift-message .item-message, .order-details-items .block-order-details-gift-message .item-message { clear: left; } .order-details-items .order-gift-message .item-options dt, .order-details-items .block-order-details-gift-message .item-options dt { font-weight: 400; margin: 10px 0; } .gift-messages-order { margin-bottom: 25px; } .gift-message-summary { padding-right: 7rem; } .form-giftregistry-share .actions-toolbar:not(:last-child), .form-giftregistry-edit .actions-toolbar:not(:last-child) { margin-bottom: 40px; } .form-giftregistry-share .fieldset .nested .field:not(.choice) .control, .form-giftregistry-edit .fieldset .nested .field:not(.choice) .control { width: 100%; } .giftregisty-dropdown .action.toggle { color: #006bb4; } .table-giftregistry-items .product-image { margin-right: 10px; float: left; } .cart-summary .form.giftregistry .fieldset { margin: 15px 0 5px; text-align: left; } .cart-summary .form.giftregistry .fieldset .field { margin: 0 0 10px; } .cart-summary .form.giftregistry .fieldset .field .control { float: none; width: auto; } .form-giftregistry-search { margin-bottom: 60px; } .form-giftregistry-search .fields-specific-options .field:nth-last-of-type(1) { margin-bottom: 0; } .block-giftregistry .actions-toolbar { margin: 17px 0 0; } .block-giftregistry-shared .item-options .item-value { margin: 0 0 25px; } .block-giftregistry-shared-items .item .col { border: 0; } .block-giftregistry-shared-items th { border-bottom: 1px solid #cccccc; } .block-giftregistry-shared-items .col { padding: 20px 11px 10px; } .block-giftregistry-shared-items .col .price-box { display: inline-block; } .block-giftregistry-shared-items .col .price-wrapper { font-size: 1.8rem; display: block; font-weight: 700; white-space: nowrap; } .block-giftregistry-shared-items .product .item-options { margin: 0; } .block-giftregistry-shared-items .product-item-photo { display: block; max-width: 65px; padding: 10px 0; } .block-giftregistry-shared-items .product-item-name { font-size: 1.8rem; display: block; margin: 0 0 5px; } .gift-wrapping .label { margin: 0 0 8px; display: inline-block; } .gift-wrapping .field { margin-bottom: 10px; } .gift-wrapping-info { font-weight: 300; font-size: 18px; margin: 20px 0; } .gift-wrapping-list { list-style: none; margin: 20px 0 10px; padding: 0; } .gift-wrapping-list .no-image { background: #f2f2f2; display: inline-block; text-decoration: none; } .gift-wrapping-list .no-image > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-list .no-image:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 4rem; color: #494949; content: '\e62a'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-list .no-image:after { display: block; } .gift-wrapping-preview, .gift-wrapping-item > span { cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1; } .gift-wrapping-item { float: left; margin: 0 10px 10px 0; } .gift-wrapping-item:last-child { margin-right: 0; } .gift-wrapping-item._active span:before { border: 3px solid #333333; box-sizing: border-box; content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; } .gift-wrapping-item > span { height: 4rem; width: 4rem; } .gift-wrapping-title { margin: 10px 0; } .gift-wrapping-title .action-remove { margin: -5px 0 0 5px; display: inline-block; text-decoration: none; } .gift-wrapping-title .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-title .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e604'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-title .action-remove:hover:before { color: #333333; } .gift-wrapping-title .action-remove:active:before { color: #8f8f8f; } .gift-options-content .fieldset .field { margin: 10px 0; } .gift-wrapping-summary { padding-right: 7rem; } .gift-wrapping-summary .gift-wrapping-title { border: 0; display: inline-block; padding: 0; } .opc-wrapper .fieldset.gift-message .field.gift-wrapping { padding: 0; width: 100%; } .opc-wrapper .data.table .gift-wrapping, .table-order-items .gift-wrapping { margin: 20px 0 0; } .opc-wrapper .data.table .gift-wrapping .title, .table-order-items .gift-wrapping .title { float: none; } .opc-wrapper .data.table .gift-wrapping .content, .table-order-items .gift-wrapping .content { margin: 0; } .opc-wrapper .data.table .gift-wrapping .content > img, .table-order-items .gift-wrapping .content > img { float: left; margin: 0 10px 0 0; max-height: 50px; max-width: 50px; } .gift-summary .price-box, .gift-options .price-box { margin-left: 22px; } .gift-summary .regular-price:before, .gift-options .regular-price:before { content: attr(data-label) ': '; } .gift-summary .regular-price .price, .gift-options .regular-price .price { font-weight: 700; } .order-options .item { padding-bottom: 20px; } .order-options .product { margin-bottom: 10px; } .order-options .product-image-container { float: left; padding-right: 10px; } .order-options .gift-wrapping { margin-bottom: 10px; } .table-wrapper.grouped { width: auto; } .table.grouped .row-tier-price > td { border-top: 0; } .table.grouped .col.item { width: 90%; } .table.grouped .col.qty { width: 10%; } .table.grouped .product-item-name { display: inline-block; font-weight: 400; margin-bottom: 10px; } .table.grouped .price-box p { margin: 0; } .table.grouped .price-box .price { font-weight: 700; } .table.grouped .price-box .old-price .price { font-weight: normal; } .table.grouped .stock.unavailable { font-weight: normal; margin: 0; text-transform: none; white-space: nowrap; } .page-product-grouped .product-info-main .alert { clear: left; } .page-product-grouped .box-tocart { margin-top: 10px; } .box-tocart .action.instant-purchase { vertical-align: top; } .box-tocart .action.instant-purchase:not(:last-child) { margin-bottom: 15px; } .form-add-invitations .additional, .form-add-invitations .field.message { margin-top: 20px; } .form-add-invitations .action.remove { top: 4px; } .form-add-invitations .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .form-add-invitations .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.add:hover:before { color: inherit; } .form-add-invitations .action.add:active:before { color: inherit; } .map-popup-wrapper.popup .action.close { top: 10px; } .map-popup { background: #ffffff; border: 1px solid #adadad; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; left: 0; margin-top: 10px; position: absolute; top: 0; z-index: 1001; display: none; opacity: 0; box-sizing: border-box; } .map-popup .popup-header { margin: 0 0 25px; padding-right: 16px; } .map-popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .map-popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 10px; top: 10px; } .map-popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .map-popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .map-popup .popup-actions .action.close:hover:before { color: #737373; } .map-popup .popup-actions .action.close:active:before { color: #737373; } .map-popup .popup-actions .action.close:focus, .map-popup .popup-actions .action.close:active { background: none; border: none; } .map-popup .popup-actions .action.close:hover { background: none; border: none; } .map-popup .popup-actions .action.close.disabled, .map-popup .popup-actions .action.close[disabled], fieldset[disabled] .map-popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .map-popup.active { opacity: 1; } .map-popup .map-info-price { margin: 0 0 20px; } .map-popup .map-info-price .price-box { margin: 0 0 20px; } .map-popup .map-info-price .price-box .label:after { content: ': '; } .map-popup .action.primary { margin-right: 10px; } .map-popup .map-msrp { margin-bottom: 10px; } .map-popup .actual-price { margin: 3px 0 15px; } .map-popup .regular-price .price-label { display: none; } .map-popup .popup-header { display: none; } .map-old-price { text-decoration: none; } .map-old-price .price-wrapper { text-decoration: line-through; } .map-fallback-price { display: none; } .map-old-price, .product-item .map-old-price, .product-info-price .map-show-info { display: inline-block; min-width: 10rem; } .map-old-price:not(:last-child), .product-item .map-old-price:not(:last-child), .product-info-price .map-show-info:not(:last-child) { margin-right: 10px; } .product-options-bottom .price-box .old-price .price-container > span, .product-info-price .price-box .old-price .price-container > span { display: inline; } .map-form-addtocart { display: inline-block; text-align: center; } .map-form-addtocart img { display: block; margin: 0 auto; } button.map-show-info { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; } button.map-show-info:focus, button.map-show-info:active { background: none; border: none; } button.map-show-info:hover { background: none; border: none; } button.map-show-info.disabled, button.map-show-info[disabled], fieldset[disabled] button.map-show-info { pointer-events: none; opacity: 0.5; } button.map-show-info:visited { color: #006bb4; text-decoration: none; } button.map-show-info:hover { color: #006bb4; text-decoration: underline; } button.map-show-info:active { color: #ff5501; text-decoration: underline; } button.map-show-info:hover, button.map-show-info:active, button.map-show-info:focus { background: none; border: 0; } button.map-show-info.disabled, button.map-show-info[disabled], fieldset[disabled] button.map-show-info { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .wishlist.split.button { display: inline-block; position: relative; margin-right: 5%; vertical-align: middle; } .wishlist.split.button:before, .wishlist.split.button:after { content: ''; display: table; } .wishlist.split.button:after { clear: both; } .wishlist.split.button .action.split { float: left; margin: 0; } .wishlist.split.button .action.toggle { float: right; margin: 0; } .wishlist.split.button .action.toggle { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #999999; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle:hover:after { color: #333333; } .wishlist.split.button .action.toggle:active:after { color: inherit; } .wishlist.split.button .action.toggle.active { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #999999; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle.active:hover:after { color: #333333; } .wishlist.split.button .action.toggle.active:active:after { color: inherit; } .wishlist.split.button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .wishlist.split.button .items li { margin: 0; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li:hover { background: #e8e8e8; cursor: pointer; } .wishlist.split.button .items:before, .wishlist.split.button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .wishlist.split.button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .wishlist.split.button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .wishlist.split.button .items:before { left: 10px; top: -12px; } .wishlist.split.button .items:after { left: 9px; top: -14px; } .wishlist.split.button.active { overflow: visible; } .wishlist.split.button.active .items { display: block; } .wishlist.split.button .items { padding: 6px 0; text-align: left; } .wishlist.split.button .items .item > span { display: block; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li { padding: 0; } .wishlist.split.button > .action.split { margin-right: 5px; } .wishlist.split.button > .action.split:before { content: '\e600'; } .wishlist.split.button > .action.split:before { margin: 0; width: 18px; } .wishlist.split.button > .action:active, .wishlist.split.button > .action:focus, .wishlist.split.button > .action:hover { color: #333333; } .wishlist.split.button > .action.toggle:before { border-left: 1px solid #999999; content: ''; float: left; height: 15px; margin: 3px 4px 0 0; } .cart.table-wrapper .wishlist.split.button { vertical-align: baseline; } .cart.table-wrapper .wishlist.split.button > .action.split { font-weight: normal; letter-spacing: normal; text-transform: none; } .cart.table-wrapper .wishlist.split.button > .action.toggle:after { color: #006bb4; } .cart.table-wrapper .wishlist.split.button > .action.split, .cart.table-wrapper .wishlist.split.button > .action.toggle { color: #006bb4; } .cart.table-wrapper .wishlist.split.button > .action.split:before, .cart.table-wrapper .wishlist.split.button > .action.toggle:before { display: none; } .wishlist.window.popup { background: #ffffff; border: 1px solid #adadad; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1001; display: none; opacity: 0; box-sizing: border-box; } .wishlist.window.popup .popup-header { margin: 0 0 25px; padding-right: 16px; } .wishlist.window.popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .wishlist.window.popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 10px; top: 10px; } .wishlist.window.popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.window.popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.window.popup .popup-actions .action.close:hover:before { color: #737373; } .wishlist.window.popup .popup-actions .action.close:active:before { color: #737373; } .wishlist.window.popup .popup-actions .action.close:focus, .wishlist.window.popup .popup-actions .action.close:active { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close:hover { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close.disabled, .wishlist.window.popup .popup-actions .action.close[disabled], fieldset[disabled] .wishlist.window.popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .wishlist.window.popup.active { opacity: 1; } .wishlist.window.popup.active { display: block; } .wishlist.overlay { transition: opacity 0.15s linear; background: #8c8c8c; z-index: 899; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; } .wishlist.overlay.active { opacity: 0.7; filter: alpha(opacity=70); } .wishlist.overlay.active { display: block; } .wishlist-dropdown.move .action.toggle, .wishlist-dropdown.copy .action.toggle { color: #006bb4; } .page-multiple-wishlist .actions-toolbar > .primary { display: block; float: none; text-align: left; } .page-multiple-wishlist .actions-toolbar > .primary .action.remove { float: right; } .block-wishlist-management { position: relative; } .block-wishlist-management .wishlist-select .wishlist-name-label { font-weight: 600; } .block-wishlist-management .wishlist-title { margin-bottom: 10px; } .block-wishlist-management .wishlist-title strong { font-weight: 300; margin-right: 10px; } .block-wishlist-management .wishlist-notice { color: #7d7d7d; display: inline-block; margin-right: 20px; } .block-wishlist-management .wishlist-notice.private { display: inline-block; text-decoration: none; } .block-wishlist-management .wishlist-notice.private:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: #a3a3a3; content: '\e629'; font-family: 'luma-icons'; margin: 0 5px 0 0; vertical-align: text-bottom; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { display: inline-block; } .block-wishlist-management .wishlist-toolbar-select { margin-right: 20px; } .block-wishlist-management .wishlist-toolbar .copy .dropdown { right: 0; } .block-wishlist-management .wishlist-toolbar .copy .dropdown:before { left: auto; right: 11px; } .block-wishlist-management .wishlist-toolbar .copy .dropdown:after { left: auto; right: 10px; } .block-wishlist-management .wishlist-dropdown.move { margin-right: 20px; } .block-wishlist-search-form .form-wishlist-search { margin-bottom: 60px; max-width: 500px; } .block-wishlist-search-results .table-wrapper { border-top: none; } .block-wishlist-info-items .block-title { margin-bottom: 20px; font-size: 2.2rem; } .block-wishlist-info-items .block-title > strong { font-weight: 300; } .block-wishlist-info-items .product-item { width: 100%; } .block-wishlist-info-items .product-item-photo { margin-left: 20px; } .block-wishlist-info-items .product-item-info { width: auto; } .block-wishlist-info-items .product-item-info:hover .split { visibility: visible; } .block-wishlist-info-items .price-wrapper { display: block; margin: 0 0 10px; } .block-wishlist-info-items .split { clear: both; padding: 10px 0; visibility: hidden; } .block-wishlist-info-items .wishlist-dropdown .change { color: #006bb4; } .block-wishlist-info-items .action.towishlist { padding: 10px 0; } .block-wishlist-info-items .input-text.qty { margin-right: 10px; } .multicheckout.results h3, .multicheckout.success h3 { font-size: 1.6rem; margin-bottom: 20px; margin-top: 30px; } .multicheckout.results h3 a, .multicheckout.success h3 a { color: #333333; } .multicheckout.results h3 a:hover, .multicheckout.success h3 a:hover { text-decoration: none; } .multicheckout.results ul.orders-list, .multicheckout.success ul.orders-list { list-style: none; padding-left: 0; } .multicheckout.results .orders-list, .multicheckout.success .orders-list { margin-top: 25px; padding-left: 16px; } .multicheckout.results .orders-list .shipping-list .shipping-item, .multicheckout.success .orders-list .shipping-list .shipping-item { margin-left: 84px; } .multicheckout.results .orders-list .shipping-list .shipping-label, .multicheckout.success .orders-list .shipping-list .shipping-label { font-weight: 700; margin-right: 10px; } .multicheckout.results .orders-list .shipping-list .shipping-address, .multicheckout.success .orders-list .shipping-list .shipping-address { font-weight: 400; } .multicheckout.results .orders-list .shipping-list .error-block, .multicheckout.success .orders-list .shipping-list .error-block { color: #e02b27; } .multicheckout.results .orders-list .shipping-list .error-block .error-label, .multicheckout.success .orders-list .shipping-list .error-block .error-label { font-weight: 700; margin-right: 10px; } .multicheckout.results .orders-list .shipping-list .error-block .error-description, .multicheckout.success .orders-list .shipping-list .error-block .error-description { font-weight: 400; } .multicheckout.results .orders-succeed .orders-list, .multicheckout.success .orders-succeed .orders-list { margin-top: 0; } .multicheckout.results .orders-succeed .orders-list .shipping-list .order-id, .multicheckout.success .orders-succeed .orders-list .shipping-list .order-id { float: left; } .multicheckout.results .orders-succeed .orders-list .shipping-list .shipping-item, .multicheckout.success .orders-succeed .orders-list .shipping-list .shipping-item { margin-left: 100px; } .multicheckout .title { margin-bottom: 30px; } .multicheckout .title strong { font-weight: 400; } .multicheckout .table-wrapper { margin-bottom: 0; } .multicheckout .table-wrapper .action.delete { display: inline-block; } .multicheckout .table-wrapper .col .qty { display: inline-block; } .multicheckout .table-wrapper .col.item .action.edit { font-weight: 400; margin-left: 10px; } .multicheckout:not(.address) .table-wrapper .product-item-name { margin: 0; } .multicheckout > .actions-toolbar { margin-top: 40px; } .multicheckout .actions-toolbar > .secondary { display: block; } .multicheckout .actions-toolbar > .secondary .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .secondary .action.back { display: block; margin-left: 0; } .multicheckout .actions-toolbar > .primary { margin-right: 10px; } .multicheckout .item-options { margin: 10px 0 0; } .multicheckout .block .methods-shipping .item-content .fieldset > .field:before { display: none; } .multicheckout .block .methods-shipping .item-content .fieldset > .field .control { display: inline-block; } .multicheckout .block-title, .multicheckout .block-content .title { border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .multicheckout .block-title strong, .multicheckout .block-content .title strong { font-weight: 400; } .multicheckout .block-title strong span, .multicheckout .block-content .title strong span { color: #a6a6a6; } .multicheckout .block-content .title { border-bottom: none; padding-bottom: 0; } .multicheckout.order-review .block-title > strong { font-size: 2.4rem; } .multicheckout.order-review .block-shipping .block-content:not(:last-child) { margin-bottom: 40px; } .multicheckout.order-review .error-description { color: #e02b27; font-weight: 400; margin-bottom: 10px; margin-top: -10px; } .multicheckout .box-title span { margin-right: 10px; } .multicheckout .box-title > .action { margin: 0; } .multicheckout .box-shipping-method .price { font-weight: 700; } .multicheckout .box-billing-method .fieldset { margin: 0; } .multicheckout .box-billing-method .fieldset .legend.box-title { margin: 0 0 5px; } .multicheckout .checkout-review .grand.totals { font-size: 2.1rem; margin-bottom: 40px; } .multicheckout .checkout-review .grand.totals .mark { font-weight: 400; } [class^='multishipping-'] .logo { margin-left: 0; } .multishipping-checkout-success .nav-sections { display: block; } .block.newsletter { margin-bottom: 20px; } .block.newsletter .form.subscribe { display: table; width: 100%; } .block.newsletter .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; } .block.newsletter .field { margin: 0; } .block.newsletter .field .control { display: inline-block; text-decoration: none; display: block; } .block.newsletter .field .control:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 32px; color: #575757; content: '\e61d'; font-family: 'luma-icons'; margin: 0 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block.newsletter .field .control:before { position: absolute; } .block.newsletter input { margin-right: 35px; padding: 0 0 0 35px; } .block.newsletter .title { display: none; } .block.newsletter .actions { display: table-cell; vertical-align: top; width: 1%; } .block.newsletter .action.subscribe { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; white-space: nowrap; } .data.switch .counter { color: #7d7d7d; } .data.switch .counter:before { content: '('; } .data.switch .counter:after { content: ')'; } .rating-summary { overflow: hidden; white-space: nowrap; } .rating-summary .rating-result { width: 88px; display: inline-block; position: relative; vertical-align: middle; } .rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #c7c7c7; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span { display: block; overflow: hidden; } .rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #ff5501; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .product-reviews-summary .rating-summary .label, .table-reviews .rating-summary .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote { overflow: hidden; } .review-control-vote:before { color: #c7c7c7; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; position: absolute; z-index: 1; } .review-control-vote input[type="radio"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote input[type="radio"]:hover + label:before, .review-control-vote input[type="radio"]:checked + label:before { opacity: 1; } .review-control-vote label { cursor: pointer; display: block; position: absolute; } .review-control-vote label span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote label:before { color: #ff5501; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; opacity: 0; } .review-control-vote label:hover:before { opacity: 1; } .review-control-vote label:hover ~ label:before { opacity: 0; } .review-control-vote .rating-5 { z-index: 2; } .review-control-vote .rating-5:before { content: '\e605' '\e605' '\e605' '\e605' '\e605'; } .review-control-vote .rating-4 { z-index: 3; } .review-control-vote .rating-4:before { content: '\e605' '\e605' '\e605' '\e605'; } .review-control-vote .rating-3 { z-index: 4; } .review-control-vote .rating-3:before { content: '\e605' '\e605' '\e605'; } .review-control-vote .rating-2 { z-index: 5; } .review-control-vote .rating-2:before { content: '\e605' '\e605'; } .review-control-vote .rating-1 { z-index: 6; } .review-control-vote .rating-1:before { content: '\e605'; } .review-control-vote:before { content: '\e625' '\e625' '\e625' '\e625' '\e625'; } .products-reviews-toolbar { position: relative; } .products-reviews-toolbar .toolbar-amount { position: relative; text-align: center; } .review-toolbar { border-top: 1px solid #c9c9c9; margin: 0 0 20px; padding: 0; text-align: center; } .review-toolbar:first-child { display: none; } .review-toolbar .pages { border-bottom: 1px solid #c9c9c9; display: block; padding: 20px 0; text-align: center; } .review-toolbar .limiter { display: none; } .review-add .block-title { display: none; } .review-form .action.submit.primary { background: #eeeeee; border: 1px solid #cccccc; color: #333333; font-size: 1.4rem; line-height: 1.6rem; padding: 7px 15px; margin: 0; } .review-form .action.submit.primary:focus, .review-form .action.submit.primary:active { background: #e2e2e2; border: 1px solid #cccccc; color: #333333; } .review-form .action.submit.primary:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #333333; } .review-form .actions-toolbar .actions-primary { padding: 0; } .fieldset .review-legend.legend { border-bottom: 0; line-height: 1.3; margin-bottom: 20px; padding: 0; } .fieldset .review-legend.legend span { margin: 0; } .fieldset .review-legend.legend strong { display: block; font-weight: 600; } .fieldset .review-field-ratings > .label { font-weight: 600; margin-bottom: 10px; padding: 0; } .review-control-vote label:before, .review-control-vote:before { font-size: 32px; height: 32px; letter-spacing: 10px; line-height: 32px; } .review-field-rating .label { font-weight: 600; } .review-field-rating .control { margin-bottom: 48px; margin-top: 10px; } .review-list { margin-bottom: 30px; } .review-list .block-title strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .review-item { border-bottom: 1px solid #c9c9c9; margin: 0; padding: 20px 0; } .review-item:after { clear: both; content: ''; display: table; } .review-item:last-child { border-width: 0; } .review-ratings { display: table; margin-bottom: 10px; max-width: 100%; } .review-author { display: inline; } .review-author .review-details-value { font-weight: 400; } .review-date { display: inline; } .review-title { font-weight: 600; line-height: 1.1; font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; margin: 0 0 20px; } .review-content { margin-bottom: 20px; } .page-main .column .review-add { margin-bottom: 0; } .data.table.reviews .rating-summary { margin-top: -4px; } .customer.review.view .review.title, .customer.review.view .ratings.summary.items, .customer.review.view .product.details { margin-bottom: 20px; } .product-reviews-summary { margin-bottom: 5px; } .products.wrapper.list .product-reviews-summary { margin: 0 auto; } .product-reviews-summary .rating-summary { display: inline-block; vertical-align: middle; } .product-reviews-summary .reviews-actions { display: inline-block; font-size: 11px; vertical-align: middle; } .product-reviews-summary .reviews-actions a:not(:last-child) { margin-right: 30px; } .product-reviews-summary .reviews-actions .action.add { white-space: nowrap; } .product-info-main .rating-summary, .customer-review .rating-summary { margin-right: 30px; } .block-reviews-dashboard .items .item { margin-bottom: 20px; } .block-reviews-dashboard .items .item:last-child { margin-bottom: 0; } .block-reviews-dashboard .product-name { display: inline-block; } .block-reviews-dashboard .product-name:not(:last-child) { margin-bottom: 5px; } .block-reviews-dashboard .rating-summary .label { font-weight: 600; margin-right: 10px; vertical-align: middle; } .table-reviews .product-name, .block-reviews-dashboard .product-name { font-weight: 400; } .table-reviews .rating-summary { display: inline-block; vertical-align: baseline; } .customer-review .product-media { float: left; margin-right: 3%; max-width: 285px; width: 30%; } .customer-review .review-details { margin: 0; } .customer-review .review-details .customer-review-rating { margin-bottom: 20px; } .customer-review .review-details .customer-review-rating .item { margin-bottom: 10px; } .customer-review .review-details .customer-review-rating .item:last-child { margin-bottom: 0; } .customer-review .review-details .review-title { line-height: 1.1; font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; font-weight: 600; margin-bottom: 20px; } .customer-review .review-details .review-content { margin: 0; margin-bottom: 20px; } .customer-review .review-details .review-date { color: #a6a6a6; } .block-reward-info .reward-balance { font-size: 1.8rem; margin-bottom: 25px; } .block-reward-info .reward-rates:not(:last-child), .block-reward-info .reward-limit:not(:last-child), .block-reward-info .reward-expiring:not(:last-child) { margin-bottom: 25px; } .block-reward-info .reward-rates .title, .block-reward-info .reward-limit .title, .block-reward-info .reward-expiring .title { display: inline-block; margin-bottom: 10px; } .order-details-items.rma .order-title { display: none; } .order-details-items.rma .order-title + .toolbar { display: none; } .form-create-return .additional:first-child { margin-top: 0; } .form-create-return .field.comment { margin-top: 55px; } .table-wrapper.table-returns .returns-details.hidden { display: none; } .block-returns-comments .returns-comments dt, .block-returns-comments .returns-comments dd { margin: 0; } .block-returns-comments .returns-comments dt { font-weight: 400; } .block-returns-comments .returns-comments dd { margin-bottom: 15px; } .block-returns-comments .returns-comments dd:last-child { margin-bottom: 0; } .block-returns-comments .fieldset { margin-bottom: 20px; } .magento-rma-guest-create .order-links .item a { line-height: 1.42857143; margin: 0 30px 0 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; } .magento-rma-guest-create .order-links .item a:visited { color: #006bb4; text-decoration: none; } .magento-rma-guest-create .order-links .item a:hover { color: #006bb4; text-decoration: underline; } .magento-rma-guest-create .order-links .item a:active { color: #ff5501; text-decoration: underline; } .magento-rma-guest-create .order-links .item a:hover, .magento-rma-guest-create .order-links .item a:active, .magento-rma-guest-create .order-links .item a:focus { background: none; border: 0; } .magento-rma-guest-create .order-links .item a.disabled, .magento-rma-guest-create .order-links .item a[disabled], fieldset[disabled] .magento-rma-guest-create .order-links .item a { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } #registrant-options .item .control table .col.qty .input-qty { display: none; } .order-links .item { line-height: 40px; margin: 0 0 -1px; } .order-links .item strong { background: #ffffff; border: 1px solid #cccccc; display: block; font-weight: 400; padding: 0 20px; } .order-links .item a { background: #f6f6f6; color: #6d6d6d; border: 1px solid #cccccc; display: block; font-weight: 400; padding: 0 20px; } .order-links .item a:hover { background: #ffffff; text-decoration: none; } .order-details-items { border: 1px solid #cccccc; margin-bottom: 40px; padding: 10px; } .order-details-items .order-title { border-bottom: 1px solid #cccccc; padding: 0 0 10px; } .order-details-items .order-title > strong { font-size: 2.4rem; font-weight: 300; } .order-details-items .order-title .action { display: inline-block; } .order-details-items .table-wrapper { margin: 0; } .order-details-items .table-wrapper + .actions-toolbar { display: none; } .order-details-items .table-wrapper:not(:last-child) { margin-bottom: 30px; } .order-details-items .table-wrapper.order-items-shipment { overflow: visible; } .order-details-items .table-order-items > thead > tr > th { border-bottom: 1px solid #cccccc; } .order-details-items .table-order-items tbody + tbody { border-top: 1px solid #cccccc; } .account .order-details-items .table-order-items tbody tr:nth-child(even) td { background: none; } .order-details-items .table-order-items tbody td { padding-bottom: 20px; padding-top: 20px; } .order-details-items .table-order-items tbody .col.label { font-weight: 700; padding-bottom: 5px; padding-top: 0; } .order-details-items .table-order-items tbody .col.options { padding: 10px 10px 15px; } .order-details-items .table-order-items tbody > .item-parent td { padding-bottom: 5px; } .order-details-items .table-order-items tbody > .item-parent + tr td { padding-top: 5px; } .order-details-items .table-order-items tbody .item-options-container td { padding-bottom: 15px; padding-top: 0; } .order-details-items .table-order-items .product-item-name { margin: 0 0 10px; } .order-details-items .item-options { margin: 0; } .order-details-items .item-options dt { margin: 0; } .order-details-items .item-options dd { margin: 0 0 15px; } .order-details-items .item-options dd:last-child { margin-bottom: 0; } .order-details-items .item-options.links dt { display: inline-block; } .order-details-items .item-options.links dt:after { content: ': '; } .order-details-items .item-options.links dd { margin: 0; } .order-details-items thead .col.qty { text-align: center; } .order-details-items .col.name { padding-top: 16px; } .order-details-items .action.show { display: inline-block; text-decoration: none; color: #333333; } .order-details-items .action.show > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .order-details-items .action.show:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .order-details-items .action.show.expanded:after { content: '\e621'; } .order-details-items .product-item-name { font-size: 1.8rem; } .order-details-items .items-qty .item { white-space: nowrap; } .order-details-items .items-qty .title:after { content: ': '; } .order-details-items .pages-items .item:first-child, .order-details-items .pages-items .item:last-child { margin-right: 0; } .block-order-details-comments { margin: 0 0 40px; } .block-order-details-comments .comment-date { font-weight: 600; } .block-order-details-comments .comment-content { line-height: 1.6; margin: 0 0 20px; } .block-order-details-view .block-content .box { margin-bottom: 30px; } .block-order-details-view .box-title { font-weight: 600; } .block-order-details-view .box-content .payment-method .title { font-weight: 400; } .block-order-details-view .box-content .payment-method .content { margin: 0; } .block-order-details-view .box-content .payment-method .content > strong { font-weight: 400; } .block-order-details-view .box-content .payment-method .content > strong:after { content: ': '; } .column.main .order-details-items .block-order-details-gift-message { margin: 40px 0 0; } .block-order-details-gift-message + .actions-toolbar { display: none; } .order-tracking { margin: 0; padding: 20px 0; } .order-title + .order-tracking { border-bottom: 1px solid #cccccc; } .order-tracking .tracking-title { display: inline-block; } .order-tracking .tracking-content { display: inline-block; margin: 0 0 0 5px; } .order-actions-toolbar { margin-bottom: 25px; } .order-actions-toolbar .action { margin-right: 30px; } .order-actions-toolbar .action.print { display: none; margin: 0; } .form-orders-search .field:last-child { margin-bottom: 20px; } .block-reorder .actions-toolbar { margin: 17px 0; } .block-reorder .product-item-name { float: left; width: calc(100% - 20px); } .block-reorder .product-item::after { clear: both; content: ''; display: table; } .block-reorder .product-item .field.item { float: left; width: 20px; } .form.send.friend .fieldset .field .control { width: 100%; } .product-social-links .action.mailto.friend:before { content: '\e61d'; } .my-credit-cards .status { font-style: italic; } .my-credit-cards .action.delete { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; } .my-credit-cards .action.delete:focus, .my-credit-cards .action.delete:active { background: none; border: none; } .my-credit-cards .action.delete:hover { background: none; border: none; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { pointer-events: none; opacity: 0.5; } .my-credit-cards .action.delete:visited { color: #006bb4; text-decoration: none; } .my-credit-cards .action.delete:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards .action.delete:active { color: #ff5501; text-decoration: underline; } .my-credit-cards .action.delete:hover, .my-credit-cards .action.delete:active, .my-credit-cards .action.delete:focus { background: none; border: 0; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .my-credit-cards-popup .modal-footer { text-align: right; } .my-credit-cards-popup .action.secondary { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; margin-right: 20px; } .my-credit-cards-popup .action.secondary:focus, .my-credit-cards-popup .action.secondary:active { background: none; border: none; } .my-credit-cards-popup .action.secondary:hover { background: none; border: none; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { pointer-events: none; opacity: 0.5; } .my-credit-cards-popup .action.secondary:visited { color: #006bb4; text-decoration: none; } .my-credit-cards-popup .action.secondary:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards-popup .action.secondary:active { color: #ff5501; text-decoration: underline; } .my-credit-cards-popup .action.secondary:hover, .my-credit-cards-popup .action.secondary:active, .my-credit-cards-popup .action.secondary:focus { background: none; border: 0; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .toolbar.wishlist-toolbar .limiter { float: right; } .toolbar.wishlist-toolbar .main .pages { display: inline-block; position: relative; z-index: 0; } .toolbar.wishlist-toolbar .toolbar-amount, .toolbar.wishlist-toolbar .limiter { display: inline-block; z-index: 1; } .product-social-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before { content: '\e600'; } .account .table-wrapper .data.table.wishlist > thead > tr > th, .account .table-wrapper .data.table.wishlist > tbody > tr > th, .account .table-wrapper .data.table.wishlist > tfoot > tr > th, .account .table-wrapper .data.table.wishlist > thead > tr > td, .account .table-wrapper .data.table.wishlist > tbody > tr > td, .account .table-wrapper .data.table.wishlist > tfoot > tr > td { border-top: 1px solid #cccccc; } .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > th, .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > td { border-top: 0; } .account .table-wrapper .data.table.wishlist > tbody + tbody { border-top: 1px solid #cccccc; } .account .table-wrapper .data.table.wishlist thead > tr > th { border-bottom: 0; } .account .table-wrapper .data.table.wishlist tbody > tr:last-child > td { border-bottom: 1px solid #cccccc; } .account .table-wrapper .data.table.wishlist .product.name { display: inline-block; margin-bottom: 10px; } .account .table-wrapper .data.table.wishlist .box-tocart { margin: 10px 0; } .account .table-wrapper .data.table.wishlist .box-tocart .qty { vertical-align: middle; } .account .table-wrapper .data.table.wishlist .col.item { width: 50%; } .account .table-wrapper .data.table.wishlist .col.photo { max-width: 150px; } .account .table-wrapper .data.table.wishlist .col.selector { max-width: 15px; } .account .table-wrapper .data.table.wishlist textarea { margin: 10px 0; } .account .table-wrapper .data.table.wishlist .input-text.qty { margin-bottom: 10px; } .account .table-wrapper .data.table.wishlist .action.primary { vertical-align: top; } .account .table-wrapper .data.table.wishlist .price { font-weight: 700; } .link.wishlist .counter { color: #7d7d7d; white-space: nowrap; } .link.wishlist .counter:before { content: '('; } .link.wishlist .counter:after { content: ')'; } .block-wishlist .product-item-name { margin-right: 25px; } .products-grid.wishlist .product-item { margin-left: 2%; width: calc((100% - 4%) / 3); } .products-grid.wishlist .product-item:nth-child(3n + 1) { margin-left: 0; } .products-grid.wishlist .product-item-photo { display: block; margin-bottom: 10px; } .products-grid.wishlist .product-item-name { margin-top: 0; } .products-grid.wishlist .product-item .price-box { margin: 0; } .products-grid.wishlist .product-item-comment { display: block; height: 42px; margin: 10px 0; } .products-grid.wishlist .product-item-actions > * { margin-right: 15px; } .products-grid.wishlist .product-item-actions > *:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { display: inline-block; text-decoration: none; } .products-grid.wishlist .product-item-actions .action.edit > span, .products-grid.wishlist .product-item-actions .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .products-grid.wishlist .product-item-actions .action.edit:before, .products-grid.wishlist .product-item-actions .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .products-grid.wishlist .product-item-actions .action.edit:hover:before, .products-grid.wishlist .product-item-actions .action.delete:hover:before { color: #333333; } .products-grid.wishlist .product-item-actions .action.edit:active:before, .products-grid.wishlist .product-item-actions .action.delete:active:before { color: #8f8f8f; } .products-grid.wishlist .product-item-actions .action.delete:before { content: '\e604'; } .theme-pearl .sidebar #layered-filter-block .filter-options .swatch-option.color.disabled:after { visibility: visible; content: ''; } .theme-pearl .sidebar #layered-filter-block .filter-options .swatch-option.color.disabled:hover { overflow: hidden; } .theme-pearl .sidebar #layered-filter-block .filter-options .swatch-option.color.disabled:hover:before { visibility: hidden; } .theme-pearl.page-products .sorter { right: 0px; } .toolbar.toolbar-products label { text-transform: uppercase; font-size: 12px; } .toolbar.toolbar-products label span { text-transform: uppercase; font-size: 12px; } .toolbar.toolbar-products select { border-style: solid; box-shadow: unset; text-transform: uppercase; font-size: 12px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .toolbar.toolbar-products select { padding-top: 2px; } } .toolbar.toolbar-products select:focus:not([disabled]) { box-shadow: unset; } .toolbar.toolbar-products select option:checked, .toolbar.toolbar-products select option:not(:checked) { border: 1px solid #DADADA; box-shadow: none; background: #fff; padding: 5px 10px; } .toolbar.toolbar-products select option:checked, .toolbar.toolbar-products select option:hover { background-color: #000000; filter: grayscale(400%); } .toolbar.toolbar-products select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #333333; } @-moz-document url-prefix() { select { color: transparent !important; text-shadow: 0 0 0 #333333 !important; } } .toolbar.toolbar-products .modes #modes-label { text-transform: uppercase; font-size: 12px; } .toolbar.toolbar-products .modes .modes-mode { box-shadow: unset; } .toolbar.toolbar-products .modes .modes-mode.mode-grid { font-size: 32px; font-family: font-icons; position: relative; top: 0; margin: 0 5px 0 0; padding: 0; width: 25px; height: 25px; line-height: 25px !important; text-align: center; font-size: 20px; display: inline-block; font-family: 'font-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; width: 32px; height: 32px; line-height: 30px !important; } .toolbar.toolbar-products .modes .modes-mode.mode-grid:before { font-family: inherit; font-size: inherit; color: inherit; line-height: 32px; } .toolbar.toolbar-products .modes .modes-mode.mode-grid:before { font-family: inherit; font-size: inherit; color: inherit; } .toolbar.toolbar-products .modes .modes-mode.mode-grid:before { float: left; width: 32px; height: 32px; line-height: 30px; content: "\e649"; } .toolbar.toolbar-products .modes .modes-mode.mode-list { font-size: 32px; font-family: font-icons; position: relative; top: 0; margin: 0 5px 0 0; padding: 0; width: 25px; height: 25px; line-height: 25px !important; text-align: center; font-size: 20px; display: inline-block; font-family: 'font-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; width: 32px; height: 32px; line-height: 30px !important; } .toolbar.toolbar-products .modes .modes-mode.mode-list:before { font-family: inherit; font-size: inherit; color: inherit; line-height: 32px; } .toolbar.toolbar-products .modes .modes-mode.mode-list:before { font-family: inherit; font-size: inherit; color: inherit; } .toolbar.toolbar-products .modes .modes-mode.mode-list:before { float: left; width: 32px; height: 32px; line-height: 30px; content: "\e648"; } .toolbar.toolbar-products #toolbar-amount { text-transform: uppercase; font-size: 12px; position: inherit; } .toolbar.toolbar-products .pages #paging-label { text-transform: uppercase; font-size: 12px; } .toolbar.toolbar-products .pages ul { float: left; } .toolbar.toolbar-products .pages ul li.item { float: left; line-height: 0; margin: 0; } .toolbar.toolbar-products .pages ul li.item a.page { width: 32px; min-width: 32px; height: 32px; line-height: 30px; text-align: center; padding: 0; margin: 0 5px; } .toolbar.toolbar-products .pages ul li.item a.action.next > span, .toolbar.toolbar-products .pages ul li.item a.action.previous > span { width: 1px; height: 1px; } .toolbar.toolbar-products .pages ul li.item span { float: left; width: 100%; height: 32px; line-height: 30px; text-align: center; } .toolbar.toolbar-products .pages ul li.item span.label { width: 1px; height: 1px; } .toolbar.toolbar-products .pages ul li.item.current strong.page { width: 32px; min-width: 32px; height: 32px; line-height: 30px; text-align: center; padding: 0; margin: 0 2.5px; } .toolbar.toolbar-products .pages ul li.item.pages-item-previous a, .toolbar.toolbar-products .pages ul li.item.pages-item-next a { width: 32px; min-width: 32px; height: 32px; line-height: 30px; text-align: center; padding: 0; margin: 0 5px; box-shadow: unset; } .toolbar.toolbar-products .pages ul li.item.pages-item-previous a:before, .toolbar.toolbar-products .pages ul li.item.pages-item-next a:before { float: left; width: 100%; text-align: center; margin: 0; } .toolbar.toolbar-products .field.limiter label { text-transform: uppercase; font-size: 12px; } .toolbar.toolbar-products .field.limiter label span { text-transform: uppercase; font-size: 12px; } .toolbar.toolbar-products .field.limiter .limiter-text { text-transform: uppercase; font-size: 12px; } .toolbar.toolbar-products .toolbar-sorter label { text-transform: uppercase; font-size: 12px; } .toolbar.toolbar-products .sorter-action:before { font-size: 10px; color: #000000; } .toolbar.toolbar-products .sorter-action:hover:before { color: #666666; } .products-grid .product-item .product-item-name { text-decoration: none; } .product-social-links .action.tocompare, .product-social-links .action.towishlist, .product-social-links .action.mailto { width: auto; height: auto; line-height: 32px !important; } .product-social-links .action.tocompare:before, .product-social-links .action.towishlist:before, .product-social-links .action.mailto:before { font-size: 32px; font-family: font-icons; position: relative; top: 0; margin: 0 5px 0 0; padding: 0; width: 25px; height: 25px; line-height: 25px !important; text-align: center; font-size: 20px; display: inline-block; font-family: 'font-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; width: auto !important; } .product-social-links .action.tocompare:before:before, .product-social-links .action.towishlist:before:before, .product-social-links .action.mailto:before:before { font-family: inherit; font-size: inherit; color: inherit; line-height: 32px; } .product-social-links .action.tocompare:before:before, .product-social-links .action.towishlist:before:before, .product-social-links .action.mailto:before:before { font-family: inherit; font-size: inherit; color: inherit; } .product-social-links .action.towishlist:before { content: "\e68c" !important; } .product-social-links .action.tocompare:before { content: "\e67f" !important; } .product-social-links .action.mailto:before { content: "\e866" !important; } .block.related .action.select { font-size: 14px; color: #000; } .block.related .action.select span { color: #000; } :root .theme-pearl .column.main .product-items { margin-left: 0px; } .column.main .products-grid.products-related .product-item .product-item-info, .column.main .products-grid.products-crosssell .product-item .product-item-info, .column.main .products-grid.products-upsell .product-item .product-item-info { display: inline-block; float: left; } .column.main .products-grid .product-item { padding-left: 0; } .column.main .products-grid .product-item .action.tocompare, .column.main .products-grid .product-item .action.towishlist { font-size: 22px; font-family: font-icons; position: relative; top: 0; margin: 0 5px 0 0; padding: 0; width: 25px; height: 25px; line-height: 25px !important; text-align: center; font-size: 20px; display: inline-block; font-family: 'font-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; width: auto; height: auto; line-height: 22px !important; } .column.main .products-grid .product-item .action.tocompare:before, .column.main .products-grid .product-item .action.towishlist:before { font-family: inherit; font-size: inherit; color: inherit; line-height: 22px; } .column.main .products-grid .product-item .action.tocompare:before, .column.main .products-grid .product-item .action.towishlist:before { font-family: inherit; font-size: inherit; color: inherit; } .column.main .products-grid .product-item .action.tocompare:before, .column.main .products-grid .product-item .action.towishlist:before { width: auto !important; } .column.main .products-grid .product-item .action.towishlist:before { content: "\e68c"; padding: 2px 5px; } .column.main .products-grid .product-item .action.tocompare:before { content: "\e67f"; } .column.main .products-grid .product-item .price-container .price { padding-right: 3px; } .column.main .products-grid .product-item .product-item-info { margin: 0; padding: 10px; } .column.main .products-grid .product-item .product-item-info .addtocart_position_3 + div[class*="swatch-opt"], .column.main .products-grid .product-item .product-item-info .addtocart_position_4 + div[class*="swatch-opt"] { margin: 0; padding: 20px 0 0; } .column.main .products-grid .product-item .product-item-info .addtocart_position_1, .column.main .products-grid .product-item .product-item-info .addtocart_position_2, .column.main .products-grid .product-item .product-item-info .addtocart_position_3, .column.main .products-grid .product-item .product-item-info .addtocart_position_4, .column.main .products-grid .product-item .product-item-info .addtocart_position_5 { position: relative; z-index: 1; } .column.main .products-grid .product-item .product-item-info .addtocart_position_1.center, .column.main .products-grid .product-item .product-item-info .addtocart_position_2.center, .column.main .products-grid .product-item .product-item-info .addtocart_position_3.center, .column.main .products-grid .product-item .product-item-info .addtocart_position_4.center, .column.main .products-grid .product-item .product-item-info .addtocart_position_5.center { margin: 0 auto; } .column.main .products-grid .product-item .product-item-info .addtocart_position_1.left, .column.main .products-grid .product-item .product-item-info .addtocart_position_2.left, .column.main .products-grid .product-item .product-item-info .addtocart_position_3.left, .column.main .products-grid .product-item .product-item-info .addtocart_position_4.left, .column.main .products-grid .product-item .product-item-info .addtocart_position_5.left { float: left; margin: 0; } .column.main .products-grid .product-item .product-item-info .product.photo.product-item-photo { float: left; width: 100%; text-align: center; } .column.main .products-grid .product-item .product-item-info .product_image { position: relative; text-align: center; } .column.main .products-grid .product-item .product-item-info .product_image .addtocart_position_2, .column.main .products-grid .product-item .product-item-info .product_image .addtocart_position_1 { display: inline-block; right: 0; bottom: 5px; left: 0; z-index: 1; } .column.main .products-grid .product-item .product-item-info .product_image .addtocart_position_2 { width: 0; } .column.main .products-grid .product-item .product-item-info .product_image .whishlist_position_1, .column.main .products-grid .product-item .product-item-info .product_image .whishlist_position_2, .column.main .products-grid .product-item .product-item-info .product_image .compare_position_1, .column.main .products-grid .product-item .product-item-info .product_image .compare_position_2 { position: absolute; top: 10px; left: 15px; z-index: 1; } .column.main .products-grid .product-item .product-item-info .product_image .whishlist_position_3, .column.main .products-grid .product-item .product-item-info .product_image .whishlist_position_4, .column.main .products-grid .product-item .product-item-info .product_image .compare_position_3, .column.main .products-grid .product-item .product-item-info .product_image .compare_position_4 { position: absolute; top: 10px; right: 15px; z-index: 1; } .column.main .products-grid .product-item .product-item-info .product_image .whishlist_position_2, .column.main .products-grid .product-item .product-item-info .product_image .whishlist_position_4, .column.main .products-grid .product-item .product-item-info .product_image .compare_position_2, .column.main .products-grid .product-item .product-item-info .product_image .compare_position_4 { width: 0; } .column.main .products-grid .product-item .product-item-info .product-item-details > * { position: relative; z-index: 2; clear: both; } .column.main .products-grid .product-item .product-item-info .product-item-details .old-price { margin: 0; } .column.main .products-grid .product-item .product-item-info .product-item-details .field.choice.related { position: absolute; } .column.main .products-grid .product-item .product-item-info .product-item-details .product-item-inner { margin: 0; border: none; box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; padding: 0; } .column.main .products-grid .product-item .product-item-info .product-item-details .product-item-inner .product-item-inner-hide { margin: 0; padding: 0; } .column.main .products-grid .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions { margin: 0 0 10px; } .column.main .products-grid .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions.center { display: flex; align-items: center; justify-content: center; text-align: center; } .column.main .products-grid .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions.center .actions-primary { text-align: center; display: inline-block; } .column.main .products-grid .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions.center .actions-secondary { display: flex; align-items: center; vertical-align: middle; } .column.main .products-grid .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions.center .actions-secondary a.action { top: 3px; } .column.main .products-grid .product-item .product-item-actions .actions-primary + .actions-secondary { vertical-align: middle; } .column.main .products-grid .product-item .reviews-actions { margin-top: 0; } .column.main .products-grid .product-item [class*="swatch-opt"]:not(.swatch-option-loading) { margin-bottom: 10px; } .column.main .products-grid .product-item .addtocart_position_4, .column.main .products-grid .product-item .hoverShow { height: 0; overflow: hidden; } .column.main .products-grid .product-item:hover { position: relative; z-index: 8; padding: 0 !important; } .column.main .products-grid .product-item .product-item-info.active, .column.main .products-grid .product-item .product-item-info:hover { background-color: white; top: 0; left: 0; } .column.main .products-grid .product-item .product-item-info.active .product_image .addtocart_position_2, .column.main .products-grid .product-item .product-item-info:hover .product_image .addtocart_position_2 { width: auto; } .column.main .products-grid .product-item .product-item-info.active .product_image .whishlist_position_2, .column.main .products-grid .product-item .product-item-info:hover .product_image .whishlist_position_2, .column.main .products-grid .product-item .product-item-info.active .product_image .whishlist_position_4, .column.main .products-grid .product-item .product-item-info:hover .product_image .whishlist_position_4, .column.main .products-grid .product-item .product-item-info.active .product_image .compare_position_2, .column.main .products-grid .product-item .product-item-info:hover .product_image .compare_position_2, .column.main .products-grid .product-item .product-item-info.active .product_image .compare_position_4, .column.main .products-grid .product-item .product-item-info:hover .product_image .compare_position_4 { width: auto; } .column.main .products-grid .product-item .product-item-info.active .swatch-attribute-options, .column.main .products-grid .product-item .product-item-info:hover .swatch-attribute-options { display: inline-block; } .column.main .products-grid .product-item .product-item-info.active .addtocart_position_4, .column.main .products-grid .product-item .product-item-info:hover .addtocart_position_4 { width: auto; height: auto; } .column.main .products-grid .product-item .product-item-info.active .hoverShow, .column.main .products-grid .product-item .product-item-info:hover .hoverShow { height: auto; } .column.main .products-grid .product-item .hover-animation-zoom-item:hover { transform: scale(1.05); } .column.main .products-grid .product-item .hover-animation-zoom-image img:hover { transform: scale(1.05); } .column.main .toolbar.toolbar-products.auto-width .modes .mode-grid:before, .column.main .toolbar.toolbar-products.auto-width .modes .mode-list:before { width: auto; } .block-compare .block-title strong, .block-reorder .block-title strong, .block-wishlist .block-title strong { font-weight: 600; } .products-list .product-item { position: relative; z-index: 0; margin-top: 20px; } .products-list .product-item:hover { z-index: 1; } .products-list .product-item .rating-summary .rating-result { left: 0px; } .products-list .product-item .reviews-actions { margin-top: 0; } .products-list .product-item .product-item-info [class*="swatch-opt"] { margin-bottom: 10px; margin-left: -5px; } .products-list .product-item .product-item-info [class*="swatch-opt"] .swatch-attribute { visibility: visible !important; } .products-list .product-item .product-item-info [class*="swatch-opt"] .swatch-attribute .swatch-option:first-of-type { margin-left: 0; } .products-list .product-item .action.tocompare, .products-list .product-item .action.towishlist { font-size: 22px; font-family: font-icons; position: relative; top: 0; margin: 0 5px 0 0; padding: 0; width: 25px; height: 25px; line-height: 25px !important; text-align: center; font-size: 20px; display: inline-block; font-family: 'font-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; width: auto; height: auto; line-height: 22px !important; } .products-list .product-item .action.tocompare:before, .products-list .product-item .action.towishlist:before { font-family: inherit; font-size: inherit; color: inherit; line-height: 22px; } .products-list .product-item .action.tocompare:before, .products-list .product-item .action.towishlist:before { font-family: inherit; font-size: inherit; color: inherit; } .products-list .product-item .action.tocompare:before, .products-list .product-item .action.towishlist:before { width: auto !important; } .products-list .product-item .action.towishlist:before { content: "\e68c"; } .products-list .product-item .action.tocompare:before { content: "\e67f"; } .products-list .product-item .product-item-actions .actions-primary + .actions-secondary { vertical-align: middle; } .block .block-title strong { font-size: 12px; text-transform: uppercase; } .block .block-title .counter { padding-left: 10px; } .block .block-content, .block .empty { font-size: 12px; } .block .block-content *, .block .empty * { font-size: 12px; } #layered-filter-block.filter .block-subtitle { padding-left: 0; font-size: 12px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #eeeeee; } #layered-filter-block .filter-options-title { font-weight: 400; } #layered-filter-block .filter-content .filter-current ol { padding-right: 0; padding-left: 0; } #layered-filter-block .filter-content .filter-current ol li .action.remove:before { font-size: 12px; } #layered-filter-block .filter-content .filter-options .filter-options-item { padding-bottom: 0; border-bottom: none; } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-title { border-bottom: 1px solid #eeeeee; padding: 10px 40px 10px 0; text-transform: uppercase; } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-title:after { color: #303030; } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-title:hover:after { color: #000000; } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content { padding-left: 0; padding-right: 0; } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content .items .item a { width: 100%; padding-left: 20px; } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:before { float: left; width: 10px; height: 10px; border: 1px solid #999999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 4px 0 0; content: ""; } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:hover { background: none transparent; text-decoration: underline; } #layered-filter-block .block-actions.filter-actions { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } #layered-filter-block .block-actions.filter-actions a { display: block; overflow: inherit; } .category-view .category-image img { width: 100%; } .category-view .category-description { margin: 10px auto; overflow: hidden; position: relative; } .category-view .category-description.more-less:after { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; content: ""; background: linear-gradient(to top, #ffffff 5%, rgba(255, 255, 255, 0) 50%); pointer-events: none; } .category-view .category-description.more:after { background: inherit; } .category-view .category-description:not(.more-less) { margin-bottom: 22px; } .category-view .category-show-more { margin: 0 auto 22px; } .category-view .category-show-more .show-more, .category-view .category-show-more .show-less { display: none; } .category-view .category-show-more .show-more span, .category-view .category-show-more .show-less span { cursor: pointer; margin: 0; padding-right: 20px; position: relative; top: 1px; } .category-view .category-show-more .show-more span:after, .category-view .category-show-more .show-less span:after { font-family: 'luma-icons'; position: absolute; right: 0; } .category-view .category-show-more .show-more.active, .category-view .category-show-more .show-less.active { display: block; } .category-view .category-show-more .show-more span:after { content: '\e622'; } .category-view .category-show-more .show-less span:after { content: '\e621'; } .category-view .category-description-copy { position: absolute; top: -10000px; } .category-view .category-description-copy .category-description { max-height: unset; } .canvas_icons, :root .page-header-v2 .page-header .header.links > li.authorization-link a:not([data-post]), :root .page-header-v2 .page-header .header.links > .customer-welcome .customer-name { position: relative; top: 0; margin: 0 5px 0 0; padding: 0; width: 25px; height: 25px; line-height: 25px !important; text-align: center; font-size: 20px; display: inline-block; font-family: 'font-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; } .canvas_icons:before { font-family: inherit; font-size: inherit; color: inherit; } @media (min-width: 768px) { .widget.block.block-static-block { margin: 0; width: 100%; max-width: 100%; padding: 0; } .widget.block.block-static-block > * { margin: 0; padding: 0; } .widget.block.block-static-block img { display: block; } } .header.panel > .header.links > li.welcome { line-height: inherit !important; } .page-header .header-global-promo, .page-wrapper .header-global-promo { height: 100%; } .page-header .header-global-promo .display-always, .page-wrapper .header-global-promo .display-always { display: flex; align-items: center; } .page-header .header-global-promo .display-cookies, .page-wrapper .header-global-promo .display-cookies { display: none; align-items: center; } .page-header .header-global-promo .global-notification-wrapper, .page-wrapper .header-global-promo .global-notification-wrapper { position: relative; top: 0; width: 100%; padding: 10px; text-align: center; z-index: 1; min-height: 40px; } .page-header .header-global-promo .global-notification-wrapper #slides ul li .quoteContainer, .page-wrapper .header-global-promo .global-notification-wrapper #slides ul li .quoteContainer { display: none; justify-content: center; } .page-header .header-global-promo .global-notification-wrapper a.close-global-notification, .page-wrapper .header-global-promo .global-notification-wrapper a.close-global-notification { display: block; width: 9px; height: 9px; opacity: 1; margin-top: 3px; float: right; font-size: 12px; line-height: 1; position: absolute; top: 10px; right: 20px; color: #000; } .page-header .header-global-promo .notice-inner, .page-wrapper .header-global-promo .notice-inner { margin: 0 auto; padding: 0px; width: 90%; } .page-header .header-global-promo .notice-inner *, .page-wrapper .header-global-promo .notice-inner * { text-transform: none !important; } .page-header #switcher-language.switcher strong, .page-header #switcher-store.switcher strong, .page-header #switcher-currency.switcher strong { font-size: 12px; } .page-header #switcher-language .options ul.dropdown, .page-header #switcher-store .options ul.dropdown, .page-header #switcher-currency .options ul.dropdown { right: 0; z-index: 999; } .page-header #switcher-language .options ul.dropdown:before, .page-header #switcher-store .options ul.dropdown:before, .page-header #switcher-currency .options ul.dropdown:before { left: auto; right: 10px; } .page-header #switcher-language .options ul.dropdown:after, .page-header #switcher-store .options ul.dropdown:after, .page-header #switcher-currency .options ul.dropdown:after { left: auto; right: 9px; } .page-header #switcher-language .options ul.dropdown li a, .page-header #switcher-store .options ul.dropdown li a, .page-header #switcher-currency .options ul.dropdown li a { font-size: 12px; } .page-header * { text-transform: uppercase; } .page-header .header .minicart-wrapper * { text-transform: uppercase; } .nav-open .nav-toggle::after { background-color: rgba(255, 255, 255, 0.5) !important; } .nav-open .header-global-promo { height: 0; overflow: hidden; } @media (max-width: 767px) { .page-wrapper .page-header .header.content, .page-wrapper .page-header .header_right { max-width: 100%; } } .page-wrapper .page-header .panel.wrapper { position: relative; } .page-header { position: relative; z-index: 10; } .page-header .block-search input { text-transform: none !important; } :root .wp-device-xxs .page-header-v2 .page-header, :root .wp-device-xs .page-header-v2 .page-header, :root .wp-device-s .page-header-v2 .page-header, :root .wp-device-m .page-header-v2 .page-header, :root .wp-device-xxs .page-header-v3 .page-header, :root .wp-device-xs .page-header-v3 .page-header, :root .wp-device-s .page-header-v3 .page-header, :root .wp-device-m .page-header-v3 .page-header, :root .wp-device-xxs .page-header-v4 .page-header, :root .wp-device-xs .page-header-v4 .page-header, :root .wp-device-s .page-header-v4 .page-header, :root .wp-device-m .page-header-v4 .page-header { margin-bottom: 0; border: 0; } :root .page-header-v2 .page-header .compare.wrapper { float: left; } :root .page-header-v2 .page-header .panel.header { width: 100%; margin: 0 auto; } :root .page-header-v4 .page-header .panel.header { padding-top: 5px; padding-bottom: 5px; } @media (min-width: 768px) { :root .page-header-v2 .page-header .panel.header { padding-bottom: 0; } } :root .wp-device-l .page-header-v2 .page-header .header.content, :root .wp-device-xl .page-header-v2 .page-header .header.content, :root .wp-device-l .page-header-v4 .page-header .header.content, :root .wp-device-xl .page-header-v4 .page-header .header.content { height: auto; padding: 21px 0; margin: 0 auto; } .page-header .compare.wrapper { font-size: 12px; color: #303030; } .page-header .compare.wrapper li > a { color: #303030; } .page-header #switcher-language .options ul.dropdown { right: -30px; border-radius: 10px; } .page-header #switcher-language .options ul.dropdown:before { left: auto; right: 30px; } .page-header #switcher-language .options ul.dropdown:after { left: auto; right: 30px; } :root .wp-device-xxs .page-header #switcher-store, :root .wp-device-xxs .page-header #switcher-currency, :root .wp-device-xxs .page-header #switcher-language, :root .wp-device-xs .page-header #switcher-store, :root .wp-device-xs .page-header #switcher-currency, :root .wp-device-xs .page-header #switcher-language, :root .wp-device-s .page-header #switcher-store, :root .wp-device-s .page-header #switcher-currency, :root .wp-device-s .page-header #switcher-language, :root .wp-device-m .page-header #switcher-store, :root .wp-device-m .page-header #switcher-currency, :root .wp-device-m .page-header #switcher-language { display: none; } .page-header #switcher-store .mage-dropdown-dialog .dropdown.switcher-dropdown, .page-header #switcher-currency .mage-dropdown-dialog .dropdown.switcher-dropdown, .page-header #switcher-language .mage-dropdown-dialog .dropdown.switcher-dropdown { right: 0; } .page-header #switcher-store .mage-dropdown-dialog .dropdown.switcher-dropdown:before, .page-header #switcher-currency .mage-dropdown-dialog .dropdown.switcher-dropdown:before, .page-header #switcher-language .mage-dropdown-dialog .dropdown.switcher-dropdown:before { left: auto; right: 10px; } .page-header #switcher-store .mage-dropdown-dialog .dropdown.switcher-dropdown:after, .page-header #switcher-currency .mage-dropdown-dialog .dropdown.switcher-dropdown:after, .page-header #switcher-language .mage-dropdown-dialog .dropdown.switcher-dropdown:after { left: auto; right: 9px; } :root .page-header-v2 .page-header #switcher-store .mage-dropdown-dialog .dropdown.switcher-dropdown, :root .page-header-v2 .page-header #switcher-currency .mage-dropdown-dialog .dropdown.switcher-dropdown, :root .page-header-v2 .page-header #switcher-language .mage-dropdown-dialog .dropdown.switcher-dropdown { padding: 0 5px; } .page-header #switcher-store-trigger, .page-header #switcher-currency-trigger, .page-header #switcher-language-trigger { margin-bottom: 0; } .page-header .logo { z-index: 10; } :root .wp-device-xxs .page-header-v2 .page-header .logo, :root .wp-device-xs .page-header-v2 .page-header .logo, :root .wp-device-s .page-header-v2 .page-header .logo, :root .wp-device-m .page-header-v2 .page-header .logo, :root .wp-device-xxs .page-header-v3 .page-header .logo, :root .wp-device-xs .page-header-v3 .page-header .logo, :root .wp-device-s .page-header-v3 .page-header .logo, :root .wp-device-m .page-header-v3 .page-header .logo { margin-left: 40px; } :root .wp-device-xxs .page-header-v3 .page-header .logo, :root .wp-device-xs .page-header-v3 .page-header .logo, :root .wp-device-s .page-header-v3 .page-header .logo { margin: 3px 30px 0 40px; } :root .wp-device-xxs .page-header-v2 .page-header .logo, :root .wp-device-xs .page-header-v2 .page-header .logo, :root .wp-device-s .page-header-v2 .page-header .logo, :root .wp-device-m .page-header-v2 .page-header .logo { margin: 0; } :root .wp-device-xxs.checkout-index-index .page-header-v1 .page-header .logo, :root .wp-device-xs.checkout-index-index .page-header-v1 .page-header .logo, :root .wp-device-s.checkout-index-index .page-header-v1 .page-header .logo, :root .wp-device-m.checkout-index-index .page-header-v1 .page-header .logo, :root .wp-device-xxs.checkout-index-index .page-header-v2 .page-header .logo, :root .wp-device-xs.checkout-index-index .page-header-v2 .page-header .logo, :root .wp-device-s.checkout-index-index .page-header-v2 .page-header .logo, :root .wp-device-m.checkout-index-index .page-header-v2 .page-header .logo, :root .wp-device-xxs.checkout-index-index .page-header-v3 .page-header .logo, :root .wp-device-xs.checkout-index-index .page-header-v3 .page-header .logo, :root .wp-device-s.checkout-index-index .page-header-v3 .page-header .logo, :root .wp-device-m.checkout-index-index .page-header-v3 .page-header .logo, :root .wp-device-xxs.checkout-index-index .page-header-v4 .page-header .logo, :root .wp-device-xs.checkout-index-index .page-header-v4 .page-header .logo, :root .wp-device-s.checkout-index-index .page-header-v4 .page-header .logo, :root .wp-device-m.checkout-index-index .page-header-v4 .page-header .logo { margin-left: 0; } :root .page-header-v1 .page-header .logo img, :root .page-header-v2 .page-header .logo img, :root .page-header-v3 .page-header .logo img, :root .page-header-v4 .page-header .logo img, :root .page-header-v1.sticky-header .page-header .logo img, :root .page-header-v2.sticky-header .page-header .logo img, :root .page-header-v3.sticky-header .page-header .logo img, :root .page-header-v4.sticky-header .page-header .logo img { width: auto; height: 34px; } :root .wp-device-l .page-header-v4 .page-header .logo img, :root .wp-device-xl .page-header-v4 .page-header .logo img { display: inline-block; } :root .page-header-v2 .page-header a.action.showcart { margin-top: 0px; } :root .wp-device-m .page-header-v2 .page-header a.action.showcart { margin-top: 0; } :root .wp-device-m .page-header-v4 .page-header a.action.showcart { margin-top: 2px; } :root .wp-device-xxs .page-header .header.links, :root .wp-device-xs .page-header .header.links, :root .wp-device-s .page-header .header.links, :root .wp-device-m .page-header .header.links { display: none; } :root .page-header-v2 .page-header .header.links { list-style: none; } :root .wp-device-l .page-header-v2 .page-header .header.links li, :root .wp-device-xl .page-header-v2 .page-header .header.links li { float: left; line-height: 1; margin: 0; padding: 0; } :root .wp-device-l .page-header-v2 .page-header .header.links .greet.welcome, :root .wp-device-xl .page-header-v2 .page-header .header.links .greet.welcome { display: none; } :root .wp-device-l .page-header-v4 .page-header .header.links .greet.welcome, :root .wp-device-xl .page-header-v4 .page-header .header.links .greet.welcome { float: left; margin-left: 0; margin-right: 0; } :root .page-header-v2 .page-header .header.links > li { display: none; } :root .page-header-v2 .page-header .header.links > li.authorization-link:after { display: none; } :root .page-header-v2 .page-header .header.links > li.authorization-link a:not([data-post]) { font-size: 0; } :root .page-header-v2 .page-header .header.links > li.authorization-link a:not([data-post]):before { content: "\e66c"; font-family: inherit; font-size: inherit; color: inherit; } .page-header .header.links > li.authorization-link:after { font-size: 12px; } :root .page-header-v2 .page-header .header.links > li.customer-welcome { display: block !important; } :root .page-header-v2 .page-header .header.links > li.customer-welcome:after { display: none; } :root .page-header-v2 .page-header .header.links > .customer-welcome .customer-name:before { content: "\e66c"; font-family: inherit; font-size: inherit; color: inherit; font-size: 16px; } .page-header .header.links > .customer-welcome .customer-menu .header.links { position: absolute; } :root .page-header-v2 .page-header .header.links > .customer-welcome .customer-menu .header.links { right: -7px; margin-top: 5px; padding: 10px; } :root .page-header-v2 .page-header .header.links > .customer-welcome .customer-menu .header.links li { display: block; float: none; } :root .page-header-v2 .page-header .header.links > .customer-welcome .customer-menu .header.links li a { width: auto; height: auto; font-size: 12px; padding: 8px; display: block; text-align: left; } :root .page-header-v2 .page-header .header.links > .customer-welcome .customer-menu .header.links li a:before { content: ''; font-size: 12px !important; } .page-header .header.links * { font-size: 12px; } .page-header .minicart-wrapper { line-height: 1; margin-top: 0; } .page-header .minicart-wrapper .action.showcart, .page-header .minicart-wrapper .action.showcart.active { margin: 0; padding: 0; } .page-header .minicart-wrapper .action.showcart:before, .page-header .minicart-wrapper .action.showcart.active:before { content: "\e72f"; font-family: inherit; display: inline-block; font-family: 'font-icons'; font-size: 16px; color: inherit; line-height: 30px; } .page-header .minicart-wrapper .action.showcart .counter.qty, .page-header .minicart-wrapper .action.showcart.active .counter.qty { min-width: 20px; } .page-header .minicart-wrapper * { text-transform: none; } .page-header .block-search { width: auto; height: auto; } :root .wp-device-xxs .page-header-v2 .page-header .block-search.minisearch-v2, :root .wp-device-xs .page-header-v2 .page-header .block-search.minisearch-v2, :root .wp-device-s .page-header-v2 .page-header .block-search.minisearch-v2, :root .wp-device-m .page-header-v2 .page-header .block-search.minisearch-v2 { position: relative; right: 10px; top: 0; } .page-header .block-search .control { z-index: 99; } .page-header .block-search .control input { box-sizing: border-box; } .page-header .block-search .control input:focus { box-shadow: 0 0 3px 1px lightgrey; border-color: transparent; } :root .page-header-v2 .page-header .block-search .control input:focus, :root .page-header-v1 .page-header .block-search .control input:focus, :root .page-header-v3 .page-header .block-search .control input:focus, :root .page-header-v4 .page-header .block-search .control input:focus { box-shadow: none; } :root .wp-device-xxs .page-header-v1 .page-header .block-search label, :root .wp-device-xs .page-header-v1 .page-header .block-search label, :root .wp-device-s .page-header-v1 .page-header .block-search label, :root .wp-device-m .page-header-v1 .page-header .block-search label, :root .wp-device-xxs .page-header-v2 .page-header .block-search label, :root .wp-device-xs .page-header-v2 .page-header .block-search label, :root .wp-device-s .page-header-v2 .page-header .block-search label, :root .wp-device-m .page-header-v2 .page-header .block-search label, :root .wp-device-xxs .page-header-v4 .page-header .block-search label, :root .wp-device-xs .page-header-v4 .page-header .block-search label, :root .wp-device-s .page-header-v4 .page-header .block-search label, :root .wp-device-m .page-header-v4 .page-header .block-search label { cursor: pointer; } :root .wp-device-xxs .page-header-v1 .page-header .block-search label.active + .control, :root .wp-device-xs .page-header-v1 .page-header .block-search label.active + .control, :root .wp-device-s .page-header-v1 .page-header .block-search label.active + .control, :root .wp-device-m .page-header-v1 .page-header .block-search label.active + .control, :root .wp-device-xxs .page-header-v2 .page-header .block-search label.active + .control, :root .wp-device-xs .page-header-v2 .page-header .block-search label.active + .control, :root .wp-device-s .page-header-v2 .page-header .block-search label.active + .control, :root .wp-device-m .page-header-v2 .page-header .block-search label.active + .control, :root .wp-device-xxs .page-header-v4 .page-header .block-search label.active + .control, :root .wp-device-xs .page-header-v4 .page-header .block-search label.active + .control, :root .wp-device-s .page-header-v4 .page-header .block-search label.active + .control, :root .wp-device-m .page-header-v4 .page-header .block-search label.active + .control { height: auto; overflow: visible; position: relative; top: 0px; left: 0; float: left; width: 100%; background-color: #fff; padding: 0px; margin: 0; } :root .wp-device-xxs .page-header-v1 .page-header .block-search label.active + .control input, :root .wp-device-xs .page-header-v1 .page-header .block-search label.active + .control input, :root .wp-device-s .page-header-v1 .page-header .block-search label.active + .control input, :root .wp-device-m .page-header-v1 .page-header .block-search label.active + .control input, :root .wp-device-xxs .page-header-v2 .page-header .block-search label.active + .control input, :root .wp-device-xs .page-header-v2 .page-header .block-search label.active + .control input, :root .wp-device-s .page-header-v2 .page-header .block-search label.active + .control input, :root .wp-device-m .page-header-v2 .page-header .block-search label.active + .control input, :root .wp-device-xxs .page-header-v4 .page-header .block-search label.active + .control input, :root .wp-device-xs .page-header-v4 .page-header .block-search label.active + .control input, :root .wp-device-s .page-header-v4 .page-header .block-search label.active + .control input, :root .wp-device-m .page-header-v4 .page-header .block-search label.active + .control input { float: left; width: 100%; position: static; margin: 0; } :root .wp-device-xxs .page-header-v1 .page-header .block-search label:before, :root .wp-device-xs .page-header-v1 .page-header .block-search label:before, :root .wp-device-s .page-header-v1 .page-header .block-search label:before, :root .wp-device-m .page-header-v1 .page-header .block-search label:before, :root .wp-device-xxs .page-header-v2 .page-header .block-search label:before, :root .wp-device-xs .page-header-v2 .page-header .block-search label:before, :root .wp-device-s .page-header-v2 .page-header .block-search label:before, :root .wp-device-m .page-header-v2 .page-header .block-search label:before, :root .wp-device-xxs .page-header-v4 .page-header .block-search label:before, :root .wp-device-xs .page-header-v4 .page-header .block-search label:before, :root .wp-device-s .page-header-v4 .page-header .block-search label:before, :root .wp-device-m .page-header-v4 .page-header .block-search label:before { font-size: 20px; line-height: 25px; color: inherit; } :root .wp-device-xxs .page-header-v1 .page-header .block-search label x:-moz-any-link, :root .wp-device-xs .page-header-v1 .page-header .block-search label x:-moz-any-link, :root .wp-device-s .page-header-v1 .page-header .block-search label x:-moz-any-link, :root .wp-device-m .page-header-v1 .page-header .block-search label x:-moz-any-link, :root .wp-device-xxs .page-header-v2 .page-header .block-search label x:-moz-any-link, :root .wp-device-xs .page-header-v2 .page-header .block-search label x:-moz-any-link, :root .wp-device-s .page-header-v2 .page-header .block-search label x:-moz-any-link, :root .wp-device-m .page-header-v2 .page-header .block-search label x:-moz-any-link, :root .wp-device-xxs .page-header-v4 .page-header .block-search label x:-moz-any-link, :root .wp-device-xs .page-header-v4 .page-header .block-search label x:-moz-any-link, :root .wp-device-s .page-header-v4 .page-header .block-search label x:-moz-any-link, :root .wp-device-m .page-header-v4 .page-header .block-search label x:-moz-any-link, :root .wp-device-xxs .page-header-v1 .page-header .block-search label x:default, :root .wp-device-xs .page-header-v1 .page-header .block-search label x:default, :root .wp-device-s .page-header-v1 .page-header .block-search label x:default, :root .wp-device-m .page-header-v1 .page-header .block-search label x:default, :root .wp-device-xxs .page-header-v2 .page-header .block-search label x:default, :root .wp-device-xs .page-header-v2 .page-header .block-search label x:default, :root .wp-device-s .page-header-v2 .page-header .block-search label x:default, :root .wp-device-m .page-header-v2 .page-header .block-search label x:default, :root .wp-device-xxs .page-header-v4 .page-header .block-search label x:default, :root .wp-device-xs .page-header-v4 .page-header .block-search label x:default, :root .wp-device-s .page-header-v4 .page-header .block-search label x:default, :root .wp-device-m .page-header-v4 .page-header .block-search label x:default, :root .wp-device-xxs .page-header-v1 .page-header .block-search label:before, :root .wp-device-xs .page-header-v1 .page-header .block-search label:before, :root .wp-device-s .page-header-v1 .page-header .block-search label:before, :root .wp-device-m .page-header-v1 .page-header .block-search label:before, :root .wp-device-xxs .page-header-v2 .page-header .block-search label:before, :root .wp-device-xs .page-header-v2 .page-header .block-search label:before, :root .wp-device-s .page-header-v2 .page-header .block-search label:before, :root .wp-device-m .page-header-v2 .page-header .block-search label:before, :root .wp-device-xxs .page-header-v4 .page-header .block-search label:before, :root .wp-device-xs .page-header-v4 .page-header .block-search label:before, :root .wp-device-s .page-header-v4 .page-header .block-search label:before, :root .wp-device-m .page-header-v4 .page-header .block-search label:before { margin-top: 4px; } :root .wp-device-xxs .page-header-v2 .page-header .block-search label.active + .control, :root .wp-device-xs .page-header-v2 .page-header .block-search label.active + .control, :root .wp-device-s .page-header-v2 .page-header .block-search label.active + .control, :root .wp-device-m .page-header-v2 .page-header .block-search label.active + .control, :root .wp-device-xxs .page-header-v3 .page-header .block-search label.active + .control, :root .wp-device-xs .page-header-v3 .page-header .block-search label.active + .control, :root .wp-device-s .page-header-v3 .page-header .block-search label.active + .control, :root .wp-device-m .page-header-v3 .page-header .block-search label.active + .control, :root .wp-device-xxs .page-header-v4 .page-header .block-search label.active + .control, :root .wp-device-xs .page-header-v4 .page-header .block-search label.active + .control, :root .wp-device-s .page-header-v4 .page-header .block-search label.active + .control, :root .wp-device-m .page-header-v4 .page-header .block-search label.active + .control { border: none; } :root .wp-device-xxs .page-header-v4 .page-header .block-search label:before, :root .wp-device-xs .page-header-v4 .page-header .block-search label:before, :root .wp-device-s .page-header-v4 .page-header .block-search label:before, :root .wp-device-m .page-header-v4 .page-header .block-search label:before { margin-top: 0; } .page-header .block-search .actions button { z-index: 99; } :root .page-header-v2 .page-header .block-search .actions button, :root .page-header-v3 .page-header .block-search .actions button, :root .page-header-v4 .page-header .block-search .actions button { right: 10px; left: auto; } :root .page-header-v2 .page-header .block-search .actions button:before, :root .page-header-v3 .page-header .block-search .actions button:before, :root .page-header-v4 .page-header .block-search .actions button:before { font-size: 20px; } :root .theme-pearl.page-print .page-wrapper .mobile-logo { display: none; } :root .theme-pearl.checkout-index-index .page-header .panel.header { height: 0; padding: 0; } :root .theme-pearl.checkout-index-index .page-header .header.links, :root .theme-pearl.checkout-index-index .page-header .switcher-language { display: none; } :root .theme-pearl.checkout-index-index .page-header.sticky-header .header.content { min-height: 55px; padding: 10px 0; } :root .theme-pearl.checkout-index-index .page-header.sticky-header .header.content .logo { display: block; position: relative; margin: 0 auto; } :root .theme-pearl.checkout-index-index .page-header.sticky-header .header.content .logo img { margin: 0 auto; } :root .theme-pearl.checkout-index-index .page-header.sticky-header.page-header-v4 { -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.05); -o-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.05); } :root .theme-pearl.checkout-index-index .page-header.sticky-header.page-header-v4 .page-header { height: auto; } :root .theme-pearl.checkout-index-index .page-header.sticky-header.page-header-v4 .page-header .panel.wrapper, :root .theme-pearl.checkout-index-index .page-header.sticky-header.page-header-v4 .page-header .panel.header { padding: 0; height: 0; } :root .theme-pearl.checkout-index-index .page-header.sticky-header.page-header-v4 .page-header .header.content { top: 0; padding-bottom: 15px !important; } :root .theme-pearl.checkout-index-index .header.content .minicart-wrapper { display: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:before { content: "\e72f"; font-family: 'font-icons'; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart .counter.qty span { display: block; line-height: 22px; font-size: 14px; padding: 0 3px; } :root .page-header-v2 .panel.wrapper { display: none; } body.checkout-index-index .header.content { text-align: center; } body.checkout-index-index .header.content .logo { float: none; display: inline-block; margin-right: auto; margin-left: auto; } body.checkout-index-index .authentication-wrapper { margin-top: 0px; } body.checkout-index-index .authentication-wrapper button { background: none; border: none; font-size: inherit; } body.checkout-index-index .authentication-wrapper button:hover { background: none; border: none; color: #000; font-size: inherit; } body.checkout-index-index .authentication-wrapper button span { color: #000; font-size: inherit; } body.checkout-index-index .authentication-wrapper .actions-toolbar button span { font-size: initial; vertical-align: top; } ._has-auth-shown .authentication-wrapper { z-index: 9; } :root .page-header-v3 .nav-sections, :root .page-header-v4 .nav-sections { float: left; } .nav-sections.nav-sections-2 nav > ul { padding: 0; } :root .wp-device-xxs .nav-sections .nav-sections-items .section-item-content .header.links, :root .wp-device-xs .nav-sections .nav-sections-items .section-item-content .header.links, :root .wp-device-s .nav-sections .nav-sections-items .section-item-content .header.links, :root .wp-device-m .nav-sections .nav-sections-items .section-item-content .header.links { display: block; border-bottom: none; } :root .wp-device-xxs .nav-sections .nav-sections-items .section-item-content .header.links .customer-welcome, :root .wp-device-xs .nav-sections .nav-sections-items .section-item-content .header.links .customer-welcome, :root .wp-device-s .nav-sections .nav-sections-items .section-item-content .header.links .customer-welcome, :root .wp-device-m .nav-sections .nav-sections-items .section-item-content .header.links .customer-welcome { border-bottom: none; } .page-wrapper .page-header-v1 + .nav-sections, .page-wrapper .page-header-v2 + .nav-sections, .page-wrapper .page-header-v4 + .nav-sections { padding-bottom: 0; } .page-wrapper .sections.nav-sections-4 { text-align: center; } .navigation { width: 100%; margin: 0 auto; } .navigation > ul { padding: 0 !important; } :root .wp-device-l .nav-sections-4 .navigation > ul, :root .wp-device-xl .nav-sections-4 .navigation > ul { text-align: center; } :root .wp-device-l .nav-sections-4 .navigation > ul > li, :root .wp-device-xl .nav-sections-4 .navigation > ul > li { float: none; display: inline-block; } :root .wp-device-l .nav-sections-4 .navigation > ul > li > ul li a, :root .wp-device-xl .nav-sections-4 .navigation > ul > li > ul li a { text-align: left; } .navigation > ul > li > ul li a { text-transform: uppercase; } .navigation > ul > li > ul li a span { text-transform: uppercase; } .navigation ul { padding: 0; } @media (min-width: 768px) { .navigation ul li.level0.first > a { padding-left: 0; } } .page-wrapper .top-container { width: 100%; max-width: 100%; padding: 0; margin: 0; } .maincontent { margin-top: 15px; } .page-header-v4 .page-header .header_right, .page-header-v2 .page-header .header_right { padding-right: 0px !important; } .page-header-v4 .block-search .control input, .page-header-v2 .block-search .control input { padding: 0 10px !important; } /* Sticky header */ .page-header-v1 , .page-header-v2 , .page-header-v4 , .header.content .block-search , .header.content .header.links { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } /* All header version */ .page-header.sticky-header { position: fixed; width: 100%; -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.05); -o-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.05); top: 0; } .page-header.sticky-header .panel.wrapper { border: 0 none; } .page-header.sticky-header .header.content { padding-top: 20px; padding-bottom: 5px; } .page-header.sticky-header .header.content .logo { margin-top: -5px; margin-bottom: 0; height: auto; } .page-header.sticky-header .switcher-currency, .page-header.sticky-header .compare.wrapper, .page-header.sticky-header .switcher-language { display: none !important; } .page-header.sticky-header .nav-sections.too-wide { clear: both; left: 0 !important; margin-top: 5px !important; margin-left: 0 !important; } .page-header.sticky-header .nav-sections.too-wide .navigation { padding-left: 0 !important; padding-right: 0 !important; } .page-header.sticky-header .nav-sections.too-wide .navigation .megamenu.level-top-fullwidth .fullwidth { left: 0 !important; } .page-header.sticky-header .header-global-promo { opacity: 0; } .page-header.sticky-header .header-global-promo .global-notification-wrapper { position: absolute; } .page-header.sticky-header:not(.page-header-v4) .logo { position: absolute; top: 48%; } /* Custom styles for particular headers */ .page-header.sticky-header-mobile { position: fixed; top: 0; width: 100%; } .page-header.sticky-header-mobile .panel.wrapper { border-bottom: 0 none; } .header-global-promo #carousel { position: relative; } .header-global-promo #carousel.no-carousel #slides ul { left: 0px !important; } .header-global-promo .wpx-check { display: flex; align-items: center; } .header-global-promo .wpx-i { font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 20px; } .header-global-promo .wpx-static-content { display: flex; justify-content: space-between; } .header-global-promo .btn-bar { width: 100%; } .header-global-promo .btn-bar #buttons a { text-align: right; display: inline-block; position: absolute; z-index: 999; text-decoration: none; line-height: 20px; font-size: 30px; top: 50%; transform: translate(-50%, -50%); } .header-global-promo .btn-bar.no-arrows { display: none; } .header-global-promo #slides { margin: 0 auto; overflow: hidden; } .header-global-promo #slides ul { list-style: none; width: 100%; margin: 0; padding: 0; position: relative; float: left; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header-global-promo #slides ul li { width: 100%; float: left; position: relative; margin: 0; display: flex; justify-content: center; flex-direction: column; text-align: center; vertical-align: middle; } .header-global-promo #slides ul li .quoteContainer .wpx-i { font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 20px; } .header-global-promo #slides ul li .quoteContainer .wpx-sub { font-weight: bold; } .header-global-promo #slides ul li .quoteContainer .wpx-link { font-size: 12px; text-decoration: underline; } .header-global-promo #slides ul li .quoteContainer .wpx-link:first-child { margin-right: 10px; } .header-global-promo #slides ul li .quoteContainer .wpx-link.wpx-mg { margin-left: 10px; margin-right: 10px; } .header-global-promo #slides ul li .quoteContainer .quote-phrase { font-size: 12px; margin-bottom: 0px; display: inline-block; margin-left: 10px; margin-right: 10px; } .hidescroll { overflow-y: hidden; } /* SEARCH VERSION */ .minisearch-v2 { float: right; } .page-header-v1 .open-modal-search:before, .page-header-v2 .open-modal-search:before, .page-header-v3 .open-modal-search:before, .page-header-v4 .open-modal-search:before { content: '\e615'; font-family: 'luma-icons'; } .wrap .modal { display: flex; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; pointer-events: none; background-color: rgba(255, 255, 255, 0.9); z-index: 99999; padding: 0 8px; } .wrap .modal:target { opacity: 1; pointer-events: auto; } .wrap .modal.isOpen { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all 500ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0ms; } .wrap .modal.isOpen .modal-content { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 500ms; } .wrap .modal .close-sec { position: absolute; right: 10px; top: 10px; } .wrap .modal .close-sec a { font-size: 30px; cursor: pointer; } .wrap .modal .form.minisearch .searchautocomplete { min-width: 100% !important; position: absolute !important; right: auto !important; margin-top: 3px; } .wrap .modal .form.minisearch .searchautocomplete.vertically { top: 66px; } .wrap .modal .form.minisearch .searchautocomplete.vertically .product-list { margin: 0px; } .wrap .modal .form.minisearch .searchautocomplete.vertically .product-list li { display: block; } .wrap .modal .form.minisearch .searchautocomplete.vertically .product-list li .block-left { margin-right: 30px; } .wrap .modal .form.minisearch .searchautocomplete.vertically .product-list li .block-left, .wrap .modal .form.minisearch .searchautocomplete.vertically .product-list li .block-right { display: inline-block; vertical-align: middle; } .wrap .modal .form.minisearch .searchautocomplete.vertically .product-list li .block-right .price { margin-bottom: 0px; } .wrap .modal .form.minisearch .searchautocomplete.vertically .product-list li:last-child { border-bottom: none !important; } .wrap .modal .form.minisearch .searchautocomplete.horizontally .product-list { display: flex; flex-wrap: wrap; align-content: center; justify-content: space-evenly; } .wrap .modal .form.minisearch .searchautocomplete.horizontally .product-list li { display: inline-block; } .wrap .modal .form.minisearch .searchautocomplete.horizontally .product-list li .block-left { text-align: center; } .wrap .modal .form.minisearch .searchautocomplete.horizontally .product-list li .block-right { text-align: center; } .wrap .modal .form.minisearch .searchautocomplete .product-list { display: table; width: 100%; } .wrap .modal .form.minisearch .searchautocomplete .product-list li { margin-bottom: 0px; padding-bottom: 0px; } .wrap .modal .form.minisearch .searchautocomplete .product-list .block-flex { display: block; } .wrap .modal .wpx-pos-search { display: inline-block; vertical-align: bottom; width: 100%; } .wrap .modal .wpx-pos-search .control { position: relative; } .wrap .modal .wpx-pos-search .control .wpx-pos-search { position: absolute; top: 0px; right: 0px; } .wrap .modal .wpx-pos-search input { width: 100% !important; height: 66px !important; border: 3px solid !important; padding-left: 20px !important; } .wrap .modal .wpx-pos-search label { display: none; } .wrap .modal .wpx-pos-search a.closebutton { text-decoration: none; font-size: 75px; margin-left: 50px; position: relative; top: 11px; line-height: 26px; } .wrap .modal .wpx-pos-search a.closebutton:hover { color: black; } .wrap .modal .wpx-pos-search .action.search { padding: 12px 22px; border: none !important; margin-top: 5px; margin-right: 4px; right: 0px !important; } .wrap .modal .closeoverlay { top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; display: block; z-index: 2; position: fixed; cursor: pointer; } .wrap .modal .modal-content { width: 80%; margin: 80px auto 0 auto; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all 500ms; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .wrap .modal .block.block-search.wpx-block-search { position: static !important; width: 100%; padding-left: 0px; margin-left: 0px; } .search-visible-md { display: block; } .search-visible-md .open-modal-search { font-size: 15px; } :root .theme-pearl.multishipping-checkout-addresses .page-wrapper .page-header .nav-toggle, :root .theme-pearl.multishipping-checkout-shipping .page-wrapper .page-header .nav-toggle, :root .theme-pearl.multishipping-checkout-billing .page-wrapper .page-header .nav-toggle, :root .theme-pearl.multishipping-checkout_address-newshipping .page-wrapper .page-header .nav-toggle, :root .theme-pearl.multishipping-checkout-overview .page-wrapper .page-header .nav-toggle, :root .theme-pearl.multishipping-checkout_address-editbilling .page-wrapper .page-header .nav-toggle, :root .theme-pearl.multishipping-checkout_address-selectbilling .page-wrapper .page-header .nav-toggle, :root .theme-pearl.multishipping-checkout_address-editshipping .page-wrapper .page-header .nav-toggle { display: none; } :root .theme-pearl.multishipping-checkout-addresses .page-title, :root .theme-pearl.multishipping-checkout-shipping .page-title, :root .theme-pearl.multishipping-checkout-billing .page-title, :root .theme-pearl.multishipping-checkout_address-newshipping .page-title, :root .theme-pearl.multishipping-checkout-overview .page-title, :root .theme-pearl.multishipping-checkout_address-editbilling .page-title, :root .theme-pearl.multishipping-checkout_address-selectbilling .page-title, :root .theme-pearl.multishipping-checkout_address-editshipping .page-title { margin-top: 15px; } :root .theme-pearl .page-wrapper .page-header .mobile-logo, :root .theme-pearl .page-wrapper .page-header .mobile-checkout-logo { display: none; } :root .theme-pearl .page-wrapper .page-header .unset-logo { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .wrap .modal .modal-content { margin-top: 80px !important; margin-left: 0 !important; } .horizontally-control #search::-ms-clear { display: none; } .wrap .modal { position: absolute !important; } .header .quickcart-wrapper .block-quickcart { position: absolute !important; visibility: hidden; } .header .quickcart-wrapper .block-quickcart.quickCartIE { position: fixed !important; visibility: visible; } .wrap .modal.isOpenIE { position: fixed !important; } .header .quickcart-wrapper .block-quickcart { position: absolute !important; } } .blog:before, .blog:after { content: ' '; display: table; } .blog:after { clear: both; } .blog-post-view .blog { margin-top: 10px; } .page-layout-blog .breadcrumbs .item { max-width: 25%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .blog-sidebar { float: left; margin-right: 7%; width: 24%; } .blog-main { float: left; max-width: 700px; width: 69%; } .blog-sidebar-block { margin-bottom: 40px; } .blog-sidebar-block:last-child { margin-bottom: 0; } .blog-sidebar-block-title { margin: 0 0 20px; } .block-recent-posts { list-style: none; margin: 0; padding: 0; } .block-recent-posts-item { margin-bottom: 20px; } .block-recent-posts-item:last-child { margin-bottom: 0; } .blog-tags-plain { margin-bottom: -6px; margin-left: -6px; } .blog-tags-plain .blog-tags-tag { background: #d1d1d1; border-radius: 4px; box-sizing: border-box; color: #666666; display: inline-block; height: 24px; line-height: 24px; margin-bottom: 6px; margin-left: 6px; max-width: 95%; overflow: hidden; padding: 0 14px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .blog-tags-plain .blog-tags-tag:hover { background: #bbbbbb; color: #494949; } .blog-tags-cloud { margin-right: -6px; } .blog-tags-cloud .blog-tags-tag { color: #555555; margin-right: 6px; padding: 2px 0; word-break: break-word; } .blog-posts-post { margin-bottom: 50px; } .blog-posts .blog-posts-post { width: 30%; margin-right: 3%; display: inline-block; float: left; } .blog-posts .blog-posts-post:nth-child(1) { display: block; width: 100%; margin-right: 0; } .blog-posts .blog-posts-post:nth-child(1) .blog-post-title, .blog-posts .blog-posts-post:nth-child(1) .blog-post-info, .blog-posts .blog-posts-post:nth-child(1) .blog-post-read-more-wrapper, .blog-posts .blog-posts-post:nth-child(1) .blog-post-author { display: block; } .blog-posts .blog-posts-post:nth-child(1) .blog-content-title, .blog-posts .blog-posts-post:nth-child(1) .date-post { display: none; } .blog-posts .blog-posts-post:nth-child(1) .blog-post-content p { display: block; max-height: unset !important; } .blog-posts .blog-posts-post:nth-child(1) .blog-post-content img { max-height: unset !important; } .blog-posts .blog-posts-post:nth-child(3n+5) { clear: both; } .blog-posts .blog-posts-post .blog-post-content p { display: none; } .blog-posts .blog-posts-post .blog-post-content p:nth-child(1) { max-height: 200px; display: block; } .blog-posts .blog-posts-post .blog-post-content p:nth-child(2) { max-height: 42px; overflow: hidden; display: block; min-height: 42px; } .blog-posts .blog-posts-post .blog-post-content img { max-height: 200px; display: block; margin: 0 auto 7px; } .blog-posts .blog-posts-post .blog-post-title, .blog-posts .blog-posts-post .blog-post-info, .blog-posts .blog-posts-post .blog-post-read-more-wrapper, .blog-posts .blog-posts-post .blog-post-author { display: none; } .blog-posts .blog-posts-post .blog-content-title { display: block; font-weight: 700; text-transform: uppercase; } .blog-posts .blog-posts-post .date-post { display: block; text-align: right; } .blog-pagination { margin-right: -6px; text-align: right; } .blog-pagination-item { margin-left: 2px; padding: 6px; } .blog-pagination-page:not(.blog-pagination-page-current) { color: inherit; } .blog-pagination-page-current { text-decoration: underline; } .blog-pagination-page-current:active { color: #1979c3; } .blog-post-title { font-weight: 400; margin-top: 0; margin-bottom: 15px; font-size: 30px; } .blog-post-title:link, .blog-post-title:visited { color: inherit; } .blog-post-info { color: #666666; list-style: none; margin: 0 0 15px; padding: 0; } .blog-post-info-item { display: inline-block; margin: 0 0 5px 0; padding: 0; vertical-align: middle; } .blog-post-info-item:not(:last-child) { border-right: 1px solid; margin-right: 10px; padding-right: 10px; } .blog-post-info-comments:link, .blog-post-info-comments:visited { color: inherit; } .blog-post-info-comments-icon { background: currentColor; border-radius: 2px; display: inline-block; height: 11px; margin-right: 6px; position: relative; width: 16px; } .blog-post-info-comments-icon:before { border: 3px solid transparent; border-top-color: currentColor; border-right-color: currentColor; content: ''; display: block; height: 0; left: 0; position: absolute; top: 8px; width: 0; } .blog-post-content { margin-bottom: 20px; } .blog-post-full .blog-post-content { margin-bottom: 30px; } .blog-post-full .blog-post-author { margin-bottom: 50px; } .blog-post-read-more-wrapper { margin-bottom: 20px; } .blog-post-author { background: #efefef; border-bottom: 1px solid #d1d1d1; padding: 14px; } .blog-post-tags { margin-bottom: 30px; } .blog-post-share { margin-bottom: 30px; } .blog-post-share-title { display: inline-block; margin: 0; padding: 0; vertical-align: middle; } .blog-post-share-content { display: inline-block; margin-left: 10px; vertical-align: middle; } .blog-post-share-content .container { background: #f0f0f0; display: inline-block; height: 32px; line-height: 32px; padding: 0 14px; } .blog-post-related-posts { margin-bottom: 50px; } .blog-post-related-posts-title { margin: 0 0 20px; } .blog-post-related-posts-list { list-style: none; margin: 0; padding: 0; } .blog-post-related-posts-item { margin-bottom: 1.5rem; } .blog-post-related-posts-item:last-child { margin-bottom: 0; } #aw_blog_product_post_list ul { margin-bottom: 0; } #layered-filter-block .button-list { display: inline-block; margin-top: 20px; width: 100%; } #layered-filter-block .button-list .action.primary { margin-top: 5px; width: 46%; } #layered-filter-block .button-list .show-button { margin-right: 15px; } .filter-options .filter-options-title, .filter-options .filter-options-content { margin: 0 !important; } .filter-options-item { border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .filter-options-item .filter-options-title { cursor: pointer; display: block; font-weight: 600; margin: 0; overflow: hidden; padding: 10px 0 0 10px; position: relative; text-decoration: none; text-transform: uppercase; word-break: break-all; z-index: 1; } .filter-options-item .filter-options-title .arrow { background: url(../../frontend/Kemana/default/id_ID/Aheadworks_Layerednav/images/down.png) 100% 5px no-repeat; float: right; height: 22px; margin-left: 10px; width: 22px; } .filter-options-item .filter-options-title:hover .arrow { background: url(../../frontend/Kemana/default/id_ID/Aheadworks_Layerednav/images/down-hover.png) 100% 5px no-repeat; } .filter-options-item .filter-options-title:after { content: '' !important; } .filter-options-item.active .filter-options-title .arrow { background: url(../../frontend/Kemana/default/id_ID/Aheadworks_Layerednav/images/up.png) 100% 5px no-repeat; float: right; height: 22px; margin-left: 10px; width: 22px; } .filter-options-item.active .filter-options-title:hover .arrow { background: url(../../frontend/Kemana/default/id_ID/Aheadworks_Layerednav/images/up-hover.png) 100% 5px no-repeat; } .filter-options-item.active .filter-options-content { display: block; } .filter-options-item .filter-options-content { display: none; margin: 0; padding: 10px; } .filter-options-item .filter-options-content .item { line-height: 1.5em; margin: 10px 0; } .filter-options-item .filter-options-content .item input[type=checkbox]:checked + label { font-weight: bold; } .filter-options-item .filter-options-content .items { max-height: 300px; overflow: auto; } .filter.active .filter-options-item:last-child { margin-bottom: 40px; } .page-layout-1column .filter-options-item { border: 0; display: inline-block; margin-right: 25px; } .page-layout-1column .filter-options-item.active { position: relative; z-index: 2; } .page-layout-1column .filter-options-item.active:after, .page-layout-1column .filter-options-item.active:before { border: 8px solid transparent; border-bottom-color: #000; bottom: -1px; content: ''; display: block; height: 0; left: 50%; margin-left: -20px; position: absolute; width: 0; z-index: 3; } .page-layout-1column .filter-options-item.active:after { border-bottom-color: #fff; margin-top: 2px; z-index: 4; } .page-layout-1column .filter-options-item:hover { z-index: 3; } .page-layout-1column .filter-options-item .filter-options-title { padding: 0 20px 0 0; } .page-layout-1column .filter-options-item:after { right: 2px; top: 3px; z-index: 3; } .page-layout-1column .filter-options-item .filter-options-content { background: #fff; border: 1px solid #cccccc; box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); padding: 5px 0; position: absolute; top: 100%; width: 180px; z-index: 2; -moz-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); } .page-layout-1column .filter-options-item .filter-options-content .item { margin: 0; padding: 5px; } .page-layout-1column .filter-options-item .filter-options-content .item:hover { background-color: #e8e8e8; } .action.primary.clear-button { background: #f2f2f2; border-color: #d1d1d1; color: #858585; } .action.primary.clear-button:hover { border: 1px solid #999999; color: #333333; } .active > .filter-options-title:after { content: '' !important; } .swatch-option:not(.disabled).active { border: 1px solid #ffffff; color: #333333; outline: 1px solid #999999; } .swatch-option.image:not(.disabled).active, .swatch-option.color:not(.disabled).active { border: 1px solid #ffffff; outline: 2px solid #ff5501; } .swatch-attribute-options { margin: 10px !important; } .aw-layered-nav-priceslider #price_from, .aw-layered-nav-priceslider #price_to { display: inline-block; width: 25%; } .aw-layered-nav-priceslider #slider-range { width: 96%; margin-left: 2%; margin-bottom: 15px; } .aw-layered-nav-priceslider .ui-slider-handle { background: #c1c1c1; border: 1px solid #999999; border-radius: 2px; height: 16px; margin-left: -8px; margin-right: 0; padding: 0; top: -4px; width: 16px; } .aw-layered-nav-priceslider .ui-slider-handle:hover { background: #a3a3a3; } .aw-layered-nav-priceslider .ui-slider-range { background: #1979c3; position: absolute; height: 100%; } .aw-layered-nav-priceslider .price-inputs-wrapper .field { margin-top: 10px; } .aw-layered-nav-priceslider .price-inputs-wrapper label { width: 40%; display: inline-block; } .aw-layered-nav-priceslider .price-inputs-wrapper input { width: 25%; display: inline-block; } .aw-layered-nav-priceslider .price-filter-button { margin-top: 15px; } .aw-layered-nav-priceslider .price-filter-info { margin-bottom: 15px; } .aw-layered-nav-popover { background: #fafafa; border: 2px solid #1979c3; border-radius: 3px; box-sizing: border-box; display: none; height: 44px; padding: 4px; position: absolute; width: 190px; z-index: 10; } .aw-layered-nav-popover:before, .aw-layered-nav-popover:after { border: solid transparent; content: ''; display: block; height: 0; position: absolute; top: 50%; width: 0; } .aw-layered-nav-popover:before { border-width: 22px; margin-top: -22px; } .aw-layered-nav-popover:after { border-width: 20px; margin-top: -20px; } .aw-layered-nav-popover__content { align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; -ms-flex-align: center; -ms-flex-pack: justify; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; } .aw-layered-nav-popover--loading .aw-layered-nav-popover__items { display: none; } .aw-layered-nav-popover--loading .aw-layered-nav-popover__loader { display: block; } .aw-layered-nav-popover__loader { animation: aw-layered-nav-rotate 0.75s 0s linear infinite; animation-fill-mode: both; background: transparent !important; border: 2px solid #1979c3; border-bottom-color: transparent; border-radius: 50%; display: none; height: 18px; width: 18px; -webkit-animation: aw-layered-nav-rotate 0.75s 0s linear infinite; -webkit-animation-fill-mode: both; } .page-layout-1column .aw-layered-nav-popover { margin-bottom: 5px; position: static; } .page-layout-3columns .aw-layered-nav-popover, .page-layout-2columns-left .aw-layered-nav-popover { left: 100%; margin-left: 8px; padding-left: 0; } .page-layout-2columns-right .aw-layered-nav-popover { margin-right: 8px; padding-right: 0; right: 100%; } .page-layout-2columns-left .aw-layered-nav-popover:before, .page-layout-2columns-left .aw-layered-nav-popover:after { right: 100%; } .page-layout-2columns-left .aw-layered-nav-popover:before { border-right-color: #1979c3; } .page-layout-2columns-left .aw-layered-nav-popover:after { border-right-color: #fafafa; } .page-layout-2columns-right .aw-layered-nav-popover:before, .page-layout-2columns-right .aw-layered-nav-popover:after { left: 100%; } .page-layout-2columns-right .aw-layered-nav-popover:before { border-left-color: #1979c3; } .page-layout-2columns-right .aw-layered-nav-popover:after { border-left-color: #fafafa; } .page-layout-2columns-right .aw-layered-nav-popover .aw-layered-nav-popover__content { flex-direction: row-reverse; -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; } .page-layout-3columns .aw-layered-nav-popover:before, .page-layout-3columns .aw-layered-nav-popover:after { right: 100%; } .page-layout-3columns .aw-layered-nav-popover:before { border-right-color: #1979c3; } .page-layout-3columns .aw-layered-nav-popover:after { border-right-color: #fafafa; } @-webkit-keyframes aw-layered-nav-rotate { 0% { transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); -webkit-transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); -webkit-transform: rotate(360deg) scale(1); } } @keyframes aw-layered-nav-rotate { 0% { transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); -webkit-transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); -webkit-transform: rotate(360deg) scale(1); } } .popup-newsletter .modal-inner-wrap .modal-header { padding: 0; } .popup-newsletter .modal-inner-wrap .modal-header .action-close { z-index: 2; } .popup-newsletter .modal-inner-wrap .modal-header .action-close:before { color: #ffffff; font-size: 14px; font-weight: bold; } .popup-newsletter .modal-inner-wrap .modal-content { padding: 0; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content { display: flex; flex-direction: column; width: 100%; max-width: 100%; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .image-container img { float: none; max-width: 100%; height: 270px; width: 100%; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container { padding: 30px 60px; width: 100%; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .popup-title { text-align: center; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .popup-title h1 { font-weight: 600; line-height: 1; font-family: 'Roboto', sans-serif; color: #064393; margin-bottom: 0px; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .intro { text-align: center; margin-bottom: 40px; font-size: 17px; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .intro p { font-size: 18px; font-weight: 900; font-family: 'Roboto', sans-serif; color: #064393; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .content .form .newsletter .control:before { display: none; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .content .form .newsletter .control input { padding-left: 10px; height: 40px; text-align: center; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .content .form .newsletter .control input::placeholder { color: #333333; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .content .form .actions { display: block; margin-top: 20px; width: 100%; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .content .form .actions .subscribe { height: 40px; border-radius: 0; border-radius: 3px; width: auto; display: block; margin: 0 auto; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .content .form .actions .subscribe span { font-size: 14px; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .content .form .message-content { position: unset; width: 100%; margin-top: 0px; text-align: center; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .content .form .message-content .message-error { margin-top: 10px; font-size: 1.2rem; padding: 12px 20px 12px 12px; padding-left: unset; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .content .form .message-content .message-error div::before { position: unset; margin: -2px 0 0; } .popup-newsletter .modal-inner-wrap .modal-content .newsletter-content .view-container .content .form .message-content .message-success { margin-top: 10px; font-size: 1.2rem; } #newsletter-subscription, #store-newsletter-subscription { display: flex; flex-direction: column; width: 100%; } #newsletter-subscription .image-container img, #store-newsletter-subscription .image-container img { float: none; max-width: 100%; height: 270px; width: 100%; } #newsletter-subscription .view-container, #store-newsletter-subscription .view-container { padding: 30px 60px; width: 100%; } #newsletter-subscription .view-container .popup-title, #store-newsletter-subscription .view-container .popup-title { text-align: center; } #newsletter-subscription .view-container .popup-title h1, #store-newsletter-subscription .view-container .popup-title h1 { font-weight: 900; line-height: 1; font-family: 'Roboto', sans-serif; color: #064393; margin-bottom: 0px; } #newsletter-subscription .view-container .intro, #store-newsletter-subscription .view-container .intro { text-align: center; margin-bottom: 40px; font-size: 17px; } #newsletter-subscription .view-container .intro p, #store-newsletter-subscription .view-container .intro p { font-size: 18px; font-weight: 900; font-family: 'Roboto', sans-serif; color: #064393; } #newsletter-subscription .view-container .content .form .newsletter .control:before, #store-newsletter-subscription .view-container .content .form .newsletter .control:before { display: none; } #newsletter-subscription .view-container .content .form .newsletter .control input, #store-newsletter-subscription .view-container .content .form .newsletter .control input { padding-left: 10px; height: 40px; text-align: center; } #newsletter-subscription .view-container .content .form .newsletter .control input::placeholder, #store-newsletter-subscription .view-container .content .form .newsletter .control input::placeholder { color: #333333; } #newsletter-subscription .view-container .content .form .actions, #store-newsletter-subscription .view-container .content .form .actions { display: block; margin-top: 20px; width: 100%; } #newsletter-subscription .view-container .content .form .actions .subscribe, #store-newsletter-subscription .view-container .content .form .actions .subscribe { height: 40px; border-radius: 0; border-radius: 3px; width: auto; display: block; margin: 0 auto; } #newsletter-subscription .view-container .content .form .actions .subscribe span, #store-newsletter-subscription .view-container .content .form .actions .subscribe span { font-size: 14px; } #newsletter-subscription .view-container .content .form .message-content, #store-newsletter-subscription .view-container .content .form .message-content { position: unset; width: 100%; margin-top: 0px; text-align: center; } #newsletter-subscription .view-container .content .form .message-content .message-error, #store-newsletter-subscription .view-container .content .form .message-content .message-error { background: #fff; font-size: 1.2rem; padding: 12px 20px 12px 12px; padding-left: unset; } #newsletter-subscription .view-container .content .form .message-content .message-error div::before, #store-newsletter-subscription .view-container .content .form .message-content .message-error div::before { position: unset; margin: -2px 0 0; } #newsletter-subscription .view-container .content .form .message-content .message-success, #store-newsletter-subscription .view-container .content .form .message-content .message-success { background: #fff; font-size: 1.2rem; padding-left: 0 !important; } #newsletter-subscription .view-container .content .form .message-content .message-success div::before, #store-newsletter-subscription .view-container .content .form .message-content .message-success div::before { position: unset; margin: -2px 0 0; } #newsletter-subscription .view-container .content .message-content.sm-div .message.error, #store-newsletter-subscription .view-container .content .message-content.sm-div .message.error, #newsletter-subscription .view-container .content .message-content.sm-div .message.success, #store-newsletter-subscription .view-container .content .message-content.sm-div .message.success { margin-top: 10px; } @media screen and (max-width: 1024px) { .modal-popup.popup-newsletter.modal-slide._inner-scroll .modal-inner-wrap .modal-content .newsletter-content .view-container { padding: 60px 20px; } } @media screen and (max-width: 767px) { .modal-popup.popup-newsletter.modal-slide._inner-scroll { width: 100%; left: 0; } .modal-popup.popup-newsletter.modal-slide._inner-scroll .modal-inner-wrap { left: 50%; margin-left: -150px; width: 300px; position: absolute; top: 50%; transform: translateY(-50%); min-height: 0%; } .modal-popup.popup-newsletter.modal-slide._inner-scroll .modal-inner-wrap .modal-content .newsletter-content .view-container { padding: 30px 20px; } .modal-popup.popup-newsletter.modal-slide._inner-scroll .modal-inner-wrap .modal-content .newsletter-content .image-container { display: block; } .modal-popup.popup-newsletter.modal-slide._inner-scroll .modal-inner-wrap .modal-content .newsletter-content .image-container .newsletter.banner-image img { height: 163px; } .modal-popup.popup-newsletter.modal-slide._inner-scroll .modal-inner-wrap .modal-content .newsletter-content .view-container { width: 100%; } .modal-popup.popup-newsletter.modal-slide._inner-scroll .modal-inner-wrap .modal-content .newsletter-content .view-container .message-content .message.error { margin: 21px auto; } #newsletter-subscription .view-container, #store-newsletter-subscription .view-container { padding: 30px 20px; } #newsletter-subscription .image-container, #store-newsletter-subscription .image-container { display: block; } #newsletter-subscription .image-container .newsletter.banner-image img, #store-newsletter-subscription .image-container .newsletter.banner-image img { height: 163px; } #newsletter-subscription .view-container, #store-newsletter-subscription .view-container { width: 100%; } #newsletter-subscription .view-container .message-content .message.error, #store-newsletter-subscription .view-container .message-content .message.error { margin: 21px auto; } } .cms-newsletter-marketing #newsletter-subscription .image-container, .cms-newsletter-marketing #store-newsletter-subscription .image-container { display: block !important; } .cms-newsletter-marketing #newsletter-subscription .view-container .popup-title, .cms-newsletter-marketing #store-newsletter-subscription .view-container .popup-title, .cms-newsletter-marketing #newsletter-subscription .view-container .intro, .cms-newsletter-marketing #store-newsletter-subscription .view-container .intro, .cms-newsletter-marketing #newsletter-subscription .view-container form#newsletter-validate-detail-sub, .cms-newsletter-marketing #store-newsletter-subscription .view-container form#newsletter-validate-detail-sub { display: block !important; } .products { margin: 30px 0; } .product-items { font-size: 0; letter-spacing: -1px; line-height: 0; } .product-item { font-size: 1.4rem; line-height: normal; letter-spacing: normal; vertical-align: top; } .products-grid .product-item { display: inline-block; margin-left: 2%; width: calc((100% - 2%)/2); } .product-item:nth-child(2n + 1) { margin-left: 0; } .product-item-name { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; display: block; hyphens: auto; margin: 5px 0; word-wrap: break-word; } .product-item-info { max-width: 100%; width: 152px; } .page-products .product-item-info { width: 240px; } .product-item-actions { font-size: 0; } .product-item-actions > * { font-size: 1.4rem; } .product-item-actions .actions-secondary { display: inline-block; font-size: 1.4rem; vertical-align: middle; } .product-item-actions .actions-secondary > button.action { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .product-item-actions .actions-secondary > button.action:focus, .product-item-actions .actions-secondary > button.action:active { background: none; border: none; } .product-item-actions .actions-secondary > button.action:hover { background: none; border: none; } .product-item-actions .actions-secondary > button.action.disabled, .product-item-actions .actions-secondary > button.action[disabled], fieldset[disabled] .product-item-actions .actions-secondary > button.action { pointer-events: none; opacity: 0.5; } .product-item-actions .actions-secondary > .action { line-height: 35px; text-align: center; width: 35px; } .product-item-actions .actions-secondary > .action:before { margin: 0; } .product-item-actions .actions-primary { display: inline-block; vertical-align: middle; } .product-item-actions .actions-primary > .stock.unavailable { line-height: 1; padding-bottom: 10px; padding-right: 24px; padding-top: 10px; } .product-item-description { margin: 25px 0; } .product-item .product-reviews-summary .rating-summary { margin: 0 4px 0 0; } .product-item .product-reviews-summary .reviews-actions { font-size: 12px; margin-top: 5px; } .product-item .price-box { margin: 10px 0 25px; } .product-item .price-box .price { font-weight: 700; white-space: nowrap; } .product-item .price-box .price-label { color: #666666; font-size: 12px; } .product-item .old-price { margin: 5px 0; } .product-item .old-price .price { font-weight: normal; } .product-item .regular-price .price-label { display: none; } .product-item .minimal-price .price-container { display: block; } .product-item .minimal-price-link { margin-top: 5px; } .product-item .price-from, .product-item .price-to { margin: 0; } .product-item .tocompare:before { content: '\e61e'; } .product-item .tocart { font-size: 1.3rem; border-radius: 0; line-height: 1; padding-bottom: 10px; padding-top: 10px; white-space: nowrap; } .column.main .product-items { margin-left: 0; } .column.main .product-item { padding-left: 0; } .price-container .price { font-size: 1.4rem; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee { margin-top: 5px; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee, .price-container .price-including-tax + .price-excluding-tax .price, .price-container .weee .price, .price-container .weee + .price-excluding-tax:before, .price-container .weee + .price-excluding-tax .price { font-size: 1.1rem; } .price-container .weee:before { content: '(' attr(data-label) ': '; } .price-container .weee:after { content: ')'; } .price-container .weee + .price-excluding-tax:before { content: attr(data-label) ': '; } .products-list .product-item { display: table; width: 100%; } .products-list .product-item-info { display: table-row; } .products-list .product-item-photo { display: table-cell; padding: 0 30px 30px 0; vertical-align: top; width: 1%; } .products-list .product-item-details { display: table-cell; vertical-align: top; } .page-products .columns { padding-top: 60px; position: relative; z-index: 1; } .toolbar { margin-bottom: 30px; text-align: center; } .toolbar select { background-color: #f0f0f0; box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); border-radius: 3px; } .toolbar .sorter-action { position: relative; top: -2px; } .toolbar-amount { left: 0; line-height: 18px; margin: 0; padding: 7px 0; text-align: left; top: 0; vertical-align: middle; } .products.wrapper ~ .toolbar .toolbar-amount { display: none; } .page-with-filter .toolbar-amount { position: static; } .toolbar-products { background-color: transparent; } .toolbar-products .pages { display: none; } .products.wrapper ~ .toolbar-products .pages { display: block; } .toolbar .pages { margin-bottom: 25px; } .sorter { float: right; } .page-products .sorter { position: absolute; right: 0; top: 0; z-index: 1; } .products.wrapper ~ .toolbar .sorter { display: none; } .sorter-options { margin: 0 5px 0 7px; width: auto; } .sorter-action { display: inline-block; text-decoration: none; } .sorter-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #8f8f8f; content: '\e613'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sorter-action:hover:before { color: #333333; } .sorter-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sorter-action.sort-desc:before { content: '\e614'; } .modes { display: none; } .limiter-options { margin: 0 5px 0 7px; width: auto; } .limiter-label { font-weight: 400; } .page-products .toolbar .limiter { display: none; } .limiter .control { display: inline-block; } /*PDP style goes here*/ .fotorama__arr--prev .fotorama__arr__arr, .fotorama__arr--next .fotorama__arr__arr { display: none; } .catalog-product-view .product.media .fotorama__wrap * { border-radius: 5px; } body.catalog-product-view.product-page-v1 .column.main .product-info-main { margin-top: 0px; } body.catalog-product-view .product_cert_no { text-transform: uppercase; margin-top: 10px; } body.catalog-product-view .product_cert_no span { font-weight: 700; } body.catalog-product-view .fotorama--fullscreen { background: rgba(0, 0, 0, 0.62); } body.catalog-product-view .fotorama--fullscreen .fotorama__stage { padding-top: 80px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__fullscreen-icon { background-image: url('../../frontend/Kemana/default/id_ID/images/upgrade/close.svg') !important; background-repeat: no-repeat; background-position: center !important; background: transparent; background-size: cover; width: 30px; height: 30px; top: 0px; right: 15px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__zoom-in { background-image: url('../../frontend/Kemana/default/id_ID/images/zoom-plus.svg') !important; background-repeat: no-repeat; background-position: center !important; background: transparent; background-size: cover; width: 30px; height: 30px; top: 0px; right: 95px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__zoom-out { background-image: url('../../frontend/Kemana/default/id_ID/images/zoom-minus1.svg') !important; background-repeat: no-repeat; background-position: center !important; background: transparent; background-size: cover; width: 30px; height: 30px; top: 0px; right: 130px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .full-btn { background-image: url('../../frontend/Kemana/default/id_ID/images/fullscreen.svg') !important; background-repeat: no-repeat !important; background-position: center !important; background: transparent; background-size: 22px; width: 30px; height: 30px; top: 0px; right: 55px; border: none; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .exit-full-btn { background-image: url('../../frontend/Kemana/default/id_ID/images/exit-screen-2.svg') !important; background-repeat: no-repeat !important; background-position: center !important; background: transparent; background-size: 22px; width: 30px; height: 30px; top: 0px; right: 55px; border: none; position: absolute; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr { top: 45%; width: 35px; height: 35px; background-color: #fff !important; background-image: url(../../frontend/Kemana/default/id_ID/images/header/arrow-black.svg) !important; background-repeat: no-repeat; background-position: 34px 1px !important; background: #fff; background-size: contain !important; border-radius: 20px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr.fotorama__arr--next { right: 40px; transform: rotate(180deg); } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr.fotorama__arr--next .fotorama__arr__arr { background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow-black.svg') !important; background-repeat: no-repeat; background-position: 34px 1px !important; background: #fff; background-size: contain !important; border-radius: 20px; width: 26px; height: 26px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr.fotorama__arr--prev { left: 40px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr.fotorama__arr--prev .fotorama__arr__arr { background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow-black.svg') !important; background-repeat: no-repeat; background-position: center; background: #fff; background-size: contain !important; border-radius: 20px; width: 26px; height: 26px; } body.catalog-product-view .fotorama--fullscreen .fotorama__nav-wrap--horizontal .fotorama__thumb__arr { display: none !important; } body.catalog-product-view .sections.nav-sections { margin-bottom: 0px !important; } body.catalog-product-view #maincontent { padding: 0px 3% !important; } body.catalog-product-view #maincontent .column.main .block.row.related, body.catalog-product-view #maincontent .column.main .block.row.related-items, body.catalog-product-view #maincontent .column.main .block.row.upsell { max-width: 100%; margin: 0; } body.catalog-product-view #maincontent .column.main .block.row.related .block-title.title, body.catalog-product-view #maincontent .column.main .block.row.related-items .block-title.title, body.catalog-product-view #maincontent .column.main .block.row.upsell .block-title.title { text-align: center; font-size: 25px; font-family: 'Roboto', sans-serif; font-weight: 500; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"], body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"], body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"], body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"], body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"], body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] { border: none; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item { border: solid 1px transparent; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details { border: none; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .discount, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .discount, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .discount, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .discount, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .discount, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .discount { display: none; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions { position: relative !important; width: 100%; z-index: 0; bottom: 0; right: 0; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary { display: none; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist { left: unset !important; top: -5px; right: 0 !important; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box { margin-bottom: 0; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .price-container .price { color: #222222 !important; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price { color: #dd0019 !important; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price { color: #222222 !important; } body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-related-heading"] .products-grid .product-item:hover, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-related-heading"] .products-grid .product-item:hover, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-related-heading"] .products-grid .product-item:hover, body.catalog-product-view #maincontent .column.main .block.row.related div[aria-labelledby="block-upsell-heading"] .products-grid .product-item:hover, body.catalog-product-view #maincontent .column.main .block.row.related-items div[aria-labelledby="block-upsell-heading"] .products-grid .product-item:hover, body.catalog-product-view #maincontent .column.main .block.row.upsell div[aria-labelledby="block-upsell-heading"] .products-grid .product-item:hover { border-color: #adadad; } body.catalog-product-view #maincontent .column.main .block.row.related .owl-carousel.owl-theme .owl-controls .owl-prev, body.catalog-product-view #maincontent .column.main .block.row.related-items .owl-carousel.owl-theme .owl-controls .owl-prev, body.catalog-product-view #maincontent .column.main .block.row.upsell .owl-carousel.owl-theme .owl-controls .owl-prev { left: -20px !important; } body.catalog-product-view #maincontent .column.main .block.row.related .owl-carousel.owl-theme .owl-controls .owl-prev:hover, body.catalog-product-view #maincontent .column.main .block.row.related-items .owl-carousel.owl-theme .owl-controls .owl-prev:hover, body.catalog-product-view #maincontent .column.main .block.row.upsell .owl-carousel.owl-theme .owl-controls .owl-prev:hover { background-image: url('../../frontend/Kemana/default/id_ID/images/arrows1.svg'); background-color: #9bd7ee; border-radius: 0; } body.catalog-product-view #maincontent .column.main .block.row.related .owl-carousel.owl-theme .owl-controls .owl-next, body.catalog-product-view #maincontent .column.main .block.row.related-items .owl-carousel.owl-theme .owl-controls .owl-next, body.catalog-product-view #maincontent .column.main .block.row.upsell .owl-carousel.owl-theme .owl-controls .owl-next { right: -20px !important; } body.catalog-product-view #maincontent .column.main .block.row.related .owl-carousel.owl-theme .owl-controls .owl-next:hover, body.catalog-product-view #maincontent .column.main .block.row.related-items .owl-carousel.owl-theme .owl-controls .owl-next:hover, body.catalog-product-view #maincontent .column.main .block.row.upsell .owl-carousel.owl-theme .owl-controls .owl-next:hover { background-image: url('../../frontend/Kemana/default/id_ID/images/arrows1_right.svg'); background-color: #9bd7ee; border-radius: 0; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section { clear: both; border-top: 0px solid #dcdcdc; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section h3.desc-title { margin-top: 10px; text-transform: capitalize; color: #303030; font-weight: 300; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section h4.desc-sub-title strong { font-size: 14px !important; text-transform: capitalize; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .pdp-desc p { font-size: 14px; line-height: 24px; color: #303030; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit h4 { margin: 10px 0px; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit h4 strong { font-size: 14px !important; text-transform: capitalize; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit a.open-chart-bottom { color: #003c8e; font-size: 12px; font-weight: 400; text-transform: capitalize; position: relative; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit a.open-chart-bottom:hover { text-decoration: underline; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit a.open-chart-bottom .ruler-icon { margin-right: 6px; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit a.open-chart-bottom::before { content: ''; margin-right: 6px; background-size: contain; background: url(../../frontend/Kemana/default/id_ID/images/ruler.png) no-repeat center; width: 15px; height: 15px; position: absolute; left: -17px; top: -1px; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit .pdp-mail { margin-top: 10px; font-size: 12px; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit .pdp-mail i { font-size: 13px; margin-right: 5px; color: #1063ba; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit .pdp-mail span.pdp-mail-content { margin-left: 6px; font-size: 12px; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit .pdp-mail span.pdp-mail-content a { color: #1063ba; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .find-your-fit .pdp-mail span.pdp-mail-content a:hover { text-decoration: underline; cursor: pointer; } body.catalog-product-view #maincontent .product-info-main { font-family: 'Roboto', sans-serif; /*short desc*/ /*pickup in store*/ } body.catalog-product-view #maincontent .product-info-main .product-info-price { border-bottom: 0px; margin: 0px; } body.catalog-product-view #maincontent .product-info-main .product-info-price .product-info-stock-sku .availability.only { text-align: left; display: none; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box { display: block; float: none; clear: both; width: 100%; text-align: left; line-height: normal; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box > span.price-container { display: block; float: none; width: 100%; padding: 0px; height: auto; line-height: 18px; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .discount { display: none !important; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price-wrapper-container .special-price .price-container .price { color: #DD0018 !important; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price { font-size: 20px; font-weight: 600; color: #1063ba !important; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box > .special-price { display: inline-block; clear: both; overflow: auto; vertical-align: top; margin-right: 15px; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box > .special-price .price-final_price .price { font-size: 30px; line-height: normal; font-weight: bold; color: #dd0019 !important; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .old-price { float: none; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .old-price .price-final_price .price { color: #999999 !important; font-family: Roboto; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 38px; text-decoration: line-through; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .old-price .discount-pdp { display: none; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price-final_price { float: none; } body.catalog-product-view #maincontent .product-info-main .atome-price-divider.atome-widget { font-style: italic; color: #333; font-size: 14px; } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty { display: none; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions { /*border-radius: 5px;*/ width: 47%; display: inline-block; float: left; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button { background-color: #1e75e7; border-color: #1e75e7; /*border-radius: 5px !important;*/ } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button span { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: normal; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions + .shop-btn { width: 47%; display: inline-block !important; float: right; clear: none; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions + .shop-btn a { width: 100%; } body.catalog-product-view #maincontent .product-info-main .page-title-wrapper h1.page-title { line-height: normal; margin-bottom: 5px; font-size: 36px; font-weight: 700; } body.catalog-product-view #maincontent .product-info-main .product-info-stock-sku { text-align: center; padding: 0px; display: block; } body.catalog-product-view #maincontent .product-info-main .product-info-stock-sku .stock { display: none; } body.catalog-product-view #maincontent .product-info-main .product-add-form { padding-top: 0px; } body.catalog-product-view #maincontent .product-info-main .product.attribute.overview { display: none; margin-top: 0px; } body.catalog-product-view #maincontent .product-info-main .product.attribute.overview div[itemprop="description"] { text-align: center; text-transform: uppercase; color: #BBBDBF; } body.catalog-product-view #maincontent .product-info-main .product.attribute.sku { text-transform: uppercase; display: inline-block; float: left; line-height: 38px; color: #808184; } body.catalog-product-view #maincontent .product-info-main .product.attribute.sku strong, body.catalog-product-view #maincontent .product-info-main .product.attribute.sku div { font-size: 12px !important; line-height: 16px; } body.catalog-product-view #maincontent .product-info-main .desc-wrap { padding: 15px 0px; overflow: hidden; border-bottom: 1px solid #cfcfcf; max-height: 50px; transition: max-height 0.5s ease-out; } body.catalog-product-view #maincontent .product-info-main .desc-wrap h1 { font-size: 16px; color: #404041; margin-bottom: 15px; cursor: pointer; position: relative; line-height: normal; font-weight: 400; font-family: 'Roboto', sans-serif; } body.catalog-product-view #maincontent .product-info-main .desc-wrap h1:after { content: ''; display: inline-block; position: absolute; width: 26px; height: 26px; top: 0; right: 0px; background: url('../../frontend/Kemana/default/id_ID/images/arrows4.svg') no-repeat center; background-size: contain; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); cursor: pointer; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } body.catalog-product-view #maincontent .product-info-main .desc-wrap.expanded { max-height: 1200px; transition: max-height 0.5s ease-in; } body.catalog-product-view #maincontent .product-info-main .desc-wrap.expanded h1:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); } body.catalog-product-view #maincontent .product-info-main .desc-wrap p { font-family: 'Roboto', sans-serif; font-style: italic; font-size: 14px; color: #777777; } body.catalog-product-view #maincontent .product-info-main .desc-wrap span { font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 11px; cursor: pointer; color: #1e75e7; } body.catalog-product-view #maincontent .product-info-main .discount-pdp { display: none; } body.catalog-product-view #maincontent .product-info-main .source-info { display: none; } body.catalog-product-view .page.messages { display: block; } body.catalog-product-view .desc-idn { display: none; } body.catalog-product-view[class*="idn"] .product.attribute.description, body.catalog-product-view html:lang(id) .product.attribute.description { display: none; } body.catalog-product-view[class*="idn"] .desc-idn, body.catalog-product-view html:lang(id) .desc-idn { display: block; } body.catalog-product-view .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next:before { width: 40px; height: 40px; content: ""; border-top: 0px; top: 0; transform: rotate(180deg); border-radius: 0px; background-size: contain; } body.catalog-product-view .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next:after { border-top: 0px; } body.catalog-product-view .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev:before { width: 40px; height: 40px; content: ""; top: 0; border-top: 0px; transform: rotate(0deg); border-radius: 0px; background-size: contain; } body.catalog-product-view .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev:after { border-top: 0px; } body.catalog-product-view .column.main .block.row:before { clear: both; float: none; } body.catalog-product-view .product-options-wrapper .swatch-opt { margin: 5px 0px 0px; } body.catalog-product-view .product-options-wrapper .swatch-attribute { border-top: 1px solid #cfcfcf; overflow: hidden; margin-bottom: 0px !important; position: relative; max-height: 50px; transition: max-height 0.5s ease-out; } body.catalog-product-view .product-options-wrapper .swatch-attribute.expanded { max-height: 700px; transition: max-height 0.5s ease-in; } body.catalog-product-view .product-options-wrapper .swatch-attribute-label { display: inline-block; padding: 15px 0px 0px; font-size: 14px; text-transform: uppercase; position: static; cursor: pointer; display: block; width: 100%; font-size: 16px; font-weight: 800 !important; color: #404041; } body.catalog-product-view .product-options-wrapper .swatch-attribute-label a.open-chart { color: #1063ba; text-transform: none; margin-left: 10px; font-size: 12px; font-weight: 400; position: relative; } body.catalog-product-view .product-options-wrapper .swatch-attribute-label a.open-chart:hover { text-decoration: underline; } body.catalog-product-view .product-options-wrapper .swatch-attribute-label a.open-chart:before { content: ''; margin-right: 6px; background-size: contain; background: url('../../frontend/Kemana/default/id_ID/images/size-guide.svg') no-repeat -3px -5px; width: 25px; height: 20px; position: absolute; left: -17px; background-size: 24px; } body.catalog-product-view .product-options-wrapper .swatch-attribute-label:after { content: ''; display: inline-block; width: 26px; height: 26px; top: 10px; position: absolute; right: 0px; background: url('../../frontend/Kemana/default/id_ID/images/arrows4.svg') no-repeat center; background-size: contain; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); cursor: pointer; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } body.catalog-product-view .product-options-wrapper .swatch-attribute.expanded .swatch-attribute-label:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); } body.catalog-product-view .product-options-wrapper .swatch-option.text { width: auto !important; border-radius: 5px !important; padding: 0 10px; min-width: 80px !important; margin-bottom: 12px; font-size: 14px !important; color: #303030 !important; } body.catalog-product-view .product-options-wrapper .swatch-option.text:before { border-radius: 0px !important; border: 0px !important; } body.catalog-product-view .product-options-wrapper .swatch-option.text:hover { background: #0063ba; color: #fff !important; } body.catalog-product-view .product-options-wrapper .swatch-option.text:hover:before { border-radius: 0px !important; border: 0px solid #999999 !important; } body.catalog-product-view .product-options-wrapper .swatch-option.text.selected { background-color: #0063ba !important; color: #fff !important; } body.catalog-product-view .product-options-wrapper .swatch-option.text.selected:before { border: 0px solid #999999 !important; } body.catalog-product-view .product-options-wrapper .swatch-option.image { border: 3px solid transparent !important; border-bottom: 3px solid #e5e5e5 !important; width: 70px !important; height: 65px !important; background-size: 100% !important; margin: 0 10px 5px 0; } body.catalog-product-view .product-options-wrapper .swatch-option.image:hover { border-bottom: 3px solid #1e75e7 !important; } body.catalog-product-view .product-options-wrapper .swatch-option.image:hover:before { visibility: hidden !important; } body.catalog-product-view .product-options-wrapper .swatch-option.image.selected { border-bottom: 3px solid #1e75e7 !important; } body.catalog-product-view .product-options-wrapper .swatch-option.image.selected:before { border: none !important; } body.catalog-product-view .product-options-wrapper .swatch-option.image .image.selected:before { visibility: hidden !important; } body.catalog-product-view .product-options-wrapper .swatch-option.image.disabled { opacity: 0.4; } body.catalog-product-view .product-options-wrapper .swatch-option.text.disabled:after { background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(0, 0, 0, 0)), color-stop(43%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #b6b6b6), color-stop(53%, #b6b6b6), color-stop(54%, #ffffff), color-stop(57%, #ffffff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))) !important; background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #b6b6b6 47%, #b6b6b6 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%) !important; background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #b6b6b6 47%, #b6b6b6 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%) !important; background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #b6b6b6 47%, #b6b6b6 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%) !important; background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #b6b6b6 47%, #b6b6b6 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%) !important; background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #b6b6b6 47%, #b6b6b6 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%) !important; } body.catalog-product-view .product-options-wrapper .swatch-attribute.width .swatch-option.text { width: auto; padding: 0px 10px; text-transform: uppercase; } body.catalog-product-view .product-options-wrapper .swatch-option image { border-radius: 0px; } body.catalog-product-view .product-options-wrapper .swatch-option image:hover, body.catalog-product-view .product-options-wrapper .swatch-option image:selected { border: 3px solid #cfcfcf !important; } body.catalog-product-view .product-options-wrapper .swatch-attribute-selected-option { display: none; } body.catalog-product-view .product-info-main { padding-bottom: 40px; } body.catalog-product-view .product-info-main .price-box.price-final_price .price-container .price { font-size: 24px; } body.catalog-product-view .product-info-main > .price-box { display: inline-block; float: right; } body.catalog-product-view .product-info-main .price-box.price-final_price:after { display: table; float: none; clear: both; content: ''; } body.catalog-product-view .product-info-main .page-title-wrapper.product { clear: both; margin-bottom: 20px !important; } body.catalog-product-view .product-info-main .product-reviews-summary .reviews-actions { display: none; } body.catalog-product-view .product-info-main .rating-summary .rating-result { width: auto; } body.catalog-product-view .product-info-main .rating-summary .rating-result:before, body.catalog-product-view .product-info-main .rating-summary .rating-result > span:before { font-size: 16px; height: 16px; line-height: 16px; } body.catalog-product-view .product-info-main .rating-summary .rating-result > span:before { color: #0063ba; } body.catalog-product-view .product-info-main .product-info-price .price-box .price-container > span { display: inline-block; } body.catalog-product-view .product-info-main .field.qty { /*display: inline-block;*/ display: none; clear: both; float: left; } body.catalog-product-view .product-info-main .field.qty .control { display: inline-block; margin-left: 10px; } body.catalog-product-view .product-info-main .field.qty label { display: inline-block; text-transform: uppercase; line-height: 38px; vertical-align: middle; float: left; font-size: 12px; margin-right: 10px; margin-bottom: 10px !important; } body.catalog-product-view .product-info-main .field.qty select { border: none; width: 75px; padding: 10px 30px 10px 15px; height: auto; /*border-radius: 5px;*/ } body.catalog-product-view .product-info-main .field.qty select:not([disabled]):focus { box-shadow: none; } body.catalog-product-view .additional-attributes-wrapper.table-wrapper { border-top: 1px solid #cfcfcf; max-height: 50px; transition: max-height 0.5s ease-out; overflow: hidden; position: relative; clear: both; margin-bottom: 0px; } body.catalog-product-view .additional-attributes-wrapper.table-wrapper .table > tbody > tr > th, body.catalog-product-view .additional-attributes-wrapper.table-wrapper .table > tbody > tr > td { border-top: 0px; } body.catalog-product-view .additional-attributes-wrapper.table-wrapper #product-attribute-specs-table > caption { border: 0; clip: unset; height: auto; margin: none; overflow: auto; padding: 0; position: static; width: auto; padding: 15px 0px 15px; text-transform: uppercase; cursor: pointer; color: #000; font-size: 16px; display: block; } body.catalog-product-view .additional-attributes-wrapper.table-wrapper #product-attribute-specs-table > caption:after { content: ''; display: inline-block; position: absolute; width: 26px; height: 26px; top: 10px; right: 0px; background: url('../../frontend/Kemana/default/id_ID/images/arrows4.svg') no-repeat center; background-size: contain; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); cursor: pointer; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } body.catalog-product-view .additional-attributes-wrapper.table-wrapper.expanded { max-height: 700px; transition: max-height 0.5s ease-in; } body.catalog-product-view .additional-attributes-wrapper.table-wrapper.expanded #product-attribute-specs-table > caption:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); } body.catalog-product-view .product-addtocart-button { background: #0063ba; border: 0px; } body.catalog-product-view .product-addtocart-button span { color: #fff; } body.catalog-product-view .shop-btn { display: block; clear: both; overflow: hidden; } body.catalog-product-view .shop-btn button { width: 47%; margin-right: 5%; margin-bottom: 10px; /*border-radius: 5px;*/ padding: 15px; } body.catalog-product-view .shop-btn button span { color: #fff; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 16px; } body.catalog-product-view .shop-btn button:last-child { margin-right: 0; } body.catalog-product-view .shop-btn button.shop-online { background-color: #1e75e7; border-color: #1e75e7; } body.catalog-product-view .shop-btn button.shop-offline { background-color: #04214d; border-color: #04214d; } body.catalog-product-view .shop-btn > a { width: 47%; margin-right: 5%; margin-bottom: 10px; /*border-radius: 5px;*/ padding: 15px; display: block; float: left; text-align: center; } body.catalog-product-view .shop-btn > a span { color: #fff; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 16px; } body.catalog-product-view .shop-btn > a:last-child { margin-right: 0; } body.catalog-product-view .shop-btn > a.shop-online { background-color: #1e75e7; border-color: #1e75e7; } body.catalog-product-view .shop-btn > a.shop-offline { background-color: #04214d; border-color: #04214d; } body.catalog-product-view .box-tocart { margin-top: 20px; margin-bottom: 20px; } body.catalog-product-view .product-info-main .block.review-add { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; overflow: hidden; position: relative; padding-bottom: 20px; max-height: 50px; transition: max-height 0.5s ease-out; } body.catalog-product-view .product-info-main .block.review-add .block-title { display: block; padding: 15px 0px; text-transform: uppercase; cursor: pointer; } body.catalog-product-view .product-info-main .block.review-add .block-title strong { font-size: 16px; } body.catalog-product-view .product-info-main .block.review-add .block-title:after { content: ''; display: inline-block; position: absolute; width: 26px; height: 26px; top: 0px; right: 0px; background: url('../../frontend/Kemana/default/id_ID/images/arrows4.svg') no-repeat center; background-size: contain; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); cursor: pointer; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } body.catalog-product-view .product-info-main .block.review-add.expanded { max-height: 700px; transition: max-height 0.5s ease-in; } body.catalog-product-view .product-info-main .block.review-add.expanded .block-title:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); } body.catalog-product-view .product-info-main .block.review-add .action.submit.primary { background: #0063ba; border-color: #0063ba; text-transform: uppercase; } body.catalog-product-view .product-info-main .block.review-add .action.submit.primary:hover { background: #004887; border-color: #004887; } body.catalog-product-view .product-info-main .block.review-add .action.submit.primary:hover span { color: #fff; } body.catalog-product-view .block.row { clear: both; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"], body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] { border-top: 1px solid #cfcfcf; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .block-actions, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .block-actions { display: none; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-info:hover, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-info:hover { box-shadow: unset !important; border: none !important; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .field.choice.related, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .field.choice.related, body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .field.choice.related-items, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .field.choice.related-items { display: none; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-name, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-name { text-align: left !important; margin-top: 0; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .discount, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .discount { display: inline-block; font-size: 14px; font-weight: 300; margin-left: 5px; font-family: 'Roboto', sans-serif; color: black; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box { text-align: left !important; display: inline-block; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .special-price, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .special-price, body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price { display: inline-block; margin-left: 0px; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price { font-size: 14px !important; color: grey !important; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .price-box .price-container .price, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .price-container .price { font-family: 'Roboto', sans-serif; color: #064394 !important; font-weight: 400; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details { border-top: 1px solid #47cefd; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions { margin: 0; height: 25px; width: 25px; position: absolute; bottom: 95px; right: 13px; z-index: 10; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary { display: block; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist { position: absolute; right: 0; top: 0; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-name > a, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-name > a { font-family: 'Roboto', sans-serif; font-weight: 700; } body.catalog-product-view .block.row div[aria-labelledby="block-related-heading"] .products-grid .product-item .product-item-name > a:hover, body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-name > a:hover { text-decoration: none; } body.catalog-product-view .block.row .owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-prev { top: 35% !important; } body.catalog-product-view .block.row .owl-carousel.products .owl-controls .owl-nav.fullscreen .owl-next { top: 35% !important; } body.catalog-product-view .product-social-links { display: inline-block; float: left; } body.catalog-product-view .product-social-links .stButton { margin-left: 1px; margin-right: 1px; } body.catalog-product-view .product-social-links .st_facebook_large span span { background-color: #3b5898; } body.catalog-product-view .product-social-links .st_twitter_large span span { background-color: #00ade8; } body.catalog-product-view .product-social-links .st_pinterest_large span span { background-color: #cd443c; } body.catalog-product-view .product-addto-links { display: inline-block; clear: both; margin-top: 15px; text-transform: uppercase; text-align: right; position: relative; z-index: 9; margin-bottom: -30px; float: right; } body.catalog-product-view .product-addto-links .action { margin-right: 0px; font-size: 16px !important; } body.catalog-product-view .product-addto-links .action.towishlist span:before { display: inline-block; content: ''; width: 25px; height: 25px; background: url('../../frontend/Kemana/default/id_ID/images/heart-icon.png') no-repeat; background-size: contain; vertical-align: middle; margin-right: 0px; } body.catalog-product-view .product-addto-links .action.towishlist span:hover:before { background: url('../../frontend/Kemana/default/id_ID/images/heart-icon-red.png') no-repeat; background-size: contain; } body.catalog-product-view .product-addto-links .action.wishlisted span:before { background: url('../../frontend/Kemana/default/id_ID/images/heart-icon-red.png') no-repeat !important; background-size: contain !important; } body.catalog-product-view .product.info.detailed { font-family: 'Roboto', sans-serif; } body.catalog-product-view .product.info.detailed .product.data.items > .data.item.content { padding: 20px; color: #404041; font-weight: 200; border: 0px solid #ccc; padding: 0 !important; } body.catalog-product-view .product.info.detailed .product.data.items > .data.item.content .read-more-mobile { display: none; } body.catalog-product-view .product.info.detailed .product.data.items > .data.item.content .read-less-mobile { display: none; } body.catalog-product-view .product.info.detailed a.data.switch { text-transform: uppercase; } body.catalog-product-view .product.info.detailed .block .block-title strong { font-size: 14px; } body.catalog-product-view .product.info.detailed .block .block-content *, body.catalog-product-view .product.info.detailed .block .empty * { font-size: 14px; } body.catalog-product-view .product.info.detailed .rating-summary .rating-result::before { font-size: 14px; } body.catalog-product-view .product.info.detailed .rating-summary .rating-result > span::before { font-size: 14px; color: #0063ba; } body.catalog-product-view .product.info.detailed .review-control-vote label:before, body.catalog-product-view .product.info.detailed .review-control-vote:before { font-size: 24px; line-height: 24px; height: 24px; } body.catalog-product-view .product.info.detailed .review-control-vote label:before { color: #0063ba; } body.catalog-product-view .product.info.detailed .review-form .action.submit.primary { background: #1e75e7; border-color: #1e75e7; text-transform: uppercase; /*border-radius: 5px;*/ } body.catalog-product-view .product.info.detailed .review-form button.action.primary:hover span { color: #fff; } body.catalog-product-view .product.info.detailed .review-field-rating .control { margin-bottom: 36px; } body.catalog-product-view .product.info.detailed fieldset.field.required.review-field-ratings span { font-weight: lighter; } body.catalog-product-view .product.info.detailed .field.required span { font-weight: lighter; } body.catalog-product-view .product.info.detailed .legend.review-legend span { display: none; } body.catalog-product-view .product.data.items > .item.title.active > .switch { font-family: 'Roboto', sans-serif; } body.catalog-product-view .product-info-similar { border-top: 1px solid #cfcfcf; overflow: hidden; margin: 15px 0 0; padding-bottom: 15px; position: relative; max-height: 50px; transition: max-height 0.5s ease-out; margin-bottom: -15px; font-family: 'Roboto', sans-serif; } body.catalog-product-view .product-info-similar.expanded { max-height: 700px; transition: max-height 0.5s ease-in; } body.catalog-product-view .product-info-similar h2 { margin: 0; display: inline-block; padding: 15px 0px 10px; font-size: 14px; text-transform: uppercase; position: static; cursor: pointer; display: block; width: 100%; font-size: 16px; color: #404041; font-family: 'Roboto', sans-serif; } body.catalog-product-view .product-info-similar h2:after { content: ''; display: inline-block; width: 26px; height: 26px; top: 10px; position: absolute; right: 0px; background: url('../../frontend/Kemana/default/id_ID/images/arrows4.svg') no-repeat center; background-size: contain; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); cursor: pointer; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } body.catalog-product-view .product-info-similar.expanded h2:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); } body.catalog-product-view .product-info-similar li { display: inline-block; width: 65px; margin-right: 10px; margin-top: 10px; } body.catalog-product-view .sizechart { text-align: center; font-family: 'Roboto', sans-serif; display: none; } body.catalog-product-view .sizechart h1 { text-transform: uppercase; font-size: 24px; margin: 10px 0 20px; line-height: normal; font-weight: 700; font-family: 'Roboto', sans-serif; text-align: center; } body.catalog-product-view .sizechart label { display: block; width: 100%; margin-bottom: 10px; background: #1063ba; color: #fff; font-size: 18px; text-transform: uppercase; padding: 10px; } body.catalog-product-view .sizechart .row-striped:not(.ordersTableTitle):nth-child(2n-1) { background: #e6e6e6; } body.catalog-product-view .sizechart .row-striped:not(.ordersTableTitle):hover { background: #d9d9d9; } body.catalog-product-view .sizechart table.sizechart-table { padding: 15px; } body.catalog-product-view .sizechart p { text-align: left; color: #000; } body.catalog-product-view .sizechart table > tbody > tr > td { width: 25%; } body.catalog-product-view .sizechart .table-wrapper-sc { padding: 15px; } body.catalog-product-view .sizechart .row-titles { font-weight: 700; } body.catalog-product-view .swatch-option-tooltip { display: none !important; } body.catalog-product-view .swatch-option-tooltip .corner { display: none; } body.catalog-product-view .magnify-lens { background-color: rgba(30, 117, 244, 0.39); } body.catalog-product-view input.mage-error + div.mage-error, body.catalog-product-view select.mage-error + div.mage-error, body.catalog-product-view textarea.mage-error + div.mage-error { display: none !important; } body.catalog-product-view .newsletter .control #newsletter-error.mage-error { display: block !important; } body.catalog-product-view #product-options-wrapper { width: 100%; } body.catalog-product-view #product-options-wrapper button.action.back.customization { background: #064394; padding: 10px; border: 1px solid #064394; } body.catalog-product-view #product-options-wrapper button.action.back.customization:hover { background: #fff; border: 1px solid #064394; text-decoration: none; } body.catalog-product-view #product-options-wrapper button.action.back.customization:hover span { color: #064394; } body.catalog-product-view .bundle-options-container .block-bundle-summary .bundle-summary .subtitle { clear: both; } body.catalog-product-view .bundle-options-container .price { font-size: 14px !important; } body.catalog-product-view .bundle-actions button#bundle-slide { background-color: #064394; border-color: #064394; } body.catalog-product-view .bundle-actions button#bundle-slide:hover { background-color: #ffffff; border-color: #064394; } body.catalog-product-view .bundle-actions button#bundle-slide:hover span { color: #064394; } body.catalog-product-view .bundle-info .box-tocart .actions { vertical-align: top; float: unset; width: 100%; max-width: 100%; margin-top: 30px; display: flex; flex-direction: column-reverse; } @media (max-width: 767px) { body.catalog-product-view .bundle-info .box-tocart .actions { flex-direction: row !important; justify-content: space-between; } } body.catalog-product-view .bundle-info .box-tocart .actions button#product-addtocart-button { margin-top: 20px; margin-bottom: 20px; padding-top: 8px; padding-bottom: 8px; background-color: #fff; border-color: #064394; } body.catalog-product-view .bundle-info .box-tocart .actions button#product-addtocart-button span { color: #064394; } body.catalog-product-view .bundle-info .box-tocart .actions button#product-addtocart-button:hover { background-color: #064394 !important; border-color: #064394; } body.catalog-product-view .bundle-info .box-tocart .actions button#product-addtocart-button:hover span { color: #ffffff !important; } @media (max-width: 767px) { body.catalog-product-view .bundle-info .box-tocart .actions button#product-addtocart-button { margin-bottom: 0px !important; width: 48% !important; } } @media (max-width: 767px) { body.catalog-product-view .bundle-info .box-tocart .actions .buynow-button { width: 48%; } } body.catalog-product-view .bundle-info .box-tocart .actions .buynow-button button#buy-now { margin-top: 20px; margin-bottom: 0; padding-top: 8px; padding-bottom: 8px; background-color: #064394; border-color: #064394; } body.catalog-product-view .bundle-info .box-tocart .actions .buynow-button button#buy-now:hover { background-color: #ffffff; border-color: #064394; } body.catalog-product-view .bundle-info .box-tocart .actions .buynow-button button#buy-now:hover span { color: #064394; } .catalog-product-view .product.data.items > .item.title > a.switch { border: 0px solid #ccc; border-right-width: 0px !important; border-left-width: 0px !important; line-height: 32px !important; padding: 0 !important; margin-right: 50px; } .catalog-product-view .product.info.detailed .product.data.items > .item.title.active .switch { height: auto !important; color: #001B61 !important; font-weight: bold; border-bottom: 2px solid #001B61 !important; border: 0px solid #ccc; border-right-width: 0px !important; border-left-width: 0px !important; line-height: 32px; padding: 0; margin-right: 60px; } .catalog-product-view .product.info.detailed .product.data.items > .item.title .switch { font-weight: bold; color: #222222 !important; } .pdp-description-section .find-your-fit { clear: both; display: none; } .pdp-text-image { width: 100%; position: relative; } .pdp-text-image .pdp-descp { width: 50%; float: left; padding-top: 10%; } .pdp-text-image .pdp-descp.lf { padding-right: 40px; } .pdp-text-image .pdp-descp.rt { padding-left: 40px; } .pdp-text-image .pdp-img-descp { width: 50%; float: left; } .pdp-text-image .pdp-img-descp img { width: 100%; } .pdp-text-image .pdp-img-descp.lf { padding-bottom: 40px; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content { padding: 0; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content table { border-collapse: collapse; width: 60%; border: 1px solid #ccc; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content table tr { text-align: left; padding: 8px; border: 1px solid #ccc; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content table tr:nth-child(even) { background-color: #f2f2f2; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content table td { text-align: left; padding: 18px; border: 1px solid #ccc; width: 300px; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content table td:first-child { font-weight: bold; width: 120px; } .catalog-product-view .check-in-store .share-pdp { float: right; } .catalog-product-view .check-in-store .share-pdp a:before { background-image: url('../../frontend/Kemana/default/id_ID/images/share.svg'); } .add-select { margin-top: 30px; margin-bottom: 30px; } .bopis__checkout #checkout-stores-container { border-top: none; padding-top: 0 !important; margin-top: 0; } .bopis__checkout .contact__msg { border-top: none; padding-top: 0 !important; margin-top: 0; } @media only screen and (max-width: 900px) { body.catalog-product-view .shop-btn button { width: 100%; } body.catalog-product-view .shop-btn a { width: 100%; } } @media only screen and (min-width: 768px) { body.catalog-product-view .product.media .gallery-placeholder .fotorama__stage { left: 120px !important; height: 80vh !important; } body.catalog-product-view .product.media .gallery-placeholder .fotorama__stage .fotorama__stage__shaft { max-width: 100% !important; } body.catalog-product-view.page-product-configurable .product-options-wrapper { min-height: 115px; } body.catalog-product-view .product.data.items > .item.title.active > .switch, body.catalog-product-view .product.data.items > .item.title.active > .switch:hover { color: #1063ba !important; font-weight: 700; } .product.info.detailed .product.data.items > .item.title.active .switch { height: auto !important; } body.catalog-product-view .product.data.items > .item.title.active { bottom: 0px; } body.catalog-product-view .product.data.items > .item.title.active > .switch, body.catalog-product-view .product.data.items > .item.title.active > .switch:focus, body.catalog-product-view .product.data.items > .item.title.active > .switch:hover { padding-bottom: 0px; } .catalog-product-view .product.data.items > .item.title > .switch { border: 1px solid #ccc; border-right-color: #cccccc !important; border-right-style: solid !important; border-right-width: 1px !important; border-left-color: #cccccc !important; border-left-style: solid !important; border-left-width: 1px !important; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr.fotorama__arr--next { right: 40px !important; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions .buynow-button { display: inline; width: auto !important; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button { float: none; display: inline-block; width: 49% !important; margin-top: 0 !important; padding-left: 0px; padding-right: 0px; } } @media only screen and (min-width: 768px) and (max-width: 768px) { body.catalog-product-view .product.data.items > .item.content { margin-top: 52px !important; } } @media only screen and (max-width: 767px) { body.catalog-product-view .fotorama--fullscreen .fotorama__stage { height: 90vh !important; padding-top: 0px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__fullscreen-icon { top: 3px; right: 7px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__nav--dots { display: none !important; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__zoom-in { top: 2px; right: 85px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__zoom-out { top: 2px; right: 120px; display: block; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr { top: 50%; background-color: #949191ba !important; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr.fotorama__arr--next { right: 0px; display: none; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr.fotorama__arr--next .fotorama__arr__arr { background: transparent; background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow.svg') !important; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr.fotorama__arr--prev { left: 0px; display: none; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__arr.fotorama__arr--prev .fotorama__arr__arr { background: transparent; background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow.svg') !important; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .full-btn { top: 2px; right: 45px; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .fotorama__zoom-in.fotorama__zoom-in--disabled { display: block; } body.catalog-product-view .fotorama--fullscreen .fotorama__nav-wrap--horizontal .fotorama__thumb__arr { display: none !important; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { top: 20px; } body.catalog-product-view .fotorama--fullscreen .gallery__counter { top: 0; z-index: 999; } body.catalog-product-view .fotorama-item.fotorama--fullscreen .fotorama__arr { display: block !important; } body.catalog-product-view .fotorama-item.fotorama--fullscreen .fotorama__nav-wrap--horizontal .fotorama__nav--thumbs .fotorama__nav__shaft { top: 0 !important; } body.catalog-product-view .fotorama-item.fotorama--fullscreen .fotorama__nav-wrap--horizontal .fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__thumb-border { top: 0 !important; } body.catalog-product-view #maincontent .product.media .gallery-placeholder .fotorama__stage { min-height: 350px; } body.catalog-product-view #maincontent .product.media .gallery-placeholder .fotorama__nav__shaft.fotorama__grab { top: 0 !important; } body.catalog-product-view #maincontent .product.media .gallery-placeholder .fotorama__nav__shaft.fotorama__grab .fotorama__thumb-border { top: 0 !important; } body.catalog-product-view #maincontent .product-info-main h2.pdp-brand-title { font-size: 16px !important; } body.catalog-product-view .product.info.detailed .product.data.items { display: block; width: 100%; margin: 0px; overflow: hidden; border-bottom: 0px; } body.catalog-product-view .product.info.detailed .data.switch { border-top: 1px solid #ccc; border-bottom: none; } body.catalog-product-view .product.info.detailed > .items > .item.title a { padding: 0px !important; font-size: 16px !important; } body.catalog-product-view .product.info.detailed .product.data.items.expanded { max-height: 1200px; transition: max-height 0.5s ease-in; } body.catalog-product-view .product.info.detailed .product.data.items .item.title a:after { content: ''; display: inline-block; width: 26px; height: 27px; top: 10px; position: absolute; right: 0px; background: url('../../frontend/Kemana/default/id_ID/images/arrows4.svg') no-repeat center; background-size: contain; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); cursor: pointer; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } body.catalog-product-view .product.info.detailed .data.item.title + .data.item.content { max-height: 1px; overflow: hidden; padding: 0px; transition: max-height 0.5s ease-out; border: none; } body.catalog-product-view .product.info.detailed .data.item.title + .data.item.content > div { padding-bottom: 15px; } body.catalog-product-view .product.info.detailed .data.item.title.active + .data.item.content { max-height: 2000px; transition: max-height 0.5s ease-in; } body.catalog-product-view .product.info.detailed .product.data.items .item.title.active a:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); } body.catalog-product-view .product.info.detailed .field.required.review-field-ratings { display: none; } body.catalog-product-view .product.info.detailed .product.data.items.expanded .field.required.review-field-ratings { display: block; } body.catalog-product-view #maincontent .product-info-main { padding-bottom: 0px; } body.catalog-product-view #maincontent .product-info-main .product-addto-links { display: none; } body.catalog-product-view #maincontent .product-info-main .product-info-price { display: block; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .old-price .discount-pdp { font-size: 16px; line-height: 22px; } body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute .open-chart { ccolor: #1063ba; text-transform: uppercase; font-weight: 700; position: absolute; right: 0; top: 14px; } body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-wrapper .fieldset .swatch-opt .swatch-attribute .open-chart:before { content: ''; margin-right: 6px; background: url('../../frontend/Kemana/default/id_ID/images/size-guide.svg') no-repeat -3px -3px; width: 25px; height: 20px; position: absolute; left: 0px; background-size: 24px; } body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset { display: block; } body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .field.qty { width: 48%; margin-right: 0px; } body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .field.qty .control:before { right: 12px; } body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .field.qty .control select { padding: 9px 20px 9px 12px; } body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .actions { margin-top: 29px; } body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .product-addto-links { margin-left: 10px; margin-top: 29px; } body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .product-addto-links .action.towishlist span:before { width: 60px; } body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .actions, body.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .actions + .shop-btn { display: block; width: 100%; margin-bottom: 10px; } body.catalog-product-view #maincontent .product-info-main .page-title-wrapper h1.page-title { font-size: 26px; } body.catalog-product-view #maincontent .product-info-main .action.share { margin-bottom: 16px; } body.catalog-product-view #maincontent .product-info-main .action.share .product-share-this span .stButton { margin-right: 10px; margin-left: 10px; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .special-price .price-final_price .price { font-size: 26px !important; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .old-price .price-final_price .price { font-size: 14px !important; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price-final_price .price { font-size: 26px !important; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions { clear: both; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button { float: none; display: inline-block; width: 48% !important; margin-top: 0 !important; padding-left: 0px; padding-right: 0px; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions .buynow-button { display: inline-block; width: 48% !important; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions .buynow-button button { width: 100% !important; margin-top: 0px !important; margin-left: 6px; } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty { width: 48% !important; } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty .control:before { right: 12px; } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty .control select { padding: 9px 20px 9px 12px; } body.catalog-product-view #maincontent .product-info-main .box-tocart.pdpsticky .actions { display: flex; width: 100%; position: fixed; bottom: 0; z-index: 99; background: #fff; left: 0; padding: 18px 12px; margin-bottom: 0 !important; box-shadow: 0 -2px 15px 0 rgba(0, 0, 0, 0.22); } body.catalog-product-view #maincontent .product-info-main .box-tocart.pdpsticky .cart-wrap { order: 1; } body.catalog-product-view #maincontent .product-info-main .box-tocart.pdpsticky .check-in-store { order: 0; padding-top: 0; padding-bottom: 20px; } body.catalog-product-view #maincontent .product-info-main .box-tocart.pdpsticky .social-sharing { padding-top: 0; padding-bottom: 20px; } body.catalog-product-view .bundle-options-container .legend.title { font-size: 26px !important; font-weight: 700; } .share-pdp { display: none; } body.catalog-product-view .fotorama--fullscreen .fotorama__stage .exit-full-btn { top: 3px; right: 48px; } } /* Kemana CS */ body.catalog-product-view #maincontent .product-info-main { margin-top: 14px; } body.catalog-product-view #maincontent .product-info-main h2.pdp-brand-title { color: #003c8e; font-weight: 500; margin: 5px 0px; font-size: 16px; } body.catalog-product-view #maincontent .product-info-main .page-title-wrapper.product { margin-bottom: 0px !important; } body.catalog-product-view #maincontent .product-info-main .page-title-wrapper.product h1.page-title { text-transform: capitalize; color: #001B61; font-family: Roboto; font-size: 21px; font-weight: 600; letter-spacing: 0; line-height: 38px; } body.catalog-product-view #maincontent .product-info-main .field.qty label { font-size: 15px; font-weight: 700; } body.catalog-product-view #maincontent .product-info-main .product-share-label { line-height: 32px; vertical-align: top; text-transform: uppercase; margin-right: 10px; font-size: 15px; font-weight: 800; display: none; } body.catalog-product-view #maincontent .product-info-main .product-share-this { display: inline-block; } body.catalog-product-view #maincontent .product-info-main .product-share-this .stButton .stLarge { background: none !important; width: 24px; } body.catalog-product-view #maincontent .product-info-main .product-share-this .stButton .stLarge:before { font-family: 'Font Awesome 5 Brands'; font-size: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); color: #acacac; } body.catalog-product-view #maincontent .product-info-main .product-share-this .stButton .stLarge:hover { opacity: 1; } body.catalog-product-view #maincontent .product-info-main .product-share-this .stButton .stLarge:hover:before { color: #141414; } body.catalog-product-view #maincontent .product-info-main .product-share-this .st_facebook_large .stButton .stLarge:before { content: '\f39e'; } body.catalog-product-view #maincontent .product-info-main .product-share-this .st_twitter_large .stButton .stLarge:before { content: '\f099'; } body.catalog-product-view #maincontent .product-info-main .product.attribute.sku { line-height: 26px; } body.catalog-product-view #maincontent .product-info-main .product.attribute.sku strong, body.catalog-product-view #maincontent .product-info-main .product.attribute.sku div { font-size: 12px; line-height: 22px; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box { padding-top: 12px; padding-bottom: 0; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price { font-size: 30px; color: #141414 !important; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .old-price .price { font-size: 20px; color: #222222 !important; } body.catalog-product-view #maincontent .product-info-main .product-info-similar { border: none; margin: 0; padding: 0; } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty { display: inline-block; float: unset; margin-bottom: 0; width: 100%; } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty label { display: block; line-height: 1; margin-bottom: 14px; float: unset; } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty .control { display: block; margin-left: 0; position: relative; } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty .control:before { content: '\f0d7'; font-family: FontAwesome; display: inline-block; color: #020202; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty select { box-sizing: border-box; border: solid 1px #b6b6b6; color: #020202; background-color: transparent; background-image: none; padding: 9px 23px 9px 20px; max-width: 60px; margin-right: 15px; width: 100%; max-width: 100%; border-radius: 20px; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions { vertical-align: bottom; float: unset; width: calc(100% - 87px); max-width: 100%; margin-top: 15px; display: flex; flex-direction: column; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button { margin-bottom: 0; margin-top: 20px; padding-top: 8px; padding-bottom: 8px; background-color: #ffffff; border-color: #064394; order: 1; border-radius: 20px !important; font-family: Oswald; font-size: 14px; font-weight: 500; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button span { font-size: 14px; color: #064394 !important; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button:hover { background-color: #064394 !important; border-color: #064394; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button:hover span { color: #ffffff !important; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button:disabled, body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button.disabled { background-color: #a4a4a4; border-color: #a4a4a4; font-weight: 600; font-family: 'Roboto', sans-serif; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button.added { background-color: #ffffff; border-color: #064394; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button.added span { color: #064394; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button span { color: #ffffff; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions .buynow-button button { background: #064394; border-color: #064394; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions .buynow-button button span { color: #ffffff !important; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions .buynow-button button:hover { background-color: #ffffff !important; border-color: #064394; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions .buynow-button button:hover span { color: #064394 !important; } body.catalog-product-view #maincontent .product-info-main .product-addto-links { display: inline-block; margin-left: 15px; margin-top: 0; vertical-align: top; } body.catalog-product-view #maincontent .product-info-main .product-addto-links span { font-size: 0; } body.catalog-product-view #maincontent .product-info-main .product-addto-links .action.towishlist span:before { width: 69px; height: 38px; background-size: 25px; background-position: center center; margin: 0; border: solid 1px #b6b6b6; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute { max-height: unset; border-top: none; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-opt { margin-top: 5x; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-label { font-size: 12px; font-weight: 700; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-label:after { display: none; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-label .swatch-error-notice { display: inline-block; margin-left: 10px; line-height: 15px; vertical-align: middle; margin-bottom: 1px; color: #CB2127; font-family: Roboto; font-size: 14px; font-weight: 500; letter-spacing: 0; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-label a.open-chart { float: right; text-transform: capitalize; font-weight: 700; margin-right: 0; padding-left: 5px; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options { margin-left: 0 !important; margin-right: 0 !important; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options:focus { box-shadow: none; outline: 0; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text { background-color: transparent; border: solid 1px #b6b6b6 !important; font-size: 13px; color: #141414; box-sizing: border-box; min-width: 60px; height: 40px !important; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text.error { border-color: #dd0019 !important; color: #dd0019; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text:hover { border-color: #0063ba !important; background-color: #0063ba !important; color: white; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text:last-child { margin-right: 0; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text.selected { border-color: #0063ba !important; background-color: transparent !important; color: #141414 !important; } .catalog-product-view .product-info-main .box-tocart .actions button:after { box-shadow: none; } @media only screen and (min-width: 768px) { body .catalog-product-view #maincontent .product-info-main h2.pdp-brand-title { font-size: 28px; } body .catalog-product-view #maincontent .product-info-main .product-addto-links { margin-top: 15px; } body .catalog-product-view #maincontent .product.media .gallery-placeholder .magnifier-preview { width: 550px !important; height: 600px !important; } body #sizechart-id p.chart-title { text-align: left; font-size: 25px; text-transform: uppercase; font-weight: 700; font-style: normal; font-family: 'Oswald', sans-serif; padding-top: 30px; } body #sizechart-id .sizechart-descp-main p.details { font-style: normal !important; } body #sizechart-id .sizechart-tabs-main { display: flex; gap: 0; border-radius: 20px; overflow: hidden; width: fit-content; border: 1px solid black; margin-bottom: 20px; margin-left: 16px; } body #sizechart-id .sizechart-tabs-main button { padding: 4px 10px; border: none; background-color: transparent; color: black; width: 65px; } body #sizechart-id .sizechart-tabs-main .btn-cm, body #sizechart-id .sizechart-tabs-main .btn-inches { width: 65px; } body #sizechart-id .sizechart-tabs-main .active { background-color: black; color: white; } body #sizechart-id .wrapper .sizechart-second { display: none; } body #sizechart-id table { border-color: #dddddd !important; margin-bottom: 0px; margin-right: 20px; border: 1px solid; } body #sizechart-id table tr > * { display: block !important; max-width: 125px; height: auto !important; border: 0 !important; border-bottom: 1px solid #dddddd !important; color: #000000 !important; padding: 15px 10px; } body #sizechart-id table tr { display: table-cell !important; border-left: 1px solid #dddddd; vertical-align: top; } body #sizechart-id table tr td:nth-child(even) { background: #f0f0f0; } body #sizechart-id table tr td:last-child { border-bottom: 0 !important; } .catalog-product-view .fotorama__stage__frame .fotorama__img { top: 45%; } } @media only screen and (min-width: 1025px) { body.catalog-product-view #maincontent .product-info-main .product.attribute.sku { line-height: 26px; } body.catalog-product-view #maincontent .product-info-main .product.attribute.sku strong, body.catalog-product-view #maincontent .product-info-main .product.attribute.sku div { font-size: 11px; line-height: 22px; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box { padding-top: 12px; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price { font-size: 30px; color: #141414 !important; font-weight: bold; } body.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .old-price .price { font-size: 20px; } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty { display: block; width: 168px; } body.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty select { max-width: 170px; position: relative; background-image: none; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions { vertical-align: top; float: unset; width: 100%; max-width: 100%; margin-top: 25px; } body.catalog-product-view #maincontent .product-info-main .product-addto-links { margin-top: 30px; } } @media only screen and (max-width: 767px) { body.catalog-product-view .breadcrumbs { display: block; padding-top: 15px; min-height: 67px; } body.catalog-product-view .breadcrumbs > li { display: flex; } body.catalog-product-view .breadcrumbs .items .item a, body.catalog-product-view .breadcrumbs .items .item strong { overflow: hidden; text-overflow: ellipsis; display: initial; } body.catalog-product-view #maincontent .product-info-main { margin-top: 25px; } body.catalog-product-view #maincontent .product-info-main .page-title-wrapper.product h1.page-title { font-size: 26px; } body.catalog-product-view #maincontent .product-info-main .box-tocart .actions button span { font-size: 12px; } body.catalog-product-view #maincontent .product-info-price .price-box .price-final_price .price { font-size: 24px; } body.catalog-product-view #maincontent .product-info-price .price-box > .special-price .price-final_price .price { font-size: 24px; } body.catalog-product-view #maincontent .column.main { padding-bottom: 10px; } body.catalog-product-view #maincontent .column.main .block.row.related .block-title.title, body.catalog-product-view #maincontent .column.main .block.row.related-items .block-title.title, body.catalog-product-view #maincontent .column.main .block.row.upsell .block-title.title { font-size: 16px; } body.catalog-product-view #maincontent .column.main .block.row.related .block-content.content .products-grid.products-related, body.catalog-product-view #maincontent .column.main .block.row.related-items .block-content.content .products-grid.products-related, body.catalog-product-view #maincontent .column.main .block.row.upsell .block-content.content .products-grid.products-related { padding-bottom: 0; margin-bottom: 0; } body.catalog-product-view #maincontent .column.main .block.row.related .block-content.content .products-grid.products-related .product-items, body.catalog-product-view #maincontent .column.main .block.row.related-items .block-content.content .products-grid.products-related .product-items, body.catalog-product-view #maincontent .column.main .block.row.upsell .block-content.content .products-grid.products-related .product-items { margin-bottom: 0; } body.catalog-product-view #maincontent .column.main .block.row.related .block-content.content .products-grid.products-related .product-items .product-item .price-box, body.catalog-product-view #maincontent .column.main .block.row.related-items .block-content.content .products-grid.products-related .product-items .product-item .price-box, body.catalog-product-view #maincontent .column.main .block.row.upsell .block-content.content .products-grid.products-related .product-items .product-item .price-box { margin-bottom: 0; } body.catalog-product-view #maincontent .column.main .block.row.related .block-content.content .owl-carousel.owl-theme .owl-stage-outer, body.catalog-product-view #maincontent .column.main .block.row.related-items .block-content.content .owl-carousel.owl-theme .owl-stage-outer, body.catalog-product-view #maincontent .column.main .block.row.upsell .block-content.content .owl-carousel.owl-theme .owl-stage-outer { padding-bottom: 0; } body.catalog-product-view #maincontent .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left { left: -5px; } body.catalog-product-view #maincontent .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { right: -5px; } body.catalog-product-view #maincontent .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, body.catalog-product-view #maincontent .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { height: 100px; top: 80% !important; } body.catalog-product-view #maincontent .fotorama__nav.fotorama__nav--thumbs { margin-top: 20px; height: 102px !important; max-width: 300px; } body.catalog-product-view #maincontent .fotorama__nav--thumbs .fotorama__nav__frame { width: 100px !important; } body.catalog-product-view #maincontent .fotorama__nav-wrap--horizontal .fotorama__thumb-border { height: 100px !important; width: 100px !important; } body.catalog-product-view #maincontent .fotorama__stage__frame .fotorama__img { width: 100%; } body.catalog-product-view #maincontent .fotorama__arr.fotorama__arr--next, body.catalog-product-view #maincontent .fotorama__arr.fotorama__arr--prev { display: none; } body.catalog-product-view .product-addto-links { margin-top: 0px; } body .fancybox-wrap { width: 100% !important; top: 0 !important; left: 0 !important; height: 100% !important; } body .fancybox-wrap .fancybox-skin .fancybox-inner { height: 100% !important; width: 100% !important; } body .fancybox-wrap .fancybox-skin .fancybox-close { margin-top: 10px; } body .fancybox-wrap #sizechart-id { margin-top: 35px; } body .fancybox-wrap #sizechart-id p.chart-title { text-align: left; font-weight: 700; font-size: 26px !important; margin-top: 25px; font-style: normal; text-transform: uppercase; } body .fancybox-wrap #sizechart-id .sizechart-descp-main p.details { font-style: normal !important; } body .fancybox-wrap #sizechart-id .sizechart-tabs-main { display: flex; gap: 0; border-radius: 20px; overflow: hidden; width: fit-content; border: 1px solid black; margin-bottom: 20px; margin-left: 16px; } body .fancybox-wrap #sizechart-id .sizechart-tabs-main button { padding: 4px 10px; border: none; background-color: transparent; color: black; width: 65px; } body .fancybox-wrap #sizechart-id .sizechart-tabs-main .btn-cm, body .fancybox-wrap #sizechart-id .sizechart-tabs-main .btn-inches { width: 65px; } body .fancybox-wrap #sizechart-id .sizechart-tabs-main .active { background-color: black; color: white; } body .fancybox-wrap #sizechart-id .wrapper .sizechart-second { display: none; } body .fancybox-wrap #sizechart-id table { margin-bottom: 30px; margin-right: 0px; border-color: #dddddd !important; width: 100% !important; } body .fancybox-wrap #sizechart-id table tr { border-left: 1px solid #dddddd; } body .fancybox-wrap #sizechart-id table tr:first-child td { text-align: center !important; } body .fancybox-wrap #sizechart-id table tr:nth-child(even) { background: #f0f0f0; } body .fancybox-wrap #sizechart-id table tr td { border-right: 1px solid #dddddd !important; } [class*=owl-carousel-products-].owl-theme .owl-dots { bottom: 0px !important; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-label a.open-chart { margin-right: 0; } } /* up-sell products **/ .products-upsell .owl-thumbs { display: none; } body.catalog-product-view .page-wrapper > .page-bottom, body.checkout-cart-index .page-wrapper > .page-bottom { max-width: 100%; width: 100%; background-color: #ffffff; } body.catalog-product-view.theme-pearl.page-layout-1column .products.products-grid, body.checkout-cart-index.theme-pearl.page-layout-1column .products.products-grid { padding-top: 0 !important; } body.catalog-product-view .block.row, body.checkout-cart-index .block.row, body.catalog-product-view .block.crosssell, body.checkout-cart-index .block.crosssell { max-width: 1400px; margin: 0 auto; padding: 0 36px; width: 100%; float: none; display: block; } body.catalog-product-view .block .title, body.checkout-cart-index .block .title { line-height: 1.27; letter-spacing: normal; color: #303030; margin: 40px 0 31px; font-family: 'roboto', sans-serif; font-weight: normal; text-transform: none; font-size: 30px; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"], body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"], body.catalog-product-view .block.crosssell div[aria-labelledby="block-upsell-heading"], body.checkout-cart-index .block.crosssell div[aria-labelledby="block-upsell-heading"] { border: none; } body.catalog-product-view .block.crosssell .owl-carousel .owl-stage-outer, body.checkout-cart-index .block.crosssell .owl-carousel .owl-stage-outer { padding: 0; } body.catalog-product-view .block.row .products-upsell.grid.products-grid .owl-item .product-item, body.checkout-cart-index .block.row .products-upsell.grid.products-grid .owl-item .product-item, body.catalog-product-view .block.crosssell .products-crosssell.grid.products-grid .owl-item .product-item, body.checkout-cart-index .block.crosssell .products-crosssell.grid.products-grid .owl-item .product-item { background-color: #ffffff; width: 94.13% !important; margin-right: 20px; border: 1px solid transparent !important; } body.catalog-product-view .block.row .products-upsell.grid.products-grid .owl-item .product-item:hover, body.checkout-cart-index .block.row .products-upsell.grid.products-grid .owl-item .product-item:hover, body.catalog-product-view .block.crosssell .products-crosssell.grid.products-grid .owl-item .product-item:hover, body.checkout-cart-index .block.crosssell .products-crosssell.grid.products-grid .owl-item .product-item:hover { border: 1px solid #333333; } body.catalog-product-view .block.row .products-upsell #pre-div, body.checkout-cart-index .block.row .products-upsell #pre-div, body.catalog-product-view .block.crosssell .products-crosssell #pre-div, body.checkout-cart-index .block.crosssell .products-crosssell #pre-div { display: none; } body.catalog-product-view .block.row .products-upsell.products-grid.products-upsell .product-item .product-item-info, body.checkout-cart-index .block.row .products-upsell.products-grid.products-upsell .product-item .product-item-info, body.catalog-product-view .block.crosssell .products-crosssell.products-grid.products-upsell .product-item .product-item-info, body.checkout-cart-index .block.crosssell .products-crosssell.products-grid.products-upsell .product-item .product-item-info, body.catalog-product-view .block.row .products-upsell.products-grid.products-crosssell .product-item .product-item-info, body.checkout-cart-index .block.row .products-upsell.products-grid.products-crosssell .product-item .product-item-info, body.catalog-product-view .block.crosssell .products-crosssell.products-grid.products-crosssell .product-item .product-item-info, body.checkout-cart-index .block.crosssell .products-crosssell.products-grid.products-crosssell .product-item .product-item-info { padding: 0 20px 20px; } body.catalog-product-view .block.row .products-upsell a.product.photo.product-item-photo, body.checkout-cart-index .block.row .products-upsell a.product.photo.product-item-photo, body.catalog-product-view .block.crosssell .products-crosssell a.product.photo.product-item-photo, body.checkout-cart-index .block.crosssell .products-crosssell a.product.photo.product-item-photo { margin: 0 5px; display: flex; float: none !important; } body.catalog-product-view .block.row .products-upsell .owl-carousel .owl-item img, body.checkout-cart-index .block.row .products-upsell .owl-carousel .owl-item img, body.catalog-product-view .block.crosssell .products-crosssell .owl-carousel .owl-item img, body.checkout-cart-index .block.crosssell .products-crosssell .owl-carousel .owl-item img { margin: 0; } body.catalog-product-view .block.row .products-upsell .products-grid .product-item .product-item-info, body.checkout-cart-index .block.row .products-upsell .products-grid .product-item .product-item-info, body.catalog-product-view .block.crosssell .products-crosssell .products-grid .product-item .product-item-info, body.checkout-cart-index .block.crosssell .products-crosssell .products-grid .product-item .product-item-info { display: inline-block; } body.catalog-product-view .block.row .products-upsell .product-item .product-item-info .product-item-details .product-item-actions, body.checkout-cart-index .block.row .products-upsell .product-item .product-item-info .product-item-details .product-item-actions, body.catalog-product-view .block.crosssell .products-crosssell .product-item .product-item-info .product-item-details .product-item-actions, body.checkout-cart-index .block.crosssell .products-crosssell .product-item .product-item-info .product-item-details .product-item-actions { position: absolute !important; } body.catalog-product-view .block.row .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev, body.checkout-cart-index .block.row .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev, body.catalog-product-view .block.crosssell .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev, body.checkout-cart-index .block.crosssell .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev { background: url('../../frontend/Kemana/default/id_ID/images/leftarrow.svg') no-repeat center !important; width: 40px; height: 40px; left: -30px !important; top: 50% !important; transform: translateY(-50%); border-radius: 50% !important; } body.catalog-product-view .block.row .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next, body.checkout-cart-index .block.row .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next, body.catalog-product-view .block.crosssell .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next, body.checkout-cart-index .block.crosssell .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { background: url('../../frontend/Kemana/default/id_ID/images/rightarrow.svg') no-repeat center !important; width: 40px; height: 40px; right: -15px !important; top: 50% !important; transform: translateY(-50%); border-radius: 50% !important; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-info:hover, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-info:hover, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-info:hover, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-info:hover { margin: 0; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details { border-top: none; display: flex; flex-wrap: wrap; align-items: baseline; min-height: 153px; padding-bottom: 0px !important; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box { display: block; margin: 0; min-height: 38px; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container { display: inline-block; margin: 5px 0px; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container .special-price, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container .special-price, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container .special-price, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container .special-price { display: block; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container .old-price, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container .old-price, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container .old-price, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .price-wrapper-container .old-price { display: block; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .discount, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .discount, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .discount, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .discount { display: inline-block; vertical-align: top; margin: 6px 0px; font-size: 12px; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .price-container .price, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .price-container .price, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .price-container .price, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .price-container .price { color: #222222 !important; font-size: 13px !important; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .special-price .price-container .price, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box .special-price .price-container .price, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .special-price .price-container .price, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box .special-price .price-container .price { color: #dd0019 !important; font-weight: bold; font-size: 13px !important; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price { font-family: 'robotoregular'; color: #999 !important; text-decoration: line-through; font-weight: normal; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price { margin-right: 0; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .discount, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .discount, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .discount, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .discount { color: #222222; font-weight: bold; font-size: 14px; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist { top: -10px; width: 20px; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item:hover .product-item-details .product-item-actions .actions-secondary a.towishlist, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item:hover .product-item-details .product-item-actions .actions-secondary a.towishlist, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item:hover .product-item-details .product-item-actions .actions-secondary a.towishlist, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item:hover .product-item-details .product-item-actions .actions-secondary a.towishlist { left: inherit !important; right: 0 !important; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-name, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-name, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-name, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-name { padding-top: 0; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 54px; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-details .product-item-actions, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-actions, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-actions { right: 0; bottom: inherit; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-name > a, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-name > a, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-name > a, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-name > a { font-family: 'roboto', sans-serif; font-weight: normal; text-transform: none; } body.catalog-product-view .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-name > a:hover, body.checkout-cart-index .block.row div[aria-labelledby="block-upsell-heading"] .products-grid .product-item .product-item-name > a:hover, body.catalog-product-view .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-name > a:hover, body.checkout-cart-index .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-name > a:hover { color: #303030; } body.catalog-product-view .page-wrapper > .page-bottom { padding-bottom: 60px; border-top: 1px solid #ccc; } body.checkout-cart-index .page-wrapper > .page-bottom { padding-bottom: 40px; border-top: 1px solid #ccc; } @media only screen and (min-width: 768px) and (max-width: 1023px) { body.catalog-product-view #maincontent .product.data.items > .item.content { margin-top: 60px !important; float: right; margin-left: -100%; width: 100%; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section { padding: 10px 15px; border-top: 0px solid #dcdcdc; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section .pdp-desc p { font-size: 12px; line-height: 22px; } body.catalog-product-view #maincontent .column.main .product-details-content .pdp-description-section { padding: 10px 0px; } body.catalog-product-view .product.info.detailed .product.data.items > .data.item.content { border: 0px solid #ccc; } body.catalog-product-view .product.info.detailed .product.data.items { margin-left: 0; margin-right: 0; position: relative; border-bottom: 0px solid #ccc; } body.catalog-product-view .product.info.detailed .product.data.items .item.title { float: left; width: auto; } body.catalog-product-view .product.info.detailed .product.data.items .item.title .switch { position: relative; z-index: 2; } body.catalog-product-view .product.info.detailed .product.data.items .item.title .switch:after { display: none; } body.catalog-product-view .product.info.detailed .product.data.items .item.title.active .switch { height: auto !important; color: #001B61 !important; font-weight: bold; border-bottom: 2px solid #001b61 !important; border: 0px solid #ccc; border-right-width: 0px !important; border-left-width: 0px !important; line-height: 32px; padding: 0; margin-right: 60px; } body.catalog-product-view .product.info.detailed .product.data.items .item.title.active .switch:after { display: none; } body.catalog-product-view .product.info.detailed .product.data.items .item.content:after { clear: unset; } .pdp-text-image .pdp-descp { padding-top: 2%; } .pdp-text-image .pdp-descp.rt { padding-left: 20px; } .pdp-text-image .pdp-descp.lf { padding-right: 20px; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content table { clear: both; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content table td:first-child { width: 200px; } } @media only screen and (max-width: 900px) { body.catalog-product-view .block.row, body.checkout-cart-index .block.row, body.catalog-product-view .block.crosssell, body.checkout-cart-index .block.crosssell { padding: 0 15px; } body.catalog-product-view .block.row .products-upsell.products-grid.products-upsell .product-item .product-item-info, body.checkout-cart-index .block.row .products-upsell.products-grid.products-upsell .product-item .product-item-info, body.catalog-product-view .block.crosssell .products-crosssell.products-grid.products-upsell .product-item .product-item-info, body.checkout-cart-index .block.crosssell .products-crosssell.products-grid.products-upsell .product-item .product-item-info, body.catalog-product-view .block.row .products-upsell.products-grid.products-crosssell .product-item .product-item-info, body.checkout-cart-index .block.row .products-upsell.products-grid.products-crosssell .product-item .product-item-info, body.catalog-product-view .block.crosssell .products-crosssell.products-grid.products-crosssell .product-item .product-item-info, body.checkout-cart-index .block.crosssell .products-crosssell.products-grid.products-crosssell .product-item .product-item-info { padding: 0 10px 20px; } body.catalog-product-view .page-wrapper > .page-bottom { padding-bottom: 30px; } body.checkout-cart-index .page-wrapper > .page-bottom { padding-bottom: 0; } } @media only screen and (max-width: 767px) { body.catalog-product-view .block.row, body.checkout-cart-index .block.row, body.catalog-product-view .block.crosssell, body.checkout-cart-index .block.crosssell { max-width: 100%; padding: 0; } body.catalog-product-view.theme-pearl.page-layout-1column .products.products-grid, body.checkout-cart-index.theme-pearl.page-layout-1column .products.products-grid { margin: 0; } body.catalog-product-view .block .block-content ol.product-items, body.checkout-cart-index .block .block-content ol.product-items { margin: 0; } body.catalog-product-view .block.row .products-upsell.grid.products-grid .owl-item .product-item, body.checkout-cart-index .block.row .products-upsell.grid.products-grid .owl-item .product-item, body.catalog-product-view .block.crosssell .products-crosssell.grid.products-grid .owl-item .product-item, body.checkout-cart-index .block.crosssell .products-crosssell.grid.products-grid .owl-item .product-item { width: 94% !important; margin: 0 6px; } body.catalog-product-view .block.row .products-upsell.grid.products-grid .product-item-details .atome-product-price-divider, body.checkout-cart-index .block.row .products-upsell.grid.products-grid .product-item-details .atome-product-price-divider, body.catalog-product-view .block.crosssell .products-crosssell.grid.products-grid .product-item-details .atome-product-price-divider, body.checkout-cart-index .block.crosssell .products-crosssell.grid.products-grid .product-item-details .atome-product-price-divider { word-break: break-all; } body.catalog-product-view .block.row .products-upsell.grid.products-grid .product-item-details .price-wrapper-container .special-price .price, body.checkout-cart-index .block.row .products-upsell.grid.products-grid .product-item-details .price-wrapper-container .special-price .price, body.catalog-product-view .block.crosssell .products-crosssell.grid.products-grid .product-item-details .price-wrapper-container .special-price .price, body.checkout-cart-index .block.crosssell .products-crosssell.grid.products-grid .product-item-details .price-wrapper-container .special-price .price { font-size: 14px !important; } body.catalog-product-view .block.row .products-upsell.grid.products-grid .product-item-details .price-box.price-final_price .price, body.checkout-cart-index .block.row .products-upsell.grid.products-grid .product-item-details .price-box.price-final_price .price, body.catalog-product-view .block.crosssell .products-crosssell.grid.products-grid .product-item-details .price-box.price-final_price .price, body.checkout-cart-index .block.crosssell .products-crosssell.grid.products-grid .product-item-details .price-box.price-final_price .price { font-size: 14px !important; } body.catalog-product-view .block .title, body.checkout-cart-index .block .title { font-size: 26px; margin-top: 24px; margin-bottom: 16px; display: inline-block; } body.catalog-product-view .products-upsell .owl-carousel .owl-stage-outer, body.checkout-cart-index .products-upsell .owl-carousel .owl-stage-outer, body.catalog-product-view .products-crosssell .owl-carousel .owl-stage-outer, body.checkout-cart-index .products-crosssell .owl-carousel .owl-stage-outer { padding-bottom: 30px; } body.catalog-product-view .products-upsell .owl-theme .owl-controls, body.checkout-cart-index .products-upsell .owl-theme .owl-controls, body.catalog-product-view .products-crosssell .owl-theme .owl-controls, body.checkout-cart-index .products-crosssell .owl-theme .owl-controls { display: block; } body.catalog-product-view .block.row .products-upsell.products-grid.products-upsell .product-item .product-item-info, body.checkout-cart-index .block.row .products-upsell.products-grid.products-upsell .product-item .product-item-info, body.catalog-product-view .block.crosssell .products-upsell.products-grid.products-upsell .product-item .product-item-info, body.checkout-cart-index .block.crosssell .products-upsell.products-grid.products-upsell .product-item .product-item-info, body.catalog-product-view .block.row .products-crosssell.products-grid.products-upsell .product-item .product-item-info, body.checkout-cart-index .block.row .products-crosssell.products-grid.products-upsell .product-item .product-item-info, body.catalog-product-view .block.crosssell .products-crosssell.products-grid.products-upsell .product-item .product-item-info, body.checkout-cart-index .block.crosssell .products-crosssell.products-grid.products-upsell .product-item .product-item-info, body.catalog-product-view .block.row .products-upsell.products-grid.products-crosssell .product-item .product-item-info, body.checkout-cart-index .block.row .products-upsell.products-grid.products-crosssell .product-item .product-item-info, body.catalog-product-view .block.crosssell .products-upsell.products-grid.products-crosssell .product-item .product-item-info, body.checkout-cart-index .block.crosssell .products-upsell.products-grid.products-crosssell .product-item .product-item-info, body.catalog-product-view .block.row .products-crosssell.products-grid.products-crosssell .product-item .product-item-info, body.checkout-cart-index .block.row .products-crosssell.products-grid.products-crosssell .product-item .product-item-info, body.catalog-product-view .block.crosssell .products-crosssell.products-grid.products-crosssell .product-item .product-item-info, body.checkout-cart-index .block.crosssell .products-crosssell.products-grid.products-crosssell .product-item .product-item-info { padding: 0 10px 20px; } body.catalog-product-view .block.row .products-upsell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.checkout-cart-index .block.row .products-upsell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.catalog-product-view .block.crosssell .products-upsell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.checkout-cart-index .block.crosssell .products-upsell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.catalog-product-view .block.row .products-crosssell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.checkout-cart-index .block.row .products-crosssell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.catalog-product-view .block.crosssell .products-crosssell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.checkout-cart-index .block.crosssell .products-crosssell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist { right: 0; top: -25px !important; } body.catalog-product-view .block.row .products-upsell .secondary-addto-links.actions-secondary, body.checkout-cart-index .block.row .products-upsell .secondary-addto-links.actions-secondary, body.catalog-product-view .block.crosssell .products-upsell .secondary-addto-links.actions-secondary, body.checkout-cart-index .block.crosssell .products-upsell .secondary-addto-links.actions-secondary, body.catalog-product-view .block.row .products-crosssell .secondary-addto-links.actions-secondary, body.checkout-cart-index .block.row .products-crosssell .secondary-addto-links.actions-secondary, body.catalog-product-view .block.crosssell .products-crosssell .secondary-addto-links.actions-secondary, body.checkout-cart-index .block.crosssell .products-crosssell .secondary-addto-links.actions-secondary { display: block; } body.catalog-product-view .block.row .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next, body.checkout-cart-index .block.row .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next, body.catalog-product-view .block.crosssell .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next, body.checkout-cart-index .block.crosssell .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next, body.catalog-product-view .block.row .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next, body.checkout-cart-index .block.row .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next, body.catalog-product-view .block.crosssell .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next, body.checkout-cart-index .block.crosssell .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { right: -10px !important; width: 30px; height: 30px; border-radius: 50%; top: 55% !important; } body.catalog-product-view .block.row .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev, body.checkout-cart-index .block.row .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev, body.catalog-product-view .block.crosssell .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev, body.checkout-cart-index .block.crosssell .products-upsell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev, body.catalog-product-view .block.row .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev, body.checkout-cart-index .block.row .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev, body.catalog-product-view .block.crosssell .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev, body.checkout-cart-index .block.crosssell .products-crosssell [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev { left: -10px !important; width: 30px; height: 30px; border-radius: 50%; top: 55% !important; } body.catalog-product-view .page-wrapper > .page-bottom { padding-bottom: 0; border-top: 1px solid #cecece; } body.catalog-product-view .page-wrapper > .page-bottom .block-title.title { display: inline-block; text-align: center; } body.checkout-cart-index .page-wrapper > .page-bottom { padding-bottom: 30px; } .pdp-text-image { padding-bottom: 0px; } .pdp-text-image .pdp-descp { width: 100%; float: none; padding-top: 5%; padding-bottom: 10px; } .pdp-text-image .pdp-img-descp { width: 100%; float: none; padding-bottom: 20px; } .pdp-text-image .pdp-descp.rt { padding-left: 0; padding-top: 0; } .pdp-text-image .pdp-img-descp.lf { padding-bottom: 20px; } .pdp-text-image pdp-descp.lf { padding-right: 0px; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content.view-more-less-wrapper table { width: 100%; margin-top: 30px; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content.view-more-less-wrapper table td { width: auto; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items div.item.content.view-more-less-wrapper table td:first-child { width: auto; } body.catalog-product-view .flix_content { max-height: 100%; height: 60px; overflow: hidden; } body.catalog-product-view .max-content { max-height: 100%; height: auto !important; } body.catalog-product-view .product.info.detailed .product.data.items > .data.item.content .read-more-mobile { display: block; text-align: center; padding-top: 10px; width: 26%; margin: 0 auto; position: relative; } body.catalog-product-view .product.info.detailed .product.data.items > .data.item.content .read-more-mobile a.read-more-button { color: #222222; font-family: Roboto; font-size: 12px; font-weight: 500; line-height: 14px; } body.catalog-product-view .product.info.detailed .product.data.items > .data.item.content .read-more-mobile a.read-more-button:before { content: "\203A"; position: absolute; top: 13px; right: 0; font-size: 32px; transform: rotate(90deg); } body.catalog-product-view .product.info.detailed .product.data.items > .data.item.content .read-less-mobile { display: none; text-align: center; width: 26%; margin: 0 auto; position: relative; } body.catalog-product-view .product.info.detailed .product.data.items > .data.item.content .read-less-mobile a.read-less-button { color: #222222; font-family: Roboto; font-size: 12px; font-weight: 500; line-height: 14px; display: block; text-align: center; width: 26%; margin: 0 auto; position: relative; } body.catalog-product-view .product.info.detailed .product.data.items > .data.item.content .read-less-mobile a.read-less-button:after { content: "\203A"; position: absolute; top: 0; right: 5px; font-size: 32px; transform: rotate(270deg); } body.catalog-product-view .product.info.detailed .data.item.title .data.item.content > div.pdp-description-section h2.desc-title { margin-bottom: 0; } body.catalog-product-view #maincontent .product.data.items .item.content { margin-top: 30px !important; float: right; margin-left: -100%; width: 100%; } body.catalog-product-view #maincontent .product.data.items .item.title { float: left; width: auto; } body.catalog-product-view #maincontent .product.data.items .item.title .data.switch::after { display: none; } body.catalog-product-view #maincontent .product.data.items .item.title .switch { font-size: 14px !important; } .pdp-text-image .pdp-descp.lf { padding-right: 0; } } @media only screen and (max-width: 475px) { body.catalog-product-view .block.row .products-upsell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.checkout-cart-index .block.row .products-upsell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.catalog-product-view .block.crosssell .products-upsell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.checkout-cart-index .block.crosssell .products-upsell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.catalog-product-view .block.row .products-crosssell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.checkout-cart-index .block.row .products-crosssell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.catalog-product-view .block.crosssell .products-crosssell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist, body.checkout-cart-index .block.crosssell .products-crosssell .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist { right: 0px; } body.catalog-product-view .block.row .products-upsell .product-item .product-item-info .product-item-details .discount, body.checkout-cart-index .block.row .products-upsell .product-item .product-item-info .product-item-details .discount, body.catalog-product-view .block.crosssell .products-upsell .product-item .product-item-info .product-item-details .discount, body.checkout-cart-index .block.crosssell .products-upsell .product-item .product-item-info .product-item-details .discount, body.catalog-product-view .block.row .products-crosssell .product-item .product-item-info .product-item-details .discount, body.checkout-cart-index .block.row .products-crosssell .product-item .product-item-info .product-item-details .discount, body.catalog-product-view .block.crosssell .products-crosssell .product-item .product-item-info .product-item-details .discount, body.checkout-cart-index .block.crosssell .products-crosssell .product-item .product-item-info .product-item-details .discount { font-size: 10px !important; } } .weltpixel_quickview-catalog_product-view::-webkit-scrollbar { display: none; } .weltpixel_quickview-catalog_product-view { overflow: auto !important; } .weltpixel_quickview-catalog_product-view .scroll-div { display: none; } .weltpixel_quickview-catalog_product-view .product-info-main .product-info-price .price-box .price { font-size: 20px; } /*Category Landing page*/ body.catalog-category-view .category-image { width: 100%; padding: 0px; margin-bottom: 0px; } body.catalog-category-view .category-image img { width: 100%; } body.catalog-category-view .mobile-banner-link { display: none; } @media only screen and (min-width: 768px) { body.catalog-category-view .columns .sidebar.sidebar-main .block-content.filter-content .filter-current .items, .catalogsearch-result-index .columns .sidebar.sidebar-main .block-content.filter-content .filter-current .items, .catalogsearch-advanced-result .columns .sidebar.sidebar-main .block-content.filter-content .filter-current .items { list-style-type: none; } body.catalog-category-view .columns .sidebar.sidebar-main .block-content.filter-content .filter-current .items .item, .catalogsearch-result-index .columns .sidebar.sidebar-main .block-content.filter-content .filter-current .items .item, .catalogsearch-advanced-result .columns .sidebar.sidebar-main .block-content.filter-content .filter-current .items .item { margin-top: 10px !important; } body.catalog-category-view .columns .toolbar.toolbar-products, .catalogsearch-result-index .columns .toolbar.toolbar-products, .catalogsearch-advanced-result .columns .toolbar.toolbar-products { right: 0px !important; } body.catalog-category-view .columns .toolbar.toolbar-products .toolbar-sorter.sorter, .catalogsearch-result-index .columns .toolbar.toolbar-products .toolbar-sorter.sorter, .catalogsearch-advanced-result .columns .toolbar.toolbar-products .toolbar-sorter.sorter { right: 0px !important; } body.catalog-category-view .columns .products.wrapper.grid.products-grid dl.block, .catalogsearch-result-index .columns .products.wrapper.grid.products-grid dl.block, .catalogsearch-advanced-result .columns .products.wrapper.grid.products-grid dl.block { display: none !important; } body.catalog-category-view .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products, .catalogsearch-result-index .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products, .catalogsearch-advanced-result .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products { top: -60px; right: 20px; } body.catalog-category-view .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products .toolbar-sorter.sorter, .catalogsearch-result-index .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products .toolbar-sorter.sorter, .catalogsearch-advanced-result .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products .toolbar-sorter.sorter { top: unset !important; } body.catalog-category-view .columns .products.wrapper.grid.products-grid .products.wrapper.grid.products-grid, .catalogsearch-result-index .columns .products.wrapper.grid.products-grid .products.wrapper.grid.products-grid, .catalogsearch-advanced-result .columns .products.wrapper.grid.products-grid .products.wrapper.grid.products-grid { padding-left: 0; } } @media only screen and (max-width: 767px) { .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block .filter-current, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block .filter-current, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block .filter-current { margin: 0; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block .filter-current .items, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block .filter-current .items, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block .filter-current .items { list-style-type: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block .filter-current .items .item, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block .filter-current .items .item, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block .filter-current .items .item { margin-top: 10px !important; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block .filter-options .filter-options-title, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block .filter-options .filter-options-title, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block .filter-options .filter-options-title { margin: 0px !important; } .catalog-category-view .columns .products.wrapper.grid.products-grid, .catalogsearch-result-index .columns .products.wrapper.grid.products-grid, .catalogsearch-advanced-result .columns .products.wrapper.grid.products-grid { padding-left: 0px; } .catalog-category-view .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products, .catalogsearch-result-index .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products, .catalogsearch-advanced-result .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products { position: absolute !important; } .catalog-category-view .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products .toolbar-sorter.sorter, .catalogsearch-result-index .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products .toolbar-sorter.sorter, .catalogsearch-advanced-result .columns .products.wrapper.grid.products-grid .toolbar.toolbar-products .toolbar-sorter.sorter { top: -32px !important; } .catalog-category-view .columns .products.wrapper.grid.products-grid .bottom-toolbar .toolbar.toolbar-products, .catalogsearch-result-index .columns .products.wrapper.grid.products-grid .bottom-toolbar .toolbar.toolbar-products, .catalogsearch-advanced-result .columns .products.wrapper.grid.products-grid .bottom-toolbar .toolbar.toolbar-products { position: relative !important; } .catalog-category-view.page-products .page-main .columns .toolbar.toolbar-products, .catalogsearch-result-index.page-products .page-main .columns .toolbar.toolbar-products, .catalogsearch-advanced-result.page-products .page-main .columns .toolbar.toolbar-products { width: 100%; } .catalog-category-view.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item, .catalogsearch-result-index.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item, .catalogsearch-advanced-result.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item { display: inline-block; } .catalog-category-view.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .page, .catalogsearch-result-index.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .page, .catalogsearch-advanced-result.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .page, .catalog-category-view.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .action, .catalogsearch-result-index.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .action, .catalogsearch-advanced-result.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .action { margin: 0 3px; width: 40px; height: 40px; line-height: 40px; } .catalog-category-view.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .page span, .catalogsearch-result-index.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .page span, .catalogsearch-advanced-result.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .page span, .catalog-category-view.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .action span, .catalogsearch-result-index.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .action span, .catalogsearch-advanced-result.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item .action span { width: 40px; height: 40px; line-height: 40px; } .catalog-category-view.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item.current .page, .catalogsearch-result-index.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item.current .page, .catalogsearch-advanced-result.page-products .page-main .columns .toolbar.toolbar-products .pages ul li.item.current .page { height: 40px; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .discount, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .discount, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .discount { font-size: 10px !important; } } /*---Desktop---*/ /*---Mobile---*/ @media only screen and (max-width: 1023px) and (min-width: 768px) { body.catalog-category-view .category-cms .left-linkcatalog { margin-top: 1%; } body.catalog-category-view .category-cms .left-linkcatalog ul { padding-left: 15px; width: 80%; } body.catalog-category-view .category-cms .left-linkcatalog .links-scroll { display: none; position: absolute; right: -25px; bottom: 0px; transform: rotate(90deg); text-transform: uppercase; font-size: 10px; } body.catalog-category-view .category-cms .left-linkcatalog .links-scroll:after { display: inline-block; content: ''; width: 10px; height: 10px; background: url(../../frontend/Kemana/default/id_ID/images/arrows4_right.svg) no-repeat center; background-size: contain; margin-left: 5px; } } @media only screen and (max-width: 800px) and (min-width: 768px) { body.catalog-category-view .category-cms .left-linkcatalog ul { /*max-height: 148px !important;*/ } body.catalog-category-view .category-cms .article.item h1 { font-size: 16px; line-height: normal; height: 70px; margin-bottom: 20px; } } .category-view { max-width: 1200px; margin: 0 auto; } .category-view .category-description { position: relative; } .category-view .category-description .banner-text { color: #FFFFFF; font-family: Roboto; font-size: 21px; font-weight: normal; margin: 0; line-height: 24px; margin-bottom: 5px; } .category-view .category-description .banner-text span { font-weight: bold; } .category-view .category-description .cate-text { margin-bottom: 15px; } .category-view .category-description p { color: #FFFFFF; font-family: Roboto; font-size: 16px; font-style: italic; letter-spacing: 0; line-height: 21px; margin-bottom: 0; } .category-view .cat-main { position: absolute; width: 58%; float: right; right: 0; top: 23px; z-index: 1; } .category-view img.mplazyload-icon { width: 100%; } /*End common css*/ .old-price, .old.price { color: #7d7d7d; } body.catalogsearch-result-index .column.main .products-grid .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions { margin: 0px; } body.catalogsearch-result-index .column.main .products-grid .product-item .product-item-info .product-item-details .colors-info.wishlist .actions-secondary { text-align: right; padding-bottom: 0px; } body.catalogsearch-result-index .column.main .products-grid .product-item .product-item-info .product-item-details .colors-info.wishlist .actions-secondary a span { display: none; } .checkout-index-index .authentication-wrapper { display: none; } .product-item-info .sale-label img { width: 88px !important; margin-bottom: 10px; } .product-item-info .sale-label { position: absolute; top: 10px; right: 10px; z-index: 2; text-align: right; } .product-item-info.added-to-wishlist .action.towishlist::before { content: ''; background: url('../../frontend/Kemana/default/id_ID/images/heart-icon-red.png') no-repeat center !important; color: transparent !important; background-color: transparent !important; background-size: contain !important; } .product-item-info { position: relative; } .catalog-category-view #maincontent .columns .sidebar.sidebar-main #showFilterButtonDiv .filter-container1 button.btn.btn-default.filter { text-transform: uppercase; letter-spacing: .05em; font-size: 1.2em; font-weight: 700; border: 0; padding: 10px 15px; margin: 0; line-height: 1.3em; color: #fff; border: solid 1px #064394; background-color: #064394; margin-bottom: 50px; margin-top: 30px; border-radius: 30px; width: 290px; } .catalog-category-view #maincontent .columns .sidebar.sidebar-main #showFilterButtonDiv .filter-container1 button.btn.btn-default.filter:hover { background-color: #fff; border: solid 1px #064394; color: #064394; } .catalog-category-view #maincontent .columns .sidebar.sidebar-main #showFilterButtonDiv .filter-container1 button.btn.btn-default.filter:focus { outline: none; } .catalog-category-view .block-content.filter-content .filter-options .items, .catalogsearch-result-index .block-content.filter-content .filter-options .items, .catalogsearch-advanced-result .block-content.filter-content .filter-options .items { list-style-type: none; } .catalog-category-view .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter, .catalogsearch-result-index .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter, .catalogsearch-advanced-result .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter { display: flex; flex-wrap: wrap; overflow-x: hidden; } .catalog-category-view .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch, .catalogsearch-result-index .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch, .catalogsearch-advanced-result .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch { line-height: 0; margin-right: 18px !important; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; } .catalog-category-view .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch.selected a::after, .catalogsearch-result-index .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch.selected a::after, .catalogsearch-advanced-result .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch.selected a::after { display: none; } .catalog-category-view .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch.selected a .swatch-data, .catalogsearch-result-index .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch.selected a .swatch-data, .catalogsearch-advanced-result .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch.selected a .swatch-data { width: 25px !important; height: 25px !important; } .catalog-category-view .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch.selected a .swatch-data::before, .catalogsearch-result-index .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch.selected a .swatch-data::before, .catalogsearch-advanced-result .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch.selected a .swatch-data::before { content: ''; display: inline-block; top: 1px; left: 1px; width: 12px; height: 12px; border: 3px solid #fff; border-radius: 25px; position: relative; } .catalog-category-view .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch a::before, .catalogsearch-result-index .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch a::before, .catalogsearch-advanced-result .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch a::before { display: none; } .catalog-category-view .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch a:hover::after, .catalogsearch-result-index .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch a:hover::after, .catalogsearch-advanced-result .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch a:hover::after { display: none; } .catalog-category-view .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch a span, .catalogsearch-result-index .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch a span, .catalogsearch-advanced-result .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .item-swatch-container.color-filter .item-swatch a span { text-transform: uppercase; color: #707070; border-radius: 50%; height: 25px !important; width: 25px !important; } .catalog-category-view #maincontent.page-main, .catalogsearch-result-index #maincontent.page-main, .catalogsearch-advanced-result #maincontent.page-main { padding: 0px !important; } .catalog-category-view .page-bottom .best-selling-products th h2, .catalogsearch-result-index .page-bottom .best-selling-products th h2, .catalogsearch-advanced-result .page-bottom .best-selling-products th h2 { margin: 0; font-size: 24px; } .catalog-category-view .page-bottom .best-selling-products td, .catalogsearch-result-index .page-bottom .best-selling-products td, .catalogsearch-advanced-result .page-bottom .best-selling-products td { border-bottom: 1px solid #efefef; } .catalog-category-view .page-bottom .best-selling-products td a, .catalogsearch-result-index .page-bottom .best-selling-products td a, .catalogsearch-advanced-result .page-bottom .best-selling-products td a { color: #7b7878; } .catalog-category-view .page-bottom .best-selling-products td a:hover, .catalogsearch-result-index .page-bottom .best-selling-products td a:hover, .catalogsearch-advanced-result .page-bottom .best-selling-products td a:hover { color: #303030; } .catalog-category-view .page-bottom .best-selling-products td.price-label, .catalogsearch-result-index .page-bottom .best-selling-products td.price-label, .catalogsearch-advanced-result .page-bottom .best-selling-products td.price-label { font-weight: 500; } .catalog-category-view .page-bottom .best-selling-products td.old-price, .catalogsearch-result-index .page-bottom .best-selling-products td.old-price, .catalogsearch-advanced-result .page-bottom .best-selling-products td.old-price { color: #303030; } .catalog-category-view .page-bottom .best-selling-products td.old-price .price, .catalogsearch-result-index .page-bottom .best-selling-products td.old-price .price, .catalogsearch-advanced-result .page-bottom .best-selling-products td.old-price .price { text-decoration: line-through !important; color: #7b7878 !important; } .catalog-category-view .page-main, .catalogsearch-result-index .page-main, .catalogsearch-advanced-result .page-main { padding-right: 0px; padding-left: 0px; max-width: 100%; } .catalog-category-view .page-main .category-view .catalog-banner, .catalogsearch-result-index .page-main .category-view .catalog-banner, .catalogsearch-advanced-result .page-main .category-view .catalog-banner { width: 100%; } .catalog-category-view .page-main .category-view .catalog-banner img, .catalogsearch-result-index .page-main .category-view .catalog-banner img, .catalogsearch-advanced-result .page-main .category-view .catalog-banner img { width: 100%; } .catalog-category-view .page-wrapper .page-header-v1 + .sections.nav-sections, .catalogsearch-result-index .page-wrapper .page-header-v1 + .sections.nav-sections, .catalogsearch-advanced-result .page-wrapper .page-header-v1 + .sections.nav-sections { margin-bottom: 0px; } .catalog-category-view .page-wrapper > .page-main > .page-title-wrapper, .catalogsearch-result-index .page-wrapper > .page-main > .page-title-wrapper, .catalogsearch-advanced-result .page-wrapper > .page-main > .page-title-wrapper { border-bottom: 1px solid #eaeaea; } .catalog-category-view .page-wrapper > .page-main > .page-title-wrapper .page-title, .catalogsearch-result-index .page-wrapper > .page-main > .page-title-wrapper .page-title, .catalogsearch-advanced-result .page-wrapper > .page-main > .page-title-wrapper .page-title { font-size: 20px; line-height: normal; padding-left: 15px; margin-bottom: 15px; } .catalog-category-view .columns, .catalogsearch-result-index .columns, .catalogsearch-advanced-result .columns { max-width: 100% !important; -webkit-box-shadow: inset -5px 2px 32px -13px rgba(0, 0, 0, 0.51); -moz-box-shadow: inset -5px 2px 32px -13px rgba(0, 0, 0, 0.51); box-shadow: inset -5px 2px 32px -13px rgba(0, 0, 0, 0.51); } .catalog-category-view .columns > .toolbar.toolbar-products, .catalogsearch-result-index .columns > .toolbar.toolbar-products, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products { clear: both; -webkit-box-shadow: 0px -13px 55px -23px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px -13px 55px -23px rgba(0, 0, 0, 0.75); box-shadow: 0px -13px 55px -23px rgba(0, 0, 0, 0.75); } .catalog-category-view .columns > .toolbar.toolbar-products .modes, .catalogsearch-result-index .columns > .toolbar.toolbar-products .modes, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .modes, .catalog-category-view .columns > .toolbar.toolbar-products .field.limiter, .catalogsearch-result-index .columns > .toolbar.toolbar-products .field.limiter, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .field.limiter, .catalog-category-view .columns > .toolbar.toolbar-products .toolbar-sorter, .catalogsearch-result-index .columns > .toolbar.toolbar-products .toolbar-sorter, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .toolbar-sorter { display: none; } .catalog-category-view .columns > .toolbar.toolbar-products .pages, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages, .catalog-category-view .columns > .toolbar.toolbar-products .toolbar-amount, .catalogsearch-result-index .columns > .toolbar.toolbar-products .toolbar-amount, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .toolbar-amount { display: block; float: right; margin-left: 20px; } .catalog-category-view .columns > .toolbar.toolbar-products .toolbar-amount, .catalogsearch-result-index .columns > .toolbar.toolbar-products .toolbar-amount, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .toolbar-amount { padding: 0px; line-height: 32px; } .catalog-category-view .columns > .toolbar.toolbar-products .pages, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages { margin-bottom: 0px; } .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item > a, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item > a, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item > a { font-size: 12px; text-transform: uppercase; } .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item > a:before, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item > a:before, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item > a:before { height: 15px; width: 15px; background-color: transparent; border: 1px solid #dadada; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; margin: 0px 0 0; } .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item > a:hover:before, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item > a:hover:before, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item > a:hover:before { background-color: #0f63bb; opacity: 0.6; border-color: #0f63bb; } .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item.current .page, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item.current .page, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item.current .page { border: 0px; border-bottom: 2px solid #1063ba; border-radius: 0px; height: 32px; } .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item .page, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item .page, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item .page { width: 20px; height: 32px; min-width: 20px; } .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item .page span, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item .page span, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item .page span { width: 20px; height: 32px; line-height: 32px; } .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a, .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a { position: relative; } .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a:before, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a:before, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a:before, .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a:before, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a:before, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a:before { content: ''; background-image: url(../../frontend/Kemana/default/id_ID/images/li-search-action-icon.png); background-repeat: no-repeat; width: 25px; height: 25px; background-size: 80%; top: 50%; position: absolute; right: 0; transform: translateY(-50%); } .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a:hover, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a:hover, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a:hover, .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a:hover, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a:hover, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a:hover { background-color: transparent; border: 0px; } .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a.previous:before, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a.previous:before, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-next a.previous:before, .catalog-category-view .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a.previous:before, .catalogsearch-result-index .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a.previous:before, .catalogsearch-advanced-result .columns > .toolbar.toolbar-products .pages ul li.item.pages-item-previous a.previous:before { transform: rotate(180deg); top: 16%; } .catalog-category-view .columns .sidebar, .catalogsearch-result-index .columns .sidebar, .catalogsearch-advanced-result .columns .sidebar { -webkit-box-shadow: 22px 0px 64px -43px rgba(0, 0, 0, 0.75); -moz-box-shadow: 22px 0px 64px -43px rgba(0, 0, 0, 0.75); box-shadow: 22px 0px 64px -43px rgba(0, 0, 0, 0.75); padding: 2%; padding-top: 60px; border-right: 1px solid #eaeaea; /*background: url('../../frontend/Kemana/default/id_ID/images/category-filter-background.png') no-repeat;*/ background-size: 100%; } .catalog-category-view .columns .sidebar.sidebar-additional, .catalogsearch-result-index .columns .sidebar.sidebar-additional, .catalogsearch-advanced-result .columns .sidebar.sidebar-additional { display: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .block-subtitle, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .block-subtitle, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .block-subtitle { display: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content { margin-top: 40px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .filter-current-subtitle, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .filter-current-subtitle, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .filter-current-subtitle { display: block; font-size: 18px; font-weight: 400; color: #122e57; font-family: 'Oswald', sans-serif; letter-spacing: 1px; border-color: #122e57; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item { margin-left: 0px; margin-top: 0px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item .filter-label, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item .filter-label, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item .filter-label { font-size: 14px; color: #122e57; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item .filter-value, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item .filter-value, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item .filter-value { font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; margin-left: 5px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item .action.remove:before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item .action.remove:before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-current .items .item .action.remove:before { color: #122e57; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .block-actions.filter-actions, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .block-actions.filter-actions, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .block-actions.filter-actions { margin: 0 0 20px 0; border-bottom: 1px solid #2b2e57; padding: 10px 0; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .block-actions.filter-actions > a, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .block-actions.filter-actions > a, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .block-actions.filter-actions > a { line-height: inherit; height: auto; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list { text-align: center; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list button, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list button, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list button { background-color: #04367b; border: 1px solid #064190; color: white; text-transform: uppercase; width: 85px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list button:hover, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list button:hover, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list button:hover { background-color: #355c92; border: 1px solid #355c92; color: white; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list button:disabled, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list button:disabled, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .button-list button:disabled { display: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title { border-bottom: 0px; font-size: 16px; font-weight: 400; color: #122e57; font-family: 'Oswald', sans-serif; letter-spacing: 0px; padding: 10px 40px 10px 0; border-bottom: 1px solid #ccc !important; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after { content: '\f067' !important; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #122e57; font-size: 12px; top: 50%; transform: translateY(-50%); right: 0px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after { content: '\f068' !important; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #122e57; font-size: 12px; top: 50%; transform: translateY(-50%); right: 0px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title { min-height: 38px; border-bottom: 0px; font-size: 12px; font-weight: 400; color: #122e57; font-family: 'roboto', sans-serif; letter-spacing: 1px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title .filter-option-name, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title .filter-option-name, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title .filter-option-name { letter-spacing: 0px; font-size: 14px !important; font-weight: 600; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title span.arrow, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title span.arrow, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title span.arrow { display: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title:after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title:after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-title:after { content: '' !important; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #122e57; font-size: 8px; top: 22%; display: block; width: 24px; height: 24px; transform: rotate(180deg); right: 20px; background-image: url(../../frontend/Kemana/default/id_ID/images/arrow-filter.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item.active .filter-options-title:after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item.active .filter-options-title:after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item.active .filter-options-title:after { transform: rotate(0deg); } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter { display: flex; flex-wrap: wrap; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item { width: 25%; border: 1px solid #e5e5e5; margin: 0; height: 46px; display: flex; justify-content: center; align-items: center; text-align: center; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item a, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item a, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item a { padding: 5px !important; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item a::before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item a::before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item a::before { display: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item a::after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item a::after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item a::after { display: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item:hover a, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item:hover a, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item:hover a { text-decoration: underline; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item.selected, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item.selected, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item.selected { background-color: #284394; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item.selected a, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item.selected a, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item.selected a { color: #ffffff; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute.color .swatch-attribute-options, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute.color .swatch-attribute-options, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute.color .swatch-attribute-options { margin: 0px !important; text-align: left !important; display: block !important; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute.color .swatch-attribute-options .swatch-option, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute.color .swatch-attribute-options .swatch-option, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute.color .swatch-attribute-options .swatch-option, .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute.color .swatch-attribute-options .swatch-option-link-layered, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute.color .swatch-attribute-options .swatch-option-link-layered, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute.color .swatch-attribute-options .swatch-option-link-layered { border-radius: 50% !important; float: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider input, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider input, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider input { border-color: #d3d3d3; padding: 12px; font-size: 1.3rem; width: 44%; margin-bottom: 10px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .dash-item, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .dash-item, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .dash-item { display: inline-block; margin: 7px 5.2%; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar { text-align: center; display: table-footer-group; margin-top: 40px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary { margin: 0 auto; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary > a, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary > a, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary > a { display: block; float: none; background-color: #04367b; border: 1px solid #064190; color: white; text-transform: uppercase; width: auto; margin: 0 auto; padding: 6px 22px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary > a:hover, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary > a:hover, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary > a:hover { background-color: #000000; border-color: #000000; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary > a.action.primary:hover span, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary > a.action.primary:hover span, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar .actions-primary > a.action.primary:hover span { color: white; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider { background: white; border: 1px solid #e1e1e1; border-radius: 0px; width: 96%; margin-left: 2%; margin-bottom: 15px; height: 10px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider .ui-slider-range, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider .ui-slider-range, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider .ui-slider-range { background-color: #579fff; border: 1px solid #579fff; position: absolute; height: 100%; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider .ui-slider-handle, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider .ui-slider-handle, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .ui-slider .ui-slider-handle { background: #1163b9; border: 1px solid #1163b9; height: 8px; top: 3px; width: 9px; border-radius: 0; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider { text-align: center; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider #slider-range, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider #slider-range, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider #slider-range { background: white; border: 1px solid #e1e1e1; border-radius: 0px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider #slider-range .ui-slider-handle, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider #slider-range .ui-slider-handle, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider #slider-range .ui-slider-handle { background: #1163b9; border: 1px solid #1163b9; height: 8px; top: 0px; width: 10px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider #slider-range .ui-slider-range, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider #slider-range .ui-slider-range, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider #slider-range .ui-slider-range { background-color: #579fff; border: 1px solid #579fff; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider button.price-filter-button, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider button.price-filter-button, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider button.price-filter-button { background-color: #04367b; border: 1px solid #064190; color: white; text-transform: uppercase; width: 100px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info { overflow: hidden; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info .from, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info .from, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info .from { float: left; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info .to, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info .to, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .price-filter-info .to { float: right; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items { padding-left: 10px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item { position: relative; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.selected a::before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.selected a::before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.selected a::before { background-color: #001B61; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.selected a::after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.selected a::after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.selected a::after { color: #fff; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a { text-transform: uppercase; color: #707070; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:before { margin: 0px 0 0; height: 15px; width: 15px; border-radius: 0; border: 1px solid #dadada; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a span, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a span, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a span { text-transform: uppercase; color: #707070; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:hover, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:hover, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:hover { text-decoration: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:hover:before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:hover:before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:hover:before { background-color: transparent; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox { padding-left: 30px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox:before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox:before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox:before { display: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:disabled ~ .checkmark, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:disabled ~ .checkmark, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:disabled ~ .checkmark { background-color: transparent; opacity: 0.5; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:disabled ~ .checkmark:after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:disabled ~ .checkmark:after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:disabled ~ .checkmark:after { display: block; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:checked ~ .checkmark:after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:checked ~ .checkmark:after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:checked ~ .checkmark:after { display: block; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:checked ~ .checkmark:before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:checked ~ .checkmark:before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:checked ~ .checkmark:before { content: "\f00c"; font-family: FontAwesome; position: absolute; top: -3px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:hover ~ .checkmark:before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:hover ~ .checkmark:before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox input:hover ~ .checkmark:before { content: "\f00c"; font-family: FontAwesome; position: absolute; top: -3px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox span:hover ~ .checkmark:before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox span:hover ~ .checkmark:before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox span:hover ~ .checkmark:before { content: "\f00c"; font-family: FontAwesome; position: absolute; top: -3px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox:hover input ~ .checkmark:before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox:hover input ~ .checkmark:before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox:hover input ~ .checkmark:before { content: "\f00c"; font-family: FontAwesome; position: absolute; top: -3px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox .checkmark, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox .checkmark, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a.custom-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: transparent; border: 1px solid #dadada; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label { text-transform: uppercase; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #a6a7a9; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:checked + span, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:checked + span, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:checked + span { font-weight: bold; color: #0f63bb; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:disabled + span, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:disabled + span, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:disabled + span { opacity: 0.5; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input { position: absolute; opacity: 0; cursor: pointer; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:disabled ~ .checkmark, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:disabled ~ .checkmark, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:disabled ~ .checkmark { background-color: transparent; opacity: 0.5; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:disabled ~ .checkmark:after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:disabled ~ .checkmark:after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:disabled ~ .checkmark:after { display: block; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:checked ~ .checkmark, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:checked ~ .checkmark, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:checked ~ .checkmark { background-color: #0f63bb; border-color: #0f63bb; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:checked ~ .checkmark:after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:checked ~ .checkmark:after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label input:checked ~ .checkmark:after { display: block; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label .checkmark, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label .checkmark, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: transparent; border: 1px solid #dadada; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label:hover input ~ .checkmark, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label:hover input ~ .checkmark, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item label:hover input ~ .checkmark { background-color: #0f63bb; opacity: 0.6; border-color: #0f63bb; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item .count, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item .count, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item .count { display: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.more, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.more, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.more { display: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .filter-view-more, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .filter-view-more, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .filter-view-more { padding-left: 36px; font-size: 14px; text-transform: uppercase; color: #a6a7a9; cursor: pointer; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .filter-view-more:before, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .filter-view-more:before, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .filter-view-more:before { content: '\f067' !important; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 12px; top: 50%; transform: translateY(-50%); margin-right: 5px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .facet-footer-buttons-wrapper, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .facet-footer-buttons-wrapper, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .facet-footer-buttons-wrapper { display: none; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block .filter-title, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block .filter-title, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block .filter-title { position: relative; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block .filter-title.block-title strong, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block .filter-title.block-title strong, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block .filter-title.block-title strong { font-size: 21px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong { margin-left: 10px; position: relative; background: transparent; border: 0px; box-shadow: none; padding: 0px; font-size: 30px; color: #000; font-weight: 400; /*border-bottom: 3px solid white;*/ border-radius: 0; padding-bottom: 10px; font-family: 'Oswald', sans-serif; letter-spacing: 6px; } .catalog-category-view .columns .column.main, .catalogsearch-result-index .columns .column.main, .catalogsearch-advanced-result .columns .column.main { position: relative; padding-top: 0px; padding-bottom: 0px; } .catalog-category-view .columns .column.main .products.wrapper ~ .toolbar.toolbar-products, .catalogsearch-result-index .columns .column.main .products.wrapper ~ .toolbar.toolbar-products, .catalogsearch-advanced-result .columns .column.main .products.wrapper ~ .toolbar.toolbar-products { position: relative; top: initial; right: initial; padding: 0px 15px; } .catalog-category-view .columns .column.main .toolbar-products, .catalogsearch-result-index .columns .column.main .toolbar-products, .catalogsearch-advanced-result .columns .column.main .toolbar-products { position: absolute; top: 40px; right: 40px; } .catalog-category-view .columns .column.main .toolbar-products .modes, .catalogsearch-result-index .columns .column.main .toolbar-products .modes, .catalogsearch-advanced-result .columns .column.main .toolbar-products .modes, .catalog-category-view .columns .column.main .toolbar-products .toolbar-amount, .catalogsearch-result-index .columns .column.main .toolbar-products .toolbar-amount, .catalogsearch-advanced-result .columns .column.main .toolbar-products .toolbar-amount { display: none; } .catalog-category-view .columns .column.main .toolbar-products .toolbar-sorter.sorter, .catalogsearch-result-index .columns .column.main .toolbar-products .toolbar-sorter.sorter, .catalogsearch-advanced-result .columns .column.main .toolbar-products .toolbar-sorter.sorter { position: relative; right: -35px; } .catalog-category-view .columns .column.main .toolbar-products .toolbar-sorter.sorter .sorter-label, .catalogsearch-result-index .columns .column.main .toolbar-products .toolbar-sorter.sorter .sorter-label, .catalogsearch-advanced-result .columns .column.main .toolbar-products .toolbar-sorter.sorter .sorter-label { right: 40px; padding: 0px 0px; height: 30px; line-height: 30px; position: absolute; background: white; /*border-right: 1px solid #e1e1e1;*/ width: 111px; top: 1px; } .catalog-category-view .columns .column.main .toolbar-products .toolbar-sorter.sorter select.sorter-options, .catalogsearch-result-index .columns .column.main .toolbar-products .toolbar-sorter.sorter select.sorter-options, .catalogsearch-advanced-result .columns .column.main .toolbar-products .toolbar-sorter.sorter select.sorter-options { width: 175px; border: 1px solid #e1e1e1; height: 32px; background-size: 9px; background-position: right 7px center; background-repeat: no-repeat; padding-top: 4px !important; border-radius: 20px; padding-left: 15px; font-size: 12px; font-weight: 600; } .catalog-category-view .columns .column.main .toolbar-products .toolbar-sorter.sorter select.sorter-options option:checked, .catalogsearch-result-index .columns .column.main .toolbar-products .toolbar-sorter.sorter select.sorter-options option:checked, .catalogsearch-advanced-result .columns .column.main .toolbar-products .toolbar-sorter.sorter select.sorter-options option:checked { background-color: transparent; filter: grayscale(400%); color: #2472da; font-weight: bold; } .catalog-category-view .columns .column.main .toolbar-products .toolbar-sorter.sorter select.sorter-options option#discount, .catalogsearch-result-index .columns .column.main .toolbar-products .toolbar-sorter.sorter select.sorter-options option#discount, .catalogsearch-advanced-result .columns .column.main .toolbar-products .toolbar-sorter.sorter select.sorter-options option#discount { display: none; } .catalog-category-view .columns .column.main .toolbar-products .toolbar-sorter.sorter .sorter-action, .catalogsearch-result-index .columns .column.main .toolbar-products .toolbar-sorter.sorter .sorter-action, .catalogsearch-advanced-result .columns .column.main .toolbar-products .toolbar-sorter.sorter .sorter-action { visibility: hidden; } .catalog-category-view .columns .column.main .page-title-wrapper, .catalogsearch-result-index .columns .column.main .page-title-wrapper, .catalogsearch-advanced-result .columns .column.main .page-title-wrapper { padding: 40px 40px 0px 40px; } .catalog-category-view .columns .column.main .page-title-wrapper h1, .catalogsearch-result-index .columns .column.main .page-title-wrapper h1, .catalogsearch-advanced-result .columns .column.main .page-title-wrapper h1 { margin-bottom: 0px; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.8px; } .catalog-category-view .columns .column.main .category-description, .catalogsearch-result-index .columns .column.main .category-description, .catalogsearch-advanced-result .columns .column.main .category-description { margin-bottom: 0px; } .catalog-category-view .columns .column.main .category-description p, .catalogsearch-result-index .columns .column.main .category-description p, .catalogsearch-advanced-result .columns .column.main .category-description p { margin-left: 40px; text-align: justify; } .catalog-category-view .columns .column.main .products-grid, .catalogsearch-result-index .columns .column.main .products-grid, .catalogsearch-advanced-result .columns .column.main .products-grid { margin-top: 30px; margin-bottom: 0px; padding-left: 10px; } .catalog-category-view .columns .column.main .products-grid.grid .product-item:nth-child(4n+1), .catalogsearch-result-index .columns .column.main .products-grid.grid .product-item:nth-child(4n+1), .catalogsearch-advanced-result .columns .column.main .products-grid.grid .product-item:nth-child(4n+1) { margin-left: 0px !important; } .catalog-category-view .columns .column.main .products-grid li.separator, .catalogsearch-result-index .columns .column.main .products-grid li.separator, .catalogsearch-advanced-result .columns .column.main .products-grid li.separator { width: 100%; display: block; /*border-bottom: 1px solid #e7e7e7; */ padding: 0 40px; /*-webkit-box-shadow: inset 0px -60px 66px -81px rgba(0,0,0,0.51); -moz-box-shadow: inset 0px -60px 66px -81px rgba(0,0,0,0.51); box-shadow: inset 0px -60px 66px -81px rgba(0,0,0,0.51);*/ } .catalog-category-view .columns .column.main .products-grid li.separator:last-child, .catalogsearch-result-index .columns .column.main .products-grid li.separator:last-child, .catalogsearch-advanced-result .columns .column.main .products-grid li.separator:last-child { box-shadow: none; border-bottom: 0px; } .catalog-category-view .columns .column.main .products-grid .product-item, .catalogsearch-result-index .columns .column.main .products-grid .product-item, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item { height: auto !important; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info { min-height: 220px; } .catalog-category-view .columns .column.main .products-grid .product-item.banner img, .catalogsearch-result-index .columns .column.main .products-grid .product-item.banner img, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item.banner img { width: 100%; } .catalog-category-view .columns .column.main .products-grid .product-item:hover, .catalogsearch-result-index .columns .column.main .products-grid .product-item:hover, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item:hover { background: none !important; } .catalog-category-view .columns .column.main .products-grid .product-item:hover .product-item-info .colors-container .swatch-attribute, .catalogsearch-result-index .columns .column.main .products-grid .product-item:hover .product-item-info .colors-container .swatch-attribute, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item:hover .product-item-info .colors-container .swatch-attribute { display: block; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info { border: 1px solid transparent !important; padding-bottom: 30px; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-photo, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-photo, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-photo { float: none; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions { margin: 0; height: 25px; width: 25px; position: absolute; bottom: -21px; right: 0px; z-index: 10; display: none; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions .towishlist, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions .towishlist, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions .towishlist { top: -5px; right: 0; margin-right: 0px; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions .action.towishlist:before, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions .action.towishlist:before, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions .action.towishlist:before { content: ''; background: url('../../frontend/Kemana/default/id_ID/images/heart-icon.png') no-repeat center; background-size: contain; width: 10px !important; height: 13px; color: transparent; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions .action.towishlist:hover:before, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions .action.towishlist:hover:before, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product_image .product-item-actions .action.towishlist:hover:before { content: ''; background: url('../../frontend/Kemana/default/id_ID/images/heart-icon-red.png') no-repeat center; color: transparent; background-size: contain; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info:hover, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info:hover, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info:hover { box-shadow: none !important; background-color: transparent !important; border: solid 1px #adadad !important; padding-bottom: 30px; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview { /*display: none !important;*/ } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info:hover .hoverShow, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info:hover .hoverShow, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info:hover .hoverShow { height: 0px; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info:hover .product_image .product-item-actions, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info:hover .product_image .product-item-actions, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info:hover .product_image .product-item-actions { display: block; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .colors-info, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .colors-info, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .colors-info { border-bottom: 1px solid #c1c0d2; padding-bottom: 10px; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .product-brand, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .product-brand, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .product-brand { padding-top: 15px; margin-top: 20px; border-top: 1px solid #c1c0d2; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .product-brand span, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .product-brand span, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .product-brand span { font-weight: 600; color: #001B61 !important; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name { text-align: left !important; line-height: normal; border-top: none; margin-top: 0; padding-top: 0; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name a, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name a, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name a { text-align: left !important; line-height: 20px; max-height: 42px; min-height: 42px; overflow: hidden; color: #001b61 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box { text-align: left !important; margin: 0 auto; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name a, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name a, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name a { font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: capitalize; color: #001B61 !important; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price { display: inline-block; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container { display: inline-block; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container .special-price, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container .special-price, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container .special-price { display: block; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container .old-price, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container .old-price, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container .old-price { display: block; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container .old-price.sly-old-price, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container .old-price.sly-old-price, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-wrapper-container .old-price.sly-old-price { text-decoration: line-through; text-decoration-color: #333; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-container .price, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-container .price, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-container .price { color: #020202 !important; font-weight: 600; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .old-price .price-container .price, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .old-price .price-container .price, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .old-price .price-container .price { font-size: 13px !important; color: grey !important; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .price-container .price, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .price-container .price, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .price-container .price { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px !important; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .special-price, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .special-price, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .special-price, .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .old-price, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .old-price, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .old-price { display: inline-block; margin-left: 0px; margin-right: 0px; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .discount, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .discount, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .discount { display: inline-block; font-size: 14px; font-weight: 600; margin-left: 0px; font-family: 'Roboto', sans-serif; vertical-align: top; display: none; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .product-reviews-summary, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .product-reviews-summary, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .product-reviews-summary { display: none; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .swatch-attribute .swatch-option.color, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .swatch-attribute .swatch-option.color, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .swatch-attribute .swatch-option.color { border-radius: 25px !important; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info [class*="swatch-opt"], .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info [class*="swatch-opt"], .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info [class*="swatch-opt"] { border-radius: 25px !important; border: none !important; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info [class*="swatch-opt"] .swatch-attribute-options, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info [class*="swatch-opt"] .swatch-attribute-options, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info [class*="swatch-opt"] .swatch-attribute-options { margin: 0px !important; } .catalog-category-view .columns .column.main .products-grid .product-item .swatch-attribute.color, .catalogsearch-result-index .columns .column.main .products-grid .product-item .swatch-attribute.color, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .swatch-attribute.color { text-align: left !important; } .catalog-category-view .columns .column.main .products-grid .product-item .swatch-option.image, .catalogsearch-result-index .columns .column.main .products-grid .product-item .swatch-option.image, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .swatch-option.image { width: 40px !important; height: 40px !important; } .catalog-category-view .columns .page-main, .catalogsearch-result-index .columns .page-main, .catalogsearch-advanced-result .columns .page-main { padding: 0px; } .catalog-category-view .columns .page-main .category-view .category-image, .catalogsearch-result-index .columns .page-main .category-view .category-image, .catalogsearch-advanced-result .columns .page-main .category-view .category-image { margin-bottom: 10px; } .catalog-category-view .columns .page-main .category-view .category-image img, .catalogsearch-result-index .columns .page-main .category-view .category-image img, .catalogsearch-advanced-result .columns .page-main .category-view .category-image img { width: 100%; } .catalog-category-view .columns .page-main .page-title-wrapper, .catalogsearch-result-index .columns .page-main .page-title-wrapper, .catalogsearch-advanced-result .columns .page-main .page-title-wrapper { display: none; } .catalog-category-view .sidebar #layered-filter-block .filter-options .swatch-option, .catalogsearch-result-index .sidebar #layered-filter-block .filter-options .swatch-option, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-options .swatch-option { width: 20px !important; height: 20px !important; min-width: 20px !important; margin-right: 10px !important; margin: 10px 0; } .catalog-category-view .sidebar #layered-filter-block .filter-options .swatch-option.color:hover:before, .catalogsearch-result-index .sidebar #layered-filter-block .filter-options .swatch-option.color:hover:before, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-options .swatch-option.color:hover:before { border: solid 0px #0750b0; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; width: 25px; height: 25px; top: 0; left: 0; } .catalog-category-view .sidebar #layered-filter-block .filter-options .swatch-option.color[option-tooltip-value='#fff']:hover:before, .catalogsearch-result-index .sidebar #layered-filter-block .filter-options .swatch-option.color[option-tooltip-value='#fff']:hover:before, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-options .swatch-option.color[option-tooltip-value='#fff']:hover:before, .catalog-category-view .sidebar #layered-filter-block .filter-options .swatch-option.color[option-tooltip-value='#ffffff']:hover:before, .catalogsearch-result-index .sidebar #layered-filter-block .filter-options .swatch-option.color[option-tooltip-value='#ffffff']:hover:before, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-options .swatch-option.color[option-tooltip-value='#ffffff']:hover:before { top: -1px; left: -1px; } .catalog-category-view .sidebar #layered-filter-block .filter-options .filter-options-item .swatch-attribute-options .swatch-option.color:hover:before, .catalogsearch-result-index .sidebar #layered-filter-block .filter-options .filter-options-item .swatch-attribute-options .swatch-option.color:hover:before, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-options .filter-options-item .swatch-attribute-options .swatch-option.color:hover:before { display: none; } .catalog-category-view .sidebar #layered-filter-block .filter-options .swatch-attribute, .catalogsearch-result-index .sidebar #layered-filter-block .filter-options .swatch-attribute, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-options .swatch-attribute { text-align: center !important; max-height: 300px; overflow: auto; } .catalog-category-view .sidebar #layered-filter-block .filter-options .swatch-attribute .swatch-attribute-options .swatch-option-link-layered, .catalogsearch-result-index .sidebar #layered-filter-block .filter-options .swatch-attribute .swatch-attribute-options .swatch-option-link-layered, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-options .swatch-attribute .swatch-attribute-options .swatch-option-link-layered { width: 25%; border: 1px solid #e5e5e5; margin: 0 !important; height: 46px; display: flex !important; justify-content: center; align-items: center; text-align: center; } .catalog-category-view .sidebar #layered-filter-block .filter-options .swatch-attribute .swatch-attribute-options .swatch-option-link-layered .swatch-option.text, .catalogsearch-result-index .sidebar #layered-filter-block .filter-options .swatch-attribute .swatch-attribute-options .swatch-option-link-layered .swatch-option.text, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-options .swatch-attribute .swatch-attribute-options .swatch-option-link-layered .swatch-option.text { background: #ffffff; width: auto !important; height: auto !important; min-width: auto !important; border: 0; color: #707070; font-weight: 400; font-family: 'Roboto', sans-serif; } .catalog-category-view .sidebar #layered-filter-block .filter-options .swatch-attribute .swatch-attribute-options .swatch-option-link-layered .swatch-option.text:hover, .catalogsearch-result-index .sidebar #layered-filter-block .filter-options .swatch-attribute .swatch-attribute-options .swatch-option-link-layered .swatch-option.text:hover, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-options .swatch-attribute .swatch-attribute-options .swatch-option-link-layered .swatch-option.text:hover { border: 0px solid #999 !important; } .catalog-category-view .sidebar #layered-filter-block .filter-options .swatch-attribute.swatch-layered.color .swatch-attribute-options .swatch-option-link-layered, .catalogsearch-result-index .sidebar #layered-filter-block .filter-options .swatch-attribute.swatch-layered.color .swatch-attribute-options .swatch-option-link-layered, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-options .swatch-attribute.swatch-layered.color .swatch-attribute-options .swatch-option-link-layered { border: 0; width: auto; height: auto; } .catalog-category-view .swatch-option-tooltip, .catalogsearch-result-index .swatch-option-tooltip, .catalogsearch-advanced-result .swatch-option-tooltip { display: none !important; } .catalogsearch-advanced-result.page-products .columns .sidebar .block-title { display: none; } .catalogsearch-advanced-result.page-products .columns .column.main .toolbar-products { top: 65px; } .catalogsearch-advanced-result.page-products .columns .column.main .message.notice { font-family: 'Roboto', sans-serif; font-weight: 700; background: #ccebf4; color: #023880; } .catalogsearch-advanced-result.page-products .columns .column.main .search.found { margin: 10px 20px; font-family: 'Roboto', sans-serif; } .catalogsearch-advanced-result.page-products .columns .column.main .search.found strong { font-family: 'Roboto', sans-serif; font-weight: 700; } .catalogsearch-advanced-result.page-products .columns .column.main .search.summary { margin: 0px 20px; font-family: 'Roboto', sans-serif; } .catalogsearch-advanced-result.page-products .page-wrapper > .page-main > .page-title-wrapper .page-title { padding-left: 0px; } .catalogsearch-advanced-result.page-products .page-wrapper > .page-main > .page-title-wrapper .page-title span { font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.8px; } .prices-tier .price-container .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ':'; } .prices-tier .price-container .price-including-tax + .price-excluding-tax:last-child:after { content: ')'; } .prices-tier .price-container .weee[data-label] { display: inline; } .prices-tier .price-container .weee[data-label]:before { content: ' +' attr(data-label) ':'; } .actual-price { font-weight: 700; } .special-price .price { font-weight: 600; } .category-image .image { display: block; height: auto; max-width: 100%; } .category-cms, .category-image, .category-description { margin-bottom: 20px; padding: 0px 40px; } .theme-pearl.catalog-category-view .page-wrapper .breadcrumbs { max-width: 1400px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .theme-pearl.catalog-category-view .page-wrapper .price-box .old-price .price { text-decoration: line-through; } .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .items.item-swatch-container.color-filter li.item { width: auto; margin: 10px 10px 10px 0 !important; } .product-image-container { display: inline-block; max-width: 100%; } .product-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; } .product-image-photo { bottom: 0; display: block; height: auto; left: 0; margin: auto; max-width: 100%; position: absolute; right: 0; top: 0; } .product.media .placeholder .photo.container { max-width: 100%; } .product.media .notice { margin: 10px 0; color: #7d7d7d; font-size: 1.2rem; } .product.media .product.thumbs { margin: 10px 0 25px; } .product.media .items.thumbs { margin: 0; padding: 0; list-style: none none; } .product.media .items.thumbs > li { display: inline-block; vertical-align: top; } .product.media .items.thumbs > li { margin: 1rem 0 0; } .product.media .items.thumbs img { display: block; } .product.media .items.thumbs .active { display: block; line-height: 1; } .product.info.detailed { clear: both; margin-bottom: 30px; } .product.info.detailed .additional-attributes { width: auto; border: none; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th, .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { border: none; } .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { padding: 5.5px 5px 10px 5px; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th { padding: 5.5px 30px 10px 0; } .product-info-main .product-info-price { color: #575757; border-bottom: 1px solid #c1c1c1; display: table; margin-bottom: 15px; width: 100%; } .product-info-main .product-info-price .price-box { display: table-cell; vertical-align: top; width: 1px; } .product-info-main .product-info-price .price-box .price-container > span { display: block; margin-bottom: 5px; } .product-info-main .product-info-price .price-box .price-container > span:last-child { margin-bottom: 0; } .product-info-main .product-info-price .price-including-tax + .price-excluding-tax, .product-info-main .product-info-price .weee + .price-excluding-tax, .product-info-main .product-info-price .weee { font-size: 1.4rem; } .product-info-main .product-info-price .price-including-tax + .price-excluding-tax .price, .product-info-main .product-info-price .weee + .price-excluding-tax .price, .product-info-main .product-info-price .weee .price { font-size: 1.4rem; font-weight: 600; line-height: 16px; } .product-info-main .product-info-price .price-wrapper .price { font-size: 2.2rem; font-weight: 600; line-height: 22px; } .product-info-main .product-info-price .old-price .price-wrapper .price { font-size: 2rem; font-weight: 300; } .product-info-main .product-info-price .special-price .price-label:after { content: ': '; } .product-info-main .product-info-price .price { white-space: nowrap; } .product-info-main .product-info-stock-sku { display: table-cell; padding-bottom: 10px; padding-left: 10%; text-align: right; vertical-align: top; } .product-info-main .stock { margin: 0 0 3px; } .product-info-main .stock.available, .product-info-main .stock.unavailable { font-weight: 700; text-transform: uppercase; } .product-info-main .product.attribute.sku { word-break: break-all; word-wrap: break-word; border-bottom: 1px solid #CCCCCC; width: 100%; text-align: left; padding-bottom: 5px; font-size: 12px; } .product-info-main .product-add-form { clear: both; padding-top: 15px; } .product-info-main .product.attribute.sku .type { font-weight: normal; margin-right: 5px; } .product-info-main .product.attribute.sku .type:after { content: '#:'; } .product-info-main .product.attribute.sku .value { display: inline-block; } .product-info-main .product.attribute.overview { margin: 20px 0; } .product-info-main .product.alert { margin: 10px 0; } .product-info-main .product-reviews-summary { float: left; } .product-info-main .product-options-bottom .box-tocart { margin-top: 0; } .product-options-wrapper .fieldset-product-options-inner .legend { font-weight: 600; font-size: 1.4rem; border: none; display: inline-block; float: none; margin: 0 0 8px; padding: 0; } .product-options-wrapper .fieldset-product-options-inner.required .legend:after, .product-options-wrapper .fieldset-product-options-inner._required .legend:after { content: '*'; color: #e02b27; font-size: 1.2rem; } .product-options-wrapper .field .note { display: block; margin-top: 5px; } .product-options-bottom .price-box, .product-info-price .price-box { color: #575757; display: table-cell; padding-bottom: 10px; vertical-align: top; } .product-options-bottom .price-box .old-price, .product-info-price .price-box .old-price { font-size: 20px; font-weight: 300; } .product-options-bottom .price-box .old-price .price-container > span, .product-info-price .price-box .old-price .price-container > span { display: inline-block; } .product-options-bottom .price-box .price-container > span, .product-info-price .price-box .price-container > span { display: block; margin-bottom: 5px; } .product-options-bottom .price-box .price-container > span:last-child, .product-info-price .price-box .price-container > span:last-child { margin-bottom: 0; } .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price { font-size: 22px; font-weight: 600; line-height: 22px; } .product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax, .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax, .product-options-bottom .price-box .price-container .weee + .price-excluding-tax, .product-info-price .price-box .price-container .weee + .price-excluding-tax, .product-options-bottom .price-box .price-container .weee, .product-info-price .price-box .price-container .weee { font-size: 1.2rem; line-height: 14px; } .product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax .price, .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax .price, .product-options-bottom .price-box .price-container .weee + .price-excluding-tax .price, .product-info-price .price-box .price-container .weee + .price-excluding-tax .price, .product-options-bottom .price-box .price-container .weee .price, .product-info-price .price-box .price-container .weee .price { font-size: 1.2rem; font-weight: 700; } .box-tocart .field.qty label { margin-bottom: 10px; } .box-tocart .field.qty label span { color: #000000; font-family: Roboto; font-size: 12px; font-weight: bold; } .box-tocart .action.tocart { vertical-align: top; } .box-tocart .action.tocart:not(:last-child) { margin-bottom: 15px; } .product-addto-links { display: inline; } .product-addto-links .action { margin-right: 5%; } .product-social-links { margin: 0 0 20px; text-align: center; } .product-social-links .action.tocompare:before { content: '\e61e'; } .prices-tier { margin-bottom: 15px; } .prices-tier .item { margin-bottom: 10px; } .prices-tier .item:last-child { margin-bottom: 0; } .prices-tier .price-excluding-tax, .prices-tier .price-including-tax { display: inline-block; } .minimal-price-link, .price-excluding-tax, .price-including-tax { display: block; white-space: nowrap; } .ui-dialog-titlebar-close { line-height: 1.42857143; margin: 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; } .ui-dialog-titlebar-close:visited { color: #006bb4; text-decoration: none; } .ui-dialog-titlebar-close:hover { color: #006bb4; text-decoration: underline; } .ui-dialog-titlebar-close:active { color: #ff5501; text-decoration: underline; } .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus { background: none; border: 0; } .ui-dialog-titlebar-close.disabled, .ui-dialog-titlebar-close[disabled], fieldset[disabled] .ui-dialog-titlebar-close { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .sidebar .product-items .product-item { margin-bottom: 20px; position: relative; } .sidebar .product-items .product-item-info { position: relative; width: auto; } .sidebar .product-items .product-item-info .product-item-photo { left: 0; position: absolute; top: 0; } .sidebar .product-items .product-item-name { margin-top: 0; } .sidebar .product-items .product-item-details { margin: 0 0 0 85px; } .sidebar .product-items .product-item-actions { display: block; margin-top: 10px; } .sidebar .product-items .price-box { display: block; margin: 7px 0; } .sidebar .product-items .text { margin-right: 8px; } .sidebar .product-items .counter { color: #7d7d7d; font-size: 12px; white-space: nowrap; } .sidebar .product-items .minilist .price { display: inline; padding: 0; } .sidebar .product-items .minilist .weee:before { display: inline-block; } .sidebar .product-items .action.delete { position: absolute; right: 0; top: 0; } .sidebar .action.tocart { border-radius: 0; } .sidebar .product-items-images { margin-left: -5px; } .sidebar .product-items-images .product-item { float: left; padding-left: 5px; } .sidebar .product-items-names .product-item { margin-bottom: 10px; } .sidebar .product-items-names .product-item-name { margin: 0; } .swatch-attribute:focus { outline: none; } /* ipad / ipad pro */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* category page and catalog search */ .catalog-category-view.page-products .columns .sidebar, .catalogsearch-result-index.page-products .columns .sidebar { padding: 1%; padding-top: 4%; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content { /*margin-top: 50%;*/ } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-options .filter-options-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-options .filter-options-title { padding: 10px 20px 0 0px; font-size: 14px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-title strong, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-title strong { font-size: 20px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after { font-size: 12px; bottom: 0; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after { font-size: 12px; } } .block.related .action.select { vertical-align: top; } .block.related .product-item-details { position: relative; z-index: 1; } .block.related .related-available .product-item-name { margin-left: 20px; } .block.related .field.choice { left: 0; position: absolute; top: 2px; } @media only screen and (max-width: 767px) { .catalogsearch-advanced-result.page-products .columns .column.main .toolbar-products { top: -60px; right: 0px; } .catalogsearch-advanced-result .page-wrapper > .page-main > .page-title-wrapper { padding-left: 20px; } .catalog-category-view.page-products .columns, .catalogsearch-result-index.page-products .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0px; } .catalog-category-view.page-products .columns .column.main, .catalogsearch-result-index.page-products .columns .column.main { -ms-flex-order: 1; -webkit-order: 1; order: 1; position: static; } .catalog-category-view.page-products .columns .column.main .page-title-wrapper, .catalogsearch-result-index.page-products .columns .column.main .page-title-wrapper, .catalog-category-view.page-products .columns .column.main .category-description, .catalogsearch-result-index.page-products .columns .column.main .category-description { padding: 0px 20px 0px 20px; } .catalog-category-view.page-products .columns .column.main .page-title-wrapper p, .catalogsearch-result-index.page-products .columns .column.main .page-title-wrapper p, .catalog-category-view.page-products .columns .column.main .category-description p, .catalogsearch-result-index.page-products .columns .column.main .category-description p { margin-left: 10px; } .catalog-category-view.page-products .columns > .toolbar.toolbar-products, .catalogsearch-result-index.page-products .columns > .toolbar.toolbar-products { -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 100%; } .catalog-category-view.page-products .columns .sidebar.sidebar-main, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main { -ms-flex-order: 0; -webkit-order: 0; order: 0; padding: 0px 20px; margin-bottom: 20px !important; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .block-title strong, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .block-title strong { padding: 10px; letter-spacing: 1px; line-height: initial; letter-spacing: 6px; margin: 0px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title { border-bottom: 1px solid #122e57; height: 61px; left: 0; position: fixed; right: 0; top: 0; z-index: 2; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title strong, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title strong { width: 100%; text-align: right; border: 0px; color: transparent; padding: 0px; letter-spacing: 0px; line-height: 16px; padding-right: 12px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title strong:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title strong:after { color: #122e57; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-subtitle, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-subtitle { background: url(../../frontend/Kemana/default/id_ID/images/category-filter-background.png) no-repeat; background-size: 80%; display: block; height: auto; left: 0; line-height: normal; position: fixed; right: 0; top: 0; z-index: 1; padding-left: 10px; padding-top: 15px; border: 0px; font-size: 16px; font-weight: 500; color: white; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options { padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 100px !important; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-option-wrapper, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-option-wrapper { -webkit-box-flex: 1; flex-grow: 1; overflow-y: auto; height: 100%; overflow: auto; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item { margin-bottom: 0px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item:first-child, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item:first-child { border-top: 1px solid #cccccc; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item .swatch-attribute, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item .swatch-attribute { text-align: left !important; padding-left: 10px; } .catalog-category-view.page-products .columns .facet-footer-buttons-wrapper, .catalogsearch-result-index.page-products .columns .facet-footer-buttons-wrapper { display: block !important; position: absolute; bottom: 0px; left: 0px; right: 0px; } .catalog-category-view.page-products .columns .facet-footer-buttons, .catalogsearch-result-index.page-products .columns .facet-footer-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; flex: 0 0 52px; flex-direction: row; box-shadow: 0 -4px 8px #e9e5e7; z-index: 9; background-color: #fff; position: relative; padding: 12px 0px; } .catalog-category-view.page-products .columns .facet-footer-clear-all-btn, .catalogsearch-result-index.page-products .columns .facet-footer-clear-all-btn { padding: 0 !important; flex-basis: 48%; flex-grow: 1; border: none !important; height: 42px !important; background-color: #fff; border: 2px solid #064394 !important; border-radius: 25px; margin: 10px 5px 10px 10px; border-color: #064394; } .catalog-category-view.page-products .columns .facet-footer-clear-all-btn span, .catalogsearch-result-index.page-products .columns .facet-footer-clear-all-btn span { letter-spacing: 0; font-family: 'Oswald', sans-serif; color: #064394; text-transform: uppercase; font-size: 16px; } .catalog-category-view.page-products .columns .facet-footer-view-results-btn, .catalogsearch-result-index.page-products .columns .facet-footer-view-results-btn { padding: 0 !important; flex-basis: 50%; flex-grow: 1; height: 42px !important; text-transform: uppercase; width: 100%; letter-spacing: 1.5px; font-weight: bold; font-size: 16px; line-height: 16px; cursor: pointer; padding: 1px; background-color: #064394; color: #fff; margin: 10px 10px 10px 5px; font-family: 'Oswald', sans-serif; border-radius: 25px; } .catalog-category-view.page-products .columns .facet-footer-view-results-btn .dsg-react-button-label, .catalogsearch-result-index.page-products .columns .facet-footer-view-results-btn .dsg-react-button-label { font-size: 16px; font-family: 'Oswald', sans-serif; letter-spacing: 0; } .catalog-category-view.page-products .columns .facet-footer-view-results-btn:hover span, .catalogsearch-result-index.page-products .columns .facet-footer-view-results-btn:hover span { color: #ffffff; } .catalog-category-view.page-products .columns .dsg-react-mobile-product-count, .catalogsearch-result-index.page-products .columns .dsg-react-mobile-product-count { display: -webkit-box; display: -ms-flexbox; display: flex; flex: 0 0 44px; text-align: center; align-items: center; background-color: #eaebeb; padding-top: 5px; padding-bottom: 5px; display: none; } .catalog-category-view.page-products .columns .dsg-react-mobile-product-count span, .catalogsearch-result-index.page-products .columns .dsg-react-mobile-product-count span { width: 100%; font-size: 12px; line-height: 20px; letter-spacing: .5px; text-transform: uppercase; font-weight: bold; } #layered-filter-block .filter-content .filter-current ol { padding: 8px; } .catalog-category-view.page-products .page-wrapper .page-main .columns .sidebar.sidebar-main .block.filter .filter-options { transform: unset; transition: unset !important; } .catalog-category-view.page-products .page-wrapper .page-main .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-current.active { padding-bottom: 0px; } } /*custom media by icube*/ @media only screen and (max-width: 767px) { .catalogsearch-advanced-result.page-products .columns .column.main .toolbar-products { top: -60px; right: 0px; } .catalogsearch-advanced-result .page-wrapper > .page-main > .page-title-wrapper { padding-left: 20px; } .catalog-category-view.page-products .columns, .catalogsearch-result-index.page-products .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0px; } .catalog-category-view.page-products .columns .column.main, .catalogsearch-result-index.page-products .columns .column.main { -ms-flex-order: 1; -webkit-order: 1; order: 1; position: static; } .catalog-category-view.page-products .columns .column.main .page-title-wrapper, .catalogsearch-result-index.page-products .columns .column.main .page-title-wrapper, .catalog-category-view.page-products .columns .column.main .category-description, .catalogsearch-result-index.page-products .columns .column.main .category-description { padding: 0px 20px 0px 20px; } .catalog-category-view.page-products .columns .column.main .page-title-wrapper p, .catalogsearch-result-index.page-products .columns .column.main .page-title-wrapper p, .catalog-category-view.page-products .columns .column.main .category-description p, .catalogsearch-result-index.page-products .columns .column.main .category-description p { margin-left: 10px; } .catalog-category-view.page-products .columns > .toolbar.toolbar-products, .catalogsearch-result-index.page-products .columns > .toolbar.toolbar-products { -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 100%; } .catalog-category-view.page-products .columns .sidebar.sidebar-main, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main { -ms-flex-order: 0; -webkit-order: 0; order: 0; padding: 0px 20px; margin-bottom: 20px !important; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .block-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .block-title { padding-top: 8px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .block-title strong, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .block-title strong { padding: 10px; letter-spacing: 1px; line-height: initial; letter-spacing: 6px; margin: 0px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title { border-bottom: 1px solid #122e57; height: 50px; left: 0; position: fixed; right: 0; top: 0; z-index: 2; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title strong, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title strong { width: 100%; text-align: right; border: 0px; color: transparent; padding: 0px; letter-spacing: 0px; line-height: 16px; padding-right: 12px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title strong:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .block-title strong:after { color: #122e57; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-subtitle, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-subtitle { background: url(../../frontend/Kemana/default/id_ID/images/category-filter-background.png) no-repeat; background-size: 80%; display: block; height: auto; left: 0; line-height: normal; position: fixed; right: 0; top: 0; z-index: 1; padding-left: 10px; padding-top: 15px; border: 0px; font-size: 16px; font-weight: 400; color: white; font-family: 'Oswald', sans-serif; letter-spacing: 1px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options { padding: 0px; margin-top: 1px solid #fff; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item { margin-bottom: 0px; border-top: 1px solid #fff; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item .swatch-attribute, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item .swatch-attribute { text-align: left !important; padding-left: 10px; } } /*custom media by kemana*/ @media only screen and (min-width: 768px) { .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:not(.custom-checkbox):hover:after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:not(.custom-checkbox):hover:after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item a:not(.custom-checkbox):hover:after { content: "\f00c"; font-family: FontAwesome; position: absolute; top: 0; left: 3px; } .catalog-category-view .page-wrapper .page-bottom, .catalogsearch-result-index .page-wrapper .page-bottom, .catalogsearch-advanced-result .page-wrapper .page-bottom { margin-right: 0; max-width: 100%; margin-left: 0; padding-top: 15px; border-top: 1px solid #efefef; margin-top: 65px; } .catalog-category-view .page-wrapper .page-bottom .best-selling-products-container, .catalogsearch-result-index .page-wrapper .page-bottom .best-selling-products-container, .catalogsearch-advanced-result .page-wrapper .page-bottom .best-selling-products-container { width: 600px; margin: 0 auto; } .menu-filter-mobile { display: none; } span.product-count { font-weight: normal; color: #b0b0b0; text-transform: capitalize; } } @media only screen and (max-width: 767px) { .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block:not(.active) .filter-title, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block:not(.active) .filter-title, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block:not(.active) .filter-title { display: none; } .catalog-category-view .columns .column.main .message.info.empty, .catalogsearch-result-index .columns .column.main .message.info.empty, .catalogsearch-advanced-result .columns .column.main .message.info.empty { clear: both; top: 20px; } .catalog-category-view .columns .column.main .top-toolbar, .catalogsearch-result-index .columns .column.main .top-toolbar, .catalogsearch-advanced-result .columns .column.main .top-toolbar { min-height: 40px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .catalog-category-view .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter, .catalogsearch-result-index .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter, .catalogsearch-advanced-result .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter { right: 0; width: 100%; display: inline-block; float: unset; } .catalog-category-view .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter .sorter-label, .catalogsearch-result-index .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter .sorter-label, .catalogsearch-advanced-result .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter .sorter-label { width: 90%; left: 1px; display: none; } .catalog-category-view .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter select.sorter-options, .catalogsearch-result-index .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter select.sorter-options, .catalogsearch-advanced-result .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter select.sorter-options { margin: 0; width: 100%; display: inline-block; padding: 5px 10px; left: 0; text-align-last: center; text-transform: uppercase; margin-top: 2px; height: 36px; border: 0 !important; } .catalog-category-view .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter .sorter-action, .catalogsearch-result-index .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter .sorter-action, .catalogsearch-advanced-result .columns .column.main .top-toolbar .toolbar-products .toolbar-sorter.sorter .sorter-action { display: none; } .catalog-category-view .columns .column.main .top-toolbar .menu-filter-mobile, .catalogsearch-result-index .columns .column.main .top-toolbar .menu-filter-mobile, .catalogsearch-advanced-result .columns .column.main .top-toolbar .menu-filter-mobile { width: 46%; display: inline-block; border-right: 1px solid #cccccc; height: 40px; margin-left: 10px; top: 0; vertical-align: top; text-align: center; line-height: 40px; text-transform: uppercase; font-size: 12px; float: left; position: relative; z-index: 2; font-weight: 600; } .catalog-category-view .columns .column.main .top-toolbar .menu-filter-mobile .filter-count, .catalogsearch-result-index .columns .column.main .top-toolbar .menu-filter-mobile .filter-count, .catalogsearch-advanced-result .columns .column.main .top-toolbar .menu-filter-mobile .filter-count { background-color: #074394; color: #fff; border-radius: 25px; width: 15px; height: 15px; display: inline-block; line-height: 17px; margin-left: 3px; } .catalog-category-view .columns .column.main .top-toolbar .menu-filter-mobile .filter-icon, .catalogsearch-result-index .columns .column.main .top-toolbar .menu-filter-mobile .filter-icon, .catalogsearch-advanced-result .columns .column.main .top-toolbar .menu-filter-mobile .filter-icon { display: none; background-image: url('../../frontend/Kemana/default/id_ID/images/filter-bg.svg'); background-size: 18px; width: 18px; height: 12px; margin-right: 8px; } .catalog-category-view .columns .column.main .top-toolbar .products-grid, .catalogsearch-result-index .columns .column.main .top-toolbar .products-grid, .catalogsearch-advanced-result .columns .column.main .top-toolbar .products-grid { clear: both; } .catalog-category-view .columns .column.main .top-toolbar .products-grid .product-items, .catalogsearch-result-index .columns .column.main .top-toolbar .products-grid .product-items, .catalogsearch-advanced-result .columns .column.main .top-toolbar .products-grid .product-items { margin-top: 25px; } .catalog-category-view .columns .column.main .top-toolbar .products-grid .product-item, .catalogsearch-result-index .columns .column.main .top-toolbar .products-grid .product-item, .catalogsearch-advanced-result .columns .column.main .top-toolbar .products-grid .product-item { min-height: 220px; } .catalog-category-view .columns .column.main .top-toolbar .products-grid .product-item .product-item-info .product.details .discount, .catalogsearch-result-index .columns .column.main .top-toolbar .products-grid .product-item .product-item-info .product.details .discount, .catalogsearch-advanced-result .columns .column.main .top-toolbar .products-grid .product-item .product-item-info .product.details .discount { font-size: 11px; margin-top: 2px; } .catalog-category-view .columns .column.main .top-toolbar .products-grid .product-item .product-item-info .product.details .product.name a, .catalogsearch-result-index .columns .column.main .top-toolbar .products-grid .product-item .product-item-info .product.details .product.name a, .catalogsearch-advanced-result .columns .column.main .top-toolbar .products-grid .product-item .product-item-info .product.details .product.name a { font-size: 14px !important; max-height: 42px; line-height: 20px; min-height: 42px; } .catalog-category-view .columns .column.main .top-toolbar .products-grid .product-item .product-item-info .product.details .price-box .price-container .price, .catalogsearch-result-index .columns .column.main .top-toolbar .products-grid .product-item .product-item-info .product.details .price-box .price-container .price, .catalogsearch-advanced-result .columns .column.main .top-toolbar .products-grid .product-item .product-item-info .product.details .price-box .price-container .price { font-size: 14px !important; } .catalog-category-view .columns .column.main .top-toolbar .product-items .product-item-info .product-item-details .discount, .catalogsearch-result-index .columns .column.main .top-toolbar .product-items .product-item-info .product-item-details .discount, .catalogsearch-advanced-result .columns .column.main .top-toolbar .product-items .product-item-info .product-item-details .discount { font-size: 11px !important; } .catalog-category-view.page-products .columns .sidebar.sidebar-main, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main { padding: 0 10px; width: 100%; margin: 0 !important; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong { width: 100%; margin-bottom: 0; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after { font-size: 12px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after { font-size: 12px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main .block.filter, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main .block.filter, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main .block.filter { display: inline-block; width: 100%; } .catalog-category-view.page-products .columns .column.main .top-toolbar .toolbar-products, .catalogsearch-result-index.page-products .columns .column.main .top-toolbar .toolbar-products, .catalogsearch-advanced-result.page-products .columns .column.main .top-toolbar .toolbar-products { width: 46%; z-index: 2; float: right; top: 0 !important; position: relative !important; padding: 0; margin-right: 10px; } .catalog-category-view.page-products .columns .column.main .page-title-wrapper, .catalogsearch-result-index.page-products .columns .column.main .page-title-wrapper, .catalogsearch-advanced-result.page-products .columns .column.main .page-title-wrapper { padding-top: 0 !important; margin-bottom: 30px; } .catalog-category-view .page-wrapper .breadcrumbs, .catalogsearch-result-index .page-wrapper .breadcrumbs, .catalogsearch-advanced-result .page-wrapper .breadcrumbs { display: block; margin-bottom: 0; padding-top: 15px !important; padding-left: 10px !important; } .catalog-category-view span.product-count, .catalogsearch-result-index span.product-count, .catalogsearch-advanced-result span.product-count { font-size: 14px; font-weight: normal; color: #b0b0b0; text-transform: capitalize; } .catalog-category-view .page-wrapper .page-bottom, .catalogsearch-result-index .page-wrapper .page-bottom, .catalogsearch-advanced-result .page-wrapper .page-bottom { padding-top: 15px; border-top: 1px solid #efefef; } .product-item-info .sale-label { top: 0px; right: 0px; } .product-item-info .sale-label img { width: 50px !important; } .sections.nav-sections .section-items .section-item-content .additional-login-mobile { display: none; float: left; width: 100%; padding: 0 15px; } .sections.nav-sections .section-items .section-item-content .additional-login-mobile li { list-style: none; height: 46px; align-items: center; display: flex; border-bottom: solid 1px #d7d7d7; padding-left: 10px; } .sections.nav-sections .section-items .section-item-content .additional-login-mobile li a { color: #122e57; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: normal; } .filter .filter-current, .filter .filter-current.active { margin: 5px 0 0; } body.catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .facet-footer-buttons-wrapper, body.catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .facet-footer-buttons-wrapper, body.catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .facet-footer-buttons-wrapper { display: block; position: fixed; bottom: 0; z-index: 999; } } @media only screen and (max-width: 330px) { .catalog-category-view .columns .column.main .menu-filter-mobile, .catalogsearch-result-index .columns .column.main .menu-filter-mobile, .catalogsearch-advanced-result .columns .column.main .menu-filter-mobile { width: 45%; } .catalog-category-view.page-products .columns .column.main .toolbar-products, .catalogsearch-result-index.page-products .columns .column.main .toolbar-products, .catalogsearch-advanced-result.page-products .columns .column.main .toolbar-products { width: 100%; } } .filter.block { margin-bottom: 0; } .filter-title strong { background-color: #f0f0f0; box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); border: 1px solid #cccccc; border-radius: 3px; font-weight: 400; left: 0; line-height: 16px; padding: 7px 10px; position: absolute; text-align: center; top: 0; z-index: 2; } .filter-title strong[data-count]:after { color: #ffffff; background: #ff5501; border-radius: 2px; content: attr(data-count); display: inline-block; font-size: .8em; line-height: 1; margin: 0 5px; min-width: 1em; padding: 2px; } .filter-title strong.disabled { opacity: .5; } .filter .block-subtitle { border-bottom: 1px solid #cccccc; font-size: 14px; font-weight: 600; line-height: 1em; padding: 10px 10px 20px; } .filter-subtitle { display: none; } .filter-current { margin: 0; } .filter-current .items { padding: 5px 10px; } .filter-current .item { padding-left: 17px; position: relative; z-index: 1; } .filter .filter-current-subtitle { border: none; display: block; padding-bottom: 10px; } .filter-current .action.remove { left: -2px; position: absolute; top: -1px; } .filter-actions { margin-bottom: 25px; padding: 0 10px; } .filter-label { font-weight: 700; } .filter-label:after { content: ': '; } .filter-value { color: #858585; } .filter-options { display: none; margin: 0; } .filter-options-item { border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .filter-options-title { cursor: pointer; font-weight: 600; margin: 0; overflow: hidden; padding: 10px 40px 0 10px; position: relative; text-transform: uppercase; word-break: break-all; z-index: 1; display: block; text-decoration: none; } .filter-options-title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter-options-title:after { position: absolute; right: 13px; top: 12px; } .filter-options-title:hover { color: #000000; } .active > .filter-options-title:after { content: '\e621'; } .filter-options-content { margin: 0; padding: 10px; } .filter-options-content .item { line-height: 1.5em; margin: 10px 0; } .filter-options-content a { color: #494949; margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 7px; } .filter-options-content a:hover { background-color: #e8e8e8; text-decoration: none; } .filter-options-content a:hover + .count { background-color: #e8e8e8; } .filter-options-content .count { color: #858585; padding-right: 5px; } .filter-options-content .count:before { content: '('; } .filter-options-content .count:after { content: ')'; } .catalog-category-view.page-products .page-wrapper .breadcrumbs .items .item a, .catalogsearch-result-index.page-products .page-wrapper .breadcrumbs .items .item a, .catalogsearch-advanced-result.page-products .page-wrapper .breadcrumbs .items .item a, .catalog-category-view.page-products .page-wrapper .breadcrumbs .items .item strong, .catalogsearch-result-index.page-products .page-wrapper .breadcrumbs .items .item strong, .catalogsearch-advanced-result.page-products .page-wrapper .breadcrumbs .items .item strong { font-style: normal; } .catalog-category-view.page-products .page-wrapper .breadcrumbs .items .item strong, .catalogsearch-result-index.page-products .page-wrapper .breadcrumbs .items .item strong, .catalogsearch-advanced-result.page-products .page-wrapper .breadcrumbs .items .item strong { font-weight: bold; } .catalog-category-view.page-products .columns, .catalogsearch-result-index.page-products .columns, .catalogsearch-advanced-result.page-products .columns { box-shadow: none; } .catalog-category-view.page-products .columns .top-toolbar .pages, .catalogsearch-result-index.page-products .columns .top-toolbar .pages, .catalogsearch-advanced-result.page-products .columns .top-toolbar .pages { display: none !important; } .catalog-category-view.page-products .columns .bottom-toolbar, .catalogsearch-result-index.page-products .columns .bottom-toolbar, .catalogsearch-advanced-result.page-products .columns .bottom-toolbar { display: none; } .catalog-category-view.page-products .columns .field.limiter, .catalogsearch-result-index.page-products .columns .field.limiter, .catalogsearch-advanced-result.page-products .columns .field.limiter { display: none; } .catalog-category-view.page-products .columns .toolbar.toolbar-products, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products { box-shadow: none; padding-left: 20.83333333%; text-align: center; } .catalog-category-view.page-products .columns .toolbar.toolbar-products .toolbar-amount, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .toolbar-amount, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .toolbar-amount { display: none; } .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages { float: none; } .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul { float: none; } .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item .page, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item .page, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul li.item .page, .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item .action, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item .action, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul li.item .action { margin: 0 5px; width: 52px; height: 47px; line-height: 47px; border: 1px solid #064394; color: #064394; border-radius: 2px; } .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item .page span, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item .page span, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul li.item .page span, .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item .action span, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item .action span, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul li.item .action span { width: 52px; height: 47px; line-height: 47px; } .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item .page:hover, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item .page:hover, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul li.item .page:hover, .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item .action:hover, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item .action:hover, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul li.item .action:hover { background-color: #064394 !important; border: 1px solid #064394 !important; color: #ffffff; } .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item.current .page, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item.current .page, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul li.item.current .page { height: 47px; background-color: #064394; border: 1px solid #064394; border-radius: 2px; color: white; } .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item .action:before, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item .action:before, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul li.item .action:before { display: none; } .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item .action:after, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item .action:after, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul li.item .action:after { content: '\f104'; font-family: FontAwesome; font-size: 18px; } .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item.pages-item-next .action:after, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item.pages-item-next .action:after, .catalogsearch-advanced-result.page-products .columns .toolbar.toolbar-products .pages ul li.item.pages-item-next .action:after { content: '\f105'; } .catalog-category-view.page-products .columns .sidebar, .catalogsearch-result-index.page-products .columns .sidebar, .catalogsearch-advanced-result.page-products .columns .sidebar { box-shadow: none; border-right: none; padding-top: 50px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong { margin-left: 0; letter-spacing: normal; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content { margin-top: 10px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item .priceRange input, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item .priceRange input, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item .priceRange input { width: 46%; box-sizing: border-box; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item .priceRange input:first-child, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item .priceRange input:first-child, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item .priceRange input:first-child { margin-right: 2.5%; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item .priceRange input:last-child, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item .priceRange input:last-child, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item .priceRange input:last-child { margin-left: 2.5%; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item button.button-price-range, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item button.button-price-range, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options-item button.button-price-range { padding: 7px 27px; } .catalog-category-view.page-products .columns .column.main .page-title-wrapper, .catalogsearch-result-index.page-products .columns .column.main .page-title-wrapper, .catalogsearch-advanced-result.page-products .columns .column.main .page-title-wrapper { padding-left: 10px; padding-top: 32px; } .catalog-category-view.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name, .catalogsearch-result-index.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name, .catalogsearch-advanced-result.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .product.name { margin-bottom: 0; padding-top: 0; } .catalog-category-view.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-container .price, .catalogsearch-result-index.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-container .price, .catalogsearch-advanced-result.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .price-container .price { color: #222222 !important; } .catalog-category-view.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .special-price .price-container .price, .catalogsearch-result-index.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .special-price .price-container .price, .catalogsearch-advanced-result.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .special-price .price-container .price { color: #dd0019 !important; } .catalog-category-view.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .old-price .price-container .price, .catalogsearch-result-index.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .old-price .price-container .price, .catalogsearch-advanced-result.page-products .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box.price-final_price .old-price .price-container .price { color: #999999 !important; font-weight: normal; } .theme-pearl.theme-pearl.store-view-default .page-wrapper .breadcrumbs, .theme-pearl.store-view-idn .page-wrapper .breadcrumbs { max-width: 1400px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 15px; margin-bottom: 0px; } .theme-pearl.theme-pearl.store-view-default .page-wrapper .breadcrumbs .items .item strong, .theme-pearl.store-view-idn .page-wrapper .breadcrumbs .items .item strong { font-weight: bold; } @media only screen and (max-width: 767px) { body.catalog-category-view.page-products .columns .sidebar.sidebar-main .block.filter.active, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main .block.filter.active { transform: none !important; } body.catalog-category-view.page-products .columns .sidebar.sidebar-main .block.filter .filter-options, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main .block.filter .filter-options, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main .block.filter .filter-options { transition: none !important; } body.catalog-category-view.page-products .columns .sidebar.sidebar-main .block.filter, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main .block.filter, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main .block.filter { display: block; width: 100%; height: 100vh; transform: translateX(-100%); transition: .5s; top: 0; position: fixed !important; z-index: 99999999; background-color: #ffffff; right: 0; } body.catalog-category-view.page-products .columns .sidebar.sidebar-main .block.filter .filter-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main .block.filter .filter-title, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main .block.filter .filter-title { display: block; } body.catalog-category-view.page-products .columns .sidebar.sidebar-main .block.filter .filter-options, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main .block.filter .filter-options, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main .block.filter .filter-options { position: fixed; display: block; top: 50px; } } .block-collapsible-nav .content { background: #f5f5f5; padding: 15px 0; } .block-collapsible-nav .item { margin: 3px 0 0; } .block-collapsible-nav .item:first-child { margin-top: 0; } .block-collapsible-nav .item a, .block-collapsible-nav .item > strong { border-left: 3px solid transparent; color: #575757; display: block; padding: 5px 18px 5px 15px; } .block-collapsible-nav .item a { text-decoration: none; } .block-collapsible-nav .item a:hover { background: #e8e8e8; } .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong { border-color: #ff5501; color: #000000; font-weight: 600; } .block-collapsible-nav .item.current a { border-color: #ff5501; } .block-collapsible-nav .item .delimiter { border-top: 1px solid #d1d1d1; display: block; margin: 10px 1.8rem; } footer.page-footer { padding-bottom: 0px !important; } footer.page-footer .footer-container .newsletter-box .block.newsletter .content .messages .message.message-error, footer.page-footer .footer-container .newsletter-box .block.newsletter .content .messages .message.message-success { padding-left: 10px; margin-top: 5px; } footer.page-footer .footer-container .newsletter-box .block.newsletter .content .messages .message.message-error div::before, footer.page-footer .footer-container .newsletter-box .block.newsletter .content .messages .message.message-success div::before { display: none; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent { float: none !important; width: 100%; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent .control { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 10px; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent .control::before { display: none; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent .control input[type=checkbox] { top: 2px; padding: 0; margin-right: 10px; height: auto !important; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent .control .label { flex-basis: 89%; position: relative; overflow: initial; clip: unset; margin: 0; height: auto; width: auto; display: block !important; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent .control .label a { color: #ffffff; font-weight: bold; text-decoration: underline; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent .control .label a:hover { text-decoration: none; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent .control .label span { color: #ffffff; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent .control .label span::after { content: " *"; color: #e02b27; font-size: 14px; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent .control #footer_subscription_consent-error.mage-error { display: none !important; padding-left: 23px; } footer.page-footer .footer-container .newsletter-box .footer_subscription_consent .control #footer_subscription_consent-error.mage-error:nth-of-type(1) { display: block !important; } footer.page-footer .footer-container .newsletter-box .newsletter-input-section .control { display: flex; flex-wrap: wrap; } footer.page-footer .footer-container .newsletter-box .newsletter-input-section .control #newsletter { margin-right: 0; flex-basis: 80%; } footer.page-footer .footer-container .newsletter-box .newsletter-input-section .control input.mage-error { border-color: #ed8380; } footer.page-footer .footer-container .newsletter-box .newsletter-input-section .control input#newsletter { border-radius: 20px 0 0 20px !important; } footer.page-footer .footer-container .newsletter-box .newsletter-input-section .control input#newsletter:focus ~ .mage-error { position: relative; } footer.page-footer .footer-container .newsletter-box .newsletter-input-section .control .actions { width: auto !important; margin-left: 0 !important; } footer.page-footer .footer-container .newsletter-box .newsletter-input-section #newsletter-error.mage-error { display: none !important; order: 2; flex-basis: 100%; text-align: left; } footer.page-footer .footer-container .newsletter-box .newsletter-input-section #newsletter-error.mage-error:nth-of-type(1) { display: block !important; } .amgdprcookie-bar-container .amgdprcookie-policy a { font-weight: bold; color: #338efc; text-decoration: underline; text-wrap: nowrap; } .amgdprcookie-bar-container .amgdprcookie-policy a:hover { font-weight: bold; color: #338efc; text-decoration: none; } .footer-container { overflow: hidden; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter { max-width: 100%; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box { padding: 0px 0 20px; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter { width: 100%; margin: auto 0; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter .title { display: none; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter .control:before { display: none; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter .control input#newsletter { padding-left: 10px; height: 40px; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter .action.subscribe.primary { background-color: #04214d; border: 1px solid #c1c3c7; width: 50px; height: 40px; } .page-footer .footer-container .footer .footer-social-links { padding-top: 30px; } .page-footer .footer-container .footer .footer-social-links ul li { float: left; margin-right: 10px; margin-bottom: 0; } .page-footer .footer-container .footer .footer-social-links ul li a.social { font-size: 30px; line-height: 28px; color: #ffffff; opacity: 0.5; } .page-footer .footer-container .footer .footer-social-links ul li a.social:hover { text-decoration: none; opacity: 1; } @media screen and (max-width: 459px) { .page-wrapper .copyright { text-align: center; } .page-wrapper .copyright > span { margin-bottom: 10px; } } footer.page-footer { background: #043d89; } footer.page-footer .footer-container .newsletter-box { background: transparent; padding: 20px 0; } .footer-container { background: #043d89; } .footer-container .footer-space { padding: 30px 0; border-bottom: solid 1px #2259a1; } .footer-container .footer-space .logo-box { text-align: center; padding-bottom: 23px; border-bottom: solid 1px #2259a1; margin-bottom: 30px; } .footer-container .footer-space .logo-box img { width: 330px; } .footer-container .footer-space .title { font-size: 16px; text-transform: uppercase; line-height: 18px; color: #b8d6ff; text-align: left; margin-bottom: 20px; display: block; } .footer-container .footer-space ul { padding-left: 0; list-style-type: none; } .footer-container .footer-space ul a { font-size: 14px; line-height: 18px; color: #ffffff; } .footer-container .footer-space ul a:hover { color: #ffffff; text-decoration: underline; } .footer-container .footer-space .map-logo { text-align: center; } .footer-container .footer-space .map-logo img { width: 80%; } .footer-container .footer-space .payments img { margin-right: 10px; margin-bottom: 10px; } .footer-container .container-fluid { background-image: url('../../frontend/Kemana/default/id_ID/images/newsletter-bg-mobile.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } .footer-container .container-fluid > .row { margin-right: -15px; width: auto; } .footer-container .container-fluid .newsletter-box { padding: 20px 0; } .footer-container .container-fluid .newsletter-box .block.newsletter .form.subscribe .field.newsletter { text-align: right; } .footer-container .container-fluid .newsletter-box .block.newsletter .form.subscribe .field.newsletter .label { clip: unset; width: 100%; height: auto; position: relative; padding-right: 30px; } .footer-container .container-fluid .newsletter-box .block.newsletter .form.subscribe .field.newsletter .label span { text-transform: uppercase; font-size: 26px; line-height: 50px; font-weight: 500; font-family: 'Oswald', sans-serif; letter-spacing: 0.5px; color: #043d89; } .footer-container .container-fluid .newsletter-box .block.newsletter .form.subscribe .field.newsletter .control { width: 100%; float: right; } .footer-container .container-fluid .newsletter-box .block.newsletter .form.subscribe .field.newsletter .control:before { display: none; } .footer-container .container-fluid .newsletter-box .block.newsletter .form.subscribe .actions .action.subscribe { padding-left: 24px; padding-right: 20px; } .footer-container .container-fluid .newsletter-box .block.newsletter .form.subscribe .actions .action.subscribe span { font-size: 22px; } .footer-container .container-fluid .newsletter-box .block.newsletter .content { background: none !important; } .footer-container .container .row { margin-left: -15px !important; margin-right: -15px !important; width: auto !important; max-width: inherit !important; } .copyright.container { background-color: transparent; position: relative; padding: 30px 0; } .copyright.container ul { list-style: none; position: relative; padding: 0; margin: 0; } .copyright.container ul li { float: left; margin-right: 15px; margin-bottom: 0; } .copyright.container ul li a.social { font-size: 28px; line-height: 28px; color: #ffffff; opacity: 0.5; } .copyright.container ul li a.social:hover { text-decoration: none; opacity: 1; } .copyright.container ul li.atText { margin-top: 4px; } .copyright.container ul li.atText span { text-transform: initial; } .copyright.container span { font-size: 14px; color: #b8d6ff; text-transform: uppercase; } @media screen and (max-width: 1025px) { .copyright.container span { font-size: 12px; line-height: 26px; } .copyright.container ul li a.social { font-size: 18px; line-height: 26px; } .copyright.container ul li.atText { margin-top: 0; } } @media screen and (max-width: 991px) { .footer-container .container-fluid .newsletter-box .block.newsletter .form.subscribe .field.newsletter .control, .footer-container .container-fluid .newsletter-box .block.newsletter .form.subscribe .field.newsletter .label { width: 100% !important; text-align: center; display: block; } .block.newsletter .actions { vertical-align: bottom; } } @media screen and (max-width: 767px) { .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .field.newsletter .control, .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .field.newsletter .label { width: 100% !important; padding-right: 0; } .copyright.container ul li { margin: 0 5px; } .copyright.container ul li a.social { font-size: 28px; line-height: 28px; } .copyright.container ul li.atText { flex-basis: 100%; } .copyright.container ul li.atText span { font-size: 18px; line-height: 26px; } .page-wrapper .copyright > span:last-child { border-top: solid 1px #2259a1; padding-top: 15px; } } .page-header.page-header-v1 .header.content .logo, .page-header.page-header-v1 .header.content .block.block-search, .page-header.page-header-v1 .header.content .top-header-links { width: calc(25%); float: left; } .page-header.page-header-v1 .header.content .logo { height: auto; margin-top: 2px; margin-bottom: 25px; position: relative; height: 30px; } .page-header.page-header-v1 .header.content .logo img { height: auto !important; position: absolute; top: 50%; transform: translateY(-50%); } .page-header.page-header-v1 .header.content .block.block-search { max-width: 100%; margin-left: 40px; width: 36%; } .page-header.page-header-v1 .header.content .block.block-search .block-content { max-width: 100%; border: 1px solid #e2e3e7; } .page-header.page-header-v1 .header.content .block.block-search .block-content input { width: 100%; border: 0px; padding-left: 40px; text-transform: uppercase !important; } .page-header.page-header-v1 .header.content .block.block-search .block-content .form.minisearch { position: relative; } .page-header.page-header-v1 .header.content .block.block-search .block-content .form.minisearch .control:before { position: absolute; top: 50%; transform: translateY(-50%); left: 4px; border-right: 1px solid #e2e3e7; background-image: url(../../frontend/Kemana/default/id_ID/images/search-icon.png); content: ""; background-size: contain; width: 20px; height: 20px; background-repeat: no-repeat; padding-right: 8px; } .page-header.page-header-v1 .header.content .block.block-search .block-content .form.minisearch .actions { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; z-index: 9999; } .page-header.page-header-v1 .header.content .block.block-search .block-content .form.minisearch .actions button { opacity: 1; } .page-header.page-header-v1 .header.content .block.block-search .block-content .form.minisearch .actions button:before { position: absolute; top: -2px; left: -12px; background-image: url(../../frontend/Kemana/default/id_ID/images/li-search-action-icon.png); content: ""; background-size: contain; width: 25px; height: 25px; background-repeat: no-repeat; } .page-header.page-header-v1 .panel.header { background: #064394; padding-top: 2px; padding-bottom: 2px; text-align: right; } .page-header.page-header-v1 .panel.header .nav.item { list-style: none; display: inline-block; margin-left: 20px; } .page-header.page-header-v1 .panel.header .nav.item a { color: #fff; font-size: 12px; } .page-wrapper .header.links { display: none; width: 20%; float: left; margin-bottom: 0px; padding: 0px; line-height: normal; padding: 10px 0px; font-size: 16px; } .page-wrapper .header.links li { list-style: none; float: left; width: 50%; margin-bottom: 0px; } .page-wrapper .header.links li.authorization-link { text-align: right; } .page-wrapper .header.links li.authorization-link:after { content: "/"; margin-right: 5px; margin-left: 5px; color: white; } .page-wrapper .header.links li a { color: white; text-transform: uppercase; } .page-wrapper .header.links li.nav.item { display: inline-block; float: left; margin: 0 20px; } .page-wrapper .header.links .customer-menu .header.links { right: 8px; top: 30px; } .page-wrapper .header.links .customer-menu .header.links li { float: none; width: 100%; list-style: none; margin-bottom: 5px; } .page-wrapper .header.links .customer-menu .header.links li a { color: #064394; } .page-wrapper .header.links .customer-menu .header.links li.authorization-link a { text-align: left; } .page-wrapper .header.links > .customer-welcome + .authorization-link { display: none; } .page-wrapper .header.links > li.customer-welcome { float: right; text-align: right; padding-right: 20px; color: #fff; } .page-wrapper .header.links > li.customer-welcome span.customer-name > span { margin-right: 5px; } .page-wrapper .header.links > li.customer-welcome span.customer-name .action.switch { color: #ffffff; } .sections.nav-sections { background: #064394 !important; font-family: 'Oswald', sans-serif; letter-spacing: 0.12rem; } .sections.nav-sections .section-items .section-item-content { float: left; width: 80%; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul { position: inherit !important; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul .nav-item.level0 { position: inherit !important; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul .nav-item.active > a { background: none; } .sections.nav-sections .section-items .section-item-content#store\.links { visibility: hidden; position: absolute; } .sections.nav-sections .section-items .section-item-content .navigation li a { line-height: normal; font-weight: 400; padding: 0; } .sections.nav-sections .section-items .section-item-content .navigation li a span { color: white; line-height: normal; padding: 10px 0px; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu { width: 90% !important; background: white; left: 5%; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .nav-itemsubhover > .submenu > .submenu-inner, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .nav-itemsubhover > .submenu > .submenu-inner { padding: 10px; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .nav-item.current > a, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .nav-item.current > a { border: 0px; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .nav-item.current > a span, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .nav-item.current > a span { color: #064394; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .nav-item > a span, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .nav-item > a span { color: #064394; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col { overflow: hidden; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col .nav-item.level1, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col .nav-item.level1 { width: 100%; float: left; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col .nav-item.level1 a.nav-anchor, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col .nav-item.level1 a.nav-anchor { padding: 0px; border: 0px !important; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col .nav-item.level1 > a.nav-anchor span, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col .nav-item.level1 > a.nav-anchor span { font-weight: 700; font-size: 24px; letter-spacing: 0px; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col .nav-item.level1 .submenu.dropdown-menu, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col .nav-item.level1 .submenu.dropdown-menu { position: relative; left: 0px !important; box-shadow: none; display: block; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col .nav-item.level1 .submenu.dropdown-menu .submenu-inner, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col .nav-item.level1 .submenu.dropdown-menu .submenu-inner { padding-left: 0px; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col .nav-item.level1 .submenu.dropdown-menu .submenu-inner .nav-item.level2 > a, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col .nav-item.level1 .submenu.dropdown-menu .submenu-inner .nav-item.level2 > a { padding: 0px; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col.mega-col-level-2 .menu-side, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col.mega-col-level-2 .menu-side { float: left; width: 50%; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col.mega-col-level-2 div.nav-item.level2, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col.mega-col-level-2 div.nav-item.level2 { width: 100%; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col.mega-col-level-2 div.nav-item.level2 a span, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col.mega-col-level-2 div.nav-item.level2 a span { font-weight: 300; text-transform: capitalize; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col-level-1 .full-width .mega-col.mega-col-level-2 .menu-side, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col-level-1 .full-width .mega-col.mega-col-level-2 .menu-side { width: 100%; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .nav-item.level1, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .nav-item.level1 { width: 100%; float: left; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .dropdown-submenu, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .dropdown-submenu { margin-bottom: 10px; font-family: 'Roboto', sans-serif; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation .level0.current > a { background-color: transparent; } .sections.nav-sections .ves-mdrilldown .navigation { border: none; } .ves-megamenu .navigation .nav-item.subhover > .submenu > .submenu-inner { background-color: #f2f2f2; } .ves-megamenu .navigation .level0 .submenu a:hover { background-color: transparent; } .block-search #search_mini_form .control { position: inherit; } .block-search #search_mini_form #searchSuggestions { top: 50px; } .block-search #search_mini_form #searchSuggestions ul#queryList .ac-query { padding: 0; } .block-search #search_mini_form #searchSuggestions ul#queryList .ac-query a { padding: 5px 5px; } .block-search #search_mini_form #searchSuggestions ul#queryList .ac-query a:empty { display: none; } @media (max-width: 1024px) { .page-header.page-header-v1 .header.content .multistore-switcher { width: 74px; margin-left: 30px; } .page-header.page-header-v1 .header.content .top-header-links { width: 220px; } .page-header.page-header-v1 .header.content .top-header-links .social-container ul li { margin-right: 5px; } .page-header.page-header-v1 .header.content .block.block-search .block-content input { padding-right: 25px; } } @media (max-width: 991px) { .sections.nav-sections .section-items .section-item-content .navigation .level1 > a { padding: 0px; } .sections.nav-sections .section-items .section-item-content .navigation .level1 > a span { font-weight: 700; font-size: 24px; letter-spacing: 0px; } .sections.nav-sections .section-items .section-item-content .navigation .level1 .submenu.dropdown-menu { position: relative; left: 0px !important; box-shadow: none; display: block; } .sections.nav-sections .section-items .section-item-content .navigation .level1 .submenu.dropdown-menu .submenu-inner { padding-left: 0px; } .sections.nav-sections .section-items .section-item-content .navigation .level1 .submenu.dropdown-menu .submenu-inner .nav-item.level2 > a { padding: 0px; } .sections.nav-sections .section-items .section-item-content .navigation .level1 .submenu.dropdown-menu .submenu-inner .level2 div.nav-item.level2 a span { font-weight: 700; letter-spacing: normal !important; } } @media (max-width: 965px) { .page-header.page-header-v1 .header.content .block.block-search { width: 25%; } } @media (max-width: 1023px) { .sections.nav-sections .section-items .section-item-content .navigation li a { padding: 0 10px; } } @media (min-width: 768px), print { .page-wrapper .nav-sections { display: flex; } } header.page-header { position: fixed; width: 100%; top: 0; } .sticky-header__transition--05s { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .page-wrapper .page-header.page-header-v1 .page-header .sections.nav-sections .section-items .section-item-content .multistore-switcher { display: none !important; } @media (max-width: 800px) { .page-wrapper .page-header .header.content .top-header-links { display: none; } .page-wrapper .page-header .header.content .logo { position: relative; height: 28px; } .page-wrapper .page-header .header.content .logo img { position: absolute; top: 50%; transform: translateY(-50%); } .sections.nav-sections .ves-mdrilldown { margin-bottom: 0; /*background-color: #fff;*/ } .sections.nav-sections .ves-mdrilldown .navigation { border: none; } .sections.nav-sections .ves-mdrilldown .navigation .drilldown-back a, .sections.nav-sections .ves-mdrilldown .navigation .drilldown-back > a { background-color: transparent; } .sections.nav-sections .ves-mdrilldown .navigation .drilldown-back a .drill-opener, .sections.nav-sections .ves-mdrilldown .navigation .drilldown-back > a .drill-opener { left: unset; right: 0; border: none; background-color: transparent; z-index: 5; height: 40px; line-height: 40px; text-align: left; padding-left: 20px; } .sections.nav-sections .ves-mdrilldown .navigation .drilldown-back a .current-cat, .sections.nav-sections .ves-mdrilldown .navigation .drilldown-back > a .current-cat { border-bottom: 0px; font-size: 15px; font-weight: bold; color: #122e57; } .sections.nav-sections .ves-mdrilldown .navigation > .dropdown-menu > .drilldown-back > a > .drill-opener { left: 0; width: 100%; } .sections.nav-sections .ves-mdrilldown .navigation > .dropdown-menu > .drilldown-back > a > .drill-opener:before { content: "\f053" !important; color: #001B61; } .sections.nav-sections .ves-mdrilldown .navigation > .dropdown-menu > .drilldown-back > a > .current-cat { z-index: 1; line-height: 40px; color: #001B61; top: 1px; left: 0; letter-spacing: 0; width: 100%; font-family: Oswald; text-align: left; padding-left: 35px; display: block !important; } .sections.nav-sections .ves-mdrilldown .navigation > .dropdown-menu > .drilldown-back > a > .current-cat:before { content: none; display: inline-block; font-size: 14px; line-height: 46px; float: left; padding-left: 50px; color: #575757; } .sections.nav-sections .ves-mdrilldown .navigation .nav-item > a { height: 40px; line-height: 40px; padding: 0 20px; } .sections.nav-sections .section-items .section-item-content .navigation .level1 > a span { font-size: 14px; padding-left: 20px; font-weight: bold; color: #122e57; text-transform: uppercase; } .sections.nav-sections .section-items .section-item-content .navigation .level1 > a span.drill-opener { padding-left: 0; } .sections.nav-sections .section-items .section-item-content .navigation .level1 .submenu.dropdown-menu { display: none; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item > a .drill-opener { border: none; background-color: transparent; z-index: 5; height: 40px; line-height: 40px; } .block-search .control #searchSuggestions { top: 50px; display: none; } .page-header-v1 .page-header .header-main .h-search .block-search label.active + .control, .page-header-v1 .page-header .header-main .h-search .block-search label.search-active + .control { width: 100%; left: 0px; top: 0px; } .page-header-v1 .page-header .header-main .h-search .block-search label.active + .control input, .page-header-v1 .page-header .header-main .h-search .block-search label.search-active + .control input { border: 1px solid #ccc !important; } .page-header-v1 .page-header .header-main .h-search .block-search label.active + .control #searchSuggestions, .page-header-v1 .page-header .header-main .h-search .block-search label.search-active + .control #searchSuggestions { top: 50px; } .page-header-v1 .page-header .header-main .h-search .block-search label.active + .control #searchSuggestions #topQueries ul .ac-query a, .page-header-v1 .page-header .header-main .h-search .block-search label.search-active + .control #searchSuggestions #topQueries ul .ac-query a { font-size: 13px; } } .page-header-v1 .page-header .header-main .h-search { z-index: 101; } @media (max-width: 767px) { header.page-header { position: relative; } } @media (min-width: 768px) { .page-header-v1 .page-header .header-top-wrap { min-height: 34px !important; } .page-header .header-top-wrap { height: 30px; } .sections.nav-sections .section-items { width: 100%; } .storepickup-index-index .page-header-v1 .page-header .header-top .multistore-switcher .switcher-options .language-dropdown-container li img { vertical-align: top; } .storepickup-index-index .page-header-v1 .page-header .header-top .nav.item a { color: #000; } #switcher-language .weltpixel_multistore .switcher-option a { display: flex; align-items: center; padding-top: 5px; } #switcher-language .weltpixel_multistore .switcher-option a img { width: 15px; height: 15px; border-radius: 50%; object-fit: cover; } #switcher-language .weltpixel_multistore .switcher-option a span { font-size: 12px; padding-left: 5px; font-weight: 700; color: #141414; } #switcher-language .weltpixel_multistore .switcher-option a span:hover { text-decoration: underline; } } @media only screen and (max-width: 767px) { .page-wrapper .page-header.page-header-v1 .page-header .sections.nav-sections .section-items .section-item-content .multistore-switcher { display: block !important; } } .cookie-status-message { display: none; } .page-header-v1 { z-index: 101 !important; } .page-header-v1 .page-header .header-top-wrap .multistore-desktop { background-color: transparent; margin-right: 10px; background: transparent; } .page-header-v1 .page-header .header-top-wrap .multistore-desktop .language-dropdown-container .switcher-option { display: none; } .page-header-v1 .page-header .header-top-wrap .multistore-desktop .language-dropdown-container .switcher-option.active { display: block; } .page-header-v1 .page-header .header-top-wrap .multistore-desktop .language-dropdown-container .switcher-option.active img { width: 15px; height: 15px; border-radius: 50%; object-fit: cover; vertical-align: middle; } .page-header-v1 .page-header .header-top-wrap .multistore-desktop .language-dropdown-container .switcher-option.active a:hover { color: #000; } .page-header-v1 .page-header .header-main { padding-bottom: 6px; background-color: #fff; } .page-header-v1 .page-header .header-main > .container > .row { margin-right: -15px; } .page-header-v1 .page-header .header-main > .container > .row:before, .page-header-v1 .page-header .header-main > .container > .row:after { display: none; } .page-header-v1 .page-header .header-main .logo { max-width: 80%; margin: 0; float: right; left: 20%; top: 3px; margin-left: 0px !important; } .page-header-v1 .page-header .header-main .logo img { height: auto !important; max-width: 70%; margin: 0 auto; width: 320px !important; } .page-header-v1 .page-header .header-main [class*='col-'] { height: 50px; display: flex; align-items: center; } .page-header-v1 .page-header .header-main .h-logo .nav-toggle:before { color: #064394; } .page-header-v1 .page-header .header-main .h-search { justify-content: flex-end; position: absolute; right: 0; z-index: 1; } .page-header-v1 .page-header .header-main .h-search .block-search { margin-top: 5px; margin-right: 15px; } .page-header-v1 .page-header .header-main .h-search .block-search .control { border-top: none; } .page-header-v1 .page-header .header-main .h-search .block-search label:before { color: #064394; } .page-header-v1 .page-header .header-main .h-search .block-search label.active + .control, .page-header-v1 .page-header .header-main .h-search .block-search label.search-active + .control { top: 50px; border-top: solid 1px #ecf1f8; } .page-header-v1 .page-header .header-main .h-search .block-search label.active + .control input, .page-header-v1 .page-header .header-main .h-search .block-search label.search-active + .control input { height: 40px; } .page-header-v1 .page-header .header-main .h-search .block-search label.active + .control::after { content: ''; z-index: -1; top: 60px; left: 0; display: inline-block; background-color: #000; opacity: 0.2; position: absolute; width: 100vw; height: 100vh; } @media (min-width: 768px) { .page-header-v1 .page-header .header-main .h-search .block-search label.active + .control::after { content: none; } } .page-header-v1 .page-header .header-main .h-panel { justify-content: flex-end; } .page-header-v1 .page-header .header-main .h-panel .header.links { display: none; } .page-header-v1 .page-header .header-main .h-panel .minicart-wrapper { margin-left: 0; margin-top: 0; } .page-header-v1 .page-header .header-main .h-panel .minicart-wrapper:after { content: ""; } .page-header-v1 .page-header .header-main .h-panel .minicart-wrapper .action.showcart { position: relative; z-index: 2; } .page-header-v1 .page-header .header-main .h-panel .minicart-wrapper .action.showcart:before { content: ""; background-image: url('../../frontend/Kemana/default/id_ID/images/header/cart.svg'); background-repeat: no-repeat; background-size: 24px 24px; width: 24px; height: 24px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .page-header-v1 .page-header .header-main .h-panel .minicart-wrapper .action.showcart .counter.qty { position: absolute; left: 35px; top: -20px; width: 10px; height: 10px; background-color: #DE0119; border: none; border-radius: 50%; font-size: 12px; font-weight: 700; margin: 0; } .page-header-v1 .page-header .header-main .h-panel .minicart-wrapper .action.showcart .counter.qty .counter-number { color: white; } .page-header-v1 .page-header .header-main .h-panel .minicart-wrapper .text { font-size: 0px; text-transform: uppercase; } .page-header-v1 .page-header .header-main .h-panel .minicart-wrapper #minicart-success-message { font-size: 13px; font-weight: 700; color: #141414; line-height: 36px; } .page-header-v1 .page-header .header-main .h-panel .minicart-wrapper #minicart-success-message i { color: #1e75f4; margin-right: 10px; } .page-header-v1 .sections.nav-sections { z-index: 100; } .catalog-category-view .page-wrapper #maincontent .category-view .breadcrumbs { max-width: 100% !important; width: 100% !important; margin: 0; padding: 15px; padding-left: 2%; } .breadcrumbs .items .item a, .breadcrumbs .items .item strong { font-style: normal; text-transform: uppercase !important; color: #141414; font-weight: 500; font-style: normal !important; } .breadcrumbs .items .item:not(:last-child):after { content: '/'; font-size: 16px; line-height: 16px; vertical-align: top; } .minicart-wrapper .block-minicart.desktop #minicart-content-wrapper .product-item-details .details-qty .cart-qty-hide { display: none; } /** Sticky Animation **/ @keyframes slide-down { 0% { opacity: 0.7; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes navigation-slide-down { 0% { opacity: 0.7; top: 0px; } 100% { opacity: 1; top: 96px; } } /**minicart transition **/ @media only screen and (max-width: 639px) { .block-search { margin-top: 0px; position: static !important; } .block-search #search_mini_form .field.search .label { margin-right: 5px; padding-right: 5px; } .block-search #search_mini_form .field.search .label::before { font-size: 20px; } } @media only screen and (max-width: 767px) { html body .page-wrapper > .page-header { z-index: 999 !important; } .overlay-focus-megamenu { display: none !important; } .multistore-switcher.switcher#switcher-language { width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; min-height: 35px; display: block !important; } .multistore-switcher.switcher#switcher-language .weltpixel_multistore { margin-top: 5px; margin-bottom: 5px; } .multistore-switcher.switcher#switcher-language .weltpixel_multistore .switcher-option img { max-height: 20px; border-radius: 50%; width: 17px; height: 17px; display: inline-block; margin-top: 0; margin-left: 0; object-fit: cover; vertical-align: text-bottom; } .multistore-switcher.switcher#switcher-language .weltpixel_multistore .switcher-option span { text-transform: uppercase; font-size: 14px; font-weight: 700; display: inline-block; margin-left: 0px; vertical-align: baseline; color: #122e57; } .multistore-switcher.switcher#switcher-language .weltpixel_multistore .switcher-option.active { display: none; } .ves-navbar .ves-navtoggle { display: none; } .sections.nav-sections .section-items .section-item-content .switcher-language { background-color: #ECF1F8; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-options { width: 100%; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-options .switcher-trigger::after { display: none !important; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-options .switcher-trigger .multistore-switcher-wrapper::after { right: -18px; content: '\f0d7'; font-family: FontAwesome; display: inline-block; margin-left: 5px; color: #222; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-options ul.switcher-dropdown { position: relative; box-shadow: none !important; background: #ECF1F8; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-options ul.switcher-dropdown .switcher-option-mobile { border-top: 1px solid #ccc; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-options ul.switcher-dropdown .switcher-option-mobile.active::after { content: '\f00c'; font-family: FontAwesome; display: inline-block; margin-left: 5px; position: absolute; right: 10px; font-weight: 100; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-options ul.switcher-dropdown .switcher-option-mobile a.nav-switcher-label { margin-left: 0; padding-left: 0; font-size: 14px; font-weight: 500; letter-spacing: 0; } .h-search .block-search #search_mini_form .field.search .label::before { font-size: 20px !important; margin-top: 5px !important; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul { width: 100%; } .minicart-wrapper .minicart-desktop.mage-dropdown-dialog { display: block !important; } .page-header .header-main .minicart-wrapper .minicart-mobile.mage-dropdown-dialog { transform: translateX(100%); transition: transform 0.426s cubic-bezier(0.4, 0.9, 0.3, 1); z-index: 99; } .page-header .header-main .minicart-wrapper.active.mobile .mage-dropdown-dialog { transform: translateX(0px); } } @media only screen and (min-width: 768px) and (max-width: 800px), print { .ves-mdrilldown { position: relative; float: left; width: 100%; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 100% !important; } .ves-mdrilldown .navigation { background-color: #FFF; } .ves-mdrilldown .navigation.loaded > .dropdown-menu { width: 100% !important; } .ves-mdrilldown .navigation .subhover > .submenu { display: none; } .ves-mdrilldown .navigation > .dropdown-menu { display: block; position: static; margin: 0; padding: 0; border-radius: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .ves-mdrilldown .navigation .ves-caret { display: none; } .ves-mdrilldown .navigation .cat-label { position: static; margin: 0; padding: 4px 6px; } .ves-mdrilldown .navigation .nav-item { position: relative !important; float: left !important; width: 100%; } .ves-mdrilldown .navigation .nav-item > a { line-height: 50px; position: static; padding: 0 15px; } .ves-mdrilldown .navigation .nav-item > a span.drill-opener { border: 1px solid #e5e5e5; border-right: 0; display: none; } .ves-mdrilldown .navigation .mega-col { padding: 0; } .ves-mdrilldown .navigation .level0 { border-top-color: #e5e5e5; } .ves-mdrilldown .navigation .opener { display: none; } .ves-mdrilldown .navigation .drill-opener { background: #f0f0f0; position: absolute; } .ves-mdrilldown .navigation .drill-opener:before { content: "\e608"; } .ves-mdrilldown .navigation .drilldown-back { position: relative; top: 0; left: -1px; display: none; } .ves-mdrilldown .navigation .drilldown-back a { padding: 0; background: #f0f0f0; text-align: center; font-size: 1.3em; text-transform: uppercase; display: block; font-weight: normal; border-bottom: 1px solid #e6e6e6; margin-bottom: -1px; } .ves-mdrilldown .navigation .drilldown-back a .drill-opener { position: absolute; left: 0; right: auto; display: block !important; } .ves-mdrilldown .navigation .drilldown-back a .drill-opener:before { content: "\e617"; } .ves-mdrilldown .navigation .drilldown-back a .drill-opener:after { display: none; } .ves-mdrilldown .navigation .drilldown-back a .current-cat { line-height: 50px; position: relative; z-index: 99; } .ves-mdrilldown .navigation .drilldown-back a .current-cat:before { display: none; } .ves-mdrilldown .navigation .drill-opener { display: block; } .ves-mdrilldown .navigation .nav-item > a span.drill-opener { display: block; position: absolute; top: 0; right: 0; } .ves-mdrilldown .navigation .drilldown-back { display: block; } .ves-mdrilldown .navigation .drilldown-back > a > .drill-opener { line-height: 48px; width: 50px; } .page-header-v1 .page-header .header-top li.nav.item:nth-child(5) { display: none; } .page-header-v1 .page-header .additional-mobile li.nav.item:nth-child(5) { display: none; } .sections.nav-sections .section-items .section-item-content { width: 100%; } .sections.nav-sections .section-items .section-item-content .navigation > ul li { margin-right: 0; } .sections.nav-sections .section-items .section-item-content .navigation > ul li.parent > a:after { display: none; } .sections.nav-sections .section-items .section-item-content .navigation > ul li:last-child { background-color: #dd0019; } .sections.nav-sections .section-items .section-item-content .navigation .level1 .dropdown-submenu.nav-item > a span { color: #141414 !important; font-size: 18px !important; font-weight: 700 !important; } .sections.nav-sections .section-items .section-item-content .navigation .level2 .dropdown-submenu.nav-item > a span { color: #141414 !important; font-size: 14px !important; font-weight: 400 !important; } .sections.nav-sections .section-items .section-item-content .navigation .level2 .dropdown-submenu.nav-item > a:hover span { text-decoration: underline !important; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul > li.nav-item.level0 { position: initial !important; /*width: 100%;*/ text-align: center; flex: 1 1 auto; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation .nav-item.subhover > .submenu > .submenu-inner { background-color: #ffffff; } .sections.nav-sections .ves-megamenu.top-navigation > .navigation { padding: 0 15px; } .sections.nav-sections .ves-megamenu ul.ui-menu.ui-widget.ui-widget-content.ui-corner-all { display: flex !important; position: relative !important; } .sections.nav-sections .ves-megamenu .navigation .level0 { margin-right: 0; } .page-wrapper .page-header-v1 .nav-sections { -webkit-overflow-scrolling: touch; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; overflow: auto; position: fixed; top: 0; width: 65%; z-index: 999 !important; background: #e4e4e4 !important; font-family: 'Roboto', sans-serif; left: calc(-1 * (100% - 54px)); } .sections.nav-sections .section-items { background-color: #e4e4e4; border-right: 1px solid #eaeaea; background-size: 100%; overflow-x: hidden; padding-bottom: 0px; position: relative; z-index: 1; } .nav-open .page-wrapper .page-header-v1 .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 999; background: #e4e4e4 !important; font-family: 'Roboto', sans-serif; } .nav-open .page-wrapper .page-header-v1 .nav-toggle:before { z-index: 99; content: '\e616'; color: #ffffff !important; } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.49) !important; content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: -1; } .nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; } li.authorization-link, .page-header-v1 .page-header .header-main .h-panel > .header.links:before, .page-header .header.links .customer-welcome .customer-name { display: none; } .page-header-v1 .page-header .action.nav-toggle { margin-left: -11%; margin-top: -10px; display: block; } .nav-open .page-header-v1 .page-header .action.nav-toggle { position: fixed; right: 15px; top: 15px; left: unset; } .sections.nav-sections .section-items .section-item-content { float: right; width: 100%; padding-bottom: 0px; position: relative; clear: both; margin-top: 0; padding-top: 10px; background-color: #f8f8f8; } .sections.nav-sections .section-items .section-item-content .ves-mdrilldown { position: relative; float: left; width: 100%; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 100% !important; margin-bottom: 0; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation, .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation .level0.current > a { background-color: #f8f8f8 !important; border: none; float: left; width: 100%; } .sections.nav-sections .section-items .section-item-content .navigation ul { margin: 0; padding: 0; } .nav-sections .navigation { padding-right: 15px !important; padding-left: 15px !important; } .ves-megamenu > .navigation { padding: 0 !important; } .ves-megamenu .drill-opener:before { content: '\f054' !important; font-family: FontAwesome; font-size: 13px; font-weight: 400; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul.ui-menu.ui-widget.ui-widget-content.ui-corner-all > li.nav-item.level0 { position: relative !important; float: left !important; width: 100%; border-top: 0px solid #d1d1d1; text-align: left; flex: unset; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul.ui-menu.ui-widget.ui-widget-content.ui-corner-all > li.nav-item.level0:last-child { border-bottom: 0px; background-color: transparent; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul.ui-menu.ui-widget.ui-widget-content.ui-corner-all .nav-item.level0 > a { margin-bottom: 0; padding: 13px 10px; border-color: #ebebeb; border-bottom: 1px solid #ccc; text-decoration: none; display: block; font-weight: 700; text-transform: uppercase; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul.ui-menu.ui-widget.ui-widget-content.ui-corner-all .nav-item.level0:last-child > a { border-bottom: 0px; background-color: transparent; } .sections.nav-sections .section-items .section-item-content .navigation li a span { padding: 0px; border-bottom: 0px; font-size: 14px; font-weight: bold; color: #122e57; width: auto; text-align: left; } .sections.nav-sections .section-items .section-item-content .navigation li:last-child a span { color: #e45b4a; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item > a .opener, .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item > a .drill-opener { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); border: none; background-color: transparent; width: 100px; text-align: right; padding-right: 10px; display: block !important; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item > a .drill-opener { border: none; background-color: transparent; z-index: 5; height: 40px; line-height: 40px; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > .navigation .nav-item > a .drill-opener { padding-right: 0; } .sections.nav-sections .ves-megamenu .navigation ul.ui-menu.ui-widget.ui-widget-content.ui-corner-all { display: initial !important; position: inherit !important; } .sections.nav-sections .section-items .section-item-content .navigation li.level0 { border-top: 0px solid #d1d1d1; } .ves-mdrilldown .navigation .nav-item { position: inherit !important; float: left !important; width: 100%; } .sections.nav-sections .section-items .section-item-content .additional-mobile { background-color: #e4e4e4; float: left; width: 100%; padding: 0 15px; display: block; } .sections.nav-sections .section-items .section-item-content .login-mobile { position: relative; padding-left: 30px; border-bottom: solid 1px #d7d7d7; } .sections.nav-sections .section-items .section-item-content .login-mobile:before { content: ""; background-image: url('../../frontend/Kemana/default/id_ID/images/header/login.svg'); background-repeat: no-repeat; background-size: 18px 22px; width: 18px; height: 22px; position: absolute; left: 10px; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .sections.nav-sections .section-items .section-item-content .additional-mobile li { list-style: none; height: 46px; align-items: center; display: flex; border-bottom: solid 1px #d7d7d7; padding-left: 10px; } .sections.nav-sections .section-items .section-item-content .additional-mobile li:last-child { border-bottom: none; } .sections.nav-sections .section-items .section-item-content .additional-mobile li a { color: #122e57; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: normal; } .sections.nav-sections .section-items .section-item-content .additional-login-mobile { display: none; float: left; width: 100%; padding: 0 15px; } .sections.nav-sections .section-items .section-item-content .additional-login-mobile li { list-style: none; height: 46px; align-items: center; display: flex; border-bottom: solid 1px #d7d7d7; padding-left: 10px; } .sections.nav-sections .section-items .section-item-content .additional-login-mobile li a { color: #122e57; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: normal; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language { background-color: #f8f8f8; float: left; width: 100%; padding-top: 0px; display: block; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container { position: relative; list-style: none; margin-top: 15px; margin-bottom: 15px; padding-left: 25px; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .switcher-option { padding-bottom: 15px; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .switcher-option:after { content: '\f0d7' !important; font-family: FontAwesome; color: black; font-size: 1.6rem; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .weltpixel_multistore { display: none; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .switcher-option img { max-height: 20px; border-radius: 50%; width: 17px; height: 17px; display: inline-block; margin-top: 0; margin-left: 0; object-fit: cover; vertical-align: text-bottom; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .switcher-option span { text-transform: uppercase; font-size: 1.2rem; font-weight: bold; display: inline-block; margin-left: 10px; vertical-align: top; line-height: 20px; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container > .switcher-option span { vertical-align: text-bottom; } .sections.nav-sections .section-items .section-item-content .store-information { display: inline-block; font-size: 1.2rem; vertical-align: top; line-height: 20px; padding: 15px 25px; letter-spacing: 0; width: 100%; background-color: #e4e4e4; } .sections.nav-sections .section-items .section-item-content .store-information a { font-weight: bold; display: inherit; width: calc(100% - 14px); } .sections.nav-sections .section-items .section-item-content .store-information i { font-weight: bold; width: 14px; } .ves-mdrilldown .navigation .nav-item { position: relative !important; float: left !important; width: 100%; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item > a { position: relative; width: 100%; display: block; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item.menu-mobile-show > a { visibility: visible !important; } .page-header.page-header-v1.page-header-v1 .sections.nav-sections .section-items .section-item-content .navigation .level1 .dropdown-submenu.nav-item > a span { font-size: 14px !important; padding-left: 20px; font-weight: bold !important; color: #122e57 !important; text-transform: uppercase; } .sections.nav-sections .section-items .section-item-content .navigation .level1 .submenu.dropdown-menu { display: none; } .page-header.page-header-v1.page-header-v1.sticky .sections.nav-sections { position: fixed; width: calc(-1 * (100% - 54px)) !important; top: 0 !important; } .nav-open .page-header.page-header-v1.page-header-v1.sticky .sections.nav-sections { left: 0 !important; width: 65% !important; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .weltpixel_multistore { display: block; } } /*css Homepage goes here*/ body { /*blog view*/ } body.blog-index-index .breadcrumbs, body.blog-tag-view .breadcrumbs, body.blog-category-view .breadcrumbs, body.blog-post-view .breadcrumbs { display: none; } body.blog-index-index .page-main, body.blog-tag-view .page-main, body.blog-category-view .page-main, body.blog-post-view .page-main { padding: 0px; max-width: 100%; } body.blog-index-index .page-main .page-title-wrapper, body.blog-tag-view .page-main .page-title-wrapper, body.blog-category-view .page-main .page-title-wrapper, body.blog-post-view .page-main .page-title-wrapper { display: none; } body.blog-index-index .page-wrapper .page-header-v1 + .sections.nav-sections, body.blog-tag-view .page-wrapper .page-header-v1 + .sections.nav-sections, body.blog-category-view .page-wrapper .page-header-v1 + .sections.nav-sections, body.blog-post-view .page-wrapper .page-header-v1 + .sections.nav-sections { margin-bottom: 0px; } body.blog-index-index .columns, body.blog-tag-view .columns, body.blog-category-view .columns, body.blog-post-view .columns { width: 100% !important; max-width: 100% !important; } body.blog-index-index .columns .button-show-filter-mobile, body.blog-tag-view .columns .button-show-filter-mobile, body.blog-category-view .columns .button-show-filter-mobile, body.blog-post-view .columns .button-show-filter-mobile { display: none; } body.blog-index-index .columns > .toolbar, body.blog-tag-view .columns > .toolbar, body.blog-category-view .columns > .toolbar, body.blog-post-view .columns > .toolbar { clear: both; /*-webkit-box-shadow: 0px -13px 55px -26px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px -13px 55px -26px rgba(0, 0, 0, 0.75); box-shadow: 0px -13px 55px -26px rgba(0, 0, 0, 0.75);*/ padding-top: 10px; margin-bottom: 0px; } body.blog-index-index .columns > .toolbar .pages, body.blog-tag-view .columns > .toolbar .pages, body.blog-category-view .columns > .toolbar .pages, body.blog-post-view .columns > .toolbar .pages { text-align: right; } body.blog-index-index .columns > .toolbar .pages ul li.item .action, body.blog-tag-view .columns > .toolbar .pages ul li.item .action, body.blog-category-view .columns > .toolbar .pages ul li.item .action, body.blog-post-view .columns > .toolbar .pages ul li.item .action { width: 32px; height: 32px; border: 0px; background: transparent; position: relative; } body.blog-index-index .columns > .toolbar .pages ul li.item .action:before, body.blog-tag-view .columns > .toolbar .pages ul li.item .action:before, body.blog-category-view .columns > .toolbar .pages ul li.item .action:before, body.blog-post-view .columns > .toolbar .pages ul li.item .action:before { content: ''; background-image: url(../../frontend/Kemana/default/id_ID/images/li-search-action-icon.png); background-repeat: no-repeat; width: 25px; height: 25px; background-size: 80%; top: 50%; position: absolute; right: 0; transform: translateY(-50%); } body.blog-index-index .columns > .toolbar .pages ul li.item.pages-item-next, body.blog-tag-view .columns > .toolbar .pages ul li.item.pages-item-next, body.blog-category-view .columns > .toolbar .pages ul li.item.pages-item-next, body.blog-post-view .columns > .toolbar .pages ul li.item.pages-item-next { max-height: 32px; display: block; float: right; } body.blog-index-index .columns > .toolbar .pages ul li.item.pages-item-previous, body.blog-tag-view .columns > .toolbar .pages ul li.item.pages-item-previous, body.blog-category-view .columns > .toolbar .pages ul li.item.pages-item-previous, body.blog-post-view .columns > .toolbar .pages ul li.item.pages-item-previous { max-height: 32px; display: block; float: left; } body.blog-index-index .columns > .toolbar .pages ul li.item.pages-item-previous .action:before, body.blog-tag-view .columns > .toolbar .pages ul li.item.pages-item-previous .action:before, body.blog-category-view .columns > .toolbar .pages ul li.item.pages-item-previous .action:before, body.blog-post-view .columns > .toolbar .pages ul li.item.pages-item-previous .action:before { transform: rotate(180deg); top: 17%; } body.blog-index-index .columns > .toolbar .pages ul li.item.current .page, body.blog-tag-view .columns > .toolbar .pages ul li.item.current .page, body.blog-category-view .columns > .toolbar .pages ul li.item.current .page, body.blog-post-view .columns > .toolbar .pages ul li.item.current .page { border: 0px; border-bottom: 2px solid #1063ba; border-radius: 0px; height: 32px; background: transparent; } body.blog-index-index .columns > .toolbar .pages ul li.item .page span, body.blog-tag-view .columns > .toolbar .pages ul li.item .page span, body.blog-category-view .columns > .toolbar .pages ul li.item .page span, body.blog-post-view .columns > .toolbar .pages ul li.item .page span { width: 20px; height: 32px; line-height: 32px; } body.blog-index-index .columns .catalog-banner img, body.blog-tag-view .columns .catalog-banner img, body.blog-category-view .columns .catalog-banner img, body.blog-post-view .columns .catalog-banner img { width: 100%; } body.blog-index-index .columns .column.main, body.blog-tag-view .columns .column.main, body.blog-category-view .columns .column.main, body.blog-post-view .columns .column.main { float: right; padding: 40px 40px 0px 40px; } body.blog-index-index .columns .column.main > h2, body.blog-tag-view .columns .column.main > h2, body.blog-category-view .columns .column.main > h2, body.blog-post-view .columns .column.main > h2 { margin-bottom: 0px; font-family: 'Oswald', sans-serif; font-weight: 100; letter-spacing: 0.8px; margin-top: 0px; margin-bottom: 10px; font-size: 30px; } body.blog-index-index .columns .column.main > p, body.blog-tag-view .columns .column.main > p, body.blog-category-view .columns .column.main > p, body.blog-post-view .columns .column.main > p { margin-left: 40px; text-align: justify; } body.blog-index-index .columns .column.main .catalog-banner, body.blog-tag-view .columns .column.main .catalog-banner, body.blog-category-view .columns .column.main .catalog-banner, body.blog-post-view .columns .column.main .catalog-banner { display: none; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list, body.blog-category-view .columns .column.main .post-list-wrapper .post-list, body.blog-post-view .columns .column.main .post-list-wrapper .post-list { overflow: hidden; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > h2, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > h2, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > h2, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > h2 { font-family: 'Oswald', sans-serif; font-weight: 100; letter-spacing: 0.8px; margin-top: 0px; margin-bottom: 10px; font-size: 30px; color: #06224d; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list .first-child, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list .first-child, body.blog-category-view .columns .column.main .post-list-wrapper .post-list .first-child, body.blog-post-view .columns .column.main .post-list-wrapper .post-list .first-child { position: relative; border-bottom: 1px solid #e7e7e7; padding: 0px 0px; margin: 20px 0px; -webkit-box-shadow: inset 0px -60px 66px -81px rgba(0, 0, 0, 0.51); -moz-box-shadow: inset 0px -60px 66px -81px rgba(0, 0, 0, 0.51); box-shadow: inset 0px -60px 66px -81px rgba(0, 0, 0, 0.51); } body.blog-index-index .columns .column.main .post-list-wrapper .post-list .first-child li, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list .first-child li, body.blog-category-view .columns .column.main .post-list-wrapper .post-list .first-child li, body.blog-post-view .columns .column.main .post-list-wrapper .post-list .first-child li { padding: 0px; background: transparent; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld, body.blog-category-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld, body.blog-post-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld { position: relative; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image, body.blog-category-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image, body.blog-post-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image { position: absolute; bottom: 10%; left: 40px; z-index: 99; display: block; max-width: 50%; background-color: rgba(0, 0, 0, 0.5); padding: 10px; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image h2, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image h2, body.blog-category-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image h2, body.blog-post-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image h2 { margin-bottom: 0px; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image h2 a, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image h2 a, body.blog-category-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image h2 a, body.blog-post-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image h2 a { margin-bottom: 0px; font-family: 'Oswald', sans-serif; font-weight: 100; letter-spacing: 0.8px; margin-top: 0px; margin-bottom: 10px; font-size: 30px; color: white; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image span, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image span, body.blog-category-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image span, body.blog-post-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld .above-image span { color: white; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list .first-child li .post-title-holder .post-title a, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-title-holder .post-title a, body.blog-category-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-title-holder .post-title a, body.blog-post-view .columns .column.main .post-list-wrapper .post-list .first-child li .post-title-holder .post-title a { font-family: 'Oswald', sans-serif; font-weight: 100; margin-top: 0px; margin-bottom: 10px; font-size: 22px; color: #06224d; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list .first-child li.post-holder:hover, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list .first-child li.post-holder:hover, body.blog-category-view .columns .column.main .post-list-wrapper .post-list .first-child li.post-holder:hover, body.blog-post-view .columns .column.main .post-list-wrapper .post-list .first-child li.post-holder:hover { box-shadow: none; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld .above-image, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld .above-image, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld .above-image, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld .above-image { display: none; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li.separator, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li.separator, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li.separator, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li.separator { overflow: hidden; width: 100%; display: block; border-bottom: 1px solid #e7e7e7; padding: 20px 0px; margin: 20px 0px; -webkit-box-shadow: inset 0px -60px 66px -81px rgba(0, 0, 0, 0.51); -moz-box-shadow: inset 0px -60px 66px -81px rgba(0, 0, 0, 0.51); box-shadow: inset 0px -60px 66px -81px rgba(0, 0, 0, 0.51); } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li.separator:last-child, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li.separator:last-child, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li.separator:last-child, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li.separator:last-child { -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li.separator li, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li.separator li, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li.separator li, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li.separator li { width: calc(100% / 3 - 40px); float: left; max-height: 300px; height: auto; min-height: 170px; padding: 0px; background: transparent; margin-right: 20px; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li.separator li:last-child, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li.separator li:last-child, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li.separator li:last-child, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li.separator li:last-child { margin-right: 0px; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li.separator li.post-holder:hover, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li.separator li.post-holder:hover, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li.separator li.post-holder:hover, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li.separator li.post-holder:hover { box-shadow: none; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li .post-title-holder .post-title a, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li .post-title-holder .post-title a, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li .post-title-holder .post-title a, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li .post-title-holder .post-title a { font-family: 'Oswald', sans-serif; font-weight: 100; margin-top: 0px; margin-bottom: 10px; font-size: 22px; color: #06224d; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li:first-child, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li:first-child, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li:first-child, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li:first-child { width: 100%; float: none; height: auto; max-height: 100%; padding: 0px; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li:first-child .post-ftimg-hld a img, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li:first-child .post-ftimg-hld a img, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li:first-child .post-ftimg-hld a img, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li:first-child .post-ftimg-hld a img { max-height: 100%; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li .post-header .post-title-holder h2.post-title, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li .post-header .post-title-holder h2.post-title, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li .post-header .post-title-holder h2.post-title, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li .post-header .post-title-holder h2.post-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0px; max-width: 100%; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li .post-content .post-description .post-text-hld p, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li .post-content .post-description .post-text-hld p, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li .post-content .post-description .post-text-hld p, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li .post-content .post-description .post-text-hld p { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0px; display: none; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li .post-content .post-description .post-text-hld p:first-child, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li .post-content .post-description .post-text-hld p:first-child, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li .post-content .post-description .post-text-hld p:first-child, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li .post-content .post-description .post-text-hld p:first-child { display: -webkit-box; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld { text-align: center; } body.blog-index-index .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld a img, body.blog-tag-view .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld a img, body.blog-category-view .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld a img, body.blog-post-view .columns .column.main .post-list-wrapper .post-list > li .post-ftimg-hld a img { text-align: center; } body.blog-index-index .columns .sidebar, body.blog-tag-view .columns .sidebar, body.blog-category-view .columns .sidebar, body.blog-post-view .columns .sidebar { -webkit-box-shadow: 22px 0px 64px -43px rgba(0, 0, 0, 0.75); -moz-box-shadow: 22px 0px 64px -43px rgba(0, 0, 0, 0.75); box-shadow: 22px 0px 64px -43px rgba(0, 0, 0, 0.75); padding: 50px; padding-top: 60px; border-right: 1px solid #eaeaea; background: url(../../frontend/Kemana/default/id_ID/images/category-filter-background.png) no-repeat; background-size: 76%; } body.blog-index-index .columns .sidebar .block-reorder, body.blog-tag-view .columns .sidebar .block-reorder, body.blog-category-view .columns .sidebar .block-reorder, body.blog-post-view .columns .sidebar .block-reorder { display: none; } body.blog-index-index .columns .sidebar .block-compare .block-title, body.blog-tag-view .columns .sidebar .block-compare .block-title, body.blog-category-view .columns .sidebar .block-compare .block-title, body.blog-post-view .columns .sidebar .block-compare .block-title, body.blog-index-index .columns .sidebar .widget .block-title, body.blog-tag-view .columns .sidebar .widget .block-title, body.blog-category-view .columns .sidebar .widget .block-title, body.blog-post-view .columns .sidebar .widget .block-title, body.blog-index-index .columns .sidebar .block-wishlist .block-title, body.blog-tag-view .columns .sidebar .block-wishlist .block-title, body.blog-category-view .columns .sidebar .block-wishlist .block-title, body.blog-post-view .columns .sidebar .block-wishlist .block-title { position: relative; cursor: pointer; } body.blog-index-index .columns .sidebar .block-compare .block-title.deactivate:after, body.blog-tag-view .columns .sidebar .block-compare .block-title.deactivate:after, body.blog-category-view .columns .sidebar .block-compare .block-title.deactivate:after, body.blog-post-view .columns .sidebar .block-compare .block-title.deactivate:after, body.blog-index-index .columns .sidebar .widget .block-title.deactivate:after, body.blog-tag-view .columns .sidebar .widget .block-title.deactivate:after, body.blog-category-view .columns .sidebar .widget .block-title.deactivate:after, body.blog-post-view .columns .sidebar .widget .block-title.deactivate:after, body.blog-index-index .columns .sidebar .block-wishlist .block-title.deactivate:after, body.blog-tag-view .columns .sidebar .block-wishlist .block-title.deactivate:after, body.blog-category-view .columns .sidebar .block-wishlist .block-title.deactivate:after, body.blog-post-view .columns .sidebar .block-wishlist .block-title.deactivate:after { content: '\f067' !important; } body.blog-index-index .columns .sidebar .block-compare .block-title:after, body.blog-tag-view .columns .sidebar .block-compare .block-title:after, body.blog-category-view .columns .sidebar .block-compare .block-title:after, body.blog-post-view .columns .sidebar .block-compare .block-title:after, body.blog-index-index .columns .sidebar .widget .block-title:after, body.blog-tag-view .columns .sidebar .widget .block-title:after, body.blog-category-view .columns .sidebar .widget .block-title:after, body.blog-post-view .columns .sidebar .widget .block-title:after, body.blog-index-index .columns .sidebar .block-wishlist .block-title:after, body.blog-tag-view .columns .sidebar .block-wishlist .block-title:after, body.blog-category-view .columns .sidebar .block-wishlist .block-title:after, body.blog-post-view .columns .sidebar .block-wishlist .block-title:after { content: '\f068' !important; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #122e57; font-size: 8px; top: 50%; transform: translateY(-50%); right: 0px; position: absolute; } body.blog-index-index .columns .sidebar .block-compare .block-title strong, body.blog-tag-view .columns .sidebar .block-compare .block-title strong, body.blog-category-view .columns .sidebar .block-compare .block-title strong, body.blog-post-view .columns .sidebar .block-compare .block-title strong, body.blog-index-index .columns .sidebar .widget .block-title strong, body.blog-tag-view .columns .sidebar .widget .block-title strong, body.blog-category-view .columns .sidebar .widget .block-title strong, body.blog-post-view .columns .sidebar .widget .block-title strong, body.blog-index-index .columns .sidebar .block-wishlist .block-title strong, body.blog-tag-view .columns .sidebar .block-wishlist .block-title strong, body.blog-category-view .columns .sidebar .block-wishlist .block-title strong, body.blog-post-view .columns .sidebar .block-wishlist .block-title strong { border-bottom: 0px; font-size: 18px; font-weight: 100; color: #122e57; font-family: 'Oswald', sans-serif; letter-spacing: 1px; } body.blog-index-index .columns .sidebar .block-compare.block-categories, body.blog-tag-view .columns .sidebar .block-compare.block-categories, body.blog-category-view .columns .sidebar .block-compare.block-categories, body.blog-post-view .columns .sidebar .block-compare.block-categories, body.blog-index-index .columns .sidebar .widget.block-categories, body.blog-tag-view .columns .sidebar .widget.block-categories, body.blog-category-view .columns .sidebar .widget.block-categories, body.blog-post-view .columns .sidebar .widget.block-categories, body.blog-index-index .columns .sidebar .block-wishlist.block-categories, body.blog-tag-view .columns .sidebar .block-wishlist.block-categories, body.blog-category-view .columns .sidebar .block-wishlist.block-categories, body.blog-post-view .columns .sidebar .block-wishlist.block-categories, body.blog-index-index .columns .sidebar .block-compare.block-tagclaud, body.blog-tag-view .columns .sidebar .block-compare.block-tagclaud, body.blog-category-view .columns .sidebar .block-compare.block-tagclaud, body.blog-post-view .columns .sidebar .block-compare.block-tagclaud, body.blog-index-index .columns .sidebar .widget.block-tagclaud, body.blog-tag-view .columns .sidebar .widget.block-tagclaud, body.blog-category-view .columns .sidebar .widget.block-tagclaud, body.blog-post-view .columns .sidebar .widget.block-tagclaud, body.blog-index-index .columns .sidebar .block-wishlist.block-tagclaud, body.blog-tag-view .columns .sidebar .block-wishlist.block-tagclaud, body.blog-category-view .columns .sidebar .block-wishlist.block-tagclaud, body.blog-post-view .columns .sidebar .block-wishlist.block-tagclaud { margin-bottom: 0px; } body.blog-index-index .columns .sidebar .block-compare.block-categories ul, body.blog-tag-view .columns .sidebar .block-compare.block-categories ul, body.blog-category-view .columns .sidebar .block-compare.block-categories ul, body.blog-post-view .columns .sidebar .block-compare.block-categories ul, body.blog-index-index .columns .sidebar .widget.block-categories ul, body.blog-tag-view .columns .sidebar .widget.block-categories ul, body.blog-category-view .columns .sidebar .widget.block-categories ul, body.blog-post-view .columns .sidebar .widget.block-categories ul, body.blog-index-index .columns .sidebar .block-wishlist.block-categories ul, body.blog-tag-view .columns .sidebar .block-wishlist.block-categories ul, body.blog-category-view .columns .sidebar .block-wishlist.block-categories ul, body.blog-post-view .columns .sidebar .block-wishlist.block-categories ul, body.blog-index-index .columns .sidebar .block-compare.block-tagclaud ul, body.blog-tag-view .columns .sidebar .block-compare.block-tagclaud ul, body.blog-category-view .columns .sidebar .block-compare.block-tagclaud ul, body.blog-post-view .columns .sidebar .block-compare.block-tagclaud ul, body.blog-index-index .columns .sidebar .widget.block-tagclaud ul, body.blog-tag-view .columns .sidebar .widget.block-tagclaud ul, body.blog-category-view .columns .sidebar .widget.block-tagclaud ul, body.blog-post-view .columns .sidebar .widget.block-tagclaud ul, body.blog-index-index .columns .sidebar .block-wishlist.block-tagclaud ul, body.blog-tag-view .columns .sidebar .block-wishlist.block-tagclaud ul, body.blog-category-view .columns .sidebar .block-wishlist.block-tagclaud ul, body.blog-post-view .columns .sidebar .block-wishlist.block-tagclaud ul { list-style: none none; overflow: auto; padding: 0px; } body.blog-index-index .columns .sidebar .block-compare.block-categories ul > li, body.blog-tag-view .columns .sidebar .block-compare.block-categories ul > li, body.blog-category-view .columns .sidebar .block-compare.block-categories ul > li, body.blog-post-view .columns .sidebar .block-compare.block-categories ul > li, body.blog-index-index .columns .sidebar .widget.block-categories ul > li, body.blog-tag-view .columns .sidebar .widget.block-categories ul > li, body.blog-category-view .columns .sidebar .widget.block-categories ul > li, body.blog-post-view .columns .sidebar .widget.block-categories ul > li, body.blog-index-index .columns .sidebar .block-wishlist.block-categories ul > li, body.blog-tag-view .columns .sidebar .block-wishlist.block-categories ul > li, body.blog-category-view .columns .sidebar .block-wishlist.block-categories ul > li, body.blog-post-view .columns .sidebar .block-wishlist.block-categories ul > li, body.blog-index-index .columns .sidebar .block-compare.block-tagclaud ul > li, body.blog-tag-view .columns .sidebar .block-compare.block-tagclaud ul > li, body.blog-category-view .columns .sidebar .block-compare.block-tagclaud ul > li, body.blog-post-view .columns .sidebar .block-compare.block-tagclaud ul > li, body.blog-index-index .columns .sidebar .widget.block-tagclaud ul > li, body.blog-tag-view .columns .sidebar .widget.block-tagclaud ul > li, body.blog-category-view .columns .sidebar .widget.block-tagclaud ul > li, body.blog-post-view .columns .sidebar .widget.block-tagclaud ul > li, body.blog-index-index .columns .sidebar .block-wishlist.block-tagclaud ul > li, body.blog-tag-view .columns .sidebar .block-wishlist.block-tagclaud ul > li, body.blog-category-view .columns .sidebar .block-wishlist.block-tagclaud ul > li, body.blog-post-view .columns .sidebar .block-wishlist.block-tagclaud ul > li { line-height: 1.5em; margin: 10px 0; } body.blog-index-index .columns .sidebar .block-compare.block-categories ul > li a, body.blog-tag-view .columns .sidebar .block-compare.block-categories ul > li a, body.blog-category-view .columns .sidebar .block-compare.block-categories ul > li a, body.blog-post-view .columns .sidebar .block-compare.block-categories ul > li a, body.blog-index-index .columns .sidebar .widget.block-categories ul > li a, body.blog-tag-view .columns .sidebar .widget.block-categories ul > li a, body.blog-category-view .columns .sidebar .widget.block-categories ul > li a, body.blog-post-view .columns .sidebar .widget.block-categories ul > li a, body.blog-index-index .columns .sidebar .block-wishlist.block-categories ul > li a, body.blog-tag-view .columns .sidebar .block-wishlist.block-categories ul > li a, body.blog-category-view .columns .sidebar .block-wishlist.block-categories ul > li a, body.blog-post-view .columns .sidebar .block-wishlist.block-categories ul > li a, body.blog-index-index .columns .sidebar .block-compare.block-tagclaud ul > li a, body.blog-tag-view .columns .sidebar .block-compare.block-tagclaud ul > li a, body.blog-category-view .columns .sidebar .block-compare.block-tagclaud ul > li a, body.blog-post-view .columns .sidebar .block-compare.block-tagclaud ul > li a, body.blog-index-index .columns .sidebar .widget.block-tagclaud ul > li a, body.blog-tag-view .columns .sidebar .widget.block-tagclaud ul > li a, body.blog-category-view .columns .sidebar .widget.block-tagclaud ul > li a, body.blog-post-view .columns .sidebar .widget.block-tagclaud ul > li a, body.blog-index-index .columns .sidebar .block-wishlist.block-tagclaud ul > li a, body.blog-tag-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a, body.blog-category-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a, body.blog-post-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a { text-transform: uppercase; display: block; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #a6a7a9; position: relative; } body.blog-index-index .columns .sidebar .block-compare.block-categories ul > li a:before, body.blog-tag-view .columns .sidebar .block-compare.block-categories ul > li a:before, body.blog-category-view .columns .sidebar .block-compare.block-categories ul > li a:before, body.blog-post-view .columns .sidebar .block-compare.block-categories ul > li a:before, body.blog-index-index .columns .sidebar .widget.block-categories ul > li a:before, body.blog-tag-view .columns .sidebar .widget.block-categories ul > li a:before, body.blog-category-view .columns .sidebar .widget.block-categories ul > li a:before, body.blog-post-view .columns .sidebar .widget.block-categories ul > li a:before, body.blog-index-index .columns .sidebar .block-wishlist.block-categories ul > li a:before, body.blog-tag-view .columns .sidebar .block-wishlist.block-categories ul > li a:before, body.blog-category-view .columns .sidebar .block-wishlist.block-categories ul > li a:before, body.blog-post-view .columns .sidebar .block-wishlist.block-categories ul > li a:before, body.blog-index-index .columns .sidebar .block-compare.block-tagclaud ul > li a:before, body.blog-tag-view .columns .sidebar .block-compare.block-tagclaud ul > li a:before, body.blog-category-view .columns .sidebar .block-compare.block-tagclaud ul > li a:before, body.blog-post-view .columns .sidebar .block-compare.block-tagclaud ul > li a:before, body.blog-index-index .columns .sidebar .widget.block-tagclaud ul > li a:before, body.blog-tag-view .columns .sidebar .widget.block-tagclaud ul > li a:before, body.blog-category-view .columns .sidebar .widget.block-tagclaud ul > li a:before, body.blog-post-view .columns .sidebar .widget.block-tagclaud ul > li a:before, body.blog-index-index .columns .sidebar .block-wishlist.block-tagclaud ul > li a:before, body.blog-tag-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a:before, body.blog-category-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a:before, body.blog-post-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a:before { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: transparent; border: 1px solid #dadada; display: block; content: ''; } body.blog-index-index .columns .sidebar .block-compare.block-categories ul > li a:hover, body.blog-tag-view .columns .sidebar .block-compare.block-categories ul > li a:hover, body.blog-category-view .columns .sidebar .block-compare.block-categories ul > li a:hover, body.blog-post-view .columns .sidebar .block-compare.block-categories ul > li a:hover, body.blog-index-index .columns .sidebar .widget.block-categories ul > li a:hover, body.blog-tag-view .columns .sidebar .widget.block-categories ul > li a:hover, body.blog-category-view .columns .sidebar .widget.block-categories ul > li a:hover, body.blog-post-view .columns .sidebar .widget.block-categories ul > li a:hover, body.blog-index-index .columns .sidebar .block-wishlist.block-categories ul > li a:hover, body.blog-tag-view .columns .sidebar .block-wishlist.block-categories ul > li a:hover, body.blog-category-view .columns .sidebar .block-wishlist.block-categories ul > li a:hover, body.blog-post-view .columns .sidebar .block-wishlist.block-categories ul > li a:hover, body.blog-index-index .columns .sidebar .block-compare.block-tagclaud ul > li a:hover, body.blog-tag-view .columns .sidebar .block-compare.block-tagclaud ul > li a:hover, body.blog-category-view .columns .sidebar .block-compare.block-tagclaud ul > li a:hover, body.blog-post-view .columns .sidebar .block-compare.block-tagclaud ul > li a:hover, body.blog-index-index .columns .sidebar .widget.block-tagclaud ul > li a:hover, body.blog-tag-view .columns .sidebar .widget.block-tagclaud ul > li a:hover, body.blog-category-view .columns .sidebar .widget.block-tagclaud ul > li a:hover, body.blog-post-view .columns .sidebar .widget.block-tagclaud ul > li a:hover, body.blog-index-index .columns .sidebar .block-wishlist.block-tagclaud ul > li a:hover, body.blog-tag-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a:hover, body.blog-category-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a:hover, body.blog-post-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a:hover { color: #6fa1d6; } body.blog-index-index .columns .sidebar .block-compare.block-categories ul > li a:hover:before, body.blog-tag-view .columns .sidebar .block-compare.block-categories ul > li a:hover:before, body.blog-category-view .columns .sidebar .block-compare.block-categories ul > li a:hover:before, body.blog-post-view .columns .sidebar .block-compare.block-categories ul > li a:hover:before, body.blog-index-index .columns .sidebar .widget.block-categories ul > li a:hover:before, body.blog-tag-view .columns .sidebar .widget.block-categories ul > li a:hover:before, body.blog-category-view .columns .sidebar .widget.block-categories ul > li a:hover:before, body.blog-post-view .columns .sidebar .widget.block-categories ul > li a:hover:before, body.blog-index-index .columns .sidebar .block-wishlist.block-categories ul > li a:hover:before, body.blog-tag-view .columns .sidebar .block-wishlist.block-categories ul > li a:hover:before, body.blog-category-view .columns .sidebar .block-wishlist.block-categories ul > li a:hover:before, body.blog-post-view .columns .sidebar .block-wishlist.block-categories ul > li a:hover:before, body.blog-index-index .columns .sidebar .block-compare.block-tagclaud ul > li a:hover:before, body.blog-tag-view .columns .sidebar .block-compare.block-tagclaud ul > li a:hover:before, body.blog-category-view .columns .sidebar .block-compare.block-tagclaud ul > li a:hover:before, body.blog-post-view .columns .sidebar .block-compare.block-tagclaud ul > li a:hover:before, body.blog-index-index .columns .sidebar .widget.block-tagclaud ul > li a:hover:before, body.blog-tag-view .columns .sidebar .widget.block-tagclaud ul > li a:hover:before, body.blog-category-view .columns .sidebar .widget.block-tagclaud ul > li a:hover:before, body.blog-post-view .columns .sidebar .widget.block-tagclaud ul > li a:hover:before, body.blog-index-index .columns .sidebar .block-wishlist.block-tagclaud ul > li a:hover:before, body.blog-tag-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a:hover:before, body.blog-category-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a:hover:before, body.blog-post-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a:hover:before { background-color: #0f63bb; opacity: 0.6; border-color: #0f63bb; } body.blog-index-index .columns .sidebar .block-compare.block-categories ul > li a.current, body.blog-tag-view .columns .sidebar .block-compare.block-categories ul > li a.current, body.blog-category-view .columns .sidebar .block-compare.block-categories ul > li a.current, body.blog-post-view .columns .sidebar .block-compare.block-categories ul > li a.current, body.blog-index-index .columns .sidebar .widget.block-categories ul > li a.current, body.blog-tag-view .columns .sidebar .widget.block-categories ul > li a.current, body.blog-category-view .columns .sidebar .widget.block-categories ul > li a.current, body.blog-post-view .columns .sidebar .widget.block-categories ul > li a.current, body.blog-index-index .columns .sidebar .block-wishlist.block-categories ul > li a.current, body.blog-tag-view .columns .sidebar .block-wishlist.block-categories ul > li a.current, body.blog-category-view .columns .sidebar .block-wishlist.block-categories ul > li a.current, body.blog-post-view .columns .sidebar .block-wishlist.block-categories ul > li a.current, body.blog-index-index .columns .sidebar .block-compare.block-tagclaud ul > li a.current, body.blog-tag-view .columns .sidebar .block-compare.block-tagclaud ul > li a.current, body.blog-category-view .columns .sidebar .block-compare.block-tagclaud ul > li a.current, body.blog-post-view .columns .sidebar .block-compare.block-tagclaud ul > li a.current, body.blog-index-index .columns .sidebar .widget.block-tagclaud ul > li a.current, body.blog-tag-view .columns .sidebar .widget.block-tagclaud ul > li a.current, body.blog-category-view .columns .sidebar .widget.block-tagclaud ul > li a.current, body.blog-post-view .columns .sidebar .widget.block-tagclaud ul > li a.current, body.blog-index-index .columns .sidebar .block-wishlist.block-tagclaud ul > li a.current, body.blog-tag-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a.current, body.blog-category-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a.current, body.blog-post-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a.current { color: #6fa1d6; } body.blog-index-index .columns .sidebar .block-compare.block-categories ul > li a.current:before, body.blog-tag-view .columns .sidebar .block-compare.block-categories ul > li a.current:before, body.blog-category-view .columns .sidebar .block-compare.block-categories ul > li a.current:before, body.blog-post-view .columns .sidebar .block-compare.block-categories ul > li a.current:before, body.blog-index-index .columns .sidebar .widget.block-categories ul > li a.current:before, body.blog-tag-view .columns .sidebar .widget.block-categories ul > li a.current:before, body.blog-category-view .columns .sidebar .widget.block-categories ul > li a.current:before, body.blog-post-view .columns .sidebar .widget.block-categories ul > li a.current:before, body.blog-index-index .columns .sidebar .block-wishlist.block-categories ul > li a.current:before, body.blog-tag-view .columns .sidebar .block-wishlist.block-categories ul > li a.current:before, body.blog-category-view .columns .sidebar .block-wishlist.block-categories ul > li a.current:before, body.blog-post-view .columns .sidebar .block-wishlist.block-categories ul > li a.current:before, body.blog-index-index .columns .sidebar .block-compare.block-tagclaud ul > li a.current:before, body.blog-tag-view .columns .sidebar .block-compare.block-tagclaud ul > li a.current:before, body.blog-category-view .columns .sidebar .block-compare.block-tagclaud ul > li a.current:before, body.blog-post-view .columns .sidebar .block-compare.block-tagclaud ul > li a.current:before, body.blog-index-index .columns .sidebar .widget.block-tagclaud ul > li a.current:before, body.blog-tag-view .columns .sidebar .widget.block-tagclaud ul > li a.current:before, body.blog-category-view .columns .sidebar .widget.block-tagclaud ul > li a.current:before, body.blog-post-view .columns .sidebar .widget.block-tagclaud ul > li a.current:before, body.blog-index-index .columns .sidebar .block-wishlist.block-tagclaud ul > li a.current:before, body.blog-tag-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a.current:before, body.blog-category-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a.current:before, body.blog-post-view .columns .sidebar .block-wishlist.block-tagclaud ul > li a.current:before { background-color: #0f63bb; opacity: 0.6; border-color: #0f63bb; } body.page-layout-2columns-right .sidebar-additional { clear: none; padding-left: 0px; padding-right: 20px; } body.blog-post-view .columns .sidebar { -webkit-box-shadow: 1px -23px 82px -24px rgba(0, 0, 0, 0.75); -moz-box-shadow: 1px -23px 82px -24px rgba(0, 0, 0, 0.75); box-shadow: 1px -23px 82px -24px rgba(0, 0, 0, 0.75); border-left: 1px solid #eaeaea; border-right: 0px; float: right; border: 0px; } body.blog-post-view .columns .column.main { padding-top: 0px; float: right; } body.blog-post-view .columns .column.main .post-description a { color: #064394; font-weight: 700; text-decoration: underline; } body.blog-post-view .columns .column.main .post-view .post-holder { background: white; padding-top: 0px; } body.blog-post-view .columns .column.main .post-view .post-holder:hover { box-shadow: none; } body.blog-post-view .columns .column.main .post-view .post-holder .post-content { margin-top: 40px; } body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld { width: 100%; float: none; display: block; margin: 0px; position: relative; } body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld img { width: 100%; } body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image { position: absolute; bottom: 30px; left: 40px; z-index: 99; background-color: rgba(0, 0, 0, 0.5); padding: 10px; } body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image h2 { margin-bottom: 0px; max-width: 65%; margin-top: 0px; } body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image h2 a { margin-bottom: 0px; font-family: 'Oswald', sans-serif; font-weight: 100; letter-spacing: 0.8px; margin-top: 0px; margin-bottom: 10px; font-size: 40px; color: white; } body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image span { color: white; } body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-text-hld { margin: 30px 0px 0px 0px; text-align: justify; } body.blog-post-view .columns .column.main .post-view .post-holder .addthis_toolbox .at-icon-wrapper { height: 30px !important; width: 30px !important; } body.blog-post-view .columns .column.main .post-view .post-holder .addthis_toolbox .at-icon-wrapper svg { height: 30px !important; width: 30px !important; } body.blog-post-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-title strong { font-family: 'Oswald', sans-serif; font-weight: 100; margin-top: 0px; font-size: 22px !important; color: #06224d; } body.blog-post-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content { padding: 0px; overflow: hidden; } body.blog-post-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content .post-ftimg-hld { min-height: 200px; margin-bottom: 15px; } body.blog-post-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content li { list-style: none; float: none; width: calc(33.33333333%); border: 5px solid white; } body.blog-post-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content li .post-text-hld { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0px; margin-top: 5px; } body.blog-post-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content li .post-item-link { font-family: 'Oswald', sans-serif; font-weight: 100; margin-top: 0px; margin-bottom: 10px; font-size: 18px !important; color: #06224d; } body.blog-post-view .columns .column.main .post-view .post-holder .post-bottom .block.comments .post-comments.clear { width: 100%; } .blog-widget-recent { padding: 0px 20px; } .blog-widget-recent h3 { display: none; } .blog-widget-recent > .title { font-family: 'Oswald', sans-serif; font-weight: 100; margin-top: 0px; margin-bottom: 10px; font-size: 22px; color: #06224d; } .blog-widget-recent .post-holder { width: calc(33.33333333%); margin: 0px; background: transparent; box-shadow: unset; } .blog-widget-recent .post-holder:nth-child(3n+1) { clear: both; } .blog-widget-recent .post-holder .post-footer span { display: block; color: #8e9193; } .blog-widget-recent .post-holder .post-content .post-description .post-ftimg-hld { width: 100%; float: none; text-align: center; margin: 0px; } .blog-widget-recent .post-holder .post-content .post-description .post-ftimg-hld img { text-align: center; width: auto; } .blog-widget-recent .post-holder .post-content .post-description .post-header { height: 5.9em; } .blog-widget-recent .post-holder .post-content .post-description .post-header .post-title .post-item-link { font-family: 'Oswald', sans-serif; font-weight: 100; margin-top: 0px; margin-bottom: 0px; font-size: 22px; color: #06224d; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0px; } .blog-widget-recent .post-holder .post-content .post-description .post-text-hld { min-height: 0px; height: 5rem; overflow: hidden; } .blog-widget-recent .post-holder .post-content .post-description .post-text-hld p { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0px; display: none; } .blog-widget-recent .post-holder .post-content .post-description .post-text-hld p:first-child { display: -webkit-box; } @media screen and (min-width: 768px) { .blog-widget-recent .post-holder:hover { -webkit-box-shadow: 0px 0px 23px 1px #949494; -moz-box-shadow: 0px 0px 23px 1px #949494; padding: 0px; border-radius: 5px; box-shadow: 0px 0px 23px 1px #949494; } .blog-widget-recent .post-holder:hover .post-header, .blog-widget-recent .post-holder:hover .post-text-hld { padding: 0 10px; } .blog-widget-recent .post-holder:hover .post-footer { padding: 0 10px 20px; } } @media screen and (max-width: 1023px) { body.blog-index-index .columns .sidebar, body.blog-tag-view .columns .sidebar, body.blog-category-view .columns .sidebar, body.blog-post-view .columns .sidebar { padding: 10px; padding-top: 40px; } body.blog-index-index .columns .column.main, body.blog-tag-view .columns .column.main, body.blog-category-view .columns .column.main, body.blog-post-view .columns .column.main { padding: 40px 10px 0px 10px; } body.blog-index-index .columns .column.main .post-list li, body.blog-tag-view .columns .column.main .post-list li, body.blog-category-view .columns .column.main .post-list li, body.blog-post-view .columns .column.main .post-list li { width: calc(33.33333333%); float: left; max-height: 300px; height: auto; min-height: 170px; padding: 0px 10px; background: transparent; margin-right: 0px; } body.blog-index-index .columns .column.main .post-list li:last-child, body.blog-tag-view .columns .column.main .post-list li:last-child, body.blog-category-view .columns .column.main .post-list li:last-child, body.blog-post-view .columns .column.main .post-list li:last-child { margin-right: 0px; } body.blog-index-index .columns .column.main .post-list li.post-holder:hover, body.blog-tag-view .columns .column.main .post-list li.post-holder:hover, body.blog-category-view .columns .column.main .post-list li.post-holder:hover, body.blog-post-view .columns .column.main .post-list li.post-holder:hover { box-shadow: none; } body.blog-index-index .columns .column.main .post-list .first-child, body.blog-tag-view .columns .column.main .post-list .first-child, body.blog-category-view .columns .column.main .post-list .first-child, body.blog-post-view .columns .column.main .post-list .first-child { position: relative; border-bottom: 1px solid #e7e7e7; padding: 0px 0px; margin: 20px 0px; -webkit-box-shadow: inset 0px -60px 66px -81px rgba(0, 0, 0, 0.51); -moz-box-shadow: inset 0px -60px 66px -81px rgba(0, 0, 0, 0.51); box-shadow: inset 0px -60px 66px -81px rgba(0, 0, 0, 0.51); } body.blog-index-index .columns .column.main .post-list .first-child li, body.blog-tag-view .columns .column.main .post-list .first-child li, body.blog-category-view .columns .column.main .post-list .first-child li, body.blog-post-view .columns .column.main .post-list .first-child li { padding: 0px; width: 100%; float: none; display: block; max-height: 100%; } body.blog-index-index .columns .column.main .post-list .first-child li .post-ftimg-hld, body.blog-tag-view .columns .column.main .post-list .first-child li .post-ftimg-hld, body.blog-category-view .columns .column.main .post-list .first-child li .post-ftimg-hld, body.blog-post-view .columns .column.main .post-list .first-child li .post-ftimg-hld { position: relative; } body.blog-index-index .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image, body.blog-tag-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image, body.blog-category-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image, body.blog-post-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image { position: absolute; bottom: 10%; left: 40px; z-index: 99; display: block; max-width: 50%; } body.blog-index-index .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2, body.blog-tag-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2, body.blog-category-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2, body.blog-post-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2 { margin-bottom: 0px; } body.blog-index-index .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2 a, body.blog-tag-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2 a, body.blog-category-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2 a, body.blog-post-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2 a { margin-bottom: 0px; font-family: 'Oswald', sans-serif; font-weight: 100; letter-spacing: 0.8px; margin-top: 0px; margin-bottom: 10px; font-size: 30px; color: white; } body.blog-index-index .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image span, body.blog-tag-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image span, body.blog-category-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image span, body.blog-post-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image span { color: white; } body.blog-index-index .columns .column.main .post-list .first-child li .post-title-holder .post-title a, body.blog-tag-view .columns .column.main .post-list .first-child li .post-title-holder .post-title a, body.blog-category-view .columns .column.main .post-list .first-child li .post-title-holder .post-title a, body.blog-post-view .columns .column.main .post-list .first-child li .post-title-holder .post-title a { font-family: 'Oswald', sans-serif; font-weight: 100; margin-top: 0px; margin-bottom: 10px; font-size: 22px; color: #06224d; } body.blog-index-index .columns .column.main .post-list .first-child li.post-holder:hover, body.blog-tag-view .columns .column.main .post-list .first-child li.post-holder:hover, body.blog-category-view .columns .column.main .post-list .first-child li.post-holder:hover, body.blog-post-view .columns .column.main .post-list .first-child li.post-holder:hover { box-shadow: none; } .blog-widget-recent .post-holder { padding: 20px 10px; } } @media screen and (max-width: 768px) { body.blog-index-index .columns .sidebar, body.blog-tag-view .columns .sidebar, body.blog-category-view .columns .sidebar, body.blog-post-view .columns .sidebar, body.blog-index-index .columns .column.main, body.blog-tag-view .columns .column.main, body.blog-category-view .columns .column.main, body.blog-post-view .columns .column.main { float: none; width: 100%; } body.blog-index-index .columns .column.main, body.blog-tag-view .columns .column.main, body.blog-category-view .columns .column.main, body.blog-post-view .columns .column.main { position: relative; padding-top: 80px; -ms-flex-order: 2; -webkit-order: 2; order: 2; } body.blog-index-index .columns .column.main .post-view .post-holder post-header, body.blog-tag-view .columns .column.main .post-view .post-holder post-header, body.blog-category-view .columns .column.main .post-view .post-holder post-header, body.blog-post-view .columns .column.main .post-view .post-holder post-header { display: none; } body.blog-index-index .columns .column.main .post-view .post-holder .post-content, body.blog-tag-view .columns .column.main .post-view .post-holder .post-content, body.blog-category-view .columns .column.main .post-view .post-holder .post-content, body.blog-post-view .columns .column.main .post-view .post-holder .post-content { margin-top: 0px; } body.blog-index-index .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld, body.blog-tag-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld, body.blog-category-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld, body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld { z-index: 1; } body.blog-index-index .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image, body.blog-tag-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image, body.blog-category-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image, body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image { position: relative; left: 0; bottom: 0; margin-bottom: 20px; background: transparent; } body.blog-index-index .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image h2, body.blog-tag-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image h2, body.blog-category-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image h2, body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image h2 { max-width: 100%; } body.blog-index-index .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image h2 a, body.blog-tag-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image h2 a, body.blog-category-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image h2 a, body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image h2 a { color: #06224d; } body.blog-index-index .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image span, body.blog-tag-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image span, body.blog-category-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image span, body.blog-post-view .columns .column.main .post-view .post-holder .post-content .post-ftimg-hld .above-image span { color: #06224d; } body.blog-index-index .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content .post-ftimg-hld, body.blog-tag-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content .post-ftimg-hld, body.blog-category-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content .post-ftimg-hld, body.blog-post-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content .post-ftimg-hld { min-height: auto; } body.blog-index-index .columns .column.main .post-list > li .post-ftimg-hld, body.blog-tag-view .columns .column.main .post-list > li .post-ftimg-hld, body.blog-category-view .columns .column.main .post-list > li .post-ftimg-hld, body.blog-post-view .columns .column.main .post-list > li .post-ftimg-hld { /*min-height: 130px;*/ } body.blog-index-index .columns .column.main .post-list > li .post-header, body.blog-tag-view .columns .column.main .post-list > li .post-header, body.blog-category-view .columns .column.main .post-list > li .post-header, body.blog-post-view .columns .column.main .post-list > li .post-header { height: 38px; } body.blog-index-index .columns .column.main .post-list > li .post-title-holder, body.blog-tag-view .columns .column.main .post-list > li .post-title-holder, body.blog-category-view .columns .column.main .post-list > li .post-title-holder, body.blog-post-view .columns .column.main .post-list > li .post-title-holder { height: 28px; } body.blog-index-index .columns .column.main .post-item-link, body.blog-tag-view .columns .column.main .post-item-link, body.blog-category-view .columns .column.main .post-item-link, body.blog-post-view .columns .column.main .post-item-link { font-size: 16px !important; } body.blog-index-index .columns .sidebar, body.blog-tag-view .columns .sidebar, body.blog-category-view .columns .sidebar, body.blog-post-view .columns .sidebar { position: relative; -ms-flex-order: 1; -webkit-order: 1; order: 1; display: none; background-size: 30%; } body.blog-index-index .columns .sidebar.open, body.blog-tag-view .columns .sidebar.open, body.blog-category-view .columns .sidebar.open, body.blog-post-view .columns .sidebar.open { display: block; padding-top: 80px; } body.blog-index-index .columns .button-show-filter-mobile, body.blog-tag-view .columns .button-show-filter-mobile, body.blog-category-view .columns .button-show-filter-mobile, body.blog-post-view .columns .button-show-filter-mobile { display: block; position: absolute; top: 5px; right: 10px; padding: 10px; border: 1px solid; background-color: #fff; border-color: #e1e1e1; color: #000; border-radius: 0px; text-transform: uppercase; margin-top: 15px; /*&:hover{ background-color: #1e75e7; border-color: #1e75e7; }*/ } body.blog-index-index .post-list .post-header .post-title, body.blog-tag-view .post-list .post-header .post-title, body.blog-category-view .post-list .post-header .post-title, body.blog-post-view .post-list .post-header .post-title { width: 100%; max-width: unset; } .blog-index-index .columns .column.main .post-list-wrapper .post-list .first-child li .post-ftimg-hld div.above-image { display: none; } #maincontent .blog-widget-recent .post-list.owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { left: -40px !important; } #maincontent .blog-widget-recent .post-list.owl-carousel.owl-theme .owl-controls .owl-nav .owl-next { right: -40px !important; } #maincontent .blog-widget-recent .owl-item .post-holder { width: 100%; } #maincontent .blog-widget-recent .owl-item .post-holder .post-footer { text-align: left; } #maincontent .blog-widget-recent .owl-item .post-holder .post-content .post-header .post-title-holder { text-align: left; } #maincontent .blog-widget-recent .owl-item .post-holder .post-content .post-description .post-ftimg-hld { /*min-height: 130px;*/ } #maincontent .blog-widget-recent .owl-item .post-holder .post-content .post-description .post-ftimg-hld img { margin: 0 auto; } #maincontent .blog-widget-recent .owl-item .post-holder .post-content .post-description .post-text-hld { text-align: left; } .cms-page-view .widget.block.block-static-block { width: 100%; } .cms-page-view .widget.block.block-static-block ul { padding-left: 0; } .cms-page-view .cms-rightborder { width: 100%; padding-left: 0; } .cms-page-view .cms-rightborder ul { padding-left: 0; } } @media screen and (max-width: 767px) { .above-image { display: none !important; } body.blog-post-view .page-main .page-title-wrapper { display: block; padding: 0 30px; } body.blog-post-view .page-main .button-show-filter-mobile { display: none; } body.blog-post-view .page-main .column.main { padding-top: 10px; } } @media screen and (max-width: 480px) { body.blog-index-index .columns .sidebar, body.blog-tag-view .columns .sidebar, body.blog-category-view .columns .sidebar, body.blog-post-view .columns .sidebar { background-size: 77%; } body.blog-index-index .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content li, body.blog-tag-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content li, body.blog-category-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content li, body.blog-post-view .columns .column.main .post-view .post-holder .post-bottom .block.related .block-content li { width: 100%; float: none; } body.blog-index-index .columns .column.main .post-list > li, body.blog-tag-view .columns .column.main .post-list > li, body.blog-category-view .columns .column.main .post-list > li, body.blog-post-view .columns .column.main .post-list > li { width: calc(50%); } } @media screen and (max-width: 360px) { body.blog-index-index .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image, body.blog-tag-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image, body.blog-category-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image, body.blog-post-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image { position: relative; width: 100%; left: 0; max-width: 100%; } body.blog-index-index .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2, body.blog-tag-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2, body.blog-category-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2, body.blog-post-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2 { display: none; } body.blog-index-index .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2 a, body.blog-tag-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2 a, body.blog-category-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2 a, body.blog-post-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image h2 a { color: #06224d; } body.blog-index-index .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image span, body.blog-tag-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image span, body.blog-category-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image span, body.blog-post-view .columns .column.main .post-list .first-child li .post-ftimg-hld .above-image span { color: #06224d; } body.blog-index-index .columns .column.main .post-list li, body.blog-tag-view .columns .column.main .post-list li, body.blog-category-view .columns .column.main .post-list li, body.blog-post-view .columns .column.main .post-list li { width: 100%; } } /*css Homepage goes here*/ body { color: #333; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; } body.cms-index-index #maincontent { padding-left: 0px; padding-right: 0px; max-width: 100%; } body.cms-index-index #maincontent .banner-homepage { position: relative; min-height: 400px; } body.cms-index-index #maincontent .banner-homepage .custom-slider { padding-bottom: 0; } body.cms-index-index #maincontent .banner-homepage .custom-slider .owl-controls .owl-dots { bottom: 30px; } body.cms-index-index #maincontent .banner-homepage .slider-loader { width: 100%; height: 100%; background-color: #ffffff; position: absolute; z-index: 1; opacity: 1; transition: visibility 0s 1s, opacity 1s linear; min-height: 600px; } body.cms-index-index #maincontent .banner-homepage .slider-loader .slider-loader-img { position: fixed; width: 32px; height: 32px; top: 75%; left: 50%; margin: -40px 0 0 -40px; } body.cms-index-index #maincontent .banner-homepage #pre-div { display: none !important; } body.cms-index-index #maincontent .custom-slider { position: relative !important; } body.cms-index-index #maincontent .custom-slider #pre-div { z-index: 9; } body.cms-index-index #maincontent .catalog-link-mobile .catalog-link-item { position: relative; } body.cms-index-index #maincontent h1 { font-family: 'Oswald', sans-serif; font-size: 26px; font-weight: 400; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } body.cms-index-index #maincontent .column.main { padding-bottom: 0px; } body.cms-index-index .page-title-wrapper { display: none; } body.cms-index-index .sections.nav-sections { margin-bottom: 0px; } body.cms-index-index .planet-banner { display: inline-block; width: 100%; overflow: hidden; clear: both; position: relative; } body.cms-index-index .banner-left { width: 100%; display: inline-block; float: left; } body.cms-index-index .banner-left .image-category { display: none; position: absolute; width: 100%; } body.cms-index-index .banner-left .image-category img { float: left; width: 100%; } body.cms-index-index .banner-left .image-category.active { display: block; } body.cms-index-index .banner-left .background-default img { width: 100%; float: left; } body.cms-index-index #maincontent.page-main .home-recommendation { background-color: #ebf1f9; min-height: 550px; } body.cms-index-index #maincontent.page-main .home-recommendation .homepage-title { padding-top: 30px; } body.cms-index-index #maincontent.page-main .home-recommendation .homepage-title h3 { margin-top: 10px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel { height: auto; padding-top: 30px; padding-bottom: 30px; margin-top: 0px; margin-bottom: 0px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .block-title { margin: 0 0 26px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-thumbs { display: none; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item { padding: 9px 9px; background: none; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item { background: #ffffff; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item:hover { box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.5); } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details { min-height: 153px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .product-item-name a { font-weight: 400; font-size: 14px; color: #001b61; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .atome-price-divider { font-style: italic; color: #333; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .atome-price-divider .atome-logo.atome-intro-popup { padding-left: 5px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .price-wrapper-container { display: inline-flex; flex-direction: column; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .price { color: #222222 !important; font-weight: bold !important; font-size: 14px !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .special-price .price { color: #dd0019 !important; font-size: 14px !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .old-price { margin: 0px 0px 0 0; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .old-price .price { color: #999 !important; font-weight: normal !important; font-size: 13px !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .old-price .special-price .price { color: #cb2127 !important; font-size: 14px !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .old-price .old-price { margin: 0px 0px 0 0; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .old-price .old-price .price { color: #999999 !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .old-price .discount { font-weight: 700; margin-left: 0px; display: none !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .old-price .atome-product-price-divider { padding-top: 5px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .discount { font-weight: 700; margin-left: 0px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .atome-product-price-divider { padding-top: 5px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow.svg') !important; width: 38px; height: 38px; left: -12px !important; font-size: 0; color: transparent; background-color: #004199; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-nav .owl-next { background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow.svg') !important; width: 38px; height: 38px; right: -12px !important; font-size: 0; color: transparent; background-color: #004199; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-dots { bottom: -30px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-dots .owl-dot.active span { background: #004199; } body.cms-index-index #maincontent.page-main .slider-bottom { max-width: 1380px; margin: 0 auto; } body.cms-index-index #maincontent.page-main .slider-bottom .owl-carousel .owl-controls .owl-dots { bottom: 30px; } body.cms-index-index #maincontent.page-main .slider-bottom .owl-carousel .owl-controls .owl-prev { background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow.svg') !important; background-color: #004199; left: -19px !important; } body.cms-index-index #maincontent.page-main .slider-bottom .owl-carousel .owl-controls .owl-next { background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow.svg') !important; background-color: #004199; right: -19px !important; } body.cms-index-index .planets-wrapper { display: inline-block; position: absolute; width: 50%; text-align: center; overflow: auto; padding-top: 42%; background: url('../../frontend/Kemana/default/id_ID/images/planets_background copy.png') center no-repeat; background-size: contain; top: 0; right: 0; } body.cms-index-index .planets-wrapper:after { content: ''; display: table; clear: both; } body.cms-index-index .planets-wrapper .circle-category { width: 26%; padding-top: 26%; background: rgba(36, 128, 185, 0.7); display: inline-block; border-radius: 50%; text-align: center; text-transform: uppercase; color: #fff; font-family: 'Oswald', sans-serif; letter-spacing: 0.12rem; font-weight: 400; position: absolute; -moz-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; -webkit-transition: all 0.7s ease-in; transition: all 0.7s ease-in; } body.cms-index-index .planets-wrapper .circle-category:hover, body.cms-index-index .planets-wrapper .circle-category.active { background: rgba(233, 28, 36, 0.7); } body.cms-index-index .planets-wrapper .circle-category:nth-child(1) { top: -9%; left: 11%; } body.cms-index-index .planets-wrapper .circle-category:nth-child(2) { top: -13%; left: 50%; } body.cms-index-index .planets-wrapper .circle-category:nth-child(3) { top: 11%; right: -8%; } body.cms-index-index .planets-wrapper .circle-category:nth-child(4) { right: -12%; bottom: 23%; } body.cms-index-index .planets-wrapper .circle-category:nth-child(4) a { line-height: 32px; } body.cms-index-index .planets-wrapper .circle-category:nth-child(5) { bottom: -7%; right: 16%; } body.cms-index-index .planets-wrapper .circle-category:nth-child(5) a { line-height: 32px; } body.cms-index-index .planets-wrapper .circle-category:nth-child(6) { bottom: -6%; left: 18%; } body.cms-index-index .planets-wrapper .circle-category:nth-child(6) a { line-height: 32px; } body.cms-index-index .planets-wrapper .circle-category:nth-child(7) { bottom: 19%; left: -11%; } body.cms-index-index .planets-wrapper .circle-category:nth-child(8) { top: 19%; left: -12%; } body.cms-index-index .planets-wrapper .circle-category p, body.cms-index-index .planets-wrapper .circle-category a { position: absolute; top: 35%; left: 0; right: 0; max-width: 90%; margin: auto; font-size: 14px; word-spacing: 9999999px; color: #fff; } body.cms-index-index .planets-wrapper .orbit { padding-top: 65%; width: 65%; border-radius: 50%; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 14%; } body.cms-index-index .planets-wrapper .globe-ps { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; top: 27%; width: 43%; overflow: hidden; max-height: 46%; } body.cms-index-index .planets-wrapper .outer { padding-top: 55%; width: 55%; border-radius: 50%; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 19%; border: 1px solid #fff; -webkit-animation: spin 14s infinite linear; -moz-animation: spin 14s infinite linear; -ms-animation: spin 14s infinite linear; animation: spin 14s infinite linear; } body.cms-index-index .planets-wrapper .outer.small { padding-top: 45%; width: 45%; top: 25%; left: 0; -webkit-animation: cc 10s infinite linear; -moz-animation: cc 10s infinite linear; -ms-animation: cc 10s infinite linear; animation: cc 10s infinite linear; } body.cms-index-index .planets-wrapper .outer .satelite { width: 20px; height: 20px; position: absolute; border-radius: 50%; background: #cae6f2; bottom: -3%; left: 45%; } body.cms-index-index .planets-wrapper .outer.small .satelite { width: 15px; height: 15px; top: -3%; } body.cms-index-index .banner-bottom { display: inline-block; width: 100%; clear: both; } body.cms-index-index .banner-bottom .img-banner { display: none; } body.cms-index-index .banner-bottom .img-banner:first-child { display: block; } body.cms-index-index .banner-bottom .owl-item .img-banner { display: block; } body.cms-index-index .banner-bottom .img-banner img { width: 100%; } body.cms-index-index .banner-bottom .owl-pagination { position: relative; bottom: 30px; } body.cms-index-index .banner-bottom .owl-controls { height: 0px; clear: both; float: none; display: block; } body.cms-index-index .banner-bottom .owl-controls .owl-pagination .owl-page { width: 10px; height: 10px; background: #fff; display: inline-block; margin-right: 20px; border-radius: 50%; cursor: pointer; } body.cms-index-index .banner-bottom .owl-controls .owl-pagination .owl-page.active, body.cms-index-index .banner-bottom .owl-controls .owl-pagination .owl-page:hover { background: #0f63bb; } body.cms-index-index .banner-bottom .owl-buttons { position: absolute; top: 40%; width: 100%; } body.cms-index-index .banner-bottom .owl-buttons div { width: 36px; height: 40px; position: absolute; color: transparent; cursor: pointer; } body.cms-index-index .banner-bottom .owl-buttons div:before { color: #fff; vertical-align: middle; line-height: 40px; width: 40px; height: 40px; text-align: center; display: block; content: ''; background: url('../../frontend/Kemana/default/id_ID/images/arrows1.svg') no-repeat center; background-size: contain; } body.cms-index-index .banner-bottom .owl-buttons .owl-prev { left: -3px; } body.cms-index-index .banner-bottom .owl-buttons .owl-next { right: 0; border-radius: 5px 0px 0px 5px !important; } body.cms-index-index .banner-bottom .owl-buttons .owl-next:before { background: url('../../frontend/Kemana/default/id_ID/images/arrows1_right.svg') no-repeat center; background-size: contain; } body.cms-index-index .single-youtube { box-shadow: inset 0 7px 26px -7px rgba(0, 0, 0, 0.2); display: inline-block; clear: both; } body.cms-index-index .single-youtube section.mxYouTubeR.mxYouTubeR_video.mxYouTubeR_theme_default { position: relative; margin-bottom: 0px !important; box-shadow: none; padding: 0 14%; } body.cms-index-index .single-youtube section.mxYouTubeR.mxYouTubeR_video.mxYouTubeR_theme_default .mxyt-title { display: none; position: absolute; top: 25%; width: 25%; right: 5%; border-bottom: none; background: rgba(0, 0, 0, 0.3); } body.cms-index-index .single-youtube section.mxYouTubeR.mxYouTubeR_video.mxYouTubeR_theme_default .mxyt-title h1 { color: #fff; text-transform: none; line-height: 150%; } body.cms-index-index .single-youtube h1 { text-align: center; margin: 20px 0; } body.cms-index-index .single-youtube iframe { width: 100%; padding: 0 14%; } body.cms-index-index .playlist-youtube { padding: 0 4%; /*box-shadow: inset 0 7px 26px -7px rgba(0, 0, 0, 0.2);*/ display: inline-block; clear: both; } body.cms-index-index .playlist-youtube h1 { text-align: center; margin: 20px 0 0; } body.cms-index-index .playlist-youtube .mxYouTubeR_playlist { margin: 0; } body.cms-index-index .playlist-youtube .mxyt-playlist-item { box-shadow: none; } body.cms-index-index .playlist-youtube .mxyt-title { border-bottom: none; } body.cms-index-index .playlist-youtube span.see-more { float: none; padding-bottom: 20px; text-transform: uppercase; color: #04204C; display: block; text-align: center; } body.cms-index-index .playlist-youtube span.see-more:after { display: inline-block; content: ''; width: 12px; height: 12px; background: url('../../frontend/Kemana/default/id_ID/images/arrow_black_next.svg') no-repeat center; background-size: contain; margin-left: 5px; } body.cms-index-index .playlist-youtube a:hover span.see-more { text-decoration: underline; } body.cms-index-index .mobile-banner-homepage { display: none !important; } body.cms-index-index .catalog-link-mobile .link-img img { height: auto; padding: 15px 10px; } body.cms-index-index .catalog-link-mobile .link-img:after { content: ""; position: absolute; top: 15px; left: 10px; width: calc(100% - 20px); height: calc(100% - 30px); display: block; background-image: linear-gradient(180deg, rgba(100, 100, 100, 0), 75%, #000000); opacity: .7; } body.cms-index-index .catalog-link-mobile .link-text { position: absolute; top: 84%; left: 50%; font-size: 21px; font-weight: 600; margin-left: 0; align-items: center; text-transform: uppercase; width: 100%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); moz-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } body.cms-index-index .catalog-link-mobile .link-text span { text-align: center; color: #ffffff; font-family: 'Oswald', sans-serif; } body.cms-index-index .insta-planetsports { margin: 0; padding: 0 4%; /*box-shadow: inset 0 7px 26px -7px rgba(0, 0, 0, 0.2);*/ overflow: auto; text-align: center; } body.cms-index-index .insta-planetsports h1 { margin: 20px 0; text-transform: uppercase; } body.cms-index-index .insta-planetsports .fs-next-page { display: none; } body.cms-index-index .block-products-list .product-item-info .product-image-container { width: 100% !important; } body.cms-index-index .block-products-list .product-item-info .product-image-container img { margin: 0 auto; } .page-wrapper .page-header-v1 .page-header .header-main .h-search .block-search input { padding-left: 40px; } .cms-home.cms-index-index .column.main .products-grid .product-item .product-item-info .product-item-details .atome-price-divider.atome-widget { font-style: italic; color: #333; } .custom-products-carousel { margin: 10px 0; } .custom-products-carousel .owl-carousel .product-item-info .discount { vertical-align: top; margin-top: 0px; font-weight: 600; font-size: 14px; margin-left: 0px; } .custom-products-carousel .block.widget.grid { margin: 0 4%; } .custom-products-carousel .block.widget.grid .block-title { text-align: center; } .custom-products-carousel .block.widget.grid .block-title strong { font-size: 30px; font-family: 'Oswald', sans-serif; } .custom-products-carousel .block.widget.grid .owl-wrapper-outer { width: 100%; overflow: hidden; } .custom-products-carousel .block.widget.grid .owl-buttons div:before { color: #0f63bb; content: ''; background: url('../../frontend/Kemana/default/id_ID/images/arrows_black_next.svg') no-repeat center; background-size: contain; width: 40px; height: 40px; position: absolute; font-size: 20px; cursor: pointer; } .custom-products-carousel .block.widget.grid .owl-buttons .owl-prev { position: absolute; top: 40%; left: -2.7%; color: transparent; } .custom-products-carousel .block.widget.grid .owl-buttons .owl-prev:before { background: url('../../frontend/Kemana/default/id_ID/images/arrows_black_prev.svg') no-repeat center; background-size: contain; } .custom-products-carousel .block.widget.grid .owl-buttons .owl-next { position: absolute; top: 40%; right: -1%; color: transparent; } .custom-products-carousel .owl-carousel .owl-item { padding: 0 10px; } .custom-products-carousel .owl-carousel .owl-item .product-item-info { border-width: 1px !important; box-sizing: border-box; } .custom-products-carousel .owl-carousel .owl-item:hover .product-item-info { border-color: #e4e4e4 !important; } .brands-logo { height: auto; display: block; clear: both; padding: 0px 0 10px; } .brands-logo .owl-carousel .owl-item img { max-width: 100%; height: auto; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity: 0.5; } .brands-logo .owl-carousel .owl-item img:hover { filter: none; -webkit-filter: none; /* Safari 6.0 - 9.0 */ opacity: 1; } .brands-logo .owl-carousel .owl-controls .owl-nav .disabled { opacity: 0; } .products-grid .product-item .product-item-details .product-item-name a { text-transform: capitalize; } .products-grid .product-item .product-item-details .price-box.price-final_price .price-container .price { color: #0a0a0a !important; font-weight: 600; } .products-grid .product-item .product-item-details .price-box.price-final_price .special-price { display: block; margin: 0 0px 0 0; } .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price { color: #dd0019 !important; font-weight: 600; } .products-grid .product-item .product-item-details .price-box.price-final_price .old-price { display: block; margin: 0 10px 0 0; } @media (max-width: 767px) { .products-grid .product-item .product-item-details .price-box.price-final_price .old-price { margin: 0 5px 0 0; } } .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price { color: #222222 !important; } .popup-newsletter .view-container .popup_subscription_consent { margin: 10px 0; } .popup-newsletter .view-container .popup_subscription_consent .control { display: flex; flex-flow: wrap; align-items: flex-start; } .popup-newsletter .view-container .popup_subscription_consent .control::before { display: none; } .popup-newsletter .view-container .popup_subscription_consent .control #popup_subscription_consent-error { padding-left: 20px; } .popup-newsletter .view-container .popup_subscription_consent input { float: left; padding: 0; margin-right: 5px; height: auto !important; } .popup-newsletter .view-container .popup_subscription_consent .label { position: relative; float: left; clip: initial; margin: 0; height: auto; width: 90%; } .popup-newsletter .view-container .popup_subscription_consent .label span::after { content: " *"; color: #e02b27; font-size: 14px; } .popup-newsletter .view-container .popup_subscription_consent a { color: #444; font-weight: bold; text-decoration: underline; } .popup-newsletter .view-container .popup_subscription_consent a:hover { text-decoration: none; } @media only screen and (max-width: 940px) { body.cms-index-index .planets-wrapper .circle-category p, body.cms-index-index .planets-wrapper .circle-category a { font-size: 9px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { body.cms-index-index .homepage-wrapper .custom-slider .banner-image img { max-width: 100%; height: auto; } body.cms-index-index .catalog-link-mobile .link-text { top: 82%; font-size: 22px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { width: 30px; height: 30px; border-radius: 20px; left: -12px !important; top: 45% !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-nav .owl-next { width: 30px; height: 30px; border-radius: 20px; right: -12px !important; top: 45% !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item { padding: 4px 4px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .discount { margin-left: 0px !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box.price-final_price .price { font-size: 14px !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box.price-final_price .special-price .price { font-size: 14px !important; } body.cms-index-index #maincontent.page-main .catalog-link-mobile .owl-stage-outer { padding: 0px 0; } } @media only screen and (min-width: 1024px) { .cms-index-index .homepage-wrapper .brands-logo .owl-carousel .owl-controls .owl-dots { display: none; } } @media only screen and (max-width: 376px) { body.cms-index-index .catalog-link-mobile .catalog-link-item { min-height: 175px !important; } } @media only screen and (max-width: 767px) { .custom-products-carousel .product-item .product-item-info .product-item-details .product-item-name { max-height: 46px !important; } body.cms-index-index #maincontent h1 { font-size: 16px; } body.cms-index-index #maincontent .slider-bottom { margin-bottom: 40px; } body.cms-index-index #maincontent .homepage-wrapper .hero-banner .custom-slider .owl-theme .banner-image img { max-width: 100%; } body.cms-index-index #maincontent .homepage-wrapper .brands-logo .custom-slider .banner-image img, body.cms-index-index #maincontent .homepage-wrapper .slider-bottom .custom-slider .banner-image img { max-width: 100%; height: auto; } body.cms-index-index #maincontent .hero-banner { min-height: 240px; } body.cms-index-index #maincontent .hero-banner .owl-item { min-height: 212px; height: auto; } body.cms-index-index #maincontent .brands-logo .proxy-banner .mplazyload { height: 61px; } body.cms-index-index #maincontent .brands-logo .owl-item { min-height: 45px; height: auto; } body.cms-index-index #maincontent .slider-bottom .owl-item { height: auto; } body.cms-index-index #maincontent .insta-planetsports { min-height: 230px; } body.cms-index-index .planet-banner { display: none; } body.cms-index-index .columns .column.main { padding-bottom: 0px; } body.cms-index-index .mobile-banner-homepage { display: block !important; width: 100%; text-align: center; } body.cms-index-index .mobile-banner-homepage .custom-slider { padding-bottom: 15px; } body.cms-index-index .mobile-banner-homepage .owl-carousel .owl-stage-outer { padding-top: 0px; } body.cms-index-index .mobile-banner-homepage:after { content: ''; display: table; clear: both; float: none; } body.cms-index-index .mobile-banner-homepage > a { display: none; } body.cms-index-index .mobile-banner-homepage > a:nth-child(1) { display: block; } body.cms-index-index .mobile-banner-homepage.owl-carousel > a { display: block; } body.cms-index-index .mobile-banner-homepage .owl-pagination { position: relative; padding: 10px 0; display: inline-block; } body.cms-index-index .mobile-banner-homepage .owl-controls { height: 0px; clear: both; float: none; display: inline; width: 100%; padding: 10px 0; } body.cms-index-index .mobile-banner-homepage .owl-controls .owl-pagination .owl-page { width: 10px; height: 10px; background: #0080BE; display: inline-block; margin-right: 20px; border-radius: 50%; cursor: pointer; } body.cms-index-index .mobile-banner-homepage .owl-controls .owl-pagination .owl-page.active, body.cms-index-index .mobile-banner-homepage .owl-controls .owl-pagination .owl-page:hover { background: #E01C24; } body.cms-index-index .mobile-banner-homepage .owl-buttons { position: absolute; top: 40%; width: 100%; } body.cms-index-index .mobile-banner-homepage .owl-buttons div { width: 16px; height: 16px; position: absolute; color: transparent; cursor: pointer; margin: 10px; } body.cms-index-index .mobile-banner-homepage .owl-buttons div:before { color: #fff; vertical-align: middle; line-height: 20px; width: 16px; height: 16px; text-align: center; display: block; content: ''; background: url('../../frontend/Kemana/default/id_ID/images/arrow_black_prev.svg') no-repeat center; background-size: contain; } body.cms-index-index .mobile-banner-homepage .owl-buttons .owl-prev { left: -3px; } body.cms-index-index .mobile-banner-homepage .owl-buttons .owl-next { right: 0; border-radius: 5px 0px 0px 5px !important; } body.cms-index-index .mobile-banner-homepage .owl-buttons .owl-next:before { background: url('../../frontend/Kemana/default/id_ID/images/arrow_black_next.svg') no-repeat center; background-size: contain; } body.cms-index-index .playlist-youtube > a { margin-bottom: 0px !important; } body.cms-index-index .playlist-youtube .mxYouTubeR.mxYouTubeR_playlist .mxyt-more { margin-bottom: 20px; margin-top: 20px; } body.cms-index-index .insta-planetsports h1 { margin: 15px 0; } body.cms-index-index .insta-planetsports .fs-mobile.fs-wrapper.changed .fs-timeline { margin-bottom: 0px; } body.cms-index-index .column.main .home-recommendation { min-height: 480px !important; } body.cms-index-index .column.main .home-recommendation .products-grid.grid .owl-stage-outer .owl-stage { padding-left: 0px !important; } body.cms-index-index .column.main .home-recommendation .products-grid.grid .owl-stage-outer .owl-stage .owl-dots { bottom: 20px; } body.cms-index-index .column.main .home-recommendation .products-grid.grid .owl-stage-outer .owl-stage .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px; } body.cms-index-index .column.main .home-recommendation .products-grid.grid .owl-stage-outer .owl-stage .owl-dots .owl-dot.active { background: #004199; } body.cms-index-index .column.main .home-recommendation .products-grid.grid .product-item .product-item-info { padding: 4px; } body.cms-index-index #maincontent.page-main .banner-homepage { min-height: 200px; } body.cms-index-index #maincontent.page-main .banner-homepage .slider-loader .slider-loader-img { top: 25%; left: 50%; margin: -15px 0 0 -15px; } body.cms-index-index #maincontent.page-main .section-top-cats.cls { min-height: 500px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel { padding-top: 20px; padding-bottom: 10px; margin-bottom: 0px; min-height: 446px; height: auto; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .block-title { margin: 0 0 15px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls { display: block; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { width: 30px; height: 30px; border-radius: 20px; left: -12px !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-nav .owl-next { width: 30px; height: 30px; border-radius: 20px; right: -12px !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item { padding: 4px 4px; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .discount { margin-left: 0px !important; font-size: 10px !important; margin-top: 1px; display: inline-block; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .atome-product-price-divider { word-break: break-all; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .product-item-actions { line-height: 0; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box.price-final_price .price { font-size: 14px !important; } body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box.price-final_price .special-price .price { font-size: 14px !important; } body.cms-index-index #maincontent.page-main .brands-logo { padding: 0px 0 0px; } body.cms-index-index .catalog-link-mobile { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding-right: 10px; margin-top: 10px; } body.cms-index-index .catalog-link-mobile .catalog-link-item { position: relative; flex: 0 50%; padding: 0 0 5px 10px; height: calc(74%); min-height: 192px; } body.cms-index-index .catalog-link-mobile .catalog-link-item:nth-of-type(1n+5) { display: none; } body.cms-index-index .catalog-link-mobile .link-img img { padding: 0; } body.cms-index-index .catalog-link-mobile .link-img:after { width: calc(100% - 10px); height: calc(100% - 25px); } body.cms-index-index .catalog-link-mobile .link-img:hover:after { display: none; } body.cms-index-index .catalog-link-mobile .link-text { top: 75%; } body.cms-index-index .catalog-link-mobile .link-text span { font-size: 16px; } body.cms-index-index .insta-planetsports { margin: 0; padding: 0; } body.cms-index-index .insta-planetsports .fs-mobile.changed .fs-timeline { display: flex; flex-wrap: nowrap; overflow-x: auto; margin-bottom: 30px; } body.cms-index-index .insta-planetsports .fs-mobile.changed .fs-timeline .fs-entry-container { width: 45%; padding-top: 50%; float: unset; flex: 0 0 auto; } body.cms-index-index .single-youtube section.mxYouTubeR.mxYouTubeR_video.mxYouTubeR_theme_default { padding: 0 4%; } body.cms-index-index .single-youtube iframe { padding: 0 4%; width: 100%; } body.cms-index-index .playlist-youtube { width: 100%; overflow: hidden; } body.cms-index-index .playlist-youtube > h1 { margin-bottom: 10px; } body.cms-index-index .playlist-youtube > a { margin-bottom: 20px; display: block; text-align: center; text-transform: uppercase; font-size: 11px; } body.cms-index-index .playlist-youtube section.mxYouTubeR_playlist { overflow: hidden; max-width: 100%; width: 100%; } body.cms-index-index .playlist-youtube section.mxYouTubeR_playlist .mxyt-playlist { overflow-x: auto; padding-bottom: 25px; margin-bottom: -25px; } body.cms-index-index .playlist-youtube section.mxYouTubeR_playlist .mxyt-cols-sm .mxyt-col-3 { width: 33%; } body.cms-index-index .playlist-youtube section.mxYouTubeR_playlist .mxyt-row { width: 767px; } .column.main .custom-slider { padding-bottom: 0px; } .column.main .brands-logo > .custom-slider { padding-bottom: 10px; } #maincontent .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-prev { left: -20px !important; } #maincontent .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-next { right: -20px !important; } #maincontent .custom-products-carousel .product-item .price-box { margin: 10px 0; } .custom-products-carousel .products-grid .product-item .product-item-details { min-height: 156px !important; } .custom-products-carousel .products-grid .product-item .product-item-details .product-item-name a { text-transform: capitalize; font-weight: 500; } .custom-products-carousel .products-grid .product-item .product-item-details .price-box.price-final_price .price-container .price { color: #0a0a0a !important; font-weight: 600 !important; } .custom-products-carousel .products-grid .product-item .product-item-details .price-box.price-final_price .special-price { display: block !important; margin: 0 0px 0 0; } .custom-products-carousel .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price { color: #dd0019 !important; font-weight: 600 !important; } .custom-products-carousel .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price { color: #222222 !important; } .custom-products-carousel .products-grid .product-item .product-item-details .discount { margin-top: 10px; } .custom-products-carousel .block.widget.grid .block-title strong { font-size: 18px; } .custom-products-carousel .owl-carousel .owl-item { padding: 0; } } @media (max-width: 365px) { body.cms-index-index #maincontent.page-main .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .discount { font-size: 9px !important; } } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-ms-keyframes cc { from { -ms-transform: rotate(360deg); } to { -ms-transform: rotate(0deg); } } @-moz-keyframes cc { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } } @-webkit-keyframes cc { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } } @keyframes cc { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } /*css Youtube goes here*/ body.storepickup-index-index.store-view-default .page-header, body.storepickup-index-index.store-view-idn .page-header, body.storepickup-index-index.store-view-eng .page-header { margin-top: 0px; } body.storepickup-index-index.store-view-default .page-main .columns, body.storepickup-index-index.store-view-idn .page-main .columns, body.storepickup-index-index.store-view-eng .page-main .columns { max-width: 100% !important; width: 100% !important; padding: 0 15px !important; } body.storepickup-index-index.store-view-default .page-main .columns .column.main h2.title-page, body.storepickup-index-index.store-view-idn .page-main .columns .column.main h2.title-page, body.storepickup-index-index.store-view-eng .page-main .columns .column.main h2.title-page { background-color: #064394; } body.storepickup-index-index.store-view-default .page-main .columns .column.main .storepickup-wrapper .list-store-box h2, body.storepickup-index-index.store-view-idn .page-main .columns .column.main .storepickup-wrapper .list-store-box h2, body.storepickup-index-index.store-view-eng .page-main .columns .column.main .storepickup-wrapper .list-store-box h2 { background-color: #1979c3; } body.storepickup-index-index.store-view-default .page-main .columns .column.main .storepickup-wrapper .search-box .search-tab.active, body.storepickup-index-index.store-view-idn .page-main .columns .column.main .storepickup-wrapper .search-box .search-tab.active, body.storepickup-index-index.store-view-eng .page-main .columns .column.main .storepickup-wrapper .search-box .search-tab.active { background-color: #064394; } body.storepickup-index-index.store-view-default .page-main .columns .column.main .storepickup-wrapper .search-box .container-search .search-by-distance .slider-range-min, body.storepickup-index-index.store-view-idn .page-main .columns .column.main .storepickup-wrapper .search-box .container-search .search-by-distance .slider-range-min, body.storepickup-index-index.store-view-eng .page-main .columns .column.main .storepickup-wrapper .search-box .container-search .search-by-distance .slider-range-min { display: none; } body.storepickup-index-index.store-view-default .page-main .columns .column.main .storepickup-wrapper .list-store-box .list-store, body.storepickup-index-index.store-view-idn .page-main .columns .column.main .storepickup-wrapper .list-store-box .list-store, body.storepickup-index-index.store-view-eng .page-main .columns .column.main .storepickup-wrapper .list-store-box .list-store { height: auto; } body.storepickup-index-index.store-view-default .page-main .columns .column.main .storepickup-wrapper .boxes-content, body.storepickup-index-index.store-view-idn .page-main .columns .column.main .storepickup-wrapper .boxes-content, body.storepickup-index-index.store-view-eng .page-main .columns .column.main .storepickup-wrapper .boxes-content { clear: both; } body.storepickup-index-index.store-view-default .page-main .columns .column.main .storepickup-wrapper .boxes-content .map-box-container, body.storepickup-index-index.store-view-idn .page-main .columns .column.main .storepickup-wrapper .boxes-content .map-box-container, body.storepickup-index-index.store-view-eng .page-main .columns .column.main .storepickup-wrapper .boxes-content .map-box-container { float: none !important; width: 100%; padding: 0px; } body.storepickup-index-index.store-view-default .page-main .columns .column.main .storepickup-wrapper .boxes-content .map-box-container .googlemap, body.storepickup-index-index.store-view-idn .page-main .columns .column.main .storepickup-wrapper .boxes-content .map-box-container .googlemap, body.storepickup-index-index.store-view-eng .page-main .columns .column.main .storepickup-wrapper .boxes-content .map-box-container .googlemap { width: 100%; } body.storepickup-index-index.store-view-default .page-main .columns .column.main .storepickup-wrapper .boxes-content .list-store-box, body.storepickup-index-index.store-view-idn .page-main .columns .column.main .storepickup-wrapper .boxes-content .list-store-box, body.storepickup-index-index.store-view-eng .page-main .columns .column.main .storepickup-wrapper .boxes-content .list-store-box { float: none !important; width: 100%; } body.checkout-onepage-success .columns { text-align: center; } body.checkout-onepage-success .column.main { margin: 40px auto; } body.checkout-onepage-success .checkout-success { display: inline-block; border: 2px solid #ccc; /*border-radius: 5px;*/ padding: 20px; } body.checkout-onepage-success .checkout-success .actions-toolbar { text-align: center; } body.checkout-onepage-success .checkout-success .actions-toolbar .primary { float: none; } body.checkout-onepage-success .checkout-success p strong, body.checkout-onepage-success .checkout-success p span { color: #1063ba; font-size: 16px; } body.checkout-onepage-success .checkout-success .action.primary { /*border-radius: 5px;*/ } .checkout-index-index .container-fluid .ampromo-items-add { position: relative; top: 30px; border: 1px solid #ccc; } /* Atome CSS */ .atome-mask .atome-main .right .desc-container { margin-top: 46px; } .atome-mask .atome-main .right .close { cursor: pointer; height: 16px; margin: 0; padding: 0; pointer-events: auto; position: absolute; right: 18px; top: 18px; width: 16px; } .atome-mask .atome-main .right .desc { width: 220px; } .atome-mask .atome-main .right .desc .text { font-size: 14px; margin-top: 5px; } .atome-mask .atome-main .right .desc .text b { font-size: 18px; } .atome-mask .atome-main .right .terms-conditions { color: #006bb4; font-family: 'Patron', sans-serif; font-size: 12px; text-decoration: underline; position: absolute; bottom: 60px; margin-top: 20px; } .atome-mask .atome-main .right .how-it-works { background-color: #131f37; border-radius: 30px; color: #ffffff; font-family: 'Oswald', sans-serif; font-size: 14px; text-transform: uppercase; margin-top: 40px; } .atome-mask .atome-main .sub { border-radius: 10px; } .atome-mask .atome-love-it { font-size: 20px; font-weight: 600; margin-bottom: 5px; } .atome-mask .atome-no-wait { font-size: 14px; } @media only screen and (max-width: 768px) { body.onestepcheckout-index-index .col-mp { padding: 10px; } } @media only screen and (min-width: 768px) { .checkout-index-index .modal-popup .modal-footer .action.action-hide-popup { margin-top: 0px; font-size: 1.4rem; padding: 7px; border-radius: 20px; background-color: #003c8e; border-color: #003c8e; padding: 10px 40px !important; } .checkout-index-index .modal-popup .modal-footer .action.action-hide-popup:hover { text-decoration: none; } .checkout-index-index .modal-popup .modal-footer .action.action-save-address { padding: 9px; } .checkout-index-index .modal-popup .modal-footer .action.action-save-address span { font-size: 14px; text-transform: capitalize !important; line-height: 18px; } } @media only screen and (max-width: 767px) { body.onestepcheckout-index-index .page-wrapper .page-header .header.content { padding-bottom: 0px; } body.onestepcheckout-index-index .page-wrapper .page-header .header.content .logo { width: 80%; max-width: unset; } body.onestepcheckout-index-index .page-wrapper .page-header .header.content .logo img { width: 100%; } body.onestepcheckout-index-index .page-wrapper > .page-header { padding-bottom: 10px; } body.onestepcheckout-index-index .col-mp { padding: 0 5px; } body.onestepcheckout-index-index #co-shipping-method-form { padding: 0px; margin: 0px; background: none; } body.onestepcheckout-index-index .actions-toolbar { text-align: center; margin-bottom: 20px; } body.onestepcheckout-index-index #actions-button-checkout { padding-right: 0px; } body.onestepcheckout-index-index #actions-button-checkout button.primary { float: none; width: 100%; margin: 10px 0; } body.onestepcheckout-index-index .opc.one-step-checkout-container { display: flex; flex-direction: column; } body.onestepcheckout-index-index .opc.one-step-checkout-container > div:first-child { order: 2; } body.onestepcheckout-index-index .opc.one-step-checkout-container > div:last-child { order: 1; } body.onestepcheckout-index-index .opc-estimated-wrapper { background: #f8f8f8; border: 0; } body.onestepcheckout-index-index .page-wrapper .page-main .minicart-wrapper button.action.showcart { display: none; } body.onestepcheckout-index-index #actions-button-checkout button { margin: 10px auto; } body.onestepcheckout-index-index .page-wrapper .page-header.sticky { position: static; } body.onestepcheckout-index-index .checkout-payment-method .payment-methods { margin: 0; } body.onestepcheckout-index-index .checkout-payment-method .payment-option { margin: 0; } body.onestepcheckout-index-index .checkout-payment-method .payment-option._collapsible { max-height: 50px; } body.onestepcheckout-index-index .payment-grouping a._available { width: 24%; } .checkout-index-index .modal-popup .fieldset .field .control input[name="postcode"] { width: 50% !important; } .checkout-index-index .modal-popup .modal-footer .action.action-hide-popup { margin-top: 0px; width: 48%; font-size: 1.6rem; padding: 7px; border-radius: 20px; background-color: #003c8e; border-color: #003c8e; padding: 10px 40px !important; } .checkout-index-index .modal-popup .modal-footer .action.action-hide-popup:hover { text-decoration: none; } .checkout-index-index .modal-popup .modal-footer .action.action-save-address { width: 48%; padding: 9px; margin-left: 10px; } .checkout-index-index .modal-popup .modal-footer .action.action-save-address span { font-size: 14px; text-transform: capitalize !important; line-height: 18px; } .checkout-index-index .container-fluid .ampromo-items-add { top: 40px; } /* Atome Mobile CSS */ .theme-pearl.store-view-idn .atome-mask .atome-main .right .terms-conditions { bottom: 55px; } .atome-mask .atome-main .right { height: 99vh; width: 99vw; } .atome-mask .atome-main .right .terms-conditions { margin-top: 65px; } .atome-mask .atome-main .right .desc { flex-direction: column; height: auto; text-align: center; } .atome-mask .atome-main .right .desc img { height: auto; margin: 0 auto; width: auto; } .atome-mask .atome-main .right .desc .text { font-weight: 400; margin: 5px 0 auto; width: auto; } .atome-mask .atome-main .right .desc-container { margin-top: 0px; } .atome-mask .atome-main .right .how-it-works { width: 210px; position: absolute; bottom: 38px; margin-top: 0; z-index: 10; } .atome-mask .atome-main .atome-intro-logo { margin: 50px 0 20px 0; } .atome-mask .atome-love-it { font-size: 18px; } .atome-mask .atome-no-wait { font-size: 13px; font-weight: 400; } } div[name*="country_id"] .control { pointer-events: none; } div[name*="country_id"] .control select { background: #f8f8f8; } select[name*="country_id"] { pointer-events: none; background: #f8f8f8; } .header.content > .minicart-wrapper .block-minicart { background: #e5ecf3; } .header.content > .minicart-wrapper .block-minicart:after { border-color: transparent transparent #e5ecf3 transparent; } .header.content > .minicart-wrapper .block-minicart:before { border-color: transparent transparent #e5ecf3 transparent; } .header.content > .minicart-wrapper .block-minicart .amount.price-container { margin-top: 10px; } .header.content > .minicart-wrapper .counter.qty { background: #1d77ec; border-color: #1d77ec; border-radius: 50%; } .header.content > .minicart-wrapper .counter.qty .counter-number { color: #fff; } .header.content > .minicart-wrapper .minicart-items-wrapper { background: #fff; } .header.content > .minicart-wrapper .price-wrapper .price { color: #1063ba; } .header.content > .minicart-wrapper .details-qty.qty label.label { margin-right: 10px; } .header.content > .minicart-wrapper .action.showcart { color: #03214D; } .minicart-items .product-item-details .product-item-name a { color: #001B61; } .minicart-items .product-item-details .product-item-name a:hover { color: #001B61; } @media screen and (max-width: 767px) { .header.content .minicart-wrapper { margin-top: 0px; } .header.content .minicart-wrapper .action.showcart .counter.qty { background-color: #1d77ec; border-color: #1d77ec; min-width: 24px; line-height: 20px; } .header.content .minicart-wrapper .action.showcart .counter.qty .counter-number { color: #fff; } .header.content .minicart-wrapper .block-minicart .subtotal { text-align: left; padding-top: 20px; } .header.content .minicart-wrapper.active { width: 20px; } .minicart-desktop { display: none !important; } #minicart-content-wrapper.minicart-transition { display: none; } } @media screen and (min-width: 768px) { .minicart-desktop { display: block !important; } .block-minicart.desktop { display: block !important; width: 450px !important; } #minicart-content-wrapper { display: none; } } body.checkout-cart-index .ampromo-overlay { position: fixed; } body.checkout-cart-index .ampromo-items .close { background: url('../../frontend/Kemana/default/id_ID/images/fancybox_sprite.png') no-repeat center; } body.checkout-cart-index .ampromo-items h2 { letter-spacing: 0px; font-size: 24px; font-family: 'Roboto'; text-transform: capitalize; font-weight: 600; } body.checkout-cart-index .ampromo-items .ampromo-gallery .slick-arrow { border: 0; background-color: transparent; } body.checkout-cart-index .ampromo-items .ampromo-gallery .slick-arrow.slick-prev { background-color: transparent; background: url('../../frontend/Kemana/default/id_ID/images/leftarrow.svg') no-repeat center; } body.checkout-cart-index .ampromo-items .ampromo-gallery .slick-arrow.slick-next { background-color: transparent; background: url('../../frontend/Kemana/default/id_ID/images/rightarrow.svg') no-repeat center; } body.checkout-cart-index .ampromo-items .ampromo-gallery .slick-arrow:before { display: none; } body.checkout-cart-index .ampromo-items .ampromo-gallery .slick-dots li { width: 12px; height: 12px; } body.checkout-cart-index .ampromo-items .ampromo-gallery .slick-dots li button { border-radius: 12px !important; width: 12px; height: 12px; border: 1px solid #064394 !important; background-color: transparent !important; } body.checkout-cart-index .ampromo-items .ampromo-gallery .slick-dots li.slick-active button { border: 1px solid #064394 !important; background-color: #064394 !important; } body.checkout-cart-index .ampromo-items .ampromo-gallery .ampromo-item { border: 1px solid #ccc; min-height: 366px; } body.checkout-cart-index .product-item-details .product-item-name { text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 700; } body.checkout-cart-index .page-title { padding-left: 20px; } body.checkout-cart-index .cart-discount { padding-left: 20px; } body.checkout-cart-index .action.apply-aw-giftcard.primary, body.checkout-cart-index .action.apply.primary, body.checkout-cart-index .action.apply-aw-giftcard.primary:hover, body.checkout-cart-index .action.apply.primary:hover { box-shadow: none !important; /*border-radius: 0 5px 5px 0;*/ border: none; } body.checkout-cart-index .action.apply-aw-giftcard.primary span, body.checkout-cart-index .action.apply.primary span, body.checkout-cart-index .action.apply-aw-giftcard.primary:hover span, body.checkout-cart-index .action.apply.primary:hover span { font-size: 14px; line-height: 16px; text-transform: uppercase; } body.checkout-cart-index .action.apply.primary, body.checkout-cart-index .action.apply.primary:hover { border-bottom: 1px solid #1063ba; } body.checkout-cart-index .block .block-content .products-grid button.action.check-aw-giftcard, body.checkout-cart-index button.action.check-aw-giftcard { background: none; border: 0; padding: 0px; text-decoration: underline; opacity: 0.4; padding-bottom: 20px; } body.checkout-cart-index .block .block-content .products-grid button.action.check-aw-giftcard:hover, body.checkout-cart-index button.action.check-aw-giftcard:hover { opacity: 1; } body.checkout-cart-index .block .block-content .products-grid button.action.check-aw-giftcard:hover span, body.checkout-cart-index button.action.check-aw-giftcard:hover span { color: #000 !important; font-size: 14px; text-decoration: underline; } body.checkout-cart-index .block .block-content .products-grid button.action.check-aw-giftcard span, body.checkout-cart-index button.action.check-aw-giftcard span { color: #000 !important; font-size: 14px; } body.checkout-cart-index input.mage-error, body.checkout-cart-index select.mage-error, body.checkout-cart-index textarea.mage-error { border-color: #1e75e7; } body.checkout-cart-index div.mage-error[generated] { color: #1e75e7; } body.checkout-cart-index #shopping-cart-table thead > tr { background: #f8f8f8; } body.checkout-cart-index #shopping-cart-table thead > tr th.col { border-color: #ccc; } body.checkout-cart-index #shopping-cart-table thead > tr th.col span { text-transform: uppercase; } body.checkout-cart-index #shopping-cart-table tbody { border-color: #ccc; } body.checkout-cart-index .cart-summary { background: #f8f8f8; } body.checkout-cart-index #block-aw-giftcard-heading { color: #000; } body.checkout-cart-index .action.update span { font-size: 14px; text-transform: uppercase; } body.checkout-cart-index .cart-empty { padding-left: 35px; } body.checkout-cart-index .cart-empty a { color: #1063ba; } body.checkout-cart-index .oms_form { display: none; } body.checkout-cart-index .empatkali-msg .empatkali-pop-link { vertical-align: super; margin-left: 5px; color: #003c8e; cursor: pointer; } body.checkout-cart-index .empatkali-content { display: none; } body.checkout-cart-index .empatkali-modal._show .empatkali-content { display: block; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap { width: 55%; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-title h2 { text-transform: capitalize; font-weight: 600; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-title p { margin-bottom: 0px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-flex-column { display: flex; flex-direction: row; text-align: center; margin-top: 20px; padding-top: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-flex-column .column { width: 33%; padding: 15px 25px; text-align: center; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-flex-column .column img { width: 110px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-flex-column .column h2 { text-transform: capitalize; font-weight: 800; font-size: 21px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-registration h3 { text-transform: capitalize; font-size: 18px; font-weight: 600; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-registration ul { padding-left: 20px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-other-provisions h3 { text-transform: capitalize; font-size: 18px; font-weight: 600; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-other-provisions ul { padding-left: 20px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-transaction-method h3 { text-transform: capitalize; font-size: 18px; font-weight: 600; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-transaction-method ul { padding-left: 20px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content { display: flex; justify-content: space-between; margin-top: 30px; border-top: 1px solid #ccc; padding-top: 20px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content .empt-qk-logo img { width: 200px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content .app-store { display: flex; margin-top: 10px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content .app-store .google-store img { width: 130px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content .app-store .apple-store { margin-left: 15px; } body.checkout-cart-index .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content .app-store .apple-store img { width: 130px; } .cart-totals .table.totals { margin-bottom: 5px; } .theme-pearl .modal-custom .action-close, .theme-pearl .modal-popup .action-close, .theme-pearl .modal-slide .action-close { z-index: 1; } body.checkout-index-index .see-detail-modal.modal-popup .modal-inner-wrap .modal-header { padding-top: 0; } .modal-popup.see-detail-modal .modal-header { padding-top: 0; } .see-detail-modal .modal-content { background-color: transparent; } .see-detail-modal .modal-custom .action-close, .see-detail-modal .modal-popup .action-close, .see-detail-modal .modal-slide .action-close { z-index: 1; } #block-discount-heading { padding-right: 5px; font-weight: 600; } span.cart-help { position: relative; } span.cart-help #click-me, span.cart-help #cart-popup-msg { font-size: 0px; padding: 15px 14px; position: absolute; top: -6px; } span.cart-help:before { content: "\003F"; position: absolute; top: -2px; border: 2.6px solid #bababa; width: 17px; height: 17px; border-radius: 50%; text-align: center; font-size: 13px; color: #bababa; font-weight: 700; } span.cart-help:hover span.tooltiptext { visibility: visible; opacity: 1; } .coupon-code-label { padding-bottom: 10px; } .coupon-code-label span.main-tooltip { display: none; } .coupon-code-label .tooltiptext { visibility: hidden; width: 120px; background-color: #e5ecf4; color: #555; border: 0px solid #dadada; text-align: center; border-radius: 0px; padding: 5px 0; position: absolute; z-index: 1; bottom: 118%; left: 44%; opacity: 0; transition: opacity 0.3s; font-size: 12px; font-weight: 100; height: fit-content; word-wrap: break-word; padding: 10px; width: 200px; text-align: left; } .coupon-code-label .tooltiptext:after { content: ""; position: absolute; top: 100%; left: 49%; border-width: 10px; border-style: solid; border-color: #e5ecf4 transparent transparent transparent; } .coupon-code-label .label-promo { font-weight: 600; padding-right: 5px; } .checkout-cart-index .page-main .page-title-wrapper .page-title .cart-title-count { color: #CCCCCC; } .block.discount .total { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0px; margin-top: 10px; } .block.discount .grandtot-title { color: #222222; font-family: Roboto; font-size: 16px; letter-spacing: 0; line-height: 19px; text-transform: uppercase; } .block.discount .amount { color: #222222; font-family: Roboto; font-size: 16px; letter-spacing: 0; line-height: 19px; text-align: right; float: right; } .block.discount .amount .price { font-weight: 700; text-transform: uppercase; } .totals.customship th.mark { border-top: 0; padding: 0 0 14px !important; color: #222; font-family: 'Roboto', medium; font-size: 14px; letter-spacing: 0; line-height: 20px; } .totals.customship th.mark span.label { font-weight: 500; text-transform: uppercase; } .totals.customship td.amount { border-top: 0; padding: 0 0 14px; text-align: right; } .total-message { padding-bottom: 10px; } #cart-totals .table-wrapper tr.grand.totals td.amount, #cart-totals .table-wrapper tr.grand.totals th.mark { padding: 0; } .cart-title-count { padding-left: 5px; } .atome-note { font-size: 14px; float: left; width: 100%; padding-bottom: 5px; } .more-info { padding-left: 10px; color: #003C8E; font-size: 12px; font-weight: 500; position: relative; } .more-info:hover { color: #003C8E; } .more-info:before { content: ""; left: 0; width: 100%; bottom: 3px; background: #003C8E; } .see-detail-modal.modal-popup._inner-scroll .modal-inner-wrap { max-width: 630px; border-radius: 10px; } .cart-msgmain h3 { font-size: 28px; font-family: 'Oswald', sans-serif; margin-bottom: 30px; } .cart-msgmain ol { list-style-type: disc; padding-left: 20px; font-size: 14px; padding-right: 40px; } .cart-msgmain ol li { margin-bottom: 20px; } .checkout-cart-index .cart-summary .block .content .fieldset.coupon .actions-toolbar button.action.apply.primary { height: 40px; } .checkout-cart-index .cart-summary .block .content .fieldset.coupon .field .label span.main-tooltip:before { content: "\003F"; position: absolute; top: -2px; right: 80px; border: 2.6px solid #bababa; width: 17px; height: 17px; border-radius: 50%; text-align: center; font-size: 13px; color: #bababa; font-weight: 700; } .checkout-cart-index .cart-summary .block .content .fieldset.coupon .field .label span.main-tooltip:hover span.tooltiptext { visibility: visible; opacity: 1; } .checkout-cart-index .cart-summary .block .content .fieldset.coupon .field .label .tooltiptext { visibility: hidden; width: 120px; background-color: #e5ecf4; color: #555; border: 0px solid #dadada; text-align: center; border-radius: 0px; padding: 5px 0; position: absolute; z-index: 1; bottom: 118%; left: 44%; opacity: 0; transition: opacity 0.3s; font-size: 12px; font-weight: 100; height: fit-content; word-wrap: break-word; padding: 10px; width: 200px; text-align: left; } .checkout-cart-index .cart-summary .block .content .fieldset.coupon .field .label .tooltiptext:after { content: ""; position: absolute; top: 100%; left: 49%; border-width: 10px; border-style: solid; border-color: #e5ecf4 transparent transparent transparent; } @media only screen and (max-width: 940px) and (min-width: 768px) { body.checkout-cart-index .cart.item .product-item-photo { width: 150px !important; display: inline-block; margin-bottom: 10px; } body.checkout-cart-index .cart-discount #block-discount, body.checkout-cart-index .cart-discount #block-aw-giftcard { display: block; width: 100%; max-width: 400px; float: none; margin-bottom: 20px; } body.checkout-cart-index .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap { width: 90%; } } @media only screen and (min-width: 768px) { body.checkout-cart-index .form.form-cart { padding-right: 2%; padding-left: 20px; } body.checkout-cart-index .cart.item .product-item-photo { padding-left: 20px; } body.checkout-cart-index .cart.table-wrapper .cart thead tr th.col.item { text-align: center; } body.checkout-cart-index .cart-discount { padding-right: 2%; } } @media only screen and (max-width: 767px) { .checkout-cart-index .cart-summary .block .content .fieldset.coupon .field .label span.main-tooltip:before { right: 56px; } body.checkout-cart-index .ampromo-items { padding-bottom: 40px; } body.checkout-cart-index .ampromo-items .ampromo-gallery .slick-dots { bottom: -25px; } body.checkout-cart-index .ampromo-items .ampromo-gallery .slick-dots li { width: 12px; height: 12px; } body.checkout-cart-index .page-wrapper .page-main .page-title-wrapper .page-title { font-size: 2.4rem; } body.checkout-cart-index .page-wrapper .page-main .columns .column { padding-bottom: 15px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container { display: flex; flex-direction: column; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart { order: 1; margin-left: 15px; margin-right: 15px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper { border-top: 0px solid #cccccc; border-bottom: unset; border-right: unset; border-left: unset; margin-bottom: 0px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info { display: flex; flex-direction: column; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .item { position: relative; padding: 1px 0; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .item .product-item-photo { position: initial; width: 30%; float: left; max-width: unset; padding-right: 10px; padding-top: 20px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .item .product-item-photo .product-image-container { max-width: 100%; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .item .product-item-details { width: 68%; float: left; padding-top: 20px; font-size: 1.2rem; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .item .product-item-details .product-item-name { font-size: 1.2rem; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .item .product-item-details .item-options { margin-top: 15px; margin-bottom: 12px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .item .product-item-details .item-options dt { margin-right: 5px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.price { margin-left: 27%; margin-top: -56px; font-size: 1.2rem; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.price:before { float: left; margin-right: 40px; width: 50%; text-align: left; color: #001B61; font-weight: 600; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.price .price-excluding-tax { font-size: 1.2rem; text-align: left; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.price .price-excluding-tax .cart-price .price { display: inline-block; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.price .price-excluding-tax .cart-old-price { display: block; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.qty { margin-left: 27%; margin-top: -40px; padding-bottom: 0px !important; font-size: 1.2rem; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.qty:before { float: left; margin-right: 40px; width: 50%; text-align: left; color: #001B61; font-weight: 600; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.qty .field.qty .qty-wrapper { margin-top: 0px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.qty .field.qty .qty-wrapper .input-text { height: 25px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.subtotal { margin-left: 27%; margin-top: -40px; padding-bottom: 30px; font-size: 1.2rem; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.subtotal:before { float: left; margin-right: 45px; width: 50%; text-align: left; color: #001B61; font-weight: 600; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col.subtotal span { font-size: 1.2rem; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary { order: 2; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .summary { display: block; text-align: left; padding-bottom: 20px; margin-right: 15px; margin-left: 15px; margin-bottom: 0; margin-top: 20px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .block.shipping { padding: 0 15px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .block.shipping.active .content { border-top: unset; padding-top: unset; border-bottom: 1px solid #ccc; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .block.shipping .title { display: flex !important; justify-content: space-between; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; border-top: unset; padding-left: 0; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .block.shipping .title:after { margin-top: 6px; right: 0; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .block.shipping .title strong { margin-top: 10px; margin-bottom: 10px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .cart-totals { margin: 0 15px; padding-left: 0; padding-right: 0; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .cart-totals .table-wrapper .data.table.totals { margin-bottom: 0; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .checkout-methods-items { margin-top: 10px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .block.discount .content .actions-toolbar { margin-bottom: 16px; right: 0; position: relative; top: 0; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .cart-summary .block .content .fieldset.coupon { display: block; } body.checkout-cart-index .empatkali-msg { padding-left: 15px; padding-right: 15px; } body.checkout-cart-index .empatkali-modal.modal-popup.modal-slide._inner-scroll { left: 0px !important; } body.checkout-cart-index .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap { width: 100%; } body.checkout-cart-index .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap .empatkali-content { padding-left: 5px; padding-right: 5px; } body.checkout-cart-index .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap .empatkali-content .empatkali-popup-container .pdp-flex-column { flex-direction: column !important; } body.checkout-cart-index .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap .empatkali-content .empatkali-popup-container .pdp-flex-column .column { width: 100% !important; } body.checkout-cart-index .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap .empatkali-content .empatkali-popup-container .emp-pdp-footer-content { flex-direction: column; text-align: center; } body.checkout-cart-index .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap .empatkali-content .empatkali-popup-container .emp-pdp-footer-content .app-store { justify-content: center; } .column.main .ampromo-items-add { width: 90% !important; } .checkout-cart-index .modal-popup.modal-slide { left: 0; right: 0; max-width: 90%; margin: 0 auto; top: 110px; } .checkout-cart-index .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #fff; } .checkout-cart-index .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { height: auto; min-height: auto; } .checkout-cart-index .cart-msgmain ol { padding-right: 0; } } @media only screen and (max-width: 767px) { .block.discount .total { padding: 15px 20px; } } /*Confirm Payment & Track Order*/ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border: 0; margin: 0; outline: none; padding: 0; vertical-align: top; } .fancybox-wrap { left: 0; position: absolute; top: 0; z-index: 8020; } .fancybox-skin { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #f9f9f9; border-radius: 4px; color: #444444; position: relative; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-outer { position: relative; } .fancybox-inner { overflow: hidden; position: relative; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image { display: block; height: 100%; max-height: 100%; max-width: 100%; width: 100%; } .fancybox-iframe { display: block; height: 100%; width: 100%; } #fancybox-loading { background-image: url('../../frontend/Kemana/default/id_ID/css/fancybox_sprite.png'); background-position: 0 -108px; cursor: pointer; left: 50%; margin-left: -22px; margin-top: -22px; opacity: 0.8; position: fixed; top: 50%; z-index: 8060; } #fancybox-loading div { background: url('../../frontend/Kemana/default/id_ID/css/fancybox_loading.gif') center center no-repeat; height: 44px; width: 44px; } .fancybox-close { background-image: url('../../frontend/Kemana/default/id_ID/images/fancybox_sprite.png'); cursor: pointer; height: 36px; position: absolute; right: 0px; top: 5px; width: 36px; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-prev span { background-image: url('../../frontend/Kemana/default/id_ID/css/fancybox_sprite.png'); background-position: 0 -36px; left: 10px; } .fancybox-next { right: 0; } .fancybox-next span { background-image: url('../../frontend/Kemana/default/id_ID/css/fancybox_sprite.png'); background-position: 0 -72px; right: 10px; } .fancybox-nav { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: transparent url('../../frontend/Kemana/default/id_ID/css/blank.gif'); cursor: pointer; height: 100%; position: absolute; text-decoration: none; top: 0; width: 40%; z-index: 8040; } .fancybox-nav span { cursor: pointer; height: 34px; margin-top: -18px; position: absolute; top: 50%; visibility: hidden; width: 36px; z-index: 8040; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { left: -99999px; max-height: 99999px; max-width: 99999px; overflow: visible !important; position: absolute; top: -99999px; visibility: hidden; } .fancybox-lock { overflow: hidden !important; width: 100%; position: fixed; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock .fancybox-overlay { overflow-y: scroll; overflow: auto; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { background: rgba(20, 20, 20, 0.62); display: none; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 8010; } .fancybox-overlay-fixed { bottom: 0; position: fixed; right: 0; } .fancybox-title { font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; visibility: hidden; z-index: 8050; } .fancybox-title-float-wrap { bottom: 0; margin-bottom: -35px; position: absolute; right: 50%; text-align: center; z-index: 8050; } .fancybox-title-float-wrap .child { -moz-border-radius: 15px; -webkit-border-radius: 15px; background: rgba(0, 0, 0, 0.8); background: transparent; border-radius: 15px; color: #ffffff; display: inline-block; font-weight: bold; line-height: 24px; margin-right: -100%; padding: 2px 20px; text-shadow: 0 1px 2px #222222; white-space: nowrap; } .fancybox-title-outside-wrap { color: #ffffff; margin-top: 10px; position: relative; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { background: #000000; background: rgba(0, 0, 0, 0.8); bottom: 0; color: #ffffff; left: 0; padding: 10px; position: absolute; } body.checkout-onepage-success .page-wrapper .page-main { padding-top: 76px; } body.checkout-onepage-success .page-wrapper .page-main .page-title-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body.checkout-onepage-success .page-wrapper .page-main .page-title-wrapper:before { content: url('../../frontend/Kemana/default/id_ID/images/Vector-Smart-Object.png'); } body.checkout-onepage-success .page-wrapper .page-main .page-title-wrapper .page-title { margin-bottom: 0px; margin-top: 31px; font-size: 31px; } body.checkout-onepage-success .page-wrapper .page-main .page-title-wrapper .print { margin-top: 0px; display: none; } body.checkout-onepage-success .page-wrapper .page-main .columns .column { margin-top: 0px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .action.primary { margin-top: 15px; padding: 12px 60px; text-transform: uppercase; max-width: 300px; width: 100%; background: #fff; color: #064394; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .action.primary span { color: #064394; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .action.primary:hover span { color: #064394; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success { border: none; padding-top: 12px; max-width: 700px; margin: 0 auto; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p { font-weight: 600; font-size: 16px; margin-bottom: 0px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p.success-faq span { color: #303030; font-weight: 500; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p.success-faq a { color: #1063ba; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p.success-faq a:hover { text-decoration: underline; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar .primary { margin-top: 20px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar .primary .action.primary.continue { background-color: #064394; padding: 12px 60px; text-transform: uppercase; max-width: 300px; width: 100%; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar .primary .action.primary.continue span { color: #ffffff; font-weight: 600; font-size: 14px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar .primary .action.primary.continue:hover { background-color: #fff; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar .primary .action.primary.continue:hover span { color: #064394; } body.checkout-onepage-success .page-wrapper .page-main .columns .column #registration p { font-weight: 600; font-size: 16px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column #registration form { margin-top: 20px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column #registration form .action.primary { padding: 20px 60px; text-transform: uppercase; font-weight: 600; max-width: 310px; width: 100%; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper { padding-top: 20px; padding-bottom: 20px; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success { display: flex; border-bottom: 1px solid #ccc; align-items: center; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success:first-child { border-top: 1px solid #ccc; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .column-success { flex: 50%; padding: 15px 0; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .column-success p span.price { color: #303030; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .success-left-align { text-align: left; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .success-left-align p { font-weight: 500 !important; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .success-left-align.custom-bold p { font-weight: bold !important; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .success-right-align { text-align: right; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .success-right-align p { text-align: right; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .success-right-align .success-payment-code { font-size: 24px; font-weight: 600; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .success-right-align .btn-success-payment { background: none; padding: 0; border: 0; color: #1063ba; margin-left: 5px; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .success-right-align.order-num p { color: #1063ba; } @media only screen and (max-width: 767px) { body.checkout-onepage-success .page-wrapper .page-main .page-title-wrapper:before { content: url('../../frontend/Kemana/default/id_ID/images/Vector-Smart-Object-90x90.png'); } body.checkout-onepage-success .page-wrapper .page-main .page-title-wrapper .page-title { font-size: 18px; text-align: center; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success { padding: 0; padding-top: 12px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p { font-size: 1.3rem; text-align: left; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p.success-faq { font-size: 1.3rem; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p a strong { font-size: 1.3rem; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p.success-faq span { font-size: 14px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar .primary .action.primary.continue { padding: 12px 40px; max-width: 100%; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .success-sub-content { text-align: center; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .row-success .column-success p span.price { font-size: 1.3rem; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .row-success .column-success.success-right-align p { text-align: right !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .row-success .column-success.success-right-align .success-payment-code { font-size: 17px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .action.primary { max-width: 100%; } body.checkout-onepage-success .page-wrapper .page-main .columns .column #registration { border-top: 1px solid #dadada; } body.checkout-onepage-success .page-wrapper .page-main .columns .column #registration form .action.primary { max-width: 310px; padding: 15px 60px; } } body.customer-account-forgotpassword .page-wrapper .page-main .page-title-wrapper, body.customer-account-logoutsuccess .page-wrapper .page-main .page-title-wrapper, body.customer-account-confirmation .page-wrapper .page-main .page-title-wrapper { text-align: center; } body.customer-account-forgotpassword .page-wrapper .page-main .page-title-wrapper .page-title, body.customer-account-logoutsuccess .page-wrapper .page-main .page-title-wrapper .page-title, body.customer-account-confirmation .page-wrapper .page-main .page-title-wrapper .page-title { font-size: 1.8rem; color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; margin: 0; padding: 0; text-align: center; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main { padding-bottom: 0px; min-height: 176px; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget, body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation { min-width: unset; width: 100%; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset, body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset { margin-bottom: 30px; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.note, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.note, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.note, body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.note, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.note, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.note { font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 16px; margin-top: 10px; border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; padding-bottom: 12px; text-align: center; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset:after, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset:after, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset:after, body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset:after, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset:after, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset:after { display: none; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.email, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.email, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.email, body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.email, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.email, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.email { max-width: 425px; margin: 0 auto; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.email input[type="email"], body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.email input[type="email"], body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.email input[type="email"], body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.email input[type="email"], body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.email input[type="email"], body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.email input[type="email"] { border: 1px solid #CCCCCC; border-radius: 5px; background-color: #FFFFFF; height: 40px; font-family: 'Roboto', sans-serif; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.email label.label, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.email label.label, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget .fieldset .field.email label.label, body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.email label.label, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.email label.label, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation .fieldset .field.email label.label { color: #999999; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 14px; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar, body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar { text-align: center; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar .primary, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar .primary, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar .primary, body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar .primary, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar .primary, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar .primary { padding-bottom: 40px; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar .primary .action, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar .primary .action, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar .primary .action, body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar .primary .action, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar .primary .action, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar .primary .action { width: 214px; height: 40px; border-radius: 20px !important; background-color: #003C8E; margin: 0px auto; color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; text-align: center; padding: 0; } body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar .primary .action span, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar .primary .action span, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.password.forget .actions-toolbar .primary .action span, body.customer-account-forgotpassword .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar .primary .action span, body.customer-account-logoutsuccess .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar .primary .action span, body.customer-account-confirmation .page-wrapper .page-main .columns .column.main .form.send.confirmation .actions-toolbar .primary .action span { font-size: 14px; } body.trackorder-track-index .page-wrapper .page-main { width: 45%; border: 1px solid #bababa; margin: 25px auto 30px auto; padding: 25px; } body.trackorder-track-index .page-wrapper .page-main .page-title-wrapper .page-title { border-bottom: 1px solid #bababa; width: 100%; font-weight: 900; font-family: 'Roboto', sans-serif; font-size: 2rem; } body.trackorder-track-index .page-wrapper .page-main .columns .column.main { padding-bottom: 0px; min-height: 176px; } body.trackorder-track-index .page-wrapper .page-main .columns .column.main .track-order-wrapper form#trackorderSearchForm { width: 100%; } body.trackorder-track-index .page-wrapper .page-main .columns .column.main .track-order-wrapper form#trackorderSearchForm .fieldset { margin-bottom: 30px; } body.trackorder-track-index .page-wrapper .page-main .columns .column.main .track-order-wrapper form#trackorderSearchForm .fieldset:after { display: none; } body.trackorder-track-index .page-wrapper .page-main .columns .column.main .track-order-wrapper form#trackorderSearchForm .actions-toolbar .primary { display: block; width: 100%; } body.trackorder-track-index .page-wrapper .page-main .columns .column.main .track-order-wrapper form#trackorderSearchForm .actions-toolbar .primary .action { width: 100%; padding: 10px 19px; } #search_mini_form .search .control .search-autocomplete { background-color: #ffffff; padding: 15px; -webkit-box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.65); box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.65); display: none !important; } #search_mini_form .search .control .search-autocomplete dl dt { border: 0; display: none; } #search_mini_form .search .control .search-autocomplete dl dd { border: 0; font-size: 15px; font-weight: 600; } #search_mini_form .search .control .search-autocomplete dl dd:hover { background: #eeeeee; } #search_mini_form .search .control .search-autocomplete li { padding: 5px 0; } #search_mini_form .search .control .search-autocomplete li span { font-size: 1.2rem; padding-right: 10px; cursor: pointer; font-weight: 900; } .block-search input:not([disabled]):focus { outline: none !important; } /*End Common css*/ #maincontent .custom-no-route { max-width: 1350px; margin: 0 auto; padding: 0 15px; } #maincontent .custom-no-route .img-noroute { text-align: center; width: 113.01px; height: 107.55px; margin: auto; margin-top: 50px; margin-bottom: 50px; } #maincontent .custom-no-route .heading-noroute { text-align: center; font-size: 32px; font-weight: bold; line-height: 37.5px; padding-bottom: 4px; } #maincontent .custom-no-route .desc-noroute { text-align: center; font-size: 16px; line-height: 23px; margin-bottom: 4px; } #maincontent .custom-no-route .primary { text-align: center; } #maincontent .custom-no-route .primary button.primary.action { width: auto; line-height: normal !important; margin-top: 16px; background-color: #064394 !important; border-color: #064394; } #maincontent .custom-no-route .primary button.primary.action:hover { background-color: #fff !important; border-color: #064394; color: #064394 !important; } #maincontent .custom-no-route .recomendation-slider-homepage { margin-top: 30px; } #maincontent .custom-no-route .recomendation-slider-homepage .slider-header { font-size: 24px; font-weight: 700; padding-left: 10px; padding-bottom: 15px; display: block; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item { border: 1px solid transparent !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .sale-label { width: 70px; top: 10px; right: 10px; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item:hover { border: 1px solid #adadad !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .product-item-info .product-item-details .product-brand { margin-top: 20px; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .product-item-info .product-item-details .price-final_price .price-container .price-wrapper .price { font-size: 14px !important; color: #222 !important; font-weight: 600; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .product-item-info .product-item-details .price-box { margin: 0 !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .product-item-info .product-item-details .price-wrapper-container { display: inline-block; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .product-item-info .product-item-details .price-wrapper-container .price { color: #0a0a0a !important; font-weight: 500; font-size: 14px !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .product-item-info .product-item-details .price-wrapper-container .old-price { float: right; margin: 0px !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .product-item-info .product-item-details .price-wrapper-container .old-price .price-container .price { font-weight: 400; font-size: 14px !important; color: #999 !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .product-item-info .product-item-details .price-wrapper-container .special-price { display: block; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .product-item-info .product-item-details .price-wrapper-container .special-price .price-container .price { color: #dd0019 !important; font-size: 14px !important; font-weight: 600; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item .product-item-info .product-item-details .discount { display: inline-block; font-size: 14px; font-weight: 600; margin-left: 2px; font-family: 'Mulish', sans-serif; vertical-align: top; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item-name { text-align: left !important; padding-top: 2px; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item-name a.product-item-link { color: #000 !important; display: block; text-align: unset; line-height: 20px; max-height: 42px; min-height: 42px; overflow: hidden; text-align: left !important; font-weight: 400; text-transform: capitalize; color: #001b61 !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item-details { min-height: 150px; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item-details .product-item-actions .actions-secondary .action.towishlist { visibility: visible; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .product-item-details .product-item-actions .actions-secondary .action.towishlist:before { height: 17px !important; width: 17px !important; content: ''; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .owl-stage-outer .owl-stage { padding-left: 0px !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .owl-controls .owl-nav .owl-next, #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .owl-controls .owl-nav .owl-prev { width: 35px; height: 35px; top: 50% !important; transform: translateY(-50%); } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .owl-controls .owl-nav .owl-next { background: url('../../frontend/Kemana/default/id_ID/images/rightarrow.svg') no-repeat center !important; right: -5px !important; background-size: 100% !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .owl-controls .owl-nav .owl-prev { background: url('../../frontend/Kemana/default/id_ID/images/leftarrow.svg') no-repeat center !important; left: -20px !important; background-size: 100% !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .owl-controls .owl-dots .owl-dot:nth-child(3) { display: none !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .owl-controls .owl-dots .owl-dot:hover span { background: #003c8e !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .owl-controls .owl-dots .owl-dot.active span { background: #003c8e !important; } #maincontent .custom-no-route .recomendation-slider-homepage .widget.block-products-list .product-items .owl-thumbs { display: none !important; } #search_mini_form #searchSuggestions #topProducts { display: block !important; } .page-wrapper .page-header-v1 .page-header .header-main .h-search { position: inherit; } .page-header-v1 .page-header .header-main .h-search .block-search { position: inherit; } .page-header-v1 .page-header .header-main .container { position: relative; } .form.minisearch .actions { display: inline-flex; margin-left: auto; text-align: right; float: left; margin-top: -42px; } .page-header-v1 .page-header .header-main .h-search .block-search .action.search { position: relative; } .block-search #search_mini_form #searchSuggestions { top: 0px; left: 50%; transform: translateX(-50%); width: fit-content; min-width: 100%; } .block-search #searchSuggestions #suggestionsContainer { margin: 10px 0; background-color: #fff; border-radius: 20px; padding: 15px; } .block-search #searchSuggestions #suggestionsContainer #qb-container { flex: 0 0 27%; margin-left: 10px; border-right: 1px solid #ccc; padding-right: 10px; } .block-search #searchSuggestions #suggestionsContainer #qb-container #topQueries { max-width: 100%; padding: 10px 10px 20px; background-color: #fff; border-right: 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; margin-right: 10px; } .block-search #searchSuggestions #suggestionsContainer #qb-container #topQueries .ac-queries-title { font-size: 14px; text-align: left; padding: 5px; font-weight: bold; font-style: normal; color: #001b61; display: block; text-transform: uppercase; } .block-search #searchSuggestions #suggestionsContainer #qb-container #topQueries #queryList .ac-query a { font-size: 14px; color: #222; font-weight: 500; font-family: 'roboto', sans-serif; } .block-search #searchSuggestions #suggestionsContainer #qb-container #topCategories .ac-categories-title { font-size: 14px; text-align: left; padding: 5px; font-weight: bold; font-style: normal; color: #001b61; display: block; text-transform: uppercase; } .block-search #searchSuggestions #suggestionsContainer #qb-container #topCategories #categoryList { margin-top: 20px; margin-bottom: 30px; } .block-search #searchSuggestions #suggestionsContainer #qb-container #topCategories #categoryList .ac-query a { font-size: 14px; color: #222; font-weight: 500; font-family: 'roboto', sans-serif; padding: 5px 5px; } .block-search #searchSuggestions #suggestionsContainer #qb-container .viewall { position: absolute; bottom: 0; margin: 10px 5px; } .block-search #searchSuggestions #suggestionsContainer #qb-container .viewall span { font-size: 14px; color: #001b61; text-transform: capitalize; font-weight: 600; } .block-search #searchSuggestions #suggestionsContainer #pb-container { flex: 0 0 72%; background: #fff; padding: 20px; border-radius: 20px; } .block-search #searchSuggestions #suggestionsContainer #pb-container #topProducts { text-align: left; } .block-search #searchSuggestions #suggestionsContainer #pb-container #topProducts .ac-title { font-size: 15px; text-align: left; padding: 5px; font-weight: bold; font-style: normal; color: #001b61; display: block; text-transform: capitalize; } .block-search #searchSuggestions #suggestionsContainer #pb-container #productsList li.ac-product { max-width: 33%; flex: 0 0 33%; } .block-search #searchSuggestions #suggestionsContainer #pb-container #productsList li.ac-product .ac-prod-details a .ac-prod-title { color: #001b61; text-transform: capitalize; max-height: 40px; overflow: hidden; } .block-search #searchSuggestions #suggestionsContainer { border: 1px solid #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19); border-top: 0; top: 0; max-width: 1000px; width: 100%; } form.minisearch #searchSuggestions #suggestionsContainer #innerContainer { flex-direction: row-reverse; margin-top: 30px; flex: 0 0 100%; width: 100%; padding: 0 15px 15px 15px; margin: 0; flex-wrap: nowrap; } form.minisearch #searchSuggestions #topQueries ul .ac-query:hover a { text-decoration: underline; background-color: transparent; } #searchSuggestions #suggestionsContainer #topQueries { border-right: 1px solid #ccc; margin: 0; padding: 50px 20px 20px; flex: 0 0 20%; max-width: 20%; } #searchSuggestions #suggestionsContainer #queryList { margin-top: 20px; } .block-search #search_mini_form #searchSuggestions #suggestionsContainer #innerContainer #topProducts { min-width: auto; flex: 0 0 80%; max-width: 80%; } #searchSuggestions #suggestionsContainer #topProducts ul { justify-content: left; width: 100%; } #searchSuggestions #suggestionsContainer #topProducts ul .ac-product a .ac-prod-title { font-size: 14px; } .block-search #search_mini_form #searchSuggestions #suggestionsContainer ul#queryList .ac-query a { font-size: 14px; } #searchSuggestions #suggestionsContainer .cel-ac-icon-cancel { display: block; top: 20px; right: 20px; cursor: pointer; } #searchSuggestions #suggestionsContainer .cel-ac-icon-cancel:before { color: #000000; font-size: 15px; } .block-search #search_mini_form #searchSuggestions ul#queryList .ac-query { white-space: normal; } .block-search #search_mini_form #searchSuggestions #topProducts ul .ac-product { padding: 8px; max-width: 25%; flex: 0 0 25%; } @media (max-width: 800px) { .block-search #search_mini_form #searchSuggestions { max-width: 100%; } .block-search #search_mini_form .control #searchSuggestions { display: flex; padding: 0 15px; top: 101px; } form.minisearch #searchSuggestions #suggestionsContainer #innerContainer { display: grid; max-height: 500px; overflow: scroll; } #searchSuggestions #topProducts ul .ac-product a { flex-wrap: wrap; } #searchSuggestions #topProducts ul .ac-product img { width: 150px; height: 150px; flex: 0 0 150px; margin: 0 auto; } #searchSuggestions #suggestionsContainer #topProducts ul { display: flex; border-top: 1px solid #ccc; flex-wrap: wrap; padding-top: 10px; } .block-search #search_mini_form #searchSuggestions #suggestionsContainer #innerContainer #topProducts { order: 2; flex: 0 0 100%; max-width: 100%; } .block-search #search_mini_form #searchSuggestions #suggestionsContainer #topQueries { border-right: 0; flex: 0 0 100%; max-width: 100%; padding: 5px 20px; } .block-search #search_mini_form #searchSuggestions #topProducts ul .ac-product { padding: 0; max-width: 50%; flex: 0 0 50%; } .block-search #searchSuggestions #suggestionsContainer { border: 1px solid #ccc; box-shadow: none; border-top: 0; } #searchSuggestions #suggestionsContainer #queryList { margin-top: 0; } } @media (max-width: 450px) { .block-search form.minisearch #searchSuggestions #suggestionsContainer #innerContainer { max-height: 560px; } } @media only screen and (min-width: 768px) and (max-width: 800px) { .homepage-wrapper .hero-banner .owl-item { min-height: 280px; } .homepage-wrapper .catalog-link-mobile { min-height: 270px; } .homepage-wrapper .brands-logo { min-height: 83px; } .homepage-wrapper .home-recommendation .custom-products-carousel { min-height: 560px; } .homepage-wrapper .slider-bottom .owl-item { min-height: 230px; } } @media only screen and (min-width: 1024px) and (max-width: 1400px) { .homepage-wrapper .hero-banner .owl-item { min-height: 420px; } .homepage-wrapper .catalog-link-mobile { min-height: 300px; } .homepage-wrapper .brands-logo { min-height: 83px; } .homepage-wrapper .home-recommendation .custom-products-carousel { min-height: 560px; } .homepage-wrapper .slider-bottom .owl-item { min-height: 350px; } } @media only screen and (min-width: 1400px) { .homepage-wrapper .hero-banner .owl-item { min-height: 536px; } .homepage-wrapper .catalog-link-mobile { min-height: 378px; } .homepage-wrapper .catalog-link-mobile .catalog-link-item { display: inline-block; } .homepage-wrapper .brands-logo { min-height: 83px; } .homepage-wrapper .home-recommendation .custom-products-carousel { min-height: 586px; } .homepage-wrapper .slider-bottom .owl-item { min-height: 433px; } } .catalog-product-view .check-in-store { padding-top: 15px; clear: both; } .catalog-product-view .check-in-store a { color: #003c8e; font-size: 12px; } .catalog-product-view .check-in-store a:before { content: ''; width: 15px; height: 15px; background-image: url('../../frontend/Kemana/default/id_ID/images/icon-store-pdp.svg'); background-repeat: no-repeat; background-size: contain; display: inline-block; vertical-align: text-bottom; margin-right: 7px; } .catalog-product-view .social-sharing { padding-top: 15px; clear: both; } .catalog-product-view .social-sharing a.social-link { color: #003c8e; font-size: 12px; } .catalog-product-view .social-sharing a.social-link:before { content: ''; width: 15px; height: 15px; background-image: url('../../frontend/Kemana/default/id_ID/images/share.svg'); background-repeat: no-repeat; background-size: contain; display: inline-block; vertical-align: text-bottom; margin-right: 7px; } .catalog-product-view #available-stores-popup .modal-title { border-bottom: none; font-size: 30px; font-family: 'oswald', sans-serif; } .catalog-product-view #available-stores-popup .modal-content { padding: 0; display: flex; justify-content: space-between; } .catalog-product-view #available-stores-popup .modal-content #stores-map { width: 50% !important; height: 560px !important; position: relative; overflow: hidden; } .catalog-product-view #available-stores-popup .modal-content .available-store-container { width: 50%; padding-left: 20px; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-box input { height: 40px; border-radius: 20px; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-box-container .search-box { position: relative; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-box-container .search-box:after { content: ''; width: 16px; height: 16px; position: absolute; background-image: url('../../frontend/Kemana/default/id_ID/images/icon-search-blue1.svg'); background-repeat: no-repeat; top: 50%; transform: translateY(-50%); right: 21px; background-size: contain; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-box-container .other-info { display: flex; justify-content: space-between; margin-top: 16px; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-box-container .other-info .current-location-link { padding-left: 24px; font-size: 12px; color: #003c8e; position: relative; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-box-container .other-info .current-location-link:before { content: ''; background-image: url(../../frontend/Kemana/default/id_ID/images/icon-location.svg); width: 16px; height: 16px; position: absolute; left: 5px; background-size: contain; background-repeat: no-repeat; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-box-container .other-info .current-location-link a { color: #003c8e; font-size: 12px; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-box-container .other-info .stores-count { font-size: 12px; color: #333333; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-result { margin-top: 0px; height: 465px; overflow-y: auto; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-result ul { list-style-type: none; padding-left: 0px; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-result ul li { margin-top: 20px; padding: 16px; border: 1px solid #cecece; padding-left: 46px; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-result ul li.selected { border: 1px solid #003c8e; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-result ul li:hover { cursor: pointer; border: 1px solid #003c8e; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-result ul li div.item-title { font-size: 14px; color: #003c8e; font-weight: bold; position: relative; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-result ul li div.item-title:before { content: ''; background-image: url(../../frontend/Kemana/default/id_ID/images/icon-pin.svg); width: 19px; height: 24px; position: absolute; left: -32px; background-size: contain; background-repeat: no-repeat; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-result ul li div.item-detail { font-size: 14px; font-weight: 400; color: #333333; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-result ul li div.item-telephone { font-size: 14px; font-weight: 400; color: #333333; } .catalog-product-view .modal-popup.modal-slide .modal-header .action-close::before { font-size: 18px; color: #000000; } .catalog-product-view #available-stores-popup .modal-title { display: none; } .catalog-product-view .modal-popup #available-stores-popup .modal-title { display: block; } .catalog-product-view .empatkali-msg .empatkali-pop-link { vertical-align: super; margin-left: 5px; color: #003c8e; cursor: pointer; } .catalog-product-view .empatkali-msg p { font-size: 1.4rem !important; color: #303030; } .catalog-product-view .empatkali-content { display: none; } .catalog-product-view .empatkali-modal._show .empatkali-content { display: block; } .catalog-product-view .empatkali-modal .modal-inner-wrap { width: 55%; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-title h2 { text-transform: capitalize; font-weight: 600; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-title p { margin-bottom: 0px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-flex-column { display: flex; flex-direction: row; text-align: center; margin-top: 20px; padding-top: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-flex-column .column { width: 33%; padding: 15px 25px; text-align: center; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-flex-column .column img { width: 110px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .pdp-flex-column .column h2 { text-transform: capitalize; font-weight: 800; font-size: 21px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-registration h3 { text-transform: capitalize; font-size: 18px; font-weight: 600; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-registration ul { padding-left: 20px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-other-provisions h3 { text-transform: capitalize; font-size: 18px; font-weight: 600; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-other-provisions ul { padding-left: 20px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-transaction-method h3 { text-transform: capitalize; font-size: 18px; font-weight: 600; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-transaction-method ul { padding-left: 20px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content { display: flex; justify-content: space-between; margin-top: 30px; border-top: 1px solid #ccc; padding-top: 20px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content .empt-qk-logo img { width: 200px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content .app-store { display: flex; margin-top: 10px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content .app-store .google-store img { width: 130px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content .app-store .apple-store { margin-left: 15px; } .catalog-product-view .empatkali-modal .modal-inner-wrap .modal-content.empatkali-content .empatkali-popup-container .emp-pdp-footer-content .app-store .apple-store img { width: 130px; } .pdp-stores-share-wrapper { display: flex; flex-direction: row; justify-content: space-between; } /* End common */ @media only screen and (max-width: 940px) and (min-width: 768px) { .catalog-product-view .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap { width: 90%; } } .form-shipping-address div[name="shippingAddress.postcode"] .input-text { display: none !important; } #postcodeVal.postal-disabled { pointer-events: none; background: #f8f8f8; } .form-shipping-address div[name="shippingAddress.postcode"].field._required._error .field-error { display: block !important; } .bopis__checkout [data-role="title"] { padding-bottom: 17px; text-transform: uppercase; border-bottom: solid 1px #dddddd; font-weight: 500; margin-bottom: 19px; width: 100%; color: #222222; font-family: 'Oswald'; font-size: 21px; font-weight: 600; } .bopis__checkout #shipping-new-address-form, .bopis__checkout #checkout-stores-container { margin-top: 30px; border-top: solid 1px #dddddd; display: flex; flex-wrap: wrap; } .bopis__checkout #checkout-stores-container { padding-top: 30px; margin-top: 0; border-top: none; } .bopis__checkout .search-box-container { margin-bottom: 20px; } .bopis__checkout .search-box-container input { padding: 0 14px; height: 40px; border-radius: 5px; } .bopis__checkout .search-box-container .other-info { display: flex; flex-wrap: wrap; font-size: 12px; margin-top: 16px; } .bopis__checkout .search-box-container .stores-count { margin-left: auto; font-weight: 600; } .bopis__checkout .search-box-container .current-location-link a { position: relative; padding-left: 24px; color: #003C8E !important; font-weight: bold; } .bopis__checkout .search-box-container .current-location-link a:after { content: ''; width: 16px; height: 16px; background-image: url('../../frontend/Kemana/default/id_ID/images/icon-location.svg'); position: absolute; background-size: contain; left: 0; } .bopis__checkout .search-result { max-height: 328px; overflow-y: auto; } .bopis__checkout .search-result ul { padding: 0; } .bopis__checkout .search-result li { list-style: none; border: solid 1px #dddddd; border-radius: 5px; margin-bottom: 20px; padding: 16px 20px 16px 60px; position: relative; cursor: pointer; } .bopis__checkout .search-result li:hover, .bopis__checkout .search-result li.selected { border-color: #003c8e; } .bopis__checkout .search-result li:after { content: ''; width: 19px; height: 24px; position: absolute; background-image: url('../../frontend/Kemana/default/id_ID/images/icon-pin.svg'); background-repeat: no-repeat; background-size: contain; top: 21px; left: 21px; } .bopis__checkout .search-result li .item-title { color: #003c8e; font-weight: bold; } .bopis__checkout #stores-map { max-width: 48.657%; width: 100%; height: 400px !important; } .bopis__checkout .available-store-container { max-width: 48.657%; width: 100%; margin-left: auto; } .bopis__checkout .search-box { position: relative; } .bopis__checkout .search-box:before { content: '\e615'; position: absolute; font-family: 'luma-icons'; font-size: 18px; text-align: center; margin-top: 7px; right: 10px; color: #003C8E; } .bopis__checkout .select-shipping { padding: 26px; margin-bottom: 30px; max-width: 100%; margin-top: 0px; background: #fff; border-radius: 10px; } .bopis__checkout .contact__msg { padding-top: 29px; display: flex; flex-wrap: wrap; border-radius: 5px; } .bopis__checkout .contact__msg--head { font-weight: bold; } .bopis__checkout .bopis-customer { display: flex; flex-wrap: wrap; width: 100%; } .bopis__checkout .bopis-customer input { border: 1px solid #bababa; } .bopis__checkout .bopis-customer .bopis_field--lastname { margin-left: auto; } .bopis__checkout .bopis-customer .bopis-tooltip:before { content: "+62"; position: absolute; font-size: 13px; padding: 12px; color: #999; } .bopis__checkout .bopis-customer .bopis-tooltip input.input-text { padding-left: 35px !important; margin-right: 10px; } .bopis__checkout .bopis-customer .bopis-tooltip .tooltip { position: absolute; display: inline-block; left: 45%; margin-top: 6px; opacity: 1; } @media (max-width: 767px) { .bopis__checkout .bopis-customer .bopis-tooltip .tooltip { left: 85% !important; } } .bopis__checkout .bopis-customer .bopis-tooltip .tooltip:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 21px; line-height: inherit; color: #bbbbbb; content: '\e623'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .bopis__checkout .bopis-customer .bopis-tooltip .tooltip:hover:before { color: #000000; } .bopis__checkout .bopis-customer .bopis-tooltip .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .bopis__checkout .bopis-customer .bopis-tooltip .tooltip .tooltiptext { visibility: hidden; transition: opacity 0.3s; color: #333333; text-align: left; background: #f4f4f4; border: 1px solid #999999; border-radius: 1px; font-size: 14px; padding: 12px; width: 270px; left: 38px; position: absolute; text-transform: none; top: -9px; word-wrap: break-word; z-index: 2; height: fit-content; right: -10px; top: 40px; left: auto; } .bopis__checkout .bopis-customer .bopis-tooltip .tooltip .tooltiptext:before { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; border-bottom-color: #999999; position: absolute; } .bopis__checkout .bopis-customer .bopis-tooltip .tooltip .tooltiptext:after { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: -20px; right: 10px; left: auto; top: 1px; border-bottom-color: #f4f4f4; position: absolute; } .checkout_consent { margin-top: 10px; margin-bottom: 10px; } .checkout_consent .control { display: flex; align-items: flex-start; flex-wrap: wrap; } .checkout_consent .control input { margin-right: 5px; margin-top: 2px; } .checkout_consent .control .label { flex-basis: 93%; } .checkout_consent .control .label a { color: #444; font-weight: bold; text-decoration: underline; } .checkout_consent .control .label a:hover { text-decoration: none; } body.checkout-index-index.bopis__checkout--container .bopis__checkout--password.fieldset { margin-top: 20px; } body.checkout-index-index.bopis__checkout--container .bopis__checkout--password.fieldset > .field { margin-bottom: 20px; } body.checkout-index-index.bopis__checkout--container .container { width: 100%; max-width: 1357px; } body.checkout-index-index.bopis__checkout--container .container > [class*='col-'] { margin: 0 30px; } body.checkout-index-index.bopis__checkout--container .container .row { margin: 0; } body.checkout-index-index.bopis__checkout--container .fieldset .field.checkout-telephone-toltip .control._with-tooltip .field-tooltip { left: inherit; top: 5px; position: absolute; right: 10px; } body.checkout-index-index.bopis__checkout--container #checkout-shipping-method-load thead { display: none; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper { width: 65.87%; padding: 0; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper #shipping-method-buttons-container { padding: 0; display: flex; background: transparent; border: none; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper #shipping-method-buttons-container .primary { margin-left: auto; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper #shipping-method-buttons-container .primary button { width: 214px; font-family: Oswald; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 21px; text-align: center; border-radius: 20px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper #shipping-method-buttons-container .primary button.disable { background: #cccccc; border-color: #cccccc; color: #999999; cursor: auto; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper button { margin: 0; background: #064394; border-radius: 0; width: auto; padding: 0 60px; height: 40px; box-shadow: none; font-size: 14px; color: #ffffff; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper button span { font-size: 14px; font-family: Oswald; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper button:hover { background: #fff; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper button:hover span { color: #064394; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method { background: transparent; padding: 0; border: none; margin-bottom: 0; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping { padding: 26px; margin-bottom: 30px; max-width: 100%; background: #fff; border-radius: 10px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method { width: 100%; border-collapse: separate; border-spacing: 0 1em; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr:hover td[class*="col-"] { border-color: #001B61; border-width: 2px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr:first-child td { border-top: 1px solid; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td.col-freeshipping .logo, body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td.col-flatrate .logo, body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td.col-advancedmatrix0 .logo { background-image: url('../../frontend/Kemana/default/id_ID/images/jne.png'); width: 50px; height: 20px; background-size: 100%; margin: 2px 5px 0px 0; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td.col-sicepatratematrix0 .logo { background-image: url('../../frontend/Kemana/default/id_ID/images/sice.png'); width: 40px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0; top: -2px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td.col-grab_sameday .logo { background-image: url('../../frontend/Kemana/default/id_ID/images/grab-logo.png'); width: 50px; height: 20px; background-size: 100%; margin: -2px 5px 0px 0; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td:first-child { padding-left: 20px; padding-right: 8px; border-right: 0px !important; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td:last-child { border-left: 0px !important; text-align: right; padding-right: 20px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td:last-child span { font-weight: 600; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td:nth-child(2) { border-right: 0px !important; border-left: 0px !important; padding-left: 0px; padding-right: 0px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td:nth-child(2) span { font-weight: 600; display: inline-block; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td.col-method.ship-radio-btn .radio { width: 18px; height: 18px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td.col-method.ship-radio-btn label { color: #666; font-weight: normal; position: relative; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-shipping-method .methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td[class*="col-"] { border: 1px solid; border-color: #ccc; padding-top: 25px; padding-bottom: 25px; vertical-align: middle; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-payment-method { border: none; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li#shipping.checkout-shipping-address form { background: transparent; padding: 0; border: none; margin-bottom: 0; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li#shipping.checkout-shipping-address form.form-login { background: #ffff; padding: 26px; border: none; margin-bottom: 30px; border-radius: 10px; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .opc > li#shipping.checkout-shipping-address form #customer-email-fieldset .field { margin-top: 0; max-width: 100%; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses { border: none; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-items-title { padding-bottom: 15px; text-transform: uppercase; border-bottom: solid 1px #ccc; margin-bottom: 20px; color: #222222; font-family: 'Oswald'; font-size: 21px; font-weight: 600; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items { padding-left: 0; padding-right: 0; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .step-title { color: #222222; font-family: Oswald; font-size: 28px; font-weight: 600; letter-spacing: 0; line-height: 41px; text-align: center; border: none; padding-bottom: 0; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field.street { margin-left: auto; max-width: 48.657%; } @media (max-width: 767px) { body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field.street { max-width: 100%; } } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field.street > .control input { max-width: 100%; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field > .label { margin-bottom: 10px; color: #999; font-family: Roboto; font-size: 12px; font-weight: 500; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field .control input, body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field .control select { height: 40px; max-width: 100%; padding: 0 14px; width: 100%; border: 1px solid #CCCCCC; border-radius: 5px; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field .control input::-webkit-input-placeholder, body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field .control select::-webkit-input-placeholder { /* Edge */ font-size: 14px; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field .control input:-ms-input-placeholder, body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field .control select:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 14px; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field .control input::placeholder, body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field .control select::placeholder { font-size: 14px; } body.checkout-index-index.bopis__checkout--container .opc-sidebar { width: 31.65%; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .modal-header { min-height: 0; padding: 0; border-bottom: none; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-shipping-information { background: transparent; border: none; padding: 0; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-shipping-information .shipping-information { background: #ffff; padding: 26px; border: none; margin-bottom: 30px; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary { padding: 20px 0 0; border: none; border-radius: 10px; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .title { font-weight: normal; padding: 0 20px 17px; color: #222222; font-family: Oswald; font-size: 21px; font-weight: 600; letter-spacing: 0; line-height: 31px; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .table-totals { margin-bottom: 0; background: #ffffff; display: flex; border-radius: 10px; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .table-totals tbody { width: 100%; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .table-totals tr { width: 100%; display: flex; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .table-totals tr.totals.mapclubpoints { display: table; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .table-totals tr.totals.otherpaymentmethod { display: table; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .items-in-cart { padding: 0; margin: 0 20px; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .table-totals .grand strong { font-weight: 600; font-size: 16px; text-transform: uppercase; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .table-totals .grand strong .price { font-size: 16px; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items-wrapper { margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item { margin-bottom: 0; padding: 10px 0 0; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item:first-child { padding-top: 20px; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .message.notice { padding: 0; margin: 0; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .product-item-inner { margin: 0; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .product-item-details { line-height: 1.6; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .product-item-name { color: #001B61; font-family: Roboto; font-size: 14px; font-weight: 500; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .details-qty, body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .item-options { margin-top: 0; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .details-qty .label, body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .item-options .label, body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .details-qty .value, body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .item-options .value, body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .details-qty .values, body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .item-options .values { font-weight: normal !important; color: #707070; font-size: 14px; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .minicart-items .product-item .options dl { margin: 0; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .mark .value { text-transform: initial; } body.checkout-index-index.bopis__checkout--container .fieldset > .field { margin-top: 20px; width: 100%; max-width: 48.657%; margin-bottom: 0; } body.checkout-index-index.bopis__checkout--container .fieldset > .field[name$="lastname"], body.checkout-index-index.bopis__checkout--container .fieldset > .field[name$="region_id"], body.checkout-index-index.bopis__checkout--container .fieldset > .field[name$="district_id"], body.checkout-index-index.bopis__checkout--container .fieldset > .field[name$="telephone"] { margin-left: auto; } body.checkout-index-index.bopis__checkout--container .fieldset > .field[name$="telephone"] { margin-left: 0 !important; margin-bottom: 5px; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset > .field { max-width: 100%; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .field .control._with-tooltip { max-width: 340px; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .modal-popup .modal-footer .action-save-address { border-radius: 20px; background-color: #003C8E; border-color: #003C8E; padding: 10px 40px !important; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .action-hide-popup { color: #003C8E; } .custom__radio--btns label { display: flex; cursor: pointer; } .custom__radio--btns label:nth-child(1) { margin-bottom: 10px; } .custom__radio--btns label .shipping-type__icon { width: 50px; height: 30px; display: flex; margin: 0 20px; } .custom__radio--btns label .shipping-type__label { display: flex; flex-wrap: wrap; } .custom__radio--btns label .shipping-type__label span { width: 100%; } .custom__radio--btns label[for="regular"] .shipping-type__icon { background-image: url('../../frontend/Kemana/default/id_ID/images/icon-homeD.svg'); background-size: 95%; background-position: 0 -8px; background-repeat: no-repeat; } .custom__radio--btns label[for="bopis"] .shipping-type__icon { background-image: url('../../frontend/Kemana/default/id_ID/images/icon-Store.svg'); background-size: 73%; background-position: 5px -3px; background-repeat: no-repeat; } .custom__radio--btns .shipping-type__title { font-weight: bold; } .custom__radio--btns input[type='radio'] { width: 20px; position: relative; visibility: hidden; position: absolute; } .custom__radio--btns input[type='radio'] + .shipping-type__fieldset { border: solid 1px #dddddd; width: 100%; display: flex; padding: 21px; flex-wrap: wrap; align-items: center; border-radius: 5px; } .custom__radio--btns input[type='radio'] + .shipping-type__fieldset .custom__input { width: 20px; height: 20px; border: solid 1px #dddddd; border-radius: 50%; } .custom__radio--btns input[type='radio']:checked + .shipping-type__fieldset { border: 2px solid #003C8E; } .custom__radio--btns input[type='radio']:checked + .shipping-type__fieldset .custom__input { border: solid 1px #1e75f4; position: relative; } .custom__radio--btns input[type='radio']:checked + .shipping-type__fieldset .custom__input:after { content: ''; position: absolute; width: 12px; height: 12px; background: #1e75f4; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .checkout-payment-method .ccard.fieldset > .field.date, .checkout-payment-method .ccard.fieldset > .field.cvv { width: 210px; display: inline-block; vertical-align: top; margin-top: 5px; } .checkout-payment-method .ccard.fieldset > .field.date .fields.group.group-2, .checkout-payment-method .ccard.fieldset > .field.cvv .fields.group.group-2 { padding-right: 20px; } .checkout-payment-method .ccard.fieldset > .field.date .fields.group.group-2 .field, .checkout-payment-method .ccard.fieldset > .field.cvv .fields.group.group-2 .field, .checkout-payment-method .ccard.fieldset > .field.date .fields.group.group-2 .field.month, .checkout-payment-method .ccard.fieldset > .field.cvv .fields.group.group-2 .field.month, .checkout-payment-method .ccard.fieldset > .field.date .fields.group.group-2 .field.year, .checkout-payment-method .ccard.fieldset > .field.cvv .fields.group.group-2 .field.year { width: 100% !important; } .shipping-information { border-radius: 10px; background-color: #FFFFFF; padding: 30px 20px; } .shipping-information .shipping-information-title { color: #222222; font-family: Oswald; font-size: 21px; font-weight: 500; letter-spacing: 0; line-height: 31px; border-bottom: 1px solid #DDDDDD; margin-bottom: 20px; padding-bottom: 20px; position: relative; } .shipping-information .shipping-information-content { color: #222222; font-family: Roboto; font-size: 14px; letter-spacing: 0; line-height: 20px; margin-bottom: 30px; } .shipping-information .shipping-information-content a { color: #222222; } .shipping-information .action-edit { background: no-repeat; border: none; padding: 0; position: absolute; right: 0; top: 8px; } .shipping-information .action-edit span { font-size: 0; } .shipping-information .action-edit:before { display: none !important; } .shipping-information .action-edit:after { content: "\e906"; font-family: 'psa'; font-size: 35px; color: #003C8E; text-decoration: none; } .shipping-information .action-edit:hover { text-decoration: none !important; } .continue-shopping, .theme-pearl.store-view-idn button.continue-shopping { color: #999999; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 14px; background: transparent; position: relative; padding: 0; padding-left: 20px; margin-top: 30px; font-family: Roboto; background-color: transparent; border: none; } .continue-shopping:hover, .theme-pearl.store-view-idn button.continue-shopping:hover { background: none; border: none; color: #999; } .continue-shopping:hover span, .theme-pearl.store-view-idn button.continue-shopping:hover span { color: #999; } .continue-shopping:before, .theme-pearl.store-view-idn button.continue-shopping:before { content: "\e900"; font-family: 'psa'; font-size: 21px; position: absolute; left: 0; top: 1px; } .continue-shopping span, .theme-pearl.store-view-idn button.continue-shopping span { color: #999999; font-size: 12px; font-weight: 500; line-height: normal; } .payment-method-title.field.choice { max-width: 396px; } #checkout_registration { background: #fff; border-radius: 10px; padding: 40px 2% 0px; margin-bottom: 20px; } #checkout_registration .control.pwd-con { position: relative; } #checkout_registration #form-registration-container .step-title { padding-bottom: 0 !important; } #checkout_registration #form-registration-container .field.note { text-align: center; border-bottom: solid 1px #ccc; padding-bottom: 15px; } #checkout_registration #form-registration-container .form.create.account .fieldset > .field { max-width: 100%; } #checkout_registration #form-registration-container .form.create.account select#dob_dd { width: 165px; color: #222; font-size: 14px; } #checkout_registration #form-registration-container .form.create.account select#dob_mm { width: 105px; margin: 0 7px; color: #222; font-size: 14px; } #checkout_registration #form-registration-container .form.create.account select#dob_yy { width: 105px; color: #222; font-size: 14px; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.info { margin: 0; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.info .customer_telephone_field { margin-bottom: 0; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.info .field.gender .control .field { display: flex; margin-right: 10px; color: #222222; font-family: Roboto; font-size: 14px; margin-bottom: 0; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.info .field.gender .control .field input { width: 13px; height: 13px; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.info .field.gender .control .field input[type=radio] { margin: 0 10px 0 0; } @media (max-width: 767px) { #checkout_registration #form-registration-container .form.create.account .fieldset.create.info .field.gender .control .field input[type=radio] { margin: 0 4px 0 0; } } #checkout_registration #form-registration-container .form.create.account .fieldset.create.info .field.gender .control .field label { margin-right: 10px; display: flex; align-items: flex-start; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.info .field.gender .control .field label span { padding-left: 3px; margin-top: -3px; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.account { margin-bottom: 0px; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.account .password-strength-meter { background-color: #D8D8D8; height: 5px; line-height: 40px; padding: 0 0; position: relative; z-index: 1; border-radius: 2px; margin-top: 14px; font-size: 12px; color: #222; font-weight: 600; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.account .password-medium .password-strength-meter:before { background-color: #F68434; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.account .password-weak .password-strength-meter:before { background-color: #FF8888; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.account .password-strength-meter span { font-weight: normal; } #checkout_registration #form-registration-container .form.create.account .field.password div.mage-error { margin-top: 25px; } #checkout_registration #form-registration-container .form.create.account .actions-toolbar { text-align: center; margin-bottom: 35px; } #checkout_registration #form-registration-container .form.create.account .actions-toolbar .action.action-apply { width: 214px; text-transform: uppercase; font-size: 14px !important; } #checkout_registration #form-registration-container .form.create.account .actions-toolbar .action.action-apply span { font-family: 'Oswald', sans-serif; font-weight: 500; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout #form-success-message-container { text-align: center; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout #form-success-message-container .success-message-link .field.note { color: #222; text-align: center; border-bottom: solid 1px #ccc; margin-bottom: 20px; padding-bottom: 10px; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout #form-success-message-container .email-content { color: #222; font-size: 14px; padding: 0 12%; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout #form-success-message-container .email-content span#link_email { font-weight: 600; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout #form-success-message-container .email-link { color: #003C8E; padding-top: 30px; padding-bottom: 40px; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout #form-success-message-container .email-link a { color: #003C8E; text-decoration: underline; text-underline-offset: 5px; font-weight: 600; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout #form-success-message-container .payment-method-title.field.choice { max-width: 396px; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout #form-success-message-container .opc-block-summary .not-calculated { font-style: normal !important; } /*End common css */ @media (max-width: 900px) { body.checkout-index-index.bopis__checkout--container .opc-progress-bar-item { width: 130px; } body.checkout-index-index.bopis__checkout--container .container > [class*='col-'] { margin: 0; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper { width: 100%; margin-bottom: 0; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-payment-method { margin-bottom: 100px; position: relative; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset { position: static; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .custom-placeorder { bottom: -70px; left: 0; width: 100%; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .custom-placeorder .primary { width: 100%; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .custom-placeorder .primary button { width: 272px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .opc > li.actions-toolbar { margin-bottom: 30px; margin-left: 0; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper #shipping-method-buttons-container .primary { width: 100%; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper #shipping-method-buttons-container .primary button { width: 272px; font-family: Oswald; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 21px; text-align: center; border-radius: 20px; } body.checkout-index-index.bopis__checkout--container .fieldset > .field { max-width: 49%; } body.checkout-index-index .modals-wrapper .fieldset > .field { max-width: 100%; } .bopis__checkout .available-store-container { max-width: 49%; } .bopis__checkout #stores-map { max-width: 49%; } } .select-delivery-method .custom__radio--btns input[type=radio]:checked + .shipping-type__fieldset span.shipping-type__title { color: #003C8E !important; } .select-delivery-method .custom__radio--btns label[for=regular] input[type=radio]:checked + .shipping-type__fieldset span.shipping-type__icon { background-image: url(../../frontend/Kemana/default/id_ID/images/icon-homeB.svg); } .select-delivery-method .custom__radio--btns label[for=bopis] input[type=radio]:checked + .shipping-type__fieldset span.shipping-type__icon { background-image: url(../../frontend/Kemana/default/id_ID/images/icon-store-pdp.svg); } @media (max-width: 767px) { body.checkout-index-index.bopis__checkout--container .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .addresses { margin-left: 0; } body.checkout-index-index.bopis__checkout--container .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-payment-method { margin-left: 0; } body.checkout-index-index.bopis__checkout--container .bopis__checkout--password .actions-toolbar { display: flex; } body.checkout-index-index.bopis__checkout--container .bopis__checkout--password .actions-toolbar > .primary, body.checkout-index-index.bopis__checkout--container .bopis__checkout--password .actions-toolbar > .secondary { text-align: left; } body.checkout-index-index.bopis__checkout--container .container > [class*='col-'] { display: flex; justify-content: space-between; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .form-login, body.checkout-index-index.bopis__checkout--container .opc-wrapper .form-shipping-address, body.checkout-index-index.bopis__checkout--container .opc-wrapper .methods-shipping { margin-right: 0; margin-left: 0; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field .control input, body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset > .field .control select { max-width: 100%; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .checkout-shipping-method .form.methods-shipping { padding-top: 5px !important; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .checkout-shipping-method .form.methods-shipping .step-content .checkout-shipping-method-wrapper .table-checkout-shipping-method tbody tr td:last-child { padding-right: 10px !important; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .opc > li#shipping.checkout-shipping-address form { margin-left: 0; padding: 20px; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .opc > li#shipping.checkout-shipping-address form.form-login { padding: 20px; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .opc > li#shipping.checkout-shipping-address form.form-shipping-address { margin-bottom: 0 !important; } body.checkout-index-index.bopis__checkout--container .fieldset > .field { max-width: 100%; margin-top: 19px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper #opc-shipping_method { margin-left: 0; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper button { padding: 0 25px; } body.checkout-index-index.bopis__checkout--container .checkout-shipping-method .no-quotes-block { margin: 20px; } body.checkout-index-index.bopis__checkout--container .page-wrapper .checkout .checkout-header .container .col-12 .logo { padding: 20px 0; margin-left: 0; } body.checkout-index-index.bopis__checkout--container .page-wrapper .checkout .checkout-header .container .col-12 .logo img { width: 179px; height: 15px; } body.checkout-index-index.bopis__checkout--container .page-wrapper .checkout .container .col-12 .checkout-container .opc-sidebar .opc-block-summary .title { margin-bottom: 0; } body.checkout-index-index.bopis__checkout--container .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .form.form-login .fieldset .control input { max-width: 100%; } body.checkout-index-index.bopis__checkout--container .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-shipping-method .checkout-shipping-method .step-title { margin: 20px 0px 0 0px; } body.checkout-index-index.bopis__checkout--container .page-wrapper .checkout .container .col-12 .checkout-container .opc-progress-bar { top: 55px; margin: 0 0 20px; counter-reset: i; display: block; font-size: 0; } body.checkout-index-index.bopis__checkout--container .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item { margin-bottom: 20px !important; margin-right: 0; width: 100%; } body.checkout-index-index.bopis__checkout--container .modal-popup.modal-slide { left: 50%; transform: translateX(-50%); width: 90%; } body.checkout-index-index.bopis__checkout--container .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { width: 100%; } body.checkout-index-index.bopis__checkout--container .modal-popup.modal-slide._inner-scroll .modal-inner-wrap .modal-footer { text-align: center; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) { width: 95%; bottom: 10px; top: 10px; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-inner-wrap { min-height: auto; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-header { padding-top: 10px; padding-bottom: 2px; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-header h1 { font-size: 14px; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-content { background: none; padding-bottom: 5px; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-content #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .field { margin-top: 6px; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-content #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .field .control input { height: 40px; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-content #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .field .control select { height: 40px; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-content #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .field .label { margin-bottom: 4px; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-footer { padding-top: 5px; padding-bottom: 10px; margin-top: 8px; } .custom__radio--btns input[type='radio'] + .shipping-type__fieldset { padding: 17px 10px; } .custom__radio--btns label .shipping-type__icon { width: 34px; height: 20px; margin: 0 9px; } .custom__radio--btns label[for="regular"] .shipping-type__icon { background-size: 100%; background-position: 0 -7px; } .custom__radio--btns label[for="bopis"] .shipping-type__icon { background-size: 72%; background-position: 5px -2px; } .custom__radio--btns label .shipping-type__label { width: 209px; font-size: 13px; } .bopis__checkout .available-store-container { max-width: 100%; } .bopis__checkout .select-shipping { padding: 20px; } .bopis__checkout .contact__msg { margin-top: 0px; padding-top: 0px; } .bopis__checkout #stores-map { max-width: 100%; height: 301px !important; margin-bottom: 20px; } .bopis__checkout #shipping-new-address-form { margin-top: 0; } .bopis__checkout .search-box-container .other-info { margin-top: 20px; margin-bottom: 25px; } .opc-wrapper .shipping-address-item { width: 45%; } .bopis__checkout [data-role="title"], body.checkout-index-index.bopis__checkout--container .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-items-title { font-size: 18px; padding-bottom: 14px; } .opc-payment-additional.discount-code { margin-top: -20px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .payment-option-inner .field .control input { width: 180px !important; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-title { padding-left: 0; } .checkout-index-index .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #ffffff; } .checkout-payment-method .ccard.fieldset > .field.date, .checkout-payment-method .ccard.fieldset > .field.cvv { width: 50%; } .midtrans-cc-types .field.type { display: none; } .checkout-payment-method .ccard > .field.cvv > .control { padding-right: 0; } .checkout_consent { padding: 0 30px; } } /*End mobile css*/ @media (max-width: 361px) { .custom__radio--btns label .shipping-type__label { width: 190px; } } @media (min-width: 769px) { .actions-toolbar .primary { float: none !important; } } .bopis__checkout .search-box-container .search-box input::placeholder { color: #ccc; } @media (min-width: 768px) { [data-content-type='row'][data-appearance='contained'] { max-width: 100% !important; } [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { max-width: 100% !important; } } body.cms-no-result #maincontent .columns .home-recommendation { min-height: 480px; } body.cms-no-result #maincontent .columns .no-result { text-align: center; } body.cms-no-result #maincontent .columns .no-result h2 { color: #000000; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; } body.cms-no-result #maincontent .columns .no-result p { color: #303030; font-family: Roboto; font-size: 14px; letter-spacing: 0; line-height: 30px; margin-bottom: 40px; } body.cms-no-result #maincontent .columns .home-recommendation .custom-products-carousel .block .block-title strong { color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; } body.cms-no-result #maincontent .columns .home-recommendation .custom-products-carousel .block .block-content .products-grid .owl-carousel .owl-controls .owl-nav .owl-prev { background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow.svg') !important; height: 40px; width: 40px; border-radius: 20px; background-color: #004199 !important; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); background-size: 25px !important; } body.cms-no-result #maincontent .columns .home-recommendation .custom-products-carousel .block .block-content .products-grid .owl-carousel .owl-controls .owl-nav .owl-next { background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow.svg') !important; height: 40px; width: 40px; border-radius: 20px; background-color: #004199 !important; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); background-size: 25px !important; } body.cms-no-result #maincontent .columns .home-recommendation .custom-products-carousel .block .block-content .products-grid .owl-carousel .owl-controls .owl-dots { bottom: -40px; } body.cms-no-result #maincontent .columns .home-recommendation .custom-products-carousel .block .block-content .products-grid .owl-carousel .owl-controls .owl-dots .owl-dot.active span { background: #293a75; } body.cms-no-result #maincontent .columns .home-recommendation .custom-products-carousel .block .block-content .products-grid .owl-carousel .owl-controls .owl-dots .owl-dot.active span:hover { background: #293a75; } body.cms-no-result #maincontent .columns .home-recommendation .custom-products-carousel .block .block-content .products-grid .owl-carousel .owl-controls .owl-dots .owl-dot span { background: #d8d8d8; } body.cms-no-result #maincontent .columns .home-recommendation .custom-products-carousel .block .block-content .products-grid .owl-carousel .owl-controls .owl-dots .owl-dot span:hover { background: #d8d8d8; } @media only screen and (max-width: 768px) { body.cms-no-result #maincontent .columns .no-result h2 { font-size: 21px; line-height: 31px; } body.cms-no-result #maincontent .columns .no-result p { font-size: 14px; line-height: 21px; margin-bottom: 30px; padding-left: 6px; padding-right: 11px; } body.cms-no-result #maincontent .columns .home-recommendation .custom-products-carousel .block .block-title strong { font-size: 21px; line-height: 31px; } body.cms-no-result #maincontent .columns .home-recommendation .custom-products-carousel .block .block-content .products-grid .owl-carousel .owl-stage-outer .owl-stage { padding-left: 0 !important; } } body input:not([disabled]):focus { outline: #003c8e solid 0px !important; } .overlay-div.overlay-active { position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.6; left: 0; right: 0; z-index: 100; } .overlay-div { position: absolute; height: 0; } .header-top-wrap .announcement { text-align: center; justify-content: center !important; } .header-top-wrap .announcement .announc-container .pop-up-content { text-transform: capitalize; } .header-top-wrap .announcement .top-header-links { display: flex; position: absolute; right: 0; padding-top: 6px; } .sections.nav-sections .section-items .section-item-content .navigation .nav-item.custom-brand ul li:last-child { background-color: transparent !important; } .sections.nav-sections .item-content .custom-brand-category { width: 100%; display: flex; flex-direction: row-reverse; padding: 20px 40px; } .sections.nav-sections .item-content .custom-brand-category .brand-searchbox-contain { width: 25%; margin-left: 20px; margin-top: 5px; } .sections.nav-sections .item-content .custom-brand-category .brand-searchbox-contain .brand-search-label { margin-left: 13px; font-size: 16px; font-family: 'Roboto', sans-serif; letter-spacing: 0; font-weight: 600; color: #001b61; padding-bottom: 10px; } .sections.nav-sections .item-content .custom-brand-category .brand-searchbox-contain #search_brand { border-radius: 20px; background-image: url('../../frontend/Kemana/default/id_ID/images/icon-search-blue1.svg'); background-repeat: no-repeat; background-position: 12px; background-size: 18px; padding-left: 38px; height: 40px; text-transform: capitalize; } .sections.nav-sections .item-content .custom-brand-category .brand-searchbox-contain #search_brand::-webkit-input-placeholder { letter-spacing: 0; color: #999999; } .sections.nav-sections .item-content .custom-brand-category .brand-searchbox-contain #ves_megamenu_items { margin-top: 20px; max-height: 270px; overflow-y: scroll; } .sections.nav-sections .item-content .custom-brand-category .brand-searchbox-contain #ves_megamenu_items li { margin-right: 10px; } .sections.nav-sections .item-content .custom-brand-category .brand-searchbox-contain #ves_megamenu_items li a { font-weight: 500; padding: 0 10px; line-height: 2.2; font-size: 14px; font-family: 'Roboto', sans-serif; letter-spacing: 0; color: #001b61 !important; cursor: pointer; text-transform: capitalize; } .sections.nav-sections .item-content .custom-brand-category .brand-searchbox-contain #ves_megamenu_items li.brand-search-title { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; } .sections.nav-sections .item-content .custom-brand-category .brand-searchbox-contain #ves_megamenu_items li.brand-search-title a { font-weight: 700; text-transform: uppercase; } .sections.nav-sections .item-content .custom-brand-category .brand-searchbox-contain #ves_megamenu_items li:nth-child(2) { border: none !important; padding-top: 0px; margin-top: 10px; } .sections.nav-sections .item-content .custom-brand-category .nav-dropdown { width: 75%; display: flex; } .sections.nav-sections .item-content .custom-brand-category .nav-dropdown .brand-image-container p { margin-left: 13px; font-size: 16px; font-family: 'Roboto', sans-serif; letter-spacing: 0; font-weight: 600; color: #001b61; } .sections.nav-sections .item-content .custom-brand-category .nav-dropdown .brand-image-container ul { display: flex; flex-flow: wrap; width: 100%; float: none; } .sections.nav-sections .item-content .custom-brand-category .nav-dropdown .brand-image-container ul li { width: 20%; border: 1px solid #ccc; margin: 12px; padding: 20px 25px; } .sections.nav-sections .item-content .custom-brand-category .nav-dropdown .brand-image-container .view-all { font-size: 14px; text-transform: capitalize; font-family: 'Roboto', sans-serif; letter-spacing: 0; margin-left: 13px; color: #001b61; cursor: pointer; font-weight: 600; } .sections.nav-sections .item-content .custom-brand-category .nav-dropdown .brand-image-container .view-all .right-arrow { background-image: url('../../frontend/Kemana/default/id_ID/images/leftarrow-blue.svg'); background-repeat: no-repeat; background-position: 5px 1px; background-size: 20px; height: 20px; width: 20px; display: inline-block; vertical-align: middle; transform: rotate(180deg); margin-left: 3px; } .sections.nav-sections .item-content .custom-brand-category .nav-dropdown .brand-image-container .view-all span { padding: 0; margin-left: 10px; } .homepage-title h3 { margin: 40px 0 30px 0; font-size: 28px; font-family: 'Oswald', sans-serif; font-weight: 500; color: #222222; text-align: center; } body.cms-index-index .catalog-link-mobile .catalog-link-item .catalog-item-container { overflow: hidden !important; display: block; margin: 15px 12px; } body.cms-index-index .catalog-link-mobile .catalog-link-item .catalog-item-container .link-img img { transition: 0.5s all ease-in-out; padding: 0px; } body.cms-index-index .catalog-link-mobile .catalog-link-item .catalog-item-container .link-img::after { top: 15px; left: 11px; width: calc(100% - 22px); height: calc(100% - 30px); opacity: 0.6; transition: 0.5s all ease-in-out; } body.cms-index-index .catalog-link-mobile .catalog-link-item .catalog-item-container:hover .link-img img { transform: scale(1.3); transform-origin: 50% 50%; } body.cms-index-index .brands-logo .custom-slider .owl-carousel .owl-stage-outer { height: auto !important; } body.cms-index-index .brands-logo .custom-slider .owl-carousel .owl-item { padding: 20px; } body.cms-index-index .brands-logo .custom-slider .owl-carousel .owl-item .banner-image { overflow: hidden; } body.cms-index-index .brands-logo .custom-slider .owl-carousel .owl-item .banner-image img { transition: 0.5s all ease-in-out; } body.cms-index-index .brands-logo .custom-slider .owl-carousel .owl-item .banner-image:hover img { transform: scale(1.1); } .theme-pearl.store-view-idn .above-footer-container, .theme-pearl.store-view-default .above-footer-container { padding-bottom: 30px; } .theme-pearl.store-view-idn .above-footer-container .container, .theme-pearl.store-view-default .above-footer-container .container { width: 100%; max-width: 1200px; } .theme-pearl.store-view-idn .above-footer-container .container .row.footer-space, .theme-pearl.store-view-default .above-footer-container .container .row.footer-space { margin-left: -15px; margin-right: -15px; width: auto; } .theme-pearl.store-view-idn .above-footer-container .container .row.footer-space .title, .theme-pearl.store-view-default .above-footer-container .container .row.footer-space .title { font-size: 16px; text-transform: uppercase; line-height: 18px; color: #001B61; text-align: left; margin-bottom: 20px; display: block; font-weight: 600; } .theme-pearl.store-view-idn .above-footer-container .container .row.footer-space .title i.fa-chevron-down, .theme-pearl.store-view-default .above-footer-container .container .row.footer-space .title i.fa-chevron-down { display: none; } .theme-pearl.store-view-idn .above-footer-container .container .row.footer-space ul, .theme-pearl.store-view-default .above-footer-container .container .row.footer-space ul { padding-left: 0; list-style: none; } .theme-pearl.store-view-idn .above-footer-container .container .row.footer-space ul li a, .theme-pearl.store-view-default .above-footer-container .container .row.footer-space ul li a { color: #000000; } .shop-the-look { padding: 20px 20px; max-width: 1350px; margin: 0 auto; padding-bottom: 30px; } .shop-the-look .shop-category-block-wrapper { display: flex; gap: 20px; flex-direction: row; } .shop-the-look .shop-category-block-wrapper .catalog-link-item-inner { position: relative; } .shop-the-look .shop-category-block-wrapper .catalog-link-item-inner .link-img { display: block; } .shop-the-look .shop-category-block-wrapper .catalog-link-item-inner .shop-content { position: absolute; bottom: 35px; width: 100%; text-align: center; margin: 10px 0px; } .shop-the-look .shop-category-block-wrapper .catalog-link-item-inner .shop-content .link-text { background-color: #fff; padding: 10px 30px; border-radius: 25px; color: #000; /* margin-bottom: 10px; */ font-family: 'Oswald', sans-serif; } .shop-the-look .shop-category-block-wrapper .owl-stage-outer .owl-stage { padding-left: 0px !important; } .catalog-product-view .product.media .fotorama-item.fotorama .fotorama__wrap .fotorama__nav-wrap--vertical { top: 20px; } .catalog-product-view .product.media .fotorama-item.fotorama .fotorama__wrap .fotorama__nav-wrap--vertical .fotorama__thumb__arr .fotorama__thumb--icon { background-color: #f8f8f8; width: 30px; height: 30px; border-radius: 20px; z-index: 99; background-position: center; background-size: 24px; box-shadow: 1px 0px 2px #6b6969 !important; } .catalog-product-view .product.media .fotorama-item.fotorama .fotorama__wrap .fotorama__nav-wrap--vertical .fotorama__thumb__arr.fotorama__thumb__arr--left { top: -30px; } .catalog-product-view .product.media .fotorama-item.fotorama .fotorama__wrap .fotorama__nav-wrap--vertical .fotorama__thumb__arr.fotorama__thumb__arr--left .fotorama__thumb--icon { background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow-black.svg'); background-repeat: no-repeat; } .catalog-product-view .product.media .fotorama-item.fotorama .fotorama__wrap .fotorama__nav-wrap--vertical .fotorama__thumb__arr.fotorama__thumb__arr--right .fotorama__thumb--icon { background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow-black.svg'); background-repeat: no-repeat; transform: rotate(-90deg); } .catalog-product-view .product.media .fotorama-item.fotorama .fotorama__wrap .fotorama__nav-wrap--vertical .fotorama__nav--thumbs { width: 83px !important; } .catalog-product-view .product.media .fotorama-item.fotorama .fotorama__wrap .fotorama__nav-wrap--vertical .fotorama__nav--thumbs .fotorama__nav__frame { height: 80px; margin-top: 10px; } .catalog-product-view .product.media .fotorama-item.fotorama .fotorama__wrap .fotorama__nav-wrap--vertical .fotorama__nav--thumbs .fotorama__nav__frame.fotorama__active { border: 1.5px solid #003C8E; border-radius: 5px; } .catalog-product-view .product.media .fotorama-item.fotorama .fotorama__wrap .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { bottom: -30px; } .modal-popup.modal-slide.dob_popup .modal-inner-wrap[class] { background-color: #fff; } .modal-popup.dob_popup .modal-inner-wrap { background-color: #fff; border-radius: 10px; } .modal-popup.dob_popup .modal-inner-wrap .fieldset.dob_gender .legend { font-weight: bold; font-family: 'Oswald', sans-serif; font-size: 24px; text-transform: uppercase; border-bottom: none; padding-bottom: 0; } .modal-popup.dob_popup .modal-inner-wrap .field.dob.customer-dob select { margin: 0 5px; border-radius: 20px; padding: 4px 20px; height: 40px; } .modal-popup.dob_popup .modal-inner-wrap .field.dob.customer-dob select:first-child { margin-left: 0; } .modal-popup.dob_popup .modal-inner-wrap .field.gender { margin-top: 20px; } .modal-popup.dob_popup .modal-inner-wrap .field.gender .control .field { display: flex; flex-direction: row; } .modal-popup.dob_popup .modal-inner-wrap .field.gender .control label { display: flex; flex-direction: row; align-items: center; margin: 0; margin-right: 10px; } .theme-pearl.store-view-idn .modal-popup.dob_popup button.action.primary, .theme-pearl.store-view-default .modal-popup.dob_popup button.action.primary { border-radius: 20px; padding: 10px 30px; } .theme-pearl.store-view-idn .modal-popup.dob_popup button.action.primary span, .theme-pearl.store-view-default .modal-popup.dob_popup button.action.primary span { font-family: 'Oswald', sans-serif; } @media (min-width: 769px) and (max-width: 1399px) { .page-header.page-header-v1 .page-header .header-main > .container { width: 100%; max-width: 100%; } .page-header.page-header-v1 .page-header .header-main > .container > .row { max-width: 100%; } .header-top-wrap .header-top .container .row { max-width: 100%; } .header-top-wrap .header-top .container { width: 100%; max-width: 100%; } } @media (min-width: 1400px) and (max-width: 1440px) { .page-header.page-header-v1 .page-header .header-main > .container { width: 1400px; max-width: 100%; } .page-header.page-header-v1 .page-header .header-main > .container > .row { max-width: 100%; } .header-top-wrap .header-top .container .row { max-width: 100%; } .header-top-wrap .header-top .container { width: 1400px; max-width: 100%; } } @media (min-width: 1024px) and (max-width: 1400px) { .page-header-v1 .page-header .header-main .container { width: 100%; } .page-header-v1 .page-header .header-main > .container { margin-right: 0; margin-left: 0; max-width: 100%; } .catalog-link-mobile .owl-stage-outer .owl-item .catalog-link-item .catalog-item-container .link-img::after { top: 0px !important; height: calc(100% - 0px) !important; } .homepage-title h3 { margin: 25px 0 20px 0 !important; } } .toolbar.wishlist-toolbar { display: none; } .wishlist-block-title { color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; } .abs-visually-hidden-desktop-s, .products-grid.wishlist .product-item-info:not(:hover):not(.active) .product-item-inner { border: 0; clip: inherit; height: auto; margin: 0; overflow: inherit; padding: 0; position: static; width: auto; } .products-grid.wishlist .product-item-info:hover .product-item-inner { padding-top: 0px; } .products-grid.wishlist .product-item-photo { border-bottom: 1px solid #D7D7D7; margin-bottom: 15px; float: none !important; } .btn-remove { color: #003C8E; font-family: Roboto; font-size: 12px; } .btn-remove span { position: relative; } .btn-remove span:before { content: ""; width: 100%; height: 1px; background-color: #003C8E; position: absolute; bottom: -2px; } .theme-pearl.wishlist-index-index .actions-toolbar { display: none; } .products-grid.wishlist .product-item-tooltip dl { margin-bottom: 0; color: #222222; font-family: Roboto; font-size: 12px; display: flex; } .products-grid.wishlist .product-item-tooltip dl dt, .products-grid.wishlist .product-item-tooltip dl dd { padding-right: 5px; font-weight: normal; margin-bottom: 0; } .products-grid.wishlist .product-item-tooltip { margin-bottom: 10px; } .wishlist-index-configure.catalog-product-view .scroll-div { min-height: auto; } .wishlist-index-configure.catalog-product-view .page-wrapper { min-height: auto; } .wishlist-index-configure.catalog-product-view .swatch-opt a.open-chart { display: none; } .wishlist-index-configure.catalog-product-view #maincontent { padding: 30px 3% 0px 3% !important; } .wishlist-index-configure.catalog-product-view #maincontent .product.media { width: 50%; margin-bottom: 55px; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main { width: 50%; padding-left: 30px; margin-top: 40px; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .page-title-wrapper.product h1.page-title { color: #001B61; font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 500; line-height: 32px; margin-bottom: 15px !important; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .product-info-price .price-box { padding-top: 0; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price-final_price .price { color: #222222; font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: bold; letter-spacing: 0; line-height: 24px; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .box-tocart { margin-top: 0px; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .box-tocart .field.qty { display: none; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .box-tocart .actions { width: 100%; margin-top: 0; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .box-tocart .actions button.primary.tocart { padding-top: 10px; padding-bottom: 10px; width: 443px !important; border-radius: 20px !important; background-color: #003C8E; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.6px; line-height: 21px; margin-top: 0; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .box-tocart .actions button.primary.tocart span { color: #fff !important; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .block-category-event.pdp-cflash-sale { display: none; } .wishlist-index-configure.catalog-product-view #maincontent .product.attibute.brand a h2 { color: #003C8E; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; line-height: 19px; margin-bottom: 15px !important; } .wishlist-index-configure.catalog-product-view #maincontent #product-options-wrapper .fieldset { margin-bottom: 0; } .wishlist-index-configure.catalog-product-view #maincontent #product-options-wrapper .swatch-opt { margin: 5px 0px 0px; } .wishlist-index-configure.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-label { color: #000000; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; padding: 25px 0px 0px; } .wishlist-index-configure.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-label a.open-chart { display: none; } .wishlist-index-configure.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text { height: 40px; width: 80px !important; border-radius: 5px !important; color: #303030 !important; margin-right: 10px; margin-bottom: 20px; } .wishlist-index-configure.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text:hover { border-color: #0063ba !important; background-color: #0063ba !important; color: white !important; } .wishlist-index-configure.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text.selected { height: 40px; width: 80px !important; border: 2px solid #003C8E !important; border-radius: 5px !important; background-color: #FFFFFF !important; color: #303030 !important; } .wishlist-index-index .mfp-auto-cursor .mfp-content { max-width: 1100px; } .wishlist-index-index .mfp-auto-cursor .mfp-content .mfp-iframe-scaler button.mfp-close { top: 5px; right: 10px; color: #cccccc; font-size: 40px; font-weight: 100; } .mfp-iframe-scaler iframe { border-radius: 10px; } .wishlist-popup-product-image { text-align: center; } /*End common css */ @media only screen and (max-width: 767px) { .mfp-iframe-scaler iframe { width: 100% !important; } .wishlist-index-configure.catalog-product-view #maincontent .product.media { width: 100%; padding-top: 20px; margin-bottom: 0; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main { width: 100%; padding-left: 0; margin-top: 10px; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price-final_price .price { font-size: 21px !important; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .actions { margin-top: 0; position: relative; box-shadow: none; padding: 0; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .actions button span { font-size: 14px; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .product-add-form .product-options-bottom .box-tocart .fieldset .actions button.primary.tocart { padding-top: 15px; padding-bottom: 15px; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .box-tocart .actions button.primary.tocart { width: 100% !important; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .box-tocart .pdp-stores-share-wrapper { display: none; } .wishlist-index-configure.catalog-product-view #maincontent .product-info-main .box-tocart .actions button.primary.tocart span { font-family: 'Oswald', sans-serif !important; } .wishlist-index-index .mfp-iframe-holder { padding-left: 0; padding-right: 0; padding-top: 0; } .wishlist-index-index .mfp-wrap { position: fixed !important; height: 100vh !important; overflow: scroll; top: 0 !important; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item:hover { padding-left: 15px !important; padding-top: 20px !important; padding: 0 !important; } } .sales-order-view .page-title-wrapper { padding-top: 32px; } .sales-order-view .page-title-wrapper .back-link { position: relative; color: #999999; font-family: Roboto; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 14px; padding-left: 15px; top: -6px; } .sales-order-view .page-title-wrapper .back-link:before { content: "\e900"; font-family: 'psa'; font-size: 21px; position: absolute; left: -6px; top: 0; } .sales-order-view .order-status { float: left; width: 100%; border: none; color: #222222; font-size: 14px; text-transform: none; font-weight: 600; position: relative; margin-top: -10px; padding-left: 14px; padding-bottom: 5px; } .sales-order-view .order-status:before { height: 9px; width: 9px; background-color: #F68434; border-radius: 100%; content: ""; position: absolute; left: 0; top: 5px; } .sales-order-view .order-status.complete:before { background-color: #238717; } .sales-order-view .order-status.canceled:before { background-color: #CB2127; } .sales-order-view .order-date { color: #999999; font-size: 14px; font-style: italic; letter-spacing: 0; line-height: 21px; padding-left: 12px; } .sales-order-view .order-actions-toolbar .action.order { display: none; } .sales-order-view .block-order-details-comments { display: none; } .sales-order-view .order-details-items .table-order-items tbody + tbody { border-top: none; } .sales-order-view .order-details-items .table-wrapper .data.table.table-order-items tbody tr { border-bottom: none !important; } .sales-order-view .order-details-items tbody + tbody { background-color: #fff !important; } .sales-order-view .order-details-items tbody + tbody tr:nth-child(odd) { background-color: #fff !important; } .sales-order-view .order-details-items .table-order-items tbody tr td { background: transparent !important; } .sales-order-view .order-details-items tfoot tr th, .sales-order-view .order-details-items tfoot tr td { border-top: solid 1px #ccc !important; padding: 15px 0; } .sales-order-view .order-details-items tfoot tr td { text-align: right; } .sales-order-view .order-details-items tfoot tr.grand_total th, .sales-order-view .order-details-items tfoot tr.grand_total td { font-size: 16px !important; } .sales-order-view .order-details-items .table-wrapper .data.table.table-order-items tbody tr td { font-size: 14px; color: #222; } .sales-order-view .order-details-items .col.price .price-excluding-tax, .sales-order-view .order-details-items .col.subtotal .price-excluding-tax { font-size: 14px; color: #222; } .sales-order-view .order-items .table-order-items { border-bottom: solid 1px #ccc !important; } .sales-order-view .order-items .table-order-items tbody tr td:not(:nth-child(2n)), .sales-order-view .order-items .table-order-items tbody tr td:last-child { text-align: center !important; } .sales-order-view .order-items .table-order-items thead tr th.col { white-space: nowrap; } .sales-order-view .order-items .table-order-items thead tr th:not(:first-child) { text-align: center !important; } .sales-order-view .eds_discount { display: none; } .account .page-main .page-title-wrapper .order-date .label { display: inline-block; } .order-details-items .item-options { display: flex; color: #222222; font-size: 14px; } .order-details-items .item-options dt { padding-right: 5px; font-size: 14px; font-weight: normal; } body.account .column.main .block.block-order-details-view .block .block-content *, body.account .column.main .block.block-order-details-view .block .empty * { font-size: 14px; color: #222; } .block-order-details-view .box-content .payment-method .title { font-size: 14px; color: #222; } body.account.sales-order-view .page-title-wrapper .page-title { display: none; } .account.sales-order-view .table-wrapper { border-bottom: none; } .account.sales-order-view .order-total-footer.table-wrapper tbody tr:nth-child(odd) { background-color: transparent; } .order-details-page-title { margin-bottom: 30px; width: unset; height: unset; clip: unset; position: unset; margin-top: 10px; color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; } .order-total-footer { float: right; width: 400px; } .order-total-footer th { color: #222222; font-family: Roboto; font-size: 14px; letter-spacing: 0; line-height: 21px; border-bottom: 1px solid #CCCCCC; font-weight: normal; text-transform: uppercase; padding: 0; padding-bottom: 20px; padding-top: 20px; } .order-total-footer td { width: 88px; color: #222222; font-family: Roboto; font-size: 14px; letter-spacing: 0; line-height: 20px; border-bottom: 1px solid #CCCCCC; font-weight: normal; padding: 0; padding-bottom: 20px; padding-top: 20px; text-align: right; } .order-total-footer td.amount { white-space: nowrap; } .order-total-footer .grand_total td, .order-total-footer .grand_total th { font-size: 16px; } .sales-order-view .actions-toolbar.order-actions-toolbar .action.print { color: #003C8E; display: block; padding-right: 10px; position: absolute; bottom: -19px; right: 0; } .sales-order-view .actions-toolbar.order-actions-toolbar .action.print:before { font-size: 26px; line-height: 26px; color: inherit; content: '\e927'; font-family: 'psa'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sales-order-view .actions-toolbar.order-actions-toolbar .action.return { color: #003C8E; display: block; padding-right: 10px; position: absolute; top: 71px; right: 0; } .sales-order-view .actions-toolbar.order-actions-toolbar .action.return:before { font-size: 26px; line-height: 26px; color: inherit; content: '\e928'; font-family: 'psa'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; font-weight: bold; } .sales-order-view .column.main { position: relative; } /*End common css */ .form.form-newsletter-manage { padding-bottom: 140px; } .form.form-newsletter-manage .legend { border: 0; padding-top: 35px; } .form.form-newsletter-manage .legend span { font-size: 36px; font-family: 'Oswald', sans-serif; text-transform: uppercase; } .field.choice.bottom-checkbox-text { width: 50%; display: flex; } .field.choice.bottom-checkbox-text .label { color: #707070; font-size: 14px; margin-left: 0px !important; padding-top: 2px; line-height: 20px; } .newsletter-wrapper { position: relative; } .newsletter-wrapper .newsletter-content-main { width: 50%; float: left; padding-right: 40px; } .newsletter-wrapper .newsletter-content-main p { font-size: 14px; margin-bottom: 30px; line-height: 22px; } .newsletter-wrapper .newsletter-image { width: 50%; position: absolute; right: 0; top: -66px; } .newsletter-wrapper p.check-boxes { clear: both; color: #001B61; font-weight: 600; font-size: 14px; width: 50%; margin-bottom: 20px; padding-right: 20px; } body.account .form-newsletter-manage .actions-toolbar button.save { border-radius: 20px !important; background-color: #003C8E; color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 500; width: 214px; } .newsletter-manage-index .page-title-wrapper .page-title { display: none; } .bottom-checkbox-text1 { width: 50%; } .below-subscription-text { padding-left: 28px; padding-right: 30px; padding-top: 10px; color: #707070; } body.account .form-newsletter-manage .fieldset label { margin-left: 3px !important; color: #222222 !important; font-size: 14px !important; } /*End common css */ @media (min-width: 1024px) and (max-width: 1280px) { .form.form-newsletter-manage .legend span { font-size: 28px; } .newsletter-wrapper p.check-boxes { padding-right: 20px; } .field.choice.bottom-checkbox-text { padding-right: 20px; } .newsletter-wrapper .newsletter-image { width: 47%; right: 20px; top: -66px; } } @media (min-width: 767px) and (max-width: 1023px) { .form.form-newsletter-manage { padding-bottom: 20px; padding-left: 20px; } .form.form-newsletter-manage .legend { padding-top: 55px; margin-bottom: 10px; } .field.choice.bottom-checkbox-text { width: 45%; } body.account .form-newsletter-manage .actions-toolbar .save { padding: 12px 50px; width: auto; display: block; } .newsletter-wrapper .newsletter-image { width: 48%; position: absolute; right: 20px; top: -46px; } } @media only screen and (max-width: 767px) { .newsletter-manage-index .columns .column.main .page-title-wrapper h1.page-title { display: none; } .newsletter-manage-index .form.form-newsletter-manage .fieldset .field.choice.bottom-checkbox-text1 { padding-left: 15px; } .newsletter-wrapper .newsletter-content-main { width: 100%; float: none; padding: 0 15px; } .newsletter-wrapper .newsletter-image { width: 100%; position: relative; right: 0; top: 0; } .newsletter-wrapper p.check-boxes { width: 100%; margin-bottom: 20px; padding: 30px 15px 0 15px; } .form.form-newsletter-manage .legend { border: 0; padding: 50px 15px 0 15px; } .field.choice.bottom-checkbox-text { width: 100%; padding: 0px 15px 0 15px; } .field.choice.bottom-checkbox-text .label { margin-left: 2px !important; } body.account .form-newsletter-manage .actions-toolbar .save { padding: 12px 50px; width: 90%; display: block; margin: 0 auto; } body.account .page-wrapper .page-main .columns .column .form-newsletter-manage .fieldset legend span { font-size: 24px; } .form.form-newsletter-manage { padding-bottom: 40px; } .bottom-checkbox-text1 { width: 100%; } } .account.customer-address-index .page-title-wrapper { display: none; } .account.customer-address-index .column.main .block:not(.widget) .block-title { border-bottom: none; } .account.customer-address-index .column.main .block:not(.widget) .box-actions a.action.edit:before { content: "\e906"; font-style: normal; font-family: 'psa'; font-size: 35px; text-decoration: none; position: absolute; right: 30px; top: -9px; color: #003C8E; } .account.customer-address-index .column.main .block:not(.widget) .box-actions a.action.edit span { display: none; } .account.customer-address-index .column.main .block:not(.widget) .box-actions a.action.edit:after { display: none; } .account.customer-address-index .column.main .block:not(.widget) .box-actions a.action.delete { font-weight: bold; text-transform: uppercase; } .account.customer-address-index .column.main .block:not(.widget) .box-actions a.action.delete:before { content: ''; font-style: normal; font-family: 'psa'; font-size: 35px; background: url('../../frontend/Kemana/default/id_ID/images/icons8-delete-64.svg') no-repeat; text-decoration: none; position: absolute; right: 4px; top: 4px; z-index: 0; background-size: 100%; width: 23px; height: 23px; display: block; } .account.customer-address-index .column.main .block:not(.widget) .box-actions a.action.delete span { display: none; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-default { margin-bottom: 30px; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-default .block-title { color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; margin: 30px 0 35px 0; padding-bottom: 0 !important; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-default .block-content .box .box-content address { font-size: 14px; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-default .block-content .box .box-content address a { font-size: 14px; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-list { border-top: solid 1px #ccc; margin-bottom: 30px; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-list .block-title { color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; margin: 30px 0 30px 0; padding-bottom: 0 !important; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-list .block-content .box .box-content { margin-top: 30px; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-list .block-content .box .box-content address { font-size: 1.4rem; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-list .block-content .box .box-content address a { font-size: 14px; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-default ul, .account.customer-address-index .column.main .block:not(.widget).block-addresses-list ul { list-style: none; font-size: 14px; padding: 0; } .account.customer-address-index .column.main .block:not(.widget).block-addresses-default ul li, .account.customer-address-index .column.main .block:not(.widget).block-addresses-list ul li { font-size: 14px; margin: 0; } .account.customer-address-index .column.main .block:not(.widget) .box-title > span { color: #001B61; font-family: Roboto; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 14px; text-transform: uppercase; } .account.customer-address-index .box-address-shipping, .account.customer-address-index .box-address-billing { position: relative; } .account.customer-address-index .box-address-shipping .box-content, .account.customer-address-index .box-address-billing .box-content { color: #222222; font-family: Roboto; font-size: 14px; letter-spacing: 0; line-height: 21px; margin-top: 8px; } .account.customer-address-index .box-address-shipping .box-content address a, .account.customer-address-index .box-address-billing .box-content address a { color: #222222; font-size: 14px; } .account.customer-address-index .box-address-shipping:before, .account.customer-address-index .additional-addresses .box-address-billing:before { width: 1px; height: 100%; background: #ccc; content: ""; position: absolute; left: -25px; top: 0; } .account.customer-address-index .additional-addresses { border-bottom: none; } .account.customer-address-index .additional-addresses .box.box-address-billing:last-child { border-bottom: none; } .account.customer-address-index .actions-toolbar .add.primary { background-color: #003C8E; padding: 11px 80px !important; border-radius: 20px !important; font-family: Oswald; } .account.customer-address-index .table-wrapper.additional-addresses div#additional-addresses-table .box-content { margin-top: 2px !important; } .account.customer-account-index .page-title-wrapper .page-title { margin-top: 21px; } .account.customer-account-index .column.main .block-dashboard-info .block-title, .account.customer-account-index .column.main .block-dashboard-addresses .block-title { border-bottom-width: 0; margin-bottom: 10px; padding-bottom: 10px; } .account.customer-account-index .column.main .block-dashboard-info .block-title > strong, .account.customer-account-index .column.main .block-dashboard-addresses .block-title > strong { color: #001B61; font-family: Roboto; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 14px; text-transform: uppercase; } .account.customer-account-index .column.main .block-dashboard-info .block-title a.action.edit span, .account.customer-account-index .column.main .block-dashboard-addresses .block-title a.action.edit span { display: none; } .account.customer-account-index .column.main .block-dashboard-info .block-title a.action.edit:before, .account.customer-account-index .column.main .block-dashboard-addresses .block-title a.action.edit:before { content: "\e906"; font-style: normal; font-family: 'psa'; font-size: 35px; text-decoration: none; position: absolute; right: 0; top: -9px; color: #003C8E; line-height: normal; } .account.customer-account-index .column.main .block-dashboard-info .box-title, .account.customer-account-index .column.main .block-dashboard-addresses .box-title { font-size: 12px; color: #999999; font-weight: normal; } .account.customer-account-index .column.main .block-dashboard-info .block-content, .account.customer-account-index .column.main .block-dashboard-addresses .block-content { line-height: 21px; font-size: 14px; color: #222; } .account.customer-account-index .column.main .block-dashboard-info .block-content a, .account.customer-account-index .column.main .block-dashboard-addresses .block-content a { color: #222; } .account.customer-account-index .column.main .block-dashboard-info .block-content address ul, .account.customer-account-index .column.main .block-dashboard-addresses .block-content address ul { padding: 0 !important; list-style: none; } .account.customer-account-index .column.main .block-dashboard-info .block-content address ul li, .account.customer-account-index .column.main .block-dashboard-addresses .block-content address ul li { margin: 0 !important; } .account.customer-account-index .block-dashboard-orders { clear: both; border-top: solid 1px #ccc; padding-top: 30px; margin-top: 30px; float: left; width: 100%; } .account.customer-account-index .block-dashboard-info { clear: left; float: left; width: 48%; position: relative; } .account.customer-account-index .block-dashboard-info label { font-size: 12px; color: #999999; } .account.customer-account-index .block-dashboard-info .block-content { display: flex; } .account.customer-account-index .block-dashboard-info .block-content .c-name, .account.customer-account-index .block-dashboard-info .block-content .c-email, .account.customer-account-index .block-dashboard-info .block-content .c-date, .account.customer-account-index .block-dashboard-info .block-content .c-gender { display: flex; flex-direction: column; line-height: 21px; } .account.customer-account-index .block-dashboard-info .block-content .c-gender, .account.customer-account-index .block-dashboard-info .block-content .c-email { margin-top: 20px; } .account.customer-account-index .block-dashboard-info .block-content .date-row { padding-left: 60px; } .account.customer-account-index .block-dashboard-info .block-content .c-email span { font-size: 12px; } .account.customer-account-index .block-dashboard-addresses { width: 48%; position: relative; float: right; } .account.customer-account-index .block-dashboard-addresses:before { width: 1px; height: 100%; background: #ccc; content: ""; position: absolute; left: -25px; top: 0; } .cms-no-result .homepage-title h3 { display: inline-block; width: 100%; } .cms-no-result.page-layout-1column .column.main { padding-bottom: 0; } .cms-no-result.cms-page-view #maincontent .home-recommendation .custom-products-carousel { padding-bottom: 70px; margin-bottom: 0; } .theme-pearl.store-view-default .column.main.infinite-scroll .product-items .ias-load-more span, .theme-pearl.store-view-idn .column.main.infinite-scroll .product-items .ias-load-more span { color: #003c8e; } .theme-pearl.store-view-default .modals-wrapper .modal-footer button, .theme-pearl.store-view-idn .modals-wrapper .modal-footer button { border-radius: 20px; padding: 11px 35px; } .theme-pearl.store-view-default button.continue-shopping span, .theme-pearl.store-view-idn button.continue-shopping span { color: #999; font-size: 12px; font-weight: 500; line-height: normal; } /*End common css */ @media only screen and (max-width: 767px) { .account.customer-address-index .table-wrapper.additional-addresses div#additional-addresses-table .box-actions.edit-delete-wrapper a.action.edit:before { right: 35px; } .account.customer-address-index .table-wrapper.additional-addresses div#additional-addresses-table .box-actions.edit-delete-wrapper a.action.delete:before { right: 5px; } } .account.customer-address-form input[type="text"], .customer-account-edit input[type="text"], .account.customer-address-form input[type="password"], .customer-account-edit input[type="password"], .account.customer-address-form input[type="url"], .customer-account-edit input[type="url"], .account.customer-address-form input[type="tel"], .customer-account-edit input[type="tel"], .account.customer-address-form input[type="search"], .customer-account-edit input[type="search"], .account.customer-address-form input[type="number"], .customer-account-edit input[type="number"], .account.customer-address-form input[type*="date"], .customer-account-edit input[type*="date"], .account.customer-address-form input[type="email"], .customer-account-edit input[type="email"], .account.customer-address-form select, .customer-account-edit select { border: 1px solid #CCCCCC; border-radius: 5px; height: 40px; } .account.customer-address-form .address-edit, .customer-account-edit .address-edit { display: flex; margin: 0; } .account.customer-address-form .address-edit .field, .customer-account-edit .address-edit .field { width: 48%; padding-right: 25px; } .account.customer-address-form .address-phone .field, .customer-account-edit .address-phone .field { width: 48%; padding-right: 25px; } .account.customer-address-form .address-phone .field.zip, .customer-account-edit .address-phone .field.zip { width: 30%; } .account.customer-address-form .address-phone .billing, .customer-account-edit .address-phone .billing, .account.customer-address-form .address-phone .shipping, .customer-account-edit .address-phone .shipping { margin: 0 0 5px; } .account.customer-address-form .address-phone .billing label, .customer-account-edit .address-phone .billing label, .account.customer-address-form .address-phone .shipping label, .customer-account-edit .address-phone .shipping label { color: #222222 !important; font-size: 12px !important; font-weight: 500 !important; } .account.customer-address-form .address-phone .field .tooltip, .customer-account-edit .address-phone .field .tooltip { position: absolute; top: 5px; right: 10px; cursor: pointer; } .account.customer-address-form .address-city, .customer-account-edit .address-city { display: flex; margin: 0; } .account.customer-address-form .page-wrapper .page-main .actions-toolbar .action.primary, .customer-account-edit .page-wrapper .page-main .actions-toolbar .action.primary { border-radius: 20px !important; background-color: #003C8E; width: 214px; color: #FFFFFF; font-family: Oswald; font-size: 14px; font-weight: 500; padding: 8px 0; } .account.customer-address-form .page-title-wrapper .page-title, .customer-account-edit .page-title-wrapper .page-title { margin-top: 56px; margin-bottom: 0; } /*End body class*/ .back-link { position: relative; top: -75px; } .back-link a { color: #999999; font-family: Roboto; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 14px; padding-left: 15px; } .back-link a:before { content: "\e900"; font-family: 'psa'; font-size: 21px; position: absolute; left: -6px; top: 4px; } .account.customer-account-edit .page-title { margin-top: 27px !important; } .account.customer-account-edit .fieldset.info { float: left !important; } .account.customer-account-edit .fieldset.info .field { width: 48%; padding-right: 25px; position: relative; } .account.customer-account-edit .fieldset.info .field span.edit-link { position: absolute; right: 25px; top: -4px; } .account.customer-account-edit .fieldset.info .field span.edit-link a { color: #003C8E; font-size: 12px; font-weight: 500; position: relative; } .account.customer-account-edit .fieldset.info .field span.edit-link a:before { content: ""; width: 100%; height: 1px; left: 0; bottom: -2px; position: absolute; background: #003C8E; } .account.customer-account-edit .fieldset.info .field .field { width: 100%; padding-right: 0px; } .account.customer-account-edit .fieldset.info .field.gender label { padding-right: 10px; } .account.customer-account-edit .fieldset.info .field.customer-dob { margin-bottom: 0; } .account.customer-account-edit .fieldset.info .field.customer-dob.mage-error { outline: #cb2127 solid 2px !important; } .account.customer-account-edit .fieldset.info .field .tooltip { right: 10px !important; } .account.customer-account-edit select#dob_dd { width: 77px; } .account.customer-account-edit select#dob_mm { width: 77px; margin: 0 7px; } .account.customer-account-edit select#dob_yy { width: 107px; } .account.customer-account-edit .page-wrapper .page-main .actions-toolbar { float: left; width: 100%; } .account.customer-account-edit .page-wrapper .page-main .actions-toolbar .action.primary { padding: 11px 0; } .account.customer-account-edit .page-wrapper .page-main .actions-toolbar .action.primary span { font-family: 'Oswald', sans-serif; } .account.customer-account-edit input[type="text"]:disabled, .account.customer-account-edit input[type="password"]:disabled { opacity: 1; background-color: #F5F5F5; color: #707070; } .account.customer-account-edit .modal-popup .modal-inner-wrap { border-radius: 10px; box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.14); width: 470px; } .account.customer-account-edit .modal-popup .modal-header, .account.customer-account-edit .modal-popup .modal-content, .account.customer-account-edit .modal-popup .modal-footer { padding-left: 60px; padding-right: 60px; } .account.customer-account-edit .modal-popup .modal-header { padding-top: 50px; } .account.customer-account-edit .modal-popup .modal-content { padding-bottom: 50px; } .account.customer-account-edit .modal-popup .modal-title { border-bottom: none; padding-bottom: 20px; margin-bottom: 0; min-height: 1em; word-wrap: break-word; color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; } .account.customer-account-edit .modal-popup .fieldset { width: 100%; } .account.customer-account-edit .modal-popup .actions-toolbar .primary .action { width: 202px; border-radius: 20px; background-color: #003C8E; font-family: Oswald; font-size: 14px; font-weight: 500; padding: 11px 0; } .account.customer-account-edit .modal-popup .password-strength-meter { background-color: #D8D8D8; height: 5px; line-height: 36px; padding: 0; position: relative; z-index: 1; top: 14px; font-size: 12px; color: #222; border-radius: 2px; } .account.customer-account-edit .modal-popup .password-medium .password-strength-meter:before { background-color: #F99650; border-radius: 2px; } .account.customer-account-edit .modal-popup .password-weak .password-strength-meter:before { background-color: #CB2127; border-radius: 2px; } .account.customer-account-edit .modal-popup .password-strong .password-strength-meter:before { background-color: #238717; border-radius: 2px; } .account.customer-account-edit .modal-popup .field.confirm.password { margin-top: 50px; } .account.customer-account-edit .modal-popup .control { position: relative; } .account.customer-account-edit .modal-popup .pwd-con input + label { z-index: 11; } .account.customer-account-edit .modal-popup .pwd-show { top: 3px; } .account.customer-account-edit ._keyfocus *:focus, .account.customer-account-edit input.mage-error:not([disabled]):focus, .account.customer-account-edit textarea.mage-error:not([disabled]):focus, .account.customer-account-edit select.mage-error:not([disabled]):focus { outline: #CB2127 solid 2px !important; } .account.customer-account-edit .form-edit-account .field.customer_telephone .tooltip .tooltiptext { right: -307px; top: -8px; width: 280px; font-size: 12px; border: none; border-radius: 5px; background: #003C8E; color: #fff; } .account.customer-account-edit .form-edit-account .field.customer_telephone .tooltip .tooltiptext:before { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: 0; right: auto; left: -18px; top: 10px; border-right-color: #003C8E; position: absolute; } .account.customer-account-edit .form-edit-account .field.customer_telephone .tooltip .tooltiptext:after { display: none; } /*End common css */ @media only screen and (min-width: 1023px) and (max-width: 1199px) { .account.customer-account-edit .fieldset.info .field.gender, .account.customer-account-edit .fieldset.info .field.customer-dob { width: 60%; padding-right: 25px; position: relative; } } .customer-account-edit .address-edit .field .control input#firstname:focus { outline: #003c8e solid 1px !important; } .customer-account-edit .address-edit .field .control input#lastname:focus { outline: #003c8e solid 1px !important; } @media only screen and (max-width: 767px) { .account.customer-account-edit .form-edit-account .field.customer_telephone .tooltip .tooltiptext { right: -7px; top: 33px; } .account.customer-account-edit .form-edit-account .field.customer_telephone .tooltip .tooltiptext:before { border-bottom-color: #003c8e !important; border: 10px solid transparent; content: ""; height: 0; left: 242px; margin-top: 0; position: absolute; right: auto; top: -19px; width: 0; } .account.customer-account-edit fieldset.fieldset.address-edit .field.field-name-firstname.required input:focus { border: 1.5px solid #003c8e; } .account.customer-account-edit fieldset.fieldset.address-edit .field.field-name-lastname.required input:focus { border: 1.5px solid #003c8e; } .messages .message-success.success.message { bottom: 50px; } } .theme-pearl.store-view-default .categorybrand, .theme-pearl.store-view-idn .categorybrand, .categorybrand { max-width: 1120px; margin: 0 auto; padding: 30px 0; } .theme-pearl.store-view-default .categorybrand a.categorycarousel, .theme-pearl.store-view-idn .categorybrand a.categorycarousel, .categorybrand a.categorycarousel { border: 1px solid #001B61; border-radius: 20px; color: #222222; font-size: 14px; padding: 9px; display: inherit; text-align: center; visibility: hidden; display: none; } .theme-pearl.store-view-default .categorybrand a.categorycarousel:hover, .theme-pearl.store-view-idn .categorybrand a.categorycarousel:hover, .categorybrand a.categorycarousel:hover { color: #001b61; font-weight: bold; } .theme-pearl.store-view-default .categorybrand .slick-slider a.categorycarousel, .theme-pearl.store-view-idn .categorybrand .slick-slider a.categorycarousel, .categorybrand .slick-slider a.categorycarousel { visibility: visible; display: inline-block; } .theme-pearl.store-view-default .categorybrand .slick-slide, .theme-pearl.store-view-idn .categorybrand .slick-slide, .categorybrand .slick-slide { margin: 20px; } .theme-pearl.store-view-default .categorybrand .slick-prev, .theme-pearl.store-view-idn .categorybrand .slick-prev, .categorybrand .slick-prev, .theme-pearl.store-view-default .categorybrand .slick-next, .theme-pearl.store-view-idn .categorybrand .slick-next, .categorybrand .slick-next { border-radius: 100%; background-color: #FFFFFF; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); width: 40px; height: 40px; z-index: 1; } .theme-pearl.store-view-default .categorybrand .slick-prev:before, .theme-pearl.store-view-idn .categorybrand .slick-prev:before, .categorybrand .slick-prev:before, .theme-pearl.store-view-default .categorybrand .slick-next:before, .theme-pearl.store-view-idn .categorybrand .slick-next:before, .categorybrand .slick-next:before { font-size: 18px; color: #003C8E; } .theme-pearl.store-view-default .categorybrand .slick-next, .theme-pearl.store-view-idn .categorybrand .slick-next, .categorybrand .slick-next { right: -43px; } .theme-pearl.store-view-default .categorybrand .slick-prev, .theme-pearl.store-view-idn .categorybrand .slick-prev, .categorybrand .slick-prev { left: -43px; } .theme-pearl.store-view-default .categorybrand .slick-prev:active, .theme-pearl.store-view-idn .categorybrand .slick-prev:active, .categorybrand .slick-prev:active, .theme-pearl.store-view-default .categorybrand .slick-next:active, .theme-pearl.store-view-idn .categorybrand .slick-next:active, .categorybrand .slick-next:active, .theme-pearl.store-view-default .categorybrand .slick-prev:focus, .theme-pearl.store-view-idn .categorybrand .slick-prev:focus, .categorybrand .slick-prev:focus, .theme-pearl.store-view-default .categorybrand .slick-next:focus, .theme-pearl.store-view-idn .categorybrand .slick-next:focus, .categorybrand .slick-next:focus, .theme-pearl.store-view-default .categorybrand .slick-prev:not(.primary), .theme-pearl.store-view-idn .categorybrand .slick-prev:not(.primary), .categorybrand .slick-prev:not(.primary), .theme-pearl.store-view-default .categorybrand .slick-next:not(.primary), .theme-pearl.store-view-idn .categorybrand .slick-next:not(.primary), .categorybrand .slick-next:not(.primary) { box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); } .theme-pearl.store-view-default .categorybrand .slick-prev.slick-disabled, .theme-pearl.store-view-idn .categorybrand .slick-prev.slick-disabled, .categorybrand .slick-prev.slick-disabled, .theme-pearl.store-view-default .categorybrand .slick-next.slick-disabled, .theme-pearl.store-view-idn .categorybrand .slick-next.slick-disabled, .categorybrand .slick-next.slick-disabled { opacity: 0; } #maincontent .categorybrand .owl-carousel.owl-theme .owl-stage-outer { padding-top: 20px; } #maincontent .categorybrand .owl-carousel.owl-theme .owl-controls .owl-prev { left: -44px !important; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); } #maincontent .categorybrand .owl-carousel.owl-theme .owl-controls .owl-next { right: -44px !important; box-shadow: 0 -2px 6px 1px rgba(0, 0, 0, 0.12); } .gallery__counter { position: absolute; top: -80px; width: 100%; background: rgba(0, 0, 0, 0.3); padding: 7px 20px; font-size: 16px; letter-spacing: 2px; color: #fff; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 1 !important; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { outline: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus):focus { outline: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { outline: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon::after:focus { box-shadow: none !important; } .full-btn { position: absolute; right: 200px; top: 0; } .gallery-placeholder .full-btn { display: none; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { outline: none !important; } .fotorama__fullscreen-icon:focus, .fotorama__fullscreen-icon:active { outline: none !important; } #element:fullscreen { background-color: rgba(255, 255, 255, 0.42); width: 100vw; height: 100vh; } .catalog-product-view .fancybox-skin { background: #fff; color: #333; border-radius: 10px; padding: 10px 30px !important; } .catalog-product-view .fancybox-skin .tabs-content { border: none !important; } .catalog-product-view .fancybox-skin div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title { padding: 5px 15px; color: #000; } .catalog-product-view .fancybox-skin div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active { background: #000; color: #fff; } .catalog-product-view .fancybox-skin div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title { font-size: 14px; font-weight: 600; padding: 4px 19px; } .catalog-product-view .fancybox-skin div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active a.tab-title { color: #fff; } .catalog-product-view .fancybox-skin div[data-content-type='tabs'] .tabs-navigation li.tab-header { border-radius: 20px !important; border: none !important; background: transparent; } .catalog-product-view .fancybox-skin div[data-content-type='tabs'] .tabs-navigation { border: solid 1px #000; border-radius: 20px; width: 141px; } .catalog-product-view .fancybox-skin div[data-content-type='tabs'] .tabs-navigation li.tab-header:first-child { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .catalog-product-view .fancybox-skin div[data-content-type='tabs'] .tabs-navigation li.tab-header:last-child { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .catalog-product-view .size-chart-img { width: auto; height: auto; margin-bottom: 30px; } .catalog-product-view .tabs-content { margin-top: 30px; } .catalog-product-view p.details { margin: 20px 0; } .catalog-product-view .wrapper-main { display: table; } .catalog-product-view .wrapper { display: table-cell; vertical-align: top; } .catalog-product-view body #sizechart-id p.chart-title { font-family: 'Oswald', sans-serif; } .cms-no-result .breadcrumbs { display: none; } .catalog-category-view .page-wrapper > .page-main > .page-title-wrapper, .catalogsearch-result-index .page-wrapper > .page-main > .page-title-wrapper, .catalogsearch-advanced-result .page-wrapper > .page-main > .page-title-wrapper { border-bottom: none; text-align: center; } .catalog-category-view .page-wrapper > .page-main > .page-title-wrapper .page-title, .catalogsearch-result-index .page-wrapper > .page-main > .page-title-wrapper .page-title, .catalogsearch-advanced-result .page-wrapper > .page-main > .page-title-wrapper .page-title { color: #000000; font-family: Oswald; font-size: 28px; padding-top: 20px; } .catalog-category-view .page-wrapper > .page-main > .page-title-wrapper .page-title span.product-count, .catalogsearch-result-index .page-wrapper > .page-main > .page-title-wrapper .page-title span.product-count, .catalogsearch-advanced-result .page-wrapper > .page-main > .page-title-wrapper .page-title span.product-count { font-size: 28px; } .fotorama__fullscreen-icon:focus:after { box-shadow: none !important; } .catalog-product-view .modal-popup #available-stores-popup .modal-title { text-transform: uppercase; font-weight: 600; } /*End common css */ @media only screen and (max-width: 767px) { .catalog-product-view .fancybox-skin { border-radius: 0; padding: 10px !important; } .catalog-product-view .wrapper-main { display: flex; flex-direction: column; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .catalog-product-view .wrapper-main table td { width: 65px !important; padding: 10px 7px !important; font-size: 12px; } .catalog-product-view .size-chart-img { width: auto; height: auto; } } @media only screen and (min-width: 769px) { .page-layout-2columns-left .main { padding-left: 0 !important; } } body.checkout-onepage-success .page-wrapper .page-main .page-title-wrapper:before { content: url("../../frontend/Kemana/default/id_ID/images/PSA-order.png") !important; } body.checkout-onepage-success .page-wrapper .page-main .page-title-wrapper .page-title { color: #303030; font-family: 'Oswald', sans-serif; font-size: 28px; font-weight: bold; letter-spacing: 0.4px; line-height: 41px; margin-bottom: 8px; margin-top: 30px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success { max-width: 1280px !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p.confirm-msg { color: #303030; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 16px; margin-top: 10px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-info-det .order-num .order-text { color: #303030; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 16px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-info-det .order-num span.order-no { color: #001B61; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 16px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .title-summary h2 { text-align: left; margin-bottom: 15px; margin-top: 40px; border-radius: 10px 10px 0 0; background-color: #F5F5F5; padding: 10px 30px; color: #333333; font-family: 'Oswald', sans-serif; font-size: 21px; font-weight: bold; letter-spacing: 0.4px; line-height: 31px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary { border-bottom: 1px solid #ccc; margin-bottom: 30px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table thead tr th.col.order-num { padding-left: 30px; padding-bottom: 5px; position: relative; bottom: 5px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table thead tr th { color: #001B61; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 26px; border-bottom: 0px solid #dddddd; border: 0px; text-transform: uppercase; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table thead tr th.col.order-status { vertical-align: middle; display: table-cell; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table tbody tr td.order-info { color: #222222; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 21px; text-align: left; padding-left: 8px; padding-top: 0; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table tbody tr td.order-info:first-child { padding-left: 30px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table tbody tr td { border-top: 0px solid #dddddd !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table tbody tr td.order-info.status-info { text-align: left; position: relative; right: 0; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table tbody tr td.order-info.status-info.pending { color: #F68434; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .Shipping-address { text-align: left; margin-bottom: 20px; padding-left: 30px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .Shipping-address .box.box-order-shipping-address strong.box-title { color: #001B61; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 24px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .Shipping-address .box-content address { color: #222222; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 21px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .Shipping-address .box-content address a { color: #222222; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table thead { background-color: #F5F5F5; display: table-header-group; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table thead tr th.col.image { padding: 20px 46px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table thead tr th.col.sku { text-align: center; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table thead tr th.col.price { text-align: center !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table thead tr th.col.subtotal { text-align: center; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table thead tr th { color: #001B61; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 14px; padding: 20px 10px; border-bottom: 0px solid #dddddd; text-transform: uppercase; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td { text-align: left !important; color: #222222; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 16px; padding-top: 30px; border-top: 0px solid #dddddd; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td span { text-align: left !important; color: #222222; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 16px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td ul.items-qty { list-style: none; padding-left: 0; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td ul.items-qty li { text-align: center; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.name { width: 247px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.name .product-brand span { color: #001B61; font-weight: 600; font-size: 14px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.name strong.product.name.product-item-name { color: #001B61; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0.4px; line-height: 21px; margin-top: 0; font-weight: normal; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.name dl.item-options { display: flex; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.name dl.item-options dt { padding-right: 5px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.sku { text-align: center !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.price span.price-excluding-tax { text-align: center !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.price span.price-excluding-tax .cart-price { font-weight: 600; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table thead tr th { color: #001B61; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 26px; border-bottom: 0px solid #ddd; border: 0px; text-transform: uppercase; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table thead tr th.col.pay-method { padding-left: 30px; padding-bottom: 5px; position: relative; bottom: 6px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info { color: #222222; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 16px; padding-top: 0px; border-top: 0px solid #dddddd; text-align: left; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info:first-child { padding-left: 30px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info .row-success span#paymentcode { position: relative; bottom: 4px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info .row-success button#copyToClipboard { position: relative; bottom: 10px; float: right; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info .column-success p { color: #222222; font-family: 'Roboto', sans-serif; font-size: 14px !important; letter-spacing: 0; line-height: 16px; padding-top: 0; border-top: 0px solid #dddddd; font-weight: 400 !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info .row-success .column-success button#copyToClipboard { background: #ffffff; border: 0; color: #003C8E; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 14px; padding-left: 5px; text-align: right; text-decoration: underline; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info.pay-deadline { margin-bottom: 20px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info.pay-deadline .column-success p { width: 100%; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .success-page-wrapper { padding-top: 20px; padding-bottom: 20px; margin-left: auto; width: 40%; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .success-page-wrapper .row-success .success-left-align.custom-bold p { color: #222222; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 21px; font-weight: 400 !important; text-transform: uppercase; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .success-page-wrapper .row-success .column-success.success-left-align.custom-bold.grand-total p { font-weight: bold !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .success-page-wrapper .row-success .grand-total-amt p { font-weight: bold !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .success-page-wrapper .row-success:last-child { border-bottom: 0px solid #ccc; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar { text-align: right; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar .primary { width: 40%; margin-top: 0px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar .primary .action.primary.continue { color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 21px; text-align: center; border-radius: 20px; background-color: #003C8E; margin-right: 0; max-width: 100%; margin-top: 0px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p.success-faq { display: none; } body.checkout-onepage-success #maincontent .home-recommendation { margin-top: 70px; padding-bottom: 70px; } body.checkout-onepage-success #maincontent .home-recommendation .homepage-title h3 { position: relative; } body.checkout-onepage-success #maincontent .home-recommendation .custom-products-carousel .products-grid.grid .owl-controls .owl-dots { position: relative !important; top: 30px; z-index: 9999; } body.checkout-onepage-success #maincontent .home-recommendation .custom-products-carousel .products-grid.grid .owl-controls .owl-dots .owl-dot.active span { background: #003C8E; } body.checkout-onepage-success #maincontent .home-recommendation .custom-products-carousel .products-grid.grid .owl-controls .owl-nav .owl-prev { height: 38.7px; width: 38.7px; border-radius: 19.35px; background-color: #004199; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); left: -10px !important; background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow.svg') !important; } body.checkout-onepage-success #maincontent .home-recommendation .custom-products-carousel .products-grid.grid .owl-controls .owl-nav .owl-next { height: 38.7px; width: 38.7px; border-radius: 19.35px; background-color: #004199; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); right: -10px !important; background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow.svg') !important; transform: rotate(180deg); } body.checkout-onepage-success .home-recommendation { background-color: #ecf1f8; position: relative; } body.checkout-onepage-success .home-recommendation:before { background-color: #ecf1f8; content: ''; height: 100%; left: -1000px; position: absolute; top: 0; width: 3000px; } body.checkout-onepage-success .home-recommendation .homepage-title h3 { margin: 0; padding: 30px 0 20px; } body.checkout-onepage-success .block.widget .products-grid li.product-item { background: #ffffff; } body.checkout-onepage-success .block.widget .products-grid li.product-item .product-item-details .product-brand span { color: #001B61 !important; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: bold; } body.checkout-onepage-success .block.widget .products-grid li.product-item .product-item-details strong.product-item-name { border-top: none; } body.checkout-onepage-success .block.widget .products-grid li.product-item .product-item-details strong.product-item-name a.product-item-link { text-align: left !important; color: #001B61 !important; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 0; line-height: 18px; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } body.checkout-onepage-success .block.widget .products-grid li.product-item .product-item-details strong.product-item-name a.product-item-link:hover { text-decoration: none; } body.checkout-onepage-success .block.widget .products-grid li.product-item .product-item-details span.price { color: #222222 !important; font-size: 14px !important; } body.checkout-onepage-success .block.widget .products-grid li.product-item .product-item-details .price-wrapper-container span.old-price.sly-old-price span.price-container.price-final_price.tax.weee span.price { font-weight: 500; color: #999 !important; } body.checkout-onepage-success .column.main .products-grid .product-item .product-item-actions .actions-primary + .actions-secondary { display: block !important; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .column-success p span.price { color: #303030; text-transform: uppercase; } body.checkout-onepage-success #maincontent .home-recommendation .custom-products-carousel .products-grid.grid li.product-item a.product-item-photo .sale-label { right: 0px; } .suc-order-id { color: #001B61; } @media only screen and (max-width: 767px) { body.checkout-onepage-success .page-wrapper .page-main .page-title-wrapper:before { transform: scale(0.5); } body.checkout-onepage-success .page-wrapper .page-main .page-title-wrapper .page-title { font-size: 21px; line-height: 31px; margin-bottom: 0px; margin-top: 0px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success { display: block; padding-top: 15px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success p.confirm-msg { text-align: center; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .title-summary h2 { font-size: 18px; margin-bottom: 12px; margin-top: 25px; padding: 10px 20px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary { margin-bottom: 20px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table tbody tr td.order-info { display: block; padding: 9px 0px; text-align: left; width: 220px; margin-left: auto; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table tbody tr td.order-info:before { color: #001B61; content: attr(data-th) ' ' !important; display: block !important; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: bold; left: 35px; letter-spacing: 0; line-height: 21px; padding-right: 10px; position: absolute; text-align: left; text-transform: uppercase; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table tbody tr td.order-info:first-child { padding-left: 0; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table tbody tr td.order-info.status-info { text-align: left !important; position: unset !important; right: 0; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .Shipping-address { padding-left: 20px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table thead { display: none; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td { padding-top: 20px; padding: 20px 5px 0 5px !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.name:before { display: none !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.sku { text-align: left !important; padding-left: 20px !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.qty { text-align: center !important; text-transform: uppercase; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.subtotal { text-align: right !important; border-bottom: 0px solid #ccc; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items .table tbody tr td.col.subtotal:before { padding-right: 0; width: 80px; text-transform: uppercase; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .table-wrapper.order-items table.data.table.table-order-items { margin-bottom: 0; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .success-page-wrapper { width: 100%; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar .primary { width: 100%; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .title-summary.payment-title-sum h2 { margin-top: 5px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table thead tr th.col.pay-method { padding-left: 20px; padding-bottom: 5px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table thead tr th { display: none; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info { text-align: right; padding: 15px 0px 9px 0px; display: block; position: relative; top: 15px; padding-left: 20px !important; text-align: left; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info:before { color: #001B61; content: attr(data-th) ': '; display: block !important; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: bold; left: 20px; letter-spacing: 0; line-height: 21px; padding-right: 10px; position: absolute; text-align: left; text-transform: uppercase; top: -10px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info .column-success p { text-align: left; width: 190px; margin-right: auto; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info .row-success button#copyToClipboard { bottom: 6px; float: right; position: relative; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info .row-success span#paymentcode { bottom: 0px; position: relative; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .payment-info .table tbody tr td.pay-info.pay-method { margin-bottom: 18px; text-align: left; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .success-page-wrapper .row-success .column-success.success-left-align.custom-bold.grand-total p { font-size: 16px; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .success-page-wrapper .row-success .grand-total-amt p span.price { font-size: 16px; } body.checkout-onepage-success .page-wrapper .page-main .success-page-wrapper .row-success .success-right-align .btn-success-payment { bottom: 2px; position: relative; } #my-orders-table.table:not(.totals):not(.cart):not(.table-comparison) > thead > tr > th { display: none; } body.checkout-onepage-success #maincontent .custom-products-carousel .block.widget.grid { margin: 0; } body.checkout-onepage-success #maincontent .custom-products-carousel .owl-carousel .owl-item { padding: 0 5px; } body.checkout-onepage-success #maincontent .home-recommendation { margin-top: 70px; padding-bottom: 50px; } body.checkout-onepage-success #maincontent .home-recommendation .homepage-title h3 { position: relative; color: #333333; font-size: 21px; font-weight: 500; letter-spacing: 0; line-height: 31px; text-align: center; padding: 30px 0 20px; } body.checkout-onepage-success #maincontent .owl-carousel.owl-theme .owl-stage-outer .owl-stage { padding-left: 0px !important; } body.checkout-onepage-success .custom-products-carousel .product-item .product-item-info .product-item-details .product-item-name { max-height: 54px !important; } body.checkout-onepage-success .page-wrapper .page-main .columns .column { margin-top: 0px; margin-bottom: 0; padding-bottom: 0; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .actions-toolbar .primary .action.primary.continue { max-width: 80%; } body.checkout-onepage-success .page-wrapper .page-main .columns .column .checkout-success .order-summary .table tbody tr td.order-info { display: block; padding: 9px 0; text-align: left; width: 72%; margin-left: auto; padding-left: 30px !important; } } body { background-color: #ffffff; } body input:not([disabled]):focus { box-shadow: none; } .checkout-cart-index .cart-container { padding-bottom: 40px; border-bottom: 1px solid #ccc; } .checkout-cart-index #maincontent .column.main .block.crosssell .block-title.title { font-weight: 500 !important; text-align: left !important; font-size: 30px; } .wishlist-index-index .form-wishlist-items .products-grid.wishlist .product-items { position: relative; z-index: 99; } body.catalog-category-view .toolbar .toolbar-amount, .catalogsearch-result-index .toolbar .toolbar-amount, .catalogsearch-advanced-result .toolbar .toolbar-amount { display: none !important; } body.catalog-category-view .sidebar #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content .items .item a, .catalogsearch-result-index .sidebar #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content .items .item a, .catalogsearch-advanced-result .sidebar #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content .items .item a { display: initial; padding-left: 20px; align-items: inherit; } .checkout-index-index .scroll-div { display: none; } .minicart-wrapper .block-minicart #minicart-content-wrapper .product-item-details .product-item-pricing .price-container .minicart-price { display: block; } @media (max-width: 767px) { .minicart-wrapper .block-minicart #minicart-content-wrapper .product-item-details .product-item-pricing .price-container .minicart-price.final-price { margin-bottom: 5px; } } .minicart-wrapper .block-minicart #minicart-content-wrapper .product-item-details .product-item-pricing .price-container .minicart-price.final-price .price { color: #dd0018 !important; font-size: 13px !important; font-weight: 600 !important; } .minicart-wrapper .block-minicart #minicart-content-wrapper .product-item-details .product-item-pricing .price-container .minicart-old-price .price { text-decoration: line-through; font-size: 12px !important; font-weight: normal !important; color: #999; } .cms-page-view #maincontent .home-recommendation { background-color: #E5ECF4; min-height: 550px; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel { height: auto; padding-top: 30px; padding-bottom: 30px; margin-top: 0px; margin-bottom: 0px; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .block-title { margin: 0 0 26px; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-thumbs { display: none; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item { padding: 9px 9px; background: none; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item { background: #ffffff; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item:hover { box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.5); } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details { min-height: 160px; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .product-item-name a { font-weight: 500; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .price-wrapper-container { display: inline-flex; flex-direction: column; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .price { color: #222222 !important; font-weight: bold !important; font-size: 14px !important; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .special-price .price { color: #dd0019 !important; font-size: 14px !important; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .old-price { margin: 0px 0px 0 0; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .old-price .price { color: #999999 !important; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .discount { font-weight: 700; margin-left: 0px; display: inline-block; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .atome-product-price-divider { padding-top: 5px; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { background: url('../../frontend/Kemana/default/id_ID/images/leftarrow1.svg') no-repeat center !important; width: 40px; height: 40px; left: -12px !important; font-size: 0; color: transparent; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-controls .owl-nav .owl-next { background: url('../../frontend/Kemana/default/id_ID/images/rightarrow1.svg') no-repeat center !important; width: 40px; height: 40px; right: -12px !important; font-size: 0; color: transparent; } #search_mini_form .search .search-autocomplete ul { border: 0px solid #2c2c2c; } #search_mini_form .search .search-autocomplete ul li { border-top: 0px solid #2c2c2c; padding: 7px 5px!important; } #search_mini_form .search .search-autocomplete ul li span { font-weight: 600 !important; } #search_mini_form .search .search-autocomplete ul li .amount { display: none; } #searchSuggestions #suggestionsContainer #innerContainer li.highlight { background-color: transparent; } #searchSuggestions #suggestionsContainer #innerContainer li.highlight:hover a { background-color: #e8e8e8; } .checkout-index-index .modal-popup #shipping-new-address-form { flex-wrap: wrap; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.selected a:after, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.selected a:after, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item.selected a:after { content: "\f00c"; font-family: FontAwesome; position: absolute; top: 0px; left: 3px; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item input, .catalogsearch-result-index .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item input, .catalogsearch-advanced-result .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items .item input { position: absolute; opacity: 0; cursor: pointer; } .catalog-category-view .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .items.size-filter .item:last-child { padding-bottom: 0; } .catalog-category-view .columns .column.main .products-grid .product-item .swatch-attribute { position: absolute; } .catalog-category-view .page-wrapper #maincontent .column.main .products.wrapper.grid.products-grid { margin-top: 30px; } .catalog-category-view .page-wrapper #maincontent .column.main .page-title-wrapper #page-title-heading { font-size: 30px; line-height: 60px; } .catalog-category-view .page-wrapper #maincontent .column.main .toolbar.toolbar-products .toolbar-sorter.sorter .sorter-options { font-family: 'Roboto', sans-serif; } body > .loading-mask { z-index: 999999999; } .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .items.item-swatch-container.color-filter li.item.item-swatch { width: 22px; height: 22px; } .page-main .columns .sidebar.sidebar-main .filter-content .filter-options .items.item-swatch-container.color-filter li.item.selected.item-swatch a .swatch-data:before { top: 0px; left: 0; right: 0; margin: auto; } .cms-page-view a.crosslink { color: #006bb4; } .cms-page-view a.crosslink:hover { text-decoration: underline; } .catalog-product-view a.crosslink { color: #006bb4; } .catalog-product-view a.crosslink:hover { text-decoration: underline; } .catalog-product-view .product.media .amlabel-position-wrapper { z-index: 9; } .catalog-category-view a.crosslink, .catalogsearch-result-index a.crosslink, .catalogsearch-advanced-result a.crosslink { color: #006bb4; } .catalog-category-view a.crosslink:hover, .catalogsearch-result-index a.crosslink:hover, .catalogsearch-advanced-result a.crosslink:hover { text-decoration: underline; } a.crosslink { color: #006bb4; } a.crosslink:hover { text-decoration: underline; } .products-grid.wishlist .product-items .product-item-info .price-box { text-align: left !important; } .products-grid.wishlist .product-items .product-item-info .product-item-inner .product-item-actions a.action.edit { width: 15%; } .products-grid.wishlist .product-items .product-item-info .product-item-inner .product-item-actions a.action.btn-remove { width: 60%; font-weight: bold; } .products-grid.wishlist .product-items .product-item-info .product-item-inner .product-item-actions a.action:before { display: none !important; } .products-grid.wishlist .product-items .product-item-info .product-item-inner .product-item-actions a.action span { position: relative; color: #003C8E; } button.action.primary span { text-transform: uppercase !important; } .page-wrapper .page-main button.action.primary { border-radius: 0px !important; } .page-wrapper .page-main button.action.primary span { text-transform: uppercase; } body:not(.mobile-nav) .nav-sections { background-color: #064394 !important; padding-bottom: 0px !important; } .checkout-index-index .product-item { line-height: 1.425; } .page-header .minicart-wrapper * { text-transform: uppercase !important; } .page-wrapper .page-header-v1 .responsive-main-header .nav-toggle { top: 8px !important; } .page-wrapper .page-header-v1 .responsive-main-header .nav-toggle::before { margin-top: 0px; } .page-wrapper .btt-button { bottom: 20px !important; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview { top: unset !important; margin-top: 6px; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .special-price, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .special-price, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .product.details .price-box .special-price { margin-bottom: 2px; } .product-info-main .swatch-option:focus { box-shadow: 0 0 3px 1px transparent; } .products-grid .product-item .product-item-details .price-box .price-container .price-label { display: none !important; } .custom-products-carousel .price-box { margin-bottom: 10px; } .custom-products-carousel .products-grid .product-item { margin-bottom: 0px; } .custom-products-carousel .owl-carousel .owl-stage-outer { padding-bottom: 0px; } .custom-products-carousel .product-item .product-item-info .product-item-details .product-item-name { max-height: 49px; overflow: hidden; } .cms-faq .faq-container { width: 75%; margin: 25px auto 30px auto; padding: 25px; } .cms-faq .faq-container .toggle.toggle-border .togglet { line-height: 50px; padding: 0 15px 0 30px; } .cms-faq .faq-container .toggle.toggle-border .togglet i { left: unset; right: 14px; } .cms-faq .faq-container .toggle.toggle-border .togglec { padding: 0 15px 15px 20px; } a.auto-interlink { color: #006bb4 !important; } a.auto-interlink:hover { text-decoration: underline !important; } .social-container a.social { display: inline-block; } .ie9 .page-wrapper { background-color: #ffffff; min-height: 0; } .btt-button.cd-is-visible { z-index: 2 !important; } .product-item-details .discount { font-size: 14px; font-weight: 300; margin-left: 5px; color: #222222; } .products-grid.grid .product-item .product-item-info:hover { display: inline-block; box-shadow: none !important; width: 100%; } .mxyt-video:hover { -webkit-box-shadow: 0px 0px 23px 1px #949494; -moz-box-shadow: 0px 0px 23px 1px #949494; box-shadow: 0px 0px 23px 1px #949494; } .mxyt-video:hover a { background: #949494; } .mxyt-playlist .mxyt-title h1, .mxyt-playlist .mxyt-title h3 { max-height: 32px; overflow: hidden; } .custom-slider .owl-carousel .owl-stage-outer { padding: 0px 0px 0px; } .custom-slider .custom-slider .owl-theme .owl-dots { bottom: 30px; } .custom-slider .owl-carousel .owl-item { margin-bottom: -1px; } body .owl-theme .owl-dots .owl-dot.active span { background: #fff; } body .owl-theme .owl-dots .owl-dot:hover span, body .owl-theme .owl-dots .owl-dot.active span { background: #DD0019; } #maincontent .owl-carousel.owl-theme .owl-stage-outer { padding-top: 0px; } #maincontent .owl-carousel.owl-theme .owl-controls .owl-nav .disabled { opacity: 0 !important; } #maincontent .owl-carousel.owl-theme .owl-controls .owl-nav [class*=owl-], #maincontent .owl-carousel.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background-size: contain; } #maincontent .owl-carousel.owl-theme .owl-controls .owl-nav [class*=owl-]:after, #maincontent .owl-carousel.owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after, #maincontent .owl-carousel.owl-theme .owl-controls .owl-nav [class*=owl-]:before, #maincontent .owl-carousel.owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before { display: none; } #maincontent .owl-carousel.owl-theme .owl-controls .owl-prev { left: 30px !important; box-shadow: 0px 0px 4px 1px #888888db; background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow-blue.svg') !important; background: #fff; border-radius: 20px; width: 38px; background-size: 27px !important; background-repeat: no-repeat; background-position: center; height: 38px; } #maincontent .owl-carousel.owl-theme .owl-controls .owl-next { right: 30px !important; box-shadow: 0px 0px 4px 1px #888888db; background-image: url('../../frontend/Kemana/default/id_ID/images/header/arrow-blue.svg') !important; background: #fff; border-radius: 20px; transform: rotate(180deg); width: 38px; background-size: 27px !important; background-repeat: no-repeat; background-position: center; height: 38px; } .page-products .custom-products-carousel .grid.products-grid .product-item { height: auto !important; } .products-grid .product-item .product-item-details .price-box { display: inline-block; } .products-grid .product-item .product-item-details .price-box.price-final_price .special-price, .products-grid .product-item .product-item-details .price-box.price-final_price .old-price { display: inline-block; margin-left: 0px; } .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price, .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price { color: #020202 !important; font-weight: 400; } .products-grid .product-item .product-item-details .price-box.price-final_price .old-price { text-align: left; } .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price { font-size: 14px !important; color: grey !important; } .products-grid .product-item .product-item-details .price-box .price-container .price { color: #020202 !important; font-weight: 400; } li.separator { list-style: none; } .product-item:hover .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist { opacity: 1; } .product-item:hover .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist:before { content: ''; background: url(../../frontend/Kemana/default/id_ID/images/heart-icon.png) no-repeat center; color: transparent; background-size: contain; } .product-item:hover .product-item-info.added-to-wishlist .product-item-details .product-item-actions .actions-secondary .action.towishlist { opacity: 1; } .product-item:hover .product-item-info.added-to-wishlist .product-item-details .product-item-actions .actions-secondary .action.towishlist:before { content: ''; background: url(../../frontend/Kemana/default/id_ID/images/heart-icon-red.png) no-repeat center; color: transparent; background-size: contain; } .product-item .product-item-info { margin: 0; padding: 10px; box-sizing: border-box; } .product-item .product-item-info .product-item-details { position: relative; text-align: left; } .product-item .product-item-info .product-item-details .product-brand { margin-top: 30px; padding-top: 15px; border-top: 1px solid #c1c0d2; } .product-item .product-item-info .product-item-details .product-brand span { font-weight: 600; font-size: 14px !important; color: #001b61; } .product-item .product-item-info .product-item-details .product.name, .product-item .product-item-info .product-item-details .product-item-name { text-align: left !important; line-height: normal; border-top: none; margin-top: 0; padding-top: 0; } .product-item .product-item-info .product-item-details .product.name a, .product-item .product-item-info .product-item-details .product-item-name a { font-weight: 700; text-transform: uppercase; } .product-item .product-item-info .product-item-details .product-item-actions { position: initial !important; } .product-item .product-item-info .product-item-details .product-item-actions .actions-primary { display: none !important; } .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.tocompare { display: none; } .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist { position: absolute; top: -25px; right: 0; margin-right: 0px; z-index: 1; } .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist:before { content: ''; background: url(../../frontend/Kemana/default/id_ID/images/heart-icon.png) no-repeat center; background-size: contain; width: 20px !important; color: transparent; display: block; height: 20px !important; padding: 0px; } .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.towishlist:hover:before { background: url(../../frontend/Kemana/default/id_ID/images/heart-icon-red.png) no-repeat center; background-size: contain; } .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action.wishlisted::before { content: ''; background: url(../../frontend/Kemana/default/id_ID/images/heart-icon-red.png) no-repeat center !important; background-size: contain !important; } .product-item .product-item-info .product-item-details .product-item-inner { position: initial !important; } .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions { position: inherit; } .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions .secondary-addto-links.actions-secondary { display: block; } .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions .secondary-addto-links.actions-secondary .towishlist { position: absolute; top: -25px; right: 0; margin-right: 0px; z-index: 1; } .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions .secondary-addto-links.actions-secondary .towishlist:before { content: ''; background: url(../../frontend/Kemana/default/id_ID/images/heart-icon.png) no-repeat center; background-size: contain; width: 20px; height: 20px; color: transparent; } .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions .secondary-addto-links.actions-secondary .towishlist:hover:before { content: ''; background: url(../../frontend/Kemana/default/id_ID/images/heart-icon-blue.png) no-repeat center; color: transparent; background-size: contain; } .product-item .product-item-info .product-item-details .price-box.price-final_price { display: inline-block; text-align: left !important; } .product-item .product-item-info .product-item-details .price-box.price-final_price .special-price, .product-item .product-item-info .product-item-details .price-box.price-final_price .old-price { display: inline-block; margin-left: 0px; } .product-item .product-item-info .product-item-details .price-box.price-final_price .price-container .price { color: #999999 !important; font-weight: 400; } .product-item .product-item-info .product-item-details .price-box.price-final_price .old-price .price-container .price { font-size: 13px !important; color: grey !important; } .page-products .custom-products-carousel .grid.products-grid .product-item { width: 100% !important; } .page-products .custom-products-carousel .grid.products-grid .product-item-info:hover { margin: 0px; padding: 10px; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .page-header { border-bottom: 1px solid #cccccc; margin-bottom: 20px; } .page-header .panel.wrapper { background-color: #7e807e; color: #ffffff; } .header.panel > .header.links { margin: 0; padding: 0; list-style: none none; float: right; font-size: 0; margin-left: auto; margin-right: 20px; } .header.panel > .header.links > li { display: inline-block; vertical-align: top; } .header.panel > .header.links > li { font-size: 14px; margin: 0 0 0 15px; } .header.panel > .header.links > li > a { color: #ffffff; text-decoration: none; } .header.panel > .header.links > li > a:visited { color: #ffffff; text-decoration: none; } .header.panel > .header.links > li > a:hover { color: #ffffff; text-decoration: underline; } .header.panel > .header.links > li > a:active { color: #ffffff; text-decoration: underline; } .header.content { padding-top: 10px; position: relative; } .logo { float: left; margin: 0 0 10px 40px; max-width: 50%; position: relative; z-index: 5; } .logo img { display: block; } .page-print .logo { display: inline-block; float: none; } .page-main > .page-title-wrapper .page-title + .action { margin-top: 30px; } .action.skip:focus { background: #f0f0f0; padding: 10px; box-sizing: border-box; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 15; } .message.global p { margin: 0; } .message.global.noscript, .message.global.cookie { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #ffee9c; border-color: #d6ca8e; color: #333333; margin: 0; } .message.global.noscript a, .message.global.cookie a { color: #006bb4; } .message.global.noscript a:hover, .message.global.cookie a:hover { color: #006bb4; } .message.global.noscript a:active, .message.global.cookie a:active { color: #ff5501; } .message.global.cookie { bottom: 0; left: 0; position: fixed; right: 0; z-index: 3; } .message.global.cookie .actions { margin-top: 10px; } .message.global.demo { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #ff0101; border-color: none; color: #ffffff; margin-bottom: 0; text-align: center; } .message.global.demo a { color: #006bb4; } .message.global.demo a:hover { color: #006bb4; } .message.global.demo a:active { color: #ff5501; } .page-footer { margin-top: 25px; } .footer.content { border-top: 1px solid #cecece; padding-top: 20px; } .footer.content .links > li { background: #f4f4f4; font-size: 1.6rem; border-top: 1px solid #cecece; margin: 0 -15px; padding: 0 15px; } .footer.content .links a, .footer.content .links strong { display: block; padding: 10px 0; } .footer.content .links strong { color: #a6a6a6; font-weight: normal; } .footer.content .links a { color: #575757; text-decoration: none; } .footer.content .links a:visited { color: #575757; text-decoration: none; } .footer.content .links a:hover { color: #333333; text-decoration: underline; } .footer.content .links a:active { color: #333333; text-decoration: underline; } .copyright { background-color: #6e716e; color: #ffffff; display: block; padding: 10px; text-align: center; } .page-header .switcher .options, .page-footer .switcher .options { display: inline-block; position: relative; } .page-header .switcher .options:before, .page-footer .switcher .options:before, .page-header .switcher .options:after, .page-footer .switcher .options:after { content: ''; display: table; } .page-header .switcher .options:after, .page-footer .switcher .options:after { clear: both; } .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle > span, .page-footer .switcher .options .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle:after, .page-footer .switcher .options .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 22px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle:hover:after, .page-footer .switcher .options .action.toggle:hover:after { color: inherit; } .page-header .switcher .options .action.toggle:active:after, .page-footer .switcher .options .action.toggle:active:after { color: inherit; } .page-header .switcher .options .action.toggle.active, .page-footer .switcher .options .action.toggle.active { display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle.active > span, .page-footer .switcher .options .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle.active:after, .page-footer .switcher .options .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 22px; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle.active:hover:after, .page-footer .switcher .options .action.toggle.active:hover:after { color: inherit; } .page-header .switcher .options .action.toggle.active:active:after, .page-footer .switcher .options .action.toggle.active:active:after { color: inherit; } .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 160px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .page-header .switcher .options ul.dropdown li, .page-footer .switcher .options ul.dropdown li { margin: 0; padding: 0; } .page-header .switcher .options ul.dropdown li:hover, .page-footer .switcher .options ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before, .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { left: 10px; top: -12px; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { left: 9px; top: -14px; } .page-header .switcher .options.active, .page-footer .switcher .options.active { overflow: visible; } .page-header .switcher .options.active ul.dropdown, .page-footer .switcher .options.active ul.dropdown { display: block; } .page-header .switcher .options ul.dropdown a, .page-footer .switcher .options ul.dropdown a { color: #333333; text-decoration: none; display: block; padding: 8px; } .page-header .switcher .options ul.dropdown a:visited, .page-footer .switcher .options ul.dropdown a:visited { color: #333333; text-decoration: none; } .page-header .switcher .options ul.dropdown a:hover, .page-footer .switcher .options ul.dropdown a:hover { color: #333333; text-decoration: none; } .page-header .switcher .options ul.dropdown a:active, .page-footer .switcher .options ul.dropdown a:active { color: #333333; text-decoration: none; } .page-header .switcher strong, .page-footer .switcher strong { font-weight: 400; } .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child) { margin-bottom: 40px; } .widget { clear: both; } .page-header .widget.block, .page-footer .widget.block { margin: 20px 0; } .ui-datepicker td { padding: 0; } .ui-tooltip { background: #ffffff; border: 1px solid #bbbbbb; padding: 10px; } .products-grid .product-items .item.product .product-item-info.added-to-wishlist .product_image .product-item-actions .actions-secondary .towishlist:hover { opacity: 1; } .products-grid .product-items .item.product .product-item-info.added-to-wishlist .product_image .product-item-actions .actions-secondary .towishlist:hover:before { content: ''; background: url(../../frontend/Kemana/default/id_ID/images/heart-icon-red.png) no-repeat center !important; color: transparent; background-size: 17px !important; } .products-grid .product-items .item.product .product-item-info.added-to-wishlist .product-item-details .product-item-actions .actions-secondary .towishlist:hover { opacity: 1; } .products-grid .product-items .item.product .product-item-info.added-to-wishlist .product-item-details .product-item-actions .actions-secondary .towishlist:hover:before { content: ''; background: url(../../frontend/Kemana/default/id_ID/images/heart-icon-red.png) no-repeat center !important; color: transparent; background-size: 17px !important; } .account.customer-address-form .telephone, .account.customer-account-edit .telephone, .account.customer-address-form .field.customer_telephone, .account.customer-account-edit .field.customer_telephone { position: relative; } .account.customer-address-form .telephone .tooltip:hover:before, .account.customer-account-edit .telephone .tooltip:hover:before, .account.customer-address-form .field.customer_telephone .tooltip:hover:before, .account.customer-account-edit .field.customer_telephone .tooltip:hover:before { color: #000000; } .account.customer-address-form .telephone .tooltip:hover .tooltiptext, .account.customer-account-edit .telephone .tooltip:hover .tooltiptext, .account.customer-address-form .field.customer_telephone .tooltip:hover .tooltiptext, .account.customer-account-edit .field.customer_telephone .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .account.customer-address-form .telephone .tooltip:before, .account.customer-account-edit .telephone .tooltip:before, .account.customer-address-form .field.customer_telephone .tooltip:before, .account.customer-account-edit .field.customer_telephone .tooltip:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 21px; line-height: inherit; color: #bbbbbb; content: '\e623'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .account.customer-address-form .telephone .tooltip .tooltiptext, .account.customer-account-edit .telephone .tooltip .tooltiptext, .account.customer-address-form .field.customer_telephone .tooltip .tooltiptext, .account.customer-account-edit .field.customer_telephone .tooltip .tooltiptext { color: #333333; text-align: left; background: #f4f4f4; border: 1px solid #999999; border-radius: 1px; font-size: 14px; padding: 12px; width: 270px; left: 38px; position: absolute; text-transform: none; top: -9px; word-wrap: break-word; z-index: 2; height: fit-content; right: -10px; top: 40px; left: auto; visibility: hidden; transition: opacity 0.3s; } .account.customer-address-form .telephone .tooltip .tooltiptext:after, .account.customer-account-edit .telephone .tooltip .tooltiptext:after, .account.customer-address-form .field.customer_telephone .tooltip .tooltiptext:after, .account.customer-account-edit .field.customer_telephone .tooltip .tooltiptext:after { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: -20px; right: 10px; left: auto; top: 1px; border-bottom-color: #f4f4f4; position: absolute; } .account.customer-address-form .telephone .tooltip .tooltiptext:before, .account.customer-account-edit .telephone .tooltip .tooltiptext:before, .account.customer-address-form .field.customer_telephone .tooltip .tooltiptext:before, .account.customer-account-edit .field.customer_telephone .tooltip .tooltiptext:before { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; border-bottom-color: #999999; position: absolute; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset .field.checkout-telephone-toltip .control._with-tooltip:before { content: "+62"; position: absolute; font-size: 14px; padding: 11px 10px; color: #999; } body.checkout-index-index.bopis__checkout--container .opc-wrapper .bopis__checkout .fieldset .field.checkout-telephone-toltip .control._with-tooltip input.input-text { margin-right: 0px; width: 100%; padding-left: 40px; } body.checkout-index-index.bopis__checkout--container .field-tooltip .field-tooltip-content { right: -307px; top: -8px; width: 280px; font-size: 12px; border: none; border-radius: 5px; background: #003C8E; color: #fff; } body.checkout-index-index.bopis__checkout--container .field-tooltip .field-tooltip-content:before { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: 0; right: auto; left: -18px; top: 10px; border-right-color: #003C8E; position: absolute; } body.checkout-index-index.bopis__checkout--container .field-tooltip .field-tooltip-content:after { display: none; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .table-totals tr.totals.shipping.excl th.mark span.value { display: none; } .field-recaptcha { margin-top: 20px; margin-bottom: 10px; } .checkout-index-index .form-shipping-address .checkout-telephone-toltip .control._with-tooltip:before { content: "+62"; position: absolute; font-size: 14px; padding: 11px 10px; color: #999; } .checkout-index-index .form-shipping-address .checkout-telephone-toltip .control._with-tooltip input.input-text { padding-left: 35px; } .account.customer-address-form .form-address-edit .field.telephone .control.custom-tooltip { position: relative; } .account.customer-address-form .form-address-edit .field.telephone .control.custom-tooltip:before { content: "+62"; position: absolute; font-size: 14px; padding: 11px 10px; color: #999; } .account.customer-address-form .form-address-edit .field.telephone .control.custom-tooltip input.input-text { padding-left: 40px; } .customer-account-edit .form-edit-account .field.customer_telephone .control { position: relative; } .customer-account-edit .form-edit-account .field.customer_telephone .control:before { content: "+62"; position: absolute; font-size: 14px; padding: 10px 10px; color: #999; } .customer-account-edit .form-edit-account .field.customer_telephone .control input#customer_telephone { padding-left: 35px; } .customer-account-edit .form-edit-account .field.customer_telephone .control .tooltip { display: inline-block; position: absolute; top: 5px; right: 0; } .freeShip-text strong { padding-right: 3px; } .fotorama__nav__frame.fotorama__nav__frame--thumb.hidden { display: inline-block !important; } .account.customer-account-edit .fieldset.info .field.gender label input[type=radio] { position: relative; top: 1px; } .account.customer-account-edit .modal-popup .actions-toolbar .primary .action:hover { background-color: #fff !important; } .account.customer-account-edit .modal-popup .actions-toolbar .primary .action span { font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 21px; } .customer-account-forgotpassword .field-recaptcha { margin-top: 20px; margin-bottom: 10px; max-width: 425px; margin-left: auto; margin-right: auto; } body.checkout-cart-index .column.main .block.crosssell { position: relative; } body.checkout-cart-index .column.main .block.crosssell:before { background-color: #ecf1f8; content: ''; height: 100%; left: -1000px; position: absolute; top: 0; width: 3000px; } body.checkout-cart-index .column.main .products-grid .product-item .product-item-info { margin: 0; padding: 10px !important; } body.checkout-cart-index .column.main .products-grid .product-item .product-item-info a.product.photo.product-item-photo { margin-left: 0; } body.checkout-cart-index #maincontent .column.main .block.crosssell .block-title.title { margin: 0; position: relative; text-align: center !important; } body.checkout-cart-index #maincontent .column.main .block.crosssell .block-title.title span { color: #222222; display: block; font-family: 'Oswald', sans-serif; font-size: 28px; font-weight: 500; margin: 0; padding: 30px 0 20px; text-align: center; text-transform: uppercase; width: 100%; } body.checkout-cart-index #maincontent .column.main .block.crosssell .block-content.content .products.wrapper.grid.products-grid.products-crosssell ol.products { margin-top: 0; } body.checkout-cart-index #maincontent .block.crosssell div[aria-labelledby=block-crosssell-heading] .products-grid .product-item .product-item-details .product-brand { padding-top: 15px; margin-top: 20px; border-top: 1px solid #c1c0d2; width: 100%; } body.checkout-cart-index #maincontent .block.crosssell div[aria-labelledby=block-crosssell-heading] .products-grid .product-item .product-item-details .product-brand span { font-size: 14px; font-weight: 600 !important; color: #001b61 !important; } body.checkout-cart-index #maincontent .block.crosssell div[aria-labelledby=block-crosssell-heading] .products-grid .product-item .product-item-details .product-item-name a.product-item-link { text-align: left !important; color: #001b61 !important; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 18px; text-decoration: none; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } body.checkout-cart-index #maincontent .block.crosssell div[aria-labelledby=block-crosssell-heading] .products-grid .product-item .product-item-details .price-box.price-final_price .discount, body.checkout-cart-index #maincontent .block.crosssell div[aria-labelledby=block-crosssell-heading] .products-grid .product-item .product-item-details .price-box.price-final_price .price-wrapper-container { position: relative; bottom: 15px; } body.checkout-cart-index #maincontent .block.crosssell div[aria-labelledby=block-crosssell-heading] .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price { color: #dd0019 !important; font-size: 14px !important; } body.checkout-cart-index #maincontent .block.crosssell div[aria-labelledby=block-crosssell-heading] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price { color: #999 !important; font-size: 13px !important; font-weight: 400 !important; font-family: 'Roboto', medium; } body.checkout-cart-index #maincontent .column.main .block.crosssell .owl-controls .owl-nav .owl-prev { height: 38.7px; width: 38.7px; border-radius: 19.35px; background-color: #004199 !important; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); left: -10px !important; background-image: url(../../frontend/Kemana/default/id_ID/images/header/arrow.svg) !important; } body.checkout-cart-index #maincontent .column.main .block.crosssell .owl-controls .owl-nav .owl-next { height: 38.7px; width: 38.7px; border-radius: 19.35px; background-color: #004199 !important; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); right: -10px !important; background-image: url(../../frontend/Kemana/default/id_ID/images/header/arrow.svg) !important; transform: rotate(180deg); } body.checkout-cart-index #maincontent .block.crosssell div[aria-labelledby=block-crosssell-heading] .products-grid .product-item .product-item-details .product-item-name { width: 100%; } body.checkout-cart-index #maincontent .block.crosssell .owl-controls .owl-dots .owl-dot.active span { background: #003c8e; } body.checkout-cart-index .cart-container { border-bottom: 0px solid #cccccc !important; } body.catalog-product-view .page-wrapper main#maincontent .block.row { position: relative; } body.catalog-product-view .page-wrapper main#maincontent .block.row:before { background-color: #ecf1f8; content: ''; height: 100%; left: -1000px; position: absolute; top: 0; width: 3000px; } body.catalog-product-view .page-wrapper main#maincontent .block.row h3.block-title.title { margin: 0; position: relative; text-align: center; } body.catalog-product-view .page-wrapper main#maincontent .block.row h3.block-title.title span { color: #222222; display: block; font-family: 'Oswald', sans-serif; font-size: 28px; font-weight: 500; margin: 0; padding: 30px 0 20px; text-align: center; text-transform: uppercase; width: 100%; } body.catalog-product-view .page-wrapper main#maincontent .block.row .block-content.content .products ol.products { margin-top: 0; } body.catalog-product-view .page-wrapper main#maincontent .column.main .products-grid .product-item .product-item-info { padding: 10px; } body.catalog-product-view .page-wrapper main#maincontent .column.main .products-grid .product-item .product-item-info a.product.photo.product-item-photo { margin-left: 0; } body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading].products-grid .product-item .product-item-name > a.product-item-link { color: #001b61 !important; font-family: 'Roboto', medium; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 18px; text-decoration: none; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading] .products-grid .product-item .product-item-details .product-brand { padding-top: 15px; margin-top: 20px; border-top: 1px solid #c1c0d2; width: 100%; } body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading] .products-grid .product-item .product-item-details .product-brand span { font-size: 14px; font-weight: 600 !important; color: #001b61 !important; } body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading] .products-grid .product-item .product-item-details .product-item-name a.product-item-link { color: #001b61 !important; font-family: 'Roboto', medium; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 18px; text-decoration: none; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading] .products-grid .product-item .product-item-details .price-box.price-final_price .discount, body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading] .products-grid .product-item .product-item-details .price-box.price-final_price .price-wrapper-container { position: relative; bottom: 15px; } body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading] .products-grid .product-item .product-item-details .price-box .price-container span.price { font-size: 14px !important; font-weight: 700; } body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading] .products-grid .product-item .product-item-details .price-box .special-price .price-container span.price { font-size: 14px !important; } body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container span.price { font-family: 'Roboto', sans-serif; } body.catalog-product-view .page-wrapper main#maincontent .block.row .owl-controls .owl-dots .owl-dot.active span { background: #003c8e; } body.catalog-product-view .page-wrapper main#maincontent .block.row .owl-controls .owl-nav .owl-prev { height: 38.7px; width: 38.7px; border-radius: 19.35px; background-color: #004199 !important; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); left: -10px !important; background-image: url(../../frontend/Kemana/default/id_ID/images/header/arrow.svg) !important; } body.catalog-product-view .page-wrapper main#maincontent .block.row .owl-controls .owl-nav .owl-next { height: 38.7px; width: 38.7px; border-radius: 19.35px; background-color: #004199 !important; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.12); right: -10px !important; background-image: url(../../frontend/Kemana/default/id_ID/images/header/arrow.svg) !important; transform: rotate(180deg); } body.checkout-cart-index main#maincontent .cart-container .cart-summary ul.checkout.methods.items.checkout-methods-items li.item .payment-method-note.atome-checkout-note .atome-note { text-align: left; } body.checkout-cart-index main#maincontent .cart-container .cart-summary ul.checkout.methods.items.checkout-methods-items li.item .payment-method-note.atome-checkout-note img.atome-icon.atome-logo { float: left; margin-bottom: 24px; text-align: left; } body.checkout-cart-index main#maincontent .cart-container .cart-summary ul.checkout.methods.items.checkout-methods-items li.item .payment-method-note.atome-checkout-note a.more-info { float: left; margin-bottom: 30px; top: 3px; } body.checkout-cart-index .cart-summary .block .content .fieldset.coupon label.label.coupon-code-label { display: block; padding-bottom: 10px; } .custom__radio--btns label .shipping-type__label span { color: #222222 !important; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product.options .content .item-options .label { margin-right: 0px; } @media (max-width: 768px) { * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details { min-height: 167px !important; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .price-box .discount { font-size: 10px; margin-top: 0; } .cms-page-view #maincontent .home-recommendation .custom-products-carousel .owl-carousel.owl-theme .owl-item .product-item .product-item-details .product-item-actions { height: 0; } } .modal-popup .action-close, button.mfp-close { background-color: transparent !important; border: none !important; opacity: .5 !important; } .modal-popup .action-close:hover, button.mfp-close:hover { opacity: 1 !important; background-color: transparent !important; border: none !important; } .block.newsletter { margin: 0 auto; } body.catalog-product-view .product.media .gallery-placeholder .fotorama__stage { width: 84% !important; } body.catalog-product-view.product-page-v1 .column.main .product-info-main { width: 38%; } .account.customer-address-form .address-phone .billing input[type='checkbox'] { accent-color: #001b61; } .account.customer-address-form .address-phone .shipping input[type='checkbox'] { accent-color: #001b61; } body.account.customer-address-form .column.main .form-address-edit button.action.primary span { font-family: 'Oswald', medium; } body.account.customer-address-form .page-wrapper .page-main .columns .column .page-title-wrapper .page-title { margin-bottom: 0; margin-top: 120px !important; } .abs-blocks-2columns:nth-child(3), .abs-discount-block-desktop .block:nth-child(3), .column .block-addbysku .block-content .box:nth-child(3), .login-container .block:nth-child(3), .account .column.main .block:not(.widget) .block-content .box:nth-child(3), .form-address-edit > .fieldset:nth-child(3), .form-edit-account .fieldset:nth-child(3), .storecredit .block:nth-child(3), .paypal-review-discount .block:nth-child(3), .cart-discount .block:nth-child(3) { clear: left; float: left; } .abs-blocks-2columns:nth-child(4), .abs-discount-block-desktop .block:nth-child(4), .column .block-addbysku .block-content .box:nth-child(4), .login-container .block:nth-child(4), .account .column.main .block:not(.widget) .block-content .box:nth-child(4), .form-address-edit > .fieldset:nth-child(4), .form-edit-account .fieldset:nth-child(4), .storecredit .block:nth-child(4), .paypal-review-discount .block:nth-child(4), .cart-discount .block:nth-child(4) { float: right; } .checkout-cart-index div#cart-totals .table-wrapper table.data.table.totals tbody tr.totals th.mark { padding-top: 6px; } .checkout-cart-index div#cart-totals .table-wrapper table.data.table.totals tbody tr.totals th.mark span.title { color: #222222; font-family: 'Roboto', medium; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 20px; margin: 0; } .checkout-cart-index .cart-container .cart-summary .cart-totals tbody .mark { padding: 0px 0 14px; } .checkout-cart-index div#cart-totals { padding-top: 20px; } .checkout-cart-index div#cart-totals .table-wrapper table.data.table.totals tbody tr.totals th.mark { padding-top: 0; } .checkout-cart-index .cart-totals tbody .amount { padding-top: 0 !important; } body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading].products-grid .product-item .product-item-details .product-item-name { height: 58px; } #checkout-popup-modal { display: none; } .modal-content #checkout-popup-modal { display: block; } @media only screen and (max-width: 767px) { body.catalog-product-view .product.media .gallery-placeholder .fotorama__stage { width: 100% !important; } .checkout-cart-index #maincontent .column.main .block.crosssell .block-title.title { font-size: 24px !important; } body.catalog-product-view.product-page-v1 .column.main .product-info-main { width: 100%; } .checkout-cart-index .cart-summary .block .content .fieldset.coupon label.label.coupon-code-label { display: block; padding-bottom: 12px; } .checkout-cart-index .cart-summary .total-message { padding: 10px 15px 10px 15px; } .checkout-cart-index .cart-summary .total-message span { width: 100%; display: block; border-bottom: solid 1px #ccc; padding-bottom: 15px; padding-top: 15px; } div.page-wrapper .columns .main .login-container { padding-top: 10px !important; } .account.customer-address-form .page-wrapper .page-main .columns .column .back-link { top: -64px; } .account.customer-address-form .page-wrapper .page-main .columns .column .page-title-wrapper .page-title { margin-bottom: 0px; margin-top: 120px !important; } .account.customer-address-index.account .column.main .block:not(.widget).block-addresses-default .block-title { margin: 90px 0 20px !important; } .account.customer-address-index.account .actions-toolbar .add.primary { font-family: 'Roboto', sans-serif; margin-bottom: 20px; margin-top: 30px !important; } .account.customer-address-index.account .page-wrapper .page-main .columns .column .actions-toolbar { border-top: 1px solid #cccccc; } .account.customer-address-index .column.main .block:not(.widget) .box-actions a.action.edit:before { content: "\e906"; top: -16px; } .account.customer-address-index .table-wrapper.additional-addresses div#additional-addresses-table .box-actions.edit-delete-wrapper a.action.delete:before { right: 5px; top: -2px; } body.account.customer-address-form .column.main .form-address-edit button.action.primary span { font-family: 'Oswald', medium; } body.checkout-cart-index #maincontent .column.main .block.crosssell .block-title.title { width: 100%; } body.catalog-product-view .page-wrapper main#maincontent .block.row h3.block-title.title { width: 100%; } body.catalog-product-view .page-wrapper main#maincontent .block.row h3.block-title.title span { font-size: 21px; font-weight: 500; letter-spacing: 0; line-height: 31px; text-align: center; padding: 30px 0 30px; } body.catalog-product-view .block.row div[aria-labelledby=block-upsell-heading] .products-grid .product-item .product-item-details .product-item-name { height: 58px; } .filter-current-wrapper { display: none; } .plpfilter-active .filter-current-wrapper { display: block; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper button.action.action-cancel { padding: 0 10px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper button.action.action-cancel span span { font-size: 11px; } .catalog-category-view .columns .column.main .message.info.empty, .catalogsearch-result-index .columns .column.main .message.info.empty, .catalogsearch-advanced-result .columns .column.main .message.info.empty { clear: both; top: 0; } .customer-account-login .messages .message-success.success.message { bottom: -10px; } .wishlist-index-index .messages .message-success.success.message { bottom: -38px; } .customer-account-index .messages .message-success.success.message { bottom: -50px; } .customer-address-index .messages .message-success.success.message { bottom: -50px; } aside.modal-popup.confirm._show { top: 50px !important; } } @media (min-width: 769px) { .page-header .switcher { float: right; margin-left: 15px; margin-right: 10px; list-style: none; -ms-flex-order: 0; -webkit-order: 0; order: 0; padding-right: 10px; } .page-header .switcher .switcher-option img { max-width: 22px; position: absolute; left: -29px; top: -2px; } .page-header .switcher .switcher-option span { color: #222; font-weight: 500; font-size: 12px; text-transform: capitalize; margin-top: 2px; float: left; } .page-header .switcher ul.switcher-dropdown { padding: 8px !important; color: #222; font-size: 12px; text-transform: capitalize; margin-top: 2px; float: left; line-height: 21px; padding-bottom: 0 !important; } .page-header .switcher ul.switcher-dropdown li { margin-bottom: 8px !important; display: flex; align-items: center; } .page-header .switcher ul.switcher-dropdown li img { position: static !important; float: left; margin-right: 5px; } .page-header .switcher ul.switcher-dropdown li a { display: flex !important; font-weight: 500; align-items: center; } .page-header .switcher .options ul.dropdown a { padding: 0 !important; } } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content .wp-instant-search-wrapper .wp-instant-search-inp { height: 40px; border: 1px solid #999999; border-radius: 20px; background: url(../../frontend/Kemana/default/id_ID/images/search-icon-small.png) no-repeat scroll 8px; background-size: 24px; padding-left: 38px; margin-top: 12px; margin-bottom: 15px; color: #999999; font-family: Roboto; font-size: 14px; font-weight: 400; line-height: 16px; width: 95%; } /* mobile and small screens design */ .hide-selected-filters #wp_ln_shopby { display: none; } /* Generated Less from WeltPixel_CarouselSlider */ .custom-slider { position: inherit !important; } .custom-slider .banner-item { margin: 0 !important; } .custom-slider .owl-theme .owl-dots { bottom: 0px; } .owl-theme .owl-controls .owl-nav [class*=owl-] { top: 50% !important; } /*---Mobile---*/ /* Generated Less from WeltPixel_ProductPage */ .canvas_icons_product { position: relative; top: 0; margin: 0 5px 0 0; padding: 0; width: 18px !important; height: 25px; line-height: 25px !important; text-align: center; font-size: 20px; display: inline-block; font-family: font-icons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; } .canvas_icons_product:before { font-family: inherit; font-size: inherit; color: inherit; } .page-wrapper { overflow-x: hidden; } .product-page-v1 .product-info-main .actions { width: calc(100% - 65px); } .product-page-v1 .product-info-main .actions button { width: 100%; } .catalog-product-view #product-options-wrapper .swatch-attribute { margin-bottom: 15px; } .catalog-product-view #product-options-wrapper .swatch-attribute .swatch-attribute-label { font-weight: 400; } .catalog-product-view #product-options-wrapper .swatch-attribute .swatch-attribute-options { margin-top: 10px !important; } .catalog-product-view .box-tocart .field.qty { float: left; } .catalog-product-view .box-tocart .field.qty label { display: none; } .catalog-product-view .box-tocart .field.qty input, .catalog-product-view .box-tocart .field.qty select { border-width: 1px; border-style: solid; padding: 14px 17px; margin: 0 10px 0 0; height: auto; } .catalog-product-view .box-tocart .field.qty select { padding: 15px 0 15px 14px; direction: rtl; text-align: left; } .catalog-product-view .box-tocart .actions { float: left; } .catalog-product-view .box-tocart .actions button { float: left; width: 100% !important; position: relative; } .catalog-product-view .box-tocart .actions button:after { position: absolute; bottom: 0; left: 5%; width: 90%; height: 1px; box-shadow: 0 0 20px #000000; -o-box-shadow: 0 0 20px #000000; -ms-box-shadow: 0 0 20px #000000; -moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; content: ""; } .catalog-product-view .product-social-links { clear: left; } .catalog-product-view .product-social-links .product-addto-links { width: calc(100% - 59px) !important; float: left; text-align: center; overflow: auto; } .catalog-product-view .product-social-links .product-addto-links .action { float: none; margin-right: 0px; } .catalog-product-view .product-social-links .product-addto-links .action.towishlist { float: left; } .catalog-product-view .product-social-links .action.tocompare, .catalog-product-view .product-social-links .action.towishlist, .catalog-product-view .product-social-links .action.mailto { line-height: 18px !important; } .catalog-product-view .product-social-links .action.tocompare:before, .catalog-product-view .product-social-links .action.towishlist:before, .catalog-product-view .product-social-links .action.mailto:before { position: relative; top: 0; margin: 0 5px 0 0; padding: 0; width: 18px !important; height: 25px; line-height: 25px !important; text-align: center; font-size: 20px; display: inline-block; font-family: font-icons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; } .catalog-product-view .product-social-links .action.tocompare:before:before, .catalog-product-view .product-social-links .action.towishlist:before:before, .catalog-product-view .product-social-links .action.mailto:before:before { font-family: inherit; font-size: inherit; color: inherit; } .catalog-product-view .product-info-main .product-info-stock-sku { vertical-align: middle; } .catalog-product-view .product-info-main .product.data.items .item.title.active:after { background-color: transparent; } .catalog-product-view .product.info.detailed > .items > .item { background-color: white; } .catalog-product-view .product.info.detailed > .items > .item.title { background-color: white; } .catalog-product-view .product.info.detailed > .items > .item.title.active { position: relative; background-color: white; } .catalog-product-view .product.info.detailed > .items > .item.title a { height: 52px; line-height: 52px; padding: 0 30px; font-weight: 400; background-color: white; } .catalog-product-view .product.info.detailed > .items > .item.content { margin-top: 52px; } .catalog-product-view .product.info.detailed > .items > .item.content .review-control-vote::before { content: '\e605' '\e605' '\e605' '\e605' '\e605'; } .catalog-product-view .product-items.owl-carousel.owl-center .owl-stage-outer { overflow: visible; } .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav .owl-prev, .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav .owl-next { top: 0; width: 600px !important; height: calc(100% - 15px) !important; background-color: rgba(255, 255, 255, 0.8) !important; } .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav .owl-prev:hover, .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav .owl-next:hover { background-color: rgba(255, 255, 255, 0.8) !important; } .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav .owl-prev { left: -600px !important; } .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav .owl-prev:before { top: calc(50% - 20px); left: auto; right: 8px; } .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav .owl-prev:after { top: calc(50% - 32px); left: auto; right: 8px; } .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav .owl-next { right: -600px !important; } .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav .owl-next:before { top: calc(50% - 32px); right: auto; left: 8px; } .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav .owl-next:after { top: calc(50% - 20px); right: auto; left: 8px; } :root .catalog-product-view .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav.m2c .owl-prev, :root .catalog-product-view .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav.m2c .owl-next { background-color: transparent !important; } :root .catalog-product-view .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav.m2c .owl-prev:hover, :root .catalog-product-view .catalog-product-view .product-items.owl-carousel.owl-center .owl-nav.m2c .owl-next:hover { background-color: transparent !important; } .catalog-product-view .product-items.owl-carousel.products .owl-stage-outer { padding-top: 0px; } .catalog-product-view .product-items .product-item:hover .product-item-actions .actions-secondary { display: inline-block !important; } .catalog-product-view .product-items .product-item-actions { float: left; width: 100%; margin-top: -20px; } .catalog-product-view .product-items .product-item-actions .action.tocompare { float: right; } .catalog-product-view #maincontent .product-info-main .product-info-price .price-box { width: auto; display: inline-block; } .catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price-final_price { float: left; padding-right: 20px; } .catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price-final_price .price { color: black; } .catalog-product-view #maincontent .product-info-main .product-info-price .price-box .old-price { float: left; } .catalog-product-view #maincontent .product-info-main .product-info-price .price-box .old-price .price { color: #575757; } .catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price-label { display: none !important; } .catalog-product-view .product-items .product-item:hover .product-item-actions .actions-secondary { display: inline-block !important; } .catalog-product-view .product-items .product-item:hover .product-item-actions .action.tocompare { position: absolute !important; right: 0 !important; } .catalog-product-view .product-items .product-item:hover .product-item-actions .action.towishlist { position: absolute !important; left: -9px !important; right: -2px !important; } .catalog-product-view .product.media .magnifier-preview { -webkit-box-shadow: 0px 0px 19px -4px #2e2e2e; -moz-box-shadow: 0px 0px 19px -4px #2e2e2e; box-shadow: 0px 0px 19px -4px #2e2e2e; } .catalog-product-view .product.media .fotorama__nav__frame .fotorama__dot { width: 10px; height: 10px; background-color: #d6d6d6; border-color: #d6d6d6; border-radius: 10px; left: 10px; top: 12px; } .catalog-product-view .product.media .fotorama__nav__frame.fotorama__active .fotorama__dot { background-color: #064394; border-color: #064394; } .catalog-product-view .product.media .fotorama__nav--thumbs .fotorama__nav__frame { padding: 0 !important; border: 1px solid #ccc; } .catalog-product-view .product.media .fotorama__nav--thumbs .fotorama__thumb-border { border: solid 1px #064394; background: transparent; } .catalog-product-view .product.media .fotorama__wrap { box-shadow: none !important; } .catalog-product-view .product.media .fotorama__wrap .fotorama__caption { display: none; } .catalog-product-view .product.media .fotorama__wrap:focus, .catalog-product-view .product.media .fotorama__wrap:active, .catalog-product-view .product.media .fotorama__wrap:hover { box-shadow: none !important; } .catalog-product-view .product.media .fotorama__wrap:focus *, .catalog-product-view .product.media .fotorama__wrap:active *, .catalog-product-view .product.media .fotorama__wrap:hover * { box-shadow: none !important; } .catalog-product-view .product.media .fotorama__wrap:focus *:focus, .catalog-product-view .product.media .fotorama__wrap:active *:focus, .catalog-product-view .product.media .fotorama__wrap:hover *:focus, .catalog-product-view .product.media .fotorama__wrap:focus *:active, .catalog-product-view .product.media .fotorama__wrap:active *:active, .catalog-product-view .product.media .fotorama__wrap:hover *:active, .catalog-product-view .product.media .fotorama__wrap:focus *:hover, .catalog-product-view .product.media .fotorama__wrap:active *:hover, .catalog-product-view .product.media .fotorama__wrap:hover *:hover { box-shadow: none !important; } .catalog-product-view .product.media .fotorama__wrap * { box-shadow: none !important; } .catalog-product-view .product.media .fotorama__wrap *:focus, .catalog-product-view .product.media .fotorama__wrap *:active, .catalog-product-view .product.media .fotorama__wrap *:hover { box-shadow: none !important; } .catalog-product-view .fotorama__active .fotorama__dot { background-color: #064394; border-color: #064394; } .catalog-product-view .fotorama__nav.fotorama__nav--dots { display: none; } .catalog-product-view .gallery-placeholder .fotorama__nav.fotorama__nav--dots { display: block; } .catalog-product-view .column.main .block .block-title.title { text-align: center; } .catalog-product-view .column.main .block .block-title.title strong { font-size: 32px; } .catalog-product-view .column.main .block.row .block-title.title { text-align: left; font-family: 'Ubuntu', sans-serif; text-transform: none; font-size: 20px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; } .product-page-v4 .product-top-main.product_v4, .product-page-v2 .product-top-main.product_v4, .product-page-v4 .product-top-main.product_v2, .product-page-v2 .product-top-main.product_v2 { position: relative; float: left; width: 100%; margin-top: 20px; } .product-page-v4 .product-top-main.product_v4, .product-page-v2 .product-top-main.product_v4 { margin-top: 0; } .product-page-v4 .product-info-main.product_v4.cart-summary, .product-page-v2 .product-info-main.product_v4.cart-summary, .product-page-v4 .product-info-main.product_v2.cart-summary, .product-page-v2 .product-info-main.product_v2.cart-summary { background: none transparent !important; margin-bottom: 0 !important; padding: 0 !important; float: right !important; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .product-page-v4 .product-info-main.product_v4.cart-summary, .product-page-v2 .product-info-main.product_v4.cart-summary, .product-page-v4 .product-info-main.product_v2.cart-summary, .product-page-v2 .product-info-main.product_v2.cart-summary { transition: top 0.2s ease 0.2s; -o-transition: top 0.2s ease 0.2s; -ms-transition: top 0.2s ease 0.2s; -moz-transition: top 0.2s ease 0.2s; -webkit-transition: top 0.2s ease 0.2s; } } .product-page-v4 .product-info-main.product_v4.cart-summary, .product-page-v2 .product-info-main.product_v4.cart-summary, .product-page-v4 .product-info-main.product_v2.cart-summary, .product-page-v2 .product-info-main.product_v2.cart-summary, .product-page-v4 .product-info-main.product_v4.cart-summary x:-moz-any-link, .product-page-v2 .product-info-main.product_v4.cart-summary x:-moz-any-link, .product-page-v4 .product-info-main.product_v2.cart-summary x:-moz-any-link, .product-page-v2 .product-info-main.product_v2.cart-summary x:-moz-any-link, .product-page-v4 .product-info-main.product_v4.cart-summary x:default, .product-page-v2 .product-info-main.product_v4.cart-summary x:default, .product-page-v4 .product-info-main.product_v2.cart-summary x:default, .product-page-v2 .product-info-main.product_v2.cart-summary x:default { transition: top 0s ease 0s; -o-transition: top 0s ease 0s; -ms-transition: top 0s ease 0s; -moz-transition: top 0s ease 0s; -webkit-transition: top 0s ease 0s; } .product-page-v4 .product-info-main.product_v4.cart-summary, .product-page-v2 .product-info-main.product_v4.cart-summary { position: absolute; right: 0; } .product-page-v4 .product.media.product_v4, .product-page-v2 .product.media.product_v4, .product-page-v4 .product.media.product_v2, .product-page-v2 .product.media.product_v2 { padding: 0 25px 0 0; } .product-page-v4 .product.media.product_v4.v4 .fotorama__arr, .product-page-v2 .product.media.product_v4.v4 .fotorama__arr, .product-page-v4 .product.media.product_v2.v4 .fotorama__arr, .product-page-v2 .product.media.product_v2.v4 .fotorama__arr, .product-page-v4 .product.media.product_v4.v2 .fotorama__arr, .product-page-v2 .product.media.product_v4.v2 .fotorama__arr, .product-page-v4 .product.media.product_v2.v2 .fotorama__arr, .product-page-v2 .product.media.product_v2.v2 .fotorama__arr, .product-page-v4 .product.media.product_v4.v4 .fotorama__nav-wrap, .product-page-v2 .product.media.product_v4.v4 .fotorama__nav-wrap, .product-page-v4 .product.media.product_v2.v4 .fotorama__nav-wrap, .product-page-v2 .product.media.product_v2.v4 .fotorama__nav-wrap, .product-page-v4 .product.media.product_v4.v2 .fotorama__nav-wrap, .product-page-v2 .product.media.product_v4.v2 .fotorama__nav-wrap, .product-page-v4 .product.media.product_v2.v2 .fotorama__nav-wrap, .product-page-v2 .product.media.product_v2.v2 .fotorama__nav-wrap { opacity: 0; position: fixed; top: 100%; left: 100%; } .product-page-v4 .product.media.product_v4.v4 .fotorama__stage, .product-page-v2 .product.media.product_v4.v4 .fotorama__stage, .product-page-v4 .product.media.product_v2.v4 .fotorama__stage, .product-page-v2 .product.media.product_v2.v4 .fotorama__stage, .product-page-v4 .product.media.product_v4.v2 .fotorama__stage, .product-page-v2 .product.media.product_v4.v2 .fotorama__stage, .product-page-v4 .product.media.product_v2.v2 .fotorama__stage, .product-page-v2 .product.media.product_v2.v2 .fotorama__stage { width: 100% !important; max-width: 100% !important; height: auto !important; position: relative !important; top: 0 !important; left: 0 !important; } .product-page-v4 .product.media.product_v4.v4 .fotorama__stage .fotorama__stage__shaft, .product-page-v2 .product.media.product_v4.v4 .fotorama__stage .fotorama__stage__shaft, .product-page-v4 .product.media.product_v2.v4 .fotorama__stage .fotorama__stage__shaft, .product-page-v2 .product.media.product_v2.v4 .fotorama__stage .fotorama__stage__shaft, .product-page-v4 .product.media.product_v4.v2 .fotorama__stage .fotorama__stage__shaft, .product-page-v2 .product.media.product_v4.v2 .fotorama__stage .fotorama__stage__shaft, .product-page-v4 .product.media.product_v2.v2 .fotorama__stage .fotorama__stage__shaft, .product-page-v2 .product.media.product_v2.v2 .fotorama__stage .fotorama__stage__shaft { width: 100% !important; max-width: 100% !important; height: auto !important; } .product-page-v4 .product.media.product_v4.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame, .product-page-v2 .product.media.product_v4.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame, .product-page-v4 .product.media.product_v2.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame, .product-page-v2 .product.media.product_v2.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame, .product-page-v4 .product.media.product_v4.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame, .product-page-v2 .product.media.product_v4.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame, .product-page-v4 .product.media.product_v2.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame, .product-page-v2 .product.media.product_v2.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame { clear: left !important; float: left !important; width: 100% !important; position: relative !important; top: 0 !important; left: 0 !important; padding-bottom: 20px; } .product-page-v4 .product.media.product_v4.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame:last-of-type, .product-page-v2 .product.media.product_v4.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame:last-of-type, .product-page-v4 .product.media.product_v2.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame:last-of-type, .product-page-v2 .product.media.product_v2.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame:last-of-type, .product-page-v4 .product.media.product_v4.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame:last-of-type, .product-page-v2 .product.media.product_v4.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame:last-of-type, .product-page-v4 .product.media.product_v2.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame:last-of-type, .product-page-v2 .product.media.product_v2.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame:last-of-type { padding: 0; } .product-page-v4 .product.media.product_v4.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img, .product-page-v2 .product.media.product_v4.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img, .product-page-v4 .product.media.product_v2.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img, .product-page-v2 .product.media.product_v2.v4 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img, .product-page-v4 .product.media.product_v4.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img, .product-page-v2 .product.media.product_v4.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img, .product-page-v4 .product.media.product_v2.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img, .product-page-v2 .product.media.product_v2.v2 .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img { float: left !important; width: 100% !important; height: auto !important; position: relative !important; top: 0 !important; left: 0 !important; transform: translate3d(0, 0, 0px); } .product-page-v4 .product.media.product_v4.v4 .fotorama__stage.fotorama__shadows--left:before, .product-page-v2 .product.media.product_v4.v4 .fotorama__stage.fotorama__shadows--left:before, .product-page-v4 .product.media.product_v2.v4 .fotorama__stage.fotorama__shadows--left:before, .product-page-v2 .product.media.product_v2.v4 .fotorama__stage.fotorama__shadows--left:before, .product-page-v4 .product.media.product_v4.v2 .fotorama__stage.fotorama__shadows--left:before, .product-page-v2 .product.media.product_v4.v2 .fotorama__stage.fotorama__shadows--left:before, .product-page-v4 .product.media.product_v2.v2 .fotorama__stage.fotorama__shadows--left:before, .product-page-v2 .product.media.product_v2.v2 .fotorama__stage.fotorama__shadows--left:before, .product-page-v4 .product.media.product_v4.v4 .fotorama__nav.fotorama__shadows--left:before, .product-page-v2 .product.media.product_v4.v4 .fotorama__nav.fotorama__shadows--left:before, .product-page-v4 .product.media.product_v2.v4 .fotorama__nav.fotorama__shadows--left:before, .product-page-v2 .product.media.product_v2.v4 .fotorama__nav.fotorama__shadows--left:before, .product-page-v4 .product.media.product_v4.v2 .fotorama__nav.fotorama__shadows--left:before, .product-page-v2 .product.media.product_v4.v2 .fotorama__nav.fotorama__shadows--left:before, .product-page-v4 .product.media.product_v2.v2 .fotorama__nav.fotorama__shadows--left:before, .product-page-v2 .product.media.product_v2.v2 .fotorama__nav.fotorama__shadows--left:before, .product-page-v4 .product.media.product_v4.v4 .fotorama__stage.fotorama__shadows--right:after, .product-page-v2 .product.media.product_v4.v4 .fotorama__stage.fotorama__shadows--right:after, .product-page-v4 .product.media.product_v2.v4 .fotorama__stage.fotorama__shadows--right:after, .product-page-v2 .product.media.product_v2.v4 .fotorama__stage.fotorama__shadows--right:after, .product-page-v4 .product.media.product_v4.v2 .fotorama__stage.fotorama__shadows--right:after, .product-page-v2 .product.media.product_v4.v2 .fotorama__stage.fotorama__shadows--right:after, .product-page-v4 .product.media.product_v2.v2 .fotorama__stage.fotorama__shadows--right:after, .product-page-v2 .product.media.product_v2.v2 .fotorama__stage.fotorama__shadows--right:after, .product-page-v4 .product.media.product_v4.v4 .fotorama__nav.fotorama__shadows--right:after, .product-page-v2 .product.media.product_v4.v4 .fotorama__nav.fotorama__shadows--right:after, .product-page-v4 .product.media.product_v2.v4 .fotorama__nav.fotorama__shadows--right:after, .product-page-v2 .product.media.product_v2.v4 .fotorama__nav.fotorama__shadows--right:after, .product-page-v4 .product.media.product_v4.v2 .fotorama__nav.fotorama__shadows--right:after, .product-page-v2 .product.media.product_v4.v2 .fotorama__nav.fotorama__shadows--right:after, .product-page-v4 .product.media.product_v2.v2 .fotorama__nav.fotorama__shadows--right:after, .product-page-v2 .product.media.product_v2.v2 .fotorama__nav.fotorama__shadows--right:after, .product-page-v4 .product.media.product_v4.v4 .fotorama__stage.fotorama__shadows--top:before, .product-page-v2 .product.media.product_v4.v4 .fotorama__stage.fotorama__shadows--top:before, .product-page-v4 .product.media.product_v2.v4 .fotorama__stage.fotorama__shadows--top:before, .product-page-v2 .product.media.product_v2.v4 .fotorama__stage.fotorama__shadows--top:before, .product-page-v4 .product.media.product_v4.v2 .fotorama__stage.fotorama__shadows--top:before, .product-page-v2 .product.media.product_v4.v2 .fotorama__stage.fotorama__shadows--top:before, .product-page-v4 .product.media.product_v2.v2 .fotorama__stage.fotorama__shadows--top:before, .product-page-v2 .product.media.product_v2.v2 .fotorama__stage.fotorama__shadows--top:before, .product-page-v4 .product.media.product_v4.v4 .fotorama__nav.fotorama__shadows--top:before, .product-page-v2 .product.media.product_v4.v4 .fotorama__nav.fotorama__shadows--top:before, .product-page-v4 .product.media.product_v2.v4 .fotorama__nav.fotorama__shadows--top:before, .product-page-v2 .product.media.product_v2.v4 .fotorama__nav.fotorama__shadows--top:before, .product-page-v4 .product.media.product_v4.v2 .fotorama__nav.fotorama__shadows--top:before, .product-page-v2 .product.media.product_v4.v2 .fotorama__nav.fotorama__shadows--top:before, .product-page-v4 .product.media.product_v2.v2 .fotorama__nav.fotorama__shadows--top:before, .product-page-v2 .product.media.product_v2.v2 .fotorama__nav.fotorama__shadows--top:before, .product-page-v4 .product.media.product_v4.v4 .fotorama__stage.fotorama__shadows--bottom:after, .product-page-v2 .product.media.product_v4.v4 .fotorama__stage.fotorama__shadows--bottom:after, .product-page-v4 .product.media.product_v2.v4 .fotorama__stage.fotorama__shadows--bottom:after, .product-page-v2 .product.media.product_v2.v4 .fotorama__stage.fotorama__shadows--bottom:after, .product-page-v4 .product.media.product_v4.v2 .fotorama__stage.fotorama__shadows--bottom:after, .product-page-v2 .product.media.product_v4.v2 .fotorama__stage.fotorama__shadows--bottom:after, .product-page-v4 .product.media.product_v2.v2 .fotorama__stage.fotorama__shadows--bottom:after, .product-page-v2 .product.media.product_v2.v2 .fotorama__stage.fotorama__shadows--bottom:after, .product-page-v4 .product.media.product_v4.v4 .fotorama__nav.fotorama__shadows--bottom:after, .product-page-v2 .product.media.product_v4.v4 .fotorama__nav.fotorama__shadows--bottom:after, .product-page-v4 .product.media.product_v2.v4 .fotorama__nav.fotorama__shadows--bottom:after, .product-page-v2 .product.media.product_v2.v4 .fotorama__nav.fotorama__shadows--bottom:after, .product-page-v4 .product.media.product_v4.v2 .fotorama__nav.fotorama__shadows--bottom:after, .product-page-v2 .product.media.product_v4.v2 .fotorama__nav.fotorama__shadows--bottom:after, .product-page-v4 .product.media.product_v2.v2 .fotorama__nav.fotorama__shadows--bottom:after, .product-page-v2 .product.media.product_v2.v2 .fotorama__nav.fotorama__shadows--bottom:after { background: none !important; } .product-page-v4 .product.media.product_v4, .product-page-v2 .product.media.product_v4 { padding: 0; } .product-page-v4 .product.media.product_v4.v4 .gallery-placeholder, .product-page-v2 .product.media.product_v4.v4 .gallery-placeholder { margin: 0 -20px; } .product-page-v4 .product.media.product_v4.v4 .gallery-placeholder .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame, .product-page-v2 .product.media.product_v4.v4 .gallery-placeholder .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame { padding-bottom: 0; } .product-page-v4 .product.media.product_v4.v4 .gallery-placeholder .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img, .product-page-v2 .product.media.product_v4.v4 .gallery-placeholder .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img { float: none !important; width: auto !important; } .swipe_desktop_off #swipeOff { display: none; } .swipe_desktop_off #swipeOff.active { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .reviews-actions a { text-decoration: underline; } .product-page-v1 .product-info-main { margin-top: 5%; } #product-review-container .header_right { display: none !important; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info .weltpixel-quickview, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info .weltpixel-quickview, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info .weltpixel-quickview { display: block; visibility: hidden; top: auto !important; margin-top: 6px !important; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview { display: block !important; visibility: visible; position: relative; background: transparent; top: unset; color: #000; text-align: left; font-size: 14px; font-weight: 600; text-transform: uppercase; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview span, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview span, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview span { padding: 0; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview span:before, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview span:before, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview span:before { display: none; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview:hover, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview:hover, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview:hover { text-decoration: underline; } .catalog-category-view .mfp-iframe-holder .mfp-close, .catalogsearch-result-index .mfp-iframe-holder .mfp-close, .catalogsearch-advanced-result .mfp-iframe-holder .mfp-close { top: 0; color: #000; right: 0; padding-right: 10px; opacity: 1; font-size: 36px; } .catalog-category-view .mfp-iframe-holder .mfp-content, .catalogsearch-result-index .mfp-iframe-holder .mfp-content, .catalogsearch-advanced-result .mfp-iframe-holder .mfp-content { height: auto !important; } body.weltpixel-quickview-catalog-product-view div#desktopBannerWrapped { display: none !important; } body.weltpixel-quickview-catalog-product-view .magnifier-preview:not(.hidden) { background-color: #ffffff; left: 59% !important; width: 40% !important; } body.weltpixel-quickview-catalog-product-view #maincontent { padding: 3% 3% 0 3% !important; } body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main { width: 40%; padding-bottom: 10px; } body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main .box-tocart .field.qty { display: inline-block; width: auto; } body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main .box-tocart .field.qty select { max-width: 60px; margin-right: 19px; } body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main .box-tocart .actions { vertical-align: top; float: unset; width: 52%; max-width: 251px; margin-top: 29px; } body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main .product-addto-links { margin-top: 29px; float: right; } body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main .box-gotoproduct .actions .action.primary { background-color: transparent; border-color: #1e75f4; color: #0750b0; font-size: 15px; font-weight: bold; text-transform: uppercase; width: 100%; text-align: center; padding: 15px 0; } body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main .box-gotoproduct .actions .action.primary span { color: #0750b0; } body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main .box-gotoproduct .actions .action.primary:hover { background-color: #1e75f4; border-color: #1e75f4; color: #ffffff; } body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main .box-gotoproduct .actions .action.primary:hover span { color: #ffffff; } body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main .product-options-bottom .price-box .price-container > span, body.weltpixel-quickview-catalog-product-view #maincontent .product-info-main .product-info-price .price-box .price-container > span { display: inline-block; } body.weltpixel-quickview-catalog-product-view #maincontent .product.media { width: 60%; } body.weltpixel-quickview-catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-label a.open-chart { margin-right: 0; display: none; } .block-banners .banner-item, .block-banners-inline .banner-item { display: block; } .block-banners .banner-item-content, .block-banners-inline .banner-item-content { margin-bottom: 20px; } .block-banners .banner-item-content img, .block-banners-inline .banner-item-content img { display: block; margin: 0 auto; } .block-product-link.widget, .block-category-link.widget { display: block; margin-bottom: 20px; } .block-product-link-inline.widget { margin: 0; } .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 2%) / 2); } .block.widget .products-grid .product-item:nth-child(2n + 1) { margin-left: 0; } .block.widget .product-item-info { width: auto; } .block.widget .pager { padding: 0; } .block.widget .pager .toolbar-amount { float: none; font-size: 1.2rem; } .block.widget .pager .pages-item-previous { padding-left: 0; } .block.widget .pager .pages-item-next { position: relative; } .block.widget .pager .items { white-space: nowrap; } .columns .block-event { position: relative; z-index: 2; } .block-event .block-content { position: relative; } .block-event .block-content > .action { cursor: pointer; margin-top: -6px; position: absolute; top: 50%; z-index: 3; } .block-event .block-content > .action.backward, .block-event .block-content > .action.forward { opacity: .5; overflow: hidden; width: 20px; display: inline-block; text-decoration: none; } .block-event .block-content > .action.backward > span, .block-event .block-content > .action.forward > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 55px; line-height: 30px; color: inherit; content: '\e617'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { margin-left: -15px; } .block-event .block-content > .action.backward { left: 0; } .block-event .block-content > .action.forward { right: 0; } .block-event .block-content > .action.forward:before { content: '\e608'; } .block-event .block-content > .action.forward:before { margin-left: -20px; } .block-event .block-content > .action.inactive { cursor: default; display: none; } .block-event .block-content > .action:hover { opacity: 1; } .block-event .slider-panel { overflow: hidden; position: relative; z-index: 2; } .block-event .slider-panel .slider { white-space: nowrap; } .block-event .slider-panel .slider .item { background: #f0f0f0; display: inline-block; text-align: center; vertical-align: top; white-space: normal; width: 16.35%; } .sidebar-main .block-event .slider-panel .slider .item, .sidebar-additional .block-event .slider-panel .slider .item { width: 100%; } .block-event .slider-panel .slider .item img { max-width: 100%; } .block-event .slider-panel .slider .item .category-name { display: inline-block; font-size: 1.8rem; padding: 15px 5px 0; word-break: break-all; } .block-event .slider-panel .slider .item .ticker { margin: 0; padding: 0; list-style: none none; } .block-event .slider-panel .slider .item .ticker li { display: none; margin: 0 5px; } .block-event .slider-panel .slider .item .ticker .value { font-size: 2.6rem; font-weight: 300; } .block-event .slider-panel .slider .item .ticker .label { display: block; font-size: 1.3rem; } .block-event .slider-panel .slider .item .dates { font-weight: 300; } .block-event .slider-panel .slider .item .dates .start, .block-event .slider-panel .slider .item .dates .end, .block-event .slider-panel .slider .item .dates .date { display: block; } .block-event .slider-panel .slider .item .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; } .block-event .slider-panel .slider .item .dates .date { font-size: 1.8rem; font-weight: 300; } .block-event .slider-panel .slider .item .dates .time { font-size: 1.3rem; } .block-event .slider-panel .slider .item .box-event .box-content { padding: 5px 0 10px; } .block-event .slider-panel .slider .item .box-event .box-title { display: block; font-weight: 300; margin: 10px 0 0; } .block-event .slider-panel .slider .item .action.show { display: block; padding: 0; } .block-event .slider-panel .slider .item .action.show .category.name { display: inline-block; padding: 30px 10px 0; } .block-event .slider-panel .slider .item .action.show img { display: block; } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; margin-top: 15px; } .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .block-event .slider-panel .slider .item .action.event:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .block-event .slider-panel .slider .item .action.event:hover { text-decoration: none; } .block-static-block.widget, .block-cms-link.widget { margin-bottom: 20px; } .links .block-static-block.widget, .links .block-cms-link.widget { margin-bottom: 0; } .block-cms-link-inline.widget { margin: 0; } .block-wishlist-search .form-wishlist-search { margin: 20px 0 0; } .block-cms-hierarchy-link.widget { display: block; margin-bottom: 20px; } .block-cms-hierarchy-link-inline.widget { margin: 0; } .sidebar .block-addbysku .fieldset { margin: 0; } .sidebar .block-addbysku .fieldset .fields { position: relative; } .sidebar .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 10px; vertical-align: top; } .sidebar .block-addbysku .fieldset .fields .field.sku { margin-right: -85px; padding-right: 90px; width: 100%; } .sidebar .block-addbysku .fieldset .fields .field.qty .qty + .mage-error { width: 80px; } .sidebar .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 7px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar { margin-bottom: 20px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary { text-align: left; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary .action { width: auto; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .secondary { float: none; text-align: left; } .sidebar .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .sidebar .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.add:hover:before { color: inherit; } .sidebar .block-addbysku .action.add:active:before { color: inherit; } .sidebar .block-addbysku .action.links { display: inline-block; margin: 20px 0 0; } .sidebar .block-addbysku .action.reset { display: block; margin: 10px 0; } .sidebar .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .sidebar .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #999999; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.remove:hover:before { color: inherit; } .sidebar .block-addbysku .action.remove:active:before { color: inherit; } .sidebar .block-addbysku .action.remove:focus, .sidebar .block-addbysku .action.remove:active { background: none; border: none; } .sidebar .block-addbysku .action.remove:hover { background: none; border: none; } .sidebar .block-addbysku .action.remove.disabled, .sidebar .block-addbysku .action.remove[disabled], fieldset[disabled] .sidebar .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } @media only screen and (max-width: 769px) { .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } } @media only screen and (max-width: 768px) { .abs-visually-hidden-mobile-m { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile-m:before, .abs-add-clearfix-mobile-m:after, .account .column.main .block:not(.widget) .block-title:before, .account .column.main .block:not(.widget) .block-title:after { content: ''; display: table; } .abs-add-clearfix-mobile-m:after, .account .column.main .block:not(.widget) .block-title:after { clear: both; } .abs-toggling-title-mobile, .block-wishlist-management .wishlist-select .wishlist-name, .block-collapsible-nav .title { border-top: 1px solid #cccccc; cursor: pointer; margin-bottom: 0; position: relative; border-bottom: 1px solid #cccccc; padding: 10px 40px 10px 15px; display: block; text-decoration: none; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after { position: absolute; right: 20px; top: 10px; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-toggling-title-mobile.active:after, .block-wishlist-management .wishlist-select .wishlist-name.active:after, .block-collapsible-nav .title.active:after { content: '\e621'; } .abs-icon-add-mobile, .block-wishlist-management .wishlist-add.item .add { display: block; text-decoration: none; } .abs-icon-add-mobile:before, .block-wishlist-management .wishlist-add.item .add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-checkout-tooltip-content-position-top-mobile, .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .abs-checkout-tooltip-content-position-top-mobile:before, .abs-checkout-tooltip-content-position-top-mobile:after, .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; } .abs-checkout-tooltip-content-position-top-mobile:before, .field-tooltip .field-tooltip-content:before { border-bottom-color: #666666; } .abs-checkout-tooltip-content-position-top-mobile:after, .field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-main, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container { padding-left: 15px; padding-right: 15px; } .account .page-main, .cms-privacy-policy .page-main { padding-top: 41px; position: relative; } .navigation { padding: 0; } .navigation .parent .level-top { display: block; text-decoration: none; position: relative; } .navigation .parent .level-top:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .parent .level-top:after { position: absolute; right: 7px; top: -8px; } .navigation .parent .level-top.ui-state-active:after { content: '\e621'; } .nav-sections { -webkit-overflow-scrolling: touch; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: calc(-1 * (100% - 54px)); overflow: auto; position: fixed; top: 0; width: calc(100% - 54px); } .nav-sections .switcher { border-top: 1px solid #d1d1d1; font-size: 1.6rem; font-weight: 700; margin: 0; padding: .8rem 3.5rem .8rem 2rem; } .nav-sections .switcher .label { display: block; margin-bottom: 5px; } .nav-sections .switcher:last-child { border-bottom: 1px solid #d1d1d1; } .nav-sections .switcher-trigger strong { display: block; text-decoration: none; position: relative; } .nav-sections .switcher-trigger strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-sections .switcher-trigger strong:after { position: absolute; right: -40px; top: -16px; } .nav-sections .switcher-trigger.active strong:after { content: '\e621'; } .nav-sections .switcher-dropdown { margin: 0; padding: 0; list-style: none none; display: none; padding: 10px 0; } .nav-sections .switcher-options.active .switcher-dropdown { display: block; } .nav-sections .header.links { margin: 0; padding: 0; list-style: none none; border-bottom: 1px solid #d1d1d1; } .nav-sections .header.links li { font-size: 1.6rem; margin: 0; } .nav-sections .header.links li.greet.welcome { border-top: 1px solid #d1d1d1; font-weight: 700; padding: 0.8rem 15px; } .nav-sections .header.links li > a { border-top: 1px solid #d1d1d1; } .nav-sections .header.links a, .nav-sections .header.links a:hover { color: #575757; text-decoration: none; display: block; font-weight: 700; padding: 0.8rem 15px; } .nav-sections .header.links .header.links { border: 0; } .nav-before-open { height: 100%; overflow-x: hidden; width: 100%; } .nav-before-open .page-wrapper { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; } .nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .nav-open .page-wrapper { left: calc(100% - 54px); } .nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.7); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } .nav-sections-items { position: relative; z-index: 1; } .nav-sections-items:before, .nav-sections-items:after { content: ''; display: table; } .nav-sections-items:after { clear: both; } .nav-sections-item-title { background: #e3e3e3; border: solid #d7d7d7; border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 71px; padding-top: 24px; text-align: center; width: 33.33%; } .nav-sections-item-title.active { background: transparent; border-bottom: 0; } .nav-sections-item-title .nav-sections-item-switch:hover { text-decoration: none; } .nav-sections-item-content { box-sizing: border-box; float: right; margin-left: -100%; margin-top: 71px; width: 100%; padding: 25px 0; } .nav-sections-item-content:before, .nav-sections-item-content:after { content: ''; display: table; } .nav-sections-item-content:after { clear: both; } .nav-sections-item-content.active { display: block; } .navigation { background: #f0f0f0; box-sizing: border-box; } .navigation ul { margin: 0; padding: 0; } .navigation li { margin: 0; } .navigation a { display: block; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 15px; } .navigation a, .navigation a:hover { color: #575757; text-decoration: none; } .navigation .level0 { border-top: 1px solid #d1d1d1; font-size: 1.6rem; } .navigation .level0 > .level-top { font-weight: 700; padding: 8px 40px 8px 15px; text-transform: uppercase; word-wrap: break-word; } .navigation .level0 > .level-top:hover { color: #333333; } .navigation .level0.active .all-category .ui-state-focus { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; color: #333333; padding-left: 7px; display: inline-block; } .navigation .level0 > .level1 { font-weight: 600; } .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; color: #333333; } .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: -8px; } .navigation li.level0:last-child { border-bottom: 1px solid #d1d1d1; } .navigation .submenu > li { word-wrap: break-word; } .navigation .submenu > li > a:hover { color: #333333; } .navigation .submenu:not(:first-child) { font-weight: 400; line-height: 1.3; left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left 0.3s ease-out; } .navigation .submenu:not(:first-child) > li > a { padding-left: 15px; } .navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; } .navigation .submenu:not(:first-child) ul { display: block; padding-left: 15px; } .navigation .submenu:not(:first-child) ul > li { margin: 0; } .navigation .submenu:not(:first-child) ul > li a { color: #575757; display: block; line-height: normal; } .navigation .submenu:not(:first-child) ul > li a:hover { color: #333333; } .navigation .submenu:not(:first-child).expanded { display: block !important; padding-right: 0; top: 0 !important; } .navigation .submenu:not(:first-child) .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; color: #333333; padding-left: 7px; } .navigation .submenu:not(:first-child) .level1.active > a { padding-left: 7px; } .product.data.items .item.title > .switch { padding: 1px 15px 1px; } .product.data.items > .item.content { padding: 10px 15px 30px; } .breadcrumbs { display: none; } .modal-popup.modal-slide { left: 44px; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: 90vh; /** iOS webkit fix height problem when added long content **/ } .custom-slide { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; left: 44px; z-index: 900; } .custom-slide._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-slide .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .custom-slide._show { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .custom-slide .modal-inner-wrap { background-color: #f4f4f4; box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; } body._has-modal-custom .modal-custom-overlay { background-color: rgba(51, 51, 51, 0.55); } .modal-popup { pointer-events: auto; } .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #f4f4f4; } .modal-popup.modal-slide._inner-scroll._show { -webkit-overflow-scrolling: touch; overflow-y: auto; } .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { height: auto; min-height: 100%; } .modal-popup .modal-title { font-size: 14px; font-weight: 700; } .shipping-address-modal.modal-popup.modal-slide, .billing-address-modal.modal-popup.modal-slide { left: 0; } .shipping-address-modal .modal-inner-wrap, .billing-address-modal .modal-inner-wrap { min-height: 400px; } .shipping-address-modal .modal-inner-wrap h1.modal-title, .billing-address-modal .modal-inner-wrap h1.modal-title { border: none; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .edit-address, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .ship-here, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .ship-here, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .select-address, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .select-address, .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-selected, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .address-selected { clear: left; float: left; margin-top: 5px; position: relative; top: 5px; } .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .default-address, .billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner ._root .default-address { margin-top: 5px; position: absolute; right: 1rem; top: 0; } .address-loading-mask { top: 105px; } .lac-notification { padding: 5px 0; } .lac-notification .lac-notification-icon { display: none; } .lac-notification .lac-notification-text, .lac-notification .lac-notification-links { float: none; padding: 5px 0; text-align: center; } .pagebuilder-banner-wrapper { background-attachment: scroll !important; } .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: none; } .pagebuilder-column { background-attachment: scroll !important; flex-basis: 100%; max-width: 100%; } .pagebuilder-column-group { flex-wrap: wrap; } .pagebuilder-column-line { flex-wrap: wrap; } [data-content-type='row'][data-appearance='contained'] [data-element='inner'] { background-attachment: scroll !important; } [data-content-type='row'][data-appearance='full-bleed'] { background-attachment: scroll !important; } [data-content-type='row'][data-appearance='full-width'] { background-attachment: scroll !important; } .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: none; } [data-content-type='tab-item'] { background-attachment: scroll !important; } .pagebuilder-mobile-hidden { display: none !important; } .amgdprcookie-groups-modal.-table .modal-inner-wrap { min-width: 95%; } .amgdprcookie-groups-modal .amgdprcookie-table { font-size: 1rem; } .modal-popup .modal-content { padding-left: 1rem; padding-right: 1rem; } .amgdprcookie-bar-container .action-close { top: 0; right: 0; padding: 10px; } .amgdprcookie-modal-container .amgdprcookie-modal-template { width: unset; min-width: unset; } .checkout-container .opc-estimated-wrapper { margin-top: 10px; } .checkout-container .authentication-wrapper { margin-top: -12px; } .nav-sections { background: #f8f8f8; } .scroll-to-fixed-fixed { position: static !important; left: 0 !important; width: 100% !important; } .ves-megamenu.ves-offcanvas .opener, .ves-megamenu.ves-maccordion .opener { display: block; } .ves-megamenu .ves-navbar { display: block; } .ves-megamenu > .navigation { background: #f8f8f8; float: left; width: 100%; } .ves-megamenu > .navigation .level0 { border-top-color: rgba(0, 0, 0, 0.08); } .ves-megamenu > .navigation .nav-item { float: left !important; width: 100%; } .ves-megamenu > .navigation .nav-item.active > a { color: #FFF; } .ves-megamenu > .navigation .nav-item > a { padding: 0 10px; display: block; position: relative; } .ves-megamenu > .navigation .nav-item > a.parent { padding-right: 54px; } .ves-megamenu > .navigation .nav-item .item-content > .nav-dropdown { padding-left: 10px; } .ves-megamenu .products-grid .product-item { width: 100%; text-align: center; } .ves-megamenu .products-grid .product-item img { max-width: 100%; width: auto; float: none; margin-left: auto; margin-right: auto; } .ves-megamenu .submenu { display: none; max-width: 100%; border: 0; width: 100% !important; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .ves-megamenu .submenu .carousel-indicators { bottom: -20px; } .ves-megamenu .submenu .carousel-indicators > li { width: 20px; height: 20px; } .ves-megamenu .ves-caret { display: none; } .ves-megamenu .drill-opener:before, .ves-megamenu .opener:before { content: "\e61c"; } .ves-megamenu .opener.item-active { background-color: rgba(0, 0, 0, 0.05); } .ves-megamenu .opener.item-active:before { content: "\e60f"; } .ves-megamenu .cat-label:before { display: none; } .ves-megamenu .item-header, .ves-megamenu .item-content, .ves-megamenu .item-sidebar, .ves-megamenu .item-footer { width: 100% !important; } .ves-megamenu .block-products-list .product-item { text-align: center; } .ves-megamenu .block-products-list .product-item a { padding-left: 0; } .ves-megamenu .owl-nav > a { position: absolute; padding: 16px; font-size: 41px; top: 50%; margin-top: -49px; background-color: rgba(255, 255, 255, 0.98); cursor: pointer; width: auto; z-index: 99; display: inline-block; *display: inline; zoom: 1; -webkit-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; -webkit-box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3); } .ves-megamenu .owl-nav > a.owl-left { left: 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .ves-megamenu .owl-nav > a.owl-right { right: 0; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .ves-megamenu .carousel-controls > a { position: absolute; padding: 16px; font-size: 41px; top: 50%; margin-top: -49px; background-color: rgba(255, 255, 255, 0.98); cursor: pointer; width: auto; z-index: 99; display: inline-block; *display: inline; zoom: 1; -webkit-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; -webkit-box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3); } .ves-megamenu .carousel-controls > a.owl-left { left: 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .ves-megamenu .carousel-controls > a.owl-right { right: 0; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .ves-megamenu .carousel-controls .carousel-control.right, .ves-megamenu .carousel-controls .carousel-control.left { background: #FFF; } .hide-blocks .item-header, .hide-blocks .item-sidebar, .hide-blocks .item-footer { display: none; } .ves-navtoggle { display: block; background: #333; } .ves-navtoggle:before { -webkit-font-smoothing: antialiased; font-size: 32px; line-height: inherit; color: #FFF; content: '\e609'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; padding: 0 7px; } .offcanvas-left > .navigation > ul { height: 100%; left: -80%; left: calc(-1 * (100% - 54px)); overflow: auto; position: fixed; top: 0; width: 80%; width: calc(100% - 54px); background: #f0f0f0; z-index: 99; -webkit-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } .ves-nav-before-open { height: 100%; width: 100%; } .ves-nav-before-open .page-wrapper { -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; transition: left .3s; height: 100%; left: 0; overflow: hidden; position: relative; } .ves-nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .ves-navopen .page-wrapper { left: 80%; left: calc(100% - 54px); } .ves-navopen .ves-moffcanvas > .navigation > ul { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); z-index: 99; } .ves-navopen .ves-navtoggle:after { background: rgba(0, 0, 0, 0.01); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } .ves-nav-before-open { height: 100%; width: 100%; } .ves-nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .ves-nav-before-open .page-wrapper { -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; transition: left .3s; height: 100%; overflow: hidden; position: relative; } .ves-overlay { position: fixed; width: 100%; height: 100%; z-index: 80; top: 0; left: 0; z-index: 90; } .ves-mdrilldown { position: relative; float: left; width: 100%; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 100% !important; } .ves-mdrilldown .navigation { background-color: #FFF; } .ves-mdrilldown .navigation.loaded > .dropdown-menu { width: 100% !important; } .ves-mdrilldown .navigation .subhover > .submenu { display: none; } .ves-mdrilldown .navigation > .dropdown-menu { display: block; position: static; margin: 0; padding: 0; border-radius: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .ves-mdrilldown .navigation .ves-caret { display: none; } .ves-mdrilldown .navigation .cat-label { position: static; margin: 0; padding: 4px 6px; } .ves-mdrilldown .navigation .nav-item { position: relative !important; float: left !important; width: 100%; } .ves-mdrilldown .navigation .nav-item > a { line-height: 50px; position: static; padding: 0 15px; } .ves-mdrilldown .navigation .nav-item > a span.drill-opener { border: 1px solid #e5e5e5; border-right: 0; display: none; } .ves-mdrilldown .navigation .mega-col { padding: 0; } .ves-mdrilldown .navigation .level0 { border-top-color: #e5e5e5; } .ves-mdrilldown .navigation .opener { display: none; } .ves-mdrilldown .navigation .drill-opener { background: #f0f0f0; position: absolute; } .ves-mdrilldown .navigation .drill-opener:before { content: "\e608"; } .ves-mdrilldown .navigation .drilldown-back { position: relative; top: 0; left: -1px; display: none; } .ves-mdrilldown .navigation .drilldown-back a { padding: 0; background: #f0f0f0; text-align: center; font-size: 1.3em; text-transform: uppercase; display: block; font-weight: normal; border-bottom: 1px solid #e6e6e6; margin-bottom: -1px; } .ves-mdrilldown .navigation .drilldown-back a .drill-opener { position: absolute; left: 0; right: auto; display: block !important; } .ves-mdrilldown .navigation .drilldown-back a .drill-opener:before { content: "\e617"; } .ves-mdrilldown .navigation .drilldown-back a .drill-opener:after { display: none; } .ves-mdrilldown .navigation .drilldown-back a .current-cat { line-height: 50px; position: relative; z-index: 99; } .ves-mdrilldown .navigation .drilldown-back a .current-cat:before { display: none; } .ves-mdrilldown .navigation .drill-opener { display: block; } .ves-mdrilldown .navigation .nav-item > a span.drill-opener { display: block; position: absolute; top: 0; right: 0; } .ves-mdrilldown .navigation .drilldown-back { display: block; } .ves-mdrilldown .navigation .drilldown-back > a > .drill-opener { line-height: 50px; width: 50px; } .sort-by-mobile { display: inline-block; } .sort-by-mobile-disabled { display: none; } .multiple-wishlist-container { text-align: center; } .multiple-wishlist-container .multiple-wishlist-box-wrapper { max-width: 276px; float: none; display: inline-block; text-align: left; } .multiple-wishlist-container .multiple-wishlist-box-wrapper .box { width: 88px; height: 100px; } .multiple-wishlist-container .multiple-wishlist-box-wrapper .box-bottom { width: 270px; } .instagram-photos.col-2 a { width: 50%; } .instagram-photos.col-3 a { width: 50%; } .instagram-photos.col-4 a { width: 50%; } .instagram-photos.col-5 a { width: 50%; } .instagram-photos.col-6 a { width: 50%; } .page-header-v4 .page-header .panel.wrapper { position: relative; } #multistore-mobile-switcher-language { padding-top: 0px; background-color: #000; min-height: 35px; } #multistore-mobile-switcher-language img { min-height: 35px !important; } #multistore-mobile-switcher-language.multistore-mobile-hide { display: none; } .sample-img { max-width: 150px; } .arv-wrapper .arv-content { text-align: center; padding: 20px 0 0 0; } .arv-wrapper .arv-content .arv-clear { top: 23px; } .arv-wrapper .arv-content .widget { margin-bottom: 0px; } .arv-wrapper .arv-content .arv-item-list { width: 100%; margin-left: 0px; height: auto !important; } .arv-wrapper .arv-content .arv-item-list .product-item { margin-left: 30px !important; white-space: normal; min-width: 130px !important; } .arv-wrapper .arv-content .arv-item-list .product-item:first-child { margin-left: 0px !important; } .arv-wrapper .arv-content .arv-item-list .product-item .product-item-actions { display: block; } .arv-wrapper .arv-content .arv-item-list .product-item .product-item-actions .actions-primary { display: block; } .arv-wrapper .arv-content .arv-item-list .product-item .product-item-actions .actions-secondary { width: 100%; text-align: center; margin-top: 5px; padding: 10px 0; display: block; } .arv-wrapper .arv-content .arv-item-list .product-item .product-item-actions .actions-secondary .tocompare { margin-left: 10px; float: none; } .arv-wrapper .arv-content .arv-item-list ol.product-items .product-item-actions { margin: 0; } .arv-wrapper .arv-content .arv-item-list ol.product-items li.product-item:hover .product-item-actions .actions-secondary { display: block !important; margin: 5px auto 0 auto; width: 100%; padding-left: 0; } .arv-wrapper .arv-content .arv-cms { height: auto !important; padding: 20px; width: 100%; } .arv-wrapper .arv-content .arv-cms .arv-desktop-img { display: none; width: 100%; } .arv-wrapper .arv-content .arv-cms .arv-mobile-img { display: block; width: 100%; } .arv-wrapper .arv-prod-item-sec .towishlist, .arv-wrapper .arv-prod-item-sec .tocompare { margin: 7px 0; } .arv-wrapper .tooltip-recently-viewed-text, .arv-wrapper .tooltip-recently-viewed-text:hover { display: none; } .wrap .modal .modal-content .form.minisearch .searchautocomplete.horizontally { max-height: 80vh; } .wrap .modal .modal-content .form.minisearch .searchautocomplete.horizontally .product-list { display: inline-block; } .wrap .modal .modal-content .form.minisearch .searchautocomplete.horizontally .product-list .block-flex { display: flex; } .wrap .modal .modal-content .form.minisearch .searchautocomplete.horizontally .product-list li { display: inline-block; padding-bottom: 10px; margin-bottom: 1rem; border-bottom: 1px solid #CCCCCC; } .wrap .modal .modal-content .form.minisearch .searchautocomplete.horizontally .product-list li .block-right { text-align: left; } .theme-pearl .form.minisearch .searchautocomplete { margin-right: 0px !important; position: static !important; clear: both; } .theme-pearl .loader-ajax:after { right: 17px; top: 9px; } .form.minisearch .searchautocomplete { width: auto !important; margin-right: 15px; } .form.minisearch .searchautocomplete .block-left img { max-width: initial; } .loader-ajax:after { right: 24px; top: 24px; } body:not(.theme-pearl) .product .blocks-promo { margin-left: 0; margin-right: 0; } div.page-wrapper .columns .main .login-container { width: initial; float: none; padding: 0; } body.wp-sl .popup-authentication .modal-inner-wrap { height: 100% !important; } body.wp-sl .popup-authentication .modal-inner-wrap .sl-popup .block-content .sociallogin-or { margin-top: 35px; } body.wp-sl div.sociallogin-wrapper { width: 100%; float: none; } body.wp-sl.customer-account-login div.page-wrapper .columns .main div.sociallogin-wrapper, body.wp-sl.multishipping-checkout-login div.page-wrapper .columns .main div.sociallogin-wrapper { width: 96.5% !important; padding: 0 10px; } body.wp-sl.customer-account-login div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-padding, body.wp-sl.multishipping-checkout-login div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-padding { max-width: unset; } body.wp-sl.customer-account-login div.page-wrapper .columns .main .login-container, body.wp-sl.multishipping-checkout-login div.page-wrapper .columns .main .login-container { width: initial !important; } body.wp-sl.customer-account-create div.page-wrapper .columns .main div.sociallogin-wrapper, body.wp-sl.multishipping-checkout-register div.page-wrapper .columns .main div.sociallogin-wrapper { width: 100% !important; float: none !important; margin-bottom: 20px !important; margin-left: 0; } body.wp-sl.customer-account-create div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-padding, body.wp-sl.multishipping-checkout-register div.page-wrapper .columns .main div.sociallogin-wrapper div.sociallogin-padding { max-width: unset; } body.wp-sl.customer-account-create div.page-wrapper .columns .main .form-create-account, body.wp-sl.multishipping-checkout-register div.page-wrapper .columns .main .form-create-account { width: 100% !important; } div.social-accounts ul.sl-unlinks { max-width: 100%; } body.checkout-cart-index div.cart-summary div.sociallogin-wrapper { width: unset !important; } body.checkout-cart-index div.page-wrapper .columns .main div.sociallogin-wrapper.login-container { padding: 0 15px; } body.checkout-index-index div.sociallogin-wrapper div.sociallogin-block div.sociallogin-block-title { font-size: 1.8rem; } body.wp-sl.theme-pearl.customer-account-create div.page-wrapper .columns .main div.sociallogin-wrapper { margin: unset; } body.wp-sl .slide-popup .modal-inner-wrap .modal-content { overflow-scrolling: touch; -webkit-overflow-scrolling: touch; } .checkout-onepage-success .thankyou-wrapper .action.primary, .multishipping-checkout-success .thankyou-wrapper .action.primary { width: 100%; } .checkout-onepage-success .thankyou-wrapper .thank-you-page h1, .multishipping-checkout-success .thankyou-wrapper .thank-you-page h1 { margin-bottom: 10px; } .checkout-onepage-success .thankyou-wrapper .block.newsletter .block.newsletter .form.subscribe, .multishipping-checkout-success .thankyou-wrapper .block.newsletter .block.newsletter .form.subscribe { width: 100%; } .checkout-onepage-success .thankyou-wrapper .cmsblock-container, .multishipping-checkout-success .thankyou-wrapper .cmsblock-container { width: 100%; } .contact-index-index .column:not(.sidebar-main) .form.contact { float: none; width: 100%; } .contact-index-index .column:not(.sidebar-additional) .form.contact { float: none; width: 100%; } .block-cart-failed .block-title { margin: 0 20px 20px; } .block-search { margin-top: 10px; } .cart-container .form-cart .actions.main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .cart-container .form-cart .actions.main .clear, .cart-container .form-cart .actions.main .continue { margin: 0 0 25px 0; } .cart-discount { border-bottom: 1px solid #cccccc; } .cart.table-wrapper { border-top: 1px solid #cccccc; } .cart.table-wrapper thead .col.item, .cart.table-wrapper thead .col.qty, .cart.table-wrapper thead .col.price, .cart.table-wrapper thead .col.subtotal, .cart.table-wrapper thead .col.msrp { display: none; } .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { box-sizing: border-box; display: block; float: left; white-space: nowrap; width: 33%; } .cart.table-wrapper .col.qty[data-th]:before, .cart.table-wrapper .col.price[data-th]:before, .cart.table-wrapper .col.subtotal[data-th]:before, .cart.table-wrapper .col.msrp[data-th]:before { content: attr(data-th); display: block; font-weight: 600; padding-bottom: 10px; } .cart.table-wrapper .col.msrp { white-space: normal; } .cart.table-wrapper .item .col.item { padding-bottom: 0; } .cart.table-wrapper tbody > tr > td:last-child { border: 0; } .cart-totals { padding-left: 15px; padding-right: 15px; } .cart-totals .table-wrapper { border-top: 0; } .cart-totals .totals tbody > tr:not(:last-child) > td:last-child { border: 0; } .cart.table-wrapper .col.price, .order-items.table-wrapper .col.price, .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .order-items.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp { text-align: left; } .minicart-wrapper { margin-top: 10px; } .minicart-wrapper:before, .minicart-wrapper:after { content: ''; display: table; } .minicart-wrapper:after { clear: both; } .minicart-wrapper .product .actions { float: left; margin: 10px 0 0 0; } .minicart-wrapper .update-cart-item { float: right; margin-left: 0; } .checkout-index-index .modal-popup .modal-footer .action-save-address { width: 100%; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { margin-top: 20px; } .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .checkout-payment-method .payment-methods { margin: 0 -15px; } .checkout-payment-method .step-title { padding-left: 15px; padding-right: 15px; } .checkout-payment-method .payment-method-title { padding: 15px; } .checkout-payment-method .payment-method-content { padding: 0 15px 20px; } .checkout-payment-method .checkout-billing-address .action-cancel { margin-top: 10px; } .checkout-payment-method .payment-option { margin: 0 -15px; } .checkout-payment-method .payment-option .payment-option-title { padding: 15px; } .checkout-payment-method .payment-option .payment-option-content { padding: 0 15px 20px; } .login-container .fieldset:after { text-align: center; } .account .messages { margin-bottom: 0; } .account .column.main .block:not(.widget) .block-title > .action { float: right; margin-top: 5px; } .account .column.main .block:not(.widget) .block-content .box { margin-bottom: 20px; } .account .column.main .block:not(.widget) .block-content .box:last-child { margin-bottom: 0; } .control.captcha-image .captcha-img { display: block; margin-bottom: 10px; } .customer-account-index .page-title-wrapper { position: relative; } .form.search.advanced .field.price .with-addon .input-text { flex-basis: auto; width: 100%; } .cart-discount .giftcard .content { padding-bottom: 35px; } .cart-discount .actions-toolbar .secondary { bottom: 17px; } .field.open-amount { width: 100%; } .page-product-giftcard .product-info-main .product-info-stock-sku { display: block; padding-left: 10px; text-align: left; } .gift-message .actions-toolbar .action-update { font-size: 2rem; padding: 15px; width: 100%; } .gift-item-block { border-top: 1px solid #c1c1c1; border-bottom: 0; } .gift-item-block .title:after { font-size: 1.2rem; position: absolute; right: 20px; top: 10px; } .gift-item-block .content { padding-left: 1.5rem; padding-right: 1.5rem; } .cart.table-wrapper .gift-content { border-top: 1px solid #c1c1c1; margin-right: -15px; overflow: hidden; padding-left: 15px; padding-right: 15px; } .cart .action-gift { display: inline-block; text-decoration: none; } .cart .action-gift > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e62a'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart .action-gift:hover:after { color: #333333; } .cart .action-gift:active:after { color: #8f8f8f; } .cart .action-gift._active { border: 1px solid #c1c1c1; border-bottom-color: #ffffff; margin: -5px 14px -1px -15px; padding: 4px 10px 9px 14px; } .cart .action-gift._active:after { color: #333333; } .gift-options-cart-item + .towishlist { left: 0; position: absolute; } .cart.table-wrapper .action-giftregistry { display: inline-block; text-decoration: none; } .cart.table-wrapper .action-giftregistry > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .action-giftregistry:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e62b'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .action-giftregistry:hover:before { color: #333333; } .cart.table-wrapper .action-giftregistry:active:before { color: #8f8f8f; } .gift-options-cart-item .gift-wrapping, .cart-gift-item .gift-wrapping { border-bottom: 1px solid #c1c1c1; margin-bottom: 20px; padding-bottom: 10px; } .gift-wrapping-list { width: 100%; } .gift-wrapping-summary + .gift-message-summary { padding-right: 0; } .gift-options-cart-item { float: left; width: 100%; } .gift-wrapping-preview img { width: 100%; } .item-actions .actions-toolbar .gift-options .gift-wrapping, .item-actions .actions-toolbar .gift-options .gift-message { display: block; } .product-add-form .table-wrapper.grouped { margin-left: -15px; margin-right: -15px; } .product-add-form .table-wrapper.grouped .table.data.grouped tr td { padding: 5px 10px 5px 15px; } .map-popup { max-width: 100%; } .map-old-price, .map-show-info { display: inline-block; } .map-old-price:not(:last-child), .map-show-info:not(:last-child) { margin-bottom: 10px; } .block-wishlist-management { clear: both; margin-top: -21px; } .block-wishlist-management .wishlist-select { margin: 0 -15px 20px; } .block-wishlist-management .wishlist-select .wishlist-name { font-size: 1.6rem; } .block-wishlist-management .wishlist-select-items { border-bottom: 1px solid #cccccc; background: #f5f5f5; display: none; padding: 15px 0; } .block-wishlist-management .wishlist-select-items.active { display: block; } .block-wishlist-management .wishlist-select-items .item { margin: 3px 0 0; } .block-wishlist-management .wishlist-select-items .item:first-child { margin-top: 0; } .block-wishlist-management .wishlist-select-items .item.current { display: none; } .block-wishlist-management .wishlist-select-items .item a { color: #333333; display: block; padding: 5px 18px; text-decoration: none; } .block-wishlist-management .wishlist-select-items .item a:hover { background: #e8e8e8; } .block-wishlist-management .wishlist-title strong { font-size: 2.6rem; } .block-wishlist-management .wishlist-info { margin-bottom: 15px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { margin-bottom: 15px; } .products-grid.wishlist .product-item-checkbox { left: 0; position: absolute; top: 20px; } .page-multiple-wishlist .products-grid.wishlist .product-item-photo { margin-left: 25px; } .page-multiple-wishlist .products-grid.wishlist .product-item-name, .page-multiple-wishlist .products-grid.wishlist .product-item-description, .page-multiple-wishlist .products-grid.wishlist .product-item .price-box, .page-multiple-wishlist .products-grid.wishlist .product-item-tooltip { margin-left: 115px; } .products-grid.wishlist .wishlist-dropdown { display: none; } .multishipping-checkout-success .nav-toggle { display: block; } .multishipping-checkout-success .logo { margin-left: 40px; } .multicheckout .actions-toolbar > .primary { margin-right: 0; } .block.newsletter input { font-size: 12px; padding-left: 30px; } .block.newsletter .field .control:before { font-size: 13px; } .order-pager-wrapper .toolbar-amount { left: inherit; position: relative; text-align: center; top: inherit; } .order-pager-wrapper .pages { text-align: center; } .order-pager-wrapper .action.previous, .order-pager-wrapper .action.next { margin: 0; } .form.send.friend .fieldset { padding-bottom: 5px; } .form.send.friend .action.remove { margin-left: 0; right: 0; top: 100%; } .products-grid.wishlist { margin-bottom: 30px; margin-right: 0; } .products-grid.wishlist .product-item { padding: 20px 0 20px 0; position: relative; } .products-grid.wishlist .product-item-photo { float: left; margin-right: 20px; } .products-grid.wishlist .product-item-name { font-size: 1.6rem; } .products-grid.wishlist .product-item-actions { display: block; float: left; } .products-grid.wishlist .product-item-actions .action { margin-right: 15px; } .products-grid.wishlist .product-item-actions .action:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { margin-top: 7px; } .products-grid.wishlist .product-item-name, .products-grid.wishlist .product-item-description, .products-grid.wishlist .product-item .price-box, .products-grid.wishlist .product-item-tooltip { margin-left: 95px; } .products-grid.wishlist .product-item .box-tocart { float: left; margin-right: 20px; } .products-grid.wishlist .product-item .box-tocart .stock { margin-top: 7px; } .products-grid.wishlist .product-item .giftregisty-dropdown, .products-grid.wishlist .product-item .field.qty { display: none; } .products-grid.wishlist .product-image-container { max-width: 80px; } .wishlist-index-index .product-item { width: 100%; } .wishlist-index-index .product-item-info { width: auto; } .cart.table-wrapper .towishlist { display: inline-block; text-decoration: none; } .cart.table-wrapper .towishlist > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e600'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .towishlist:hover:before { color: #333333; } .cart.table-wrapper .towishlist:active:before { color: #8f8f8f; } .cart.table-wrapper .towishlist:before { overflow: visible; } #layered-filter-block .filter-title strong { background-color: transparent; border-color: black; } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-title { padding: 10px 40px 10px 10px; } #layered-filter-block .filter-content .filter-options .filter-options-content .item { margin: 10px 0px 10px 10px; } .theme-pearl.page-products .columns .column { padding-bottom: 50px; } .theme-pearl.page-products .columns .column .products-grid { margin-bottom: 0; padding-bottom: 0; } .theme-pearl.page-products .columns .column .products-grid .product-item { margin-bottom: 40px; } .theme-pearl .page-wrapper .products-list .product-item .product-item-details .actions-primary, .theme-pearl .page-wrapper .products-list .product-item .product-item-details .actions-secondary { display: flex; } .theme-pearl .page-wrapper .products-list .product-item .product-item-details .actions-secondary { margin-top: 10px; } .theme-pearl .page-wrapper .products-list .product-item .product-item-details .actions-secondary .towishlist { margin-right: 15px; } .theme-pearl .page-wrapper .page-header-v1 .header.content { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px 0; } .theme-pearl .page-wrapper .page-header-v1 .header.content:before { display: none; } .theme-pearl .page-wrapper .page-header-v1 .header.content:after { display: none; } .theme-pearl .page-wrapper .page-header-v1 .header.content .action.nav-toggle { position: relative; left: 0; top: 0; } .theme-pearl .page-wrapper .page-header-v1 .header.content .desktop-logo { display: none; margin-left: 10px; } .theme-pearl .page-wrapper .page-header-v1 .header.content .desktop-logo a.logo { margin: 0; float: none; max-width: 100%; } .theme-pearl .page-wrapper .page-header-v1 .header.content .block-search { float: none; margin: 0 10px 0 auto; transition: none; order: 3; z-index: 10; } .theme-pearl .page-wrapper .page-header-v1 .header.content .block-search label:before { margin: 0; } .theme-pearl .page-wrapper .page-header-v1 .header.content .block-search #search_mini_form .control { position: absolute; top: 75%; left: 0; right: 0; text-align: center; padding: 0 15px; } .theme-pearl .page-wrapper .page-header-v1 .header.content .block-search #search_mini_form label.active + .control input { width: 100%; margin: 0; background-color: #FFFFFF; } .theme-pearl .page-wrapper .page-header-v1 .header.content .block-search #search_mini_form #searchautocomplete { width: 100%; margin: 0 auto !important; } .theme-pearl .page-wrapper .page-header-v1 .header.content .minicart-wrapper { order: 4; } .theme-pearl .page-wrapper .page-header-v2 .header.content { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px 0; } .theme-pearl .page-wrapper .page-header-v2 .header.content:before { display: none; } .theme-pearl .page-wrapper .page-header-v2 .header.content:after { display: none; } .theme-pearl .page-wrapper .page-header-v2 .header.content .action.nav-toggle { position: relative; left: 0; top: 0; } .theme-pearl .page-wrapper .page-header-v2 .header.content .desktop-logo { display: none; margin-left: 10px; } .theme-pearl .page-wrapper .page-header-v2 .header.content .desktop-logo a.logo { margin: 0; float: none; max-width: 100%; } .theme-pearl .page-wrapper .page-header-v2 .header.content .header_right { display: flex; align-items: center; padding-left: 0 !important; order: 3; margin-left: auto; } .theme-pearl .page-wrapper .page-header-v2 .header.content .header_right .minicart-wrapper { order: 2; } .theme-pearl .page-wrapper .page-header-v2 .header.content .block-search { float: none; margin: 0 10px 0 auto; padding: 0; transition: none; position: unset; order: 2; top: 0; right: 0; } .theme-pearl .page-wrapper .page-header-v2 .header.content .block-search label:before { margin: 0; } .theme-pearl .page-wrapper .page-header-v2 .header.content .block-search #search_mini_form .control { position: absolute; top: 75%; left: 0; right: 0; text-align: center; padding: 0 15px; overflow: inherit; } .theme-pearl .page-wrapper .page-header-v2 .header.content .block-search #search_mini_form label.active + .control { height: auto; } .theme-pearl .page-wrapper .page-header-v2 .header.content .block-search #search_mini_form label.active + .control input { width: 100%; margin: 0; background-color: #FFFFFF; } .theme-pearl .page-wrapper .page-header-v2 .header.content .block-search #search_mini_form #searchautocomplete { width: 100%; margin: 0 auto !important; } .theme-pearl .page-wrapper .page-header-v3 .header.content { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px 0; } .theme-pearl .page-wrapper .page-header-v3 .header.content:before { display: none; } .theme-pearl .page-wrapper .page-header-v3 .header.content:after { display: none; } .theme-pearl .page-wrapper .page-header-v3 .header.content .action.nav-toggle { position: relative; left: 0; top: 0; } .theme-pearl .page-wrapper .page-header-v3 .header.content .desktop-logo { display: none; margin-left: 10px; } .theme-pearl .page-wrapper .page-header-v3 .header.content .desktop-logo a.logo { margin: 0; float: none; max-width: 100%; } .theme-pearl .page-wrapper .page-header-v3 .header.content .header_right { display: flex; align-items: center; margin-left: auto; } .theme-pearl .page-wrapper .page-header-v3 .header.content .header_right .wrap #search-mod #search_mini_form .control input#search { position: relative; left: 0; margin: 0; } .theme-pearl .page-wrapper .page-header-v3 .header.content .header_right .wrap #search-mod #search_mini_form .control #searchautocomplete { margin-top: 0; } .theme-pearl .page-wrapper .page-header-v3 .header.content .header_right .block-search { float: none; margin: 0 10px 0 0; transition: none; } .theme-pearl .page-wrapper .page-header-v3 .header.content .header_right .block-search label:before { color: black; margin: 0; } .theme-pearl .page-wrapper .page-header-v3 .header.content .header_right .block-search #search_mini_form .control { position: absolute; top: 75%; left: 0; right: 0; text-align: center; padding: 0 15px; } .theme-pearl .page-wrapper .page-header-v3 .header.content .header_right .block-search #search_mini_form label.active + .control input { width: 100%; margin: 0; background-color: #FFFFFF; } .theme-pearl .page-wrapper .page-header-v3 .header.content .header_right .block-search #search_mini_form #searchautocomplete { width: 100%; margin: 0 auto !important; } .theme-pearl .page-wrapper .page-header-v4 { background: #FFFFFF; } .theme-pearl .page-wrapper .page-header-v4 .panel.header { padding: 15px; width: auto; float: right; } .theme-pearl .page-wrapper .page-header-v4 .panel.header ul.header.links { display: none; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right { margin: 0; display: flex; align-items: center; justify-content: flex-end; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .wrap #search-mod #search_mini_form .control { position: relative; text-align: center; padding: 0; height: auto; top: 0; overflow: inherit; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .wrap #search-mod #search_mini_form .control input#search { position: relative; left: 0; margin: 0; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .wrap #search-mod #search_mini_form .control #searchautocomplete { margin-top: 0; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .block-search { margin: 0; z-index: 15; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .block-search.minisearch-v2 { margin-right: 10px; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .block-search #search_mini_form .label { margin-right: 0; padding-right: 0; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .block-search #search_mini_form .control { position: absolute; top: -100px; padding: 0 15px; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .block-search #search_mini_form label.active + .control { top: 55px; height: auto; left: 0; width: 100%; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .block-search #search_mini_form label.active + .control input { margin: 0; width: 100%; background-color: #FFFFFF; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .minicart-wrapper { z-index: 15; } .theme-pearl .page-wrapper .page-header-v4 .panel.header .header_right .minicart-wrapper .action.showcart { margin: 0; } .theme-pearl .page-wrapper .page-header-v4 .header.content { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px 0; position: absolute; left: 0; } .theme-pearl .page-wrapper .page-header-v4 .header.content:before { display: none; } .theme-pearl .page-wrapper .page-header-v4 .header.content:after { display: none; } .theme-pearl .page-wrapper .page-header-v4 .header.content .desktop-logo { display: none; margin: 0 auto; } .theme-pearl .page-wrapper .page-header-v4 .header.content .desktop-logo a.logo { margin: 0; float: none; max-width: 100%; } .theme-pearl.checkout-index-index .page-wrapper .page-header-v4 .header.content { position: relative; } .theme-pearl .page-wrapper .page-header-v1 .header.content .wrap #search-mod #search_mini_form .control, .theme-pearl .page-wrapper .page-header-v2 .header.content .wrap #search-mod #search_mini_form .control, .theme-pearl .page-wrapper .page-header-v3 .header.content .wrap #search-mod #search_mini_form .control { position: relative; text-align: center; padding: 0; } .theme-pearl .page-wrapper .page-header-v1 .header.content .wrap #search-mod #search_mini_form .control input, .theme-pearl .page-wrapper .page-header-v2 .header.content .wrap #search-mod #search_mini_form .control input, .theme-pearl .page-wrapper .page-header-v3 .header.content .wrap #search-mod #search_mini_form .control input { position: relative; left: 0; } .page-header-v1 .header_right .switcher, .page-header-v2 .header_right .switcher, .page-header-v3 .header_right .switcher, .page-header-v4 .header_right .switcher { display: none; } .page-header-v2 .block-search .control, .page-header-v3 .block-search .control, .page-header-v4 .block-search .control { border: none; height: 0; overflow: hidden; } .wrap .modal .modal-content { width: 95%; } .wrap .modal .wpx-pos-search input { margin-top: 0; } .wrap .modal .searchautocomplete { max-height: 60vh; } .page-header-v1 .wrap .modal .form.minisearch .control, .page-header-v2 .wrap .modal .form.minisearch .control, .page-header-v3 .wrap .modal .form.minisearch .control, .page-header-v4 .wrap .modal .form.minisearch .control { height: auto; } .page-header-v1 .wrap .modal .form.minisearch .control input, .page-header-v2 .wrap .modal .form.minisearch .control input, .page-header-v3 .wrap .modal .form.minisearch .control input, .page-header-v4 .wrap .modal .form.minisearch .control input { margin-bottom: 0; } .wrap .modal .form.minisearch .control .searchautocomplete.vertically .product-list li .block-flex { display: flex; align-items: center; } .wrap .modal .form.minisearch .control .searchautocomplete.vertically .product-list li .block-left { margin-right: 0; } .wrap .modal .form.minisearch .control .searchautocomplete.vertically .product-list li .block-right { align-self: auto; } .wrap .modal .form.minisearch .control .loader-ajax:after { background-size: 22px 21px; top: 9px; height: 25px; } .page-header-v1 .wrap .modal .control.vertically-control.loader-ajax:after, .page-header-v2 .wrap .modal .control.vertically-control.loader-ajax:after, .page-header-v3 .wrap .modal .control.vertically-control.loader-ajax:after, .page-header-v4 .wrap .modal .control.vertically-control.loader-ajax:after { top: 20px; } .page-wrapper .page-header-v4 .page-header .block-search { float: left; } .search-description span { display: block; } :root .wp-device-xs .page-header-v4 .page-header .block-search label.active + .control { border-top: 0 none !important; } .page-wrapper .header.content .logo { max-width: 50%; margin-bottom: 13px; margin-top: 0; z-index: 0; } .page-wrapper .header.content .logo img { width: 100%; height: auto; } .page-wrapper .page-header { margin-bottom: 0px; border: none; } .page-wrapper .page-main { padding-top: 0; } .page-wrapper .page-header-v1 .block-search .control { border-top: none; } .page-wrapper .page-header-v2 .field.search label:before { margin-top: 0px !important; } .page-wrapper .page-header-v4 .page-header .header_right, .page-wrapper .page-header-v1 .page-header .header_right { padding-right: 0px !important; } .page-wrapper .page-header-v4 .block-search .control, .page-wrapper .page-header-v1 .block-search .control { border: none !important; } .nav-sections .section-item-content .switcher-store .switcher-options .switcher-dropdown { display: none; } .nav-sections .section-item-content .switcher-store .switcher-options.active .switcher-dropdown { display: block; } .account .block-collapsible-nav { top: 0px; z-index: 1; } .search-autocomplete { margin-top: 30px; } .page-wrapper .page-header .header.content .modal #search.vertically-black { font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search.vertically-black::-webkit-input-placeholder { font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search.vertically-black::-moz-placeholder { font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search.vertically-black:-ms-input-placeholder { font-size: 18px !important; } .page-wrapper .page-header .header.content .modal #search.vertically-black:-moz-placeholder { font-size: 18px !important; } /*Custom Mobile Logo*/ :root .theme-pearl .page-wrapper .page-header .mobile-logo, :root .theme-pearl .page-wrapper .page-header .mobile-checkout-logo { display: flex; } :root .theme-pearl .page-wrapper .mobile-logo { position: absolute; overflow: hidden; display: flex; align-items: center; width: 100%; padding: 0 45px; left: 0; right: 0; top: 15px; } :root .theme-pearl .page-wrapper .mobile-logo .logo { margin: 3px 0 0 0; } :root .theme-pearl .page-wrapper .mobile-checkout-logo { overflow: hidden; left: 0; position: relative; right: 0; padding: 0; display: flex; align-items: center; width: 100%; } :root .theme-pearl .page-wrapper .mobile-checkout-logo .logo { margin: 0; } :root .theme-pearl .page-wrapper .unset-logo { display: block; } :root .theme-pearl .page-wrapper .logo-center { align-content: center; justify-content: center; } :root .theme-pearl .page-wrapper .logo-left { align-content: center; justify-content: flex-start; } :root .theme-pearl .page-wrapper .page-header-v1 .desktop-logo.desktop-logo-all, :root .theme-pearl .page-wrapper .page-header-v2 .desktop-logo.desktop-logo-all, :root .theme-pearl .page-wrapper .page-header-v3 .desktop-logo.desktop-logo-all, :root .theme-pearl .page-wrapper .page-header-v4 .desktop-logo.desktop-logo-all { display: block; } :root .theme-pearl .page-wrapper .page-header-v1 .mobile-logo .logo img, :root .theme-pearl .page-wrapper .page-header-v2 .mobile-logo .logo img, :root .theme-pearl .page-wrapper .page-header-v3 .mobile-logo .logo img, :root .theme-pearl .page-wrapper .page-header-v4 .mobile-logo .logo img { max-height: 45px; } :root .theme-pearl.checkout-index-index .page-wrapper .page-header-v4 .desktop-logo-all .logo { position: relative; left: 0; transform: translateX(0); } /*End of Custom Logo*/ .header-global-promo .global-notification-wrapper #slides { max-width: 100%; } .header-global-promo .global-notification-wrapper .btn-bar #buttons #prev { left: -2%; } .header-global-promo .global-notification-wrapper .btn-bar #buttons #next { right: -16%; } .header-global-promo .global-notification-wrapper .glb-prm .wpx-sub { display: block; } .page-wrapper .page-header .modal #search.horizontally-white { font-size: 18px !important; height: 44px !important; } .page-header-v1 .loader-ajax:after, .page-header-v3 .loader-ajax:after, .page-header-v4 .loader-ajax:after { top: 9px; } .page-header-v2 .action.showcart:before { line-height: 26px !important; } .page-header-v3 #search_mini_form .control { overflow: inherit; height: auto !important; } .page-header-v4 .field.search label:before { line-height: 34px !important; } .blog-sidebar { display: none; } .blog-main { float: none; max-width: auto; width: auto; } .blog-pagination { text-align: left; } .aw-layered-nav-popover { bottom: 10px !important; left: 0 !important; position: fixed !important; right: auto !important; top: auto !important; width: 97% !important; z-index: 999 !important; } .aw-layered-nav-popover:before, .aw-layered-nav-popover:after { border-width: 0 !important; margin-top: 0 !important; } .aw-layered-nav-popover .aw-layered-nav-popover__content .aw-layered-nav-popover__items, .aw-layered-nav-popover .aw-layered-nav-popover__content .aw-layered-nav-popover__loader { margin-left: 15px; } .aw-layered-nav-popover .aw-layered-nav-popover__content .aw-layered-nav-popover__action { width: 50%; } .aw-layered-nav-popover .aw-layered-nav-popover__content .aw-layered-nav-popover__action .action.primary.show-button { width: 100%; } body.catalog-category-view .mobile-banner-link { display: block; } body.catalog-category-view .mobile-banner-link img { width: 100%; } body.catalog-category-view .category-cms .left-linkcatalog, body.catalog-category-view .category-cms .right-linkcatalog { display: none; } .category-view .cat-main { background: #dfa5af; position: static; padding: 15px; width: 100%; margin-top: -5px; } .category-view .category-description .banner-text { font-size: 18px; } .category-view .category-description p { font-size: 12px; } .catalog-product-view .column.main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .product.media { -ms-flex-order: -1; -webkit-order: -1; order: -1; min-height: 400px; } /* category page and catalog search */ .catalogsearch-result-index.page-products .columns .column.main .toolbar-products { position: absolute; } .catalog-category-view.page-products .columns, .catalogsearch-result-index.page-products .columns, .catalogsearch-advanced-result.page-products .columns { display: flex; padding-top: 0px; } .catalog-category-view.page-products .columns .sidebar, .catalogsearch-result-index.page-products .columns .sidebar, .catalogsearch-advanced-result.page-products .columns .sidebar { padding: 0px; box-shadow: none; display: inline-block; margin-bottom: 0px !important; margin-top: 15px; background: none; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title { position: static; background: none; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title strong { color: #fff; display: inline-block; font-size: 16px; font-family: inherit; border-bottom: none; margin: 5px 0px 15px; background: #064394; border-radius: 5px; padding: 10px; /* -==== new version ====- */ font-size: 12px; background: #fff; color: #000; letter-spacing: 0; font-family: 'Roboto', sans-serif; border: 1px solid #e2e3e7; border-radius: 0px; margin-top: 10px; min-width: 95px; height: 32px; line-height: 30px; vertical-align: top; padding: 0px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter.active .filter-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter.active .filter-title, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter.active .filter-title { position: fixed; text-align: right; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter.active .filter-title strong, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter.active .filter-title strong, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter.active .filter-title strong { color: #000; background: none; top: 0; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter.active .filter-title strong:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter.active .filter-title strong:after, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter.active .filter-title strong:after { font-size: 16px; margin-left: 15px; padding: 3px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content { margin-top: 0; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-current, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-current, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-current { margin: 0px; padding-bottom: 0px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-current ol, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-current ol, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-current ol { padding-left: 15px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-current .filter-current-subtitle, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-current .filter-current-subtitle, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-current .filter-current-subtitle { font-family: inherit; padding-left: 15px; font-size: 14px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-options .filter-options-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-options .filter-options-title, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-options .filter-options-title { background: #064394; color: #fff; vertical-align: middle; padding: 10px; line-height: normal; font-weight: 400; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .block-actions.filter-actions, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .block-actions.filter-actions, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .block-actions.filter-actions { margin: 0px; text-align: right; background: #064394; color: #fff; padding-bottom: 0px; margin-left: 0px; margin-bottom: 0px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .block-actions.filter-actions .action, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .block-actions.filter-actions .action, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .block-actions.filter-actions .action { color: #fff; padding: 5px 15px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .block-actions.filter-actions span, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .block-actions.filter-actions span, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .block-actions.filter-actions span { font-size: 14px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-options .filter-options-title:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-options .filter-options-title:after, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-options .filter-options-title:after { font-size: 14px; color: #fff; right: 10px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after { font-size: 14px; color: #fff; right: 10px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title .filter-content .filter-options .filter-options-item .filter-options-content, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title .filter-content .filter-options .filter-options-item .filter-options-content, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block .filter-title .filter-content .filter-options .filter-options-item .filter-options-content { padding-left: 5%; } .catalog-category-view.page-products .columns > .toolbar.toolbar-products, .catalogsearch-result-index.page-products .columns > .toolbar.toolbar-products, .catalogsearch-advanced-result.page-products .columns > .toolbar.toolbar-products { box-shadow: none; } .catalog-category-view.page-products .columns .column.main .toolbar-products, .catalogsearch-result-index.page-products .columns .column.main .toolbar-products, .catalogsearch-advanced-result.page-products .columns .column.main .toolbar-products { top: 23px; right: 0px; } .catalog-category-view.page-products .columns .products-grid .product-item, .catalogsearch-result-index.page-products .columns .products-grid .product-item, .catalogsearch-advanced-result.page-products .columns .products-grid .product-item { width: 49%; } .catalog-product-view.page-products .columns .menu-filter-mobile, .catalog-category-view.page-products .columns .menu-filter-mobile, .catalogsearch-result-index.page-products .columns .menu-filter-mobile { display: none; } .catalog-product-view.page-products .columns .toolbar-sorter.sorter, .catalog-category-view.page-products .columns .toolbar-sorter.sorter, .catalogsearch-result-index.page-products .columns .toolbar-sorter.sorter { display: none; } .catalog-product-view.page-products .columns .toolbar.toolbar-products, .catalog-category-view.page-products .columns .toolbar.toolbar-products, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products { width: 100%; padding-left: 10px; } .catalog-product-view.page-products .columns .toolbar.toolbar-products .pages, .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages { margin-left: 0; } .catalog-product-view.page-products .columns .toolbar.toolbar-products .pages ul, .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul { padding: 0; margin-bottom: 20px; } .catalog-product-view.page-products .columns .toolbar.toolbar-products .pages ul li.item, .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item { align-items: center; float: none; display: none; } .catalog-product-view.page-products .columns .toolbar.toolbar-products .pages ul li.item.pages-item-next, .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item.pages-item-next, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item.pages-item-next, .catalog-product-view.page-products .columns .toolbar.toolbar-products .pages ul li.item.pages-item-previous, .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item.pages-item-previous, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item.pages-item-previous, .catalog-product-view.page-products .columns .toolbar.toolbar-products .pages ul li.item.current, .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item.current, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item.current { display: inline-block; float: unset; position: relative; top: unset; left: unset; right: unset; vertical-align: top; } .catalog-product-view.page-products .columns .toolbar.toolbar-products .pages ul li.item.current + li.item, .catalog-category-view.page-products .columns .toolbar.toolbar-products .pages ul li.item.current + li.item, .catalogsearch-result-index.page-products .columns .toolbar.toolbar-products .pages ul li.item.current + li.item { display: inline-block; } html.plpfilter-active { height: 100vh; } body.filter-active-transition { overflow: hidden; position: fixed; } body.filter-active-transition .page-header { /*display: none;*/ } body.filter-active-transition .page-wrapper { /*height: 0;*/ /*margin-top: -999999em;*/ /*visibility: hidden;*/ } body.filter-active-transition .columns { z-index: 999; } body.filter-active-transition .columns:before { content: ""; background-color: transparent; position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: block; z-index: 3; visibility: visible; } .filter.active { position: relative; visibility: visible; z-index: 99; } .filter.active .filter-options-item:last-child { margin-bottom: 40px; } .filter.active .filter-title { border-bottom: 1px solid #cccccc; height: 48px; left: 0; position: fixed; right: 0; top: 0; z-index: 2; } .filter.active .filter-title strong { box-shadow: none; background: none; border: 0; color: transparent; left: auto; right: 3px; top: 10px; display: inline-block; text-decoration: none; } .filter.active .filter-title strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #7d7d7d; content: '\e616'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter.active .filter-subtitle { background: transparent; display: block; height: 50px; left: 0; line-height: 32px; position: fixed; right: 0; top: 0; z-index: 1; } .filter.active .filter-options { background: #ffffff; bottom: 0; display: block; left: 0; overflow: auto; position: fixed; right: 0; top: 50px; z-index: 10; } .filter .filter-subtitle { font-size: 20px; font-weight: 300; } .filter-actions { margin: -35px -10px 25px; } .filter-options-content { padding: 5px 10px; } .filter .filter-current { border: none; border-width: 1px 0; margin: 5px -10px 0; } .filter .filter-current .items { display: none; } .filter .filter-current .items .item.results-li { display: none; } .filter .filter-current .items .item { display: inline-block; background-color: #064394; color: #fff; border-radius: 28px; height: 30px; font-size: 14px; line-height: 30px; padding-left: 16px; padding-right: 11px; align-items: center; margin-right: 20px; margin-top: 16px; cursor: pointer; min-width: 0; } .filter .filter-current .items .item .filter-value { color: #fff; } .filter .filter-current .items .item .filter-label { color: #ffffff !important; text-transform: uppercase !important; } .filter .filter-current .items .item .filter-value { text-transform: uppercase !important; } .filter .filter-current .items .item .action.remove:before { color: #ffffff !important; margin-left: 5px; } .filter .filter-current .items + .block-actions.filter-actions { display: none !important; } .filter .filter-current .items .action.remove { left: auto; position: relative; top: auto; } .filter .filter-current .items .action.remove:after { color: #ffffff; } .filter .filter-current-subtitle { position: relative; text-transform: uppercase; z-index: 1; display: block; text-decoration: none; } .filter .filter-current-subtitle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter .filter-current-subtitle:before { position: absolute; right: 10px; top: 10px; } .filter .filter-current-subtitle:after { color: #7d7d7d; content: ' (' attr(data-count) ')'; font-size: .9em; } .filter .filter-current.active { padding-bottom: 30px; } .filter .filter-current.active .block-subtitle:before { content: '\e621'; } .filter .filter-current.active .items { display: block; } .filter .filter-current.active + .block-actions { display: block; } .filter .filter-current + .block-actions { display: none; } .filter-no-options .filter-title:before { background: rgba(255, 255, 255, 0.5); content: ''; display: block; height: 40px; left: -15px; margin-top: -60px; position: relative; width: 100px; z-index: 99; } .filter-no-options .filter-content { margin-bottom: 20px; } .page-with-filter .columns .sidebar-main { -ms-flex-order: 0; -webkit-order: 0; order: 0; } .sidebar .sidebar-main { z-index: 4; background-color: #fff; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options { width: 100%; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item { margin: 0; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item .swatch-attribute, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item .swatch-attribute, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item .swatch-attribute { padding-left: 0; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item .filter-options-content .items, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item .filter-options-content .items, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-options .filter-options-item .filter-options-content .items { padding-left: 0; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-subtitle, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-subtitle, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.active .filter-subtitle { display: none; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active.filter .filter-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active.filter .filter-title, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.active.filter .filter-title { background-color: #ffffff; width: 100%; text-align: left; padding: 18px 30px; border-bottom: 1px solid #ccc; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active.filter .filter-title strong, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active.filter .filter-title strong, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.active.filter .filter-title strong { text-align: left; font-size: 14px; font-weight: 700; color: #000; margin: 0; padding: 0; right: unset; border: none; width: 100%; height: auto; top: 0; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.active.filter .filter-title strong:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.active.filter .filter-title strong:after, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.active.filter .filter-title strong:after { position: absolute; right: 0; font-size: 15px; color: #000000; top: 0; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title { background-color: #fff; color: #000; padding: 0; margin: 0px; padding: 10px 0; padding: 10px 20px; padding-left: 26px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title[aria-expanded="true"]:after { color: #000; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-title:after { color: #000; right: 20px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item.active .filter-options-title, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item.active .filter-options-title, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item.active .filter-options-title { border-left: 6px solid #04214d; padding-left: 20px; } .catalog-category-view.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar, .catalogsearch-result-index.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar, .catalogsearch-advanced-result.page-products .columns .sidebar.sidebar-main #layered-filter-block.filter .filter-content .filter-options .filter-options-item .filter-options-content .smile-es-range-slider .actions-toolbar { display: block; margin-top: 20px; } .catalog-category-view.page-products .columns .sidebar #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content, .catalogsearch-result-index.page-products .columns .sidebar #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content, .catalogsearch-advanced-result.page-products .columns .sidebar #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content { padding: 20px; } .block-collapsible-nav { left: 0; position: absolute; top: -21px; width: 100%; z-index: 5; } .block-collapsible-nav .content { border-bottom: 1px solid #cccccc; display: none; } .block-collapsible-nav .content.active { display: block; } .page-footer { margin-top: 0px; } .page-footer .footer-container .newsletter-box { overflow: hidden; background: #053a83; padding: 5px; } .page-footer .footer-container .newsletter-box .block.newsletter { width: 100%; } .page-footer .footer-container .newsletter-box .block.newsletter .content { background-image: url('../../frontend/Kemana/default/id_ID/images/newsletter-background.png'); background-size: cover; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe { position: relative; width: 100%; margin: 0 auto; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .field.newsletter { width: 100%; padding-top: 10px !important; text-align: center; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .field.newsletter .label { clip: unset; width: 100%; height: auto; position: relative; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .field.newsletter .control { width: 80%; float: none; margin: 0 auto; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .control { padding: 10px 0 0; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .control:before { display: none; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .control input { height: 30px; padding-left: 10px; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .control input::placeholder { font-size: 11px; font-style: italic; color: #bababa; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .actions { display: block; position: relative; top: auto !important; right: auto; bottom: auto; height: 30px; width: 30px; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .actions button { background: transparent; border: 0px; width: auto; height: initial; padding: 0px; border-left: none !important; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .actions button span { display: none; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .actions button:before { content: ""; width: 15px; height: 15px; display: block; background-image: url('../../frontend/Kemana/default/id_ID/images/li-search-action-icon-mobile.png'); background-size: 7px 12px; background-position: center; background-repeat: no-repeat; } .page-footer .footer-container .newsletter-box .block.newsletter .form.subscribe .actions .action.subscribe { background-color: #064394; padding-left: 10px; padding-right: 6px; height: 30px; } .page-wrapper .copyright { background: linear-gradient(#064292, #064394); text-align: right; text-transform: uppercase; font-size: 13px; padding-left: 20px; padding-right: 20px; } .page-wrapper .copyright > span { display: inline-block; } .page-wrapper .copyright .map-logo { width: 90px; display: inline-block; } .page-footer .copyright.container { padding: 0px 0; } .page-footer .copyright.container span { font-size: 10px; } .page-footer .footer-container .footer .footer-new-section span.title { margin-top: 20px; margin-bottom: 0px; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box { padding: 0px 0 20px; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter { width: 100%; margin: auto 0; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter .title { display: none; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter .content { background: none; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter .content label.label { display: none; } .page-footer .footer-container .footer .footer-new-section .footer-newsletter .newsletter-box .block.newsletter .content .action.subscribe.primary { background-color: #04214d; border: 1px solid #04214d; } .page-footer .footer-container .footer .footer-new-section .footer-social-links { padding-top: 0px !important; } .page-footer .footer-container .footer .footer-new-section .footer-social-links ul { border-bottom: 0px solid #000 !important; } .page-footer .footer-container .footer .footer-new-section .footer-social-links ul li { float: left; margin-right: 12px; margin-bottom: 0; } .page-footer .footer-container .footer .footer-new-section .footer-social-links ul li a.social { font-size: 24px !important; line-height: 50px; color: #ffffff; opacity: 0.5; } .page-footer .footer-container .footer .footer-new-section .footer-social-links ul li a.social:hover { text-decoration: none; opacity: 1; } .footer-container .footer .container .row .collapsible > span.title { padding: 5px 0; } .footer-container .footer .container .row .collapsible > span.title:after { top: 6px; } .footer-container .footer .container .row .footer-newsletter .form.subscribe .field.newsletter .control { padding-top: 0; } .footer-container .footer .container .row .footer-newsletter .form.subscribe .field.newsletter .control #newsletter { height: 40px; } .footer-container .footer .container .row .footer-newsletter .form.subscribe .actions { height: 40px; width: 40px; top: 10px; } .footer-container .footer .container .row .footer-newsletter .form.subscribe .actions .action.subscribe.primary { border: 1px solid #a4a3a3 !important; width: 41px; height: 40px; } .footer-container .footer .container .row .footer-newsletter .form.subscribe .actions .action.subscribe.primary:before { width: 20px; } .page-footer .footer-container .footer .footer-social-links { padding-top: 17px; } .page-wrapper .copyright { text-align: center; background: transparent; padding-top: 10px; } .footer-container .newsletter-box { padding: 5px 0 !important; } .footer-container .container .row .collapsible > span { border-bottom: solid 1px #2259a1; position: relative; width: 100%; line-height: 42px; margin-bottom: 0; } .footer-container .container .row .collapsible > span + * { display: none; } .footer-container .container .row .collapsible > span:after { content: "+"; color: #b8d6ff; font-size: 24px; font-weight: 600; position: absolute; right: 5px; top: 0; transition: all .5s; } .footer-container .container .row .collapsible.open > span { margin-bottom: 10px; border-bottom: none; } .footer-container .container .row .collapsible.open > span + * { display: block; border-bottom: solid 1px #2259a1; margin-bottom: 0; padding-bottom: 10px; } .footer-container .container .row .collapsible.open > span:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } .footer-container .container .row .collapsible.open .row > div ul { margin-bottom: 0; } .footer-container .container .row .collapsible.open .row > div:last-child ul { padding-bottom: 10px; border-bottom: solid 1px #2259a1; } .footer-container .container .row .collapsible.col-md-3 span { margin-bottom: 15px; } .footer-container .container .row .collapsible.col-md-3 span + * { margin-bottom: 20px; border-bottom: none; } .footer-container .footer-space { padding: 0px 0 0px; border-bottom: none; } .footer-container .footer-space .logo-box { margin-bottom: 0; } .footer-container .footer-space .map-logo img { width: 80%; } .footer-container .footer-space .payments { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; margin-right: -10px; } .footer-container .footer-space .payments img { margin-right: 10px; } .copyright.container ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; margin-bottom: 15px; } .copyright.container ul li.atText { margin-top: 15px; } .page-header.page-header-v1 .panel.header { display: none; } .page-wrapper > .page-header { padding-bottom: 20px; box-shadow: 0 -4px 16px -4px #808080; } .page-wrapper .page-header.sticky { width: 100%; position: fixed; background: #fff; animation: slide-down 0.7s; } .page-wrapper .page-header.page-header-v1 .header.content .multistore-switcher { display: block !important; float: right; z-index: 10; } .page-wrapper .page-header.page-header-v1 .panel.header { padding-top: 7px; padding-bottom: 7px; text-align: center; } .page-wrapper .page-header .header-multistore #multistore-mobile-switcher-language { display: none; background-color: #053a81; } .page-wrapper .page-header #switcher-language { width: 50px; margin-left: 0px; margin-right: 20px; } .page-wrapper .page-header #switcher-language .language-dropdown-container > li span { display: none; } .page-wrapper .page-header .header.content { position: relative; padding-bottom: 40px; } .page-wrapper .page-header .header.content .top-header-links { display: none; } .page-wrapper .page-header .header.content .logo { width: 100%; margin-bottom: 0px; } .page-wrapper .page-header .header.content .logo img { height: auto; } .page-wrapper .page-header .header.content .block.block-search { width: 100%; position: absolute; bottom: 0; max-width: 100%; margin: 0px; left: 0px; padding-left: 15px; padding-right: 15px; z-index: 1; } .page-wrapper .page-header .header.content .block.block-search .block-content { max-width: 100%; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .field.search { height: 30px; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .field.search .label { display: none; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .field.search .control { height: 30px; clear: inherit; border-top: 0px; position: relative; top: 0px; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .field.search .control input { left: 0px; margin: 0px; width: 100%; position: relative; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .field.search .control:before { left: 20px; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .field.search label.active + .control:before, .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .field.search label.search-active + .control:before { left: 6px; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .field.search label.active + .control input, .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .field.search label.search-active + .control input { display: block; position: absolute; top: 0px; left: 0px; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .actions { z-index: -1; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .actions .action.search { display: block; padding: 0px; margin: 0px; border: 0px; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .actions .action.search:before { position: absolute; top: -2px; left: -12px; background-image: url(../../frontend/Kemana/default/id_ID/images/li-search-action-icon.png); content: ""; background-size: contain; width: 25px; height: 25px; background-repeat: no-repeat; } .page-wrapper .page-header .header.content .block.block-search .block-content .form.minisearch .actions .action.search span { display: none; } .sections.nav-sections { background: #e4e4e4 !important; font-family: 'Roboto', sans-serif; } .sections.nav-sections .section-items { background-color: #e4e4e4; border-right: 1px solid #eaeaea; /*background: url(../../frontend/Kemana/default/id_ID/images/category-filter-background.png) no-repeat;*/ background-size: 100%; padding-bottom: 50px; } .sections.nav-sections .section-items .header.links { clear: both; width: 227px; margin-top: 20px; border: 0px; } .sections.nav-sections .section-items .header.links li { position: relative; } .sections.nav-sections .section-items .header.links li a { border-bottom: 0px; font-size: 16px; font-weight: bold; color: #122e57; line-height: 32px; padding: 0px; border: 0px; } .sections.nav-sections .section-items .header.links li.authorization-link { padding-left: 36px; } .sections.nav-sections .section-items .header.links li.authorization-link a { padding: 0px; text-align: left; } .sections.nav-sections .section-items .header.links li.authorization-link:after { content: "/"; margin-right: 5px; margin-left: 5px; color: #fff; position: absolute; bottom: 0px; right: 2px; line-height: 35px; font-weight: 700; } .sections.nav-sections .section-items .header.links li.nav.item { display: inline-block !important; width: 100%; } .sections.nav-sections .section-items > .header.links { width: 100%; margin-top: 0px; } .sections.nav-sections .section-items > .header.links > li { width: auto; } .sections.nav-sections .section-items > .header.links > li.authorization-link { margin-right: 20px; } .sections.nav-sections .section-items > .header.links > li.authorization-link:after { right: -20px; } .sections.nav-sections .section-items > .header.links > li.nav.item { display: block; float: none; padding-left: 15px; } .sections.nav-sections .section-items > .header.links .customer-welcome { width: 100%; clear: both; overflow: hidden; padding: 0px; } .sections.nav-sections .section-items > .header.links .customer-welcome .header.links { width: 100%; text-align: left; padding-left: 35px; } .sections.nav-sections .section-items > .header.links .customer-welcome .header.links li.authorization-link { padding-left: 0px; } .sections.nav-sections .section-items > .header.links .customer-welcome .header.links li.authorization-link:after { content: " "; } .sections.nav-sections .section-items .section-item-content { float: right; width: 100%; padding-bottom: 0px; position: relative; clear: both; } .sections.nav-sections .section-items .section-item-content .top-header-links { clear: both; overflow: hidden; line-height: 32px; padding-left: 36px; } .sections.nav-sections .section-items .section-item-content .top-header-links .social-container { display: none; } .sections.nav-sections .section-items .section-item-content .top-header-links > a { background: transparent; color: white; padding: 0px; width: auto; float: left; max-width: unset; } .sections.nav-sections .section-items .section-item-content .top-header-links > a span { font-size: 16px; font-weight: bold; color: #122e57; text-transform: uppercase; } .sections.nav-sections .section-items .section-item-content#store\.links { visibility: visible; position: relative; } .sections.nav-sections .section-items .section-item-content#store\.links .header.links { border-bottom: 0px; width: 100%; padding-left: 15px; padding-right: 15px; } .sections.nav-sections .section-items .section-item-content#store\.links .header.links li { width: 100%; float: none; border-top: 1px solid #d1d1d1; border-top-color: rgba(0, 0, 0, 0.08); } .sections.nav-sections .section-items .section-item-content#store\.links .header.links li.authorization-link { text-align: left; } .sections.nav-sections .section-items .section-item-content#store\.links .header.links li.authorization-link:after { content: ""; margin: 0px; } .sections.nav-sections .section-items .section-item-content#store\.links .header.links li > a { border-top: 0px; } .sections.nav-sections .section-items .section-item-content .navigation li a span { padding: 0px; } .sections.nav-sections .section-items .section-item-content .navigation li.level0 { border-top: 0px solid #d1d1d1; } .sections.nav-sections .section-items .section-item-content .navigation li.level0.active > a:not(.uistate-active) { border: 0px; } .sections.nav-sections .section-items .section-item-content .navigation li.level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: 0px; width: 100px; text-align: right; padding-right: 10px; } .sections.nav-sections .section-items .section-item-content .navigation li.level0 a { text-decoration: none; display: block; font-weight: 700; padding: 0.8rem 20px; text-transform: uppercase; } .sections.nav-sections .section-items .section-item-content .navigation li.level0 a span { border-bottom: 0px; font-size: 16px; font-weight: bold; color: #122e57; } .sections.nav-sections .section-items .section-item-content .navigation li .level1 a span { color: #9c9c9c; } .sections.nav-sections .section-items .section-item-content .navigation li .level1 .submenu.dropdown-menu { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } .sections.nav-sections .section-items .section-item-content .navigation li.level0:last-child { border-bottom: 0px; } .sections.nav-sections .section-items .section-item-content .navigation li.level0.sale-category span { color: #e45b4a; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu { background: transparent !important; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .nav-item > a { padding: 0px 20px; position: relative; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .nav-item > a span { color: #122e57 !important; background: transparent; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .nav-item > a .drill-opener:before, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .nav-item > a .opener:before { content: '\e60f'; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .nav-item > a .drill-opener.item-active:before, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .nav-item > a .opener.item-active:before { content: '\e61c'; } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .nav-item.level1 { width: 100% !important; float: none; margin-bottom: 10px; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item.active > a { background: rgba(5, 58, 129, 0.2); line-height: 32px; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item > a { position: relative; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item > a .opener, .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item > a .drill-opener { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); border: none; background-color: transparent; width: 100px; text-align: right; padding-right: 32px; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item > a .opener.item-active, .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item > a .drill-opener.item-active { background-color: transparent; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul .nav-item.level0 > a { border-bottom: 1px solid #ccc; margin-bottom: 10px; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation, .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation .level0.current > a { background-color: #f8f8f8 !important; border: none; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > .navigation .nav-item > a .drill-opener { padding-right: 0; } .sections.nav-sections .section-items .section-item-title { width: 100%; text-align: left; position: relative; display: block; clear: both; margin-top: 40px; padding-left: 30px; } .sections.nav-sections .section-items .section-item-title a { font-size: 22px; font-weight: 700; } .sections.nav-sections .section-items .section-item-title.active .nav-sections-item-switch { color: #000; font-size: 40px; border-bottom: 4px solid white; } .sections.nav-sections .section-items.nav-sections-items { overflow-x: hidden; } .page-header-v1 .page-header .header-main { box-shadow: 0px 1px 5px -1px #5d5d5d; } .page-header-v1 .page-header .header-main .h-search .block-search label .control { padding: 0 !important; border: 0 !important; } .page-header-v1 .page-header .header-main .h-search .block-search label.active + .control { border-top: none; position: absolute !important; width: 100%; top: 50px !important; border-bottom: 1px solid #ccc !important; border-top: 1px solid #e4e4e4 !important; padding: 10px !important; } .page-header-v1 .page-header .header-main .h-search .block-search label.active + .control input { border: 1px solid #ccc !important; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog { padding: 0 10px 10px 10px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block-minicart.mobile { right: unset; transition: transform 0.426s cubic-bezier(0.4, 0.9, 0.3, 1); } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block-minicart.mobile.active { transition: transform 0.426s cubic-bezier(0.4, 0.9, 0.3, 1); height: 100%; padding: 0 10px 10px 10px; border-top: 1px solid #bbb; } html.nav-open .page-wrapper { left: 0 !important; } html.nav-open .nav-toggle { left: 110% !important; } html.nav-open .nav-toggle:after { background-color: rgba(0, 0, 0, 0.49) !important; z-index: -1; } html.nav-open .nav-toggle:before { z-index: 99; content: '\e616'; color: #ffffff !important; } html.nav-open .page-header-v1 .responsive-main-header .nav-toggle { top: -30px !important; } html.nav-open .page-header-v1 .responsive-main-header .nav-toggle:before { font-size: 20px; } html.nav-before-open .page-wrapper { transition: 0.5s !important; -webkit-transition: left 0.5s !important; -moz-transition: left 0.5s !important; -ms-transition: left 0.5s !important; } html .page-header .nav-sections { transition: 0.5s !important; -webkit-transition: left 0.5s !important; -moz-transition: left 0.5s !important; -ms-transition: left 0.5s !important; } html .header-top-wrap { min-height: 40px; } html .page-wrapper > .page-header { padding-bottom: 0; box-shadow: none; z-index: 100 !important; } .page-wrapper .scroll-div { min-height: 56px; display: none; } .sections.nav-sections { z-index: 999 !important; } .sections.nav-sections.menu-traversed .additional-mobile, .sections.nav-sections.menu-traversed .additional-login-mobile, .sections.nav-sections.menu-traversed .switcher-language, .sections.nav-sections.menu-traversed .store-information { display: none !important; } .sections.nav-sections .section-items { padding-bottom: 0px; } .sections.nav-sections .section-items .section-item-title { display: none; } .sections.nav-sections .section-items .section-item-content { margin-top: 0; padding-top: 10px; background-color: #f8f8f8; left: 0px; transition: 0.2s; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item.active > a { line-height: 0px; } .sections.nav-sections .section-items .section-item-content .navigation .drilldown-back .drill-opener:before { padding-left: 0; border-left: 0; } .sections.nav-sections .section-items .section-item-content .navigation .level1.nav-dropdown { padding-left: 15px; padding-right: 15px; } .sections.nav-sections .section-items .section-item-content .navigation .level1.nav-dropdown .dropdown-submenu > a { border-bottom: 1px solid #ebebeb; height: 51px; line-height: 52px; } .sections.nav-sections .section-items .section-item-content .navigation .level1.nav-dropdown .dropdown-submenu > a span { padding-left: 0px; text-transform: uppercase !important; } .sections.nav-sections .section-items .section-item-content .navigation .level1.nav-dropdown .dropdown-submenu > a span.drill-opener { padding-right: 0; width: 35px; } .sections.nav-sections .section-items .section-item-content .navigation .level1.nav-dropdown .dropdown-submenu > a span.drill-opener:before { padding: 8px 0px 8px 12px; border-left: 1px solid #dcdcdc; line-height: 38px; } .sections.nav-sections .section-items .section-item-content .navigation .level2.nav-dropdown .dropdown-submenu > a { border-bottom: 1px solid #ebebeb; height: 44px; line-height: 44px; margin: 0 25px; padding: 0 !important; } .sections.nav-sections .section-items .section-item-content .navigation .level2.nav-dropdown .dropdown-submenu > a span { color: #333 !important; } .sections.nav-sections .section-items .section-item-content .navigation li.level0 a { letter-spacing: 0; line-height: 0px; } .sections.nav-sections .section-items .section-item-content .navigation li.level0 a span { font-size: 14px; width: auto; } .sections.nav-sections .section-items .section-item-content .navigation li.level0 .submenu .nav-item > a .drill-opener:before, .sections.nav-sections .section-items .section-item-content .navigation li.level0 .submenu .nav-item > a .opener:before { content: '\f078' !important; } .sections.nav-sections .section-items .section-item-content .navigation li.level0 .submenu .nav-item > a .drill-opener.item-active:before, .sections.nav-sections .section-items .section-item-content .navigation li.level0 .submenu .nav-item > a .opener.item-active:before { content: '\f054' !important; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul .nav-item > a { height: 52px; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul .nav-item > a .drill-opener { width: 30px !important; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul .nav-item > a .drill-opener:before { padding: 8px 0px 8px 12px; border-left: 1px solid #dcdcdc; line-height: 38px; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul .nav-item.level0 > a { margin-bottom: 0; padding: 20px 10px; border-color: #ecf1f8; margin: 0 10px; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul .nav-item.level0 > a + .submenu.dropdown-menu { padding-top: 10px; } .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation > ul .nav-item.menu-mobile-show > a { visibility: visible !important; } .sections.nav-sections .section-items .section-item-content .login-mobile { position: relative; padding-left: 40px; border-bottom: solid 1px #d7d7d7; } .sections.nav-sections .section-items .section-item-content .login-mobile:before { content: ""; background-image: url('../../frontend/Kemana/default/id_ID/images/header/login.svg'); background-repeat: no-repeat; background-size: 30px 30px; width: 30px; height: 30px; position: absolute; left: 15px; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .sections.nav-sections .section-items .section-item-content .additional-mobile { background-color: #ECF1F8; float: left; width: 100%; padding: 0 15px; } .sections.nav-sections .section-items .section-item-content .additional-mobile li { list-style: none; height: 46px; align-items: center; display: flex; border-bottom: solid 1px #d7d7d7; padding-left: 10px; } .sections.nav-sections .section-items .section-item-content .additional-mobile li a { color: #122e57; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: normal; } .sections.nav-sections .section-items .section-item-content .additional-mobile li:last-child { border-bottom: none; } .sections.nav-sections .section-items .section-item-content .additional-mobile-login .login-mobile li { list-style: none; height: 46px; align-items: center; display: flex; padding-left: 15px; } .sections.nav-sections .section-items .section-item-content .additional-mobile-login .login-mobile li a { font-size: 14px; font-weight: 600; letter-spacing: 0; color: #001B61; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language { background-color: #f8f8f8; float: left; width: 100%; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container { position: relative; list-style: none; margin-top: 15px; margin-bottom: 15px; padding-left: 25px; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .switcher-option { padding-bottom: 15px; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .switcher-option img { max-height: 20px; border-radius: 50%; width: 17px; height: 17px; display: inline-block; margin-top: 0; margin-left: 0; object-fit: cover; vertical-align: text-bottom; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .switcher-option span { text-transform: uppercase; font-size: 1.4rem; font-weight: bold; display: inline-block; margin-left: 10px; vertical-align: baseline; color: #122e57; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .switcher-option:after { content: none; font-family: FontAwesome; color: black; font-size: 1.6rem; } .sections.nav-sections .section-items .section-item-content #multistore-mobile-switcher-language .store-options .language-dropdown-container .weltpixel_multistore { display: block; } .sections.nav-sections .section-items .section-item-content .store-information { display: inline-block; font-size: 1.2rem; vertical-align: top; line-height: 20px; padding: 15px 25px; letter-spacing: 0; width: 100%; background-color: #e4e4e4; } .sections.nav-sections .section-items .section-item-content .store-information i { font-weight: bold; width: 14px; } .sections.nav-sections .section-items .section-item-content .store-information a { font-weight: bold; display: inherit; width: calc(100% - 14px); } .sections.nav-sections .section-items .section-item-content .switcher-language { float: left; width: 100%; padding: 0 15px; border-bottom: none; } .sections.nav-sections .section-items .section-item-content .switcher-language .label { display: none; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-trigger { margin-bottom: 0; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-trigger strong { line-height: 46px; padding-left: 10px; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-trigger strong:after { right: 0; top: 0; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-trigger strong span { color: #122e57; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: normal; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-dropdown .switcher-option { padding: 0 10px; } .sections.nav-sections .section-items .section-item-content .switcher-language .switcher-dropdown .switcher-option a { color: #122e57; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: normal; } .ves-megamenu > .navigation { padding: 0 !important; } .ves-megamenu .drill-opener:before, .ves-megamenu .opener:before { content: '\f054' !important; font-family: FontAwesome; font-size: 13px; font-weight: 400; } .ves-megamenu .drill-opener.item-active:before, .ves-megamenu .opener.item-active:before { content: '\f078' !important; } .page-header .header-main .minicart-wrapper.active .mage-dropdown-dialog { transform: translateX(0px); z-index: 9999; } .page-header .header-main .minicart-wrapper.active .mage-dropdown-dialog .block.block-minicart { box-shadow: none; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog { background-color: #ffffff; width: 100vw; height: 100vh; position: fixed; top: 0px; right: 0px; transform: translateX(100%); transition: transform 0.426s cubic-bezier(0.4, 0.9, 0.3, 1); display: block !important; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart { width: 100vw; height: 100vh; top: 0px; left: 0px; padding: 0px 20px 20px; margin-top: 0px; border: none !important; box-shadow: none; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart:before, .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart:after { display: none !important; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart .subtotal { margin-top: 0; padding-top: 20px; margin-bottom: 27px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart .subtotal .label { float: left; padding-top: 0; display: inline-block; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart .subtotal .label span { font-size: 15px; font-weight: 700; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart .subtotal .amount { padding-top: 0; display: inline-block; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart .subtotal .amount .price-wrapper span.price { font-size: 15px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper #minicart-success-message { font-size: 14px; font-weight: 700; color: #333333; line-height: 50px; text-align: center; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .minicart_label { color: #222222; font-family: Oswald; font-size: 21px; font-weight: 600; letter-spacing: 0; line-height: 31px; padding: 10px 15px 10px 15px; margin: 10px 30px 10px 30px; text-align: center; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .minicart_label .minicart_counter { color: #cccccc; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-title { padding: 10px 15px 10px 15px; font-size: 14px; margin: 10px 30px 10px 30px; display: none; text-align: center; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-title .text { font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-title .text span { font-weight: 700; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-title .text span:after { content: ':'; font-size: 15px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-title .qty { font-size: 14px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .action.close { height: 50px; width: 50px; right: 0px; top: -5px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .action.close:before { color: #000000; font-size: 20px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper { overflow-y: auto; max-height: 200px; height: auto !important; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item { padding: 15px 0; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-photo { border: 1px solid #dddddd; height: 92px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .minicart-name-price .product-item-pricing { display: inline-block; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .minicart-name-price .product-item-pricing .price-including-tax, .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .minicart-name-price .product-item-pricing .price-excluding-tax { margin: 0 !important; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .minicart-name-price .product-item-pricing .price { font-size: 13px !important; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .minicart-name-price .product-item-pricing .minicart-price.final-price .price { color: #dd0018 !important; font-size: 13px !important; font-weight: 600 !important; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .minicart-name-price .product-item-pricing .minicart-old-price .price { text-decoration: line-through; font-size: 12px !important; font-weight: normal !important; color: #999; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing { display: flex; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing .label { margin: auto 10px auto 0; color: #001B61; font-size: 13px; line-height: 21px; font-weight: 600; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .price { font-size: 14px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product.options dl.product.options.list { padding-top: 4px; margin-bottom: 4px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product.options dl.product.options.list dt.label { display: inline-block; font-weight: 400; margin-bottom: 0px; color: #999; font-size: 14px; text-transform: capitalize !important; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product.options dl.product.options.list dd.values { display: inline-block; margin-bottom: 0px; color: #999; font-size: 14px; text-transform: capitalize !important; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-brand span { color: #001B61; font-size: 14px; font-weight: 600; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-name a { font-weight: normal !important; font-size: 14px; font-family: 'Roboto', sans-serif; line-height: 20px; text-transform: capitalize !important; color: #001B61; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing .details-qty { border: 1px solid #c2c2c2; border-radius: 15px; padding: 5px; position: relative; bottom: 5px; box-sizing: border-box; width: 93px; text-align: center; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing .details-qty .cart-item-qty { border: 0; height: auto; color: #001b61; font-weight: 700; width: 50px; margin: 0 auto; padding-top: 1px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing .details-qty button { background-color: #fff; color: #04214d; border: 0 solid #fff; font-size: 20px; position: absolute; padding: 0 10px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing .details-qty button.less, .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing .details-qty button.more { display: inline-flex; width: 18px; height: 18px; border-radius: 50%; align-items: center; justify-content: center; color: #001b61; padding: 0; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing .details-qty button.less { left: 12px; top: 5px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing .details-qty button.more { right: 12px; top: 5px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing button.update-cart-item { /*display: none !important;*/ float: right; padding: 0; background-color: transparent; border: none; margin-left: 15px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product-item-pricing button.update-cart-item span { color: #020202; text-decoration: underline; text-transform: none !important; margin-right: 15px; font-size: 12px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product.actions { margin: -28px 0 0; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product.actions.actions .primary .action.edit { display: none; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product.actions.actions .primary .action.edit:before { display: none; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product.actions.actions .primary .action.edit span { width: auto; height: auto; position: relative; text-transform: none !important; text-decoration: underline; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product.actions.actions .secondary { top: 15px; right: 15px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .product-item .product .product-item-details .product.actions.actions .secondary .action.delete:before { content: ''; font-style: normal; font-family: 'psa'; font-size: 35px; background: url('../../frontend/Kemana/default/id_ID/images/icons8-delete-64.svg') no-repeat; text-decoration: none; background-size: 100%; width: 23px; height: 23px; display: block; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main { display: flex; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions { width: 50%; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .primary, .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .secondary { margin: 0 10px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .primary .action, .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .secondary .action { display: block; width: 100%; line-height: 2.2rem; padding: 7px 17px; background-color: #064394; border: 1px solid #064394; border-radius: 20px; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .primary .action span, .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .secondary .action span { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 600; color: white; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .primary .action:hover, .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .secondary .action:hover { background-color: white; border-color: #064394; border: 1px solid #064394; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .primary .action:hover span, .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .secondary .action:hover span { color: #064394; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .secondary .action { background-color: white; border-color: #064394; border: 1px solid #064394; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .secondary .action span { color: #064394; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .secondary .action:hover { background-color: #064394; color: white; border: 1px solid #064394; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .btn-main > .actions > .secondary .action:hover span { color: white; } .page-header-v1 .page-header .header-main .logo img { width: 320px; } .page-header-v1 .page-header .header-main .h-panel .minicart-wrapper .action.showcart .counter.qty { left: -5px; top: -17px; width: 15px; height: 15px; min-width: 15px; line-height: 15px; font-size: 11px; } .page-wrapper .page-header-v1 .page-header .header-main .h-search { position: absolute; } .page-header-v1 .page-header .header-main .h-search .block-search { position: static; } .block-search #search_mini_form .control #searchSuggestions { display: flex; padding: 0 10px; top: 40px; } form.minisearch #searchSuggestions #suggestionsContainer #innerContainer { max-height: 270px; } #searchSuggestions #suggestionsContainer #topProducts ul .ac-product a .ac-prod-title { font-size: 13px; padding-top: 15px; border-top: 1px solid #ccc; margin-top: 15px; } #searchSuggestions #suggestionsContainer .cel-ac-icon-cancel { top: 0% !important; } .block-search #search_mini_form .control #search { border-radius: 20px !important; } .block-search #searchSuggestions #suggestionsContainer { max-width: 100%; width: 96%; left: 2%; padding: 5px; display: flex; flex-direction: row; height: 460px; overflow-y: scroll; overflow-x: hidden; } .block-search #searchSuggestions #suggestionsContainer #qb-container { flex: 0 0 50%; } .block-search #searchSuggestions #suggestionsContainer #qb-container #topQueries { max-width: 100%; padding: 10px 5px !important; background-color: #fff; border-right: 0 !important; } .block-search #searchSuggestions #suggestionsContainer #qb-container .viewall { bottom: auto !important; } .block-search #searchSuggestions #suggestionsContainer #pb-container { flex: 0 0 50%; background: #fff; padding: 5px; border-radius: 20px; } .block-search #searchSuggestions #suggestionsContainer #pb-container #productsList { border-top: 0 !important; padding-bottom: 20px; } .block-search #searchSuggestions #suggestionsContainer #pb-container #productsList li.ac-product { max-width: 100%; flex: 0 0 100%; } .block-search #searchSuggestions #suggestionsContainer #pb-container #productsList li.ac-product .ac-prod-details a .ac-prod-title { max-height: 50px; border-top: 0; } .catalog-product-view #available-stores-popup .modal-title { font-size: 26px; font-weight: 300; } .catalog-product-view #available-stores-popup .modal-content { flex-direction: column; } .catalog-product-view #available-stores-popup .modal-content #stores-map { width: 100% !important; height: 380px !important; } .catalog-product-view #available-stores-popup .modal-content .available-store-container { margin-top: 20px; width: 100%; padding-left: 0px; } .catalog-product-view #available-stores-popup .modal-content .available-store-container .search-result { height: auto; overflow-y: unset; } .catalog-product-view .pdpsticky .check-in-store { text-align: center; } .catalog-product-view .modal-popup.modal-slide._inner-scroll._show { left: 0px; margin: 0px; } .catalog-product-view .modal-popup.modal-slide._inner-scroll._show .modal-header { background-color: #ffffff; } .catalog-product-view .modal-popup.modal-slide._inner-scroll._show .modal-content { padding-left: 1rem; padding-right: 1rem; background-color: #ffffff; } .catalog-product-view .empatkali-msg .empat-icon img { width: 80px; } .catalog-product-view .empatkali-msg .empatkali-pop-link { margin-left: 2px; vertical-align: top; } .catalog-product-view .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap .empatkali-content .empatkali-popup-container .pdp-flex-column { flex-direction: column !important; } .catalog-product-view .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap .empatkali-content .empatkali-popup-container .pdp-flex-column .column { width: 100% !important; } .catalog-product-view .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap .empatkali-content .empatkali-popup-container .emp-pdp-footer-content { flex-direction: column; text-align: center; } .catalog-product-view .empatkali-modal.modal-popup.modal-slide._inner-scroll .modal-inner-wrap .empatkali-content .empatkali-popup-container .emp-pdp-footer-content .app-store { justify-content: center; } .catalog-product-view .modal-popup.modal-slide._inner-scroll._show { z-index: 1019 !important; left: 0px !important; right: 0px !important; } .overlay-div { display: none !important; } .page-header.page-header-v1 .header-top-wrap { background-color: #ECF1F8; } .page-header.page-header-v1 .header-top-wrap .header-top { padding: 10px; } .page-header.page-header-v1 .header-top-wrap .top-header-links { display: none; } .sections.nav-sections .nav-sections-items .item-content .custom-brand-category { width: 100%; display: flex; flex-direction: column-reverse; padding: 10px 10px; } .sections.nav-sections .nav-sections-items .item-content .custom-brand-category .brand-searchbox-contain { width: 100%; margin-left: 0px; margin-top: 5px; padding-top: 30px; border-top: 5px solid #eee; } .sections.nav-sections .nav-sections-items .item-content .custom-brand-category .brand-searchbox-contain .brand-search-label { display: none; } .sections.nav-sections .nav-sections-items .item-content .custom-brand-category .nav-dropdown { width: 100%; } .sections.nav-sections .nav-sections-items .item-content .custom-brand-category .nav-dropdown .brand-image-container p { margin-left: 5px; font-size: 14px; } .sections.nav-sections .nav-sections-items .item-content .custom-brand-category .nav-dropdown .brand-image-container ul li { width: 29%; border: 1px solid #ccc; margin: 5px; padding: 10px 10px; } .sections.nav-sections .nav-sections-items .item-content .custom-brand-category .nav-dropdown .brand-image-container .view-all { font-weight: 600; text-align: center; margin-left: 0px; } .sections.nav-sections .nav-sections-items .item-content .custom-brand-category .nav-dropdown .brand-image-container .view-all span { padding: 0; margin-left: 10px; } .sections.nav-sections .submenu-inner .item-footer .menu-banner-container { padding: 20px; width: 85%; } body.cms-index-index .catalog-link-mobile .catalog-link-item .catalog-item-container { margin: 2px 2px; } body.cms-index-index .catalog-link-mobile .catalog-link-item .catalog-item-container .link-img::after { top: 15px; left: 11px; width: calc(100% - 10px); height: calc(100% - 26px); } body.cms-index-index .homepage-title h3 { margin: 20px 0 20px 0 !important; font-size: 21px; } body.cms-index-index .brands-logo .custom-slider { padding-bottom: 30px !important; } body.cms-index-index .brands-logo .custom-slider .owl-carousel .owl-item { padding: 7px; } body.cms-index-index .brands-logo .custom-slider .owl-carousel .owl-dots { bottom: -20px; } body.cms-index-index .brands-logo .custom-slider .owl-carousel .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px; } body.cms-index-index .brands-logo .custom-slider .owl-carousel .owl-dots .owl-dot.active span { background: #004199; } body.cms-index-index .slider-bottom .custom-slider .owl-carousel .owl-controls .owl-dots { bottom: 20px !important; } .shop-the-look { padding: 20px 4px; } .shop-the-look .owl-stage-outer { padding: 40px 0 !important; } .shop-the-look .owl-stage-outer .owl-item { margin-right: 5px !important; } .shop-the-look .owl-stage-outer .owl-item .catalog-link-item-inner .shop-content { bottom: 12px; margin: 5px 0px; } .shop-the-look .owl-stage-outer .owl-item .catalog-link-item-inner .shop-content .link-text { padding: 5px 10px; font-size: 12px; } .shop-the-look .owl-controls .owl-dots { bottom: 0; } .shop-the-look .owl-controls .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px; } .shop-the-look .owl-controls .owl-dots .owl-dot:hover span { background: #d6d6d6; } .shop-the-look .owl-controls .owl-dots .owl-dot.active span { background: #004199; } .above-footer-container .container .row .collapsible > span { border-bottom: solid 1px #2259a1; position: relative; width: 100%; line-height: 42px; margin-bottom: 0; } .above-footer-container .container .row .collapsible > span + * { display: none; } .above-footer-container .container .row .collapsible.open > span { margin-bottom: 10px; border-bottom: none; } .above-footer-container .container .row .collapsible.open > span + * { display: block; border-bottom: solid 1px #2259a1; margin-bottom: 0; padding-bottom: 10px; } .above-footer-container .container .row .collapsible.open .row > div ul { margin-bottom: 0; } .above-footer-container .container .row .collapsible.open .row > div:last-child ul { padding-bottom: 10px; border-bottom: solid 1px #2259a1; } .above-footer-container .container .row .collapsible.col-md-3 span { margin-bottom: 15px; } .above-footer-container .container .row .collapsible.col-md-3 span + * { margin-bottom: 20px; border-bottom: none; } .above-footer-container .container .row .collapsible.col-md-3 span.title { margin-bottom: 25px; border-bottom: 0; display: flex !important; } .above-footer-container .container .row .collapsible.col-md-3 span.title:after { visibility: hidden; } .above-footer-container .container .row .collapsible.col-md-3 span.title i.fa-chevron-down { display: block !important; color: #04214d; font-size: 16px; font-weight: 100; padding-left: 10px; bottom: 2px; position: relative; } .above-footer-container .container .row .collapsible.col-md-3 ul li { margin-bottom: 25px; } .above-footer-container .container .row .collapsible.col-md-3 ul li a { font-size: 16px; } .above-footer-container .container .row .collapsible.col-md-3.open span.title i.fa-chevron-down:before { content: "\f077"; transform: rotate(270deg); } .page-footer .footer-container .container .footer-space { display: flex; flex-direction: column; } .page-footer .footer-container .container .footer-space .customer-service { order: 1; } .page-footer .footer-container .container .footer-space .faq { order: 2; } .page-footer .footer-container .container .footer-space .trending { order: 3; } .page-footer .footer-container .container .footer-space .footer-new-section.desktop-social { order: 0; margin-bottom: 10px; } .page-footer .footer-container .container .footer-space .footer-new-section.mob-social { order: 4; margin-top: 20px; } .page-footer .footer-container .container .footer-space .footer-new-section .newsletter-box .newsletter #newsletter { border-radius: 20px; } .page-footer .footer-container .container .footer-space .footer-new-section .newsletter-box .actions .action { border-radius: 0 20px 20px 0px; margin-left: 0px; } .modal-popup.modal-slide._inner-scroll.dob_popup .modal-inner-wrap { position: absolute; top: 180px; } .products-grid.wishlist .product-item-name { margin-left: 0; height: 40px; overflow: hidden; display: inline-block; text-align: left !important; margin-bottom: 15px; } .products-grid.wishlist .product-item-name a { font-size: 12px !important; line-height: 18px; } .products-grid.wishlist .product-image-container { max-width: 100%; } .products-grid.wishlist .product-item { padding-left: 15px !important; width: 50% !important; border-bottom: none !important; margin-left: 0; } .products-grid.wishlist .product-item .box-tocart { float: none; margin-right: 0; } .products-grid.wishlist .product-item .fieldset .field.qty { display: none !important; } .products-grid.wishlist .product-items { margin-left: -15px !important; } .products-grid.wishlist .product-item .price-box { margin-left: 0px !important; margin-bottom: 20px; } .products-grid.wishlist .product-item:first-child { border-top: none !important; } .products-grid.wishlist .product-item-actions { width: 100%; } .products-grid.wishlist .product-item-tooltip { margin-left: 0; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid { padding: 0 20px; } body.account.sales-order-view .page-title-wrapper { padding-left: 10px; } .sales-order-view .page-title-wrapper .back-link { top: 16px; } .order-details-page-title { margin-top: 30px; } .sales-order-view .order-details-items thead { display: none; } .order-items .table-order-items .col.image { display: inline-block !important; width: 67px; padding-right: 10px !important; padding-left: 10px !important; padding-top: 5px !important; } .order-items .table-order-items .col.image:before { display: none !important; } .order-items .table-order-items .col.name { display: inline-block !important; width: 80%; } .order-items .table-order-items .col.name:before { display: none !important; } .order-items .table-order-items .col.sku, .order-items .table-order-items .col.qty, .order-items .table-order-items .col.subtotal { display: inline-block !important; width: 24%; padding: 0 10px !important; overflow: hidden; } .order-items .table-order-items .col.price { display: none !important; } .order-items .table-order-items .col.sku { line-height: 21px; width: 49%; text-align: left !important; white-space: nowrap; font-size: 12px; } .order-items .table-order-items .col.qty { margin-top: 0; } .order-details-items { padding: 0; } .sales-order-view .order-details-items .table-wrapper .data.table.table-order-items tbody tr { padding: 20px 10px; } .order-details-items .item-options { margin-top: 5px; margin-bottom: 10px; } .order-details-items .order-title { padding-left: 10px; } .order-details-items .order-title { display: none; } .order-total-footer th, .order-total-footer td { padding-left: 10px; padding-right: 10px; } body.account .column.main .block.block-order-details-view .block-title { border-bottom: none; padding: 0 10px; } body.account .column.main .block.block-order-details-view .block-content .box-order-shipping-method, body.account .column.main .block.block-order-details-view .block-content .box-order-billing-address, body.account .column.main .block.block-order-details-view .block-content .box-order-billing-method { padding-left: 0 !important; } body.account .column.main .block.block-order-details-view .block-content { padding-bottom: 10px; } .sales-order-view .actions-toolbar.order-actions-toolbar .action.print { bottom: 0; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before { display: block !important; color: #001B61 !important; padding-bottom: 10px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th].col.image:before { display: none !important; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr td { font-size: 12px; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr td.col.sku { text-align: left !important; } .account.customer-address-index.account .column.main { padding: 0 10px; } .account.customer-address-index.account .column.main .block:not(.widget).block-addresses-default .block-title { margin: 33px 0 10px 0; } .account.customer-address-index.account .column.main .block:not(.widget).block-addresses-list { border-top: none; } .account.customer-address-index.account .column.main .block:not(.widget).block-addresses-list .block-content .box .box-content address { padding-right: 40px; } .account.customer-address-index.account .column.main .block:not(.widget).block-addresses-list .block-content .box .box-content { margin-top: 0; } .account.customer-address-index.account .column.main .block:not(.widget) .block-addresses-default .block-content .box .box-content address { padding-right: 40px; } .account.customer-address-index.account .additional-addresses { border-top: none; border-bottom: none; } .account.customer-address-index.account .box-address-billing .box-content, .account.customer-address-index.account .box-address-shipping .box-content { padding-bottom: 40px; margin-bottom: 30px; border-bottom: solid 1px #ccc; } .account.customer-address-index.account .actions-toolbar .add.primary { margin-top: 55px !important; } .account.customer-account-index .block-dashboard-info, .account.customer-account-index .block-dashboard-addresses { width: 100%; padding: 0 15px; box-sizing: border-box; } .account.customer-account-index .block-dashboard-info .block-title a.action.edit:before, .account.customer-account-index .block-dashboard-addresses .block-title a.action.edit:before { right: 15px !important; } .account.customer-account-index .block-dashboard-info { margin-bottom: 30px !important; margin-top: 10px; } .account.customer-account-index .block-dashboard-info .block-content { flex-direction: column; } .account.customer-account-index .block-dashboard-info .block-content .date-row { padding-left: 0; margin-top: 10px; } .account.customer-account-index .block-dashboard-info .block-content .c-gender, .account.customer-account-index .block-dashboard-info .block-content .c-email { margin-top: 10px; } .account.customer-account-index .block-dashboard-orders .block-title { padding: 0 15px; } .account.customer-account-index .block-dashboard-orders .block-title.order .action.view { text-align: right; } .account.customer-address-index.account .box-address-billing#additional-addresses-table .box-content { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .account .modal-popup .modal-inner-wrap { margin: 12rem auto; } .theme-pearl.store-view-default .modals-wrapper .modal-footer button span, .theme-pearl.store-view-idn .modals-wrapper .modal-footer button span { font-family: 'Oswald', sans-serif; } .account.customer-address-form .page-wrapper .page-main .columns .column, .customer-account-edit .page-wrapper .page-main .columns .column, .account.customer-account-edit .page-wrapper .page-main .columns .column { padding: 0 20px; } .account.customer-address-form .address-edit, .customer-account-edit .address-edit, .account.customer-account-edit .address-edit { display: flex; flex-direction: column; margin: 0 0 20px; } .account.customer-address-form .address-edit .field, .customer-account-edit .address-edit .field, .account.customer-account-edit .address-edit .field { width: 100%; padding-right: 0px; } .account.customer-address-form .address-phone .field, .customer-account-edit .address-phone .field, .account.customer-account-edit .address-phone .field { width: 100%; padding-right: 0; } .account.customer-address-form .address-city, .customer-account-edit .address-city, .account.customer-account-edit .address-city { display: flex; margin: 0 0 20px; flex-direction: column; } .account.customer-address-form .address-phone .field.zip, .customer-account-edit .address-phone .field.zip, .account.customer-account-edit .address-phone .field.zip { width: 100%; } .account.customer-address-form .page-wrapper .page-main .actions-toolbar .action.primary, .customer-account-edit .page-wrapper .page-main .actions-toolbar .action.primary, .account.customer-account-edit .page-wrapper .page-main .actions-toolbar .action.primary { width: 100%; } .account.customer-address-form .telephone .tooltip .tooltiptext, .customer-account-edit .telephone .tooltip .tooltiptext, .account.customer-account-edit .telephone .tooltip .tooltiptext { border: none; border-radius: 5px; background: #003C8E; color: #fff; font-size: 12px; } .account.customer-address-form .telephone .tooltip .tooltiptext:before, .customer-account-edit .telephone .tooltip .tooltiptext:before, .account.customer-account-edit .telephone .tooltip .tooltiptext:before { border-bottom-color: #003C8E; margin-top: -17px; } .account.customer-address-form .telephone .tooltip .tooltiptext:after, .customer-account-edit .telephone .tooltip .tooltiptext:after, .account.customer-account-edit .telephone .tooltip .tooltiptext:after { display: none; } .account.customer-address-form .page-wrapper .page-main .columns .column .page-title-wrapper .page-title, .customer-account-edit .page-wrapper .page-main .columns .column .page-title-wrapper .page-title, .account.customer-account-edit .page-wrapper .page-main .columns .column .page-title-wrapper .page-title { padding-left: 0; margin-top: 90px !important; margin-bottom: 10px; } .account.customer-address-form .fieldset.info, .customer-account-edit .fieldset.info, .account.customer-account-edit .fieldset.info { width: 100%; } .account.customer-address-form .fieldset.info .field, .customer-account-edit .fieldset.info .field, .account.customer-account-edit .fieldset.info .field { width: 100%; padding-right: 0; } .account.customer-address-form .page-wrapper .page-main .actions-toolbar .primary, .customer-account-edit .page-wrapper .page-main .actions-toolbar .primary, .account.customer-account-edit .page-wrapper .page-main .actions-toolbar .primary, .account.customer-address-form .page-wrapper .page-main .actions-toolbar .actions-toolbar > .secondary, .customer-account-edit .page-wrapper .page-main .actions-toolbar .actions-toolbar > .secondary, .account.customer-account-edit .page-wrapper .page-main .actions-toolbar .actions-toolbar > .secondary { margin-bottom: 40px; } .account.customer-address-form .fieldset.info .field span.edit-link, .customer-account-edit .fieldset.info .field span.edit-link, .account.customer-account-edit .fieldset.info .field span.edit-link { right: 0; } .account.customer-address-form .modal-popup.modal-slide, .customer-account-edit .modal-popup.modal-slide, .account.customer-account-edit .modal-popup.modal-slide { left: 0; z-index: 999 !important; } .account.customer-address-form .modals-overlay, .customer-account-edit .modals-overlay, .account.customer-account-edit .modals-overlay { z-index: 899 !important; } .account.customer-address-form .modal-popup .modal-inner-wrap, .customer-account-edit .modal-popup .modal-inner-wrap, .account.customer-account-edit .modal-popup .modal-inner-wrap { width: 100%; background-color: #fff; border-radius: 0; margin: 0rem auto; } .account.customer-address-form .modal-popup .modal-header, .customer-account-edit .modal-popup .modal-header, .account.customer-account-edit .modal-popup .modal-header, .account.customer-address-form .modal-popup .modal-content, .customer-account-edit .modal-popup .modal-content, .account.customer-account-edit .modal-popup .modal-content, .account.customer-address-form .modal-popup .modal-footer, .customer-account-edit .modal-popup .modal-footer, .account.customer-account-edit .modal-popup .modal-footer { padding-left: 20px; padding-right: 20px; } .account.customer-address-form .modal-popup .actions-toolbar .primary .action, .customer-account-edit .modal-popup .actions-toolbar .primary .action, .account.customer-account-edit .modal-popup .actions-toolbar .primary .action { width: 100%; } .back-link { top: -62px; } .catalog-category-view .category-cms, .catalog-category-view .category-image, .catalog-category-view .category-description { padding: 0px; margin-bottom: 0; } .categorybrand .slick-list.draggable { max-width: 90%; min-width: 290px; margin: auto; overflow: visible; } .categorybrand .slick-slide { margin: 10px; } .catalog-category-view .page-wrapper > .page-main > .page-title-wrapper .page-title, .catalogsearch-result-index .page-wrapper > .page-main > .page-title-wrapper .page-title, .catalogsearch-advanced-result .page-wrapper > .page-main > .page-title-wrapper .page-title { font-size: 20px; padding: 0 20px; } .catalog-category-view .page-wrapper > .page-main > .page-title-wrapper .page-title span.product-count, .catalogsearch-result-index .page-wrapper > .page-main > .page-title-wrapper .page-title span.product-count, .catalogsearch-advanced-result .page-wrapper > .page-main > .page-title-wrapper .page-title span.product-count { font-size: 20px; } .catalog-product-view .fancybox-skin div[data-content-type=tabs] .tabs-navigation { width: 142px; } .theme-pearl.store-view-default .categorybrand .slick-slide, .theme-pearl.store-view-idn .categorybrand .slick-slide, .categorybrand .slick-slide { margin: 5px; } .theme-pearl.store-view-default .categorybrand, .theme-pearl.store-view-idn .categorybrand, .categorybrand { padding: 0 0; } .category-cms, .category-image, .category-description { margin-bottom: 0; } body:not(.mobile-nav) .nav-sections { background-color: #e4e4e4 !important; padding-bottom: 0px !important; } body:not(.mobile-nav) .nav-sections.menu-traversed { background-color: #FFFFFF !important; } body:not(.mobile-nav) .nav-sections.menu-traversed .additional-mobile-login { display: none; } body:not(.mobile-nav) .nav-sections .navigation { padding-left: 0px !important; padding-right: 0px !important; } body:not(.mobile-nav) .nav-sections nav.navigation { padding-left: 15px !important; padding-right: 15px !important; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item .product-item-info .product-item-inner .product-item-actions .actions-primary { width: 100%; } #multistore-mobile-switcher-language img { min-height: auto !important; } .customer-name, .customer-welcome + .authorization-link { display: none; } .nav-sections .switcher-trigger strong:after { font-size: 1.6rem; right: -25px; top: -2px; } .navigation .parent .level-top:after { font-size: 1.6rem; right: 10px; top: 7px; } .page-footer .footer.content .switcher-store { background: #f4f4f4; font-size: 1.6rem; margin: 0 -15px; } .page-footer .footer.content .switcher-store .switcher-options { display: block; } .page-footer .footer.content .switcher-store .switcher-options ul.dropdown { background: none; border: 0; box-shadow: none; margin: 0; position: relative; } .page-footer .footer.content .switcher-store .switcher-options ul.dropdown:before, .page-footer .footer.content .switcher-store .switcher-options ul.dropdown:after { display: none; } .page-footer .footer.content .switcher-store .switcher-options .switcher-trigger, .page-footer .footer.content .switcher-store .switcher-options .switcher-option { border-top: 1px solid #cecece; display: block; padding: 10px 20px; } .page-footer .footer.content .switcher-store .switcher-options .switcher-trigger strong { padding: 10px 0; } .page-footer .footer.content .switcher-store .switcher-options .switcher-option a { padding: 0; } .cms-faq .faq-container { width: 100%; margin: 15px auto 15px auto; padding: 4px; } .cms-faq .faq-container .faq-table-container { overflow-x: scroll; } .cms-faq .faq-container .toggle.toggle-border .togglet { padding: 0 15px 0 15px; } .slider-bottom .custom-slider { padding-bottom: 0px; } .slider-bottom .custom-slider .owl-theme .owl-dots { bottom: 0px; } .desktop-only { display: none !important; } .page-footer .footer-container .container .footer-space .order-0 { order: 0; } .page-footer .footer-container .container .footer-space .order-1 { order: 1; } .page-footer .footer-container .container .footer-space .order-2 { order: 2; } .page-footer .footer-container .container .footer-space .order-3 { order: 3; } .page-footer .footer-container .container .footer-space .order-4 { order: 4; } .page-footer .footer-container .container .footer-space .order-5 { order: 5; } .footer-container .footer-space .map-logo { text-align: left; } body.catalog-product-view #maincontent .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame--thumb { height: 30px; width: 18px !important; } body.catalog-product-view #maincontent .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame--thumb.fotorama__active .fotorama__thumb { background-color: #064394 !important; border-color: #064394; } body.catalog-product-view #maincontent .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame--thumb .fotorama__thumb img { display: none; } body.catalog-product-view #maincontent .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__thumb-border { display: none; } body.catalog-product-view #maincontent .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, body.catalog-product-view #maincontent .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { height: 100px; top: 80% !important; display: none !important; } body.catalog-product-view #maincontent .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav { height: auto !important; max-width: 200px !important; margin: auto !important; display: table; text-align: -webkit-center; text-align: center; } .fotorama__stage:before, .fotorama__nav:before { left: -10px; top: -10px; } body.catalog-product-view #maincontent .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame--thumb .fotorama__thumb { background-color: #d6d6d6; border-color: #d6d6d6; border-radius: 6px; border: 1px solid #858585; display: block; left: 6px; position: relative; top: 12px; height: 10px; width: 10px; } #wp_ln_shopby.filter-current .block-subtitle { display: none; } #wp_ln_shopby.filter-current #wp_ln_shopby_items, #wp_ln_shopby.filter-current .items { display: block; list-style: none; width: 100%; } #wp_ln_shopby.filter-current #wp_ln_shopby_items .clearallfilter, #wp_ln_shopby.filter-current .items .clearallfilter { display: none; } #wp_ln_shopby.filter-current #wp_ln_shopby_items .item, #wp_ln_shopby.filter-current .items .item { line-height: 1.5; } #wp_ln_shopby.filter-current #wp_ln_shopby_items li.item.results-li, #wp_ln_shopby.filter-current .items li.item.results-li { display: none; } #wp_ln_shopby.filter-current #wp_ln_shopby_items li.item, #wp_ln_shopby.filter-current .items li.item { background: #074394; color: #fff; padding: 5px 30px 5px 20px; font-size: 14px; border-radius: 15px; margin-right: 15px; display: inline-block; } #wp_ln_shopby.filter-current #wp_ln_shopby_items li.item .filter-value, #wp_ln_shopby.filter-current .items li.item .filter-value { color: #fff; } #wp_ln_shopby.filter-current #wp_ln_shopby_items li.item .filter-label, #wp_ln_shopby.filter-current .items li.item .filter-label { font-weight: normal; } #wp_ln_shopby.filter-current #wp_ln_shopby_items li.clearallfilter, #wp_ln_shopby.filter-current .items li.clearallfilter { text-align: right; } #wp_ln_shopby.filter-current #wp_ln_shopby_items li.clearallfilter a, #wp_ln_shopby.filter-current .items li.clearallfilter a { color: #001B61; position: relative; } #wp_ln_shopby.filter-current #wp_ln_shopby_items li.clearallfilter a:before, #wp_ln_shopby.filter-current .items li.clearallfilter a:before { position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background: #001B61; content: ""; } #wp_ln_shopby.filter-current .action.remove { left: auto; position: absolute; top: 4px; right: 12px; } #wp_ln_shopby.filter-current .action.remove:before { color: #fff; } .show-hide-filter-desktop { display: none; } .wp-instant-search-wrapper { display: none; } .wp-instant-search-wrapper.mobile { display: block; } .sidebar.sidebar-main .wp-filters { display: none; } .sidebar.desktop-showhide-filter-on { opacity: 1 !important; margin-left: 0 !important; display: block !important; } .page-products .columns { z-index: auto !important; } .page-wrapper .block.filter .filter-options, .page-wrapper .block.filter .filter-subtitle { transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; background: #ffffff; position: fixed; left: 0; right: 0; } .page-wrapper .block.filter .filter-subtitle { display: block; height: 50px; line-height: 32px; top: 0; z-index: 999; } .page-wrapper .block.filter .filter-options { display: block !important; bottom: 0; overflow: scroll; top: 50px; z-index: 9999; } body.filter-active .page-wrapper .block.filter .filter-title { left: unset; width: 48px; z-index: 9999; position: fixed; right: 0; top: 0; display: flex; align-items: center; justify-content: center; } body.filter-active .page-wrapper .block.filter .filter-title strong { position: relative; left: auto; top: auto; font-size: 0; } body.filter-active .page-wrapper .block.filter .filter-options, body.filter-active .page-wrapper .block.filter .filter-subtitle { transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); } body .page-wrapper .hide-selected-filters { margin-top: 25px; } /* price slider - mobile - blank */ .ui-slider { background: #fff; color: #333333; border: 1px solid #e9e9e9; height: 5px; margin: 15px 0 25px 20px; touch-action: pan-x; width: 87%; } .ui-slider .ui-widget-header { background: #e9e9e9 !important; height: 100%; position: absolute; } .ui-slider .ui-slider-handle { cursor: ew-resize !important; width: 1em; height: 1em; top: -4px; } .ui-slider .ui-corner-all { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } #layered-filter-block .wp-ln-selected .swatch-option { position: relative; overflow: visible; outline: 2px solid #ee0000; border: 1px solid #fff; } #layered-filter-block .wp-ln-selected .swatch-option:before { visibility: visible; border: 3px solid white !important; } #layered-filter-block .wp-ln-selected .swatch-option:after { visibility: visible !important; } /* price slider - mobile - Pearl */ body.theme-pearl #layered-filter-block .wp-ln-selected a { text-decoration: none; font-weight: 900; border-left: 0 none; font-style: normal; color: inherit; } body.theme-pearl #layered-filter-block .wp-ln-selected a:before { background: #303030; border: 1px solid #303030 !important; } body.theme-pearl #layered-filter-block .wp-ln-selected .swatch-option { outline: 2px solid #ee0000; border: 1px solid #fff; } body.theme-pearl #layered-filter-block .wp-ln-selected .swatch-option.text { position: relative; overflow: visible; border: 2px solid #999999 !important; } body.theme-pearl #layered-filter-block .filter-options .swatch-option.color.disabled:after { visibility: visible; content: ''; } body.theme-pearl #layered-filter-block .filter-options .swatch-option.color.disabled:hover { overflow: hidden; } body.theme-pearl #layered-filter-block .filter-options .swatch-option.color.disabled:hover:before { visibility: hidden; } body.theme-pearl .ui-slider { background: #fff !important; color: #333333; border: 1px solid #e9e9e9; height: 5px; margin: 15px 0 25px 20px; touch-action: pan-x; width: 87%; position: relative; } body.theme-pearl .ui-slider .ui-widget-header { background: #e9e9e9 !important; height: 100%; position: absolute; } body.theme-pearl .ui-slider .ui-slider-range { background: #000 !important; } body.theme-pearl .ui-slider .ui-slider-handle { cursor: ew-resize !important; width: 1.8em; height: 1.8em; top: -9px; background: #000000; position: absolute; } body.theme-pearl .ui-slider .ui-corner-all { border-top-left-radius: 11px; border-top-right-radius: 11px; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; } body.theme-pearl #layered-filter-block.filter .block-content .filter-title { border-bottom: 0 none; } body.theme-pearl #layered-filter-block.filter .block-content strong.block-subtitle { padding: 10px !important; } body.theme-pearl #layered-filter-block.filter .block-content .filter-options { padding: 10px; } body.theme-pearl #layered-filter-block.filter .filter-options .swatch-option.color.disabled:after { visibility: visible; content: ''; } body.theme-pearl #layered-filter-block.filter .filter-options .swatch-option.color.disabled:hover { overflow: hidden; } body.theme-pearl #layered-filter-block.filter .filter-options .swatch-option.color.disabled:hover:before { visibility: hidden; } .wp-slider-inp .wp-slider-inp-range { display: flex; justify-content: flex-start; align-items: center; } .wp-slider-inp .wp-slider-inp-range .wp-price-slider-inp { max-width: 41px; text-align: center; padding: 0; margin-left: -2px; } .wp-slider-inp .wp-slider-inp-range .price-value-wrapper { margin-right: auto; } .wp-slider-inp .wp-slider-inp-range .wp-price-slider-inp.inp-type { max-width: 30%; height: 24px !important; margin-left: 2px; } .wp-slider-inp .wp-slider-inp-range .wp-price-slider-inp.inp-type#amount_to { margin-right: auto; } .wp-slider-inp .wp-slider-inp-range a.wp-price-slider-a { float: right; padding-right: 20px; } .wp-slider-inp .wp-slider-inp-range a.wp-price-slider-a:hover { font-weight: bold; background: none; } div.wp-slider-inp { width: 100%; display: inline-block; } div.wp-slider-inp .wp-slider-from { width: 55%; text-align: left; float: left; } div.wp-slider-inp .wp-slider-to { width: 45%; text-align: right; float: right; } div.wp-slider-inp label { color: #757575; padding: 0 5px; } p.wp-slider-action { text-align: right; } /** price slider end */ .wp-instant-search-wrapper.mobile { width: 88%; margin: 10px 0 10px 10px; } .wp-instant-search-inp { width: 90%; } body.page-layout-1column .page-wrapper #layered-filter-block.horizontal-v3 .block-content.filter-content .filter-options .filter-options-item .filter-options-content .filter-options-content-title, body.page-layout-1column .page-wrapper #layered-filter-block.horizontal-v3 .block-content.filter-content .filter-options .filter-options-item.active .filter-options-content .filter-options-content-title { display: none; } body.page-layout-1column .page-wrapper #layered-filter-block.horizontal-v3 .block-content.filter-content .filter-options .filter-options-item .filter-options-title, body.page-layout-1column .page-wrapper #layered-filter-block.horizontal-v3 .block-content.filter-content .filter-options .filter-options-item.active .filter-options-title, body.page-layout-1column .page-wrapper #layered-filter-block.horizontal-v3 .block-content.filter-content .filter-options .filter-options-item .filter-options-title:hover, body.page-layout-1column .page-wrapper #layered-filter-block.horizontal-v3 .block-content.filter-content .filter-options .filter-options-item.active .filter-options-title:hover { background-color: #FFFFFF !important; color: #000000; border-style: solid; border-radius: 0; border-width: 0 0 1px 0; border-color: #CCCCCC; } body.page-layout-1column .page-wrapper #layered-filter-block.horizontal-v3 .block-content.filter-content .filter-options .filter-options-item .filter-options-title:after, body.page-layout-1column .page-wrapper #layered-filter-block.horizontal-v3 .block-content.filter-content .filter-options .filter-options-item.active .filter-options-title:after, body.page-layout-1column .page-wrapper #layered-filter-block.horizontal-v3 .block-content.filter-content .filter-options .filter-options-item .filter-options-title:hover::after, body.page-layout-1column .page-wrapper #layered-filter-block.horizontal-v3 .block-content.filter-content .filter-options .filter-options-item.active .filter-options-title:hover::after { border: none; background-color: #FFFFFF; color: black; } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content .wp-instant-search-wrapper { width: 100%; margin: 0 auto; } #layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-content .wp-instant-search-wrapper .wp-instant-search-inp { margin-top: 0px; } .custom-slider .owl-carousel .owl-stage-outer { padding: 0; } .custom-slider .owl-theme .owl-dots { bottom: 0px; } .product-page-v4 .product-top-main.product_v4, .product-page-v2 .product-top-main.product_v4, .product-page-v4 .product-top-main.product_v2, .product-page-v2 .product-top-main.product_v2 { position: relative; float: left; width: 100%; margin-top: 20px; } .product-page-v4 .product-top-main.product_v4, .product-page-v2 .product-top-main.product_v4 { margin-top: 0; } .product-page-v4 .product.media.product_v4.v4 .gallery-placeholder, .product-page-v2 .product.media.product_v4.v4 .gallery-placeholder { margin: 0 0 20px; } .product-page-v4 .product-info-main.product_v4.cart-summary, .product-page-v2 .product-info-main.product_v4.cart-summary, .product-page-v4 .product-info-main.product_v2.cart-summary, .product-page-v2 .product-info-main.product_v2.cart-summary { float: none !important; } .product-page-v4 .product-info-main.product_v4.cart-summary, .product-page-v2 .product-info-main.product_v4.cart-summary { position: static; } .catalog-product-view .product.media .fotorama__nav--thumbs { padding-top: 0px; } .catalog-product-view .product.media .fotorama__nav--thumbs .fotorama__nav__frame { margin-top: 0px !important; border: 0px solid #ccc; } .catalog-category-view .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview, .catalogsearch-result-index .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview, .catalogsearch-advanced-result .columns .column.main .products-grid .product-item .product-item-info:hover .weltpixel-quickview { display: none !important; } .sidebar .block-viewed-products-grid .products-grid .product-item { margin-left: 2%; width: calc((100% - 2%) / 2); } .sidebar .block-viewed-products-grid .products-grid .product-item:nth-child(2n + 1) { margin-left: 0; } .sidebar .block-viewed-products-grid .products-grid .product-item-photo { display: block; position: relative; } .sidebar .block-viewed-products-grid .products-grid .product-item-details { margin: 0; } .sidebar .block-viewed-products-grid .products-grid .product-item-info { text-align: center; } .filter.active .filter-title { border-bottom: none; } .checkout-index-index .authentication-wrapper { margin-top: -18px !important; position: absolute; right: 15px; } .checkout-index-index .sl-popup .modal-popup .modal-inner-wrap { margin: 0 auto; } .navigation .submenu:not(:first-child) .level1.active > a, .navigation .submenu:not(:first-child) .active > a, .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { border-color: #000; } .footer.content .footer-v1 .footer-title:after { content: ""; width: 40%; height: 1px; display: block; margin: 5px auto 0 auto; border-top: 1px solid #cecece; } .footer.content .footer-v1 .links li { border-top: none; background: transparent; } .footer.content .footer-v2 .nopadding-left-mob, .footer.content .footer-v4 .nopadding-left-mob { padding-left: 0px; } .footer.content .links > li { padding: 10px 25px; } .footer.content .links > li > a { padding: 0px; } .nav-sections-item-title a.nav-sections-item-switch { text-transform: uppercase; } .page-wrapper .page-footer .footer.content .footer-v2 .block.newsletter .actions { display: block; text-align: center; margin: 10px auto; width: auto; } .page-wrapper .page-footer .footer.content .footer-v3 h4.no-padding-mob { padding-bottom: 0px; } .page-wrapper .page-footer .footer.content .footer-v3 .footer-v3-list { line-height: 1.8 !important; } .page-wrapper .page-footer .footer.content .footer-v3 .mg-mobile a.social-icons { margin: 0 20px 5px 0; } .page-wrapper .page-footer .footer.content .footer-v3 .details-v3 { margin-bottom: 30px; } .page-wrapper .page-footer .footer.content .footer-v3 .details-v3 a { color: #cccccc; } .page-wrapper .page-footer .footer.content .pre-footer .pre-footer-content .pre-footer-subtitle { font-size: 14px; } .page-wrapper .page-footer .footer.content .pre-footer .pre-footer-content .pre-footer-title { font-size: 20px; } .promo-image .title { font-size: 25px; padding: 20px; } .promo-image .title-v2 { text-align: center; font-size: 25px; padding: 20px; } .page-wrapper .page-footer { float: left; } .page-wrapper .page-footer .footer.content .footer-v1-content .nopaddingleft { padding-right: 0px; } .account .page.messages { margin-bottom: 25px; margin-top: 35px; } .contact-index-index .col-contact-info { text-align: center; padding-bottom: 20px; } .sales-order-history.account .table-wrapper { border-bottom: none; } .form-orders-search .open-modal-search .track-order { padding: 33px 30px 50px; margin: 57px auto; } .form-orders-search .open-modal-search .track-order .primary { margin-top: 20px; } .theme-pearl.wishlist-index-index .column.main .products-grid.wishlist .product-item { padding-left: 0px; } .theme-pearl.wishlist-index-index .column.main .products-grid.wishlist .product-item:hover { padding: 20px 0 20px 0 !important; background: none; } .theme-pearl.wishlist-index-index .column.main .products-grid.wishlist .product-item .product-item-info .product-item-photo .photo.image { max-width: 80px; } .theme-pearl.wishlist-index-index .column.main .products-grid.wishlist .product-item .product-item-info:hover { background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: none !important; } .theme-pearl.wishlist-index-index .column.main .products-grid.wishlist .product-item .product-item-info:hover .product-item-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .theme-pearl.wishlist-index-index .column.main .products-grid.wishlist .product-item-tooltip { text-align: center; } .braintree-applepay-container-product { display: block; } .braintree-applepay-container-product .braintree-apple-pay-button { width: 100%; } .theme-pearl .row { margin-right: 0px; } .page-wrapper .btt-button { bottom: 60px; } .columns .column.main { max-width: 100%; } .owl-carousel .owl-item .product-item .product-item-info { background: none transparent !important; box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .wp-productpage-prev-next { -ms-flex-order: -3; -webkit-order: -3; order: -3; } .wp-productpage-prev-next .wp-pp-next-link.tooltip span, .wp-productpage-prev-next .wp-pp-prev-link.tooltip span { display: none; } .theme-pearl.product-page-v1 .modal-popup.modal-slide._inner-scroll._show, .theme-pearl.product-page-v2 .modal-popup.modal-slide._inner-scroll._show, .theme-pearl.product-page-v3 .modal-popup.modal-slide._inner-scroll._show, .theme-pearl.product-page-v4 .modal-popup.modal-slide._inner-scroll._show { left: 20px; right: 20px; } .theme-pearl.product-page-v1 .modal-popup.modal-slide .modal-inner-wrap[class], .theme-pearl.product-page-v2 .modal-popup.modal-slide .modal-inner-wrap[class], .theme-pearl.product-page-v3 .modal-popup.modal-slide .modal-inner-wrap[class], .theme-pearl.product-page-v4 .modal-popup.modal-slide .modal-inner-wrap[class] { background: #fff; } .theme-pearl.catalog-product-view .fixed-cart-container.sticky-slide-up-mobile { transform: translateY(0%); } .theme-pearl.catalog-product-view .fixed-cart-container { padding: 10px 15px 20px 15px; bottom: 0; left: 0; z-index: 10; transform: translateY(100%); transition: all 0.25s ease-out; -webkit-box-shadow: 0 -20px 30px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 -20px 30px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 -20px 30px 0 rgba(0, 0, 0, 0.05); } .theme-pearl.catalog-product-view .fixed-cart-container .inner-content .display-only-desktop { display: none !important; } .theme-pearl.catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-left-container .wp-st-product-review, .theme-pearl.catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-left-container .wp-st-product-name { display: block; float: left; } .theme-pearl.catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container { display: flex; justify-content: space-between; align-items: center; } .theme-pearl.catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wp-st-product-price { float: left; text-align: left; } .theme-pearl.catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wp-st-addtocart-container { float: right; } .theme-pearl.catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wp-st-product-wishlist { margin: 0; } .theme-pearl.catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wishlist-add-to-cart-wrapper { display: flex; align-items: center; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items .item.content .read-more, .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items .item.content .read-less { display: none; } .theme-pearl.catalog-product-view .page-main .columns .tabs-v3.product.info.detailed .product.data.items { border-bottom: none; } .theme-pearl.catalog-product-view .page-main .columns .tabs-v3.product.info.detailed .product.data.items .content-title { display: flex; align-items: center; min-height: 40px; border-top: 1px solid #DFDFDF; } .theme-pearl.catalog-product-view .page-main .columns .tabs-v3.product.info.detailed .product.data.items .content-title .counter { display: none; } .theme-pearl.catalog-product-view .page-main .columns .tabs-v3.product.info.detailed .product.data.items .item.content.mobile-tabs:nth-child(2) { display: block; max-height: 0; } .theme-pearl.catalog-product-view .page-main .columns .tabs-v3.product.info.detailed .product.data.items .item.content.mobile-tabs { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; padding: 0 15px 0 15px; display: block; margin: 0; } .theme-pearl.catalog-product-view .page-main .columns .tabs-v3.product.info.detailed .product.data.items .item.content.mobile-tabs .control { position: relative; } .theme-pearl.catalog-product-view .page-main .columns .tabs-v3.product.info.detailed .product.data.items .item.content.mobile-tabs.active { margin: 10px 0; } .theme-pearl.catalog-product-view .page-main .columns .tabs-v3.product.info.detailed .product.data.items .item.content.mobile-tabs.active .control { position: unset; } .theme-pearl .tabs-v3.no-border .product.data.items .nav-wrapper { display: none; } .theme-pearl .tabs-v3.no-border .product.data.items .content-wrapper .content-title { justify-content: left; position: relative; font-size: 18px; padding-left: 15px; } .theme-pearl .tabs-v3.no-border .product.data.items .content-wrapper .content-title:after { font-family: luma-icons; content: '\e622'; position: absolute; right: 15px; font-size: 14px; top: 50%; transform: translateY(-50%); } .theme-pearl .tabs-v3.no-border .product.data.items .content-wrapper .content-title.active:after { content: '\e621'; font-size: 14px; } .cart-container .cart.main.actions { display: flex; flex-direction: column-reverse; align-items: center; padding: 0 15px; } .cart-container .form-cart .actions.main .clear { height: 32px; width: 100%; justify-content: center; margin-bottom: 10px; } .cart-container .form-cart .actions.main .continue { height: 32px; width: 100%; justify-content: center; margin-bottom: 10px; align-items: center; } .cart-container .form-cart .actions.main .action.update { height: 32px; width: 100%; display: flex; justify-content: center; margin-bottom: 10px; } .theme-pearl.wishlist-index-index .products-grid.wishlist .product-reviews-summary { margin-left: 100px; } .custom-slide .modal-inner-wrap { background-color: #f4f4f4; box-sizing: border-box; height: auto; min-height: 100%; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .custom-slide { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 100px; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s,opacity .3s ease; transition: visibility 0s .3s,opacity .3s ease; left: 0px; z-index: 900; width: 95% !important; margin: 0 auto; } #checkout_registration #form-registration-container .form.create.account select#dob_yy { width: 80px; font-size: 12px; } #checkout_registration #form-registration-container .form.create.account select#dob_mm { width: 80px; font-size: 12px; } #checkout_registration #form-registration-container .form.create.account select#dob_dd { width: 80px; font-size: 12px; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .actions-toolbar .action.remind { margin-top: 0; float: right; text-align: right; margin-bottom: 20px; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .register-link { margin-top: 15px; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .actions-toolbar .action.remind { margin-top: 0; text-align: right; margin-bottom: 30px; } body.checkout-index-index.bopis__checkout--container .field-tooltip .field-tooltip-content { right: -10px; top: 42px; } body.checkout-index-index.bopis__checkout--container .field-tooltip .field-tooltip-content:before { content: ""; border: 10px solid transparent; height: 0; width: 0; margin-top: 0; right: 10px; left: auto; top: -17px; border-bottom-color: #003C8E; position: absolute; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-sidebar.opc-summary-wrapper .modal-inner-wrap .modal-header .action-close { z-index: 1; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.cvv .control._with-tooltip .field-tooltip .field-tooltip-content { left: -190px; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.cvv .control._with-tooltip .field-tooltip .field-tooltip-content::before { right: 68px; top: -15px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .new-address-button { width: 100% !important; } .customer-account-create select#dob_mm { width: 92px !important; } .customer-account-create select#dob_yy { width: 90px !important; } .customer-account-create .field.gender .control .field { display: flex !important; } .customer-account-create .field.gender .field label.gender-radio { display: flex; align-items: flex-start; } .customer-account-create .field.gender .field label span { padding-left: 3px; margin-top: -3px; } body.account .products-grid.wishlist .product-item .product-item-info { box-shadow: unset !important; } body.account .products-grid.wishlist .product-item .product-item-info .product-item-inner { box-shadow: unset; } .messages .message { margin: 60px auto 0; } } @media only screen and (max-width: 639px) { .abs-visually-hidden-mobile, .table-downloadable-products .col.title:before, .table-giftregistry-items .col.product:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile:before, .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody > tr:before, .abs-checkout-order-review tbody > tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:before, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:before, .table-giftregistry-items .col.product:after, .multicheckout.order-review .data.table tbody > tr:before, .multicheckout.order-review .data.table tbody > tr:after { content: ''; display: table; } .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody > tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:after, .multicheckout.order-review .data.table tbody > tr:after { clear: both; } .abs-checkout-order-review tbody > tr:not(:last-child), .multicheckout.order-review .data.table tbody > tr:not(:last-child) { border-bottom: 1px solid #cccccc; } .abs-checkout-order-review tbody > tr > td.col.item:before, .multicheckout.order-review .data.table tbody > tr > td.col.item:before { display: none; } .abs-checkout-order-review tbody > tr > td.col.qty, .abs-checkout-order-review tbody > tr > td.col.price, .abs-checkout-order-review tbody > tr > td.col.subtotal, .multicheckout.order-review .data.table tbody > tr > td.col.qty, .multicheckout.order-review .data.table tbody > tr > td.col.price, .multicheckout.order-review .data.table tbody > tr > td.col.subtotal { box-sizing: border-box; float: left; text-align: center; white-space: nowrap; width: 33%; } .abs-checkout-order-review tbody > tr > td.col.qty[data-th]:before, .abs-checkout-order-review tbody > tr > td.col.price[data-th]:before, .abs-checkout-order-review tbody > tr > td.col.subtotal[data-th]:before, .multicheckout.order-review .data.table tbody > tr > td.col.qty[data-th]:before, .multicheckout.order-review .data.table tbody > tr > td.col.price[data-th]:before, .multicheckout.order-review .data.table tbody > tr > td.col.subtotal[data-th]:before { content: attr(data-th) ':'; display: block; font-weight: 700; padding-bottom: 10px; } .abs-checkout-order-review tbody > tr > td.col:last-child, .multicheckout.order-review .data.table tbody > tr > td.col:last-child { border: 0; } .abs-checkout-order-review .product-item-name, .multicheckout.order-review .data.table .product-item-name { margin: 0; } .abs-product-items-summary tbody .col { padding: 10px 0 0; } .abs-product-items-summary tbody .col:last-child { padding-bottom: 10px; } .abs-product-items-summary tfoot .mark { padding-bottom: 5px; text-align: left; } .abs-product-items-summary tfoot .amount { padding-top: 0; text-align: left; } .abs-product-items-summary tfoot .grand.totals { font-size: 1.6rem; } .abs-product-items-summary tfoot .grand.totals .mark { padding-bottom: 0; padding-top: 5px; } .abs-product-items-summary tfoot .grand.totals .amount { padding-bottom: 10px; padding-top: 0; } .abs-product-items-summary tfoot .grand.totals .amount strong { border-top: none; } .abs-account-table-margin-mobile, .table-wrapper.balance-history, .table-wrapper.reward-history, .table-wrapper.orders-recent { margin-top: -20px; } .abs-col-no-prefix:before, .abs-sidebar-totals-mobile th:before, .abs-sidebar-totals-mobile td:before, .account .table-billing-agreements .col.actions:before, .account .table-billing-agreements-related .col.actions:before, .cart .table.items .col.item:before, .cart .table.items .item-actions td:before, .account .table-giftregistry .col.actions:before, .table.grouped > tbody > tr > td:before, .account .table-reviews .col.actions:before, .account .table-order-items .col.actions:before, .account .table-order-items .col.options:before, .cart-totals .totals th:before, .cart-totals .totals td:before, .opc-block-summary .totals th:before, .opc-block-summary .totals td:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-no-display-s, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody th, .order-details-items .table-order-items .options-label, .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { display: none; } .abs-title-orders-mobile .page-main .page-title-wrapper .page-title, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^='sales-guest-'] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title { display: block; } .abs-title-orders-mobile .page-main .page-title-wrapper .order-status, .magento-rma-returns-returns .page-main .page-title-wrapper .order-status, .magento-rma-returns-view .page-main .page-title-wrapper .order-status, .account .page-main .page-title-wrapper .order-status, [class^='sales-guest-'] .page-main .page-title-wrapper .order-status, .sales-guest-view .page-main .page-title-wrapper .order-status { margin: -10px 0 10px; } .abs-table-striped-mobile > tbody > tr > td:last-child, .account .data.table > tbody > tr > td:last-child { border: 0; } .abs-no-border-top, .table-wrapper.balance-history, .table-wrapper.table-returns, .table-wrapper.orders-recent, .order-details-items .table-wrapper, .product.info.detailed .additional-attributes-wrapper { border-top: 0; } .abs-no-border-bottom { border-bottom: 0; } .abs-sidebar-totals-mobile .amount, .cart-totals .totals .amount, .opc-block-summary .totals .amount { text-align: right; } .table-wrapper { border-top: 1px solid #cccccc; overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; position: relative; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) { border: none; display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > thead > tr > th { display: none; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th { border-bottom: none; display: block; padding: 5px 10px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before { padding-right: 10px; content: attr(data-th) ': '; display: inline-block; color: #111111; font-weight: 700; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr > th { background-color: #f6f6f6; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:first-child { padding-top: 15px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child { border-bottom: 1px solid #cccccc; padding-bottom: 15px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td.col.qty { text-align: left; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody td:last-child { border: none; padding: 0 0 5px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child th, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child td { padding-top: 20px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .mark { box-sizing: border-box; float: left; text-align: left; width: 70%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .amount { box-sizing: border-box; float: left; text-align: right; width: 30%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals { font-size: 1.6rem; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals .amount { padding-bottom: 10px; } .data-table-definition-list thead { display: none; } .data-table-definition-list tbody th { padding-bottom: 0; } .data-table-definition-list tbody th, .data-table-definition-list tbody td { display: block; padding-left: 0; padding-right: 0; } .pages .pages-items { display: block; padding: 2px 40px 0; position: relative; white-space: normal; z-index: 1; } .pages-item-previous { left: 0; position: absolute; top: 0; z-index: 1; } .pages-item-next { position: absolute; right: 0; top: 0; z-index: 1; } .instagram-photos.col-2 a { width: 100% !important; } .instagram-photos.col-3 a { width: 100% !important; } .instagram-photos.col-4 a { width: 100% !important; } .instagram-photos.col-5 a { width: 100% !important; } .instagram-photos.col-6 a { width: 100% !important; } .checkout-onepage-success .thankyou-wrapper .table-wrapper, .multishipping-checkout-success .thankyou-wrapper .table-wrapper { border-top: 0 none; } .checkout-onepage-success .thankyou-wrapper #table-order-items thead, .multishipping-checkout-success .thankyou-wrapper #table-order-items thead { display: none; } .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row { border-top: 1px solid #ccc; text-align: left; } .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row .col.image, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row .col.image, .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row .col.name, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row .col.name { display: inline-block; } .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row .col.image:before, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row .col.image:before, .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row .col.name:before, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row .col.name:before { display: none; } .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row:first-child, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row:first-child { border-top: 0 none; } .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row .col.sku, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row .col.sku, .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row .col.price, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row .col.price, .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row .col.qty, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row .col.qty, .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row .col.subtotal, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row .col.subtotal { display: none; padding: 0; margin: 0; visibility: hidden; } .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row-mobile, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row-mobile { display: inline-table; width: 100%; } .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.price, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.price, .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.qty, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.qty, .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.subtotal, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.subtotal { display: table-cell; margin: 10px 0; padding: 10px; border-bottom: 0 none; } .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.price:before, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.price:before, .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.qty:before, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.qty:before, .checkout-onepage-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.subtotal:before, .multishipping-checkout-success .thankyou-wrapper #table-order-items .order-item-row-mobile .col.subtotal:before { padding: 0; } .checkout-onepage-success .thankyou-wrapper #table-order-items .product-image-container, .multishipping-checkout-success .thankyou-wrapper #table-order-items .product-image-container { max-width: 115px; } .checkout-onepage-success .thankyou-wrapper #table-order-items tbody tr > td, .multishipping-checkout-success .thankyou-wrapper #table-order-items tbody tr > td { border-top: 0 none; } .checkout-onepage-success .thankyou-wrapper #table-order-items tfoot, .multishipping-checkout-success .thankyou-wrapper #table-order-items tfoot { clear: both; } .checkout-onepage-success:not(.theme-pearl) .block.newsletter .field .control:before, .multishipping-checkout-success:not(.theme-pearl) .block.newsletter .field .control:before { margin-top: 1px; } .form-edit-profile { position: relative; } .form-edit-profile .public-profile-link { position: relative; left: 0; margin-bottom: 20px; } .form-edit-profile .public-profile-link a.view { width: 100%; text-align: center; } .form-new-agreement select { width: auto; } .table-paypal-review-items .col.subtotal { text-align: left; } .table-paypal-review-items .product-item-name { display: inline-block; } .column .block-addbysku .sku { margin-right: -85px; padding-right: 90px; } .column .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .column .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: #8f8f8f; content: '\e604'; font-family: 'luma-icons'; margin: -4px 0 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.remove:hover:before { color: inherit; } .column .block-addbysku .action.remove:active:before { color: inherit; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .cart .table.items .col.qty { text-align: center; } .opc-wrapper .step-title { font-size: 18px; border-bottom: 0; padding-bottom: 0; } .opc-wrapper .step-content { margin: 0 0 15px; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address, .opc-wrapper .methods-shipping { background: #f4f4f4; margin: 20px -15px 15px; padding: 20px 15px; } .opc-wrapper .form-login + .form-shipping-address { margin-top: -15px; } .opc-wrapper .shipping-address-item { border-bottom: 1px solid #cccccc; margin: 0 0 15px; padding: 0 0 15px; width: 100%; } .opc-wrapper .shipping-address-item.selected-item { padding: 15px 35px 15px 18px; border-bottom-width: 2px; } .opc-wrapper .shipping-address-item.selected-item .edit-address-link { right: 39px; } .opc-wrapper .action-select-shipping-item { float: none; margin-top: 10px; width: 100%; } .opc-wrapper .action-show-popup { width: 100%; } .opc-wrapper .methods-shipping { border-bottom: 1px solid #cccccc; padding-top: 30px; } .opc-wrapper .edit-address-link { display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; top: 5px; } .opc-wrapper .edit-address-link > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-wrapper .edit-address-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #8f8f8f; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-wrapper .edit-address-link:hover:before { color: #333333; } .opc-wrapper .edit-address-link:active:before { color: #8f8f8f; } .shipping-policy-block.field-tooltip { margin-bottom: 20px; position: relative; right: auto; top: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 300px; right: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { right: auto; } .opc-block-shipping-information .shipping-information-title { font-size: 2.3rem; } .opc-block-summary > .title { border-bottom: 0; font-size: 18px; margin-bottom: 20px; padding-bottom: 0; } .account .column.main, .account .sidebar-additional { margin: 0; padding: 0; } .account .sidebar-main .account-nav { margin-bottom: 0; } .page-product-downloadable .product-options-wrapper { margin-bottom: 25px; } .table-downloadable-products .product-name { display: block; margin-bottom: 5px; } .page-product-downloadable .product-info-price ~ *:last-child:after { border-bottom: 1px solid #c1c1c1; content: ''; display: block; height: 0; margin: 25px -10px; overflow: hidden; width: auto; } .table-giftregistry-items .field.choice, .table-giftregistry-items .field.qty { display: inline-block; } .form-giftregistry-search .fieldset { margin-bottom: 20px; } .block-giftregistry-results .block-title { margin-bottom: 0; } .block-giftregistry-results .table-wrapper { border-top: none; } .block-giftregistry-shared-items .block-title { margin-bottom: 10px; } .block-giftregistry-shared-items .table-wrapper { border-top: 0; } .table.grouped > thead > tr > th { border-bottom: 1px solid #cccccc; display: table-cell; } .table.grouped > tbody { border-bottom: 1px solid #cccccc; } .table.grouped > tbody > tr > td { padding: 11px 10px; border: 0; display: table-cell; } .table-wrapper .table.grouped:not(.totals):not(.cart):not(.table-comparison) > tbody > tr > td:last-child { border-bottom: 0; } .page-product-grouped .minimal-price { margin: 0; } .page-product-grouped .product-info-price { border: 0; margin-bottom: 0; } .page-product-grouped .product-info-price .price-box { padding-bottom: 0; } .form-add-invitations .action.remove { display: inline-block; text-decoration: none; } .form-add-invitations .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: #8f8f8f; content: '\e604'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.remove:hover:before { color: inherit; } .form-add-invitations .action.remove:active:before { color: inherit; } .multicheckout .data.table .address:before { margin-bottom: 5px; } .multicheckout .product-item-name, .multicheckout .price-including-tax, .multicheckout .price-excluding-tax { display: inline-block; } .multicheckout .block-content .box:not(:last-child) { margin-bottom: 40px; } .multicheckout .block-content .box:last-child { margin-bottom: 0; } .multicheckout.order-review .box-items .data.table thead { display: block; } .multicheckout.order-review .box-items .data.table thead tr { display: block; } .multicheckout.order-review .box-items .data.table thead .col.item { display: block; padding: 0; } .multicheckout.order-review .data.table.table-order-review > tbody > tr > td.col.subtotal { border-bottom: none; } .multicheckout.order-review .data.table.table-order-review > tbody > tr > td.col.qty { text-align: center; } .multicheckout .actions-toolbar .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .primary { margin-bottom: 25px; margin-right: 0; } .customer-review .product-name { margin-bottom: 5px; } .customer-review .product-reviews-summary .rating-summary { display: block; margin-bottom: 5px; } .form-create-return .additional .field:nth-last-child(2) { margin-bottom: 0; } .form-create-return .additional .field:last-child { margin-top: 20px; } .account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track { display: block; float: none; margin: 10px 0 0; } .table-wrapper.orders-recent .table-order-items.table tbody > tr > td.col { padding-left: 0; } .order-details-items thead { display: block; } .order-details-items thead tr { display: block; } .order-pager-wrapper { display: block; } .account .table-order-items tbody tr { display: block; } .account .table-order-items .product-item-name { display: inline-block; margin: 0; } .account .table-order-items .action.show { margin-top: 0; } .order-details-items .order-title strong { display: block; } .order-details-items .action { margin-top: 10px; } .order-details-items .items-qty { display: inline-block; vertical-align: top; } .order-details-items .col.price .price-including-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-excluding-tax { display: inline-block; } .order-details-items .data.table .col.options { padding: 0 10px 15px; } .order-details-items .data.table .col.options:before { display: none; } .order-details-items .options-label + .item-options-container[data-th]:before, .order-details-items .item-options-container + .item-options-container[data-th]:before { content: attr(data-th) ':'; display: block; font-weight: 700; padding-left: 10px; } .order-details-items .options-label + .item-options-container .col, .order-details-items .item-options-container + .item-options-container .col { font-size: 1.2rem; padding: 0 10px; } .order-details-items .options-label + .item-options-container .col:first-child, .order-details-items .item-options-container + .item-options-container .col:first-child { padding-top: 3px; } .order-details-items .options-label + .item-options-container .col:last-child, .order-details-items .item-options-container + .item-options-container .col:last-child { padding-bottom: 20px; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default { display: block; } .my-credit-cards .card-type img { vertical-align: middle; } .products-grid.wishlist .product-item { border-bottom: 1px solid #e8e8e8; margin: 0; width: 100%; } .products-grid.wishlist .product-item:first-child { border-top: 1px solid #e8e8e8; } .products-list .product-item { table-layout: fixed; } .products-list .product-item-photo { padding: 0 10px 10px 0; width: 30%; } .product-item-actions .actions-primary { display: block; } .toolbar-products { margin-bottom: 0; } .product-social-links .action.tocompare { display: none; } .product-info-price { margin: 0 -10px 0; width: calc(100% + 2*10px) !important; } .product-info-price > *:first-child { padding-left: 10px; } .product-info-price > *:last-child { padding-right: 10px; } body.customer-account-forgotpassword .page-wrapper .page-main { width: 90%; } body.customer-account-forgotpassword .page-wrapper .page-main .page-title-wrapper .page-title { padding-bottom: 10px; } body.trackorder-track-index .page-wrapper .page-main { width: 90%; } body.trackorder-track-index .page-wrapper .page-main .page-title-wrapper .page-title { padding-bottom: 10px; } .logo { margin-bottom: 13px; margin-top: 4px; } #braintree-three-d-modal .bt-modal-frame { width: 100%; } .wp-productpage-prev-next div .wp-pp-prev-link, .wp-productpage-prev-next div .wp-pp-next-link { margin: 0; } .wp-productpage-prev-next div .wp-pp-prev-link span, .wp-productpage-prev-next div .wp-pp-next-link span { display: none; } } @media only screen and (max-width: 479px) { .tooltip.wrapper .tooltip.content { min-width: 10rem; } .minicart-wrapper .block-minicart { width: 290px; } .modal-popup .field-tooltip .field-tooltip-content { width: 200px; } .sorter-options { margin: 0 2px; } .series-container .blog-widget-recent .post-holder { width: 100%; } .page-header .header-main .minicart-wrapper .mage-dropdown-dialog .block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper { max-height: 360px !important; } } @media all and (min-width: 640px) { .abs-blocks-2columns-s { width: 48%; } .abs-blocks-2columns-s:nth-child(1) { clear: left; float: left; } .abs-blocks-2columns-s:nth-child(2) { float: right; } .abs-blocks-2columns-s:nth-child(2) + * { clear: both; } .abs-reset-left-margin-desktop-s, .column:not(.sidebar-main) .multicheckout .actions-toolbar, .multicheckout .block-shipping .box-shipping-method .fieldset .legend { margin-left: 0; } .abs-visually-hidden-desktop-s, .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-desktop-s:before, .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:before, .multicheckout .block-billing:after { content: ''; display: table; } .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:after { clear: both; } .abs-add-box-sizing-desktop-s, .multicheckout .block-shipping .box, .multicheckout .block-billing .box-billing-address, .multicheckout .block-billing .box-billing-method { box-sizing: border-box; } .abs-form-field-column-2-s .fieldset .field { padding: 0 12px 0 0; box-sizing: border-box; display: inline-block; width: 50%; vertical-align: top; } .abs-form-field-column-2-s .fieldset .field + .fieldset { clear: both; } .abs-form-field-column-2-s .fieldset .field:nth-last-child(1), .abs-form-field-column-2-s .fieldset .field:nth-last-child(2) { margin-bottom: 0; } .abs-form-field-column-2-s .fieldset .field .field { padding: 0; width: 100%; } .abs-form-field-revert-column-1-s { width: 100%; } .abs-action-print-s { display: inline-block; text-decoration: none; } .abs-action-print-s:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: inherit; content: '\e624'; font-family: 'luma-icons'; margin: 0 4px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-action-print-s:hover { text-decoration: underline; } .table > tbody > tr > th, .table > tbody > tr > td { border-top: 1px solid #cccccc; } .table > tbody + tbody { border-top: 1px solid #cccccc; } .ui-dialog.popup { width: 420px; } .column .block-addbysku .action.remove { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; margin-top: -4px; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .column .block-addbysku .action.remove:visited { color: #006bb4; text-decoration: none; } .column .block-addbysku .action.remove:hover { color: #006bb4; text-decoration: underline; } .column .block-addbysku .action.remove:active { color: #ff5501; text-decoration: underline; } .column .block-addbysku .action.remove:hover, .column .block-addbysku .action.remove:active, .column .block-addbysku .action.remove:focus { background: none; border: 0; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .catalogsearch-advanced-result .message.error { margin-top: 0; } .cart-container .block.crosssell .products-grid .product-item-actions { margin: 0 0 10px; } .multicheckout .actions-toolbar .secondary { float: none; margin-top: 11px; text-align: right; } .multicheckout .actions-toolbar .secondary .action { margin-left: 0; } .multicheckout .actions-toolbar .secondary .action.back { display: block; float: left; } .multicheckout .item-options { margin: 20px 0 0; } .multicheckout .block-content .box { margin-bottom: 0; } .multicheckout .block-shipping .box { float: left; width: 25%; } .multicheckout .block-shipping .box-shipping-method { padding-left: 25px; padding-right: 25px; width: 50%; } .multicheckout .block-shipping .box-shipping-method .fieldset .field:before { display: none; } .multicheckout .block-billing .box-billing-address { float: left; width: 25%; } .multicheckout .block-billing .box-billing-method { float: left; padding-left: 25px; width: 50%; } .multicheckout.form.address .table-wrapper .applicable { margin: 7px 0 0; } .multicheckout.order-review .box-items { clear: left; float: none; padding-top: 40px; width: auto; } .multicheckout.order-review .col.item { width: 75%; } .multicheckout .methods-payment .item-content > .fieldset { width: auto; } .multicheckout .methods-payment .item-content > .fieldset .field.cvv { display: inline-block; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice) > .label { float: none; margin-bottom: 8px; text-align: left; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice):not(.cvv) .control { width: 100%; } .review-form { max-width: 500px; } .review-ratings { float: left; margin-bottom: 0; min-width: 240px; padding-right: 40px; } .review-ratings ~ .review-content-container { overflow: hidden; } .review-toolbar { margin: 0 0 30px; } .review-toolbar .pages { padding: 30px 0; } .fieldset .review-legend.legend { margin-bottom: 30px; } .review-item { padding: 30px 0; } .review-title { margin: 0 0 30px; } .order-details-items .order-title .action { margin: 12px 0 0 30px; } .order-details-items .order-title .action.track { float: right; } .wishlist-index-index .products-grid .product-item-actions { margin: 0; } .products-grid .product-item-info:hover, .products-grid .product-item-info.active { background: #ffffff; box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.3); border: 1px solid #bbbbbb; margin: -10px; padding: 9px; position: relative; z-index: 9; } .products-grid .product-item-info:hover .product-item-inner, .products-grid .product-item-info.active .product-item-inner { display: block; } .sidebar .products-grid .product-item-info:hover .product-item-photo, .sidebar .products-grid .product-item-info.active .product-item-photo { left: 9px; top: 9px; } .products-grid .product-item-inner { background: #ffffff; box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.3); border: 1px solid #bbbbbb; border-top: none; left: 0; margin: 10px 0 0 -1px; padding: 0 9px 9px; position: absolute; right: -1px; z-index: 2; } .product-item-actions { display: block; } .products-grid .product-item-actions { margin: -10px 0 10px; } .product-item-actions .actions-primary + .actions-secondary { display: inline-block; vertical-align: middle; } .product-item-actions .actions-primary + .actions-secondary > .action { line-height: 35px; text-align: center; width: 35px; } .product-item-actions .actions-primary + .actions-secondary > .action:last-child { margin-right: 0; } .product-item-actions .actions-primary { display: inline-block; } .page-products .products-grid .product-item-inner:before { background: #ffffff; content: ''; height: 3px; left: 0; position: absolute; top: -2px; width: 100%; z-index: -1; } .page-products .product-item-actions { z-index: 1; } .products-grid .product-item { margin-bottom: 20px; width: 33.33333333%; } .page-products .products-grid .product-item, .page-layout-1column .products-grid .product-item, .page-layout-3columns .products-grid .product-item, .page-products.page-layout-1column .products-grid .product-item, .page-products.page-layout-3columns .products-grid .product-item { margin-left: 0; width: calc((100% - 4%) / 3); } .page-products .products-grid .product-item:nth-child(3n + 1), .page-layout-1column .products-grid .product-item:nth-child(3n + 1), .page-layout-3columns .products-grid .product-item:nth-child(3n + 1), .page-products.page-layout-1column .products-grid .product-item:nth-child(3n + 1), .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } .block.widget .products-grid .product-item .product-item-inner, .page-layout-1column .block.widget .products-grid .product-item .product-item-inner, .page-layout-3columns .block.widget .products-grid .product-item .product-item-inner { box-shadow: 3px 6px 4px 0 rgba(0, 0, 0, 0.3); margin: 9px 0 0 -1px; } .block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item, .page-layout-3columns .block.widget .products-grid .product-item { width: 33.33333333%; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 4%) / 3); } .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } .review-form { max-width: 100%; } .page-wrapper .page-footer .footer.content .pre-footer .pre-footer-content .pre-footer-subtitle { font-size: 16px; } .page-wrapper .page-footer .footer.content .pre-footer .pre-footer-content .pre-footer-title { font-size: 30px; } } a { outline: none; } a:focus { outline: none; } .nav-sections { margin-bottom: 0; } /* Remove box-shadow for all inputs on focus */ ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { /* Visible in the full-colour space */ box-shadow: 0 0 3px 1px #00699d; /* Visible in Windows high-contrast themes */ outline: transparent dotted 2px; } .navigation { font-weight: normal; } .navigation .level0 > .level-top { line-height: 45px; } :root .page-header-v3 .navigation .level0 > .level-top, :root .page-header-v4 .navigation .level0 > .level-top { line-height: 34px; } .navigation .level0 .submenu { background-color: white; } .navigation .level0 .submenu:hover { background-color: white; } .navigation .level0 .submenu a.ui-state-focus, .navigation .level0 .submenu a:hover { background: transparent; text-decoration: none; } .cart-summary .checkout { position: sticky; } .nav-sections-item-title { background-color: white; border-color: lightgrey; } /* COMPARE PRODUCTS */ .theme-pearl.catalog-product-compare-index .table-comparison { overflow: hidden !important; } .theme-pearl.catalog-product-compare-index .table-comparison tbody { border: none !important; } .theme-pearl.catalog-product-compare-index .table-comparison tbody tr:hover { background: #d9edf7; } .theme-pearl.catalog-product-compare-index .table-comparison tbody td.info { background: none; } .theme-pearl.catalog-product-compare-index .table-comparison .cell.label { border-right: none; } .theme-pearl.catalog-product-compare-index .table-comparison .cell.product.info, .theme-pearl.catalog-product-compare-index .table-comparison .cell.product.attribute { border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .theme-pearl.catalog-product-compare-index .table-comparison .cell.label, .theme-pearl.catalog-product-compare-index .table-comparison .cell.product.info { border-bottom: none !important; } /* CHECKOUT PAGE */ .checkout-agreements button { background: none !important; border: none !important; } .checkout-agreements button span { color: #fa583f !important; font-size: 16px !important; } .checkout-agreements button span:hover { text-decoration: underline; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { padding: 7px 15px; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover { text-decoration: none !important; } #checkout .opc-wrapper { width: 66.6667%; } @media (max-width: 767px) { #checkout .opc-wrapper { width: 100%; } } /* pe pagina de produse repara dropdownul de cantitate */ .theme-pearl.catalog-product-view .box-tocart .field.qty select { padding: 15px; direction: inherit; } .theme-pearl .block.block-minicart .quickcart-content-wrapper button.action span, .theme-pearl .block.block-minicart button.action.primary span { font-size: 12px; } .theme-pearl .header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .action.delete:before { content: '' !important; } .theme-pearl .modal-custom .action-close, .theme-pearl .modal-popup .action-close, .theme-pearl .modal-slide .action-close { background: none; border: none; } .theme-pearl .modal-custom .action-close:hover, .theme-pearl .modal-popup .action-close:hover, .theme-pearl .modal-slide .action-close:hover { background: none; border: none; } .theme-pearl .swatch-option { margin: 0 15px 5px 0; } .theme-pearl .breadcrumbs .items strong, .theme-pearl .breadcrumbs .items a { text-transform: uppercase !important; } .theme-pearl #wishlist-sidebar .product-image-container { width: 75px !important; } .theme-pearl #wishlist-sidebar .product-image-container .product-image-photo { width: auto !important; height: auto !important; } .theme-pearl #wishlist-sidebar .actions-primary a span { font-size: 18px !important; } /* adds padding to switcher drop down */ :root .page-header #switcher-currency .mage-dropdown-dialog .dropdown.switcher-dropdown, :root .page-header #switcher-language .mage-dropdown-dialog .dropdown.switcher-dropdown { padding: 10px !important; } /* header-v2 account icon size style after login */ :root .page-header-v2 .page-header .header.links > .customer-welcome .customer-name:before { content: "\e66c"; font-family: inherit; } /* product page related items add to compare and favorite fix */ .secondary-addto-links.actions-secondary { display: none; } .product-item-info:hover .secondary-addto-links.actions-secondary { display: inherit; } .owl-carousel .owl-item { text-align: center; } /* navigation underscore */ @media (min-width: 768px) { .navigation .level0.level-top > .level-top, .navigation .level0 > .level-top { border-bottom: 1px solid transparent; } .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top { border-bottom: 1px solid #000000; } .navigation .level0 .submenu .active > a { border-color: #000; } .navigation .level0 > .level-top { display: inline-block; line-height: 38px; margin-bottom: 0; } } .weltpixel-quickview-catalog-product-view.catalog-product-view .box-tocart .actions button, .weltpixel_quickview-catalog_product-view.catalog-product-view .box-tocart .actions button { float: none; } .weltpixel-quickview-catalog-product-view.catalog-product-view .box-tocart .actions, .weltpixel_quickview-catalog_product-view.catalog-product-view .box-tocart .actions { float: none; } .mfp-iframe-holder .mfp-close { border: none !important; background: none !important; } .page-wrapper .page-footer { padding: 0; } .page-wrapper .page-footer .footer.content { padding: 0; } .page-wrapper .page-footer .footer.content .pre-footer { background-color: #f4f4f4; display: flex; } .page-wrapper .page-footer .footer.content .pre-footer .pre-footer-content { max-width: 1400px; width: 100%; margin: 0 auto; padding: 50px 0; } .page-wrapper .page-footer .footer.content .pre-footer .pre-footer-content .pre-footer-subtitle { display: block; font-weight: bold; text-align: center; } .page-wrapper .page-footer .footer.content .pre-footer .pre-footer-content .pre-footer-title { text-align: center; display: block; font-family: 'Source Sans Pro', sans-serif; font-style: italic; font-weight: 300; line-height: 1.1; color: #303030; } .page-wrapper .page-footer .footer.content .pre-footer .pre-footer-content .footer-icon { font-size: 35px; display: block; text-align: center; color: #aaa; } .page-wrapper .page-footer .footer.content .footer-v1-content { margin: 0 auto; } .page-wrapper .page-footer .footer.content .footer-v1-content .nopaddingleft { padding-left: 0px; } .page-wrapper .page-footer .footer.content .footer-v1-content .mini-logo { padding-top: 50px; margin-top: 0px; } .page-wrapper .page-footer .footer.content .footer-v1-content p { color: #575757; margin-bottom: 6px; } .page-wrapper .page-footer .footer.content .footer-v1-content .links-v1 li { margin-bottom: 6px; } .page-wrapper .page-footer .footer.content .footer-v1-content .links-v1 li a { color: #575757; } .page-wrapper .page-footer .footer.content .footer-v1-content .footer-title { font-size: 16px; padding: 50px 0 10px 0px; text-transform: uppercase; font-weight: 600; } .page-wrapper .page-footer .footer.content .footer-v1-content .border-v1 { border-top: 1px solid #adadad; margin-top: 30px; padding-right: 0px; padding-left: 0px; } .page-wrapper .page-footer .footer.content .footer-v1-content .border-v1 .small-text { margin-top: 15px; display: block; } .page-wrapper .page-footer .footer.content .footer-v1-content .border-v1 .social-icons-v1 { margin-top: 10px; } .page-wrapper .page-footer .footer.content .footer-v1-content .border-v1 .social-icons-v1 .social-icons { margin: 0px; } .page-wrapper .page-footer .footer.content .footer-v1-content .border-v1 .social-icons-v1 .social-icons i { font-size: 15px; } .page-wrapper .page-footer .footer.content .footer-section2-content { margin: 0 auto; } .page-wrapper .page-footer .footer.content .footer-v2 { padding-top: 60px; } .page-wrapper .page-footer .footer.content .footer-v2 .social-icons { margin: 0 20px 5px 0; } .page-wrapper .page-footer .footer.content .footer-v2 .footer-nav a { padding: 10px; cursor: pointer; } .page-wrapper .page-footer .footer.content .footer-v2 .footer-nav, .page-wrapper .page-footer .footer.content .footer-v2 .togglet.newsletter { font-size: 12px; line-height: 2em; text-transform: uppercase; letter-spacing: .2em; font-weight: 400; padding: 10px; } .page-wrapper .page-footer .footer.content .footer-v2 .block.newsletter { margin: 0 auto; } .page-wrapper .page-footer .footer.content .footer-v2 .block.newsletter input, .page-wrapper .page-footer .footer.content .footer-v2 .block.newsletter .action.subscribe { height: 50px; } .page-wrapper .page-footer .footer.content .footer-v2 .block.newsletter .field .control:before { line-height: 50px; font-size: 20px; } .page-wrapper .page-footer .footer.content .footer-v2 .block { float: initial !important; } .page-wrapper .page-footer .footer.content .footer-v3 { padding-bottom: 10px; padding-top: 60px; z-index: 0; position: relative; } .page-wrapper .page-footer .footer.content .footer-v3 .footer-v3-list, .page-wrapper .page-footer .footer.content .footer-v3 .address-v3 { line-height: 1.6; } .page-wrapper .page-footer .footer.content .footer-v3 .address-v3 i { padding-right: 5px; } .page-wrapper .page-footer .footer.content .footer-v3 .white-lnk { color: #ccc; } .page-wrapper .page-footer .footer.content .footer-v4 .footer-nav, .page-wrapper .page-footer .footer.content .footer-v4 .togglet.newsletter { font-size: 12px; line-height: 2em; text-transform: uppercase; letter-spacing: .2em; font-weight: 400; padding: 10px; } /** CMS DEMO PAGES **/ .hp-title { font-family: 'Source Sans Pro', sans-serif; font-style: italic; font-weight: 300; line-height: 50px; font-size: 40px; letter-spacing: 10px; padding: 50px 0; } .hp-title .subtitle { display: block; font-style: initial; font-size: 25px; font-weight: bold; letter-spacing: initial; line-height: inherit; } /* image hover */ .promo { position: relative; z-index: 0; } body:not(.device-touch) .promo-overlay { -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .promo-image { position: relative; } .promo-image > a, .promo-image img { display: block; width: 100%; } .promo-image .title { color: #fff; text-align: center; } .promo-image .title span { display: block; font-size: 16px; text-transform: lowercase; } .promo-image .title span .upper { text-transform: uppercase; } .promo-image .title-v2 { color: #000; } .promo-image .title-v2 span { display: block; font-size: 16px; text-transform: uppercase; } .promo-overlay .title { color: #000; font-size: 25px; font-style: italic; text-align: center; padding: 20px; } .promo-overlay .title span { display: block; font-size: 16px; } .img-block { display: block; } .light { color: #fff; } .header_right { z-index: 100; } .promo:hover .promo-overlay { opacity: 1; } .section.parallax .block.newsletter { margin: 0 auto; } .section.parallax .block.newsletter input, .section.parallax .block.newsletter .action.subscribe { height: 50px; } .section.parallax .block.newsletter .field .control:before { line-height: 50px; font-size: 20px; } .social-container .social-icons { background-color: rgba(225, 225, 225, 0.5); font-size: 20px !important; } /* Demo Page v3 */ .heading-title span { display: block; margin-bottom: 15px; text-transform: uppercase; font-weight: bold; font-size: 16px; } .page-footer { background-color: #f4f4f4; padding-top: 60px; display: inline-block; width: 100%; } #page-footer-section-03, #page-footer-section-03 a { color: #fff; } #page-footer-section-03 a:hover { text-decoration: none; } .footer.content { border: none; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; } h3 strong, h4 strong { font-size: 24px !important; } .fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6 { border-bottom: 2px solid #d83701; } .faqlist li a { color: #444; font-size: 14px; font-weight: 900; } .faqlist li a:hover, .faqlist li a:active { color: #d83701 !important; text-decoration: none; } .contact-index-index .column .contact-container { margin-top: 50px; } .contact-index-index .column .contact-container h4 { padding: 17px 0; font-size: 20px; text-transform: uppercase; font-weight: 400; } .contact-index-index .column .contact-container .form.contact { width: 100%; float: none; } .contact-index-index .form-area { padding-bottom: 15px; } .contact-index-index .form-area .input-text { border: 0px solid #D1D2D4; width: 100%; border-bottom: 1px solid #ccc; -webkit-box-shadow: inset 0px 0px 5px 0px #fff; -moz-box-shadow: inset 0px 0px 5px 0px #fff; box-shadow: inset 0px 0px 5px 0px #fff; } .contact-index-index .form-area :after { content: ""; display: block; background-color: #f8f8f8; position: absolute; width: 9999px; top: 0; right: 100%; bottom: 0; z-index: -1; } .contact-index-index #comment { background-image: -webkit-linear-gradient(#ffffff, #ffffff 30px, #cccccc 30px, #cccccc 31px, #ffffff 31px); background-image: -moz-linear-gradient(#ffffff, #ffffff 30px, #cccccc 30px, #cccccc 31px, #ffffff 31px); background-image: -ms-linear-gradient(#ffffff, #ffffff 30px, #cccccc 30px, #cccccc 31px, #ffffff 31px); background-image: -o-linear-gradient(#ffffff, #ffffff 30px, #cccccc 30px, #cccccc 31px, #ffffff 31px); background-image: linear-gradient(#ffffff, #ffffff 30px, #cccccc 30px, #cccccc 31px, #ffffff 31px); background-size: 100% 37px; line-height: 38px; height: 250px; padding: 0px; } .contact-index-index .page-title h1 { font-size: 26px; } .theme-pearl .payment-method-braintree .hosted-control { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .theme-pearl.weltpixel-quickview-catalog-product-view .page-wrapper .page-main, .theme-pearl.weltpixel_quickview-catalog_product-view .page-wrapper .page-main { padding: 20px; } .theme-pearl img, .theme-pearl object, .theme-pearl video, .theme-pearl embed { max-height: initial; } .theme-pearl .grecaptcha-badge { box-shadow: none !important; } .page-products .columns { z-index: 0; } .minicart-wrapper .action.showcart .counter.qty { background-color: white; border: 1px solid black; color: black; line-height: 23px; } .minicart-wrapper .action.showcart .counter.qty .counter-number { color: black; text-shadow: none; } .minicart-wrapper .product .actions { float: right; } #block-discount-heading, #block-giftcard-heading, .gift-item-block .title { color: #222222; font-family: Roboto; font-size: 14px; } #block-discount-heading:hover, #block-giftcard-heading:hover, .gift-item-block .title:hover { color: #222222 !important; } #discount-coupon-form .actions-toolbar .action.primary, #giftcard-form .actions-toolbar .action.primary { line-height: 16px; } #discount-coupon-form .actions-toolbar .action.primary span, #giftcard-form .actions-toolbar .action.primary span { line-height: 16px; } #giftcard-form .secondary button span { color: black; } .checkout-cart-index .gift-message-summary { margin: 10px 0 0; padding: 10px 0 0; } .checkout-cart-index .cart.table-wrapper .actions-toolbar { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .checkout-cart-index .cart.table-wrapper .gift-summary .actions-toolbar { top: 8px; position: relative; float: left; } .checkout-cart-index .gift-summary .action-edit:before, .checkout-cart-index .gift-summary .action-delete:before { font-size: 15px; } .checkout-cart-index .gift-summary .action-edit:before { font-family: font-icons; content: '\e635'; } .checkout-cart-index .gift-summary .action-delete:before { content: '\e616'; } .checkout-cart-index .gift-options-cart-item > a.action.action-gift { font-weight: 700; } .checkout-cart-index .gift-options-cart-item > a.action.action-gift:after { font-size: 12px; } .checkout-cart-index .gift-summary .actions-toolbar > .secondary .action:first-of-type { margin: 0; } .checkout-cart-index .cart.table-wrapper .actions-toolbar > .action-edit:before, .checkout-cart-index .cart.table-wrapper .actions-toolbar > .action-delete:before { font-size: 20px; } .customer-welcome .action.switch { font-size: 15px; } .customer-welcome .action.switch:after { color: #000000; line-height: 20px; } .page-header .switcher strong, .page-footer .switcher strong, .header.panel > .header.links > li.welcome, .header.panel > .header.links > li > a { line-height: 1.5; } footer.page-footer { padding-top: 60px; padding-bottom: 0px !important; } .footer-nav, .togglet.newsletter { font-size: 12px; line-height: 2em; text-transform: uppercase; letter-spacing: .2em; font-weight: 400; padding: 10px; } .footer-nav a { padding: 10px; } .block.newsletter { margin: 0 auto; } .block.newsletter input { padding-left: 60px; } .block.newsletter input, .block.newsletter .action.subscribe { height: 50px; } .block.newsletter .field .control:before { line-height: 50px; font-size: 20px; margin-left: 24px; } .footer.content .block { float: initial !important; } .page-product-downloadable .product-add-form .product-options-wrapper, .page-product-downloadable .product-add-form .product-options-bottom { float: none; width: 100%; } .page-product-downloadable .product-add-form .product-options-bottom .price-box { display: none; } .block .block-content ol.product-items { font-size: 0px; } /* ORDER AND RETURNS STYLE */ .track-order-description { max-width: 100%; text-align: center; } .track-order { background: rgba(84, 84, 84, 0.05); margin: 0 auto 57px auto; position: relative; } .track-order:before { background-image: radial-gradient(closest-side, transparent 9px, rgba(84, 84, 84, 0.05) 100%); position: absolute; top: -10px; left: 0; content: ''; display: block; height: 10px; width: 100%; background-color: transparent; -webkit-background-size: 20px 20px; background-size: 20px 20px; background-position: 0 10px, 40px 40px; } .track-order:after { background-image: radial-gradient(closest-side, transparent 9px, rgba(84, 84, 84, 0.05) 100%); position: absolute; bottom: -10px; left: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); content: ""; display: block; height: 10px; width: 100%; background-color: transparent; -webkit-background-size: 20px 20px; background-size: 20px 20px; background-position: 0 10px, 40px 40px; } .track-order input { height: 40px; } .track-order input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #444 !important; } .track-order input ::-moz-placeholder { /* Firefox 19+ */ color: #444 !important; } .track-order input :-ms-input-placeholder { /* IE 10+ */ color: #444 !important; } .track-order input :-moz-placeholder { /* Firefox 18- */ color: #444 !important; } .track-order label { line-height: 26px; font-weight: 700; margin-top: 8px; display: block; } .track-order .field.lastname { margin-bottom: 21px; } .track-order .primary { width: 100%; } .track-order .primary .action.submit.primary { width: 100%; margin-right: 0px; padding: 16px; } /* ========================================================================== HOMEPAGE V1 AND V2 AND V3 ============================================================================= */ .text-capitalize { text-transform: capitalize; } .text-lowercase { text-transform: lowercase; } .text-initial { text-transform: initial; } .title-big-v1 span { line-height: 25px; } .block-span { display: block; font-weight: normal; } .instagram-container { width: 100%; max-width: 1400px; margin: 0 auto; } .weltpixellighting { color: black; } #braintree-three-d-modal { display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; align-items: center; height: 100vh; width: 100vw; z-index: 100000; visibility: visible; } #braintree-three-d-modal .bt-modal-frame { height: 420px; width: 440px; margin: auto; background-color: #ffffff; z-index: 2; border-radius: 6px; } #braintree-three-d-modal .bt-modal-body { height: 380px; margin: 20px; background-color: white; border: 1px solid lightgray; } #braintree-three-d-modal .bt-mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.75; } .braintree-applepay-container-product { display: inline-block; } .braintree-applepay-container-product .braintree-apple-pay-button { padding: 10px 0; margin: 0; margin-bottom: 15px; } .braintree-apple-pay-button { -webkit-appearance: -apple-pay-button; -apple-pay-button-type: plain; display: block; width: 200px; min-height: 40px; border: 1px solid black; background-image: -webkit-named-image(apple-pay-logo-black); background-size: 100% calc(60% + 2px); background-repeat: no-repeat; background-color: black; background-position: 50% 50%; border-radius: 5px; padding: 2px; margin: 20px auto; transition: background-color 0.15s; cursor: pointer; } .ppcredit-summary { background: linear-gradient(to right, #009cde, #003087); color: #ffffff; padding: 15px; text-align: center; margin: 10px 0px; } .ppcreditcalc-container { border: 1px solid #dedede; background: #ffffff; } .ppcreditcalc-header { background: #ffffff; padding: 15px; } .ppcreditcalc-legal { background-color: #eee; border-top: 1px solid #dedede; padding: 15px; font-size: 1.2rem; line-height: 2rem; } .ppcreditcalc-instalments { list-style: none; margin: 0; padding: 0; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; background-color: #eeeeee; } .ppcreditcalc-instalments li { display: inline-block; margin: 0; padding: 0; } .ppcreditcalc-instalments-term { display: block; padding: 10px 15px; color: #000; } .ppcreditcalc-instalments-term:hover { background: #009CDE; color: #FFF; text-decoration: none; } .ppcreditcalc-instalments-term.active { background: #003087; color: #FFF; } .ppcreditcalc-instalment-summary { padding: 15px; } .ppcreditcalc-instalment-summary dl { margin: 0; } .ppcreditcalc-instalment-summary dt { display: inline-block; width: 50%; } .ppcreditcalc-instalment-summary dd { display: inline-block; } #braintree_expirationDate { width: 90px; } button.braintree-googlepay-button { background-origin: content-box; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 0; border-radius: 4px; box-shadow: rgba(60, 64, 67, 0.3) 0 1px 1px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px; cursor: pointer; height: 40px; min-height: 40px; padding: 11px 24px; } button.braintree-googlepay-button.black { background-color: #000; box-shadow: none; padding: 12px 24px 10px; } button.braintree-googlepay-button.white { background-color: #ffffff; } button.braintree-googlepay-button.short { min-width: 90px; width: 160px; } button.braintree-googlepay-button.black.short { background-image: url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg); } button.braintree-googlepay-button.white.short { background-image: url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg); } button.braintree-googlepay-button.black:active { background-color: #5f6368; } button.braintree-googlepay-button.black:hover { background-color: #3c4043; } button.braintree-googlepay-button.white:active { background-color: #ffffff; } button.braintree-googlepay-button.white:focus { box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px; } button.braintree-googlepay-button.white:hover { background-color: #f8f8f8; } button.braintree-googlepay-button.long { min-width: 152px; width: 240px; } button.braintree-googlepay-button.white.long { background-image: url(https://www.gstatic.com/instantbuy/svg/light/en.svg); } button.braintree-googlepay-button.black.long { background-image: url(https://www.gstatic.com/instantbuy/svg/dark/en.svg); } .googlepay-minicart-logo { margin-top: 15px; text-align: center; } .checkout-payment-method .credit-card-types.braintree-credit-card-types img { width: 30px; -webkit-filter: none; -webkit-transition: none; } .braintree-card-control { position: relative; } .braintree-credit-card-selected { position: absolute; z-index: 10; left: 10px; } .braintree-paypal-logo.oneclick-container { width: 100%; } #payment_form_braintree_ach_direct_debit .field > .fields .field .label { font-weight: 600; } #payment_form_braintree_ach_direct_debit .field > .fields .field.required > .label:after { content: '*'; color: #e02b27; font-size: 1.8rem; margin: 0 0 0 5px; } #payment_form_braintree_ach_direct_debit .field > .fields .field .control { margin: 10px 10px 0 0; } #payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type="text"]::placeholder, #payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type="number"]::placeholder { color: lightgrey; } #payment-method-braintree-lpm .primary { width: 100%; } #payment-method-braintree-lpm .primary .action { margin-bottom: 12px; width: 100%; } #payment-method-braintree-lpm .primary .action img { height: 40px; } #payment-method-braintree-cc-vault .field.required .label { font-weight: 600; } #payment-method-braintree-cc-vault .field.required .label:after { content: '*'; color: #e02b27; font-size: 1.8rem; margin: 0 0 0 5px; } #payment-method-braintree-cc-vault .field .hosted-control { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Ubuntu', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; height: 32px; padding: 0 9px; vertical-align: baseline; box-sizing: border-box; position: relative; width: 5rem; } #payment-method-braintree-cc-vault .field .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } #payment-method-braintree-cc-vault .field .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .braintree-paypal-fieldset { display: none; } .payment-method-braintree .hosted-control { border: 1px solid #c2c2c2; height: 32px; padding: 8px 15px; max-width: 300px; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } .payment-method-braintree .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .payment-method-braintree .cvv { max-width: 200px; position: relative; } .payment-method-braintree .cvv .field-tooltip { top: 10px; right: 30px; } #braintree_cc_number { padding-left: 68px; } /* EXTEND SOCIAL ICONS */ .social-icons.si-light { background-color: rgba(255, 255, 255, 0.5); } .social-icons.si-light:last-child i:last-child { color: #666 !important; } button:not(.primary) { box-shadow: none; } /*----------------------------------------*/ /* general_css /*----------------------------------------*/ .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item.menu-mobile-show > a { visibility: visible !important; } .block.crosssell .owl-stage .owl-item .product-item { width: 89% !important; } .clearfix { *zoom: 1; } .clearfix:after { content: ''; display: block; clear: both; height: 0; } #wp-sizechart-popup-modal { display: none; } .visitor_counter_wrapper { padding: 5px 0; display: none; } .wp-sales-off-msg { color: #FF0000; font-weight: bold; font-size: 16px; } .wp-productpage-prev-next { width: 100%; float: right; padding: 10px 0; z-index: 1; display: none; } .product-page-v2 .wp-productpage-prev-next { padding: 0; margin-bottom: -10px; } .wp-productpage-prev-next .wp-pp-next-link, .wp-productpage-prev-next .wp-pp-prev-link { display: none; float: right; } .wp-productpage-prev-next .wp-pp-next-link:after, .wp-productpage-prev-next .wp-pp-prev-link:after, .wp-productpage-prev-next .wp-pp-next-link:before, .wp-productpage-prev-next .wp-pp-prev-link:before { font-size: 22px; line-height: 22px; color: #000; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wp-productpage-prev-next .wp-pp-next-link.tooltip, .wp-productpage-prev-next .wp-pp-prev-link.tooltip { margin: 0; z-index: 1; } .wp-productpage-prev-next .wp-pp-prev-link { margin-right: 20px; } .wp-productpage-prev-next .wp-pp-prev-link:before { content: '\e617'; } .wp-productpage-prev-next .wp-pp-next-link { margin-left: 20px; } .wp-productpage-prev-next .wp-pp-next-link:after { content: '\e608'; } .theme-pearl.page-layout-1column .box-tocart .qty-wrapper { display: flex; align-items: center; margin-right: 20px; } .theme-pearl.page-layout-1column .box-tocart .actions-bottom { float: none; } .theme-pearl.page-layout-1column .box-tocart .actions-bottom button { width: 100%; } .theme-pearl.page-layout-1column .box-tocart .field.qty .qty-wrapper { border: 1px solid #ccc; height: 52px; } .theme-pearl.page-layout-1column .box-tocart .field.qty .qty-button { cursor: pointer; display: inline-block; font-weight: 400; font-size: 1.8rem; background-color: transparent; color: #8a8a8a; border: none; box-shadow: none; } .theme-pearl.page-layout-1column .box-tocart .field.qty .plus-minus-input { margin: 0; border: 0; } .theme-pearl.product-page-v1 .fieldset .field.qty { display: flex; } .theme-pearl.product-page-v1 .product-info-main .fieldset .actions { width: auto; } .catalog-product-view .fixed-cart-container { width: 100%; font-size: 20px; position: fixed; background: #FFF; padding: 10px 0 10px 0; } .catalog-product-view .fixed-cart-container .inner-content { margin: 0 auto; display: flex; justify-content: flex-start; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex { float: left; display: inline-block; position: relative; vertical-align: middle; text-align: left; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-st-product-image { width: auto; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-st-product-image .thumbnail-wrapper { max-width: 64px; max-height: 64px; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-st-product-image .thumbnail-wrapper img { height: auto; width: auto; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-left-container { text-align: left; width: 80%; display: flex; align-items: center; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-left-container .wp-st-product-name { display: inline-block; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-left-container .wp-st-product-review { display: inline-block; margin-left: 0px; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-left-container .wp-st-product-review .action.add { display: none; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container { text-align: right; width: 100%; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wp-st-product-price { margin-right: 15px; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wp-st-product-price .price-label { display: none !important; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wp-st-product-price .price-container .price { font-size: 2rem; font-weight: 600; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wp-st-product-price .old-price .price { text-decoration: line-through; font-size: 1.6rem; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wp-st-addtocart-container { display: inline-block; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wp-st-addtocart-container a.primary.action { height: 50px; display: flex; align-items: center; } .catalog-product-view .fixed-cart-container .inner-content .sticky-flex.wp-right-container .wp-st-product-wishlist { display: inline-block; float: none; width: auto; margin-left: 5px; } .catalog-product-view .product-info-main .chart-wrapper { display: flex; justify-content: flex-end; } .theme-pearl.catalog-product-view .fixed-cart-container .product-social-links .action.towishlist:before { margin: 0 15px 0 0; } /** fix for magnified product image */ .catalog-product-view .magnifier-preview { z-index: 9; } .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed.closed-state .product.data.items .item-content, .theme-pearl.catalog-product-view .page-main .columns .product.info.detailed.closed-state .product.data.items .item.content:nth-child(2) { display: none; } .theme-pearl.wishlist-index-index .products-grid.wishlist .product-item .price-box { text-align: center; } .theme-pearl.wishlist-index-index .products-grid.wishlist .product-item .product-reviews-summary { text-align: center; } .theme-pearl.wishlist-index-index .actions-toolbar { padding-top: 50px; } /** NavigationLinks */ @media screen and (max-width: 639px) { .theme-pearl.mobile-nav .page-header-v1 .page-header .header.content .block-search, .theme-pearl.mobile-nav .page-header-v1 .page-header .header.content .minicart-wrapper { margin-top: unset; } .theme-pearl.mobile-nav .page-header.page-header-v3 .page-header .block-search .control { height: inherit; } .theme-pearl.mobile-nav .page-header.page-header-v2 .page-header .block-search { position: absolute; right: 0; top: 90px; } .theme-pearl.mobile-nav .page-header.page-header-v2 .page-header .block-search .control { height: initial; } .theme-pearl.mobile-nav .page-header.page-header-v2 .page-header .block-search #search { position: relative; top: 0; left: -10px; } } @media only screen and (min-width: 1399px) and (max-width: 1439px) { .nav-sections .section-item-content { padding: 0 15px; } } .checkout-cart-index .page-title-wrapper { text-align: center; } .checkout-cart-index .page-title-wrapper h1 { font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 700; padding: 0; margin-top: 10px; } .checkout-cart-index #newsletter-validate-detail .newsletter #newsletter-error.mage-error { color: #ff0a0a; } .checkout-cart-index #shopping-cart-table thead > tr { background-color: #f3f3f3; } .checkout-cart-index #shopping-cart-table tbody .col.price { text-align: left; } .checkout-cart-index #shopping-cart-table tbody .col.price .cart-price:not(.final-price) .price { color: #dd0018 !important; display: inline-block; } .checkout-cart-index #shopping-cart-table tbody .col.price .cart-price .price { display: block; } .checkout-cart-index #shopping-cart-table tbody .col.price .cart-price .discount { font-size: 14px; color: #303030; } .checkout-cart-index #shopping-cart-table tbody .col.price .cart-price .cart-old-price .price { text-decoration: line-through; color: #999 !important; font-weight: 400 !important; font-size: 12px; } .checkout-cart-index .cart-summary { background-color: #f3f3f3; } .checkout-cart-index .cart-summary .block .content { display: block; padding-top: 20px; padding-bottom: 0; border-top: solid 1px #dadada; } .checkout-cart-index .cart-summary .block .content .fieldset.coupon { margin-bottom: 0; display: flex; position: relative; flex-direction: column; } .checkout-cart-index .cart-summary .block .content .fieldset.coupon.applied .actions-toolbar .action.primary { line-height: 15px !important; box-shadow: none !important; } .checkout-cart-index .cart-summary .block .content .field { display: flex; width: 100%; flex-direction: row; justify-content: space-between; } .checkout-cart-index .cart-summary .block .content .field .control { width: 100%; } .checkout-cart-index .cart-summary .block .content .field .control input { border-color: #b6b6b6; font-size: 13px; } .checkout-cart-index .cart-summary .block .content .field .control input::placeholder { color: #373737; } .checkout-cart-index .cart-summary .block .content .actions-toolbar > .primary { width: 100%; } .checkout-cart-index .cart-summary .block .content .actions-toolbar > .primary span { font-weight: 600; font-size: 14px; color: #fff; } .checkout-cart-index .cart-summary .block .content .actions-toolbar .action.primary { margin: 0; float: right; background: #064394 !important; border-color: #064394 !important; } .checkout-cart-index .cart-summary .block .content .actions-toolbar .action.primary:hover { background: #ffffff !important; } .checkout-cart-index .cart-summary .block .content .actions-toolbar .action.primary:hover span { color: #064394 !important; } .checkout-cart-index .cart-summary .checkout-methods-items .action.primary.checkout { background: #064394; border-color: #064394; } .checkout-cart-index .cart-summary .checkout-methods-items .action.primary.checkout span { font-size: 14px; font-weight: 600; } .checkout-cart-index .cart.table-wrapper { border: solid 1px #acacac; } .checkout-cart-index .cart.table-wrapper .cart thead tr th.col { border-bottom: none; } .checkout-cart-index .cart.table-wrapper .cart thead tr th.col.item { text-align: left !important; padding-left: 20px; } .checkout-cart-index .cart.table-wrapper .cart thead tr th.col.subtotal { padding-right: 22px; } .checkout-cart-index .cart.table-wrapper .cart thead tr th.col.qty { text-align: center; } .checkout-cart-index .cart.table-wrapper .cart > .item:last-child { border-bottom: none; } .checkout-cart-index .cart.table-wrapper .cart > .item .col { padding-top: 30px; } .checkout-cart-index .cart.table-wrapper .cart > .item .col.price .cart-price .price, .checkout-cart-index .cart.table-wrapper .cart > .item .col.subtotal .cart-price .price { color: #0a0a0a; } .checkout-cart-index .cart.table-wrapper .cart > .item .col.item .product-image-container { max-width: 120px; } .checkout-cart-index .cart.table-wrapper .cart > .item .col.description { position: relative; } .checkout-cart-index .cart.table-wrapper .cart > .item .col.subtotal { padding-right: 22px; } .checkout-cart-index .cart.table-wrapper .cart > .item .col.qty { text-align: center; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions { width: 250px; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .product-item-name, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .product-item-name { font-family: 'Roboto', 'Oswald', sans-serif; font-size: 15px; line-height: 18px; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .product-item-name a, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .product-item-name a { color: #0a0a0a; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .cart.item.message.notice, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .cart.item.message.notice { background-color: #ffffff; padding-left: 0px; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .cart.item.message.notice div, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .cart.item.message.notice div { color: #1e76f4; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .cart.item.message.notice div:before, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .cart.item.message.notice div:before { display: none; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .item-options, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .item-options { margin-top: 0; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .actions-toolbar, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .actions-toolbar { position: absolute; bottom: 10px; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .actions-toolbar .action, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .actions-toolbar .action { display: inline-block; position: relative; right: unset; top: unset; margin: 0; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .actions-toolbar .action span, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .actions-toolbar .action span { width: auto; height: auto; position: relative; margin: 0; color: 222; text-decoration: underline; font-size: 13px; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .actions-toolbar .action:before, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .actions-toolbar .action:before { display: none; color: #bababa; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .actions-toolbar > span, .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .actions-toolbar > span { color: #bababa; padding: 0 3px; } .checkout-cart-index .cart.table-wrapper .cart > .item .item-actions td.col { position: relative; padding: 0 0 0 8px; } .checkout-cart-index .cart.table-wrapper .cart > .item a.button-action.plus.increaseQty, .checkout-cart-index .cart.table-wrapper .cart > .item a.button-action.minus.increaseQty, .checkout-cart-index .cart.table-wrapper .cart > .item a.button-action.plus.decreaseQty, .checkout-cart-index .cart.table-wrapper .cart > .item a.button-action.minus.decreaseQty { display: inline-flex; width: 18px; height: 18px; border-radius: 50%; align-items: center; justify-content: center; border-color: #e1e1e1; background-color: #e1e1e1; color: #979797; padding: 0; } .checkout-cart-index .cart.main.actions { display: none; } .checkout-cart-index #gift-options-cart, .checkout-cart-index .cart-discount { display: none; } .checkout-cart-index #maincontent .block.crosssell { width: 100%; margin: 0 10px; padding: 0 10px; order: 9; } .checkout-cart-index #maincontent .block.crosssell .block-title.title { text-align: center; font-size: 25px; font-family: 'Roboto', sans-serif; font-weight: 900; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] { border: none; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid { padding-top: 0 !important; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item { border: solid 1px transparent; box-sizing: border-box; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details { border: none; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-name { font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; margin-top: 0; font-size: 1.4rem; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-actions { position: relative !important; width: 100%; z-index: 0; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary { display: none; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist { left: unset !important; top: -45px; right: -15px !important; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box { margin-bottom: 0; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .price-container .price { color: #0a0a0a !important; font-weight: 600; font-size: 14px !important; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .special-price .price-container .price { color: #dd0019 !important; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .price-box.price-final_price .old-price .price-container .price { color: #222222 !important; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item:hover { border-color: #adadad; } .checkout-cart-index #maincontent .block.crosssell .owl-carousel.owl-theme .owl-controls .owl-prev { left: -20px !important; } .checkout-cart-index #maincontent .block.crosssell .owl-carousel.owl-theme .owl-controls .owl-prev:hover { background-image: url('../../frontend/Kemana/default/id_ID/images/arrows1.svg'); background-color: #9bd7ee; border-radius: 0; } .checkout-cart-index #maincontent .block.crosssell .owl-carousel.owl-theme .owl-controls .owl-next { right: -20px !important; } .checkout-cart-index #maincontent .block.crosssell .owl-carousel.owl-theme .owl-controls .owl-next:hover { background-image: url('../../frontend/Kemana/default/id_ID/images/arrows1_right.svg'); background-color: #9bd7ee; border-radius: 0; } .checkout-cart-index .page-main { max-width: 1400px; padding-left: 0px; padding-right: 0px; } .checkout-cart-index .page-main .page-title-wrapper .page-title { margin: 30px 0; text-align: left; display: block; padding-left: 15px; letter-spacing: 1.2px; font-family: 'Oswald', sans-serif; color: #303030; font-size: 28px; } .checkout-cart-index .page-main .cart.table-wrapper { border: solid 0px #acacac; } .checkout-cart-index .page-main .cart.table-wrapper .col.qty .input-text { border: 0; height: auto; color: #001B61; font-weight: bold; width: 50px; margin: 0 auto; padding-top: 1px; } .checkout-cart-index .page-main .cart.table-wrapper .col.qty .control.qty.qty-wrapper { border: 1px solid #c2c2c2; border-radius: 15px; padding: 5px; position: relative; bottom: 8px; box-sizing: border-box; width: 110px; text-align: center; margin: 0 auto; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item div.product-item-details .product-brand span { color: #001B61; font-weight: 600; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item div.product-item-details .product-item-name a { color: #001B61; font-weight: 400; font-size: 14px; text-transform: capitalize; letter-spacing: 0px; line-height: 21px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item a.button-action.minus.decreaseQty { background-color: #ffffff; color: #04214d; border: 0px solid #fff; font-size: 30px; position: absolute; top: 6px; left: 16px; padding: 0 10px; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item a.button-action.plus.increaseQty { background-color: #ffffff; color: #04214d; border: 0px solid #fff; font-size: 20px; position: absolute; right: 12px; top: 5px; padding: 0 10px; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item .col { padding-top: 20px; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item .col .product-item-details .item-options { color: #222222; text-transform: capitalize; font-weight: 500; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item .col .product-item-details .item-options dt { margin: 0 5px 0px 0; font-weight: 500; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item .item-actions .actions-toolbar .action { color: #999999; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item .item-actions .actions-toolbar .action span { font-size: 12px; letter-spacing: 0; line-height: 20px; color: #999999; } .checkout-cart-index .page-main .cart.table-wrapper .cart thead tr th.col { padding-bottom: 13px; padding-top: 13px; font-weight: 500; } .checkout-cart-index .page-main .cart.table-wrapper .cart thead tr th.col.item { border-top-left-radius: 20px !important; } .checkout-cart-index .page-main .cart.table-wrapper .cart thead tr th.col.subtotal { border-top-right-radius: 20px !important; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item .col.subtotal .cart-price .price { color: #222222; font-size: 14px; letter-spacing: 0.6px; } .checkout-cart-index #shopping-cart-table tbody .col.price .cart-price .price { font-weight: 600 !important; font-size: 14px; letter-spacing: 0.6px; } .checkout-cart-index #shopping-cart-table thead > tr th.col { color: #001B61; font-weight: 500; letter-spacing: 0; line-height: 16px; font-size: 14px; } .checkout-cart-index #shopping-cart-table thead > tr th.col.price { text-align: left; padding-left: 25px; } .checkout-cart-index .block.eds-discount.discount #eds-discount-form .fieldset.eds .actions-toolbar { right: 14px; } .checkout-cart-index .block.eds-discount.discount #eds-discount-form .fieldset.eds .actions-toolbar .action.eds-apply { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; padding: 8px; font-family: 'Oswald', sans-serif; letter-spacing: 0.8px; height: 40px; } .checkout-cart-index div.cart-summary .title { display: block; font-family: 'Oswald', sans-serif; letter-spacing: 0.8px; font-weight: bold; margin: 24px 0; font-size: 21px; line-height: 31px; color: #222222; text-transform: uppercase; } .checkout-cart-index div.cart-summary .block .content .field .control input { height: 40px; padding-top: 7px; padding-bottom: 7px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .checkout-cart-index div.cart-summary .block .content .field .control input::placeholder { color: #999999; font-family: Roboto; font-size: 14px; } .checkout-cart-index div.cart-summary .block .content .actions-toolbar .action.primary { font-family: 'Oswald', sans-serif; letter-spacing: 0.8px; box-shadow: none; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; padding: 4px 15px; } .checkout-cart-index div.cart-summary .checkout-methods-items .action.primary.checkout { border-radius: 50px !important; font-family: 'Oswald', sans-serif; letter-spacing: 1px; padding: 10px; line-height: 18px; } .checkout-cart-index .cart-totals tr.grand.totals th.mark { padding: 20px 0; } .checkout-cart-index .cart-totals tr.grand.totals th.mark strong { font-size: 16px; color: #222222; text-transform: uppercase; margin-top: -6px; float: left; } .checkout-cart-index .cart-totals tr.grand.totals td.amount { font-size: 16px; line-height: 19px; padding: 20px 0; } .checkout-cart-index .cart-totals tr.grand.totals td.amount strong { padding: 0; text-transform: uppercase; } .checkout-cart-index .cart-container form.form-cart { width: 72%; } .checkout-cart-index .cart-container .cart-summary { width: 28%; border-radius: 5px; } .checkout-cart-index .cart-container .cart-summary .cart-totals tbody .mark { padding: 10px 0 20px 0; } .checkout-cart-index .cart-container .cart-summary .cart-totals .table-wrapper .table tr.totals.sub .mark { line-height: 16px; color: #222222; text-transform: uppercase; } .checkout-cart-index .block.eds-discount.discount #eds-discount-form .fieldset.eds #eds_discount_code { height: 40px; padding-top: 7px; padding-bottom: 7px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .checkout-cart-index .block.eds-discount.discount .title:before { top: 18px; } .checkout-cart-index .abs-sidebar-totals tbody .amount, .checkout-cart-index .abs-sidebar-totals tfoot .amount, .checkout-cart-index .cart-totals tbody .amount, .checkout-cart-index .cart-totals tfoot .amount, .checkout-cart-index .opc-block-summary .table-totals tbody .amount, .checkout-cart-index .opc-block-summary .table-totals tfoot .amount, .checkout-cart-index .cart-totals tbody .amount, .checkout-cart-index .cart-totals tfoot .amount, .checkout-cart-index .opc-block-summary .table-totals tbody .amount, .checkout-cart-index .opc-block-summary .table-totals tfoot .amount { text-transform: uppercase; } .total-message { padding-top: 10px; } @media (min-width: 768px), print { .theme-pearl.page-layout-1column .page-main > .page-title-wrapper .page-title { margin-bottom: 23px; } body.checkout-cart-index #shopping-cart-table thead > tr { background: #f3f3f3; } body.checkout-cart-index .cart-summary { background: #f3f3f3; } .checkout-cart-index .cart.table-wrapper .items { margin-bottom: 0; } html:lang(en) .checkout-cart-index .cart-summary #discount-coupon-form .actions-toolbar button.apply { min-width: 93px; } } @media (min-width: 768px) and (max-width: 1023px) { .checkout-cart-index .page-main { padding-right: 15px; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item .col.item { padding: 15px 15px 10px 15px; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item .col.item .product-item-photo { padding-left: 0; max-width: fit-content; } .checkout-cart-index .cart-container .cart-summary { width: 34%; float: right; padding: 0px 15px 25px; } .checkout-cart-index .cart-container .cart-summary .title { font-size: 18px; margin: 18px 0; } .checkout-cart-index .cart-container .cart-summary .checkout-methods-items .action.primary.checkout span { font-size: 12px; } .checkout-cart-index .cart-container .cart-summary .cart-totals { padding-left: 0; padding-right: 0; } .checkout-cart-index .cart-container .cart-summary .cart-totals tr.grand.totals th.mark strong { font-size: 14px; } .checkout-cart-index .cart-container .cart-summary .cart-totals tr.grand.totals td.amount { font-size: 14px; } .checkout-cart-index .cart-container .cart-summary .block .content { padding: 5px 0px 15px; } .checkout-cart-index .cart-container .cart-summary .block .content .actions-toolbar .action.primary { padding: 3px 15px; } .checkout-cart-index .cart-container .cart-summary .block .content .actions-toolbar .primary span { font-size: 12px; } .checkout-cart-index .cart-container .form.form-cart { width: 66%; float: left; } .checkout-cart-index .cart-totals tr.grand.totals th.mark { padding: 15px 0; } .checkout-cart-index .block.eds-discount.discount #eds-discount-form .fieldset.eds .actions-toolbar { top: 53px; } .checkout-cart-index .block.eds-discount.discount #eds-discount-form .fieldset.eds .actions-toolbar .action.eds-apply { min-width: 80px; } } @media (min-width: 1024px) and (max-width: 1439px) { .checkout-cart-index .page-main { max-width: 96%; padding-left: 0px; padding-right: 0px; } .checkout-cart-index .cart-summary .block .fieldset .field:not(.choice) > .label { font-size: 12px; } } @media only screen and (max-width: 1024px) { .checkout-cart-index .cart.table-wrapper .cart > .item .col.item { max-width: 120px; } .checkout-cart-index .cart.table-wrapper .cart > .item .col.description { max-width: 150px; } .checkout-cart-index .cart.table-wrapper .cart > .item .col .price-excluding-tax { font-size: 14px; } .checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .product-item-name { font-size: 14px; } } @media only screen and (max-width: 768px) { body.checkout-cart-index #shopping-cart-table thead > tr th.col { display: none; } body.checkout-cart-index .cart.table-wrapper .cart > .item .col { vertical-align: top; float: left; width: 35%; display: inline-flex; } body.checkout-cart-index .cart.table-wrapper .cart > .item .col:not(.item) { vertical-align: top; display: inline-block; float: right; width: 65%; margin-left: 30px; text-align: left; margin: 0; padding: 5px 0; } body.checkout-cart-index .cart.table-wrapper .cart > .item .col:not(.item):before { content: attr(data-th); display: inline-block; font-weight: 700; font-size: 14px; min-width: 30%; } body.checkout-cart-index .cart.table-wrapper .cart > .item .col:not(.item) * { display: inline-block; padding-bottom: 0; vertical-align: baseline; } body.checkout-cart-index .cart.table-wrapper .cart > .item .col:not(.item) .oms_form { display: none; } body.checkout-cart-index .cart.table-wrapper .cart > .item .col.description { max-width: unset; padding-top: 12px; position: initial; } body.checkout-cart-index .cart.table-wrapper .cart > .item .col.description:before { content: ""; display: inline-block; font-weight: 700; font-size: 14px; } body.checkout-cart-index .cart.table-wrapper .cart > .item .col.item { max-width: unset; } body.checkout-cart-index .cart.table-wrapper .cart > .item .item-info { display: block; width: 100%; position: relative; } body.checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .col.empty { padding-bottom: 30px; } body.checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .col.action:before { display: none; } body.checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .col .actions-toolbar { left: 0px; bottom: 25px; } body.checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .col .actions-toolbar span { vertical-align: top; } body.checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .col .actions-toolbar .action { vertical-align: top; } body.checkout-cart-index .cart.table-wrapper .cart > .item .item-actions .col .actions-toolbar .action.action-towishlist { padding-right: 5px; } body.checkout-cart-index .cart.table-wrapper .col.qty .input-text { height: 24px; } body.checkout-cart-index .cart.table-wrapper .product-item-details .actions-toolbar { position: absolute; top: 200px; left: 35%; bottom: unset; } body.checkout-cart-index .cart-summary { width: 35%; } body.checkout-cart-index .form.form-cart { width: 65%; } } @media only screen and (max-width: 767px) { body.checkout-cart-index #maincontent .column.main { padding-bottom: 10px; } body.checkout-cart-index #maincontent .column.main .block.crosssell { margin: 0; padding: 0 15px; } body.checkout-cart-index #maincontent .column.main .block.crosssell .block-title.title { font-size: 16px; } body.checkout-cart-index #maincontent .column.main .block.crosssell .block-content.content .products-grid.products-crosssell { padding-bottom: 0; margin-bottom: 0; } body.checkout-cart-index #maincontent .column.main .block.crosssell .block-content.content .products-grid.products-crosssell .product-items { margin-bottom: 0; } body.checkout-cart-index #maincontent .column.main .block.crosssell .block-content.content .products-grid.products-crosssell .product-items .product-item .price-box { margin-bottom: 0; } body.checkout-cart-index #maincontent .column.main .block.crosssell .block-content.content .owl-carousel.owl-theme .owl-stage-outer { padding-bottom: 0; } body.checkout-cart-index #maincontent .column.main .cart-summary .block .content .field { width: 100%; } body.checkout-cart-index #maincontent .column.main .cart-summary .block .content .actions-toolbar .action.primary { width: 100%; padding: 4px 20px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info { display: block; flex-direction: unset; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col:not(.item) { margin-left: 0; margin-top: 0; padding: 10px 0; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col:not(.item) > * { width: auto; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col:not(.item) .item-options { display: block; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col:before { margin-right: 0 !important; width: 40% !important; padding-bottom: 0; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .col span.price { font-size: 14px; line-height: 20px; } body.checkout-cart-index .page-wrapper .page-main .columns .column .cart-container .form-cart .table-wrapper .cart.items tbody .item-info .item .product-item-photo { position: relative; width: 100%; float: left; max-width: 110px; padding-right: 10px; padding-top: 20px; left: 0; top: 0; display: inline-block; } body.checkout-cart-index .cart.table-wrapper .item .message { margin-top: 10px; } body.checkout-cart-index .cart.table-wrapper .cart > .item .product-item-details .actions-toolbar { top: 180px; bottom: unset; } body.checkout-cart-index .cart-summary, body.checkout-cart-index .form.form-cart { width: auto; } body.checkout-cart-index .cart-container .cart-summary { width: 92%; margin: 0 auto; border-radius: 10px; } body.checkout-cart-index .page-wrapper .page-main .page-title-wrapper h1.page-title { font-size: 21px; line-height: 31px; margin: 20px 0; padding-left: 0; } body.checkout-cart-index .block.eds-discount.discount .title:before { left: 15px !important; } body.checkout-cart-index .block.eds-discount.discount .title strong { padding-left: 15px; } .checkout-cart-index .block.discount .content { border-top: 0px solid #ccc; } .checkout-cart-index .cart-summary .total-message { padding: 0 15px 10px 15px; } .checkout-cart-index .cart-summary .total-message span { width: 100%; display: block; border-bottom: solid 1px #ccc; padding-bottom: 15px; padding-top: 15px; } .column.main .ampromo-items-add { width: 95%; margin: 0 auto; } .checkout-cart-index .page-main .cart.table-wrapper .col.qty .control.qty.qty-wrapper { padding: 3px; } .checkout-cart-index .page-main .cart.table-wrapper .cart .item a.button-action.plus.increaseQty { top: 6px; } } .page-main .cart-summary .block { margin-bottom: 15px; } .column.main .ampromo-items-add { width: 98.5%; margin: 0px auto 20px 20px; } @media (min-width: 768px) and (max-width: 1023px) { .column.main .ampromo-items-add { width: 95%; margin: 0 auto; } } body.checkout-index-index hr { margin-top: 0; margin-bottom: 0; } body.checkout-index-index #checkout-payment-method-load { margin-top: 0; } body.checkout-index-index .opc-sidebar .modal-inner-wrap .modal-header { padding: 0; min-height: 0; } body.checkout-index-index .opc-sidebar .modal-inner-wrap .modal-content { background-color: transparent; } body.checkout-index-index .opc-sidebar .opc-block-summary .paymentsummary .title { text-transform: uppercase; font-size: 16px; font-weight: 700 !important; } body.checkout-index-index .opc-sidebar .opc-block-summary .paymentsummary .title.-enabled { padding-left: 20px; font-size: 15px; text-transform: uppercase; font-weight: 700; } body.checkout-index-index .opc-sidebar .opc-block-summary .paymentsummary .totals.mapclubpoints .mark { display: flex; align-items: baseline; } body.checkout-index-index .opc-sidebar .opc-block-summary .paymentsummary .totals.mapclubpoints .map-club-logo { background-image: url('../../frontend/Kemana/default/id_ID/images/MAPclub-Logo.png'); width: 100px; height: 13px; background-size: contain; background-repeat: no-repeat; margin-right: 5px; } body.checkout-index-index .opc-sidebar .opc-block-summary .totals.discount .title.-enabled::after { right: 0px !important; width: 0px !important; } body.checkout-index-index .opc-sidebar .opc-block-summary .totals.discount .mark { word-break: break-word; } body.checkout-index-index .opc-sidebar .opc-block-summary .totals.discount .mark .title { padding: 0; font-size: 13px; } body.checkout-index-index .opc-sidebar .opc-block-summary .total-rules .mark { word-break: break-word; } body.checkout-index-index .container-fluid { width: 100%; padding: 0; background-color: #F5F5F5; } body.checkout-index-index .container { width: 100%; } body.checkout-index-index .checkout-header { width: 100%; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } body.checkout-index-index .checkout-header .logo { margin: 0; } body.checkout-index-index .checkout-header .logo img { height: 24px; width: auto; } body.checkout-index-index .checkout-header .secure-checkout.right-side { float: right; text-transform: capitalize; display: flex; align-items: center; } body.checkout-index-index .checkout-header .secure-checkout.right-side .fa.fa-lock { color: #003C8E; font-size: 30px; letter-spacing: 0; text-align: center; } body.checkout-index-index .checkout-header .secure-checkout.right-side .fa.fa-lock:before { font-family: 'psa'; content: "\e913"; } body.checkout-index-index .checkout-header .secure-checkout.right-side span { color: #003C8E; font-size: 12px; font-weight: 500; letter-spacing: 0; text-align: center; } body.checkout-index-index .checkout-container { margin-top: 20px; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item { width: 50%; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item:first-child:before { width: 50%; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item:first-child._active:before { background-color: #001B61; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item:first-child._active span:after { content: '1'; font-size: 14px; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item:first-child span:after { content: '1'; border: none; font-size: 14px; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item:first-child span:before { border: none; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item:before { height: 3px; border: none; top: 14px; width: 50%; left: 0; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); background-color: #CCCCCC; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item > span { padding-top: 38px; position: relative; color: #999999; font-size: 12px; font-weight: 500; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item > span:before { height: 30px; width: 30px; background-color: #CCCCCC; border: none; top: 1px; left: 50%; transform: translate(0%); -webkit-transform: translate(0%); -moz-transform: translate(0%); -ms-transform: translate(0%); -o-transform: translate(0%); margin-left: -15px; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item > span:after { font-family: 'Roboto', sans-serif; text-transform: none; height: 30px; width: 30px; top: 1px; left: 50%; margin-left: 15px; transform: translate(-50%); -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); margin-left: 0; color: #FFFFFF; background-color: transparent; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; font-size: 14px; border: none; content: "2"; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item._active:before, body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item._complete:before { background-color: #001B61; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item._active > span, body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item._complete > span { color: #001B61; } body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item._active > span:before, body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item._complete > span:before, body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item._active > span:after, body.checkout-index-index .checkout-container ul.opc-progress-bar.checkout .opc-progress-bar-item._complete > span:after { color: #ffffff; background-color: #001B61; border-color: transparent; } @media (min-width: 768px) { body.checkout-index-index .container { width: 750px; } body.checkout-index-index .container .row { margin: 0 -15px; max-width: unset; width: auto; } body.checkout-index-index .container > [class*='col-'] { margin: 0 -15px; height: 100px; padding-top: 38px; } } @media (min-width: 992px) { body.checkout-index-index .container { width: 970px; } } @media (min-width: 1200px) { body.checkout-index-index .container { width: 1170px; } } body.checkout-index-index .opc-sidebar { margin-top: 0; } body.checkout-index-index .opc-sidebar .opc-block-summary { background-color: #ffffff; padding: 22px 0px 0px; border: solid 1px #acacac; } body.checkout-index-index .opc-sidebar .opc-block-summary .title { font-size: 18px; font-weight: 600; padding-bottom: 15px; padding-right: 30px; padding-left: 30px; text-transform: uppercase; } body.checkout-index-index .opc-sidebar .opc-block-summary .title.-enabled { font-size: 1.4rem; padding: 0; font-weight: 400; text-transform: none; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart { border-top: 1px solid #ccc; margin-right: 30px; margin-left: 30px; padding-top: 10px; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .title { display: none; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .title strong span { font-size: 18px; font-weight: 600; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .product-item-brand { font-weight: 600; color: #001B61; font-family: Roboto; font-size: 14px; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .details-qty .label { font-weight: 800; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .details-size .label { font-weight: 800; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product-item-inner .product-item-name-block .details-size .label:after { content: ': '; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product-item-inner .subtotal { display: none; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product.options { display: block; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product.options .toggle { display: none; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product.options .content { display: block !important; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product.options .content .item-options { display: inline-block; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product.options .content .item-options .label { font-weight: 800; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product.options .content .item-options .label:after { content: ': '; padding-right: 5px; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .product-item-details .product.options .content .item-options .value { margin-left: 5px; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .message { padding-left: 88px; background: #ffffff; margin-top: 0px; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .message div { color: #1e75f4; font-weight: 700; } body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .minicart-items .product-item .product .message div:before { display: none; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals { border: none; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .sub, body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .giftcard, body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .shipping { text-transform: uppercase; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .sub { border-top: 1px solid #CCCCCC; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .sub th, body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .sub td { padding-top: 20px; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .shipping th, body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .shipping td { padding-bottom: 20px; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .shipping th .not-calculated, body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .shipping td .not-calculated { font-style: normal !important; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .shipping th .label, body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .shipping td .label { padding-left: 0px; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .sub td, body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .shipping td, body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .total-rules td { margin-left: auto; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .grand th, body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .grand td { border-top: 1px solid #ccc; width: 100%; padding-top: 20px; padding-bottom: 30px; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .grand th.mark { margin-left: 20px; padding-left: 0; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .grand td { margin-right: 20px; margin-left: 0; padding-right: 0; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody th, body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody td { padding-left: 20px; padding-right: 20px; color: #222222; font-family: Roboto; font-size: 14px; } body.checkout-index-index .opc-sidebar .opc-block-summary .table-totals tbody .totals.discount td { margin-left: auto; } body.checkout-index-index .opc-sidebar .opc-block-summary .totals.discount .title.-enabled { font-size: 14px !important; color: #222; font-family: Roboto; padding: 0; font-weight: 400; text-transform: none; } body.checkout-index-index .opc-sidebar .opc-block-summary .totals.discount .title.-enabled:after { position: absolute; top: 0; right: -40px; } body.checkout-index-index .opc-sidebar .opc-block-shipping-information { background-color: #ffffff; border: solid 1px #acacac; padding: 20px 30px; } body.checkout-index-index .opc-sidebar .opc-block-shipping-information .shipping-information .shipping-information-title { font-size: 1.8rem; font-weight: 700; text-transform: uppercase; } body.checkout-index-index .opc-sidebar .opc-block-shipping-information .shipping-information .shipping-information-title .action-edit { top: 0px; } body.checkout-index-index .opc-wrapper .opc > li:not(.checkout-shipping-address) { background-color: #ffffff; padding: 25px 25px; margin-bottom: 50px; border: solid 1px #acacac; border-radius: 10px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address form { background-color: #ffffff; padding: 26px; margin-bottom: 30px; border: solid 1px #acacac; max-width: 100%; margin-top: 0px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address form.form.form-shipping-address > div { margin-top: 0px; border-top: none !important; margin-bottom: 0; padding-bottom: 0; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address form.form.form-shipping-address > div > .field { margin-top: 10px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content { padding-bottom: 0px; position: relative; margin-bottom: 30px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items { padding-left: 30px; padding-top: 25px; display: inline-block; width: 100%; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-items-title { font-size: 20px; font-weight: 600; border-bottom: 1px solid #ccc; margin-bottom: 25px; padding-bottom: 20px; text-transform: uppercase; width: 100%; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item { float: left; position: relative; min-height: 200px; width: 48%; margin-right: 4%; border: 1px solid #CCCCCC; border-radius: 5px; padding: 20px 20px 20px 55px; color: #222222; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item:before { display: none; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item::first-line { font-weight: bold; color: #003c8e; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item:nth-child(odd) { margin-right: 0%; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item:after { background: transparent; color: #1e76f4; content: '' !important; left: 20px; top: 23px; position: absolute; border: solid 1px #ccc; width: 16px; height: 16px; padding: 0; border-radius: 100%; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item.selected-item { border: 2px solid #003C8E; display: list-item; line-height: 25px; margin-bottom: 20px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item.selected-item:before { background: #1e75f4; color: #1e76f4; padding: 0; content: '' !important; width: 10px; height: 10px; left: 24px; top: 27px; position: absolute; display: block; border-radius: 100%; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item.selected-item:after { background: transparent; color: #1e76f4; content: '' !important; left: 20px; top: 23px; position: absolute; border: solid 1px #1e75f4; width: 16px; height: 16px; padding: 0; border-radius: 100%; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item.selected-item a { color: #222222; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item.not-selected-item { border-color: #ccc; display: list-item; line-height: 25px; margin-bottom: 20px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item.not-selected-item span.shiping-Fname { color: #222222; font-size: 14px; letter-spacing: 0; line-height: 24px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item.not-selected-item span.shiping-lname { color: #222222; font-size: 14px; letter-spacing: 0; line-height: 24px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item.not-selected-item a { color: #222222; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item .action.action-select-shipping-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: none; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item .action.action-select-shipping-item span { display: none; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .new-address-button { float: left; width: 48%; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content button.action.action-show-popup { border: 0px dashed #CCCCCC; border-radius: 5px; background-color: #FFFFFF; width: 100%; margin-left: 0; min-height: 198px; font-family: Roboto; background-image: repeating-linear-gradient(1deg, #cccccc, #cccccc 10px, transparent 10px, transparent 21px, #cccccc 21px), repeating-linear-gradient(91deg, #cccccc, #cccccc 10px, transparent 10px, transparent 21px, #cccccc 21px), repeating-linear-gradient(181deg, #cccccc, #cccccc 10px, transparent 10px, transparent 21px, #cccccc 21px), repeating-linear-gradient(271deg, #cccccc, #cccccc 10px, transparent 10px, transparent 21px, #cccccc 21px); background-size: 1.5px 100%, 100% 1.5px, 1.5px 100% , 100% 1.5px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content button.action.action-show-popup span { color: #003C8E; font-size: 12px !important; font-weight: 500; line-height: 14px; text-decoration: none; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content button.action.action-show-popup span:before { text-decoration: none; } body.checkout-index-index .opc-wrapper .opc > li.checkout-shipping-method .checkout-shipping-method .step-content { margin-bottom: 0px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-shipping-method .checkout-shipping-method .step-content .form.methods-shipping .table-checkout-shipping-method thead { display: none; } body.checkout-index-index .opc-wrapper .opc > li.checkout-shipping-method .checkout-shipping-method .step-content .form.methods-shipping .actions-toolbar { position: absolute; bottom: -100px; left: -25px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-shipping-method .checkout-shipping-method .step-content .form.methods-shipping .actions-toolbar .button { padding: 14px 70px; background: #0750af; } body.checkout-index-index .opc-wrapper .opc > li.checkout-shipping-method .checkout-shipping-method .step-content .form.methods-shipping .actions-toolbar .button span { font-weight: 600; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments fieldset.payment { margin-left: 0 !important; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset { position: relative; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .legend, body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset legend { display: none; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment { margin-top: 10px; margin-left: 12px; margin-bottom: 30px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .step-title { display: block; border-bottom: 1px solid #ccc; padding-bottom: 15px !important; margin-bottom: 36px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .choose-method-payment-custom { font-weight: 600; color: #222222; font-size: 14px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group1 { margin-top: 25px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group1 .virtual-list { display: flex; align-items: center; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group1 .payment-method { margin-left: 40px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option #atome-payment-method .payment-method-title label .checkout-atome-logo { height: 14px; vertical-align: unset; padding-left: 6px; margin-bottom: 0; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option #atome-payment-method .payment-method-title label .atome-label-text { vertical-align: super; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-title { border-top: unset; padding: 20px 0 0; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content { padding: 0; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content .payment-method-note.atome-checkout-note h3 { color: #999999; font-family: Roboto; font-size: 12px; letter-spacing: 0; line-height: 14px; font-weight: 100; padding-left: 25px; margin-top: 0; margin-bottom: 15px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content .payment-method-note.atome-checkout-note h3 strong { font-size: 12px !important; font-weight: 100; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content .payment-method-content.atome-checkout-redirect { width: 78%; border-radius: 5px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content .payment-method-content.atome-checkout-redirect .instalment-footer { width: 95%; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content .payment-method-content.atome-checkout-redirect .instalment-footer p { color: #003C8E; font-family: Roboto; font-size: 14px; letter-spacing: 0; line-height: 18px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content .payment-method-content.atome-checkout-redirect .instalment-footer p a { display: inline; color: #003C8E; font-family: Roboto; font-size: 12px; letter-spacing: 0; line-height: 18px; text-decoration: underline; font-weight: 700; padding-left: 5px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content p { margin-bottom: 0; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content .payment-method-billing-address { display: none; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content .checkout-agreements-block { display: none; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content .actions-toolbar { display: none; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option.giftcardaccount { display: none; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-title { padding-left: 14px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-title .action:after { display: none; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content { padding-bottom: 5px; padding-left: 0px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount { display: flex; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .actions-toolbar button.action { padding: 0 30px; text-transform: uppercase; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .actions-toolbar button.action.action-cancel span { color: #ffffff; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .payment-option-inner { margin-bottom: 0; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .payment-option-inner .field .control input { height: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #CCCCCC; width: 289px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .payment-option-inner .field .control input::placeholder { color: #999; font-size: 12px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .actions-toolbar { margin-left: 0px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .actions-toolbar .action-apply { padding-top: 11px; padding-bottom: 11px; height: 40px; width: 92px; border-radius: 0 5px 5px 0 !important; background-color: #003C8E; border-color: #003C8E; font-family: Oswald; font-size: 14px; font-weight: 500; padding: 0 30px !important; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .actions-toolbar .action-apply span span { text-transform: uppercase; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-giftcard-account .payment-option-inner .control input { height: 40px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-giftcard-account .actions-toolbar .primary .action, body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-giftcard-account .actions-toolbar .secondary .action { background: #1e74f3; border-color: #1e74f3; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-giftcard-account .actions-toolbar .primary .action span, body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-giftcard-account .actions-toolbar .secondary .action span { color: #ffffff; text-transform: capitalize; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .custom-placeorder { position: absolute; right: -25px; bottom: -100px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .custom-placeorder button { padding: 15px 95px; } body.checkout-index-index .opc-wrapper .step-title { margin-bottom: 5px; background-color: #ffffff; color: #222; font-size: 21px; font-weight: 600; padding: 0 0 15px 0; text-transform: uppercase; font-family: Oswald; } body.checkout-index-index .opc-wrapper .step-title > i { display: none !important; } body.checkout-index-index .opc-wrapper .step-title > span { display: block; padding-bottom: 20px; } body.checkout-index-index .opc-wrapper .step-content { border-top: none !important; margin-bottom: 0; } body.checkout-index-index .opc-wrapper .step-content .form.payments .fieldset hr { display: none; } body.checkout-index-index .opc-wrapper .row-mp { margin: 0 -15px; } body.checkout-index-index .opc-wrapper .col-mp { padding: 0 15px; } body.checkout-index-index .opc-wrapper .form-login, body.checkout-index-index .opc-wrapper .form-shipping-address, body.checkout-index-index .opc-wrapper .form-billing-address { max-width: 340px; } body.checkout-index-index .opc-wrapper .form-login .fieldset .field .label, body.checkout-index-index .opc-wrapper .form-shipping-address .fieldset .field .label, body.checkout-index-index .opc-wrapper .form-billing-address .fieldset .field .label { padding: 0; } body.checkout-index-index .opc-wrapper .form-login .fieldset .note, body.checkout-index-index .opc-wrapper .form-shipping-address .fieldset .note, body.checkout-index-index .opc-wrapper .form-billing-address .fieldset .note { display: block; font-size: 13px; color: #535353; } body.checkout-index-index .osc-authentication-wrapper { padding-left: 0; } body.checkout-index-index #checkout-step-shipping .form-login { margin-top: 0; background-color: #ffffff; } body.checkout-index-index #checkout-step-shipping .form-login button.action.login.primary { padding: 9px 33px; margin-right: 30px; } body.checkout-index-index #checkout-step-shipping .form-login a.action.remind { font-size: 13px; color: #4c4c4c; text-decoration: underline; line-height: 38px; margin: 0; text-underline-offset: 5px; } body.checkout-index-index .fieldset > .field { margin-bottom: 17px; } body.checkout-index-index .fieldset > .field > .label { padding: 0; font-family: 'Roboto', sans-serif; margin-bottom: 11px; color: #999; font-size: 12px; line-height: 14px; font-weight: 500; } body.checkout-index-index .fieldset > .field._required > .label:after, body.checkout-index-index .fieldset > .field.required > .label:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 2px; } body.checkout-index-index .fieldset > .field > .control input, body.checkout-index-index .fieldset > .field > .control select { border-color: #ccc; height: 40px; max-width: 340px; width: 100%; border-radius: 5px; color: #222; } body.checkout-index-index .fieldset > .field > .control input::placeholder, body.checkout-index-index .fieldset > .field > .control select::placeholder { font-size: 13px; color: #999; } body.checkout-index-index .fieldset > .field > .control input[name="postcode"], body.checkout-index-index .fieldset > .field > .control select[name="postcode"] { width: 100%; } body.checkout-index-index .fieldset > .field > .control textarea { border-color: #b9b9b9; max-width: 340px; } body.checkout-index-index .fieldset > .field > .control textarea::placeholder { font-style: italic; font-size: 13px; color: #b9b9b9; } body.checkout-index-index .fieldset > .field .field-tooltip { display: none; } body.checkout-index-index .fieldset:last-child { margin-bottom: 5px; } body.checkout-index-index fieldset.field.street.col-mp { padding: 0 15px !important; } body.checkout-index-index .modal-popup .modal-inner-wrap { width: 600px; margin-left: auto; left: inherit; } body.checkout-index-index .modal-popup .modal-inner-wrap .modal-header { text-align: left; border-bottom: 0px solid #e5e5e5; padding-top: 35px; } body.checkout-index-index .modal-popup .modal-inner-wrap .modal-header .modal-title { font-weight: bold; font-family: 'Oswald', sans-serif; letter-spacing: 0.6px; line-height: 20px; font-size: 24px; border: none; } body.checkout-index-index .modal-popup .modal-inner-wrap .modal-content .step-title { display: none; } body.checkout-index-index .shipping-messages-container .shipping-messages-title h2 { margin: 15px 0px; text-transform: capitalize; font-size: 16px; font-weight: 600; } body.checkout-index-index .shipping-messages-container .shipping-messages-content .shipping-messages-content-terms { padding-bottom: 6px; display: flex; } body.checkout-index-index .shipping-messages-container .shipping-messages-content .shipping-messages-content-terms .terms-wrapper { display: flex; width: 90%; vertical-align: top; margin-top: 3px; margin-left: 10px; } body.checkout-index-index .shipping-messages-container .shipping-messages-content .shipping-messages-content-terms .terms-wrapper .terms-required { color: #e02b27; } body.checkout-index-index .shipping-messages-container .shipping-messages-content #terms-agreement, body.checkout-index-index .shipping-messages-container .shipping-messages-content #newsletter-agreement { width: 16px; height: 16px; } body.checkout-index-index .shipping-messages-container .shipping-messages-content a { color: #043d89; } body.checkout-index-index .container .messages, body.checkout-index-index .page.messages { text-align: center; } body.checkout-index-index .container .messages .message-success.success.message, body.checkout-index-index .page.messages .message-success.success.message, body.checkout-index-index .container .messages .message.error, body.checkout-index-index .page.messages .message.error { bottom: 50px; padding: 12px 20px; } body.checkout-index-index .container .messages .message.success > div:before, body.checkout-index-index .page.messages .message.success > div:before, body.checkout-index-index .container .messages .message.error > div:before, body.checkout-index-index .page.messages .message.error > div:before { content: none !important; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group1 .virtual-list label { top: 1px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group2 .payment-method .payment-method-title.field.choice label.label { margin-left: 8px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group5 div#atome-payment-method .payment-method-title.field.choice label.label { bottom: 2px; margin-left: 2px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group5 .payment-method .payment-method-title.field.choice label.label-mop { margin-left: 8px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group6 .payment-method .payment-method-title.field.choice label.label { margin-left: 10px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group6 .payment-method .payment-method-title.field.choice label.label span.label { bottom: 3px; position: relative; } body.checkout-index-index .checkout-payment-method .payment-group .logo-midtransmandiri { position: relative; top: 3px; } body.checkout-index-index .checkout-payment-method .payment-group div.logo-midtransbca { position: relative; top: 3px; } body.checkout-index-index.store-view-idn .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group5 .payment-method .payment-method-title.field.choice label.label-mop .logo-midtranscc { bottom: 1px; left: 80px; position: absolute; } body.checkout-index-index.store-view-default .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option.payment-group5 .payment-method .payment-method-title.field.choice label.label-mop .logo-midtranscc { bottom: 1px; left: 145px; position: absolute; } body.checkout-index-index .checkout-payment-method .payment-group input[type="radio"] { width: 18px; height: 18px; } body.checkout-index-index .checkout-payment-method .payment-group .cod-p { margin-bottom: 0; } body.checkout-index-index .checkout-payment-method .payment-group .virtual-list span { vertical-align: text-bottom; margin-left: 5px; } body.checkout-index-index .checkout-payment-method .payment-group .label { vertical-align: text-bottom; } body.checkout-index-index .checkout-payment-method .payment-group div[class^="logo-"] { display: inline-block; } body.checkout-index-index .checkout-payment-method .payment-group .logo-dokumandiriva, body.checkout-index-index .checkout-payment-method .payment-group .logo-midtransmandiri { width: 52px; height: 17px; background-image: url('../../frontend/Kemana/default/id_ID/images/mandiri.png'); background-size: cover; } body.checkout-index-index .checkout-payment-method .payment-group .logo-dokubcava, body.checkout-index-index .checkout-payment-method .payment-group .logo-midtransbca { width: 40px; height: 16px; background-image: url('../../frontend/Kemana/default/id_ID/images/bca.png'); background-size: cover; } body.checkout-index-index .checkout-payment-method .payment-group .logo-dokucreditcard, body.checkout-index-index .checkout-payment-method .payment-group .logo-midtranscc { width: 120px; height: 16px; background-image: url('../../frontend/Kemana/default/id_ID/images/credit-cards.png'); background-size: cover; } body.checkout-index-index .checkout-payment-method .payment-group .logo-midtranscc { float: right; margin-top: 11px; } body.checkout-index-index .checkout-payment-method .payment-group .label-mop { position: relative; top: -5px; } body.checkout-index-index .checkout-payment-method .payment-group .logo-kredivopayment { width: 50px; height: 16px; background-image: url('../../frontend/Kemana/default/id_ID/images/logo-kredivo.svg'); background-size: contain; background-repeat: no-repeat; } body.checkout-index-index .checkout-payment-method .payment-group .logo-cashondelivery { width: 18px; height: 18px; background-image: url('../../frontend/Kemana/default/id_ID/images/cod.png'); margin-right: 5px; margin-left: 7px; background-size: cover; } body.checkout-index-index .checkout-payment-method .payment-group .logo-qris { width: 55px; height: 20px; background-image: url('../../frontend/Kemana/default/id_ID/images/QRIS-black.png'); background-size: contain; background-repeat: no-repeat; vertical-align: sub; } body.checkout-index-index .checkout-payment-method .payment-group .logo-empatkali { width: 32px; height: 16px; background-image: url('../../frontend/Kemana/default/id_ID/images/empatkali.png'); background-size: cover; } body.checkout-index-index .checkout-payment-method .payment-group .payment-method input[type="radio"], body.checkout-index-index .checkout-payment-method .payment-group .virtual-list input[type="radio"] { width: 18px; height: 18px; } body.checkout-index-index .checkout-payment-method .payment-group .payment-method label, body.checkout-index-index .checkout-payment-method .payment-group .virtual-list label { color: #222222; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 14px; position: relative; } body.checkout-index-index .checkout-payment-method .payment-group .payment-method fieldset.payment .label, body.checkout-index-index .checkout-payment-method .payment-group .virtual-list fieldset.payment .label { color: #999; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 14px; margin-bottom: 5px; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .field.note { padding-bottom: 10px; color: #222; text-align: center; border-bottom: solid 1px #ccc; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login legend { border: none; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login { max-width: 425px; margin: 0 auto; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .actions-toolbar { width: 100%; text-align: right; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .actions-toolbar .action.remind { color: #003C8E; line-height: normal; margin-top: -25px; float: right; text-align: right; margin-bottom: 20px; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .actions-toolbar .primary { width: 100%; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .actions-toolbar .primary button.action.login.primary { width: 80%; margin: 0 auto; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .actions-toolbar .primary button.action.login.primary span { font-size: 14px !important; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .register-link { margin-top: 35px; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .register-link a { cursor: pointer; font-weight: bold; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .control { position: relative; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .control input + label { z-index: 11 !important; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .control .pwd-show { top: 4px; } body.checkout-index-index .fieldset .field.checkout-telephone-toltip .control._with-tooltip .field-tooltip { display: block; } body.checkout-index-index .opc-block-summary .block.total-message { padding: 0 20px 15px; margin-bottom: 0px; margin-top: -15px; } .opc-payment-additional.discount-code { margin-top: -40px; padding: 0 10px; } .checkout-payment-method .payment-option-title { border-top: none; } .opc-progress-bar-item { margin: 0 0 10px; display: inline-block; position: relative; text-align: center; vertical-align: top; } .opc-progress-bar-item > span { display: inline-block; } .opc-progress-bar-item > span:before, .opc-progress-bar-item > span:after { transition: background 0.3s; border-radius: 50%; content: ''; position: absolute; } .opc-progress-bar-item:before { background: #e4e4e4; border: 1px solid #cccccc; top: 19px; transition: background 0.3s; content: ''; height: 7px; left: 0; position: absolute; width: 100%; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .custom-placeorder button { width: 214px; border-radius: 20px; background-color: #003C8E; color: #FFFFFF; font-family: Oswald; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 21px; text-align: center; padding: 0; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .custom-placeorder button span { font-family: Oswald; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper .custom-placeorder button:hover { background-color: #fff; color: #003C8E; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper button { border-radius: 20px; font-family: 'Oswald', sans-serif; letter-spacing: 0.4px; } body.checkout-index-index.bopis__checkout--container #checkout .opc-wrapper button:hover { background: #ffffff; border: 2px solid #064394; } body.checkout-index-index.bopis__checkout--container .modals-wrapper fieldset.field.street legend.label { border-bottom: 0px solid #e5e5e5; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .modal-popup .modal-footer .action-save-address { font-family: 'Oswald', sans-serif; letter-spacing: 0.6px; order: 1; line-height: 8px; width: 202px; margin-left: 0; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .modal-popup .modal-footer .action-save-address span { text-transform: uppercase !important; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .modal-popup .modal-footer .action-save-address:hover { background-color: #fff !important; border: #064394 1px solid; color: #064394 !important; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset .field { margin-bottom: 0; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.firstname"] { width: 50%; float: left; margin-top: 0; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.lastname"] { width: 50%; float: left; padding-left: 20px; margin-top: 0; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset fieldset.field.street { display: block; width: 50%; clear: both; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.country_id"] { width: 50%; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.region_id"] { width: 50%; float: left; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.custom_attributes.city_id"] { width: 50%; float: left; clear: both; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.custom_attributes.district_id"] { width: 50%; float: left; margin-bottom: 20px; padding-left: 20px; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.postcode"] { width: 50%; clear: both; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.telephone"] { width: 50%; float: left; margin-bottom: 20px; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset .field.choice { clear: both; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset .field.choice label.label { color: #222222; padding-left: 5px; } body.checkout-index-index.bopis__checkout--container .modal-popup div#opc-new-shipping-address .form-shipping-address { max-width: 100%; } body.checkout-index-index.bopis__checkout--container .modal-popup div#opc-new-shipping-address form#co-shipping-form .field.checkout-telephone-toltip .control._with-tooltip .field-tooltip { display: none; } body.checkout-index-index.bopis__checkout--container .modal-popup.modal-slide .modal-footer { border-top: 0px solid #c1c1c1; padding-top: 0px; display: flex; } body.checkout-index-index .modals-wrapper aside.modal-popup.modal-slide._inner-scroll._show .modal-inner-wrap footer.modal-footer button.action.secondary.action-hide-popup { display: none; } .checkout-index-index .modal-popup #shipping-new-address-form { margin-top: 5px; } .checkout-index-index .modal-inner-wrap { border-radius: 10px; } ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { box-shadow: none !important; outline: #003c8e solid 2px !important; } input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none !important; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { font-size: 20px; line-height: 20px; } body.checkout-index-index #checkout-step-shipping.step-content.bopis__checkout .form-login .customer-email-login .actions-toolbar .action.remind { margin-top: 0; font-weight: bold; } .customer-account-create .field.gender .field input[type="radio"] { margin: 0 10px 0 0; } .customer-account-create .field.gender .field label { margin-right: 15px; display: flex; align-items: center; } .checkout-index-index .modal-popup .modal-footer .action.action-hide-popup { color: #003c8e; font-family: 'Oswald', sans-serif; border: solid 1px #003C8E; } .checkout-index-index .modal-popup .modal-footer .action.action-hide-popup:hover { background: none; color: #003c8e; border: solid 1px #003C8E; } .checkout-index-index .modal-popup .modal-footer .action.action-hide-popup:hover span { color: #003c8e; } .checkout-index-index .modal-popup .modal-footer .action.action-hide-popup span { color: #fff; font-size: 14px; font-weight: normal; } /*End common css */ @media only screen and (min-width: 768px) { body.checkout-index-index .fieldset .field.checkout-telephone-toltip .control._with-tooltip .field-tooltip { left: 353px; width: 22px; } body.checkout-index-index.bopis__checkout--container .opc-sidebar .opc-block-summary .totals.discount .title { padding: 0 !important; font-size: 14px !important; color: #222; font-family: Roboto; } } @media only screen and (max-width: 767px) { body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment .payment-methods .payment-group .option .payment-method .payment-method-content .payment-method-content.atome-checkout-redirect { width: 100%; } .checkout-container .opc-estimated-wrapper { position: absolute; top: 45px; width: 100%; z-index: 1; background: #fff; border-bottom: 0; border-top: solid 1px #ccc; padding: 12px 15px; padding-right: 50px; box-shadow: -3px 4px 4px 0 rgba(0, 0, 0, 0.05); } .checkout-container .opc-estimated-wrapper .minicart-wrapper { display: inline-block; position: relative; float: right; position: absolute; right: 20px; top: 0px; padding: 0 0 0 20px; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:before { content: '\e622'; font-family: luma-icons; font-size: 14px; color: #999; } .opc-estimated-wrapper .estimated-block { float: none; display: flex; justify-content: space-between; padding: 0; margin: 0; width: 100%; color: #222222; font-family: Oswald; font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 21px; text-transform: uppercase; } .opc-estimated-wrapper .estimated-block .estimated-price { color: #222222; font-family: Roboto; font-size: 14px; letter-spacing: 0; line-height: 21px; } body.checkout-index-index .page-wrapper .checkout .checkout-header .container .col-12 .logo { margin-left: 24%; padding-bottom: 15px; padding-top: 15px; } body.checkout-index-index .page-wrapper .checkout .checkout-header .container .col-12 .logo img { height: auto; width: auto; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content { padding-bottom: 0px !important; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .form { margin-right: 0px; margin-left: 15px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .form.form-shipping-address { margin-bottom: 20px !important; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .form.form-shipping-address .step-title { border-bottom: 1px solid #ccc; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .form.form-login { padding-bottom: 20px !important; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .form.form-login .fieldset { margin-bottom: 0px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .form.form-login .fieldset .control input { width: 100%; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .addresses { margin-left: 15px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .addresses .control .shipping-address-items { padding-right: 20px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .addresses .control .shipping-address-items .shipping-address-item { margin-bottom: 10px !important; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .addresses .control .shipping-address-items .shipping-address-item .action.edit-address-link { background: transparent !important; border: 0 !important; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .addresses .control .shipping-address-items .shipping-address-item.not-selected-item { padding: 20px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper .checkout-shipping-address .step-content .action.action-show-popup { width: 85%; left: 38px !important; bottom: 11px !important; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-shipping-method { margin-left: 15px; margin-bottom: 20px; padding: 0px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-shipping-method .checkout-shipping-method { position: relative; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-shipping-method .checkout-shipping-method .step-title { border-bottom: 1px solid #cccccc; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-shipping-method .checkout-shipping-method .step-content .form.methods-shipping { background: #ffffff; border-bottom: none; margin: 0px; padding: 0px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-shipping-method .checkout-shipping-method .step-content .form.methods-shipping #checkout-shipping-method-load { padding: 25px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-shipping-method .checkout-shipping-method .step-content .form.methods-shipping .actions-toolbar { bottom: 0px; width: 100%; left: unset; position: relative; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-shipping-method .checkout-shipping-method .no-quotes-block { padding: 0 25px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-payment-method { margin-left: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 20px; margin-bottom: 100px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-payment-method .step-content .form.payments .fieldset .opc-payment { margin-top: 10px; padding-left: 30px; padding-right: 30px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-payment-method .step-content .form.payments .fieldset .discount-code { padding-left: 20px; padding-right: 20px; margin: 0; margin-top: -20px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-payment-method .step-content .form.payments .fieldset .custom-placeorder { bottom: -100px; left: 0px; width: 100%; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-wrapper li.checkout-payment-method .step-content .form.payments .fieldset .custom-placeorder button { padding: 15px 70px; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-sidebar.opc-summary-wrapper .modal-inner-wrap { transform: none; box-shadow: none; background-color: transparent; } body.checkout-index-index .page-wrapper .checkout .container .col-12 .checkout-container .opc-sidebar.opc-summary-wrapper .modal-inner-wrap .modal-header .action-close { z-index: 1; } body.checkout-index-index .shipping-messages-container .shipping-messages-content .shipping-messages-content-newsletter span { display: inline-block; width: 90%; vertical-align: top; margin-top: 5px; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-header h1 { font-size: 18px !important; padding-top: 30px !important; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { font-size: 16px; line-height: 16px; } body.checkout-index-index.bopis__checkout--container .modal-popup:not(.popup-grab-map) .modal-content #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .field { margin-bottom: 20px; } body.checkout-index-index.bopis__checkout--container .modal-popup.modal-slide._inner-scroll .modal-inner-wrap .modal-footer { border: 0; padding-bottom: 25px; padding-top: 15px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address form { margin-bottom: 20px; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content { margin-bottom: 20px; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .actions-toolbar { margin-left: 0 !important; display: block; width: 100%; } body.checkout-index-index .opc-wrapper .opc > li.checkout-payment-method .step-content .form.payments .fieldset .payment-option .payment-option-content .form-discount .actions-toolbar .primary button { width: 100% !important; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .field.addresses .control .shipping-address-items .shipping-address-item { margin-left: 0; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content .action.action-show-popup { width: 100%; margin-left: 0; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.firstname"] { width: 100%; float: none; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.lastname"] { width: 100%; float: none; padding-left: 0px; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset fieldset.field.street { display: inline-block; width: 100%; margin-bottom: 0 !important; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.country_id"] { width: 100%; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.region_id"] { width: 100%; float: none; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.custom_attributes.city_id"] { width: 100%; float: none; clear: both; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.custom_attributes.district_id"] { width: 100%; float: none; margin-bottom: 20px; padding-left: 0px; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.postcode"] { width: 100%; clear: both; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.postcode"] .input-text { width: 100% !important; } body.checkout-index-index.bopis__checkout--container .modals-wrapper .fieldset div[name="shippingAddress.telephone"] { width: 100%; float: none; } ._has-modal-custom .opc-estimated-wrapper .minicart-wrapper button.action.showcart:before { content: '\e621'; } body.checkout-index-index .opc-wrapper .opc > li#shipping.checkout-shipping-address #checkout-step-shipping.step-content button.action.action-show-popup { width: 100%; margin-left: 0; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.cvv .control._with-tooltip .field-tooltip .field-tooltip-content { left: -270px; } .checkout-index-index .checkout-payment-method .payment-method .payment-method-content #payment_form_midtranscc .field.cvv .control._with-tooltip .field-tooltip .field-tooltip-content::before { right: 20px; top: -15px; } } /*End Mobile css*/ @media (min-width: 767px) and (max-width: 1023px) { .checkout-index-index .modal-popup .modal-inner-wrap .modal-header { background: #fff; } .checkout-index-index .modal-popup .modal-footer { background: #fff; border: 0; } .checkout-index-index .modal-popup .modal-footer .action-save-address { width: 30%; } .checkout-index-index .modal-slide._inner-scroll .modal-footer { margin-top: 0; } } .page-wrapper .page-main button.action.primary, .page-wrapper .page-main .action.create.primary, .page-wrapper .page-main button.action.submit.primary { background-color: #064394; border-color: #064394; } .page-wrapper .page-main button.action.primary:hover, .page-wrapper .page-main .action.create.primary:hover, .page-wrapper .page-main button.action.submit.primary:hover { background-color: #ffffff !important; border-color: #064394; } .page-wrapper .page-main button.action.primary:hover span, .page-wrapper .page-main .action.create.primary:hover span, .page-wrapper .page-main button.action.submit.primary:hover span { color: #064394 !important; } .customer-account-login .ui-datepicker-header .ui-datepicker-title { margin: 0 22px; } .customer-account-login .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, .customer-account-login .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { padding-left: 3px; font-size: 12px; background-size: 30px 50px; } .customer-account-login .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month { margin-right: 3%; } .customer-account-create .page-wrapper .page-main .page-title-wrapper { display: block; height: auto !important; } .customer-account-create .page-wrapper .page-main .page-title-wrapper .page-title { display: block !important; color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; text-align: center; margin-bottom: 0 !important; } .account .customer_telephone_field .control, .customer-account-login .customer_telephone_field .control, .customer-account-create .customer_telephone_field .control { position: relative; } .account .customer_telephone_field .control .country_code, .customer-account-login .customer_telephone_field .control .country_code, .customer-account-create .customer_telephone_field .control .country_code { display: none; position: absolute; top: 20%; left: 10px; } .account .customer_telephone_field .control #customer_telephone, .customer-account-login .customer_telephone_field .control #customer_telephone, .customer-account-create .customer_telephone_field .control #customer_telephone { padding-left: 40px; } .account .customer_telephone_field .control:before, .customer-account-login .customer_telephone_field .control:before, .customer-account-create .customer_telephone_field .control:before { content: "+62"; position: absolute; font-size: 14px; padding: 10px 10px; color: #999; } .account .field-dob .customer-dob, .customer-account-login .field-dob .customer-dob, .customer-account-create .field-dob .customer-dob { position: relative; display: block !important; } .account .field-dob .customer-dob button.ui-datepicker-trigger, .customer-account-login .field-dob .customer-dob button.ui-datepicker-trigger, .customer-account-create .field-dob .customer-dob button.ui-datepicker-trigger { background-color: transparent !important; border: 0 !important; position: absolute; top: 8px; right: 0; } .account .field-dob .customer-dob button.ui-datepicker-trigger:hover, .customer-account-login .field-dob .customer-dob button.ui-datepicker-trigger:hover, .customer-account-create .field-dob .customer-dob button.ui-datepicker-trigger:hover { background-color: transparent !important; border: 0 !important; } .account .page-title-wrapper, .customer-account-login .page-title-wrapper, .customer-account-create .page-title-wrapper { display: block; } .account .login-container .block, .customer-account-login .login-container .block, .customer-account-create .login-container .block { width: 100%; } .account .login-container .block .block-title, .customer-account-login .login-container .block .block-title, .customer-account-create .login-container .block .block-title { border-color: #ccc; text-align: center; } .account .login-container .block .block-title strong, .customer-account-login .login-container .block .block-title strong, .customer-account-create .login-container .block .block-title strong { color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; } .account .login-container .block .block-content .field.note, .customer-account-login .login-container .block .block-content .field.note, .customer-account-create .login-container .block .block-content .field.note { color: #535353; } .account .login-container .fieldset > .field > .control, .customer-account-login .login-container .fieldset > .field > .control, .customer-account-create .login-container .fieldset > .field > .control { width: 100%; } .account .login-container .fieldset > .field > .control input, .customer-account-login .login-container .fieldset > .field > .control input, .customer-account-create .login-container .fieldset > .field > .control input { border: 1px solid #CCCCCC; border-radius: 5px; background-color: #FFFFFF; height: 40px; font-family: 'Roboto', sans-serif; } .account .login-container .fieldset > .field > .control input::placeholder, .customer-account-login .login-container .fieldset > .field > .control input::placeholder, .customer-account-create .login-container .fieldset > .field > .control input::placeholder { color: #999; } .account .login-container .fieldset > .field.password, .customer-account-login .login-container .fieldset > .field.password, .customer-account-create .login-container .fieldset > .field.password { margin-bottom: 0px; position: relative; } .account .login-container .fieldset .actions-toolbar .primary, .customer-account-login .login-container .fieldset .actions-toolbar .primary, .customer-account-create .login-container .fieldset .actions-toolbar .primary { float: unset; display: block; } .account .login-container .fieldset .actions-toolbar .primary button.action.primary, .customer-account-login .login-container .fieldset .actions-toolbar .primary button.action.primary, .customer-account-create .login-container .fieldset .actions-toolbar .primary button.action.primary { width: 214px; height: 40px; border-radius: 20px; background-color: #003C8E; margin: 30px auto; } .account .login-container .fieldset .actions-toolbar .primary button.action.primary:hover, .customer-account-login .login-container .fieldset .actions-toolbar .primary button.action.primary:hover, .customer-account-create .login-container .fieldset .actions-toolbar .primary button.action.primary:hover { border-color: #003C8E; } .account .login-container .fieldset .actions-toolbar .primary button.action.primary span, .customer-account-login .login-container .fieldset .actions-toolbar .primary button.action.primary span, .customer-account-create .login-container .fieldset .actions-toolbar .primary button.action.primary span { color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 21px; text-align: center; } .account .login-container .fieldset .actions-toolbar .secondary, .customer-account-login .login-container .fieldset .actions-toolbar .secondary, .customer-account-create .login-container .fieldset .actions-toolbar .secondary { width: 100%; text-align: right; margin-bottom: 0px; } @media (max-width: 767px) { .account .login-container .fieldset .actions-toolbar .secondary, .customer-account-login .login-container .fieldset .actions-toolbar .secondary, .customer-account-create .login-container .fieldset .actions-toolbar .secondary { margin-top: 10px; } } .account .login-container .fieldset .actions-toolbar .secondary .action, .customer-account-login .login-container .fieldset .actions-toolbar .secondary .action, .customer-account-create .login-container .fieldset .actions-toolbar .secondary .action { color: #003C8E; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0; line-height: 18px; text-decoration: underline; text-underline-offset: 5px; } .account .login-container .fieldset:after, .customer-account-login .login-container .fieldset:after, .customer-account-create .login-container .fieldset:after { display: none; } .account .register-container, .customer-account-login .register-container, .customer-account-create .register-container { margin-top: 20px; } .account .register-container .form-create-account, .customer-account-login .register-container .form-create-account, .customer-account-create .register-container .form-create-account { min-width: 100%; } .account .register-container .form-create-account .fieldset.create.account #password-strength-meter-container, .customer-account-login .register-container .form-create-account .fieldset.create.account #password-strength-meter-container, .customer-account-create .register-container .form-create-account .fieldset.create.account #password-strength-meter-container { display: none; } .account .register-container .form-create-account .fieldset.create.account #password-strength-meter-container.password-none, .customer-account-login .register-container .form-create-account .fieldset.create.account #password-strength-meter-container.password-none, .customer-account-create .register-container .form-create-account .fieldset.create.account #password-strength-meter-container.password-none { display: none; } .account .register-container .form-create-account .fieldset.create.account #password-strength-meter-container:not(.password-none), .customer-account-login .register-container .form-create-account .fieldset.create.account #password-strength-meter-container:not(.password-none), .customer-account-create .register-container .form-create-account .fieldset.create.account #password-strength-meter-container:not(.password-none) { display: none; } .account .register-container .form-create-account .fieldset.create.account:after, .customer-account-login .register-container .form-create-account .fieldset.create.account:after, .customer-account-create .register-container .form-create-account .fieldset.create.account:after { display: none; } .account .register-container .form-create-account .actions-toolbar .primary, .customer-account-login .register-container .form-create-account .actions-toolbar .primary, .customer-account-create .register-container .form-create-account .actions-toolbar .primary { float: unset; width: 100%; height: 53px; } .account .register-container .form-create-account .actions-toolbar button.action.primary, .customer-account-login .register-container .form-create-account .actions-toolbar button.action.primary, .customer-account-create .register-container .form-create-account .actions-toolbar button.action.primary { border-color: #064394; background-color: #064394; height: 40px; } .account .register-container .form-create-account .actions-toolbar button.action.primary:hover, .customer-account-login .register-container .form-create-account .actions-toolbar button.action.primary:hover, .customer-account-create .register-container .form-create-account .actions-toolbar button.action.primary:hover { border-color: #064394; } .account .register-container .form-create-account .actions-toolbar button.action.primary span, .customer-account-login .register-container .form-create-account .actions-toolbar button.action.primary span, .customer-account-create .register-container .form-create-account .actions-toolbar button.action.primary span { font-size: 14px; font-weight: 700; } .account .register-container .fieldset > .legend, .customer-account-login .register-container .fieldset > .legend, .customer-account-create .register-container .fieldset > .legend { border-color: #dadada; text-transform: uppercase; } .account .register-container .fieldset > .legend span, .customer-account-login .register-container .fieldset > .legend span, .customer-account-create .register-container .fieldset > .legend span { font-size: 20px; font-weight: 700; color: #0d0a0a; } .account .register-container .fieldset .field.note, .customer-account-login .register-container .fieldset .field.note, .customer-account-create .register-container .fieldset .field.note { font-size: 13px; color: #535353; } .account .fieldset > .field > .label, .customer-account-login .fieldset > .field > .label, .customer-account-create .fieldset > .field > .label, .account .fieldset > .fields > .label, .customer-account-login .fieldset > .fields > .label, .customer-account-create .fieldset > .fields > .label { color: #999999; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 14px; } .account .fieldset > .field > .label:after, .customer-account-login .fieldset > .field > .label:after, .customer-account-create .fieldset > .field > .label:after, .account .fieldset > .fields > .label:after, .customer-account-login .fieldset > .fields > .label:after, .customer-account-create .fieldset > .fields > .label:after { display: none; } .account .fieldset > .field.required > .label span:after, .customer-account-login .fieldset > .field.required > .label span:after, .customer-account-create .fieldset > .field.required > .label span:after { content: "*"; position: relative; right: -3px; top: 1px; font-size: 14px; color: #e02b27; } .account input[type="text"]::placeholder, .customer-account-login input[type="text"]::placeholder, .customer-account-create input[type="text"]::placeholder, .account input[type="password"]::placeholder, .customer-account-login input[type="password"]::placeholder, .customer-account-create input[type="password"]::placeholder, .account input[type="url"]::placeholder, .customer-account-login input[type="url"]::placeholder, .customer-account-create input[type="url"]::placeholder, .account input[type="tel"]::placeholder, .customer-account-login input[type="tel"]::placeholder, .customer-account-create input[type="tel"]::placeholder, .account input[type="search"]::placeholder, .customer-account-login input[type="search"]::placeholder, .customer-account-create input[type="search"]::placeholder, .account input[type="number"]::placeholder, .customer-account-login input[type="number"]::placeholder, .customer-account-create input[type="number"]::placeholder, .account input[type="datetime"]::placeholder, .customer-account-login input[type="datetime"]::placeholder, .customer-account-create input[type="datetime"]::placeholder, .account input[type="email"]::placeholder, .customer-account-login input[type="email"]::placeholder, .customer-account-create input[type="email"]::placeholder { color: #999999; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 16px; } body.customer-account-login, body.customer-account-create { background-color: #ebebeb; } body.customer-account-login .page-wrapper .page-main .page-title-wrapper .page-title, body.customer-account-create .page-wrapper .page-main .page-title-wrapper .page-title { display: none; } body.customer-account-login main#maincontent, body.customer-account-create main#maincontent { background: #fff; margin: 40px auto; width: 90%; border-radius: 10px; } body.customer-account-forgotpassword, body.customer-account-logoutsuccess, body.customer-account-confirmation { background-color: #ebebeb; } body.customer-account-forgotpassword main#maincontent, body.customer-account-logoutsuccess main#maincontent, body.customer-account-confirmation main#maincontent { background: #fff; margin: 40px auto; width: 90%; border-radius: 10px; } body.customer-account-logoutsuccess { text-align: center; } .block-customer-login .block-title .field { font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 16px; margin-top: 10px; margin-bottom: 5px; } .block-customer-login form.form-login { max-width: 425px; margin: 0 auto; } .block-customer-login .login-container .block .block-title { margin-bottom: 20px; } .page-wrapper .page-main .block-customer-login button.action.primary { border-radius: 20px !important; } .register-link { color: #003C8E; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: normal; letter-spacing: 0; line-height: 18px; text-align: center; } .register-link a { color: #003C8E; font-weight: bold; cursor: pointer; position: relative; } .register-link a:hover { color: #003C8E; } .register-link a:before { content: ""; background: #003C8E; height: 1px; position: absolute; left: 0; width: 100%; bottom: -3px; } .pwd-show { position: absolute; z-index: 4; right: 10px; top: 28px; } .pwd-show input[type="checkbox"] { display: none; } .pwd-show input + label { display: inline-block; width: 31px; height: 30px; cursor: pointer; background-image: url('../../frontend/Kemana/default/id_ID/images/view.svg'); background-size: 35px !important; background-repeat: no-repeat; } .pwd-show input[type="checkbox"]:checked + label { background-image: url('../../frontend/Kemana/default/id_ID/images/hide.svg'); background-size: 35px !important; background-repeat: no-repeat; } .pwd-show label span { display: none; } .pwd-con input[type="checkbox"] { display: none; } .pwd-con input + label { display: inline-block; width: 31px; height: 30px; cursor: pointer; background-image: url('../../frontend/Kemana/default/id_ID/images/view.svg'); background-size: 35px !important; background-repeat: no-repeat; position: absolute; right: 8px; top: 4px; z-index: 99999; } .pwd-con input[type="checkbox"]:checked + label, .pwd-con input[type="text"] + label { background-image: url('../../frontend/Kemana/default/id_ID/images/hide.svg'); background-size: 35px !important; background-repeat: no-repeat; } .pwd-con label span { display: none; } .pwd-con input + div + label { display: inline-block; width: 31px; height: 30px; cursor: pointer; background-image: url('../../frontend/Kemana/default/id_ID/images/view.svg'); background-size: 35px !important; background-repeat: no-repeat; top: 3px; right: 10px; position: absolute; z-index: 99999; } .pwd-con input[type="text"] + div + label { background-image: url('../../frontend/Kemana/default/id_ID/images/hide.svg'); background-size: 35px !important; } .customer-account-create .block-title { border-bottom: solid 1px #ccc; text-align: center; margin-bottom: 20px; padding-bottom: 12px; } .customer-account-create .block-title .field { font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 16px; margin-top: 10px; margin-bottom: 5px; color: #222; } .customer-account-create input[type="text"], .customer-account-create input[type="password"], .customer-account-create input[type="url"], .customer-account-create input[type="tel"], .customer-account-create input[type="search"], .customer-account-create input[type="number"], .customer-account-create input[type*="date"], .customer-account-create input[type="email"], .customer-account-create select { height: 40px; border: 1px solid #CCCCCC; border-radius: 5px; color: #222; font-family: Roboto; font-size: 14px; } .customer-account-create select#dob_dd { width: 90px; } .customer-account-create select#dob_mm { width: 172px; margin: 0 7px; } .customer-account-create select#dob_yy { width: 107px; } .customer-account-create .fieldset.create.info { margin: 0 0 20px 0px; } .customer-account-create .password-strength-meter { background-color: #D8D8D8; height: 5px; line-height: 40px; padding: 0 0; position: relative; z-index: 1; border-radius: 2px; margin-top: 14px; font-size: 12px; color: #222; font-weight: 600; } .customer-account-create .password-strength-meter span { font-weight: normal; } .customer-account-create .password-strength-meter:before { -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .customer-account-create .password-medium .password-strength-meter:before { background-color: #F68434; } .customer-account-create .password-weak .password-strength-meter:before { background-color: #FF8888; } .customer-account-create .fieldset > .field.password { margin-bottom: 30px; } .customer-account-create .fieldset > .field.password .field-error, .customer-account-create .fieldset > .field.password div.mage-error { margin-top: 25px; } .customer-account-create .fieldset.create.account { margin: 0 0 30px; } .customer-account-create .fieldset.create.account:after { display: none; } .customer-account-create .actions-toolbar { text-align: center; } .customer-account-create .actions-toolbar .primary { float: none; margin-bottom: 30px; } .customer-account-create .actions-toolbar .primary button.action.submit.primary { color: #FFFFFF; font-family: Oswald; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 21px; border-radius: 20px !important; background-color: #003C8E; border-color: #003C8E; width: 214px; height: 40px; } .customer-account-create .field.gender .control .field { display: flex; margin-right: 10px; color: #222222; font-family: Roboto; font-size: 14px; margin-bottom: 0; } .customer-account-create .field.password .control, .customer-account-create .field.confirmation .control { position: relative; } .customer-account-create .field.password .control .pwd-show, .customer-account-create .field.confirmation .control .pwd-show { top: 5px; } #checkout_registration #form-registration-container .form.create.account .fieldset.create.account .field.confirmation { padding-top: 15px; } .checkout-cart-index .page-title-wrapper span h6 { color: #ccc !important; } .account.customer-account-edit .fieldset > .field > .label { display: flex; align-items: flex-end; } .account.customer-account-edit .fieldset > .field > .label span { padding-right: 10px; } .account.customer-account-edit input.mage-error { outline: #cb2127 solid 2px !important; } .signup_subscription_consent .control { display: flex; align-items: flex-start; flex-wrap: wrap; } .signup_subscription_consent .control .label { flex-basis: 91%; } .signup_subscription_consent .control .label a { color: #999999; font-weight: bold; text-decoration: underline; } .signup_subscription_consent .control .label a:hover { text-decoration: none; } .signup_subscription_consent .control .label span { display: block; margin-left: 3px; color: #999999; font-size: 12px; margin-top: 2px; } .signup_subscription_consent .control .label span::after { content: " *"; color: #e02b27; font-size: 14px; } .signup_subscription_consent .control div.mage-error { order: 2; padding-left: 23px; } /*End common css */ /*min width 768px*/ @media only screen and (max-width: 767px) { body.customer-account-create .page-wrapper main#maincontent .page-title-wrapper { padding-top: 10px; } .signup_subscription_consent .control .label { flex-basis: 89%; } } @media (min-width: 390px) and (max-width: 430px) { .customer-account-login .signup_subscription_consent .control .label { flex-basis: 90%; } } body.account .sidebar-main .item.current strong { border-color: #1063ba; background-color: #1063ba; } body.account .sidebar-main .block-collapsible-nav .content { background-color: #064394; } body.account .sidebar-main .block-collapsible-nav .content a, body.account .sidebar-main .block-collapsible-nav .content strong { color: #fff; } body.account .sidebar-main .block-collapsible-nav .content a:hover { background-color: #1063ba; } body.account .sidebar.sidebar-additional { display: none; } body.account .columns button.action { background-color: #064394; border-color: #064394; } body.account .columns button.action:hover { background-color: #064394; border-color: #064394; } body.account .columns button.action:hover span { color: #fff; } body.account .columns button.action span { text-transform: uppercase; } body.account .column.main .action.edit span, body.account .column.main .action.delete span { color: #064394; } body.account .column.main a.action.change-password { color: #064394; } body.account .column.main .block.block-order-details-view .box-order-billing-method .payment-method .data.table tbody td { word-break: break-all; } body.account .products-grid.wishlist .product-item .product-item-name { text-align: left !important; height: 40px; margin-bottom: 20px; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.account .products-grid.wishlist .product-item .box-tocart .tocart { padding: 7px 12px; } body.page-print .page-main .logo { margin-top: 25px; } /*---Mobile---*/ .form-address-edit #postcodeVal.postal-disabled { pointer-events: none; background: #f8f8f8; } body.account.sales-order-view .page-title-wrapper { height: auto !important; } body.account.sales-order-view .page-title-wrapper .order-date { margin: 12px 0 18px; } body.account #maincontent.page-main { margin-left: 0; margin-right: 0; max-width: 100%; padding-left: 0; padding-right: 0; } body.account .sidebar-main { width: 22% !important; position: relative; padding-right: 0 !important; } body.account .sidebar-main:after { content: ""; background-color: #ECF1F8; width: 100%; height: 2000px; position: absolute; z-index: 0; margin-top: -25px; } body.account .sidebar-main .block-collapsible-nav ul.nav.items { list-style-type: none; padding-left: 0; display: flex; flex-direction: column; gap: 10px; padding-left: 11%; padding-top: 40px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { body.account .sidebar-main .block-collapsible-nav ul.nav.items { padding-left: 5px; } } body.account .sidebar-main .block-collapsible-nav .content { background-color: #ECF1F8 !important; padding: 0 !important; } body.account .sidebar-main .block-collapsible-nav .content .item { margin: 0; } body.account .sidebar-main .block-collapsible-nav .content .item a, body.account .sidebar-main .block-collapsible-nav .content .item strong { color: #707070; padding: 0; padding-left: 5px; margin: 0; box-sizing: border-box; border-left-width: 5px; text-transform: uppercase; } body.account .sidebar-main .block-collapsible-nav .content .item a:hover, body.account .sidebar-main .block-collapsible-nav .content .item strong:hover { background-color: #ECF1F8; } body.account .sidebar-main .block-collapsible-nav .content .item .delimiter { border-color: #CCCCCC; margin: 10px 10px !important; width: 80%; } body.account .sidebar-main .block-collapsible-nav .content .item.current a, body.account .sidebar-main .block-collapsible-nav .content .item.current strong { color: #001B61; background-color: #ECF1F8; border-left: 5px solid #001b61; } @media (min-width: 768px) { body.account .sidebar-main { min-height: 500px; } } body.account .page-title-wrapper .page-title { margin-bottom: 30px; width: unset; height: unset; clip: unset; position: unset; margin-top: 10px; color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; } body.account .form-edit-account .fieldset .field.choice .checkbox { opacity: 0; margin-left: 5px; } body.account .form-edit-account .fieldset .field.choice .checkbox + label::after { content: none; } body.account .form-edit-account .fieldset .field.choice .checkbox:checked + label::after { content: ""; } body.account .form-edit-account .fieldset .field.choice label { position: relative; display: inline-block; margin-left: 22px !important; } body.account .form-edit-account .fieldset .field.choice label:before { height: 16px; width: 16px; border: 1px solid; top: 0px; position: absolute; content: ""; display: inline-block; left: -48px; } body.account .form-edit-account .fieldset .field.choice label:after { height: 6px; width: 9px; border-left: 2px solid; border-bottom: 2px solid; transform: rotate(-45deg); left: -44px; top: 4px; position: absolute; content: ""; display: inline-block; } body.account .form-edit-account .actions-toolbar .save { padding: 12px 20px; } body.account .form-edit-account .actions-toolbar .save span { font-weight: 600; font-size: 1.4rem; } body.account .form-newsletter-manage .fieldset .checkbox { margin-left: 0px; width: 16px; height: 16px; } body.account .form-newsletter-manage .fieldset .checkbox + label::after { content: none; } body.account .form-newsletter-manage .fieldset .checkbox:checked + label::after { content: ""; } body.account .form-newsletter-manage .fieldset legend span { font-weight: 700; } body.account .form-newsletter-manage .fieldset label { position: relative; display: inline-block; } body.account .form-newsletter-manage .fieldset label:after { height: 6px; width: 9px; border-left: 2px solid; border-bottom: 2px solid; transform: rotate(-45deg); left: -44px; top: 4px; position: absolute; content: ""; display: inline-block; } body.account .form-newsletter-manage .actions-toolbar .save { padding: 12px 50px; } body.account .form-newsletter-manage .actions-toolbar .save span { font-weight: 600; font-size: 1.4rem; } body.account .form-add-invitations .fieldset .legend { padding-bottom: 16px; } body.account .form-add-invitations .fieldset .legend span { font-size: 1.4rem; } body.account .form-add-invitations .fieldset #invitations-options .actions-toolbar { position: absolute; right: 28%; } body.account .form-add-invitations .fieldset #invitations-options .actions-toolbar .secondary .remove { background-color: #ffffff; border: none; padding: 5px 10px; width: 90px; } body.account .form-add-invitations .fieldset #invitations-options .actions-toolbar .secondary .remove span { font-size: 1.4rem; color: #3c3c3c; text-transform: initial; text-decoration: underline; } body.account .form-add-invitations .fieldset #invitations-options .email input { height: 40px; } body.account .form-add-invitations .fieldset #invitations-options .email input::placeholder { font-style: italic; color: #b9b9b9; } body.account .form-add-invitations .fieldset .actions-toolbar { padding-bottom: 20px; } body.account .form-add-invitations .fieldset .actions-toolbar .add { padding: 12px 17px !important; background-color: #1e76f4; border-color: #1e76f4; } body.account .form-add-invitations .fieldset .actions-toolbar .add:before { font-weight: 900; } body.account .form-add-invitations .actions-toolbar .action { padding: 12px 50px; } body.account .form-add-invitations .actions-toolbar .action span { font-weight: 900; font-size: 1.4rem; } body.account .form-add-invitations .field .control textarea::placeholder { font-style: italic; color: #b9b9b9; } body.account .orders-history table thead tr { border-bottom: solid 1px #CCCCCC; } body.account .orders-history table thead tr th { border: none; padding-top: 0; padding-bottom: 10px; color: #001B61; font-family: Roboto; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 21px; text-transform: uppercase; } body.account .orders-history table thead tr th:first-child { padding-left: 10px; } body.account .orders-history table thead tr th:not(:first-child) { text-align: center; } body.account .orders-history table thead tr th.col.actions { display: none; } body.account .orders-history table tbody tr td { border: none; padding-top: 29px; padding-bottom: 28px; color: #222222; font-family: Roboto; font-size: 14px; letter-spacing: 0; line-height: 21px; font-weight: 500; } body.account .orders-history table tbody tr td.status { color: #CB2127; } body.account .orders-history table tbody tr td:first-child { padding-left: 10px; } body.account .orders-history table tbody tr td:not(:first-child) { text-align: center; } body.account .orders-history table tbody tr td:last-child { text-align: right; } body.account .order-products-toolbar .pager .toolbar-amount { display: none; } body.account .order-products-toolbar .pager .limiter-options { background-color: #ffffff; } body.account .page-wrapper .page-header-v1 + .nav-sections { margin-bottom: 48px; } body.account .column.main { padding-bottom: 0px; width: 76% !important; } body.account .column.main .block:not(.widget) .block-title { display: flex; align-items: center; border-bottom-width: 2px; border-bottom-color: #ecf1f8; } body.account .column.main .block:not(.widget) .block-title > strong { color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; } body.account .column.main .block:not(.widget) .block-title > .action { margin-left: 30px; } body.account .column.main .block:not(.widget) .block-title > .action > span { color: #003C8E; font-family: Roboto; font-size: 12px; font-weight: bold; position: relative; } body.account .column.main .block:not(.widget) .block-title > .action > span:before { content: ""; width: 100%; height: 1px; background-color: #003C8E; position: absolute; bottom: -3px; left: 0; } body.account .column.main .block:not(.widget) .box-content p { font-size: 1.4rem; color: #454545; } body.account .column.main .block:not(.widget) .box-actions { margin-top: 22px; margin-bottom: 20px; } body.account .column.main .block:not(.widget) .box-actions a.action { color: #454545; text-decoration: underline; } body.account .column.main .block:not(.widget) .box-actions a.action span { color: #454545; text-decoration: underline; } body.account .column.main .block:not(.widget) .box-actions a.action:hover { color: #1e75e7; } body.account .column.main .block:not(.widget) .box-actions a.action:hover span { color: #1e75e7; } body.account .column.main .block.block-dashboard-orders .block-title { border-bottom: none; position: relative; } body.account .column.main .block.block-dashboard-orders .block-title .action { position: absolute; right: 0; } body.account .column.main .block.block-dashboard-orders .block-content { margin-top: 40px; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent { border: none; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent table thead tr th { border-bottom: solid 1px #CCCCCC; padding-top: 10px; padding-bottom: 10px; color: #001B61; font-family: Roboto; font-size: 12px; font-weight: bold; text-transform: uppercase; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent table thead tr th:first-child { padding-left: 10px; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent table thead tr th:not(:first-child) { text-align: center; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent table tbody { border-bottom: solid 1px #CCCCCC; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent table tbody tr td { border: none; padding-top: 30px; padding-bottom: 30px; color: #222; font-size: 1.4rem; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent table tbody tr td:first-child { padding-left: 10px; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent table tbody tr td:not(:first-child) { text-align: center; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent table tbody tr td.col.actions .action.order { display: none; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent table tbody tr td.status { color: #CB2127; } body.account .column.main .block.block-dashboard-addresses address { font-size: 1.4rem; } body.account .column.main .block.block-dashboard-addresses address a { font-size: 1.4rem; } body.account .column.main .block.block-addbysku { margin-bottom: -25px; } body.account .column.main .block.block-addbysku .block-content .box-items .fieldset .fields { margin-bottom: 25px; } body.account .column.main .block.block-addbysku .block-content .box-items .fieldset .fields .field label { font-weight: 400; } body.account .column.main .block.block-addbysku .block-content .box-items .fieldset .fields .field label:after { display: none; } body.account .column.main .block.block-addbysku .block-content .box-items .fieldset .fields .field label span { font-size: 1.4rem; } body.account .column.main .block.block-addbysku .block-content .box-items .fieldset .fields .field .control input { height: 40px; } @media (min-width: 768px) { body.account .column.main .block.block-addbysku .block-content .box-items .fieldset .fields .field.sku { margin-right: -175px; padding-right: 180px; } } body.account .column.main .block.block-addbysku .block-content .box-items .fieldset .fields .actions-toolbar { top: 1px; text-decoration: underline; } @media (min-width: 768px) { body.account .column.main .block.block-addbysku .block-content .box-items .fieldset .fields .actions-toolbar { right: -10px; } } body.account .column.main .block.block-addbysku .block-content .box-items .actions-toolbar .secondary .action { padding: 12px; background-color: #064394; border-color: #064394; color: white; } body.account .column.main .block.block-addbysku .block-content .box-items .actions-toolbar .secondary .action:before { font-size: 2.2rem; font-weight: 700; } body.account .column.main .block.block-addbysku .block-content .box-items .actions-toolbar .secondary .action.remove { background-color: #fff; } body.account .column.main .block.block-addbysku .block-content .box-items .actions-toolbar .secondary .action.remove span { color: #064392; } body.account .column.main .block.block-addbysku .block-content .box-upload .fieldset .field .control input { margin-left: 20px; border: none; } body.account .column.main .block.block-addbysku .block-content .box-upload .fieldset .field .control input:before { content: 'Choose file'; padding: 12px 20px; background-color: #ffffff; border: 1px solid #c2c2c2; position: absolute; margin-top: -10px; margin-left: -20px; } body.account .column.main .block.block-addbysku .block-content .box-upload .fieldset .field .control .reset { padding: 10px 40px; border: 1px solid #c2c2c2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 1.2rem; text-decoration: none; display: inline-block; font-weight: 400; color: #ffffff; background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)); background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd); } body.account .column.main .block.block-addbysku .block-content .box-upload .fieldset .field .control .reset span { color: #3c3c3c; text-transform: initial; } body.account .column.main .block.block-addbysku .block-content .box-upload .fieldset .field .control .note { margin-top: 10px; margin-bottom: 24px; } body.account .column.main .block.block-addbysku .block-content .box-upload .fieldset .field .control .note p { font-size: 1.4rem; line-height: 0.9; color: #333; } body.account .column.main .block.block-addbysku .block-content .actions-toolbar .primary .tocart { padding: 12px 20px; } body.account .column.main .block.block-addbysku .block-content .actions-toolbar .primary .tocart span { font-weight: 600; font-size: 1.4rem; } body.account .column.main .actions-toolbar .add { padding: 12px 20px; margin-top: 0px !important; } body.account .column.main .actions-toolbar .add span { font-weight: 600; font-size: 1.4rem; } @media (max-width: 767px) { body.account .column.main .form-wishlist-items .wishlist-toolbar .pager { display: inline-block; } } body.account .column.main .form-wishlist-items .products-grid.wishlist { margin-bottom: 70px; } @media (min-width: 1024px) { body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item { width: 24%; } } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info { border-width: 0px !important; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info:hover { border: none !important; box-shadow: none !important; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-name a { color: #001B61 !important; font-family: 'Roboto', sans-serif; font-size: 14px !important; font-weight: normal; letter-spacing: 0; line-height: 22px; text-transform: none; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-name a:hover { text-decoration: none; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-brand { color: #001B61; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: bold; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-box p { font-family: 'Roboto', sans-serif; color: #222222; font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 16px; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-box p span { font-family: 'Roboto', sans-serif; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-box p .special-price .price { color: #dd0019 !important; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-box p .old-price .price-label { display: none; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-box p .old-price .price { color: #999 !important; text-decoration: line-through; font-size: 13px; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner { border: none !important; box-shadow: none !important; left: 0px; width: 100%; padding: 0 !important; position: static; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .box-tocart { margin-bottom: 0px; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .box-tocart .fieldset { margin-bottom: 0px; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .box-tocart .fieldset .label { display: none; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions { display: flex; justify-content: center; text-align: center; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .actions-primary { width: 100%; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .actions-primary .action { padding: 9px 20px; border: 2px solid #003C8E; border-radius: 20px !important; background: transparent; height: 40px; color: #003C8E; font-family: Oswald; font-size: 14px; font-weight: 500; display: block; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .actions-primary .action:hover { background-color: #003C8E !important; color: #fff; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .actions-primary .action:hover span { color: #fff !important; } body.account .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .actions-primary .action span { text-transform: initial !important; } body.account .column.main .form-wishlist-items .actions-toolbar .primary .update { padding-left: 25px; padding-right: 25px; background-color: #064394; border-color: #064394; } body.account .column.main .form-wishlist-items .actions-toolbar .primary .update span { font-size: 1.3rem; font-weight: 600; } body.account .column.main .form-wishlist-items .actions-toolbar .primary .update:hover { background-color: #ffffff; } body.account .column.main .form-wishlist-items .actions-toolbar .primary .update:hover span { color: #064394; } body.account .column.main .form-wishlist-items .actions-toolbar .primary .share { padding-left: 25px; padding-right: 25px; background-color: #fff; border-color: #064394; } body.account .column.main .form-wishlist-items .actions-toolbar .primary .share span { color: #064394; font-size: 1.3rem; font-weight: 600; } body.account .column.main .form-wishlist-items .actions-toolbar .primary .share:hover { background-color: #064394; } body.account .column.main .form-wishlist-items .actions-toolbar .primary .share:hover span { color: #ffffff; } body.account .column.main .form-address-edit { display: flex; flex-direction: column; } body.account .column.main .form-address-edit .fieldset .legend { text-transform: uppercase; } body.account .column.main .form-address-edit .fieldset .legend span { font-weight: 900 !important; } body.account .column.main .form-address-edit button.action.primary span { font-weight: 600 !important; } body.account .column.main .items.order-links { display: none; } body.account .column.main .order-details-items { border: none !important; } body.account .column.main .order-details-items .order-title strong { font-size: 1.8rem; font-weight: 700; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tfoot { background-color: #ffffff; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tfoot tr { color: #222222; font-size: 14px; letter-spacing: 0; line-height: 21px; text-transform: uppercase; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tfoot td { background-color: #ffffff; font-size: 14px; letter-spacing: 0; line-height: 21px; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items thead tr th.col { color: #001B61; font-family: Roboto; font-size: 12px; letter-spacing: 2px; line-height: 14px; text-transform: uppercase; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr { border-bottom: 1px solid #cccccc; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr td { background: #ffffff; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr td .product-brand span { color: #001B61; font-size: 14px; font-weight: 600; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr td strong.product { color: #001B61; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 21px; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr td strong, body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr td span { font-size: 1.4rem; color: #333; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr td .items-qty { margin-top: -3px; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr td.col.sku { line-height: 14px; } body.account .column.main .order-details-items .table-wrapper .data.table.table-order-items tbody tr td.col.price .cart-price { font-weight: 600; } body.account .column.main .block.block-order-details-view .block-title { border-bottom: none; } body.account .column.main .block.block-order-details-view .block-title strong { color: #222222; font-family: Oswald; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 41px; } body.account .column.main .block.block-order-details-view .block-content { background-color: #F5F5F5; padding-left: 30px; padding-top: 20px; } body.account .column.main .block.block-order-details-view .block-content .box { border-right: 2px solid #cccccc; } body.account .column.main .block.block-order-details-view .block-content .box address { font-size: 14px; } @media (min-width: 1024px) { body.account .column.main .block.block-order-details-view .block-content .box { min-height: 240px; } } body.account .column.main .block.block-order-details-view .block-content .box .box-title span { color: #001B61; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 42px; text-transform: uppercase; } body.account .column.main .block.block-order-details-view .block-content .box .box-content { color: #000000; font-size: 14px; letter-spacing: 0; line-height: 21px; } body.account .column.main .block.block-order-details-view .block-content .box-order-shipping-method, body.account .column.main .block.block-order-details-view .block-content .box-order-billing-address, body.account .column.main .block.block-order-details-view .block-content .box-order-billing-method { padding-left: 20px; } body.account .column.main .block.block-order-details-view .block-content .box-order-billing-method { border: none; } .invitations .actions-toolbar .action.primary :hover { background-color: #fff !important; border: 1px solid #064394 !important; } .actions-toolbar .primary.submit a.action.primary { font-size: 14px !important; } .account .data.table.table-order-items .action { border-radius: 20px; border: solid 2px #003C8E; background-color: #003C8E; padding: 7px 20px 10px; color: #FFFFFF; font-family: Oswald; font-size: 14px; font-weight: 500; letter-spacing: 0; text-align: center; margin-left: 10px; text-transform: uppercase; } .account .data.table.table-order-items .action span { color: #fff; font-size: 14px; } .account .data.table.table-order-items .action:after { display: none !important; } .account .data.table.table-order-items .action:hover { border: solid 2px #003C8E; color: #003C8E; background-color: #fff; } .account .data.table.table-order-items .action:hover span { color: #003C8E; } .account .table-wrapper tbody tr:nth-child(odd) { background-color: #F7F7F7; } .account .table-wrapper tbody tr:nth-child(even) { background-color: #fff; } .account .sidebar-main .block-collapsible-nav .content .item a strong { padding-left: 0 !important; border: none !important; } .account .data.table.table-order-items.history .col.actions .action.order { display: none !important; } /*End common css*/ @media only screen and (min-width: 768px) { body.account .orders-history table tbody tr td { vertical-align: middle; } .account .data.table.table-order-items .action { display: block; margin-bottom: 10px; } .wishlist-index-index .form-wishlist-items .products-grid.wishlist .product-items { position: relative; z-index: 1; } } @media only screen and (min-width: 1023px) { .account .data.table.table-order-items .action { display: inline; } } @media only screen and (max-width: 768px) { body.account .page.messages { margin-bottom: 25px; margin-top: 35px; } body.account .page-wrapper .page-main .columns .column { width: unset !important; } body.account .page-wrapper .page-main .columns .column .page-title-wrapper { text-align: left; } body.account .page-wrapper .page-main .columns .column .page-title-wrapper .page-title { margin-bottom: 11px; color: #222222; font-family: Oswald; font-size: 21px; font-weight: 500; margin-top: 32px; padding-left: 20px; } body.account .page-wrapper .page-main .columns .column .block-dashboard-orders { margin-bottom: 0px; } body.account .page-wrapper .page-main .columns .column .block-dashboard-orders .block-title { position: initial; } body.account .page-wrapper .page-main .columns .column .block-dashboard-orders .block-title strong { font-size: 21px; } body.account .page-wrapper .page-main .columns .column .block-dashboard-orders .block-content .table-wrapper .table tbody tr { padding: 15px; } body.account .page-wrapper .page-main .columns .column .block-dashboard-orders .block-content .table-wrapper .table tbody tr td { text-align: right; padding: 9px 0px; } body.account .page-wrapper .page-main .columns .column .block-dashboard-orders .block-content .table-wrapper .table tbody tr td:before { text-align: left; position: absolute; left: 15px; color: #001B61; font-family: Roboto; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 21px; text-transform: uppercase; } body.account .page-wrapper .page-main .columns .column .block-dashboard-orders .block-content .table-wrapper .table tbody tr td.actions { text-align: center; } body.account .page-wrapper .page-main .columns .column .block-dashboard-orders .block-content .table-wrapper .table tbody tr td.actions a { margin-left: 0; display: block; width: 100%; margin-bottom: 10px; white-space: nowrap; } body.account .page-wrapper .page-main .columns .column .block-dashboard-orders .block-content .table-wrapper .table tbody tr td.status { padding-bottom: 15px; } body.account .page-wrapper .page-main .columns .column .block-dashboard-info, body.account .page-wrapper .page-main .columns .column .block-dashboard-addresses { margin-bottom: -11px; } body.account .page-wrapper .page-main .columns .column .block-dashboard-info .block-title, body.account .page-wrapper .page-main .columns .column .block-dashboard-addresses .block-title { border-bottom: 1px solid #d7d7d7; margin-bottom: 15px; padding-bottom: 15px; } body.account .page-wrapper .page-main .columns .column .block-dashboard-info .block-title strong, body.account .page-wrapper .page-main .columns .column .block-dashboard-addresses .block-title strong { font-size: 1.8rem; } body.account .page-wrapper .page-main .columns .column .block-dashboard-info .block-title .action, body.account .page-wrapper .page-main .columns .column .block-dashboard-addresses .block-title .action { margin-left: 45px; } body.account .page-wrapper .page-main .columns .column .block-dashboard-info .block-content .box-newsletter, body.account .page-wrapper .page-main .columns .column .block-dashboard-addresses .block-content .box-newsletter { margin-bottom: 45px; } body.account .page-wrapper .page-main .columns .column .orders-history.table-wrapper { border: none; } body.account .page-wrapper .page-main .columns .column .orders-history.table-wrapper .table tbody tr { padding: 20px; } body.account .page-wrapper .page-main .columns .column .orders-history.table-wrapper .table tbody tr td { text-align: right; color: #222222; font-family: Roboto; font-size: 14px; vertical-align: middle; } body.account .page-wrapper .page-main .columns .column .orders-history.table-wrapper .table tbody tr td:before { text-align: left; position: absolute; left: 20px; color: #001B61; font-family: Roboto; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 21px; text-transform: uppercase; } body.account .page-wrapper .page-main .columns .column .orders-history.table-wrapper .table tbody tr td.actions { text-align: center; border-bottom: none; } body.account .page-wrapper .page-main .columns .column .orders-history.table-wrapper .table tbody tr td.actions .action { margin-left: 0; display: block; width: 100%; margin-bottom: 10px; white-space: nowrap; } body.account .page-wrapper .page-main .columns .column .block-addbysku .block-content .box-items .fieldset .fields { margin-bottom: 5px; } body.account .page-wrapper .page-main .columns .column .block-addbysku .block-content .box-items .fieldset .fields .actions-toolbar .secondary .action { padding: 10px 3px; } body.account .page-wrapper .page-main .columns .column .block-addbysku .block-content .box-items .fieldset .fields .actions-toolbar .secondary .action:before { content: '\f00d'; font-family: FontAwesome; color: black; font-size: 1.6rem; } body.account .page-wrapper .page-main .columns .column .block-addbysku .block-content .box-upload .fieldset .field .label { margin-bottom: 15px; } body.account .page-wrapper .page-main .columns .column .block-addbysku .block-content .box-upload .fieldset .field .label span { margin-bottom: 10px; } body.account .page-wrapper .page-main .columns .column .block-addbysku .block-content .box-upload .fieldset .field .control button { margin-top: 18px; padding: 10px 35px; } body.account .page-wrapper .page-main .columns .column .block-addresses-default .block-title, body.account .page-wrapper .page-main .columns .column .block-addresses-list .block-title { padding-bottom: 10px; margin-bottom: 0px; } body.account .page-wrapper .page-main .columns .column .block-addresses-default .block-title strong, body.account .page-wrapper .page-main .columns .column .block-addresses-list .block-title strong { font-size: 2.1rem; } body.account .page-wrapper .page-main .columns .column .form-newsletter-manage .fieldset legend span { font-size: 1.8rem; font-weight: 700; } body.account .page-wrapper .page-main .columns .column #invitationForm #invitations-options .fields .actions-toolbar { position: absolute; right: 6%; } body.account .page-wrapper .page-main .columns .column #invitationForm #invitations-options .fields .actions-toolbar .action { width: unset; padding: 8px 4px; } body.account .page-wrapper .page-main .columns .column #invitationForm #invitations-options .fields .actions-toolbar .action:before { content: '\f00d'; font-family: FontAwesome; color: black; } body.account .page-wrapper .page-main .columns .column #invitationForm #invitations-options .fields .field .control { width: 85%; } body.account .page-wrapper .page-main .columns .column #invitationForm .actions-toolbar .secondary { float: none; text-align: left; } body.account .page-wrapper .page-main .columns .column #invitationForm .field.text .control { width: 85%; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid { margin-right: 0px; margin-bottom: 5px; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item { padding-right: 0px; margin-bottom: 0px; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item:hover { padding: 0 !important; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item .product-item-info { padding: 0px; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item .product-item-info .product-item-photo { margin-left: 0px; margin-right: 0px; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item .product-item-info .product-item-inner { border-bottom: none !important; border-right: none !important; border-left: none !important; float: left; width: 100%; position: relative; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item .product-item-info .product-item-inner .box-tocart fieldset .qty { display: block; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item .product-item-info .product-item-inner .box-tocart fieldset .product-item-actions { width: 100%; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item .product-item-info .product-item-inner .product-item-actions .edit { margin-right: 5px; } body.account .page-wrapper .page-main .columns .column .form-wishlist-items .actions-toolbar { margin-bottom: -20px; } body.account .page-wrapper .page-main .columns .column .order-details-items .order-items .table-order-items tfoot tr th { width: 50%; } body.account .page-wrapper .page-main .columns .column .order-details-items .order-items .table-order-items tfoot tr td { width: 50%; } body.account .page-wrapper .page-main .columns .sidebar-main { position: absolute; top: -43px; width: 100% !important; height: 80px; background-color: #ECF1F8; min-height: auto; } body.account .page-wrapper .page-main .columns .sidebar-main:after { content: none; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav { margin-top: 20px; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav .block-collapsible-nav-title { box-sizing: border-box; margin-left: 15px; border: 1px solid #ccc; padding-top: 10px; padding-bottom: 30px; border-radius: 20px; width: 92%; height: 35px; background-color: #fff; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav .block-collapsible-nav-title strong { color: #001b61; font-weight: bold; text-transform: uppercase; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav .block-collapsible-nav-title:after { top: 10px; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav ul.nav.items { padding-left: 10px; margin-bottom: 5px; padding-top: 0; gap: 20px; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav ul.nav.items .item strong { border-left-width: 0; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav ul.nav.items .item a { border-left-width: 0; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav ul.nav.items .item .delimiter { width: 90%; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav ul.nav.items .current strong { background-color: transparent; color: #707070; border-left-width: 0; font-weight: normal; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav .block-collapsible-nav-title.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav .block-collapsible-nav-content.active { background-color: #fff !important; border: 1px solid #ccc; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 92%; } body.account .page-wrapper .page-main .columns .sidebar-main .block-collapsible-nav .block-collapsible-nav-content { margin-left: 15px; margin-right: 15px; } body.account .page-wrapper .page-footer .footer-container .footer .newsletter-box .newsletter .content .subscribe { width: 100%; } body.account .page-wrapper .page-footer .footer-container .footer .newsletter-box .newsletter .content .subscribe .newsletter .label span { font-weight: 400; font-size: 1.5rem; } body.account .page-wrapper .page-footer .footer-container .footer .newsletter-box .newsletter .content .subscribe .newsletter .control input::placeholder { font-style: italic; } body.account .page-wrapper .page-main .column.main .block.block-dashboard-orders .block-title.order .action.view { position: relative; display: inline-block; width: 50%; left: auto; margin-left: 10px; top: 0; } body.account .page-wrapper .page-main .column.main .block-dashboard-addresses .block-title .action { margin-left: 8px; } body.account.wishlist-index-index .toolbar.wishlist-toolbar .pager { display: inline-block; } body.account.wishlist-index-index .toolbar.wishlist-toolbar .pager .toolbar-amount { margin-right: 8px; } body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item { padding-bottom: 60px; margin-bottom: 20px; } body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-inner .product-item-actions { border-bottom: 0; } body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-inner .product-item-actions .btn-remove { text-align: center; } body.account.wishlist-index-index .products-grid.wishlist .product-items .product-item .product-item-inner .product-item-actions .actions-primary .action span { font-size: 12px !important; } } @media only screen and (max-width: 767px) { body.account .page-wrapper .page-main .columns .column .block-dashboard-orders .block-title strong { width: 50%; } body.account .column.main .block.block-dashboard-orders .block-content .orders-recent table tbody tr td.col.total { text-transform: uppercase; } body.account .column.main .block.block-order-details-view .block-content { background-color: #f5f5f5; padding: 0 20px; margin: 0 20px; } body.account .column.main .block.block-order-details-view .block-content .box { border-bottom: 2px solid #ccc; padding-bottom: 20px; } .account .column.main .block:not(.widget) .block-content .box.box-order-billing-address { clear: both; float: none; } .account .column.main .block:not(.widget) .block-content .box.box-order-billing-method { clear: both; float: none; } } .tooltipster-base{position:absolute;display:flex;pointer-events:none}.tooltipster-box{flex:1 1 auto}.tooltipster-content{overflow:auto;box-sizing:border-box;max-width:100%;max-height:100%}.tooltipster-ruler{position:fixed;top:0;right:0;bottom:0;left:0;visibility:hidden;overflow:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{transition-property:transform;transform:scale(0,0);-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}.tooltipster-swing{opacity:0;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-ms-transition-property:-ms-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);transform:rotateZ(4deg)}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-ms-transform:rotateZ(0);-o-transform:rotateZ(0);transform:rotateZ(0)}.tooltipster-fall{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{top:0!important;opacity:0;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all}.tooltipster-slide{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-webkit-transition-property:left;-moz-transition-property:left;-ms-transition-property:left;-o-transition-property:left;transition-property:left}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{left:0!important;opacity:0;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{border:2px solid #000;border-radius:4px;background:#565656}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{padding:6px 14px;line-height:18px}.tooltipster-sidetip .tooltipster-arrow{position:absolute;overflow:hidden}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{top:0;margin-left:-10px;width:20px;height:10px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{top:0;right:0;margin-top:-10px;width:10px;height:20px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{top:0;left:0;margin-top:-10px;width:10px;height:20px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;margin-left:-10px;width:20px;height:10px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{position:absolute;width:0;height:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{top:3px;left:0;border-bottom-color:#565656}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{top:0;left:-3px;border-left-color:#565656}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{top:0;left:3px;border-right-color:#565656}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{top:-3px;left:0;border-top-color:#565656}.tooltipster-sidetip .tooltipster-arrow-border{top:-4px;left:2px;width:8px;height:8px;background:#000;transform:rotate(45deg)}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{margin-left:-6px;width:12px;height:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{margin-top:-6px;margin-left:0;width:6px;height:12px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{top:8px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{top:-4px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px} /*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=335bf7d52918f3a2c58f) * Config saved to config.json and https://gist.github.com/335bf7d52918f3a2c58f */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } }/** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .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; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .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 { -webkit-user-select: none; -moz-user-select: none; -ms-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; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .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("../../frontend/Kemana/default/id_ID/Ves_All/lib/owl.carousel/assets/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../../frontend/Kemana/default/id_ID/Ves_All/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../frontend/Kemana/default/id_ID/Ves_All/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../frontend/Kemana/default/id_ID/Ves_All/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../frontend/Kemana/default/id_ID/Ves_All/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../frontend/Kemana/default/id_ID/Ves_All/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../frontend/Kemana/default/id_ID/Ves_All/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} .cms-page-view .product-item-info , .cms-index-index .product-item-info{ width: auto; text-align: center; } .owl-carousel .product-item-info { width: auto; } .products.products-grid, .custom-slider { position: relative; padding: 0 0 20px; } .extend_1, .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; user-select: none; } .owl-carousel { display: none; width: 100%; position: relative; z-index: 0; } .owl-carousel .animated { animation-duration: 1000ms; 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; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; 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; padding: 20px 0; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; transform-style: preserve-3d; } .owl-carousel .owl-item .owl-lazy { /*opacity: 0;*/ transition: opacity 400ms ease; } .owl-carousel .owl-item .product-item { width: 100% !important; } .owl-carousel .owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .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(../../frontend/Kemana/default/id_ID/WeltPixel_OwlCarouselSlider/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel.owl-text-select-on .owl-item { user-select: auto; } .owl-carousel .banner-item .content_slider { position: absolute; top: 25%; left: 50px; width: calc(100% - 120px); z-index: 1; color: #fff; } .owl-carousel .banner-item .content_slider.banner-type-3 { position: relative; top: 0; left: 0px; width: 100%; } .owl-carousel .banner-item .content_slider .banner-title { width: 100%; color: #fff; font-size: 32px; text-transform: uppercase; text-align: center; display: inline-block; clear: both; } .owl-carousel .banner-item .content_slider .banner-description { width: 100%; clear: both; display: inline-block; text-align: center; padding: 15px 0; color: #fff; } .owl-carousel .banner-item .content_slider .buttons { width: 100%; clear: both; display: inline-block; text-align: center; } .owl-carousel .banner-item .content_slider .buttons a.action.primary { margin: 10px; } .owl-carousel .banner-item .content_slider .buttons .custom_content { margin: 10px 0 0; text-align: center; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-theme .owl-controls { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 0px; margin: calc(-40px / 2) 0 0; padding: 0; background: rgba(255, 255, 255, 0.5); display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; top: 50%; width: 40px; height: 40px; text-indent: 100%; overflow: hidden; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-] { background: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev { left: 15px; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev { left: -55px; } .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { right: 15px; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next { right: -55px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #000000; color: #fff; text-decoration: none; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: transparent; color: #000000; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before, .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after { border-color: #fff; } [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before, [class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after { border-color: #000000; } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-dots { position: absolute; width: 100%; bottom: 20px; } [class*=owl-carousel-products-].owl-theme .owl-dots { position: relative; bottom: -20px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-theme .owl-dots .owl-dot:hover span { background: #000000; } .owl-theme .owl-dots .owl-dot.active span { background: #000000; } .no-js .owl-carousel { display: block; } #pre-div-ajax{ position: relative; top: 80px } #pre-div { background-color: #fff; bottom: 0; height: 100%; width: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 10000; } .cssload-loader { position: absolute; left: calc(50% - 31px); top: calc(50% - 31px); width: 62px; height: 62px; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; perspective: 780px; } .cssload-inner { position: absolute; width: 100%; height: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .cssload-inner.cssload-one { left: 0%; top: 0%; animation: cssload-rotate-one 1.15s linear infinite; -o-animation: cssload-rotate-one 1.15s linear infinite; -ms-animation: cssload-rotate-one 1.15s linear infinite; -webkit-animation: cssload-rotate-one 1.15s linear infinite; -moz-animation: cssload-rotate-one 1.15s linear infinite; border-bottom: 3px solid rgb(0,0,0); } .cssload-inner.cssload-two { right: 0%; top: 0%; animation: cssload-rotate-two 1.15s linear infinite; -o-animation: cssload-rotate-two 1.15s linear infinite; -ms-animation: cssload-rotate-two 1.15s linear infinite; -webkit-animation: cssload-rotate-two 1.15s linear infinite; -moz-animation: cssload-rotate-two 1.15s linear infinite; border-right: 3px solid rgb(0,0,0); } .cssload-inner.cssload-three { right: 0%; bottom: 0%; animation: cssload-rotate-three 1.15s linear infinite; -o-animation: cssload-rotate-three 1.15s linear infinite; -ms-animation: cssload-rotate-three 1.15s linear infinite; -webkit-animation: cssload-rotate-three 1.15s linear infinite; -moz-animation: cssload-rotate-three 1.15s linear infinite; border-top: 3px solid rgb(0,0,0); } .owl-thumb-item img { width: 260px; height: auto; max-height: 166px; } .owl-thumbs { position: absolute; left: 0; display: table; width: 100%; text-align: center; padding: 5% 0; bottom: -100px } .owl-thumb-item { display: inline-block; border: none; background: none; padding: 0; opacity: .2; margin: 0 15px; -webkit-transition: all .15s; transition: all .15s; } .owl-thumb-item:not(.active):hover{ opacity: .99; cursor: pointer; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .owl-thumb-item.active { opacity: .99; } @media only screen and (max-width: 768px) { .owl-thumb-item img { width: 60px; max-height: 60px; } .owl-thumbs { bottom: 30px } .owl-thumb-item { margin: 0 5px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .owl-thumb-item img { width: 160px; max-height: 160px; } .owl-thumbs { bottom: -38px } .owl-thumb-item { margin: 0 5px; } } @keyframes cssload-rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-one { 0% { -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-one { 0% { -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-one { 0% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-one { 0% { -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @keyframes cssload-rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-two { 0% { -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-two { 0% { -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-two { 0% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-two { 0% { -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @keyframes cssload-rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-three { 0% { -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-three { 0% { -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-three { 0% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-three { 0% { -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; /*background: #0b0b0b;*/ /*opacity: 0.8; */ } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 200px; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 64.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: transparent; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-preloader { width: 30px; height: 30px; background-color: #FFF; opacity: 0.65; margin: 0 auto; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; z-index: 99999; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } .weltpixel-quickview-catalog-product-view #maincontent, .weltpixel_quickview-catalog_product-view #maincontent, .weltpixel-quickview-catalog-product-view #maincontent .columns, .weltpixel_quickview-catalog_product-view #maincontent .columns { max-width: 100% !important; } .weltpixel-quickview-catalog-product-view #maincontent .columns .fotorama__nav-wrap--horizontal .fotorama__nav--thumbs, .weltpixel_quickview-catalog_product-view #maincontent .columns .fotorama__nav-wrap--horizontal .fotorama__nav--thumbs { text-align: center; } .fotorama-stretch, .fotorama-focus-overlay:after, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__html, .fotorama__video iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .fotorama-grab-cursor, .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .fotorama-grabbing-cursor, .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .fotorama-gpu, .fotorama--fullscreen, .fotorama__caption, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__html, .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { transform: translateZ(0); } .fotorama-focus, .fotorama__nav__frame, .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus { outline: 0; } .fotorama-focus-overlay:after { background-color: #006bb4; border-radius: inherit; content: ''; } .fotorama-transform-disabled, .fotorama__wrap--video .fotorama__stage__shaft, .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { transform: none !important; } .fotorama-transition-for-slide, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-duration: 0ms; transition-property: transform, width; transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); } .fotorama-no-select, .fotorama__wrap, .fotorama__no-select, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { user-select: none; } .fotorama-select, .fotorama__select { user-select: text; } .fotorama-empty-bg { background: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=); } .fotorama-auto-margin, .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0; } .fotorama-inline-block, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__caption__wrap { *display: inline; *zoom: 1; -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; vertical-align: middle; } .fotorama-content-box, .fotorama__nav__frame { box-sizing: content-box; } .fotorama-border-box, .fotorama__thumb-border, .fotorama__caption__wrap, .fotorama__arr { box-sizing: border-box; } .fotorama-hidden, .fotorama--hidden, .fotorama__load { left: -99999px; position: absolute; top: -99999px; z-index: -1000; } .fotorama-visible { left: auto; opacity: 1; position: relative; top: auto; z-index: auto; } .fotorama-no-tap, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__nav, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .transitionDuration { transition-duration: 333ms; } .transitionDurationZero { transition-duration: 0ms; } .fotorama-sprite, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__thumb--icon, .fotorama__video-close { background-image: url('../../frontend/Kemana/default/id_ID/mage/gallery/gallery.png'); background-repeat: no-repeat; } @media print { .fotorama-print-background, .fotorama-sprite, .fotorama__thumb-border, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__thumb--icon, .fotorama__video-close { background: none !important; } } .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus, .fotorama__arr:focus, .fotorama__stage__shaft:focus, .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__dot { box-shadow: none; } .fotorama__fullscreen-icon:focus:after, .fotorama__zoom-out:focus:after, .fotorama__zoom-in:focus:after, .fotorama__arr:focus:after, .fotorama__stage__shaft:focus:after, .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { border-radius: inherit; bottom: 3px; box-shadow: 0 0 3px 1px #00699d; content: ''; left: 3px; position: absolute; right: 3px; top: 3px; z-index: 1000; } .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__thumb:after, .fotorama__nav__frame--thumb:focus .fotorama__dot:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { bottom: 0; left: 0; right: 0; top: 0; } .fotorama__nav__frame--thumb:focus .fotorama__thumb.fotorama_vertical_ratio:after, .fotorama__nav__frame--dot:focus .fotorama__thumb.fotorama_vertical_ratio:after { left: 2px; right: 2px; } .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__thumb { overflow: inherit; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb:after { left: 1px; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb.fotorama_vertical_ratio:after { top: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb:after { right: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb.fotorama_vertical_ratio:after { bottom: 1px; } .fotorama__thumb__arr { box-shadow: none; } .fotorama--fullscreen { background: #ffffff; bottom: 0 !important; float: none !important; left: 0 !important; margin: 0 !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100% !important; z-index: 1000 !important; } .fotorama--fullscreen .fotorama__wrap { max-width: 100% !important; } .fotorama__fullscreen { overflow: hidden; position: relative; } .fotorama__fullscreen .fotorama__zoom-in, .fotorama__fullscreen .fotorama__zoom-out { cursor: pointer; display: block; height: 80px; overflow: hidden; position: absolute; width: 80px; } .fotorama__fullscreen .fotorama__zoom-out { background-position: 0 -80px !important; top: 80px; } .fotorama__fullscreen .fotorama__zoom-out.fotorama__zoom-out--disabled { display: none; } .fotorama__fullscreen .fotorama__zoom-in { background-position: 0 0 !important; top: 0; } .fotorama__fullscreen .fotorama__zoom-in.fotorama__zoom-in--disabled { display: none; } .fotorama__fullscreen .fotorama__video-close { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block; } .fotorama__zoom-in, .fotorama__zoom-out { display: none; } .fotorama { min-width: 1px; overflow: hidden; } .fotorama__wrap { -webkit-text-size-adjust: 100%; direction: ltr; position: relative; z-index: 0; } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl; } .fotorama__stage, .fotorama__nav { max-width: 100%; overflow: hidden; position: relative; } .fotorama__wrap--pan-y { -ms-touch-action: pan-y; } .fotorama__stage__shaft { position: relative; } .fotorama__wrap .fotorama__pointer { cursor: pointer; } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1 !important; } .fotorama__stage__frame { overflow: hidden; } .fotorama__stage__frame.fotorama__active { z-index: 8; } .fotorama__wrap--fade .fotorama__stage__frame { display: none; } .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active, .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear { display: block; left: 0; top: 0; } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8; } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7; } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9; } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none; } .fotorama__img { border: none !important; max-width: inherit; opacity: 0; } .fotorama__loaded .fotorama__img, .fotorama__error .fotorama__img { opacity: 1; } .fotorama__img--full { display: none; } .fotorama__nav { display: none; font-size: 0; line-height: 0; white-space: nowrap; z-index: 5; } .fotorama__nav__shaft { left: 0; position: relative; text-align: left; top: 0; } .fotorama__nav__frame { position: relative; } .fotorama__nav--dots { display: block; text-align: center; } .fotorama__nav--dots .fotorama__nav__frame { height: 30px; width: 18px; } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none; } .fotorama__nav--thumbs { display: block; } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none; } .fotorama__active .fotorama__dot { background-color: #ff5501; border-color: #ff5501; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame { border-width: 3px; height: 0; width: 0; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame:after { left: -3px; padding: 3px; top: -3px; } .fotorama__nav__frame:focus { box-shadow: none; } .fotorama__nav__frame:focus :after { left: -1px; padding: 1px; top: -1px; } .fotorama__dot { border-radius: 6px; border: 1px solid #858585; display: block; height: 4px; left: 6px; position: relative; top: 12px; width: 4px; } .fotorama__thumb { background-color: #ebebeb; height: 100%; overflow: hidden; position: relative; width: 100%; } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2; } .fotorama__thumb-border { backface-visibility: hidden; background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); border: 1px solid #ff5501; left: 0; position: absolute; top: 0; z-index: 9; } .fotorama__caption { bottom: 0; color: #000000; font-size: 14px; left: 0; line-height: 1.5; position: absolute; right: 0; z-index: 12; } .fotorama__caption a { border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.005); color: #000000; text-decoration: none; } .fotorama__caption a:hover { border-color: rgba(0, 0, 0, 0.005); color: #000000; } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0; } .fotorama__wrap--video .fotorama__caption, .fotorama__wrap--no-captions .fotorama__caption { display: none; } .fotorama__caption__wrap { background-color: #ffffff; padding: 5px 10px; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fotorama__spinner { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; } .fotorama__wrap--css3 .fotorama__spinner { animation: spinner 24s infinite linear; } .fotorama__wrap--css3 .fotorama__html { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: linear; } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { opacity: 0; } .fotorama__select { cursor: auto; } .fotorama__video { bottom: 0; left: 0; position: absolute; right: 0; top: 32px; z-index: 10; } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent; } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { cursor: pointer; position: absolute; } .fotorama__arr { z-index: 900; } .fotorama__fullscreen-icon, .fotorama__zoom-out, .fotorama__zoom-in, .fotorama__video-close { z-index: 1000; } .fotorama__arr { bottom: 0; position: absolute; top: 0; width: 80px; } ._block-content-loading .fotorama__arr { opacity: 0; } .fotorama__arr .fotorama__arr__arr { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; height: 80px; width: 80px; } .fotorama__arr--prev { left: 0; } .fotorama__arr--prev .fotorama__arr__arr { background-position: -80px -80px; } .fotorama__arr--next { right: 0; } .fotorama__arr--next .fotorama__arr__arr { background-position: -160px -80px; } .fotorama__arr--disabled { cursor: default; opacity: 0; pointer-events: none; } .fotorama__fullscreen-icon { background-position: 0 0; display: none; height: 80px; right: 0; top: 0; width: 80px; z-index: 1000; } .fotorama--fullscreen-icons .fotorama__fullscreen-icon { display: none; } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -80px 0; display: inline-block; } .fotorama__video-play { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; background-position: -80px -160px; height: 160px; width: 160px; } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none; } .fotorama__loaded .fotorama__video-play, .fotorama__error .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { display: block; opacity: 1; } .fotorama__nav__frame .fotorama__video-play { background-position: 0 -240px; height: 80px; width: 80px; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0 !important; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block; } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(80px, -80px, 0); -ms-transform: translate3d(80px, -80px, 0); -o-transform: translate3d(80px, -80px, 0); transform: translate3d(80px, -80px, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-120px, 0, 0); -ms-transform: translate3d(-120px, 0, 0); -o-transform: translate3d(-120px, 0, 0); transform: translate3d(-120px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(120px, 0, 0); -ms-transform: translate3d(120px, 0, 0); -o-transform: translate3d(120px, 0, 0); transform: translate3d(120px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(80px, -80px, 0) !important; -ms-transform: translate3d(80px, -80px, 0) !important; -o-transform: translate3d(80px, -80px, 0) !important; transform: translate3d(80px, -80px, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-120px, 0, 0) !important; -ms-transform: translate3d(-120px, 0, 0) !important; -o-transform: translate3d(-120px, 0, 0) !important; transform: translate3d(-120px, 0, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(120px, 0, 0) !important; -ms-transform: translate3d(120px, 0, 0) !important; -o-transform: translate3d(120px, 0, 0) !important; transform: translate3d(120px, 0, 0) !important; } .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus) { transition-duration: 0.3s; transition-property: transform, opacity, background-color; } .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after { background-repeat: no-repeat; content: ''; display: block; pointer-events: none; position: absolute; text-decoration: none; z-index: 10; } .fotorama__stage:before, .fotorama__nav:before { left: -10px; top: -10px; } .fotorama__stage:after, .fotorama__nav:after { right: -10px; bottom: -10px; } .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after { background-size: 1px 100%, 5px 100%; bottom: 0; height: auto; top: 0; width: 10px; } .fotorama__stage.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--top:before, .fotorama__stage.fotorama__shadows--bottom:after, .fotorama__nav.fotorama__shadows--bottom:after { background-size: 100% 1px, 100% 5px ; height: 10px; left: 0; right: 0; width: auto; } .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; left: 0; } .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 100% 0, 100% 0; right: 0; } .fotorama__stage.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--top:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; top: 0; } .fotorama__stage.fotorama__shadows--bottom:after, .fotorama__nav.fotorama__shadows--bottom:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 100%, 0 100%; bottom: 0; } .fotorama--fullscreen .fotorama__stage:before, .fotorama--fullscreen .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--fade .fotorama__stage:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--fade .fotorama__stage:after { display: none; } .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: auto; position: absolute; top: 50%; width: 100%; } .fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img { -webkit-transform: translate(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); transform: translateY(-50%, -50%); top: 50%; left: 50%; position: absolute; width: auto; } .magnifier-thumb-wrapper { display: block; left: 0; position: relative; top: 0; } .magnifier-lens { border: solid 1px #bbbbbb; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 800; } .magnify-lens { background: rgba(255, 255, 255, 0.5); border: solid 1px #bbbbbb; color: #ffffff; left: 0; position: absolute; text-align: center; top: 0; z-index: 1000; overflow: hidden; } .magnify-lens .magnifier-large { width: auto; height: auto; max-height: none; max-width: none; border: none; position: absolute; z-index: 100; } .magnifier-loader-text { margin-top: 10px; } .magnifier-preview { bottom: 0; left: 58%; overflow: hidden; padding: 0; position: absolute; z-index: 2; top: 215px; } .magnifier-preview:not(.hidden) { background-color: #ffffff; } .magnifier-preview img { left: 0; max-width: inherit; max-height: inherit; position: absolute; top: 0; object-fit: scale-down; } .fotorama__stage__frame { text-align: center; } .fotorama__stage__frame .fotorama__img { height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition-duration: 0.3s; transition-property: width, height, top, left; vertical-align: middle; width: auto; } @media all and (min-width: 768px) { .fotorama__stage__frame .fotorama__img { top: 49.5%; } } .magnify-opaque { opacity: .5; } .magnify-hidden { display: none; } .fotorama__nav-wrap--vertical.fotorama__nav-wrap { display: inline-block; left: 0; position: absolute; top: 0; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft { background-color: white; width: 100%; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb { display: block; padding-bottom: inherit !important; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { bottom: 0; left: 0; margin: auto; max-height: inherit; max-width: inherit; position: absolute; right: 0; top: 0; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { cursor: default; display: block; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; top: 0; transition: 0.3s linear; vertical-align: middle; width: auto; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--zoommable { cursor: pointer; max-height: none; max-width: none; transition-property: width, height, bottom, right, top, left; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--draggable { cursor: move; transition-property: none; } .fotorama--fullscreen .fotorama__stage__frame iframe { left: 80px; width: calc(100% - 80px * 2); } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { bottom: 0; cursor: pointer; position: absolute; top: 0; width: 30px; z-index: 1000; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; width: 100%; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left { left: 0; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { right: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { cursor: pointer; height: 30px; left: 0; position: absolute; right: 0; z-index: 1000; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: auto; width: 30px; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left { top: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { bottom: 0; } .fotorama__wrap--only-active .fotorama__stage, .fotorama__wrap--only-active .fotorama__nav { max-width: 99999px !important; } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden; } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible; } .fotorama__thumb--icon { font-size: 0.001px; padding-bottom: 30px; } .fotorama__thumb__arr--left .fotorama__thumb--icon { background-position: -25px -265px; } .fotorama__thumb__arr--right .fotorama__thumb--icon { background-position: -25px -350px; } .magnify-fullimage { display: none; } .fotorama__arr, .fotorama__thumb__arr { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__arr:hover, .fotorama__thumb__arr:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__arr:active, .fotorama__thumb__arr:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__video-close { background-position: -80px 0; height: 80px; opacity: 0; right: 0; top: 0; transform: translate3d(80px, -80px, 0); transition: opacity 0.3s ease-in-out; width: 80px; } @media all and (max-width: 768px) { .fotorama__video-close { background-position: -100px -20px; top: 10px; height: 40px; width: 40px; } } .fotorama__video-close.fotorama-show-control { opacity: 1; transform: translate3d(0, -10px, 0); } .gallery-placeholder__image { display: block; margin: auto; } .fotorama__spinner { background-image: url('../../frontend/Kemana/default/id_ID/images/loader-1.gif'); bottom: 0; display: none; height: 64px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 64px; z-index: 100; } .fotorama__spinner.fotorama__spinner--show { display: block; } .fotorama__product-video--loaded .fotorama__img, .fotorama__product-video--loaded .fotorama__img--full { display: none !important; } .fotorama__stage .fotorama__arr--shown { display: block !important; } .fotorama__stage .fotorama__arr--hidden { display: none !important; } @media only screen and (max-width: 767px) { div[data-role="am-banners-lite"] { order: -2; } }.ampromo-gift a.product-image{ text-decoration: none; } ul.ampromo-gift { padding: 0; list-style-type: none; } .ampromo-gift li{ margin: 10px 10px; display: inline; } .ampromo-banner-tooltip{ padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:300px; } .ampromo-product-name{ font-weight: bold; } .ampromo-short-description{ } .ampromo-label { position: absolute; z-index: 1000; }.catalog-category-view .product-item-inner.buynow { position: relative; border: none; box-shadow: none; padding: 0 0 5px 1px; } .catalog-category-view button.buynow { width: 103px; } .catalog-product-view #product-addtocart-button { float: left; } .catalog-product-view #buy-now { margin-bottom: 15px; width: 49%; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; } .button.buynow { width: 100%; margin-bottom: 10%; } .catalog-category-view .product.actions.product-item-actions { margin: 0px; } @media(max-width: 767px){ .catalog-product-view #buy-now{ width: 100%; } }/* All Widget Templates ************************************************************************************************ ***********************************************************************************************************************/ body.blog-page { --color-white: #ffffff; --color-green: #28a745; --color-yellow: #ffc107; --color-blue: #4db2ec; --color-black: #222222; --color-gray: #6c757d; --color-red: #dc3545; --border-color: #d5d6da; } .fav-color-green {color: #28a745;} .fav-color-yellow {color: #ffc107;} .fav-color-blue {color: #4db2ec;} .fav-color-black {color: #222222;} .fav-color-gray {color: #6c757d;} .fav-color-red {color: #dc3545;} /* Buttons */ .btn-white {background-color: #fff !important;color: #7d7d7d !important;border: 1px solid #bbb !important;} .btn-white:hover {background-color: #4db2ec !important;color: #fff !important; border: 1px solid #4db2ec !important;} .btn-black {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;} .btn-black:hover {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;} .btn-blue {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;} .btn-blue:hover {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;} /* Slider *************************************************************************************************************/ .post-slider .post-block .image-wrap {padding-bottom: 450px;} /* END Slider *********************************************************************************************************/ .clearfix:after {content:"";display:table;clear:both;} .post-holder {margin-bottom: 40px;border-radius: 0;} /* Blog Post List *****************************************************************************************************/ .post-list {margin-top: 0;margin-bottom: 20px;list-style: none;padding-left: 0} .post-list .post-item.post-holder {margin: 0 0 30px 0;padding: 0;display: block;} .post-list .post-container {display: -ms-flexbox;display: flex;} /* Post Image ************************************/ .post-list .post-image {-ms-flex: 0 0 30%;flex: 0 0 30%;width: 30%;order: 0;} .post-list .post-image .image-container {position: relative;} .post-list .post-image .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;} .post-list .post-image .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;} .post-list .post-image .image-wrap img {width: 100%;height: auto;vertical-align: middle;} /* Post Category */ .post-list .post-image .post-category {position: absolute;left: 0;bottom: 0;display: block;font-size: 0;line-height: 1;} .post-list .post-image .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase; /*-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all .3s ease;*/} .post-list .post-image .post-category a:hover {background: #4db2ec;} /* Post Info **************************************/ .post-list.modern .post-info {padding: 0 0 0 25px;flex: 0 0 70%;max-width: 70%;width: 70%;order: 1;box-sizing: border-box;} /* Post Title */ .post-list .post-info .post-title-wrap h3 {margin: 0;} .post-list .post-info .post-title-wrap h3 a {font-size: 20px;line-height: 25px;font-weight: 500;} /* Post Data */ .post-list .post-info .post-data-wrap {font-size: 11px;font-family: sans-serif;} .post-list .post-info .post-data-wrap .post-date {font-size: 11px; margin: 0;padding: 0;box-shadow: none;float: none;width: auto;} .post-list .post-info .post-data-wrap a {font-weight: 600;} /* Post Description */ .post-list .post-description {line-height: 21px;font-size: 13px;} /* Post View */ .post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;} .post-list .post-view:after {position: absolute;left: 0;bottom: -3px;content: '';width: 0;height: 0;border-style: solid;border-width: 3px 3px 0 0;border-color: #000 transparent transparent;} /*.post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;}*/ /*.post-list .post-view:before {display: inline-block;content: "\f06e";width: 10px;height: 10px;text-align: center;margin-right: 3px;*/ /* font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/ /* Read More */ /* .post-list .post-read-more {display: none;} */ .post-read-more a.post-read {display: inline-block;color: #fff;background-color: #4db2ec;font-size: 13px;font-weight: 500;line-height: 1;padding: 10px 15px;} .post-read-more a.post-read:hover {color: #fff;background: #222222;} /*@media (max-width: 1200px) { .blog-index-index .post-list /*.post-read-more *//* {display: none;} } */ @media (max-width: 768px) { .post-list .post-item.post-holder {margin-bottom: 1.5rem;} } @media (max-width: 767px) { .post-list .post-image .post-category {display: none;} .post-list .post-info {padding: 0 0 0 15px;} .post-list.modern .post-description {display: none;} .post-read-more a.post-read {display: none;} } @media (max-width: 640px) { .post-list .post-info .post-title-wrap h3 a {font-size: 14px;font-weight: 600;line-height: 1.4;display: inline-block; /*max-height: 39px;overflow: hidden;*/} } /* Images Format *******************************************/ .post-image .image-wrap._16x9 {padding-bottom: 35% !important;} .post-image .image-wrap._4x3 {padding-bottom: 67% !important;} .post-image .image-wrap._3x2 {padding-bottom: 55% !important;} .post-image .image-wrap._1x1 {padding-bottom: 100% !important;} @media (max-width: 768px) { } /* Blog Post List *****************************************************************************************************/ /* Post View **********************************************************************************************************/ /* Page Title */ /*.blog-post-view .page-title-wrapper .page-title {font-size: 35px;line-height: 1.2;margin-bottom: 20px;}*/ /* Category */ .blog-post-view .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;} /* Post Data */ .blog-post-view .post-data-wrap {font-size: 13px;font-family: sans-serif;margin-bottom: 30px;} .blog-post-view .post-data-wrap a {font-weight: 600;} .blog-post-view .post-data {color: #bbbbbb;} /* Post View */ /* Post Comments */ .blog-post-view .post-comments {margin-right: 20px;} /* Social */ .blog-post-view .post-sharing {margin-bottom: 20px;} /* Image */ .blog-post-view .post-featured-image {font-size: 0;margin-bottom: 20px;} /* Tags */ .blog-post-view .post-tag {margin-bottom: 20px;} .blog-post-view .post-tag .post-tag-title {display: inline-block;padding: 7px 12px;border: 1px solid #222;background: #222;color: #fff;line-height: 1;margin: 0 10px 10px 0;text-transform: uppercase;font-size: 11px;} .blog-post-view .post-tag .post-tags a {display: inline-block;border: 1px solid var(--border-color);color: #222;background: #fff;padding: 7px 12px;margin-right: 10px;line-height: 1;font-weight: 600;letter-spacing: 1px;font-size: 11px;text-transform: capitalize;} .blog-post-view .post-tag .post-tags a.current, .blog-post-view .post-tag .post-tags a:hover {text-decoration: none;opacity: .9;background: #333;color: #fff;} /* Post Text */ .blog-post-view .post-description {margin-bottom: 30px;} .blog-post-view .post-description p {font-size: 1.4rem;line-height: 1.7;} /* Post Bottom *****************************************/ .post-view .post-bottom {margin-top:30px;} /* Post Sharing Bottom */ .post-sharing-bottom {padding: 30px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);} .post-sharing-bottom .addthis_inline_share_toolbox {text-align: center;} /* Post Gallery */ /*.blog-post-view .post-gallery {display: flex;flex-wrap: wrap;}*/ .blog-post-view .post-gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));grid-gap: 1rem;margin-bottom: 20px;} .blog-post-view .post-gallery .gallery-image-hld {display: inline-block;} .blog-post-view .post-gallery .gallery-image-hld img {} /* Post Navigation */ .blog-post-view .post-nextprev {display: flex;padding: 20px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);} .blog-post-view .post-nextprev .nextprev-link {display: block;font-size: 20px;color: #222222;font-weight: 600;text-align: right;} .blog-post-view .post-nextprev .nextprev-link:hover {text-decoration: none;} .blog-post-view .post-nextprev .nextprev-link span {display: block;color: #bbbbbb;font-size: 14px;font-weight: normal;} /* Block Related */ .blog-post-view .post-bottom .block.related {margin-bottom: 0;} .blog-post-view .post-bottom .block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;} .blog-post-view .post-bottom .block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;} /* Related Posts */ .mfblog-related-posts-block.block.related .post-list {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; position: relative;overflow: hidden;margin-left: -10px;margin-right: -10px;} .mfblog-related-posts-block.block.related .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-left: 10px;padding-right: 10px;width: 25%; box-sizing: border-box;} .mfblog-related-posts-block.block.related .post-list .post-item .image-container { -ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;} .mfblog-related-posts-block.block.related .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;} .mfblog-related-posts-block.block.related .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;} .mfblog-related-posts-block.block.related .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;} .mfblog-related-posts-block.block.related .post-list .block-info h3.post-title a {font-size: 14px !important;line-height: 20px !important;font-weight: 600 !important;color: #222222;} @media (max-width: 767px) { .mfblog-related-posts-block.block.related .post-list .post-item {flex: 0 0 50%;max-width: 50%;} } /* Related Products */ .mfblog-related-products-block.block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;} .mfblog-related-products-block.block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;} /* Block Comments */ .block.comments .c-count {margin: 0 0 20px;padding: 0;border-bottom: 1px solid #222222;font-weight: 400;} .block.comments .c-count strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;display: inline-block;} /* END Post Bottom *************************************/ @media (max-width: 767px) { .blog-post-view .page-title-wrapper .page-title {font-size: 20px;} .blog-post-view .post-nextprev .nextprev-link {font-size: 14px;line-height: 1.4;} } /* END Post View ******************************************************************************************************/ /* Animation Zoom */ .image-wrap .animation-type-zoom {display: block;line-height: 0;overflow: hidden;position: relative;} .image-container .animation-type-zoom {-webkit-transition: transform .3s ease,opacity .3s;transition: transform .3s ease,opacity .3s;} .image-container:hover .animation-type-zoom {transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1);} /* Sidebar ************************************************************************************************************/ /* Block Search */ .widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;} .widget.blog-search .block-content {margin-bottom: 0;} .widget.blog-search .block-content .form {position: relative;} .widget.blog-search label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;} .widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;} .widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;border: 1px solid #bbbbbb;} .widget.blog-search .action.search {position: absolute;top: 0;right: 0;bottom: 0;height: 100%;z-index: 1;display: inline-block;background: #222222;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;margin: 0;padding: 0 10px;text-decoration: none;text-shadow: none;font-weight: 400;border-radius: 0;} .widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../../frontend/Kemana/default/id_ID/Magefan_Blog/images/search-icon-white.svg) no-repeat -10px -7px;background-size: 35px;opacity: 1;} .widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} /*.blog-search .actions .action.search {background: #222222;right: 0;padding: 0 10px;border-radius: 0;}*/ /* Posts List */ .widget.block-list-posts .post-list .post-item .image-container {flex: 0 0 30%;width: 30%;display: block;order: 0;} /* Images */ /* Span Background */ .widget.block-list-posts .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;} .widget.block-list-posts .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;} /* Post Info */ .widget.block-list-posts .post-list .post-item .block-info .post-item-name {font-size: 14px;line-height: 20px;font-weight: 600;text-decoration: none;color: #333333;} .widget.block-list-posts .post-list .post-item .block-info .block-date {color: #bbbbbb;} .widget.block-list-posts .post-list .post-item .block-info .block-date .post-data {font-size: 11px;} /* Post Grid */ .widget.block-list-posts .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;} .widget.block-list-posts .post-list .post-item .image-container {-ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;} .widget.block-list-posts .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;} /* END Posts List */ /* New Post List */ .widget.block-posts-list .post-item {display: flex;gap: 1.5rem;} .widget.block-posts-list .post-item .image-container {flex: 0 0 33.333333%;width: 33.333333%;align-self: flex-start;display: block;order: 0;margin-bottom: 10px;} .widget.block-posts-list .post-item .image-container .image-wrap {display: block;position: relative;overflow: hidden;} .widget.block-posts-list .post-item .image-container .image-wrap._4x3 {padding-bottom: 70%;} .widget.block-posts-list .post-item .image-container .image-wrap .bg-img {display: block;position: absolute;width: 100%;height: 100%;max-width: 100%;background-size: cover;background-position: center;} .widget.block-posts-list .post-item .block-info .post-title {margin: 0 0 0.5rem 0 !important;} .widget.block-posts-list .post-item .block-info .post-title .post-item-name {display: block;font-size: 16px;line-height: 22px;font-weight: 500;text-decoration: none;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} .widget.block-posts-list .post-item .block-info .block-date {line-height: 1rem;} .widget.block-posts-list .post-item .block-info .block-date .post-date {font-size: 11px;line-height: 1.2rem;color: #bbbbbb;font-family: sans-serif;} .widget.block-posts-list .post-item .block-info .post-description {display: none;line-height: 21px;font-size: 13px;} .widget.block-posts-list .post-item .block-info .read-more {display: none;} /* END New Post List */ /* Archive */ .widget.block-archive .archive-item-link {font-weight: 600} /* RSS Feed */ .widget.block-rss .rss-icon {width: 23px;filter: grayscale(100%);vertical-align: middle;} /* End Sidebar ********************************************************************************************************/ /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=9bf966f6705ede711469) * Config saved to config.json and https://gist.github.com/9bf966f6705ede711469 */ /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; /*overflow: hidden;*/ } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .uppercase { text-transform: uppercase !important; } .lowercase { text-transform: lowercase !important; } .capitalize { text-transform: capitalize !important; } .nott { text-transform: none !important; } .tright { text-align: right !important; } .tleft { text-align: left !important; } .fright { float: right !important; } .fleft { float: left !important; } .fnone { float: none !important; } .ohidden { position: relative; overflow: hidden !important; } #wrapper { position: relative; float: none; width: 1220px; margin: 0 auto; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); } div.alignright, img.alignright { float: right; margin: 5px 0 13px 20px; } div.alignleft, img.alignleft { float: left; margin: 5px 20px 13px 0; max-width: 100%; } .line, .double-line { clear: both; position: relative; width: 100%; margin: 60px 0; border-top: 1px solid #EEE; } .line.line-sm { margin: 30px 0; } span.middot { display: inline-block; margin: 0 5px; } .double-line { border-top: 3px double #E5E5E5; } .emptydiv { display: block !important; position: relative !important; } .allmargin { margin: 50px !important; } .leftmargin { margin-left: 50px !important; } .rightmargin { margin-right: 50px !important; } .topmargin { margin-top: 50px !important; } .bottommargin { margin-bottom: 50px !important; } .clear-bottommargin { margin-bottom: -50px !important; } .allmargin-sm { margin: 30px !important; } .leftmargin-sm { margin-left: 30px !important; } .rightmargin-sm { margin-right: 30px !important; } .topmargin-sm { margin-top: 30px !important; } .bottommargin-sm { margin-bottom: 30px !important; } .clear-bottommargin-sm { margin-bottom: -30px !important; } .allmargin-lg { margin: 80px !important; } .leftmargin-lg { margin-left: 80px !important; } .rightmargin-lg { margin-right: 80px !important; } .topmargin-lg { margin-top: 80px !important; } .bottommargin-lg { margin-bottom: 80px !important; } .clear-bottommargin-lg { margin-bottom: -80px !important; } .nomargin {margin: 0 !important; } .noleftmargin { margin-left: 0 !important; } .norightmargin { margin-right: 0 !important; } .notopmargin { margin-top: 0 !important; } .nobottommargin { margin-bottom: 0 !important; } /*.header-stick { margin-top: -50px !important; } .content-wrap .header-stick { margin-top: -80px !important; } .footer-stick { margin-bottom: -50px !important; } .content-wrap .footer-stick { margin-bottom: -80px !important; }*/ .noborder { border: none !important; } .noleftborder { border-left: none !important; } .norightborder { border-right: none !important; } .notopborder { border-top: none !important; } .nobottomborder { border-bottom: none !important; } .noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; } .col-padding { padding: 60px; } .nopadding { padding: 0 !important; } .noleftpadding { padding-left: 0 !important; } .norightpadding { padding-right: 0 !important; } .notoppadding { padding-top: 0 !important; } .nobottompadding { padding-bottom: 0 !important; } .noabsolute { position: relative !important; } .noshadow { box-shadow: none !important; } .hidden { display: none !important; } .nothidden { display: block !important; } .inline-block { float: none !important; display: inline-block !important; } .center {text-align: center !important;} .divcenter { position: relative !important; float: none !important; margin-left: auto !important; margin-right: auto !important; } .nobg { background: none !important; } .nobgcolor { background-color: transparent !important; } .t300 { font-weight: 300 !important; } .t400 { font-weight: 400 !important; } .t500 { font-weight: 500 !important; } .t600 { font-weight: 600 !important; } .t700 { font-weight: 700 !important; } .ls0 { letter-spacing: 0px !important; } .ls1 { letter-spacing: 1px !important; } .ls2 { letter-spacing: 2px !important; } .ls3 { letter-spacing: 3px !important; } .ls4 { letter-spacing: 4px !important; } .ls5 { letter-spacing: 5px !important; } .noheight { height: 0 !important; } .nolineheight { line-height: 0 !important; } .bgicon { display: block; position: absolute; bottom: -60px; right: -50px; font-size: 210px; color: rgba(0,0,0,0.1); } .image-fade {width: 100%;} .image-fade:hover { opacity: 0.5; filter: alpha(opacity=50); -moz-transition: all 0.9s ease; -webkit-transition: all 0.9s ease; } .imagescale { display: block; overflow: hidden; } .imagescale img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease; transition: all 1s ease; } .imagescale:hover img { -webkit-transform: scale(1); transform: scale(1); } .grayscale { filter: brightness(80%) grayscale(1) contrast(90%); -webkit-filter: brightness(80%) grayscale(1) contrast(90%); -moz-filter: brightness(80%) grayscale(1) contrast(90%); -o-filter: brightness(80%) grayscale(1) contrast(90%); -ms-filter: brightness(80%) grayscale(1) contrast(90%); transition: 1s filter ease; -webkit-transition: 1s -webkit-filter ease; -moz-transition: 1s -moz-filter ease; -ms-transition: 1s -ms-filter ease; -o-transition: 1s -o-filter ease; } .grayscale:hover { filter: brightness(100%) grayscale(0); -webkit-filter: brightness(100%) grayscale(0); -moz-filter: brightness(100%) grayscale(0); -o-filter: brightness(100%) grayscale(0); -ms-filter: brightness(100%) grayscale(0); } /* MOVING BG - TESTIMONIALS */ .bganimate { -webkit-animation:BgAnimated 30s infinite linear; -moz-animation:BgAnimated 30s infinite linear; -ms-animation:BgAnimated 30s infinite linear; -o-animation:BgAnimated 30s infinite linear; animation:BgAnimated 30s infinite linear; } @-webkit-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-moz-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-ms-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-o-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } .input-block-level { display: block; width: 100% !important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vertical-middle { height: auto !important; left: 0; } .magnific-max-width .mfp-content { max-width: 800px; } .nobg { background: none !important; } .nobgcolor { background-color: transparent !important; } .clear { clear: both; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .clearfix { margin: 0 } .clear-left { clear: left; } .clear-right { clear: right; } .clear, .clear-left, .clear-right { display: table; font-size: 0; height: 0; line-height: 0; overflow: hidden; background: transparent; } .fluid-width-video-wrapper { width: 100%; position: relative; padding: 0; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ---------------------------------------------------------------- Preloaders -----------------------------------------------------------------*/ .preloader, .preloader2, .form-process { display: block; width: 100%; height: 100%; background: url("../../frontend/Kemana/default/id_ID/WeltPixel_DesignElements/images/preloader.gif") center center no-repeat #FFF; } .preloader2 { background-color: transparent; } .form-process { display: none; position: absolute; z-index: 3; background-color: rgba(255,255,255,0.7); } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* Video Overlay -----------------------------------------------------------------*/ .video-wrap { overflow: hidden; width: 100%; position: relative; } .video-wrap video { position: relative; z-index: 1; width: 100%; } .video-overlay, .video-placeholder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background: transparent url('../../frontend/Kemana/default/id_ID/WeltPixel_DesignElements/images/grid.png') repeat; -webkit-backface-visibility: hidden; } .video-placeholder { z-index: 4; background-repeat: no-repeat !important; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } @media (max-width: 991px) { .vertical-middle + .video-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } } /*----------------------------------------------------------------------------------- Shortcodes: tabs.css -----------------------------------------------------------------------------------*/ /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ .tabs { position: relative; margin: 0 0 30px 0; } ul.tab-nav:not(.tab-nav-lg) { margin: 0; border-bottom: 1px solid #DDD; list-style: none; padding-left: 0px; } ul.tab-nav:not(.tab-nav-lg) li { float: left; border: 1px solid #DDD; border-bottom: 0; border-left: 0; height: 41px; text-align: center; margin-bottom: 0px; } ul.tab-nav:not(.tab-nav-lg) li:first-child { margin-left: 15px; border-left: 1px solid #DDD; } ul.tab-nav:not(.tab-nav-lg) li a { display: block; padding: 0 15px; color: #444; height: 40px; line-height: 40px; background-color: #F2F2F2; font-size: 14px; font-weight: bold; } ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a { position: relative; top: 1px; background-color: #FFF; } /* Tabs - Alternate Nav -----------------------------------------------------------------*/ .tabs.tabs-alt ul.tab-nav li { border-color: transparent; } .tabs.tabs-alt ul.tab-nav li:first-child { border-left: 0; } .tabs.tabs-alt ul.tab-nav li a { background-color: #FFF; } .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a { border: 1px solid #DDD; border-bottom: 0; } /* Tabs - Top Border -----------------------------------------------------------------*/ .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a { top: -1px; height: 43px; line-height: 38px; border-top: 2px solid #1ABC9C; } .tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a { height: 42px; } /* Tabs - Bottom Border -----------------------------------------------------------------*/ .tabs.tabs-bb ul.tab-nav li { border: 0; margin: 0; } .tabs.tabs-bb ul.tab-nav li a { background-color: transparent; border-bottom: 2px solid transparent; } .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a { border-bottom: 2px solid #1ABC9C; top: -2px; height: 44px; line-height: 44px; } /* Tabs - Navigation Style 2 -----------------------------------------------------------------*/ ul.tab-nav.tab-nav2 { border-bottom: 0; } ul.tab-nav.tab-nav2 li { border: 0; margin-left: 10px; } ul.tab-nav.tab-nav2 li:first-child { margin-left: 0; border-left: 0; } ul.tab-nav.tab-nav2 li a { background-color: #F5F5F5; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } ul.tab-nav.tab-nav2 li.ui-state-active a { top: 0; background-color: #1ABC9C; color: #FFF; } /* Tabs - Large Navigation -----------------------------------------------------------------*/ ul.tab-nav-lg { margin-bottom: 20px; list-style: none; } ul.tab-nav-lg li { float: left; position: relative; text-align: center; padding: 15px; } ul.tab-nav-lg li a { display: inline-block; color: #444; font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; } ul.tab-nav.tab-nav-lg li i { display: block; font-size: 28px; margin: 0 0 7px; } ul.tab-nav-lg li.ui-tabs-active a { color: #1ABC9C; } ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before, ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after { content: ''; position: absolute; z-index: 2; top: auto; bottom: -50px; border: solid transparent; } ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after { border-top-color: #FFF; border-width: 16px; left: 50%; margin-left: -16px; } ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before { border-top-color: #FFF; border-width: 16px; left: 50%; margin-left: -16px; } /* Tabs - Content Area -----------------------------------------------------------------*/ .tab-container { position: relative; padding: 20px 0 0; } ul.tab-nav li a i { position: relative; top: 1px; font-size: 14px; margin-right: 3px; } /* Tabs - Bordered -----------------------------------------------------------------*/ .tabs-bordered ul.tab-nav li:first-child { margin-left: 0; } .tabs-bordered .tab-container { border: 1px solid #DDD; border-top: 0; padding: 20px; } /* Tabs - Side Tabs -----------------------------------------------------------------*/ .side-tabs ul.tab-nav { float: left; width: 200px; padding: 20px 0; border-bottom: 0; border-right: 1px solid #DDD; } .side-tabs ul.tab-nav li { float: none; border: 1px solid #DDD; border-right: 0; border-top: 0; height: auto; text-align: left; } .side-tabs ul.tab-nav li:first-child { margin-left: 0; border-top: 1px solid #DDD; border-left: 1px solid #DDD; } .side-tabs ul.tab-nav li a { height: auto; line-height: 44px; } .side-tabs ul.tab-nav li.ui-tabs-active a { top: 0; right: -1px; } .side-tabs .tab-container { overflow: hidden; padding: 15px 0 0 20px; } .ui-tabs .ui-tabs-hide { position: absolute !important; left: -10000px !important; display:block !important; } /* Tabs - Side Tabs & Nav Style 2 -----------------------------------------------------------------*/ .side-tabs ul.tab-nav.tab-nav2 { border: 0; } .side-tabs ul.tab-nav.tab-nav2 li { border: 0; margin: 6px 0 0; } .side-tabs ul.tab-nav.tab-nav2 li:first-child { margin-top: 0; } .side-tabs ul.tab-nav.tab-nav2 li a { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } .side-tabs ul.tab-nav.tab-nav2 li.ui-state-active a { right: 0; } /* Tabs - Side Tabs & Bordered -----------------------------------------------------------------*/ .tabs-bordered.side-tabs ul.tab-nav { position: relative; padding: 0; z-index: 2; margin-right: -1px; } .tabs-bordered.side-tabs ul.tab-nav li a { height: auto; line-height: 44px; } .tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a { right: -1px; border-right: 1px solid #FFF; } .tabs-bordered.side-tabs .tab-container { overflow: hidden; padding: 20px; border-top: 1px solid #DDD; } /* ---------------------------------------------------------------- Side Navigation -----------------------------------------------------------------*/ .sidenav { width: 100%; padding: 0; background-color: #FFF; list-style-type: none !important; border-radius: 4px; } .sidenav > li > a { display: block; margin: 0 0 -1px; padding: 11px 14px; font-size: 14px; border: 1px solid #E5E5E5; border-right-width: 2px; color: #666; } .sidenav > li:first-child > a { border-radius: 4px 4px 0 0; } .sidenav > li:last-child > a { border-radius: 0 0 4px 4px; border-bottom-width: 2px; } .sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover { position: relative; z-index: 2; border-color: rgba(0,0,0,0.1) !important; color: #FFF !important; font-weight: 600; background-color: #1ABC9C !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .sidenav li i { position: relative; top: 1px; margin-right: 6px; font-size: 14px; text-align: center; width: 16px; } /* Chevrons */ .sidenav .icon-chevron-right { float: right; margin-top: 2px; margin-right: -6px; opacity: .4; font-size: 12px !important; } .sidenav > li > a:hover { background-color: #F5F5F5; color: #222; } .sidenav a:hover .icon-chevron-right { opacity: .5; } .sidenav .ui-tabs-active .icon-chevron-right, .sidenav .ui-tabs-active a:hover .icon-chevron-right { opacity: 1; } /*----------------------------------------------------------------------------------- Shortcodes: toggles-accordions.less -----------------------------------------------------------------------------------*/ a:active, a:hover { outline: 0; color: #444; text-decoration: none; } /* ---------------------------------------------------------------- Toggle -----------------------------------------------------------------*/ .toggle:not(.field-tooltip) { display: block; position: relative; margin: 0 0 20px 0; } .toggle .togglet, .toggle .toggleta { display: block; position: relative; line-height: 24px; padding: 0 0 0 24px; margin: 0; font-size: 16px; font-weight: 600; color: #444; cursor: pointer; } .toggle .togglet i { position: absolute; top: 0; left: 0; width: 16px; text-align: center; font-size: 16px; line-height: 24px; } .toggle .toggleta { font-weight: bold; } .toggle .togglet i.toggle-open, .toggle .toggleta i.toggle-closed { display: none; } .toggle .toggleta i.toggle-open { display: block; } .toggle .togglec { display: block; position: relative; padding: 10px 0 0 24px; } /* Toggle - with Title Background -----------------------------------------------------------------*/ .toggle.toggle-bg .togglet, .toggle.toggle-bg .toggleta { background-color: #EEE; line-height: 44px; padding: 0 0 0 36px; border-radius: 2px; } .toggle.toggle-bg .togglet i { left: 14px; line-height: 44px; } .toggle.toggle-bg .togglec { padding: 12px 0 0 36px; } /* Toggle - Bordered -----------------------------------------------------------------*/ .toggle.toggle-border { border: 1px solid #CCC; border-radius: 4px; } .toggle.toggle-border .togglet, .toggle.toggle-border .toggleta { line-height: 44px; padding: 0 15px 0 36px; } .toggle.toggle-border .togglet i { left: 14px; line-height: 44px; } .toggle.toggle-border .togglec { padding: 0 15px 15px 36px; } /* ---------------------------------------------------------------- Accordions -----------------------------------------------------------------*/ .accordion { margin-bottom: 20px; } .acctitle { display: block; position: relative; line-height: 24px; margin: 0; font-size: 14px; font-weight: bold; color: #444; cursor: pointer; border-top: 1px dotted #DDD; padding: 10px 0 10px 20px; } .acctitlec { cursor: auto; } .acctitle:first-child { border-top: none; } .acctitle i { position: absolute; top: 0; left: 0; width: 14px; text-align: center; font-size: 14px; line-height: 44px; } .acctitle i.acc-open, .acctitlec i.acc-closed { display: none; } .acctitlec i.acc-open { display: block; } .acc_content { position: relative; padding: 0 0 15px 20px; } /* Accordion - with Title Background -----------------------------------------------------------------*/ .accordion.accordion-bg .acctitle, .accordion.accordion-bg .acctitlec { background-color: #EEE; line-height: 44px; padding: 0 0 0 36px; margin-bottom: 5px; border-top: 0; } .accordion.accordion-bg .acctitle i { left: 14px; line-height: 44px; } .accordion.accordion-bg .acc_content { padding: 10px 0 15px 36px; } /* Accordion - Bordered -----------------------------------------------------------------*/ .accordion.accordion-border { border: 1px solid #DDD; border-radius: 4px; } .accordion.accordion-border .acctitle, .accordion.accordion-border .acctitlec { border-color: #CCC; line-height: 44px; padding: 0 15px 0 36px; } .accordion.accordion-border .acctitle i { left: 14px; line-height: 44px; } .accordion.accordion-border .acc_content { padding: 0 15px 15px 36px; } /* Accordion - Large -----------------------------------------------------------------*/ .accordion.accordion-lg .acctitle { font-size: 23px; line-height: 44px; padding-left: 30px; font-weight: 400; } .accordion.accordion-lg .acctitle i { width: 20px; font-size: 20px; line-height: 64px; } .accordion.accordion-lg .acc_content { padding: 10px 0 30px 30px; } /* Accordion - bootstrap / panels -----------------------------------------------------------------*/ .panel-accordion .panel-default { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-accordion .panel-default, .panel-default{ border-color: #dddddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #dddddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dddddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #ffffff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #ffffff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; }.hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } }/*----------------------------------------------------------------------------------- pagetitle.css -----------------------------------------------------------------------------------*/ /* ---------------------------------------------------------------- Page Title -----------------------------------------------------------------*/ #page-title { position: relative; padding: 50px 0; background-color: #F5F5F5; border-bottom: 1px solid #EEE; } #page-title .container { position: relative; } #page-title h1 { padding: 0; margin: 0; line-height: 1; font-weight: 600; letter-spacing: 1px; color: #333; font-size: 28px; text-transform: uppercase; } #page-title span { display: block; margin-top: 10px; font-weight: 300; color: #777; font-size: 18px; } .breadcrumb { position: absolute !important; width: auto !important; top: 50% !important; left: auto !important; right: 15px !important; margin: -10px 0 0 0 !important; background-color: transparent !important; padding: 0 !important; font-size: 12px; } body.stretched .container-fullwidth .breadcrumb { right: 60px !important; } #header.transparent-header + #page-title.page-title-parallax .breadcrumb { margin-top: 35px !important; } .breadcrumb a { color: #555; } .breadcrumb a:hover { color: #1ABC9C; } .breadcrumb i { width: auto !important; } /* Page Title - Dark -----------------------------------------------------------------*/ #page-title.page-title-dark { background-color: #333; text-shadow: 1px 1px 1px rgba(0,0,0,0.15) !important; border-bottom: none; } #page-title.page-title-dark h1 { color: rgba(255,255,255,0.9) !important; } #page-title.page-title-dark span { color: rgba(255,255,255,0.7); } #page-title.page-title-dark .breadcrumb > .active { color: rgba(255,255,255,0.6); } #page-title.page-title-dark .breadcrumb a { color: rgba(255,255,255,0.8); } #page-title.page-title-dark .breadcrumb a:hover { color: rgba(255,255,255,0.95); } /* Page Title - Right Aligned -----------------------------------------------------------------*/ #page-title.page-title-right { text-align: right; } #page-title.page-title-right .breadcrumb { left: 15px !important; right: auto !important; } /* Page Title - Center Aligned -----------------------------------------------------------------*/ #page-title.page-title-center { text-align: center; } #page-title.page-title-center span { max-width: 700px; margin-left: auto; margin-right: auto; } #page-title.page-title-center .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 20px 0 0 !important; } /* Page Title - Background Pattern -----------------------------------------------------------------*/ #page-title.page-title-pattern { background-image: url('../../frontend/Kemana/default/id_ID/images/pattern.png'); background-repeat: repeat; background-attachment: fixed; } /* Page Title - Parallax Background -----------------------------------------------------------------*/ #page-title.page-title-parallax { padding: 100px 0; text-shadow: none; border-bottom: none; } #page-title.page-title-parallax h1 { font-size: 40px; font-weight: 600; letter-spacing: 2px; } #page-title.page-title-parallax span { font-size: 22px; } #page-title.page-title-parallax .breadcrumb { font-size: 13px; } #page-title.page-title-parallax { background-color: transparent; background-image: url('../../frontend/Kemana/default/id_ID/images/parallax/parallax-bg.jpg'); background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; } /* Page Title - Mini -----------------------------------------------------------------*/ #page-title.page-title-mini { padding: 20px 0; } #page-title.page-title-mini h1 { font-weight: 600; font-size: 18px; color: #444; } #page-title.page-title-mini span { display: none; } /* Page Title - No Background -----------------------------------------------------------------*/ #page-title.page-title-nobg { background: transparent !important; border-bottom: 1px solid #F5F5F5; } /* Page Title - Video -----------------------------------------------------------------*/ #page-title.page-title-video { background: none; position: relative; overflow: hidden; } #page-title.page-title-video .container { z-index: 3; } #page-title.page-title-video .video-wrap { position: absolute; width: 100%; top: 0; left: 0; } #page-title.page-title-video .video-wrap video { width: 100%; }/* ---------------------------------------------------------------- Columns & Grids -----------------------------------------------------------------*/ .col_full { width: 100%; } .col_half { width: 48%; } .col_one_third { width: 30.63%; } .col_two_third { width: 65.33%; } .col_one_fourth { width: 22%; } .col_three_fourth { width: 74%; } .col_one_fifth { width: 16.8%; } .col_two_fifth { width: 37.6%; } .col_three_fifth { width: 58.4%; } .col_four_fifth { width: 79.2%; } .col_one_sixth { width: 13.33%; } .col_five_sixth { width: 82.67%; } body.stretched .container-fullwidth { position: relative; padding: 0 60px; width: 100%; } .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth { display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; } .col_full { clear: both; float: none; margin-right: 0; } .col_last { margin-right: 0 !important; clear: right; } form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth { margin-bottom: 25px; } @media (max-width: 767px) { .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth { width: 100%; margin-right: 0; float: none; margin-bottom: 50px !important; } .sidebar.col_last { margin-bottom: 0 !important; } form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth { margin-bottom: 25px !important; } }.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button.btn { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:focus, .btn-default.focus { color: #333333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } .btn-default .badge { color: #ffffff; background-color: #333333; } .btn-primary { color: #ffffff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #ffffff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #ffffff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #ffffff; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #ffffff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #ffffff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #ffffff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #ffffff; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #ffffff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #ffffff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #ffffff; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #ffffff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #ffffff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #ffffff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #ffffff; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #ffffff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #ffffff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #ffffff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .collapse { display: none; visibility: hidden; } .collapse.in { display: block; visibility: visible; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; } .dropdown .dropdown-menu li{ padding: 0px;} .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="wp-buttons"] > .btn input[type="radio"], [data-toggle="wp-buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="wp-buttons"] > .btn input[type="checkbox"], [data-toggle="wp-buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } /*----------------------------------------------------------------------------------- Shortcodes: buttons.css -----------------------------------------------------------------------------------*/ /* ---------------------------------------------------------------- wp-buttons -----------------------------------------------------------------*/ .wp-button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 0 22px; font-size: 14px; height: 40px; line-height: 40px; background-color: #d83701; color: #FFF; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-decoration: none; } a.wp-button { color: #fff; text-decoration: none; } body:not(.device-touch) .wp-button { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .wp-button-dark { background-color: #444; } .wp-button-light { background-color: #EEE; color: #333!important; text-shadow: none !important; } .wp-button:hover { background-color: #444; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .wp-button.wp-button-dark:hover { background-color: #d83701; } .wp-button.wp-button-mini { padding: 0 14px; font-size: 11px; height: 28px; line-height: 28px; } .wp-button.wp-button-small { padding: 0 17px; font-size: 12px; height: 34px; line-height: 34px; } .wp-button.wp-button-large { padding: 0 26px; font-size: 16px; height: 46px; line-height: 46px; } .wp-button.wp-button-xlarge { padding: 0 32px; font-size: 18px; letter-spacing: 2px; height: 52px; line-height: 52px; } .wp-button.wp-button-desc { text-align: left; padding: 24px 34px; font-size: 22px; height: auto; line-height: 1; font-family: 'Raleway', sans-serif; } .wp-button.wp-button-desc span { display: block; margin-top: 10px; font-size: 14px; font-weight: 400; letter-spacing: 1px; font-family: 'Crete Round', serif; font-style: italic; text-transform: none; } .wp-button i { position: relative; top: 1px; line-height: 1; margin-right: 5px; } .wp-button.tright i { margin: 0 0 0 5px; } .wp-button-mini i { margin-right: 3px; } .wp-button-mini.tright i { margin: 0 0 0 3px; } .wp-button-small i { margin-right: 4px; } .wp-button-small.tright i { margin: 0 0 0 4px; } .wp-button-xlarge i { top: 2px; margin-right: 8px; } .wp-button-xlarge.tright i { margin: 0 0 0 8px; } .wp-button.wp-button-desc i { top: 1px; font-size: 48px; width: 48px; text-align: center; margin-right: 12px; } .wp-button.wp-button-desc.tright i { margin: 0 0 0 12px; } .wp-button.wp-button-desc div { display: inline-block; } .wp-button.wp-button-rounded { border-radius: 3px; } /* wp-buttons - Border -----------------------------------------------------------------*/ .wp-button.wp-button-border { border: 2px solid #444; background-color: transparent; color: #333; line-height: 36px; font-weight: 600; text-shadow: none; } .wp-button.wp-button-border.wp-button-mini { line-height: 24px; } .wp-button.wp-button-border.wp-button-small { line-height: 30px; } .wp-button.wp-button-border.wp-button-large { line-height: 42px; } .wp-button.wp-button-border.wp-button-xlarge { line-height: 48px; } .wp-button.wp-button-border.wp-button-desc { line-height: 1; } .wp-button.wp-button-border:hover { background-color: #444; color: #FFF; border-color: transparent !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .wp-button.wp-button-border.wp-button-light { border-color: #EEE; color: #EEE!important; } .wp-button.wp-button-border.wp-button-light:hover { background-color: #EEE; color: #333!important; text-shadow: none; } /* wp-buttons - Border -----------------------------------------------------------------*/ .wp-button.wp-button-3d { border-radius: 3px; border-bottom: 3px solid rgba(0,0,0,0.15); -webkit-transition: none; -o-transition: none; transition: none; } .wp-button.wp-button-3d:hover { background-color: #d83701 !important; opacity: 0.9; } .wp-button.wp-button-3d.wp-button-light:hover, .wp-button.wp-button-reveal.wp-button-light:hover { text-shadow: none; color: #333; } /* wp-buttons - Icon Reveal -----------------------------------------------------------------*/ .wp-button.wp-button-reveal { padding: 0 28px; overflow: hidden; } .wp-button.wp-button-reveal i { display: block; position: absolute; top: 0; left: -32px; width: 32px; height: 40px; line-height: 40px; margin: 0; text-align: center; background-color: rgba(0,0,0,0.1); } .wp-button.wp-button-reveal.wp-button-border i { top: -2px; } .wp-button.wp-button-reveal.tright i { left: auto; right: -32px; } .wp-button.wp-button-reveal.wp-button-3d i, .wp-button.wp-button-reveal.wp-button-rounded i { border-radius: 3px 0 0 3px; } .wp-button.wp-button-reveal.wp-button-3d.tright i, .wp-button.wp-button-reveal.wp-button-rounded.tright i { border-radius: 0 3px 3px 0; } .wp-button.wp-button-reveal span { display: inline-block; position: relative; left: 0; } body:not(.device-touch) .wp-button.wp-button-reveal i, body:not(.device-touch) .wp-button.wp-button-reveal span { -webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .wp-button.wp-button-reveal.wp-button-mini { padding: 0 17px; } .wp-button.wp-button-reveal.wp-button-mini i { left: -22px; width: 22px; height: 28px; line-height: 28px; } .wp-button.wp-button-reveal.wp-button-mini.tright i { left: auto; right: -22px; } .wp-button.wp-button-reveal.wp-button-small { padding: 0 22px; } .wp-button.wp-button-reveal.wp-button-small i { left: -26px; width: 26px; height: 34px; line-height: 34px; } .wp-button.wp-button-reveal.wp-button-small.tright i { left: auto; right: -26px; } .wp-button.wp-button-reveal.wp-button-large { padding: 0 32px; } .wp-button.wp-button-reveal.wp-button-large i { left: -38px; width: 38px; height: 46px; line-height: 46px; } .wp-button.wp-button-reveal.wp-button-large.tright i { left: auto; right: -38px; } .wp-button.wp-button-reveal.wp-button-xlarge { padding: 0 40px; } .wp-button.wp-button-reveal.wp-button-xlarge i { left: -44px; width: 44px; height: 52px; line-height: 52px; } .wp-button.wp-button-reveal.wp-button-xlarge.tright i { left: auto; right: -44px; } .wp-button.wp-button-reveal:hover i { left: 0; } .wp-button.wp-button-reveal.tright:hover i { left: auto; right: 0; } .wp-button.wp-button-reveal:hover span { left: 16px; } .wp-button.wp-button-reveal.wp-button-mini:hover span { left: 11px; } .wp-button.wp-button-reveal.wp-button-small:hover span { left: 13px; } .wp-button.wp-button-reveal.wp-button-large:hover span { left: 19px; } .wp-button.wp-button-reveal.wp-button-xlarge:hover span { left: 22px; } .wp-button.wp-button-reveal.tright:hover span { left: -16px; } .wp-button.wp-button-reveal.wp-button-mini.tright:hover span { left: -11px; } .wp-button.wp-button-reveal.wp-button-small.tright:hover span { left: -13px; } .wp-button.wp-button-reveal.wp-button-large.tright:hover span { left: -19px; } .wp-button.wp-button-reveal.wp-button-xlarge.tright:hover span { left: -22px; } /* wp-buttons - Promo 100% Width -----------------------------------------------------------------*/ .wp-button.wp-button-full { display: block !important; white-space: normal; margin: 0; height: auto; line-height: 1.6; padding: 30px 0; font-size: 30px; font-weight: 300; text-transform: none; border-radius: 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .wp-button.wp-button-full.wp-button-light { border-bottom: 1px solid rgba(0,0,0,0.15); } .wp-button.wp-button-full strong { font-weight: 600; border-bottom: 2px solid #EEE; } body:not(.device-touch) .wp-button.wp-button-full strong { -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .wp-button.wp-button-full.wp-button-light strong { border-bottom-color: #333; } .wp-button.wp-button-full.wp-button-light:hover strong { border-bottom-color: #EEE; } /* wp-buttons - Colors -----------------------------------------------------------------*/ .wp-button-red { background-color: #C02942; } .wp-button-3d.wp-button-red:hover, .wp-button-reveal.wp-button-red:hover { background-color: #C02942 !important; } .wp-button-teal { background-color: #53777A; } .wp-button-3d.wp-button-teal:hover, .wp-button-reveal.wp-button-teal:hover { background-color: #53777A !important; } .wp-button-yellow { background-color: #ECD078; } .wp-button-3d.wp-button-yellow:hover, .wp-button-reveal.wp-button-yellow:hover { background-color: #ECD078 !important; } .wp-button-green { background-color: #59BA41; } .wp-button-3d.wp-button-green:hover, .wp-button-reveal.wp-button-green:hover { background-color: #59BA41 !important; } .wp-button-brown { background-color: #774F38; } .wp-button-3d.wp-button-brown:hover, .wp-button-reveal.wp-button-brown:hover { background-color: #774F38 !important; } .wp-button-aqua { background-color: #40C0CB; } .wp-button-3d.wp-button-aqua:hover, .wp-button-reveal.wp-button-aqua:hover { background-color: #40C0CB !important; } .wp-button-lime { background-color: #AEE239; } .wp-button-3d.wp-button-lime:hover, .wp-button-reveal.wp-button-lime:hover { background-color: #AEE239 !important; } .wp-button-purple { background-color: #5D4157; } .wp-button-3d.wp-button-purple:hover, .wp-button-reveal.wp-button-purple:hover { background-color: #5D4157 !important; } .wp-button-leaf { background-color: #A8CABA; } .wp-button-3d.wp-button-leaf:hover, .wp-button-reveal.wp-button-leaf:hover { background-color: #A8CABA !important; } .wp-button-pink { background-color: #F89FA1; } .wp-button-3d.wp-button-pink:hover, .wp-button-reveal.wp-button-pink:hover { background-color: #F89FA1 !important; } .wp-button-dirtygreen { background-color: #1693A5; } .wp-button-3d.wp-button-dirtygreen:hover, .wp-button-reveal.wp-button-dirtygreen:hover { background-color: #1693A5 !important; } .wp-button-blue { background-color: #1265A8; } .wp-button-3d.wp-button-blue:hover, .wp-button-reveal.wp-button-blue:hover { background-color: #1265A8 !important; } .wp-button-amber { background-color: #EB9C4D; } .wp-button-3d.wp-button-amber:hover, .wp-button-reveal.wp-button-amber:hover { background-color: #EB9C4D !important; } .wp-button-black { background-color: #111; } .wp-button-3d.wp-button-black:hover, .wp-button-reveal.wp-button-black:hover { background-color: #111 !important; } .wp-button-white { background-color: #F9F9F9; } .wp-button-3d.wp-button-white:hover, .wp-button-reveal.wp-button-white:hover { background-color: #F9F9F9 !important; } /* wp-buttons - No Hover -----------------------------------------------------------------*/ .wp-button.wp-button-nohover:hover { opacity: inherit !important; background-color: inherit !important; color: inherit !important; border-color: inherit !important; }.btt-button { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 20px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-align:center; white-space: nowrap; background: #ffffff; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index:100; } .btt-button:after { font-family: 'luma-icons'; position: absolute; content: '\e621'; top: 10px; left: 10px; } .theme-pearl .page-wrapper .btt-button.btt-button-image,.theme-pearl .page-wrapper .btt-button.btt-button-image-default { width: auto; height: auto; padding: 5px 15px; border-width: 0; border-color: transparent; transition: all 0.3s; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); background-color: #fff; color: #0a0a0a; } .btt-button.btt-button-image:hover,.btt-button.btt-button-image-default:hover { transition: all 0.3s; box-shadow: 0 15px 25px -5px #A9A9A9; } .btt-button.btt-button-image:after, .btt-button.btt-button-image-default:after { content: ''; } .btt-button.btt-button-image:before, .btt-button.btt-button-image-default:before{ font-family: 'luma-icons'; content: '\e621'; top: 10px; left: 10px; } .theme-pearl .page-wrapper .btt-button.btt-button-image,.theme-pearl .page-wrapper .btt-button.btt-button-image-desktop-only { width: auto; height: auto; padding: 5px 15px; border-width: 0; border-color: transparent; transition: all 0.3s; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); background-color: #fff; color: #0a0a0a; } .btt-button.btt-button-image:hover,.btt-button.btt-button-image-desktop-only:hover { transition: all 0.3s; box-shadow: 0 15px 25px -5px #A9A9A9; } .btt-button.btt-button-image:after, .btt-button.btt-button-image-desktop-only:after { content: ''; } .btt-button.btt-button-image:before, .btt-button.btt-button-image-desktop-only:before{ font-family: 'luma-icons'; content: '\e621'; top: 10px; left: 10px; } .btt-button .icon-chevron-up{ align-content: center; vertical-align: middle; text-align: center; color: #000; font-size: 20px; line-height: 38px; } .btt-button.cd-is-visible, .btt-button.cd-fade-out, .no-touch .btt-button:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .btt-button.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; z-index: 0; } .btt-button.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .btt-button.cd-fade-out:hover { opacity: 1; } .no-touch .btt-button:hover { background-color: #000; opacity: 1; } .btt-button.btt-button-image .btt-img, .btt-button.btt-button-image-default .btt-img-default { max-height: 70px; } .btt-button.btt-button-image .btt-label, .btt-button.btt-button-image-default .btt-label-default { color: #303030; font-weight: 400; line-height: 1.1; font-size: 1.4rem; text-align: center; } .btt-button.btt-button-image .btt-img, .btt-button.btt-button-image-default .btt-img-desktop-only { max-height: 70px; } .btt-button.btt-button-image .btt-label, .btt-button.btt-button-image-default .btt-label-default, .btt-button.btt-button-image-desktop-only .btt-label-desktop-only { color: #303030; font-weight: 400; line-height: 1.1; font-size: 1.4rem; text-align: center; } .btt-button .product-reviews-summary, .btt-button .product-reviews-summary { margin: 0; } .btt-button .product-reviews-summary, .btt-button .product-reviews-summary-default .rating-summary .rating-result, .btt-button .product-reviews-summary-desktop-only .rating-summary .rating-result { float: none !important; } .btt-button.btt-button-image-default .btt-price-default, .btt-button.btt-button-image .btt-price, .btt-button.btt-button-image-desktop-only .btt-price-desktop-only { font-size: 1.4rem; margin: 0; } @media (max-width: 767px) { .theme-pearl .page-wrapper .btt-button.btt-button-image-default { height: 40px; width: 40px; background-color: #0a0a0a; } .theme-pearl .page-wrapper .btt-button.btt-button-image-default:hover { background-color: #ffffff; border: #232323 1px solid; } .btt-button { z-index: 10; } .btt-button.btt-button-image-default::after{ font-family: 'luma-icons'; color: #FFFFFF; position: absolute; content: '\e621'; top: 10px; left: 10px; } .btt-button.btt-button-image-default:hover::after { color: #000000; } .btt-button.cd-is-visible { z-index: 1; } .btt-button.btt-button-image-default .btt-img-default, .btt-button.btt-button-image-default .btt-label-default, .btt-button.btt-button-image-default .product-reviews-summary-default, .btt-button.btt-button-image-default .btt-price-default, .btt-button.btt-button-image-default:before, .btt-button.btt-button-image-desktop-only { display: none; } }