@charset "UTF-8"; /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .page-header__panel { padding: 10px 0; } .page-header__panel .links { order: 2; } .page-header__content { padding: 10px 0; } * { margin: 0; } html, body { height: 100%; } body { background: #191919; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.7; text-align: left; -webkit-text-size-adjust: none; color: #4e4e4e; } @media (min-width: 992px) { body { font-size: 16px; line-height: 24px; } } body[aria-busy="true"]:after { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.1); } .page-main .page-messages { margin: 0 1rem 0; } /*Stick to bottom footer*/ .page-wrapper { background: #FFF; position: relative; z-index: 3; } .page-wrapper:after { content: ""; display: block; } .grid-left, .grid-right { background: #191919; color: #fff; } .rd-navbar .logo { margin: 0 auto; display: none; padding: 20px 0 27px; text-align: center; } @media (min-width: 768px) { .rd-navbar .logo { margin: 20px 0 27px 32px; display: inline-block; padding: 0; } } .logo_desktop { margin: 0 auto; display: block; padding: 20px 0 27px; text-align: center; } @media (min-width: 768px) { .logo_desktop { display: none; } } .touch-device .rd-navbar .logo { display: none; } .touch-device .logo_desktop { display: block; } .sidebar .block:last-child { broder-bottom: none; } .sidebar .block-title { padding: 24px 29px 0; } .sidebar .block-content { padding: 0 29px 26px; border-bottom: 1px solid #393939; color: #999; } .sidebar .block-content[role="tabpanel"] { margin-bottom: 0; } .sidebar .block-content .subtitle { font-size: 16px; line-height: 24px; margin-bottom: 1rem; text-transform: uppercase; margin-bottom: 1rem; display: inline-block; } .sidebar .block-subtitle { margin-bottom: 6px; } .sidebar .block-subtitle strong { font-size: 16px; line-height: 24px; } .sidebar .collapsible-block .opener { margin: 16px; } .sidebar .collapsible-block:last-child .block, .sidebar .collapsible-block:last-child .block-content { border-bottom: none; } @media (min-width: 992px) { .sidebar { padding-top: 18px; } } .sidebar.sidebar-additional { padding-top: 0; } .sidebar a:hover { color: #fff; } .sidebar [aria-level="2"] { font-weight: 300; } .page-header { position: relative; z-index: 2; margin-bottom: 0; } @media (min-width: 768px) { .page-header { z-index: 5; } } .page-header__panel .container { display: flex; justify-content: space-between; } .page-header__content .container { display: flex; justify-content: space-between; } .page-header__content .logo { flex-grow: 3; } .header.links li { margin-left: 1rem; } .switcher { position: relative; margin: 0 1rem; padding: 0; } .switcher .toggle { cursor: pointer; } .switcher .toggle::after { font-family: "FontAwesome"; content: '\f107'; padding: 4px; } .switcher .toggle.active::after { font-family: "FontAwesome"; content: '\f106'; } .switcher .dropdown .mage-dropdown-dialog { -webkit-transform: translateY(-30px); transform: translateY(-30px); transition: .3s all ease; opacity: 0; visibility: hidden; position: absolute; left: 0; background: #FFF; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.2); border: none; width: 250px; z-index: 15; } .switcher .dropdown .mage-dropdown-dialog a { display: block; padding: 5px 10px; color: #777; } .switcher .dropdown .mage-dropdown-dialog a:hover { color: #777; background: white; } .switcher .dropdown.active .mage-dropdown-dialog { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .switcher-label { display: none; } .switcher-options { display: inline-block; } .switcher-options.active .switcher-dropdown { display: inline-block; } .switcher-dropdown { display: none; } .links li { display: inline-block; } .page-top { margin-bottom: 2rem; } .nav.items .nav.item, .footer.links .nav.item { padding: 5px 0 4px; line-height: inherit; } .breadcrumbs { margin: 23px 10px 0 24px; } .breadcrumbs .items .item { font-size: 12px; line-height: 20px; color: #999; margin-right: 8px; padding-right: 16px; display: inline-block; position: relative; } .breadcrumbs .items .item:before { content: ''; position: absolute; top: 4px; right: 0; width: 6px; height: 11px; background: url("../../web/images/breadcrumb_arrow.png") 0 0 no-repeat; } .breadcrumbs .items .item:last-child { margin-right: 0; padding-right: 0; } .breadcrumbs .items .item:last-child:before { display: none; } .breadcrumbs .items .item strong { font-weight: 300; } .breadcrumbs .items .item.home a { display: inline-block; } .breadcrumbs .items .item.home a:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .breadcrumbs .items .item.home a:before { font-size: 18px; color: #d1d1d1; } .breadcrumbs .items .item.home a span { display: none; } .page-main { position: relative; z-index: 1; margin-bottom: 2rem; } .page-title-wrapper { margin-top: 20px; margin-bottom: 44px; text-align: center; } .page-wrapper .container-fluid { padding: 0; } .page-wrapper .container-fluid .row { margin: 0; } .column.main > .container { width: 100%; } .columns > .row { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-layout-3columns .grid-left { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .page-layout-3columns .grid-main { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .page-layout-3columns .grid-right { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .page-layout-2columns-right .grid-main { -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 0 15px; } .page-layout-2columns-right .grid-right { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media (min-width: 768px) { .page-layout-2columns-right .grid-right { -webkit-flex-basis: none; -ms-flex-preferred-size: none; flex-basis: none; max-width: none; } } .page-layout-2columns-left .grid-left { -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media (min-width: 768px) { .page-layout-2columns-left .grid-left { -webkit-flex-basis: none; -ms-flex-preferred-size: none; flex-basis: none; max-width: none; } } .page-layout-2columns-left .grid-main { -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 0 15px; } .page-layout-1column .grid-main { width: 100%; padding: 0 1rem 2rem; } @media (min-width: 768px) { .page-layout-1column .grid-main { padding: 0 1rem 4rem; } } .page-layout-3columns .row, .page-layout-2columns-right .row, .page-layout-2columns-left .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { .page-layout-3columns .row, .page-layout-2columns-right .row, .page-layout-2columns-left .row { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width: 992px) { .page-layout-3columns .grid-main, .page-layout-2columns-right .grid-main, .page-layout-2columns-left .grid-main { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .page-layout-3columns .grid-left, .page-layout-2columns-right .grid-left, .page-layout-2columns-left .grid-left { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .page-layout-3columns .grid-right, .page-layout-2columns-right .grid-right, .page-layout-2columns-left .grid-right { -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media (min-width: 992px) { .page-layout-2columns-right .row, .page-layout-2columns-left .row { position: relative; } .page-layout-2columns-right .row > .grid-left, .page-layout-2columns-right .row > .grid-right, .page-layout-2columns-left .row > .grid-left, .page-layout-2columns-left .row > .grid-right { -webkit-flex-basis: 270px; -ms-flex-preferred-size: 270px; flex-basis: 270px; max-width: 270px; min-width: 270px; } .page-layout-2columns-right .row > .grid-main, .page-layout-2columns-left .row > .grid-main { padding: 0 30px; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } .page-products .page-main [class*='col-'] { padding: 0; position: relative; } .page-products .grid-main { z-index: 1; } .page-products .grid-left, .page-products .grid-right { z-index: 2; } @media (min-width: 992px) { .page-products .row { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } .block-title { margin-bottom: 1rem; position: relative; } .block-title .action { float: right; padding: 0; background: 0; line-height: inherit; } .block-title .action.edit { padding: 0 30px; } .block-title .counter { font-size: .8rem; position: absolute; top: 23px; right: 30px; } .block-subtitle { display: block; margin-bottom: 1rem; } .block-content { margin-top: 2rem; } .form.contact { margin-bottom: 2rem; } .form.contact .fieldset { margin-bottom: 1rem; } .box { margin-bottom: 1rem; } .box-title { margin-bottom: 1rem; display: block; } .page-footer { clear: both; } .copyright-container { margin: 1rem 0; } .footer.links .item { display: block; } .no-display { display: none; } .page-footer__content { color: #999; font-weight: 300; margin: 4.1% 0; position: relative; z-index: 2; text-align: center; } .page-footer__content a { color: #999; cursor-default: pointer; cursor-alt: pointer; } .page-footer__content a:hover { color: #fff; } .page-footer__content a:active { color: #fff; } .page-footer__content a:focus { color: #fff; } .page-footer__content small { font-size: 14px; } .page-footer__content .logo { display: inline-block; margin: 0 auto; text-align: center; } .page-footer__content .container { margin-top: 3.5%; text-align: left; } .footer-columns { margin-top: 7.5%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .footer-columns ul li { font-size: 16px; line-height: 35px; } .footer-columns ul li strong { font-weight: 300; color: #fff; } .footer-columns > div { margin-bottom: 2em; text-align: center; position: relative; } .footer-columns > div:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -25px; border-top: 2px solid #fff; width: 50px; height: 0; } .footer-columns > div > ul { padding-top: 40px; } .footer-columns .col1 > ul { padding-top: 0; } .footer-columns .col1 .links { padding-top: 40px; } .footer-columns .store-address { margin-left: 0; } .footer-columns .store-address li { line-height: 31px; } .footer-columns .store-address li i { font-size: 20px; color: #fff; } .footer-columns .store-address li span { margin-left: 24px; } @media (min-width: 768px) { .footer-columns > div { margin-bottom: 0; text-align: left; } .footer-columns > div:before { left: 15px; margin-left: 0; } .footer-columns .col-sm-4:before { margin-left: 43px; } .footer-columns .store-address { margin-left: 43px; } } .footer-sub { text-align: center; margin-top: 5.6%; } .social-links { margin-bottom: 1.4%; } .social-links ul li { display: inline; } .social-links ul li a { font-size: 21.67px; padding: 8px; } .cms-index-index { background: #191919; } .cms-index-index .page-header { margin-bottom: 0; } .cms-index-index .page-title-wrapper { display: none; } .home-banners { color: #fff; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home-banners .home-banner { text-align: center; text-transform: uppercase; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; transition: 0.2s all 0.2s ease-out; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 120px 0; } .home-banners .home-banner:before { content: ''; position: absolute; width: 100%; height: 100%; background: #000; z-index: 2; top: 0; left: 0; opacity: 0.4; } .home-banners .home-banner > * { position: relative; z-index: 3; } .home-banners .home-banner:before { transition: 0.2s all 0.2s ease-out; } @media (min-width: 768px) { .home-banners .home-banner { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; position: relative; z-index: 1; transition: 0.2s all 0.2s ease-out; } .home-banners .home-banner:before { content: ''; position: absolute; width: 100%; height: 100%; background: #000; z-index: 2; top: 0; left: 0; opacity: 0.2; } .home-banners .home-banner > * { position: relative; z-index: 3; } } @media (min-width: 1200px) { .home-banners .home-banner { padding: 388px 0; } } .home-banners .home-banner.active { position: relative; z-index: 1; transition: 0.2s all 0.2s ease-out; } .home-banners .home-banner.active:before { content: ''; position: absolute; width: 100%; height: 100%; background: #000; z-index: 2; top: 0; left: 0; opacity: 0.5; } .home-banners .home-banner.active > * { position: relative; z-index: 3; } .home-banners a { color: #fff; } .home-banners a:hover { color: #fff; } .home-banners .banner-1 { background: url("../../web/images/media/home-banner-1.jpg") 100% 0 no-repeat; background-size: cover; font-weight: 300; } .home-banners .banner-1 span { display: block; } .home-banners .banner-1 .line-1 { font-size: 40px; } .home-banners .banner-1 .line-2 { font-size: 70px; line-height: 70px; } @media (min-width: 992px) { .home-banners .banner-1 .line-1 { font-size: 70px; line-height: 90px; } .home-banners .banner-1 .line-2 { font-size: 100px; line-height: 115px; } } .home-banners .banner-2 { background: url("../../web/images/media/home-banner-2.jpg") 50% 50% no-repeat; background-size: cover; line-height: 45px; } @media (min-width: 1200px) { .home-banners .banner-2 .caption { margin-top: -300px; } } .home-banners .banner-2 .line-1 { font-size: 100px; line-height: 120px; font-family: "Mr Dafoe", cursive; display: block; } .home-banners .banner-2 .line-2 { font-size: 60px; line-height: 80px; font-weight: 100; margin-bottom: 23px; display: inline-block; } .home-banners .banner-2 p { font-size: 22px; line-height: 32px; text-transform: none; font-weight: 300; max-width: 70%; margin: 0 auto; } @media (min-width: 480px) { .home-banners .banner-2 .line-1 { font-size: 120px; line-height: 130px; } .home-banners .banner-2 .line-2 { font-size: 80px; line-height: 100px; } .home-banners .banner-2 p { font-size: 24px; line-height: 45px; } } @media (min-width: 992px) { .home-banners .banner-2 .line-1 { font-size: 140px; line-height: 150px; letter-spacing: 35px; } .home-banners .banner-2 .line-2 { font-size: 80px; line-height: 110px; margin-bottom: 23px; } .home-banners .banner-2 p { font-size: 26px; } } @media (min-width: 1200px) { .home-banners .banner-2 .line-1 { font-size: 160px; line-height: 170px; } } .home-content { font-weight: 300; text-align: center; background: url("../../web/images/media/homepage-content-bg.jpg") 0 0 no-repeat; background-size: cover; color: #fff; padding: 10.2% 0 12.5%; position: relative; z-index: 1; transition: 0.2s all 0.2s ease-out; } .home-content:before { content: ''; position: absolute; width: 100%; height: 100%; background: #000; z-index: 2; top: 0; left: 0; opacity: 0.35; } .home-content > * { position: relative; z-index: 3; } .home-content .heading2 { font-size: 60px; line-height: 100px; text-transform: uppercase; color: #fff; margin-bottom: 2.5%; font-weight: 100; } .home-content p { font-size: 20px; line-height: 26px; margin: 0 auto; margin-bottom: 5%; max-width: 90%; } @media (min-width: 480px) { .home-content p { max-width: 55%; } } @media (min-width: 768px) { .home-content .heading2 { font-size: 80px; line-height: 125px; } .home-content p { font-size: 26px; line-height: 45px; } } .cms-no-route .grid-main { margin-bottom: 2rem; } .page-print .page-main > .logo { display: none; } .page-print .logo_desktop { display: block; } .page-print .order-details-items .actions-toolbar { display: none; } .page-print .copyright { display: block; text-align: center; padding-bottom: 2rem; } /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .catalog-category-view.page-products .grid-main { padding: 0; } .products .product-item .product-item-photo { display: block; text-align: center; } .products .product-item .product-item-name { display: block; text-transform: uppercase; font-size: 16px; line-height: 22px; font-weight: 300; margin-bottom: 14px; } .products .product-item .product-item-link { color: #333; } .products .product-item .product-item-link:hover { color: #fac58f; } .products .product-item .checkbox.related { margin-top: 0px; } .products .product-item .field.choice .label { line-height: 20px; } .products .product-item .rating-summary { display: inline-block; } .products .product-item .rating-summary .label { display: none; } .products .product-item .reviews-actions { display: none; } .products .product-item .reviews-actions .view { margin-right: 1rem; } .products .product-item .price-box { line-height: 48px; } .products .product-item .price-box .price-label { display: none !important; } .products .product-item .price-final_price { font-size: 30px; color: #191919; } .products .product-item .old-price { font-size: 18px; color: #333; text-decoration: line-through; } .products .product-item .old-price .price { text-decoration: line-through; font-size: 1rem; } .products .product-item .product-item-actions { margin-bottom: 1rem; } .products .product-item .swatch-input.super-attribute-select { display: none; } .sidebar .products .product-item .product-item-link { color: #999; font-weight: 300; line-height: 20px; font-size: 16px; text-transform: none; } .sidebar .products .product-item .product-item-link:hover { color: #fff; } .block.crosssell { margin-top: 2rem; } .products-grid.products-crosssell .product-items { margin: -15px; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (min-width: 480px) { .products-grid.products-crosssell .product-items .item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: 0 15px; } } @media (min-width: 768px) { .products-grid.products-crosssell .product-items .item { -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; } } @media (min-width: 992px) { .products-grid.products-crosssell .product-items .item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .products-grid.products-crosssell .product-item-actions { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products-grid.products-crosssell .price-box { margin-bottom: 1rem; } .toolbar { background: #f5f5f5; border-bottom: 1px solid #FFF; color: #333; } .toolbar .field { margin: 0; } .toolbar { background: #f5f5f5; border-bottom: 1px solid #FFF; margin-bottom: 0; padding: 0; color: #333; } .toolbar:last-child { display: none; } @media (min-width: 992px) { .toolbar { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -ms-flexbox; display: -webkit-flex; display: flex; } } .toolbar .filter-toggle { color: #333; padding: 3px 10px 0; background: none; border-right: 1px solid #dfdfdf; } .toolbar .filter-toggle .icon { font-size: 18px; line-height: 22px; } .toolbar .filter-toggle .icon:before { display: inline-block; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .toolbar .filter-toggle:hover { color: #999; } .toolbar .field { margin-bottom: 0; } .toolbar .field > .label, .toolbar .field > .control, .toolbar .field > .action { display: inline-block; } .toolbar .toolbar-column { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .toolbar .toolbar-column.toolbar-left { border-bottom: 1px solid #dfdfdf; } @media (min-width: 992px) { .toolbar .toolbar-column.toolbar-left { border-bottom: none; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 992px) { .toolbar .toolbar-column.toolbar-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 768px) { .toolbar .toolbar-column { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 992px) { .toolbar .toolbar-column { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .toolbar .toolbar-amount { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .toolbar .modes { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .toolbar .modes .modes-mode { padding: 10px 12px 5px; float: left; display: block; } .toolbar .pages { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .toolbar .limiter { -webkit-order: 4; -ms-flex-order: 4; order: 4; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 200px; } @media (min-width: 992px) { .toolbar .limiter { -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .toolbar .limiter > .control { width: 80px; } } .toolbar .limiter .label { text-transform: uppercase; font-size: 14px; line-height: 30px; padding: 10px; font-weight: 300; margin-right: 0; display: none; } @media (min-width: 480px) { .toolbar .limiter .label { display: inline-block; } } @media (min-width: 992px) { .toolbar .limiter .label { display: none; } } @media (min-width: 1200px) { .toolbar .limiter .label { display: inline-block; } } .toolbar .limiter .control { border: none; padding: 0; display: block; height: 52px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media (min-width: 480px) { .toolbar .limiter .control { border-left: 1px solid #dfdfdf; } } @media (min-width: 992px) { .toolbar .limiter .control { border: none; } } @media (min-width: 1200px) { .toolbar .limiter .control { border-left: 1px solid #dfdfdf; } } .toolbar .limiter .limiter-text { display: none; } .toolbar .limiter .selectize-dropdown { padding: 0; margin: 0 0 0 -1px; box-sizing: border-box; } .toolbar .control { padding: 5px 13px 5px; } .toolbar .toolbar-sorter { -webkit-order: 5; -ms-flex-order: 5; order: 5; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; position: relative; padding-right: 50px; } @media (min-width: 1200px) { .toolbar .toolbar-sorter { -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } } .toolbar .toolbar-sorter > .control { padding: 0; display: block; } .toolbar .toolbar-sorter .action.sorter-action { position: absolute; top: 0; right: 0; } .toolbar button.filter-toggle { display: none; } .toolbar select { border: none; background: none; outline: none; font-size: 14px; color: #333; } .modes { margin: 0; } .modes .modes-label { display: none; } .modes .modes-mode { line-height: 34px; display: inline-block; border-right: 1px solid #dfdfdf; font-size: 24px; } .modes .modes-mode span { display: none; } .modes .modes-mode.active { color: #4e4e4e; } .modes .modes-mode.active:hover { color: inherit; } .modes .modes-mode:hover { color: #191919; } .modes .mode-grid { font-weight: 400; font-style: normal; } .modes .mode-grid:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .modes .mode-list { font-weight: 400; font-style: normal; } .modes .mode-list:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .toolbar-amount { text-align: left; font-size: 14px; line-height: 30px; padding: 10px 15px; margin: 0; color: #999; border-right: 1px solid #dfdfdf; } .pages { text-align: right; position: relative; padding: 0 15px; border-right: 1px solid #dfdfdf; } .pages:hover .pages-items { display: block; } .pages .pages-label { cursor: pointer; font-weight: 300; line-height: 30px; padding: 10px 0; display: inline-block; } .pages .pages-items { display: none; position: absolute; top: 50px; left: 0; background: #f2f2f2; z-index: 5; text-align: left; padding: .5rem; width: 195px; font-size: 14px; } @media (min-width: 768px) { .pages .pages-items { padding: 1rem; width: 220px; font-size: 16px; } } @media (min-width: 992px) { .pages .pages-items { right: 0; left: inherit; text-align: right; } } .pages .pages-items:before { display: none; position: absolute; height: 0; width: 0; right: .5rem; top: -.5rem; border: transparent; border-left: .5rem solid transparent; border-right: .5rem solid transparent; border-bottom: 0.5rem solid #f2f2f2; content: ''; } .pages .item { margin-bottom: .5rem; line-height: 24px; } .pages .item a:hover { color: #191919; } .pages .item .label { line-height: 24px; } .pages .item.current .label { font-weight: 300; } .toolbar-sorter { text-align: right; margin: 0; } .toolbar-sorter .label.sorter-label { text-align: left; display: none; } .toolbar-sorter .action.sorter-action { margin-left: 0; padding: 5px 12px 2px; line-height: 40px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; } .toolbar-sorter .action.sorter-action span { display: none; } .toolbar-sorter .action.sorter-action:hover { color: #191919; } @media (min-width: 1200px) { .toolbar-products .field.toolbar-sorter > .control { width: 264px; } .toolbar-products .limiter > .control { width: 110px; } } .catalog-product-view .page-title { font-size: 24px; line-height: 34px; } @media (min-width: 992px) { .catalog-product-view .page-title { font-size: 34px; line-height: 44px; } } .catalog-product-view .grid-main { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .catalog-product-view .page-title-wrapper { margin-bottom: 14px; } .catalog-product-view .product.media { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 992px) { .catalog-product-view .product.media { margin-bottom: 70px; } } .catalog-product-view .swatch-input { left: -1000px; position: absolute; visibility: hidden; } .catalog-product-view .swatch-attribute div.mage-error { top: -3px; left: 100%; padding: 3px 10px; line-height: 24px; background: transparent; text-align: left; } .catalog-product-view .content { text-align: center; } .catalog-product-view .product-info-stock-sku { font-size: 14px; line-height: 25px; font-weight: 300; } .catalog-product-view .product-info-stock-sku > div { display: inline-block; } .catalog-product-view .product-info-stock-sku .label { line-height: 25px; } .catalog-product-view .product-info-stock-sku .sku { text-align: right; text-transform: uppercase; margin-right: 13px; } .catalog-product-view .product-info-stock-sku .sku strong { font-weight: 300; color: #333; margin-right: 6px; } .catalog-product-view .product-info-stock-sku .sku .value { color: #191919; background: #f5f5f5; padding: 0 6px; } .catalog-product-view .product-info-stock-sku .stock { margin-left: 13px; text-align: left; color: #777; } .catalog-product-view .product-info-stock-sku .stock.available .stock-value { color: #54b70b; } .catalog-product-view .product-info-stock-sku .stock.unavailable .stock-value { color: #ee372a; } .catalog-product-view .main { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 30px; } .catalog-product-view .product-info-main { padding-left: 15px; padding-right: 15px; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .catalog-product-view .product-info-main .product-reviews-summary { font-size: 12px; line-height: 25px; color: #191919; } .catalog-product-view .product-info-main .product-reviews-summary.empty .reviews-actions { border: none; margin: 0; padding: 0; } .catalog-product-view .product-info-main .rating-summary { display: inline-block; } .catalog-product-view .product-info-main .rating-summary .label { display: none; } .catalog-product-view .product-info-main .reviews-actions { border-left: 1px solid #dfdfdf; margin-left: 12px; padding-left: 12px; display: inline-block; } .catalog-product-view .product-info-main .reviews-actions .view { margin-right: 1rem; } .catalog-product-view .product-info-main .price-box { margin: 20px 0; } .catalog-product-view .product-info-main .price-box .price { font-size: 45px; line-height: 50px; color: #fac58f; } .catalog-product-view .product-info-main .product-add-form { width: 370px; max-width: 100%; padding: 0 10px; margin: 0 auto; } .catalog-product-view .product-info-main .product-options-wrapper { text-align: left; } .catalog-product-view .table-caption { font-size: 22px; font-weight: 300; } .catalog-product-view .additional-attributes { line-height: 30px; } .catalog-product-view .additional-attributes .col { text-align: left; } .catalog-product-view .additional-attributes .col.label { line-height: 30px; } @media (min-width: 1200px) { .catalog-product-view .additional-attributes .col.label { width: 30%; } } .catalog-product-view .product-info-stock-sku { margin-bottom: 1rem; } .catalog-product-view .box-tocart .fieldset { display: block; } .catalog-product-view .box-tocart .control { display: inline-block; } .catalog-product-view .box-tocart .actions { margin-left: 0; } .catalog-product-view .box-tocart .field.qty { text-align: left; width: 100%; margin-bottom: 10px; } @media (min-width: 992px) { .catalog-product-view .box-tocart .field.qty { margin-right: 10px; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-basis: 87px; -ms-flex-preferred-size: 87px; flex-basis: 87px; max-width: 87px; margin-bottom: 0; } } .catalog-product-view .box-tocart .field.qty #qty-error { display: none !important; } .catalog-product-view .box-tocart .label { font-weight: 500; position: relative; text-transform: uppercase; color: #191919; line-height: 57px; margin-right: 1rem; display: inline-block; } @media (min-width: 992px) { .catalog-product-view .box-tocart .label { line-height: 34px; } } .catalog-product-view .box-tocart .input-text.qty { padding: 18px 16px; width: 87px; text-align: center; height: 62px; } .catalog-product-view .box-tocart .actions { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 0; } .catalog-product-view .box-tocart .action.tocart { width: 100%; } .catalog-product-view .product-social-links { margin: 20px 0; } .catalog-product-view .product-social-links .action { font-size: 18px; padding: 8px; display: inline-block; margin: 0 5px; } .catalog-product-view .product-social-links .action span { display: none; } .catalog-product-view .product-social-links .action:hover { color: #191919; } .catalog-product-view .product-addto-links { display: inline-block; } .catalog-product-view .product.attribute strong { font-weight: 600; } .catalog-product-view .product.attribute .value { display: inline-block; text-align: left; } .catalog-product-view .product.media { -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-left: 15px; padding-right: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .catalog-product-view .product.media img { width: 100%; } .catalog-product-view .product.info { -webkit-order: 3; -ms-flex-order: 3; order: 3; margin: 2rem 0; padding-left: 15px; padding-right: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .catalog-product-view .product .table-caption { text-align: left; } .catalog-product-view .product.info.detailed { text-align: left; } .catalog-product-view .product.data.items { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1200px) { .catalog-product-view .product.data.items { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-top: 1px solid #dfdfdf; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .catalog-product-view .product.data.items .tab-titles { max-width: 100%; width: 100%; } @media (min-width: 768px) { .catalog-product-view .product.data.items .tab-titles { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1200px) { .catalog-product-view .product.data.items .tab-titles { -webkit-flex-basis: 270px; -ms-flex-preferred-size: 270px; flex-basis: 270px; max-width: 270px; } } .catalog-product-view .product.data.items .tab-titles .title { display: block; float: none; width: 100%; border: 1px solid #dfdfdf; border-bottom: none; background: #fafafa; margin: 0; padding: 13px 20px; text-transform: uppercase; height: auto; } .catalog-product-view .product.data.items .tab-titles .title:last-child { border-bottom: 1px solid #dfdfdf; } .catalog-product-view .product.data.items .tab-titles .title a:hover { color: #191919; } .catalog-product-view .product.data.items .tab-titles .title.active { background: #FFF; } .catalog-product-view .product.data.items .tab-titles .title.active a:hover { color: #191919; } @media (min-width: 768px) { .catalog-product-view .product.data.items .tab-titles .title { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; border-bottom: 1px solid #dfdfdf; border-right: none; } .catalog-product-view .product.data.items .tab-titles .title:last-child { border-right: 1px solid #dfdfdf; } .catalog-product-view .product.data.items .tab-titles .title.active { border-bottom: none; } } @media (min-width: 992px) { .catalog-product-view .product.data.items .tab-titles .title { border-bottom: 1px solid #dfdfdf; border-right: none; } .catalog-product-view .product.data.items .tab-titles .title:last-child { border-right: 1px solid #dfdfdf; } } @media (min-width: 1200px) { .catalog-product-view .product.data.items .tab-titles .title { border-bottom: none; border-right: 1px solid #dfdfdf; } .catalog-product-view .product.data.items .tab-titles .title:first-child { border-top: none; border-right: 1px solid #dfdfdf; } .catalog-product-view .product.data.items .tab-titles .title.active { border-right: none; } .catalog-product-view .product.data.items .tab-titles .title:last-child.active { border-bottom: 1px solid #dfdfdf; } } .catalog-product-view .product.data.items .tab-content { width: 100%; } .catalog-product-view .product.data.items .tab-content .content { padding: 20px 0 0; float: none; margin: 0; } @media (min-width: 1200px) { .catalog-product-view .product.data.items .tab-content .content { padding-top: 0; } } @media (min-width: 1200px) { .catalog-product-view .product.data.items .tab-content { padding: 40px 0 0 40px; } } .catalog-product-view .product.description h4 { color: #191919; } .catalog-product-view .product.description p { margin-bottom: 20px; } @media (min-width: 480px) { .catalog-product-view .products-grid.products-related .product-item, .catalog-product-view .products-grid.products-upsell .product-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (min-width: 768px) { .catalog-product-view .products-grid.products-related .product-item, .catalog-product-view .products-grid.products-upsell .product-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 992px) { .catalog-product-view .products-grid.products-related .product-item, .catalog-product-view .products-grid.products-upsell .product-item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .catalog-product-view .products-grid.products-related .product-item .product-image-photo, .catalog-product-view .products-grid.products-upsell .product-item .product-image-photo { display: inline-block; } .catalog-product-view .products-grid.products-related .product-items, .catalog-product-view .products-grid.products-upsell .product-items { -webkit-flex-wrap: initial; -ms-flex-wrap: initial; flex-wrap: initial; } .catalog-product-view .product-options-wrapper .swatch-attribute { text-align: center; } body.catalog-product-compare-index .action.print { float: right; margin: 1rem 0; display: none; } body.catalog-product-compare-index .table-caption { display: none; } .table-wrapper.comparison { clear: both; max-width: 100%; overflow-x: auto; padding-bottom: 1rem; } .table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td { border-top: 0; } table.table-comparison { table-layout: fixed; } table.table-comparison td.cell { display: table-cell; } table.table-comparison .label { line-height: inherit; } table.table-comparison .cell.label.remove, table.table-comparison .cell.label.product { border-bottom: none; } table.table-comparison .cell.label.remove span, table.table-comparison .cell.label.product span { display: none; } table.table-comparison .cell.label, table.table-comparison td:last-child { border-right: 1px solid #dadada; } table.table-comparison .cell { width: 250px; margin: 1rem; } table.table-comparison .cell .attibute.value { width: 100%; overflow: hidden; } table.table-comparison .cell.label .attribute.label { display: block; width: 100%; word-wrap: break-word; } table.table-comparison .cell.attribute img { max-width: 100%; height: auto; } table.table-comparison .cell.remove { padding-top: 0; padding-bottom: 0; text-align: right; position: relative; } table.table-comparison .cell.remove .action.delete { position: relative; padding: 0; top: 0; left: 0; } table.table-comparison .product-item-photo { display: block; margin: 0 auto 1rem; text-align: center; } table.table-comparison .product-image-photo { margin-left: 0; } table.table-comparison .price-box { font-size: 30px; } table.table-comparison .product-item-actions, table.table-comparison .price-box, table.table-comparison .product.rating, table.table-comparison .product-item-name { display: block; margin: 1rem 0; } table.table-comparison .rating-summary { justify-content: center; } table.table-comparison .rating-summary .label { display: none; } table.table-comparison .product-addto-links { margin-top: 1rem; } table.table-comparison .product-addto-links .action.toggle { padding: 0; } table.table-comparison .action.tocart { white-space: nowrap; } .comparison.headings { position: absolute; z-index: 2; top: 0; left: 0; width: auto; display: none; } .block-compare .product-items { margin-bottom: 1rem; } .block-compare .product-item-name { display: block; padding-right: 2rem; font-weight: 300; line-height: 20px; font-size: 16px; } .block-compare .product-item { position: relative; margin-bottom: 1rem; } .block-compare .actions-toolbar { padding-top: 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .block-compare .actions-toolbar .action { padding: 0; background: none; margin-bottom: 8px; font-weight: 500; } .block-compare .actions-toolbar .action:hover { color: #fac58f; background: none; } .block-compare .action.delete { top: -8px; } .category-view-products.products-grid > .product-items .product-item { position: relative; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin: 0; background: #fff; } .category-view-products.products-grid > .product-items .product-item.active .product-item-info { box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); position: absolute; top: -50%; left: 50%; margin-left: -225px; width: 450px; background: #FFF; z-index: 2; opacity: 1; height: auto; transition: opacity .3s ease-out; -webkit-transition: opacity .3s ease-out; } @media (min-width: 992px) { .category-view-products.products-grid > .product-items .product-item.active .product-item-info.stick-left { left: 0; margin-left: 0; } .category-view-products.products-grid > .product-items .product-item.active .product-item-info.stick-right { left: inherit; right: 0; } } @media (min-width: 480px) { .category-view-products.products-grid > .product-items .product-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1200px) { .category-view-products.products-grid > .product-items .product-item { -webkit-flex-basis: 16.66%; -ms-flex-preferred-size: 16.66%; flex-basis: 16.66%; max-width: 16.66%; } } @media (min-width: 1200px) { .category-view-products.products-grid > .product-items .product-item .product-item-actions { display: -ms-flexbox; display: -webkit-flex; display: flex; } .category-view-products.products-grid > .product-items .product-item .product-item-actions > div { margin: 0; } } @media (min-width: 768px) { .category-view-products.products-grid > .product-items .product-item .price-box { position: absolute; top: -3px; right: 0; } } .category-view-products.products-grid > .product-items .product-item-info { transition: 0.2s opacity ease-out; display: block; overflow: hidden; } @media (min-width: 992px) { .category-view-products.products-grid > .product-items .product-item-info { opacity: 0; height: 0; } } @media (min-width: 768px) { .category-view-products.products-grid > .product-items .product-item-name { padding-right: 100px; } } .products-grid .product-items { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products-grid .product-item-photo__grid { display: none; } @media (min-width: 992px) { .products-grid .product-item-photo__grid { display: block; cursor: pointer; outline: none; } } .products-grid .product-item-photo { display: block; text-align: center; outline: none; } .products-grid .product-image-photo { margin-bottom: 0; width: 100%; } .products-grid .product-item-details { margin: 10px; position: relative; } @media (min-width: 768px) { .products-grid .product-item-details { margin: 30px; } } .products-grid .product-item-inner { margin-top: 26px; } .products-grid .reviews-actions { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .products-grid .reviews-actions .action.add { font-size: 0; } .products-grid .reviews-actions .action.add:before { display: inline-block; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .products-grid .reviews-actions .action.add:before { font-size: 16px; } .products-grid .special-price { display: block; } .products-grid .old-price { display: block; } .products-grid .price-from { margin-bottom: 0; } .products-grid .price-to { margin-bottom: 0; } .products-grid .product-item-actions { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 768px) { .products-grid .product-item-actions { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .products-grid .product-item-actions .actions-primary { margin-bottom: 0; } .products-grid .product-item-actions .actions-secondary { margin-left: 20px; } .products-grid .product-item-actions .actions-secondary .action { background: none; color: #c1c1c1; padding: 18px 15px 17px; display: inline-block; } .products-grid .product-item-actions .actions-secondary .action:hover { color: #191919; } .products-grid .product-item-actions .actions-secondary .action.towishlist { margin-right: 8px; } @media (min-width: 768px) { .products-grid .product-item-actions .actions-secondary { margin-left: 0; } } @media (min-width: 992px) { .touch-device .products-grid .product-item-photo__grid { display: none; } } @media (min-width: 1200px) { .touch-device .products-grid .product-item-photo__grid { display: block; } } @media (min-width: 992px) { .touch-device .category-view-products.products-grid > .product-items .product-item .product-item-info { opacity: 1; height: auto; display: block; } } @media (min-width: 1200px) { .touch-device .category-view-products.products-grid > .product-items .product-item .product-item-info { opacity: 0; height: 0; display: none; } } @media (min-width: 1200px) { .touch-device .category-view-products.products-grid > .product-items .product-item.active .product-item-info { box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); position: absolute; top: -50%; left: 50%; margin-left: -225px; width: 450px; background: #FFF; z-index: 2; opacity: 1; height: auto; display: block; } } .toolbar.review-toolbar { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .toolbar.review-toolbar .limiter .label { display: inline-block; } .toolbar.review-toolbar .limiter .control { margin-right: 0; } .products-list .product-item-photo__grid { display: none; } .products-list .product-item-info { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .products-list .product-item-info { margin-left: -15px; margin-right: -15px; } } .products-list .product-item { margin: 20px 20px 40px; } @media (min-width: 992px) { .products-list .product-item { margin: 40px; } } .products-list .product-item-photo { max-width: 100%; margin-right: 40px; margin-bottom: 40px; } .products-list .product-item-photo .product-image-container { max-width: 100%; } @media (min-width: 768px) { .products-list .product-item-photo { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; min-width: 40%; margin-bottom: 0; } } @media (min-width: 992px) { .products-list .product-item-photo { margin-right: 0; } } @media (min-width: 1200px) { .products-list .product-item-photo { -webkit-flex-basis: initial; -ms-flex-preferred-size: initial; flex-basis: initial; max-width: initial; min-width: 25%; } } .products-list .product-image-container { display: block; } .products-list .product-item-details { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 992px) { .products-list .product-item-details { margin-left: 30px; } } .products-list .product-item-details .product-item-name { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .products-list .product-item-details .product-reviews-summary { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .products-list .product-item-details .price-box { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .products-list .product-item-details .product-details { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .products-list .product-item-details .product-item-inner { -webkit-order: 5; -ms-flex-order: 5; order: 5; margin-top: 15px; line-height: 28px; } @media (min-width: 1600px) { .products-list .product-item-details .product-item-inner { max-width: 60%; } } .products-list .product-item-actions { overflow: hidden; margin-top: 26px; text-align: center; } @media (min-width: 480px) { .products-list .product-item-actions { text-align: left; } } @media (min-width: 480px) { .products-list .actions-primary { float: left; } } @media (min-width: 480px) { .products-list .actions-secondary { margin-left: 20px; float: left; } } .products-list .actions-secondary .action { font-size: 18px; padding: 18px; color: #c1c1c1; } .products-list .actions-secondary .action:hover { color: #191919; } @media (min-width: 768px) { .products-list .product-item-info { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .products-list .product-item-photo { margin-bottom: 0; } } .fotorama-item .fotorama__stage { margin-bottom: 1rem; } .fotorama-item .fotorama__nav { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .fotorama-item .fotorama__arr { text-align: center; display: none; } .fotorama-item .fotorama__arr .fotorama__arr__arr { background: none; color: #191919; font-size: 31px; line-height: 30px; } .fotorama-item .fotorama__arr .fotorama__arr__arr:hover { color: #fac58f; } .fotorama-item .fotorama__arr .fotorama__arr__arr:before { line-height: 50px; } .fotorama-item .fotorama__arr--prev .fotorama__arr__arr:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .fotorama-item .fotorama__arr--next .fotorama__arr__arr:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .fotorama-item .fotorama__nav__shaft { display: inline-block; position: static; } .block.related { -webkit-order: 5; -ms-flex-order: 5; order: 5; padding-left: 15px; padding-right: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .products-grid.products-related { margin: 2rem 0 0; padding: 0; } .products-grid.products-related .product-items { margin: 0; padding: 0; } .products-grid.products-related .product-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0; margin-top: 0; } .products-grid.products-related .secondary-addto-links { margin: 0 auto; } .block.upsell { -webkit-order: 4; -ms-flex-order: 4; order: 4; padding-left: 15px; padding-right: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .products-grid.products-upsell { margin: 2rem 0 0; padding: 0; } .products-grid.products-upsell .product-items { margin: 0; padding: 0; } .products-grid.products-upsell .product-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0; margin-top: 0; } .product-options-wrapper .fieldset > br { display: none; } .product-options-wrapper .downloads { display: -ms-flexbox; display: -webkit-flex; display: flex; } .product-name, .product-item-name { font-weight: 300; } .page-products .page-main { margin-bottom: 0; } .page-products .grid-main { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-basis: 100%; } .page-products .column.main { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .page-products.page-layout-2columns-left .grid-main, .page-products.page-layout-2columns-right .grid-main { padding: 0; } .collapsible-block { position: relative; } .collapsible-block .opener { display: block; position: relative; padding-left: 20px; margin-bottom: 20px; cursor: pointer; } .collapsible-block .opener::before { position: absolute; left: 0; top: 0; } .sidebar .products .product-item .price-box { line-height: 24px; } .sidebar .products .product-item-name { margin-bottom: 0; } .actions-secondary .towishlist, .actions-secondary .tocompare { position: relative; } .actions-secondary .towishlist.action, .actions-secondary .tocompare.action { font-size: 18px; } .actions-secondary .towishlist span, .actions-secondary .tocompare span { display: none; } .product-social-links .mailto, .modes .mode-grid, .modes .mode-list, .sorter .sorter-action { display: inline-block; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding: inherit; } .towishlist:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .tocompare:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .product-social-links .mailto:before { content: ""; } .sorter-action { font-size: 24px; } .sorter-action.sort-asc:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .sorter-action.sort-desc:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .catalogsearch-advanced-result .message { margin: 0 15px 1rem; } .catalogsearch-advanced-result .search.summary { margin: 1rem 15px; } .catalogsearch-advanced-result .search.found { margin: 0 15px; } .form.search.advanced .selectize-dropdown { box-sizing: border-box; margin: -1px 0 0 0; } @media (min-width: 768px) { .form.search.advanced .field.price .label, .form.search.advanced .field.price .control, .form.search.advanced .field.price .field, .form.search.advanced .field.price .group, .form.search.advanced .field.price .addon, .form.search.advanced .field.price .addafter { display: inline-block; line-height: 40px; } .form.search.advanced .field.price .input-text { width: 75px; margin-left: 1rem; display: inline-block; line-height: 24px; } .form.search.advanced .field.price .addafter { padding: 0; margin-left: 1rem; } .form.search.advanced .field.price .label { padding: 0; } .form.search.advanced .selectize-input { padding: 0px 16px; } } /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .block.filter { padding: 0; } .block.filter .block-title, .block.filter .filter-subtitle { font-size: 16px; line-height: 24px; margin-bottom: 1rem; text-transform: uppercase; } .block.filter .block-title strong { font-size: 23px; line-height: 50px; text-transform: uppercase; font-weight: 300; } .block.filter .block-content.filter-content { padding: 0 0 26px; } .block.filter .filter-subtitle { padding: 0 29px; } .block.filter .filter-options { padding: 0; } .block.filter .filter-options-content { margin: 0; padding-bottom: 6px; margin-bottom: 20px; } .block-subtitle { font-weight: 300; display: none; color: #fff; } .filter-current { padding: 25px 19px 34px 29px; margin-bottom: 20px; background: #303030; } .filter-current .items { display: block; height: auto; transition: .2s all ease; overflow: hidden; } .filter-current .item { font-size: 14px; line-height: 38px; clear: both; } .filter-current .filter-label { color: #fff; } .filter-current .filter-value { color: #777; } .filter-current .remove { display: inline-block; float: right; color: #e0e0e0; font-size: 16px; margin-right: 8px; } .filter-current .remove:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .filter-current .remove span { display: none; } .filter-current .remove:hover { color: #fff; } .filter-current.active { margin-bottom: 25px; } .filter-current.active .block-subtitle { margin-bottom: 10px; line-height: 24px; } .filter-current.active .items { height: auto; margin-bottom: 12px; } .filter-actions { margin-bottom: 0; } .filter-options-title { position: relative; font-weight: 300; margin-bottom: 18px; margin-left: 9px; padding-left: 20px; cursor: pointer; color: #999; text-transform: uppercase; } .filter-options-title:before { display: inline-block; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .filter-options-title::before { position: absolute; left: 0; top: 0; } .filter-options-title:hover, .filter-options-title[aria-expanded="true"] { color: #fff; } .filter-options-item.active .filter-options-title:before { content: ""; } .filter-options-content { margin-bottom: 20px; border-bottom: 1px solid #393939; padding: 0 29px; } .filter-options-content .item { line-height: 24px; margin-bottom: 16px; font-size: 14px; } .filter-options-content .item a:hover { color: #fff; } .filter-options-content .count { font-style: italic; margin-left: 0.5rem; } .block.filter .filter-options-item:last-child .filter-options-content { border-bottom: none; margin-bottom: 0; } @media (max-width: 768px) { #layered-filter-block { margin: 0; } } /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .login-container { padding-bottom: 2rem; } .login-container .block { margin-bottom: 2rem; } .form-login .actions-toolbar { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2rem; } .form-login .actions-toolbar > div { margin-right: 1rem; } .form-login .actions-toolbar .action { margin-bottom: 1rem; } @media (min-width: 480px) { .form-login .actions-toolbar { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .form-create-account .fieldset, .form-edit-account .fieldset, .form-address-edit .fieldset { margin-bottom: 2rem; } .form-create-account .actions-toolbar, .form-edit-account .actions-toolbar, .form-address-edit .actions-toolbar { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .form-create-account .actions-toolbar .secondary, .form-edit-account .actions-toolbar .secondary, .form-address-edit .actions-toolbar .secondary { margin-right: 1rem; } .form-create-account .actions-toolbar .primary, .form-edit-account .actions-toolbar .primary, .form-address-edit .actions-toolbar .primary { margin-right: 0; } .form-create-account .legend { font-weight: 300; } .form.password .fieldset { margin-bottom: 1rem; } body.account .block-title { position: relative; } body.account .block-title .action { float: none; line-height: inherit; padding: 0 1rem; } body.account .box { position: relative; } body.account .box .action.edit { position: absolute; top: -1px; left: 0; padding: 0; } body.account .box .box-title { font-size: 16px; line-height: 24px; margin-bottom: 1rem; text-transform: uppercase; font-weight: 300; padding-left: 26px; } body.account .box address { margin-bottom: 1rem; } body.account .grid-main .block { margin-bottom: 2rem; } body.account .grid-main .block-title { margin-left: 15px; } body.account .grid-main .block-title strong { font-size: 24px; line-height: 24px; font-weight: 300; } .block-reviews-dashboard .block-content { padding: 0 15px; } .block-reviews-dashboard .block-content .items .item { margin-bottom: 0.5rem; } .block-reviews-dashboard .block-content .product-name { font-weight: 300; } .block-reviews-dashboard .block-content .rating-summary .label { line-height: inherit; } .table-order-items .action.view, .table-order-items .action.order { padding: 0 30px; } .order-products-toolbar.toolbar { margin-bottom: 1rem; } .order-products-toolbar.toolbar .pager { display: -ms-flexbox; display: -webkit-flex; display: flex; } .order-products-toolbar.toolbar .selectize-input { padding: 0; } .order-products-toolbar.toolbar .toolbar-amount { padding: 5px 15px; } .order-actions-toolbar .action { margin-right: 10px; } .order-date { line-height: 40px; margin-bottom: 1rem; } .items.order-links { display: none; } .order-details-items .order-title { display: none; } body.account .block-order-details-view .box-title { padding-left: 0; } .block-order-details-view { margin: 2rem 0; } .block-order-details-view .block-content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .block-order-details-view .block-content .box { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; text-align: center; } @media (min-width: 480px) { .block-order-details-view .block-content .box { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; text-align: left; } } @media (min-width: 992px) { .block-order-details-view .block-content .box { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .account-navigation .block-content { margin-top: 1rem; } nav.account-nav .item.current strong { font-weight: 300; color: #fff; } nav.account-nav .item a:hover { color: #fff; } #account-nav { padding: 0 29px; } .form.form-edit-account, .form-address-edit { margin-bottom: 2rem; } .form.form-edit-account .actions-toolbar, .form-address-edit .actions-toolbar { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .form.form-edit-account .actions-toolbar .primary, .form-address-edit .actions-toolbar .primary { margin-right: 0; } .table-wrapper.reviews .rating-summary .label { line-height: inherit; } .table-wrapper.reviews .action.more { text-transform: none; padding: 0; } .table-wrapper.reviews + .actions-toolbar { margin-bottom: 2rem; } .products-reviews-toolbar { line-height: 40px; padding: 5px 20px; background: #f5f5f5; margin-bottom: 1rem; } .products-reviews-toolbar .toolbar-amount { padding: 5px 20px 5px 0; } .products-reviews-toolbar .pager { display: -ms-flexbox; display: -webkit-flex; display: flex; } .products-reviews-toolbar .limiter { display: -ms-flexbox; display: -webkit-flex; display: flex; } .products-reviews-toolbar .limiter .label, .products-reviews-toolbar .limiter .control { margin-right: 1rem; } .block-reorder .product-item { margin-bottom: .5rem; position: relative; padding-left: 30px; } .block-reorder .product-item .field { margin-bottom: 0; position: absolute; top: 0; left: 0; } .block-reorder .product-item .choice .label { display: none; } .block-reorder .product-item .choice .control { display: inline-block; } .block-reorder .product-item .choice .control input { height: 30px; margin-top: 0; } .block-reorder .actions-toolbar { margin-top: 2rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .block-reorder .actions-toolbar > div { margin-bottom: 10px; } .block-reorder .actions-toolbar .primary .action { background: none; border: 2px solid #fff; color: #fff; } .block-reorder .actions-toolbar .primary .action:hover { background: #fff; color: #191919; } .block-reorder .actions-toolbar .secondary .action { background: none; border: 2px solid #fff; color: #fff; } .block-reorder .actions-toolbar .secondary .action:hover { background: #fff; color: #191919; } /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .block-search .block-title { display: none; } #search_mini_form { background: none; } #search_mini_form .label { display: none; } #search_mini_form .nested { display: none; } .search-autocomplete { display: none !important; } /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .cart-container .cart-summary { order: 2; } .cart-container .cart-summary .block { margin: 0; } .cart-container .cart-summary .summary.title { text-transform: uppercase; line-height: 46px; } .cart-container .cart-summary .cart-totals caption { display: none; } .cart-container .cart-summary .cart-totals th, .cart-container .cart-summary .cart-totals td { padding-left: 0; } .cart-container .cart-summary .legend { display: none; } .cart-container .product-item-name { font-weight: 300; margin-bottom: 1rem; display: inline-block; } .cart-container .cart-summary .block .title strong { font-weight: 300; } table.cart { width: 100%; margin-bottom: 2rem; } table.cart > caption, table.cart .qty label { display: none; } table.cart .product-item-details, table.cart .product-item-photo { display: table-cell; } table.cart td.price .price, table.cart td.subtotal .price { display: inline-block; padding: 0.38rem 0; } table.cart .item-actions .action { font-size: 14px; padding: 8px 14px; font-weight: 300; line-height: 18px; background: none; border: 2px solid #191919; color: #191919; margin: 0 .5rem 0 0; } table.cart .item-actions .action:hover { background: #999; border: 2px solid #999; color: #fff; } .cart.main.actions .action { color: #fff; background: #191919; border: 2px solid #191919; margin: 0 1rem 1rem 0; } .cart.main.actions .action:hover { background: #999; border: 2px solid #999; } .form.form-cart { margin-bottom: 2rem; } .cart-summary > .title { margin-bottom: 1rem; display: inline-block; } .cart-summary .checkout.methods .item { margin-bottom: 0.5rem; } .table.totals { padding: 1rem 0; } .table.totals .mark, .table.totals .amount { padding: 0; } .items.methods, .item-options { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .items.methods dt, .items.methods dd, .item-options dt, .item-options dd { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .block.shipping .estimate .legend + br { display: none; } .block.shipping .items.methods { display: block; } .block.shipping .items.methods .item-title, .block.shipping .items.methods .item-options { max-width: 100%; padding: 0; } .minicart-wrapper .showcart span[class=""]:before { display: inline-block; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .block-minicart .block-content { position: relative; } .block-minicart .action.close { position: absolute; right: 1rem; top: 1rem; padding: 0; background: none; } .block-minicart .subtotal { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 1rem; } .block-minicart .subtotal .label { margin-right: 1rem; } .block-minicart .subtitle { font-weight: 600; } .block-minicart .product.options { text-align: left; } .block-minicart .product.actions .action { background: none; padding: 0; } .block-minicart .product.actions .primary .action { color: #30a0dd; } .block-minicart .product.actions .primary .action:hover { color: #191919; } .minicart-items-wrapper { margin: 0; height: auto !important; } .minicart-items { overflow-x: auto; padding-right: 1rem; } .minicart-items .item { margin-bottom: 1rem; position: relative; } .minicart-items .item:last-child { margin-bottom: 0; } .minicart-items .item .minicart-price { margin-bottom: 1rem; display: block; color: #fac58f; font-size: 20px; } .minicart-items .product-item-name { font-weight: 300; } .minicart-items .details-qty { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .minicart-items .details-qty .control { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .minicart-items .details-qty .label { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; margin-right: 0; min-width: 80px; display: inline-block; } .minicart-items .details-qty .cart-item-qty { -webkit-flex-basis: 70px; -ms-flex-preferred-size: 70px; flex-basis: 70px; max-width: 70px; text-align: center; } .minicart-items .details-qty .update-cart-item { -webkit-flex-basis: 40px; -ms-flex-preferred-size: 40px; flex-basis: 40px; max-width: 40px; text-align: center; margin-right: 10px; } .minicart-items .details-qty .update-cart-item:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } .minicart-items .details-qty .update-cart-item span { display: none; } .minicart-items .details-qty .update-cart-item:hover { color: #999; } .minicart-items .product.options .toggle { cursor: pointer; } .minicart-items .product.options .list { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .minicart-items .product.options .list > dt, .minicart-items .product.options .list > dd { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .minicart-items .product.actions { position: absolute; top: 0; right: 0; line-height: 1rem; } @media (min-width: 768px) { .minicart-wrapper { padding: 0; } } .cart-content_top, .cart-content_bottom { position: relative; z-index: 2; background: #fff; } .cart-content_bottom { padding-top: 20px; } #checkout-loader { height: 100px; text-align: center; } #checkout-loader .loader img { display: none; } .grid-main { width: 100%; } .checkout-container { position: relative; } .checkout-container .authentication-wrapper { display: none; position: absolute; right: 0; top: -40px; } .opc-progress-bar { margin-bottom: 2rem; } .opc-progress-bar .opc-progress-bar-item { font-size: 18px; line-height: 28px; opacity: 0.5; } .opc-progress-bar .opc-progress-bar-item::before { font-family: "FontAwesome"; content: '\f1db'; padding-right: 5px; } .opc-progress-bar .opc-progress-bar-item._active { opacity: 1; } .opc-progress-bar .opc-progress-bar-item._active::before { content: '\f192'; } .opc-progress-bar .opc-progress-bar-item._complete { opacity: 1; } .opc-progress-bar .opc-progress-bar-item._complete::before { content: '\f00c'; } .opc-estimated-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2rem; } .opc-estimated-wrapper .estimated-block span { display: block; } @media (min-width: 769px) { .opc-estimated-wrapper { display: none; } } .checkout-index-index .page-header { order: 1; } .rd-navbar-search-wrap { order: 3; } .rd-navbar-top-links-wrap { order: 4; } .rd-navbar-cart-wrap { order: 5; } .navigation { order: 2; } .opc-wrapper .step-title { border-bottom: 1px solid #f7f7f7; padding-bottom: 10px; margin-bottom: 10px; text-transform: uppercase; } .opc-wrapper .step-content { margin: 0; } .opc-wrapper .step-content .note { font-size: 14px; padding-left: 1rem; } .opc-wrapper .step-content .note::before { font-family: "FontAwesome"; content: '\f0d8'; padding-right: 5px; position: absolute; left: 0; bottom: 3px; } .step-content .form.payments .legend { margin-bottom: 1rem; } .step-content .form.payments .legend + br { display: none; } .step-content .form.payments .billing-address-same-as-shipping-block { line-height: 40px; margin-bottom: 0; } .step-content .form.payments [role="tablist"] [role="tab"]:before { right: -5px; top: 0; } .opc-block-summary .table-totals th, .opc-block-summary .table-totals td { font-weight: 300; line-height: 40px; padding: 0; } .opc-payment .payment-method-billing-address { margin-bottom: 1rem; position: relative; } .opc-payment .payment-method-billing-address .action.action-edit-address { position: absolute; padding: 5px; right: 0; top: 0; } .opc-payment .payment-method-billing-address .action.action-edit-address:before { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } @media (min-width: 769px) { .checkout-container::after { clear: both; } .checkout-container .opc-wrapper { float: left; padding-right: 30px; width: 66.6667%; } .checkout-container .opc-sidebar { float: right; margin: 0 0 20px; width: 33.3333%; } } .opc-sidebar { outline: none; } .opc-sidebar .minicart-items .details-qty .label { min-width: 40px; } .opc-sidebar .subtotal { color: #fac58f; font-size: 20px; } .opc-sidebar .opc-block-summary span.title { display: block; border-bottom: 1px solid #f7f7f7; padding-bottom: 10px; margin-bottom: 10px; } .block.items-in-cart { margin-top: 2rem; } .block.items-in-cart .product-item { margin-bottom: 1rem; overflow: hidden; } .block.items-in-cart .product-item .product-item-inner { margin-bottom: 1rem; } .block.items-in-cart .product-item .product-image-container { float: left; margin: 0 1rem 1rem 0; } .block.items-in-cart .product-item .details-qty { line-height: 40px; } .block.items-in-cart .product-item .details-qty .label { margin-right: 1rem; } .block.items-in-cart .product.options .item-options dt, .block.items-in-cart .product.options .item-options dd { line-height: 40px; font-weight: 300; } .opc-block-shipping-information .ship-to { margin-top: 2rem; } .field-tooltip { cursor: pointer; position: absolute; right: 9px; top: 9px; } .field-tooltip._active { z-index: 100; } .field-tooltip._active .field-tooltip-content { display: block; } .field-tooltip._active .field-tooltip-action:before { color: #fff; } .field-tooltip .field-tooltip-action::before { font-size: 18px; font-family: "FontAwesome"; content: ""; } ._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: #fff; } .field-tooltip .field-tooltip-content { background: #f5f5f5; border: solid 1px #dddddd; padding: 12px; width: 270px; display: none; right: 0; position: absolute; text-transform: none; top: 100%; word-wrap: break-word; z-index: 2; } .opc-block-summary .table-totals caption { display: none; } .opc-block-shipping-information .shipping-information-title { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; } .opc-block-shipping-information .action-edit { background: none; padding: 0; } .opc-block-shipping-information .action-edit span { display: none; } .opc-block-shipping-information .action-edit:hover { background: none; opacity: 0.5; } .opc-block-shipping-information .action-edit::before { font-family: "FontAwesome"; content: '\f044'; padding-right: 10px; } .billing-address-details { margin-bottom: 1rem; } .opc-payment-additional { margin-top: 2rem; } @media (max-width: 768px) { .opc-block-summary .table-totals th { display: block; width: 100%; padding: 10px 0 0; } .opc-block-summary .table-totals td { padding: 0; } .opc-block-summary .table-totals td::before { display: none; } } .opc-wrapper .shipping-address-item { padding: 20px; border: solid 1px transparent; } .opc-wrapper .shipping-address-item.selected-item { border: solid 1px white; } .form-shipping-address .field.street label { display: none; } .table-checkout-shipping-method { width: 100%; margin-bottom: 1rem; } .table-checkout-shipping-method th, .table-checkout-shipping-method td { font-weight: 300; line-height: 40px; } .table-checkout-shipping-method td.ch-method .radio, .table-checkout-shipping-method td.ch-method input[type="radio"] { margin: 0; } .table-checkout-shipping-method td > span { display: inline-block; } .methods-shipping { margin-bottom: 2rem; } /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .rating-summary { display: -ms-flexbox; display: -webkit-flex; display: flex; } .rating-summary .label { margin-right: 1rem; } .rating-summary .rating-result__stars .rating-star { font-size: 18px; padding: 0; color: #333; } .rating-summary .rating-result__stars .rating-star.rating-star__empty { color: #c9c9c9; } .rating-summary .rating-result__text { display: none; } .reviews-actions .action.view { display: none; } .review-list { text-align: left; margin-bottom: 2rem; } .review-list .review-items { margin-top: 2rem; } .review-list .review-item { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #dfdfdf; } .review-list .review-item:last-child { border-bottom: none; padding-bottom: 0; } .review-list .review-title { margin-bottom: 1rem; font-weight: 500; } .review-list .review-toolbar { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .review-list .review-toolbar .limiter { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .review-list .review-toolbar .limiter .label { display: inline-block; } .review-list .review-toolbar .limiter .control { display: inline-block; border-left: 1px solid #dfdfdf; -webkit-flex-basis: initial; -ms-flex-preferred-size: initial; flex-basis: initial; max-width: initial; } .review-list .review-ratings { margin-bottom: 1rem; } .review-list .rating-summary { display: -ms-flexbox; display: -webkit-flex; display: flex; } .review-list .rating-label { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .review-list .rating-result { display: inline-block; } .review-list .rating-result__stars { line-height: 40px; } .review-list .review-content { margin-bottom: 1rem; } .review-list .review-details { display: -ms-flexbox; display: -webkit-flex; display: flex; } .review-list .review-details p { width: 50%; margin: 0; } .review-list .review-author { text-align: left; } .review-list .review-date { text-align: right; } .review-list .review-details-value { display: inline-block; } .review-list .review-details-value { font-weight: 300; } @media (min-width: 768px) { .review-list .rating-label { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } } .catalog-product-view .review-add { text-align: left; } .catalog-product-view .review-add .block-title { text-align: left; } .catalog-product-view .review-add .review-legend { font-size: 16px; line-height: 24px; margin-bottom: 1rem; text-transform: uppercase; } .catalog-product-view .fieldset .row { margin-left: -15px; margin-right: -15px; } .catalog-product-view .field.review-field-rating .label { margin-top: 0; } .review-add { text-align: left; } .review-add .review-legend { text-transform: uppercase; margin-bottom: 1rem; } .review-add .review-legend span { display: inline-block; margin-right: 1rem; } .review-fieldset { margin-bottom: 1rem; } .review-fieldset .row { margin-top: 2rem; } .review-field-rating { margin-bottom: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (min-width: 992px) { .review-field-rating { max-width: 50%; } } .review-field-rating > .label { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .review-field-rating > .control { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .review-control-vote { height: 20px; min-width: 150px; margin: 0; padding: 0; } .review-control-vote:before { font-family: "Material Icons"; content: '\e83a' '\e83a' '\e83a' '\e83a' '\e83a'; font-size: 20px; color: #fac58f; letter-spacing: 0.075em; line-height: 20px; height: 22px; position: absolute; z-index: 1; } .review-control-vote .rating-1:before, .review-control-vote .rating-2:before, .review-control-vote .rating-3:before, .review-control-vote .rating-4:before, .review-control-vote .rating-5:before { color: #fac58f; font-family: "Material Icons"; } .review-control-vote .rating-1 { z-index: 6; } .review-control-vote .rating-1:before { content: '\e838'; } .review-control-vote .rating-2 { z-index: 5; } .review-control-vote .rating-2:before { content: '\e838' '\e838'; } .review-control-vote .rating-3 { z-index: 4; } .review-control-vote .rating-3:before { content: '\e838' '\e838' '\e838'; } .review-control-vote .rating-4 { z-index: 3; } .review-control-vote .rating-4:before { content: '\e838' '\e838' '\e838' '\e838'; } .review-control-vote .rating-5 { z-index: 2; } .review-control-vote .rating-5:before { content: '\e838' '\e838' '\e838' '\e838' '\e838'; } .review-control-vote label { cursor: pointer; display: block; position: absolute; } .review-control-vote label:before { opacity: 0; font-size: 20px; line-height: 20px; height: 22px; letter-spacing: 0.075em; } .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 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"]:focus + label:before, .review-control-vote input[type="radio"]:checked + label:before, .review-control-vote input[type="radio"]:hover + label:before { opacity: 1; } .review-control-vote .radio { display: none; } /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ /** * Copyright ┬⌐ 2015 Magento. All rights reserved. * See COPYING.txt for license details. */ .swatch-attribute { margin-bottom: 20px; } .swatch-attribute.color { margin-left: 0; } .swatch-attribute.color .swatch-attribute-label { margin-left: 5px; } .swatch-attribute.color .swatch-attribute-options { margin-left: 0; } .swatch-attribute .swatch-attribute-options { margin-left: 0; } .swatch-attribute-label { font-weight: 500; position: relative; text-transform: uppercase; color: #333; margin-left: 10px; } .swatch-attribute-label.required { padding-right: 10px; } .swatch-attribute-label[data-required="1"]:after { content: '*'; color: red; position: absolute; right: -11px; top: -2px; font-weight: 500; font-size: 1em; } .swatch-attribute-selected-option { color: #777; font-size: 14px; padding-left: 17px; line-height: 27px; } .swatch-option { padding: 1px 2px; min-width: 20px; max-width: 90px; min-height: 20px; float: left; margin: 0px 17px 0 0; text-align: center; cursor: pointer; position: relative; border: 1px solid #f5f5f5; overflow: hidden; text-overflow: ellipsis; transition: 0.2s all 0.2s ease-out; } .swatch-option.color.selected { border: 5px solid #f5f5f5; } .swatch-option.text { background: #eeeeee; color: #777; font-size: 12px; font-weight: 500; line-height: 35px; padding: 0; min-width: 35px; width: auto; } .swatch-option.text.selected { background-color: #191919; color: #fff; } .swatch-option .disabled { cursor: default; } .swatch-option .disabled::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 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%, white), color-stop(46%, white), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, white), color-stop(57%, white), 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%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 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%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 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%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); } .category-view-products .swatch-option { margin-right: 10px; } .category-view-products .swatch-option.color.selected { outline: 1px solid #999; } .catalog-product-view .swatch-option { min-width: 35px; min-height: 35px; } .catalog-product-view .swatch-option.text { min-width: 37px; } .catalog-product-view .swatch-attribute-label { margin-right: 10px; } .catalog-product-view .swatch-attribute { line-height: 40px; } .catalog-product-view .swatch-attribute .swatch-attribute-selected-option { display: none; } .catalog-product-view .swatch-attribute-options { margin-bottom: 0; display: block; } @media (min-width: 480px) { .catalog-product-view .swatch-attribute-options { display: inline-block; } } .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } aside.modal-slide .swatch-attribute.size .swatch-option, aside.modal-slide .swatch-attribute.manufacturer .swatch-option, .sidebar .swatch-attribute.size .swatch-option, .sidebar .swatch-attribute.manufacturer .swatch-option { border: 5px solid #191919; } aside.modal-slide .swatch-option:not(.disabled):hover, .sidebar .swatch-option:not(.disabled):hover { outline: 1px solid #999; color: #fff; } .swatch-option:not(.disabled):hover { outline: 1px solid #f5f5f5; background: #191919; color: #fff; } .swatch-option-tooltip { max-width: 140px; /*max-height: 160px;*/ max-height: 100%; min-height: 20px; min-width: 40px; position: absolute; padding: 5px; background: #fff; color: #949494; border: 1px solid #adadad; display: none; z-index: 999; text-align: center; opacity: 0; visibility: hidden; } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { position: absolute; bottom: 2px; height: 8px; } .swatch-option-tooltip .corner::after, .swatch-option-tooltip-layered .corner::after { content: ''; position: relative; top: 1px; left: -15px; width: 0; height: 0; border-style: solid; border-width: 7px 7.5px 0 7.5px; border-color: #fff transparent transparent transparent; font-size: 1px; } .swatch-option-tooltip .corner::before, .swatch-option-tooltip-layered .corner::before { content: ''; position: relative; top: 2px; left: 0; width: 0; height: 0; border-style: solid; border-width: 8px 8.5px 0 8.5px; border-color: #adadad transparent transparent transparent; font-size: 1px; } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { display: block; height: 130px; width: 130px; /*margin: 0 0 5px;*/ margin: 0 auto; } .swatch-option-tooltip .title { max-width: 140px; min-height: 20px; max-height: 200px; color: #282828; text-align: center; display: block; overflow: hidden; } .swatch-opt { margin: 23px 0; } .swatch-more { display: inline-block; margin: 2px 0; text-decoration: none !important; position: static; z-index: 1; } /* Layered Features */ .swatch-option-link-layered { position: relative; margin: 0; padding: 0; } .swatch-option-tooltip-layered { width: 140px; position: absolute; background: #fff; color: #949494; border: 1px solid #adadad; display: none; z-index: 999; left: -47px; } .swatch-visual-tooltip-layered { height: 160px; top: -170px; } .swatch-textual-tooltip-layered { height: 30px; top: -40px; } .swatch-option-link-layered:hover > .swatch-option-tooltip-layered { display: block; } .swatch-attribute-options { margin-bottom: 7px; } .swatch-attribute-options .swatch-option-tooltip-layered .title { width: 100%; height: 20px; position: absolute; bottom: -5px; left: 0; color: #282828; text-align: center; margin-bottom: 10px; } .swatch-option-disabled:after { content: ''; position: absolute; width: 42px; height: 2px; background: red; transform: rotate(-30deg); -o-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); z-index: 995; left: -4px; top: 10px; } .swatch-option-disabled { outline: none !important; cursor: default; border: 0; } /* Bugfix for Add To Cart button */ div[class^="swatch-opt-"] { margin-bottom: 10px; margin-top: 12px; } .swatch-attribute.swatch-layered.color { margin-left: 0; } .swatch-attribute.swatch-layered.color .swatch-option-link-layered { display: block; line-height: 20px; margin-bottom: 20px; } .swatch-attribute.swatch-layered.color .swatch-option { display: inline-block; margin-right: 12px; margin-bottom: 12px; } .swatch-attribute.swatch-layered .text { line-height: 25px; background: #303030; margin: 0 8px 8px 0; padding: 6px 18px; } /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .block-wishlist .product-item { display: block; margin-bottom: 2rem; position: relative; } .block-wishlist .product-item-details { margin-top: 1rem; } .block-wishlist .product-item-actions { margin-top: 1rem; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .block-wishlist .empty { margin-top: 1rem; } .block-wishlist .actions-secondary .action.delete { color: #999; top: -15px; } .block-wishlist .actions-secondary .action.delete:hover { color: #fff; } .block-wishlist .actions-toolbar .primary .action.details { background: none; border: 2px solid #999; color: #999; } .block-wishlist .actions-toolbar .primary .action.details:hover { background: #fff; color: #191919; } .block-wishlist .block-content .subtitle { margin-bottom: 1rem; font-weight: 300; display: none; } .form-wishlist-items .actions-toolbar { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 30px; } .form-wishlist-items .actions-toolbar .action { margin-bottom: 1rem; } .form-wishlist-items .actions-toolbar > .primary { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .form-wishlist-items .actions-toolbar > .primary .action { margin-right: 1rem; } .form-wishlist-items .actions-toolbar > .secondary { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .form-wishlist-items .product-items { margin-right: -15px; margin-left: -15px; } .form-wishlist-items .product-items .product-item { padding-right: 15px; padding-left: 15px; } @media (min-width: 480px) { .form-wishlist-items .product-items .product-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 992px) { .form-wishlist-items .product-items .product-item { -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; } } @media (min-width: 1200px) { .form-wishlist-items .product-items .product-item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .form-wishlist-items .product-items .product-item .comment-box { margin-bottom: 1rem; } .form-wishlist-items .product-items .product-item .field.qty { margin-bottom: 1rem; width: 150px; } .products-grid.wishlist .product-item { margin-bottom: 2rem; } .products-grid.wishlist .product-item-info { position: relative; } .products-grid.wishlist .product-item-name { display: inline-block; margin-bottom: 1rem; text-transform: uppercase; font-weight: 300; margin-top: 20px; } .products-grid.wishlist .product-item-name a { color: #191919; } .products-grid.wishlist .product-item-name a:hover { color: #999; } .products-grid.wishlist .price-box .price { font-size: 30px; } .products-grid.wishlist .action.delete, .products-grid.wishlist .action.edit { padding: 5px; font-size: 18px; top: 0; } .products-grid.wishlist .action.edit { position: absolute; left: 0; top: 0; } .products-grid.wishlist .box-tocart { margin-bottom: 1rem; } .products-grid.wishlist .box-tocart .field.qty { display: -ms-flexbox; display: -webkit-flex; display: flex; } .products-grid.wishlist .box-tocart .field.qty .label { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .products-grid.wishlist .product-item-actions { display: block; margin: 0; } .products-grid.wishlist .product-item-actions .actions-primary { margin: 0; } /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ .bundle-actions { margin-bottom: 1rem; } .bundle-options-container { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -webkit-order: 3; -ms-flex-order: 3; order: 3; padding-left: 15px; padding-right: 15px; } .bundle-options-wrapper .legend { margin-bottom: 1rem; } .fieldset-bundle-options__wrapper { margin-top: 1rem; } .fieldset-bundle-options__wrapper .field.option { margin-bottom: 2rem; } .fieldset-bundle-options__wrapper .field.option > .label { font-weight: 600; } .fieldset-bundle-options__wrapper .field.option .price { font-size: inherit; } .fieldset-bundle-options__wrapper .qty-holder { margin-top: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (min-width: 480px) { .fieldset-bundle-options__wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .fieldset-bundle-options__wrapper .field.option { padding-left: 15px; padding-right: 15px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1200px) { .fieldset-bundle-options__wrapper .field.option { -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; } } .block-bundle-summary > .title { margin-bottom: 1rem; } @media (min-width: 480px) { .block-bundle-summary > .content { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: -15px; margin-right: -15px; } .block-bundle-summary > .content > div { padding-left: 15px; padding-right: 15px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .send.friend .fieldset .actions-toolbar { margin-bottom: 20px; margin-top: 40px; } .send.friend .fieldset.recipients { margin-top: 40px; } .send.friend .fields.additional { margin-top: 40px; } /* * Navigation TM_Megamenu */ .tm-megamenu, .rd-navbar-products, .rd-navbar-static-block, .rd-navbar-thumbnail { display: none; } @media (min-width: 768px) { .rd-navbar-products, .rd-navbar-static-block { display: block; } .navigation .container { position: static; } .tm-megamenu li.focus > a, .tm-megamenu li.opened > a, .tm-megamenu li a:hover { color: #999; } .clear:after { clear: both; display: table; } } .tm-megamenu { text-align: left; padding: 80px 0; } .tm-megamenu:before { content: ''; background: #191919; height: 100%; } .tm-megamenu .mm-submenu.level1 { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tm-megamenu .mm-submenu.level1 > li { padding: 0; margin: 0; } .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.rd-navbar--has-dropdown { padding-right: 20px; } .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.rd-navbar--has-dropdown > a:after { display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; position: relative; top: 3px; } .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.rd-navbar--has-dropdown.focus, .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.rd-navbar--has-dropdown.active, .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.rd-navbar--has-dropdown:hover { color: #fff; } .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.focus > a, .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.active > a { background: none; color: #fff; } .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .rd-navbar-submenu.focus > a, .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .rd-navbar-submenu.active > a, .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .rd-navbar-submenu a:hover { background: none; color: #fff; } .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown { margin: 0; padding: 0; box-shadow: none; border: 1px solid #393939; } .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown > li.active > a { color: #fff; } .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown .rd-navbar-dropdown { left: 100%; top: -1px; margin-left: 2px; z-index: 2; } .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown .rd-navbar-dropdown.focus > a, .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown .rd-navbar-dropdown.active > a, .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown .rd-navbar-dropdown a:hover { background: none; color: #fff; } .tm-megamenu .mm-submenu.level1 a { text-transform: uppercase; font-size: 18px; padding: 0; display: inline-block; } .tm-megamenu .mm-submenu.level1 a:hover, .tm-megamenu .mm-submenu.level1 a.focus, .tm-megamenu .mm-submenu.level1 a.active { background: none; color: #fff; } .tm-megamenu .mm-submenu.level1 .mm-submenu.level2 { position: relative; padding-top: 40px; margin-top: 25px; } .tm-megamenu .mm-submenu.level1 .mm-submenu.level2 a { font-size: 16px; line-height: 24px; text-transform: none; color: #999; margin-bottom: 10px; padding: 0; font-weight: 300; } .tm-megamenu .mm-submenu.level1 .mm-submenu.level2 a:hover { background: none; color: #fff; } .tm-megamenu .mm-submenu.level1 .mm-submenu.level2:before { position: absolute; top: 0; left: 0; content: ''; width: 50px; height: 2px; background: #fff; } .tm-megamenu .product { color: #fff; text-align: center; } .tm-megamenu .product a { padding: 0; } .tm-megamenu .product a:hover { background: none; color: white; } .tm-megamenu .product .product-image { margin-bottom: 20px; background: #fff; transition: 0.2s opacity ease-out; } .tm-megamenu .product .product-image:hover { opacity: .8; } .tm-megamenu .product .product-title a { font-size: 16px; text-transform: none; color: #fff; margin-bottom: 10px; } .tm-megamenu .product .product-title a:hover { color: #999; } .tm-megamenu .product .product-price { font-size: 27px; line-height: 30px; } .rd-navbar-fixed .tm-megamenu { padding: 0px 0 20px 0; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 > li.rd-navbar-nav-category { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category { padding-left: 26px; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.rd-navbar--has-dropdown { padding-right: 0; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.rd-navbar--has-dropdown:before { display: none; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.rd-navbar--has-dropdown.focus, .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.rd-navbar--has-dropdown.active, .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.rd-navbar--has-dropdown:hover { color: #191919; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.focus > a, .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category.active > a { background: none; color: #191919; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .rd-navbar-submenu.focus > a, .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .rd-navbar-submenu.active > a, .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .rd-navbar-submenu a:hover { background: none; color: #191919; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown { margin: 0; padding: 0; box-shadow: none; border: none; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown > li.active > a { color: #191919; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown .rd-navbar-dropdown { left: 100%; top: -1px; margin-left: 2px; z-index: 2; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown .rd-navbar-dropdown.focus > a, .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown .rd-navbar-dropdown.active > a, .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown .rd-navbar-dropdown a:hover { background: none; color: #191919; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-nav-category .submenu.rd-navbar-dropdown li > a { padding: 0 0 0 26px; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .mm-submenu.level2 { position: relative; padding-top: 0; margin-top: 0; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .mm-submenu.level2:before { display: none; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .mm-submenu.level2 a { font-size: 16px; text-transform: none; color: #999; margin-bottom: 10px; padding: 0; font-weight: 300; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .mm-submenu.level2 a:hover, .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .mm-submenu.level2 a.focus, .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .mm-submenu.level2 a.active { background: none; color: #191919; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .mm-submenu.level2 a:hover { background: none; color: #191919; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-submenu > ul { display: none; } .rd-navbar-fixed .tm-megamenu .mm-submenu.level1 .rd-navbar-submenu.opened > ul { display: block; } .rd-navbar-fixed .tm-megamenu .rd-navbar-submenu-toggle { top: -7px; } .rd-navbar-fixed .tm-megamenu .product { display: none; } /* * Navigation */ .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .tm-megamenu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-fixed .rd-navbar-submenu-toggle { transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86); } .rd-navbar-nav, .rd-navbar-toggle { display: none; } .rd-navbar-static .rd-navbar-subpanel { display: table; } .rd-navbar-static .rd-navbar-outer .rd-navbar-inner { position: relative; } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .tm-megamenu { position: absolute; padding: 8px 0; text-align: left; opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); transform: translateY(30px); } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .tm-megamenu li > a { display: block; font-size: 14px; line-height: 24px; padding: 6px 16px 6px 0; } .rd-navbar-static .rd-navbar-dropdown { width: 270px; z-index: 999; padding: 0 20px; box-sizing: border-box; } .rd-navbar-static .rd-navbar-dropdown a:hover { color: #fff; } .rd-navbar-static .rd-navbar-dropdown li.focus > a { color: #fff; } .rd-navbar-static .tm-megamenu { margin-top: 10px; left: 0; right: 0; display: table; table-layout: fixed; width: 100%; top: 100%; z-index: 1; text-align: left; padding: 80px 0; } .rd-navbar-static .tm-megamenu > li { display: table-cell; } .rd-navbar-static .rd-navbar-nav { display: block; text-align: left; } .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.focus > .tm-megamenu, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.opened > .tm-megamenu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .rd-navbar-static .rd-navbar-nav > li, .rd-navbar-static .rd-navbar-nav > div { display: inline-block; margin-right: 15px; position: inherit; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li > .tm-megamenu, .rd-navbar-static .rd-navbar-nav > div > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > div > .tm-megamenu { top: 100%; z-index: 1; display: block; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > div .rd-navbar-dropdown { left: 0; margin-top: 35px; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > div .rd-navbar-dropdown .rd-navbar-dropdown { left: 100%; top: -8px; z-index: 2; margin-top: 8px; } .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-static .rd-navbar-nav > div > a { display: block; font-weight: 500; line-height: 26px; padding: 10px 20px; } .rd-navbar-fixed .container { min-width: auto; } .rd-navbar-fixed .rd-navbar-toggle { display: block; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; top: -56px; left: 0; width: 232px; padding: 112px 0 56px; bottom: -56px; z-index: 15; -webkit-transform: translateX(-105%); transform: translateX(-105%); } .rd-navbar-fixed .rd-navbar-nav-wrap.active { -webkit-transform: translateX(0); transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav { display: block; height: 100%; overflow: auto; font-size: 16px; line-height: 26px; text-align: left; } .rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after { content: ''; display: block; height: 8px; } .rd-navbar-fixed .rd-navbar-nav li > a { display: block; padding: 11px 56px 11px 16px; } .rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-fixed .tm-megamenu { display: none; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu li > a { padding-left: 32px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .tm-megamenu ul li li > a { padding-left: 48px; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .tm-megamenu { display: block; } .rd-navbar-fixed .rd-navbar-submenu-toggle { position: absolute; right: 0; z-index: 999; top: 0; width: 40px; height: 47px; line-height: 47px; text-align: center; cursor: pointer; } .rd-navbar-fixed .rd-navbar-submenu-toggle:before { display: inline-block; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: ""; } /*# sourceMappingURL=modules.css.map */