/**
 * @warning   This file was auto-generated by design.phtml
 * @created   2026-01-06 20:30:27
 */
.page-layout{width: 100%;} .page-main{background-color: #111;} .page-main a{} .page-main a:hover{} .page-main .icon{} .page-main .icon:hover{} .page-main .main-wrapper{margin-top: 40px;} .page-main .column.main{margin-bottom: 40px;} .cms-index-index .page-main{background-color: #000;} .cms-index-index .page-main a{} .page-main a:hover{} .page-title-wrapper{margin: 40px 0;} .page-title-wrapper h1{margin: 0;} .breadcrumbs{border-top: 1px solid #111; font-size: 90%; color: #fff; background-color: #000;} .breadcrumbs .items{} .breadcrumbs a{display: inline-block; color: #ccc; vertical-align: top;} .breadcrumbs a:hover{} .breadcrumbs .item{display: inline-block; height: 50px; line-height: 50px; vertical-align: top; opacity: 0.5;} .breadcrumbs .item:after{content: "\e9f4"; margin: 0px 20px; font-family: capicon; font-size: 52px; vertical-align: top; color: #888; opacity: 0.4;} .breadcrumbs .item.last:after{display: none;} .header-layout{width: 96%;} .mobile-header .header-layout{width: 100%;} .header{font-size: 95%; font-weight: 300; border-bottom: 1px solid transparent;} .header-inner{color: #fff; background-color: rgba(0,0,0,0.9); border-bottom: 1px solid rgba(17,17,17,0.9);} .header.sticky-active .header-inner{} .search-opener:before, .popup-search button:before{content: "\e9b4"; font-family: capicon; font-size: 170%; vertical-align: middle;} .popup-search button:before{} .search-opener .text{display: none;} .cart-opener:before{content: "\e904"; font-family: capicon; font-size: 170%; vertical-align: top;} .cart-opener .text{display: none;} .account-opener:before{content: "\e901"; font-family: capicon; font-size: 170%; vertical-align: top;} .account-opener .text{display: none;} .mobile-header .cart-opener .text{display: none;} .cart-opener .counter.empty{display: none;} .header-top{} .header-top .header-inner{} .header-top.sticky-active .header-inner{} .header-top .header-item{margin: 0 5px; padding: 0 5px;} .header-top .header-item .title{color: #e6e0da;} .header-top .header-item:hover .title{color: #fff;} .header-top .header-item .icon{color: #e6e0da;} .header-top .header-item:hover .icon{} .header-middle{} .header-middle .header-inner{} .header-middle.sticky-active .header-inner{} .header-middle .header-item{margin: 0 15px;} .header-middle a{color: #e6e0da;} .header-middle a:hover{color: #fff;} .header-middle .icon{} .header-middle .icon:hover{} .header-bottom{} .header-bottom .header-inner{} .header-bottom.sticky-active .header-inner{} .header-bottom a.level-top, .header-bottom .menu-mobile .menu-title{} .header-bottom a.level-top .icon{} .header-bottom .menu-main .menu-item a.level-top{color: #e6e0da;} .header-bottom .menu-main .menu-item a.level-top:hover{} .header-bottom .menu-main .menu-item:hover a.level-top{color: #fff;} .header-bottom .menu-main .menu-item.current a.level-top{} .header-bottom .menu-main .menu-item a.level-top .icon{color: #e6e0da;} .header-bottom .menu-main .menu-item a.level-top:hover .icon{} .header-bottom .menu-main .menu-item:hover a.level-top .icon{} .header-bottom .menu-main .menu-item.current a.level-top .icon{} .header-vertical .header-inner{border: 0; background-color: #000;} .header-vertical .menu-main .menu-item a.level-top, .header-vertical .menu-mobile .menu-item > a{text-align: left !important;} .header-vertical .header-logo .logo, .header-vertical .header-block-1, .header-vertical .header-block-2, .header-vertical .header-content, .header-vertical .menu-mobile .menu-block .menu-content{padding: 10px 30px;} .header-vertical .menu-main .menu-item a.level-top, .header-vertical .menu-mobile .menu-header .header-item > .title, .header-vertical .menu-mobile .menu-item > a, .header-vertical .menu-mobile .opener, .header-vertical .menu-mobile .menu-title, .header-vertical .menu-mobile .menu-closer, .header-vertical .menu-mobile .menu-footer .header-item > .title, .header-vertical .menu-mobile .menu-footer .header-item > .title .toggle{padding: 10px 30px !important; height: 30px !important; line-height: 30px !important;} .header-vertical .menu-mobile .menu-block .menu-content{padding: 10px 30px !important;} .header-horizontal.sticky-active .header-inner{box-shadow: 0 0 20px rgba(0,0,0,0.1);} .header-horizontal .menu-main li.level-top, .header-horizontal .menu-main .menu-item a.level-top .label{margin: 0 10px;} .header-horizontal .menu-main .menu-item a.level-top{padding: 0 10px;} .header-horizontal .menu-main .menu-item.menu-icon a.level-top{padding: 0 2px;} .header-horizontal .menu-main .menu-item a.level-top .border{border-bottom: 2px solid transparent;} .header-horizontal .menu-main .menu-item a.level-top:hover .border{} .header-horizontal .menu-main .menu-item:hover a.level-top .border{border-color: #111;} .header-horizontal .menu-main .menu-item.current a.level-top .border{} @media(max-width: 767px){ .header-bottom{font-size: 100%;} } .logo{} .logo img{} .header-logo img{width: 156px;} .header-vertical .header-logo{margin: 60px 0 30px;} .header-vertical .header-logo img{width: 156px;} .header-logo .logo{margin: 0 20px;} @media(max-width: 1023px){ .header-logo img{width: 136px;} } @media(max-width: 767px){ .header-logo img{width: 116px;} } .footer-logo{margin-top: 20px;} .footer-logo img{width: 110px;} @media(max-width: 1023px){ .footer-logo img{width: 100px;} } @media(max-width: 767px){ .footer-logo img{width: 90px;} } .menu-wrapper{} .menu-section{line-height: 2;} .menu-home a:before{} .menu-home .text{} .menu-main .menu-mini .menu-panel{width: 220px; padding: 10px 0;} .header-menu.menu-main .menu-mini .panel, .header-menu.menu-main .menu-item.level-top > .menu-panel{} .header-menu.menu-main .menu-mini .panel, .header-menu.menu-main .menu-panel{color: #fff; background-color: #111; border: 1px solid #222;} .header-menu.menu-main .menu-panel .menu-item{} .header-menu.menu-main .menu-panel .menu-item > a{padding: 10px 20px; height: 20px; line-height: 20px; color: #e6e0da;} .header-menu.menu-main .menu-panel .menu-item > a:hover{color: #fff; background-color: #222;} .header-menu.menu-main .menu-panel .menu-item.current > a{color: #fff;} .header-menu.menu-main .menu-panel .menu-item.active > a{} .header-menu.menu-main .menu-mini .menu-panel > .menu-item{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee;} .header-menu.menu-main .menu-panel .menu-item > a .border{} .header-menu.menu-main .menu-panel .menu-item > a:hover .border{border-color: #333;} .header-menu.menu-main .menu-panel .menu-item.current > a .border{} .header-menu.menu-main .menu-panel .menu-item.active > a .border{} .header-menu.menu-main .menu-panel .menu-item > a .icon{font-size: 120%; width: 14px;} .header-menu.menu-main .menu-panel .menu-item > a:before{} .header-menu.menu-main .menu-panel .menu-item > a:hover:before{} .header-menu.menu-main .menu-inner{max-width: 1024px;} .header-menu.menu-main .menu-submenu .menu-item > .menu-block .menu-content{padding: 7px 20px;} .menu-mobile .menu-trigger{padding: 0 20px; color: #e6e0da;} .menu-mobile .menu-trigger:hover{color: #fff;} .menu-mobile .menu-trigger .trigger-icon{width: 20px;} .menu-mobile .menu-trigger span{height: 1px; margin: 7px 0; background-color: #e6e0da;} .menu-mobile .menu-trigger:hover span{background-color: #0087c9;} .menu-mobile.active .menu-trigger{} .menu-mobile.active .menu-trigger span{} .menu-mobile .menu-closer{color: #fff;} .menu-mobile .menu-closer:hover{color: #0087c9;} .menu-mobile .menu-closer:before{content: "\e9e1"; font-family: capicon; font-size: 24px;} .menu-mobile .cart-opener{padding: 0 10px; color: #e6e0da;} .menu-mobile .cart-opener:hover{color: #fff;} .menu-mobile .cart-opener:before{font-size: 190%; color: #eee;} .menu-mobile .cart-opener:hover:before{color: #fff;} .menu-mobile .menu-section{width: 320px; max-width: 100%;} .menu-mobile .menu-background{width: 320px; max-width: 100%; background-color: #111;} .menu-mobile .menu-column{color: #fff; background-color: #111;} .menu-mobile .menu-mini .panel{background-color: #111;} .menu-mobile .overlay, .menu-mobile .menu-overlay{opacity: 0.3; filter: alpha(opacity=30); background-color: #333;} .menu-mobile .sliding .menu-item, .menu-mobile .sliding .menu-title, .menu-mobile .accordion .menu-item.level-top{border-bottom: 1px solid #222;} .menu-mobile .menu-header, .menu-mobile .menu-title, .menu-mobile .menu-closer{padding: 10px 20px; height: 50px; line-height: 50px;} .menu-mobile .menu-block .menu-content{padding: 10px 20px;} .menu-mobile .menu-item{} .menu-mobile .menu-item > a, .menu-mobile .opener{padding: 10px 20px; height: 40px; line-height: 40px;} .menu-mobile .menu-item > a{color: #eee;} .menu-mobile .menu-item > a:hover{color: #fff; background-color: #222;} .menu-mobile .menu-item.current > a{} .menu-mobile .menu-item.active > a{color: #fff;} .menu-mobile .menu-item > a .border{} .menu-mobile .menu-item.active > a .border{} .menu-mobile .menu-item > a:hover .border{} .menu-mobile .menu-item.current > a .border{} .menu-mobile .menu-item > a .icon{font-size: 120%; width: 18px;} .sidebar .menu-block .menu-content, .sidebar .menu-main .menu-submenu .menu-item > .menu-block .menu-content{padding: 10px 20px; line-height: 20px;} .sidebar .menu-main .menu-panel, .sidebar .accordion .menu-inner{color: #fff; background-color: #111;} .sidebar .menu-main .menu-submenu .menu-item > a{} .sidebar .menu-item > a, .sidebar .menu-item > a .opener{padding: 10px 20px; height: 20px; line-height: 20px;} .sidebar .menu-item > a{color: #eee; background-color: #111;} .sidebar .menu-item > a:hover{color: #fff; background-color: #222; opacity: 0.7;} .sidebar .menu-item.current > a{color: #fff; background-color: #111; opacity: 0.7;} .sidebar .menu-item.active > a{color: #fff; background-color: #222; opacity: 0.7;} .sidebar .menu-item > a:before{color: #eee;} .sidebar .menu-item > a:hover:before{color: #fff;} .sidebar .menu-item.current > a:before{} .sidebar .menu-item.active > a:before{color: #fff;} .sidebar .menu-item > a .icon{font-size: 120%; width: 14px;} .sidebar .menu-item > a .border{} .sidebar .menu-item > a:hover .border{} .sidebar .menu-item.current > a .border{} .sidebar .menu-item.active > a .border{} .main-top{max-width: 2560px;} .main-bottom{max-width: 1360px;} .main-layout{width: 96%; max-width: 1440px; padding: 0 20px;} .mobile-header .main-layout{width: 100%;} .sidebar-main{width: 20%; float: left; left: 0;} .sidebar-additional{width: 20%; float: right; right: 0;} .page-layout-1column .column.main{width: 100%;} .page-layout-2columns-left .column.main{width: 77%; float: right; padding-left: 3%;} .page-layout-2columns-right .column.main{width: 77%; float: left; padding-right: 3%;} .page-layout-3columns .column.main{display: inline-block; width: 54%; padding: 0 3%;} .sidebar-hide .columns .column.main{width: 100%; padding-left: 0;} .sidebar-hide .columns .sidebar-main{margin-left: -3%;} .sidebar-hide .columns .sidebar-main .sidebar{transform: translateX(-100%);} .sidebar-hide .columns .sidebar-additional{margin-right: -3%;} .sidebar-hide .columns .sidebar-additional .sidebar{transform: translateX(100%);} @media(max-width: 960px){ .sidebar-main, .sidebar-additional{width: 24%;} .page-layout-2columns-left .column.main, .page-layout-2columns-right .column.main{width: 72%;} .page-layout-3columns .column.main{width: 46%;} } .page-popup{color: #fff;} .page-popup a{color: #eee;} .page-popup a:hover{color: #fff;} .page-popup .icon{color: #eee;} .page-popup .icon:hover{color: #fff;} .page-popup .popup-window{} .page-popup .popup-overlay{background-color: rgba(0,0,0,0.5);} .popup-full{} .popup-full .popup-window{margin: 20px auto; padding: 60px; background-color: #111;} .popup-full .popup-title{margin-bottom: 40px;} .popup-full .popup-header{font-size: 170%; font-weight: 500; line-height: 1.3; text-align: left;} .popup-full .popup-message{margin-top: 20px; text-align: left; color: #aaa;} .popup-full .popup-panel{} .popup-side{font-size: 14px; line-height: 1.7;} .popup-side .popup-window{width: 320px; max-width: 100%; top: 0; left: auto; right: -100%; bottom: 0; overflow: hidden; color: #fff; background-color: #333; z-index: 1;} .popup-side.active .popup-window{right: 0;} .popup-side .popup-title{position: absolute; height: 70px; padding: 20px 25px; top: 0; left: 0; right: 0; border-bottom: 1px solid #333; font-size: 120%; background-color: #222; z-index: 100; box-sizing: border-box;} .popup-side .popup-panel{position: absolute; margin-top: 71px; padding: 20px 25px; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch;} .popup-menu .toggle{position: absolute; padding: 0 20px; right: 0; cursor: pointer; z-index: 1;} .popup-menu .toggle:after{content: "\e9db"; font-family: capicon; font-size: 120%; line-height: 1.5;} .popup-menu .block.active .toggle:after{content: "\e9de";} .popup-menu .panel{display: none;} .popup-opener{cursor: pointer;} .popup-closer{padding: 18px 25px;} .popup-closer:before{content: "\e9e1"; font-family: capicon; font-size: 26px; line-height: 1; vertical-align: middle;} .map-popup, .remember-me-popup{color: #fff; background-color: #111;} .map-popup-close:before, .remember-me-popup-close:before{color: #fff;} .map-popup-close:hover:before, .remember-me-popup-close:hover:before{color: #ff8571;} @media(max-width: 767px){ .popup-full .popup-window{padding: 50px;} } @media(max-width: 567px){ .popup-full .popup-window{padding: 40px;} } @media(max-width: 425px){ .popup-full .popup-window{padding: 40px 30px;} } .popup-account{} .popup-account li{display: block; padding: 10px 0;} .popup-account .popup-window{} .popup-account.active .popup-window{} .popup-cart{} .popup-cart .popup-window{} .popup-cart.active .popup-window{} .popup-login{} .popup-login .popup-window{max-width: 430px;} .popup-login.active .popup-window{} .popup-register{} .popup-register .popup-window{max-width: 760px;} .popup-register.active .popup-window{} .popup-search{} .popup-search .popup-window{max-width: 760px;} .popup-search.active .popup-window{} .popup-store{} .popup-store .popup-window{left: -100%; right: auto;} .popup-store.active .popup-window{left: 0; right: auto;} .popup-store .popup-panel{font-size: 90%;} .popup-store .flag{display: none; position: absolute; width: 20px; height: 20px;} .popup-store .flag img{width: 100%; height: 100%; border-radius: 50%; vertical-align: middle;} .popup-store .name{margin-left: 30px;} .popup-store .block{padding: 10px 0;} .popup-store .group{display: block; position: relative; font-weight: 500; text-transform: uppercase;} .popup-store .group:before{content: "\e924"; position: absolute; width: 30px; font-family: capicon; font-size: 150%; line-height: 1.3; color: #eee;} .popup-store .block.current .group:before{color: #666;} .popup-store .store{} .popup-store .store, .popup-store .store a{color: #888;} .popup-store .store:hover, .popup-store .store:hover a, .popup-store .current .store{color: #ccc;} .popup-store .store:before{content: "\e92b"; position: absolute; width: 30px; font-family: capicon; font-size: 150%; line-height: 1.3; color: #eee;} .popup-store .store.current:before{color: #666;} .popup-store .block .store:before{display: none;} .popup-currency{} .popup-currency .popup-window{left: -100%; right: auto;} .popup-currency.active .popup-window{left: 0; right: auto;} .popup-currency .currency{padding: 10px 0;} .popup-currency .name{display: block; font-weight: 500;} .popup-currency .code{color: #888;} .popup-filter{} .popup-filter .popup-window{left: -100%; right: auto;} .popup-filter.active .popup-window{left: 0; right: auto;} .popup-filter a{padding: 10px 3px; border: 1px solid #555; border-radius: 5px; color: #fff;} .popup-filter a:hover, .popup-filter .current a{color: #333; background-color: #fff;} .popup-filter a .price{color: #fff;} .popup-filter a:hover .price{color: #333;} .popup-filter .popup-panel{font-size: 90%;} .popup-filter .item{display: inline-block; position: relative; width: 50%; text-align: center; vertical-align: top;} .popup-filter .item a{position: relative; width: calc(100% - 5px); height: calc(100% - 5px); margin: 2px; overflow: hidden;} .popup-filter .count{display: none;} .popup-filter .count:before{content: "(";} .popup-filter .count:after{content: ")";} .popup-filter .count-label{display: none;} .popup-filter .opener{position: absolute; top: 50%; height: 0; line-height: 0;} .popup-filter .opener:after{content: "\e9db"; font-family: capicon;} .popup-filter .active .opener:after{content: "\e9de";} .popup-filter .filter-options-item .item .disabled{color: #eee; background-color: #888; cursor: not-allowed;} .popup-filter .filter-options-title{padding: 15px 0; font-size: 130%;} .popup-filter .filter-options-panel{margin: 0 -2px; padding: 10px 0 20px;} .popup-filter .filter-actions-panel{padding-bottom: 20px;} .popup-filter .filter-current .item{width: 100%;} .popup-filter .filter-current .item a{padding: 10px;} .popup-newsletter{} .popup-newsletter .popup-window{max-width: 560px;} .popup-newsletter.active .popup-window{} .tooltip{position: absolute; margin-top: -10px; padding: 15px; top: 0; right: 50%; transform: translate(50%, -100%); font-size: 90%; line-height: 1; white-space: nowrap; border: 1px solid #f5f5f5; border-radius: 5px; visibility: hidden; opacity: 0; transition: opacity .4s ease-in-out; color: #777; background-color: #fff; box-shadow: 0 0 20px rgba(75,75,75,0.1); z-index: 1;} :hover > .tooltip{visibility: visible; opacity: 1;} .tooltip:before{bottom: -8px; border-top: 7px solid #f5f5f5;} .tooltip:before, .tooltip:after{content: ""; position: absolute; margin-left: -7px; left: 50%; border-left: 7px solid transparent; border-right: 7px solid transparent;} .tooltip:after{bottom: -7px; border-top: 7px solid #fff;} .field-tooltip{position: absolute; top: 8px; right: 10px; cursor: pointer;} .field-tooltip .label{display: none;} .field-tooltip .field-tooltip-action:before{content: "\e935"; font-size: 140%; font-family: capicon; line-height: 1; vertical-align: middle; color: #aaa;} .field-tooltip .field-tooltip-action:hover:before{color: #555;} .field-tooltip .field-tooltip-content{width: 250px; padding: 15px 20px; top: auto; left: auto; right: -10px; bottom: 40px; border: 1px solid #f5f5f5; border-radius: 5px; font-size: 90%; color: #555; background: #fff; box-shadow: 0 0 20px rgba(75,75,75,0.1);} .field-tooltip .field-tooltip-content:before{bottom: -8px; border-top: 7px solid #f5f5f5;} .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after{content: ""; position: absolute; right: 10px; border-left: 7px solid transparent; border-right: 7px solid transparent;} .field-tooltip .field-tooltip-content:after{bottom: -7px; border-top: 7px solid #fff;} .swatch-attribute{margin-top: 15px; margin-right: -5px;} .swatch-option{margin-right: 5px; margin-bottom: 5px; padding: 0 5px; border-color: rgba(136, 136, 136, 0.2);} .swatch-option.text{border-radius: 12px;} .swatch-option.disabled{color: #eee; background-color: #555; cursor: not-allowed;} .swatch-option.color.disabled:after{content: ""; position: absolute; width: 100%; height: 1px; margin: auto; top: 50%; left: 0; right: 0; background-color: rgba(136, 136, 136, 0.5); transform: rotate(-45deg);} .swatch-option.text:not(.disabled):hover{border-color: #555;} .swatch-option.text.selected{border-color: #fff; color: #000; background-color: #fff;} .swatch-option.color{width: 32px; height: 32px; margin: 0 3px 6px; border-radius: 50%; box-shadow: inset 0 0 2px 0 rgba(136, 136, 136, 0.2);} .swatch-option.color.selected:after{content: ""; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; border: 1px solid #888; border-radius: 50%;} .swatch-option.image{border-radius: 50%; background-color: #fff;} .swatch-option.image.selected:after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #888; opacity: 0.2; border-radius: 50%;} .popup-filter .swatch-attribute{margin: 0;} .popup-filter .swatch-attribute.size .item{width: 25%;} .popup-filter .swatch-attribute.color{margin-right: 44px; padding: 0 2px;} .popup-filter .swatch-attribute.color .item{width: 33.33%; margin: 7.5px 0;} .popup-filter .swatch-attribute.color .item:nth-child(4n){width: 0;} .popup-filter .swatch-option.text{padding: 8px 3px;} .popup-filter .swatch-option.color{width: 44px; height: 44px;} .popup-filter .swatch-option.image{width: 44px; height: 44px; border: 0; border-radius: 50%; box-shadow: inset 0 0 2px 0 rgba(136, 136, 136, 0.2);} .products .swatch-attribute{margin: 15px -2px;} .products .swatch-attribute.color{margin: 15px -5px;} .products .swatch-option{font-size: 11px; height: 20px; line-height: 18px; min-width: 30px; margin: 2px; color: #fff; background-color: #222;} .products .swatch-option.color{width: 18px; height: 18px; margin: 5px;} .products .swatch-option.image{background-color: #fff;} .products-list .swatch-attribute{margin: 15px -5px;} .products-list .swatch-option{font-size: 13px;} .products-list .swatch-option.text{min-width: 50px; height: 36px; line-height: 34px; margin: 0 0 5px 5px; border-radius: 18px;} .products-list .swatch-option.color{width: 30px; height: 30px; margin: 5px;} .products-list .swatch-option.image{width: 50px; height: 50px; margin: 0 0 5px 5px;} .products-grid .swatch-option{visibility: visible;} .products-grid .swatch-attribute{position: absolute; margin: 40px 10px; left: 0; right: 0; bottom: 0; z-index: 20; visibility: hidden;} .products-grid .swatch-attribute.color{width: 15%; margin: 10px; top: 0; right: auto;} .products-grid .swatch-option.image{width: auto; height: auto; min-width: auto; padding: 50%;} .products-grid .swatch-attribute.color .swatch-option{display: block;} .product-info-main .swatch-attribute{margin-bottom: 30px;} .product-info-main .swatch-attribute.color{margin-right: -10px;} .product-info-main .swatch-option.text{height: 48px; line-height: 46px; min-width: calc(20% - 5px); border-radius: 24px;} .product-info-main .swatch-option.color{width: 44px; height: 44px; margin: 0 10px 10px 0;} .product-info-main .swatch-option.color.selected:after{top: -6px; left: -6px; right: -6px; bottom: -6px;} .product-info-main .swatch-option.image{width: 32px; height: 32px; padding: calc(10% - 3px);} .swatch-option-tooltip{max-width: 140px;} .swatch-option-tooltip .panel{border: 1px solid #f5f5f5; border-radius: 5px; font-size: 90%; line-height: 1.2; color: #888; background-color: #fff; box-shadow: 0 0 20px rgba(75,75,75,0.1);} .swatch-option-tooltip .image{width: 70px; height: 70px;} .swatch-option-tooltip .title{padding: 8px;} .swatch-option-tooltip.swatch-text{display: none;} .swatch-option-tooltip.swatch-filter .image{display: none;} .swatch-option-tooltip.swatch-category .image{} .swatch-option-tooltip.swatch-catalog{display: none;} .swatch-option-tooltip.swatch-catalog .image{display: none;} .swatch-option-tooltip .corner:before{border-top-color: #f5f5f5;} .swatch-option-tooltip .corner:after{border-top-color: #fff;} h1{margin-bottom: 30px; font-size: 240%; font-weight: normal; line-height: 1.3; letter-spacing: 0.03em;} h2{margin-bottom: 30px; font-size: 200%; font-weight: normal; line-height: 1.3; letter-spacing: 0.03em;} h3{margin-bottom: 20px; font-size: 150%; font-weight: normal; line-height: 1.3; letter-spacing: 0.03em;} h4{margin-bottom: 20px; font-size: 140%; font-weight: normal; line-height: 1.3; letter-spacing: 0.03em;} h5{margin-bottom: 10px; font-size: 120%; font-weight: normal; line-height: 1.3; letter-spacing: 0.03em;} h6{margin-bottom: 10px; font-size: 110%; font-weight: normal; line-height: 1.3; letter-spacing: 0.03em;} a.action.primary, a.action.secondary{position: relative; min-width: 100px; height: 40px; line-height: 40px; padding: 0 20px; font-size: 85%; text-transform: uppercase; letter-spacing: 0.05em; color: #fff; background-color: #4d4741; border-radius: 2px;} a.action.primary:hover, a.action.secondary:hover{color: #fff; background-color: #5a544e;} a.action.secondary{color: #000; background: none; background-color: #fff;} a.action.secondary:hover{color: #000; background: none; background-color: #ddd;} a.action.towishlist:before{content: "\e923"; font-family: capicon; font-size: 1.2em;} a.action.tocompare:before{content: "\e9bd"; font-family: capicon; font-size: 1.2em;} a.action.mailto:before{content: "\e91d"; font-family: capicon; font-size: 1.2em;} .product-addto-links a.action{display: inline-block; position: relative; width: 52px; height: 52px; line-height: 52px; border: 1px solid #333; margin: 5px; font-size: 90%; color: #fff; border-radius: 50%;} .product-addto-links a.action:hover{border-color: #555;} .product-addto-links a.action:before{font-size: 140%; vertical-align: top;} .product-addto-links a.action span{display: block; position: absolute; margin-top: -10px; padding: 15px; top: 0; right: 50%; transform: translate(50%, -100%); font-size: 90%; line-height: 1.5; letter-spacing: 0.02em; white-space: nowrap; border: 1px solid #f5f5f5; border-radius: 5px; visibility: hidden; opacity: 0; transition: opacity .4s ease-in-out; color: #777; background-color: #fff; box-shadow: 0 0 20px rgba(75,75,75,0.1); z-index: 1;} .product-addto-links a.action:hover span{visibility: visible; opacity: 1;} .product-addto-links a.action span:before{bottom: -8px; border-top: 7px solid #f5f5f5;} .product-addto-links a.action span:before, .product-addto-links a.action span:after{content: ""; position: absolute; margin-left: -7px; left: 50%; border-left: 7px solid transparent; border-right: 7px solid transparent;} .product-addto-links a.action span:after{bottom: -7px; border-top: 7px solid #fff;} button.action, button.action-primary, button.action-secondary{position: relative; min-width: 100px; height: 42px; line-height: 42px; padding: 0 20px; color: #fff; background-color: #4d4741; border-radius: 21px;} button.action:hover, button.action-primary:hover, button.action-secondary:hover{color: #fff; background-color: #5a544e;} button.primary, button.action-primary{} button.primary:hover, button.action-primary:hover{} button.secondary, button.action-secondary{color: #000; background: none; background-color: #fff;} button.secondary:hover, button.action-secondary:hover{color: #000; background: none; background-color: #ddd;} .products button.action{color: #fff; background: none; background-color: #5a544e;} .products button.action:hover{color: #fff; background: none; background-color: #67615b;} .catalog-product-view .box-tocart button.action, .catalog-product-view .bundle-actions button.action{width: 100%; height: 52px; line-height: 52px; font-size: 110%; color: #fff; background: none; background-color: #736d67; border-radius: 26px;} .catalog-product-view .box-tocart button.action:hover, .catalog-product-view .bundle-actions button.action:hover{color: #fff; background: none; background-color: #807a74;} .catalog-product-view .box-tocart button.action:before, .catalog-product-view .bundle-actions button.action:before{content: "\e906"; font-family: capicon; font-size: 140%; vertical-align: top; margin-right: 10px;} .sidebar button.action{color: #fff; background: none; background-color: #222;} .sidebar button.action:hover{color: #fff; background: none; background-color: #333;} button.action.checkout{color: #fff; background: none; background-color: #4c89ba;} button.action.checkout:hover{color: #fff; background: none; background-color: #326fa0;} .cart-summary button.action.checkout{min-width: 100%; height: 44px; line-height: 44px; font-size: 90%;} input{color: #fff; background-color: #222; border: 1px solid #222; border-radius: 2px;} input:after{color: #fff;} input.qty, input.item-qty, input.input-text{height: 40px; line-height: 40px; padding: 0 5px; color: #fff;} input.qty:hover, input.item-qty:hover, input.input-text:hover{} input.qty:focus, input.item-qty:focus, input.input-text:focus{border-color: #0086d0;} select{height: 40px; line-height: 40px; padding: 0 5px; color: #fff; background-color: #555; border: 1px solid #555; border-radius: 2px;} select:hover{} select:focus{border-color: #0086d0;} textarea{padding: 0 5px; color: #fff; background-color: #222; border: 1px solid #222; border-radius: 2px;} textarea:hover{} textarea:focus{border-color: #0086d0;} .product-label .label{position: absolute; letter-spacing: 0.05em; text-align: center;} .product-label .new{top: 10px; left: 10px; width: 50px; height: 50px; line-height: 48px; border: 1px solid #88C745; color: #fff; background-color: rgba(123,187,43,0.85); border-radius: 50%;} .product-label .sale{top: 0; right: 0; width: 50px; height: 50px; line-height: 48px; border: 1px solid #e74c81; color: #fff; background-color: rgba(226,73,125,0.85); border-radius: 50%;} .product-label .rate{bottom: 20%; right: 10px; padding: 0 10px; border: 1px solid #e74c81; color: #fff; background-color: rgba(226,73,125,0.85); border-radius: 2px;} .price{color: #fff;} .old-price .price{color: #eee;} .price-label{display: block;} .products .price{color: #ccc;} .products-list .price{font-size: 140%;} .product-info-main .price{font-size: 200%;} .rating-summary{display: inline-block; line-height: 30px;} .rating-summary .label{margin-right: 5px;} .rating-result{font-size: 1.2em;} .rating-result:before, .rating-result > span:before{content: "\e91e\e91e\e91e\e91e\e91e"; font-family: capicon;} .rating-result:before{color: #c5c5c5;} .rating-result > span:before{color: #80c4be;} .rating-count{font-size: 0.9em; color:#888;} .rating-summary:hover .rating-count{color: #80c4be;} .reviews-actions{display: inline-block; line-height: 30px;} .reviews-actions a{color: #777;} .reviews-actions a:hover{color: #80c4be;} .reviews-actions a.add{} .review-control-vote{color: #c5c5c5;} .review-control-vote label{color: #80c4be;} .review-control-vote:before{content: "\e91f\e91f\e91f\e91f\e91f";} .review-control-vote:before, .review-control-vote label:before{font-family: capicon; font-size: 40px; height: 40px; line-height: 40px; letter-spacing: 5px;} .review-control-vote .rating-1:before{content: "\e91e";} .review-control-vote .rating-2:before{content: "\e91e\e91e";} .review-control-vote .rating-3:before{content: "\e91e\e91e\e91e";} .review-control-vote .rating-4:before{content: "\e91e\e91e\e91e\e91e";} .review-control-vote .rating-5:before{content: "\e91e\e91e\e91e\e91e\e91e";} .sidebar{margin: -1px; font-size: 90%; background-color: #111; border: 1px solid #222; border-radius: 3px;} .sidebar a{color: #ccc;} .sidebar a:hover{} .sidebar .price{} .sidebar .old-price .price{} .sidebar .block{padding: 20px 0; border-bottom: 1px solid #222;} .sidebar .block:first-child{} .sidebar .block:last-child{border-bottom: 0;} .sidebar .block dt{margin-top: -1px; border-top: 1px solid #222;} .sidebar .block dd{border-bottom: 1px solid #222;} .sidebar .block-title{position: relative; margin: 0 20px; font-size: 120%; cursor: pointer;} .sidebar .block-title:before{content: "\e9e7"; font-family: capicon; font-size: 120%; line-height: 1.4;} .sidebar .block.active .block-title:before{content: "\e9f0";} .sidebar .block-title strong{font-weight: 400;} .sidebar .block-content{padding: 15px 20px 0;} .sidebar .block-menu .block-content{padding: 10px 0 0;} .sidebar .block-filter .item{padding: 10px 0; height: 20px; line-height: 20px;} .sidebar button{margin-top: 15px;} .sidebar-main, .sidebar-additional{margin-bottom: 40px;} @media(max-width: 767px){ .sidebar{margin-left: -20px; margin-right: -20px;} } .footer-layout{width: 96%; max-width: 1360px;} .footer{background-color: #000;} .footer-scroll{position: fixed; left: 0; right: 0; bottom: 0; visibility: hidden; z-index: 110;} .footer-scroll .scroll-top{display: none; width: 44px; height: 44px; line-height: 46px; margin: 0 10px; border: 1px solid #eee; border-bottom: 0; bottom: 0; font-size: 20px; text-align: center; visibility: visible; z-index: 1; color: #555; background-color: #fff; opacity: 0.95; border-radius: 5px 5px 0 0;} .footer-scroll .scroll-top:hover{color: #555; background-color: #f5f5f5;} .footer-scroll .scroll-top:before{content: "\e9f2"; font-family: capicon;} @media(max-width: 767px){ .footer-layout{width: 100%;} } .footer-top{color: #fff;} .footer-top a{color: #e6e0da;} .footer-top a:hover{color: #fff;} .footer-top a:before{color: #99938d;} .footer-top a:hover:before{color: #fff;} .footer-top .footer-inner{padding: 50px 20px;} .footer-middle{font-size: 85%; color: #dad6d2;} .footer-middle a{color: #dad6d2;} .footer-middle a:hover{color: #fff;} .footer-middle a:before{color: #777;} .footer-middle a:hover:before{color: #fff;} .footer-middle .footer-inner{padding-top: 15px; border-top: 1px solid #222;} .footer-bottom{font-size: 85%; line-height: 2; color: #888;} .footer-bottom a{color: #dad6d2;} .footer-bottom a:hover{color: #fff} .footer-bottom a:before{color: #ccc;} .footer-bottom a:hover:before{color: #fff;} .footer-bottom .footer-inner{margin: 0 20px; padding: 15px 0;} .catalog-category-view{} .catalog-category-view .page-title-wrapper, .catalogsearch-result-index .page-title-wrapper{} .category-share{margin-top: 10px;} .toolbar{margin: 0 -1px;} .toolbar a{} .toolbar a:hover{} .toolbar .text{display: inline-block; vertical-align: top;} .toolbar .icon{display: inline-block; font-family: capicon; vertical-align: top;} .toolbar .icon:before{display: inline-block; margin-top: 1px; font-size: 140%; vertical-align: top;} .toolbar .icon:after{display: inline-block; margin-top: 1px; vertical-align: top;} .toolbar .filter-opener{float: left; margin-right: 15px;} .toolbar .filter-opener .icon:after{content: "\e9cf"; font-size: 130%;} .toolbar .modes{float: right; margin-left: 15px;} .toolbar .modes .text{display: none;} .toolbar .modes .active{display: none;} .toolbar .mode-list:before{content: "\e961";} .toolbar .mode-grid:before{content: "\e95b";} .toolbar .sorter{float: left; margin-right: 15px;} .toolbar .sorter .title .icon:after{content: "\e9e7";} .toolbar .sorter .active .title .icon:after{content: "\e9f0";} .toolbar .sidebar-button{float: right; margin-left: 15px;} .toolbar .sidebar-button .text{display: none;} .toolbar .limiter{float: left; margin-right: 15px;} .toolbar .amount{float: right; line-height: 42px;} .toolbar .pages{float: left; width: 100%; margin-top: 50px; text-align: center;} .toolbar .pages .item{position: relative; width: 35px; height: 35px; line-height: 35px; margin: -2px; border: 2px solid transparent; border-radius: 50%; vertical-align: middle;} .toolbar .pages .item:hover{border-color: #2fc394;} .toolbar .pages .item.current a{color: #2fc394;} .page-layout-1column .toolbar .sidebar-button{display: none;} .page-layout-2columns-left .toolbar .sidebar-opener:before{content: "\e970";} .page-layout-2columns-right .toolbar .sidebar-opener:before{content: "\e973";} .page-layout-3columns .toolbar .sidebar-opener:before{content: "\e976";} .toolbar .sidebar-closer:before{content: "\e96d";} .toolbar .sorter-action{line-height: 1.6;} .toolbar .sorter-action:after{margin: 0; font-size: 140%;} .toolbar .sort-asc:after{content: "\e9c3";} .toolbar .sort-desc:after{content: "\e9c6";} .toolbar-top{} .toolbar-top .toolbar{min-height: 20px; line-height: 20px; margin-bottom: 30px; font-size: 110%;} .toolbar-bottom{margin-top: 50px;} .toolbar-bottom .toolbar{} .toolbar-menu{} .toolbar-menu .item{cursor: pointer;} .toolbar-menu .item.current{opacity: 0.7;} .toolbar-menu .title{position: relative; cursor: pointer;} .toolbar-menu .panel{margin: 0 -21px; left: 0; line-height: 2.2; z-index: 100;} .toolbar-menu .panel .icon{float: right;} .toolbar-menu .inner{min-width: 150px; padding: 20px; border-radius: 0 0 20px 20px; font-size: 90%; color: #fff; background-color: #111;} .products{color: #ccc;} .products a{color: #eee;} .products a:hover{color: #67aba5;} .products .product-panel{background-color: #111; border: 1px solid transparent;} .products .product-hover .product-panel{border-color: #222;} @media(max-width: 767px){ .products-wrapper{margin-left: -20px; margin-right: -20px;} } .products-list{} .products-list .product-panel{margin: -1px 0 0; border-bottom: 1px solid #222;} .products-list .product-item-name{font-size: 140%;} .products-list .price-box{padding-top: 10px; font-size: 110%;} .products-list .product-swatch{padding-top: 20px;} .products-list .product-item-description{padding-top: 15px;} .products-list .ratings-box{padding-top: 4px;} .products-list .actions{float: left; margin-top: 30px; margin-right: 20px;} .products-list .add-to-links{float: left; margin-top: 30px; font-size: 120%; line-height: 42px;} .products-list .availability{margin: 15px 0;} .products-list .product-primary{display: inline-block; width: 34%; padding: 40px 0; vertical-align: top;} .products-list .product-secondary{display: inline-block; width: 64%; margin: 0 1%; padding: 30px 20px; vertical-align: top;} @media(max-width: 567px){ .products-list .product-primary{width: 100%; padding: 0;} .products-list .product-secondary{width: 100%; margin: 0;} } .products-grid{line-height: 1.5;} .products-grid a{color: #444;} .products-grid .price{color: #888;} .products-grid .product-items{margin-right: 1px;} .products-grid .product-item{text-align: center;} .products-grid .product-panel{margin: -1px;} .products-grid .ratings-box{position: absolute; left: 10px; bottom: 5px; z-index: 2;} .products-grid .add-to-links .action{position: absolute; height: 30px; line-height: 30px; right: 10px; bottom: 0; z-index: 2;} .products-grid .add-to-links .towishlist{top: 5px;} .products-grid .add-to-links .tocompare{bottom: 5px;} .products-grid .product-item-name{padding-top: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .products-grid .price-box{padding-top: 8px;} .products-grid .actions{padding: 15px 0;} .products-grid .availability{margin: 10px 0;} .products-grid .product-primary{} .products-grid .product-secondary{padding: 0 10px; color: #888; background-color: #fff;} .products .product-item-photo{padding-bottom: 124%;} .products .product-image-photo{position: absolute;} .catalog-product-view{} .catalog-product-view .product.media{float: left; width: 60%; margin-right: 3%; margin-bottom: 30px;} .catalog-product-view .product-info-main{float: left; width: 37%; margin-bottom: 30px;} .catalog-product-view .product-info-main .product-info-price{margin-top: 15px;} .catalog-product-view .product-name h3{margin-bottom: 0;} .catalog-product-view .product-info-main .rating-count{font-size: 100%;} .catalog-product-view .product-info-stock-sku{margin-top: 15px;} .catalog-product-view .product-info-stock-sku .sku{display: inline-block; margin-right: 10px;} .catalog-product-view .product-info-stock-sku .sku strong{font-weight: 400;} .catalog-product-view .product-info-stock-sku .stock{display: inline-block;} .catalog-product-view .product-reviews-summary{margin-top: 10px;} .catalog-product-view .box-tocart .label{display: none;} .catalog-product-view .box-tocart .actions{float: left; width: 100%;} .catalog-product-view .box-tocart .field.qty{position: absolute; width: 20%; left: 0; z-index: 1;} .catalog-product-view .box-tocart .field.qty + .actions button.action{padding-left: 20%;} .catalog-product-view .box-tocart .field.qty:after{content: ""; position: absolute; top: 9px; right: 1px; bottom: 9px; border-right: 1px dashed #fff; z-index: 1;} .catalog-product-view .box-tocart .field.qty .input-text.qty{width: 100%; color: #fff; background-color: transparent; border-color: transparent;} .catalog-product-view .product-social-links{margin: 30px 0;} @media(max-width: 767px){ .catalog-product-view .page-main .main-wrapper{margin-top: 0;} .catalog-product-view .product.media{float: none; width: auto; min-width: 100%;  margin-left: -20px; margin-right: -20px;} .catalog-product-view .product-info-main{width: 100%;} } .product-share{float: left; width: 100%; margin-top: 10px; text-align: center;} .fotorama-item.fotorama .fotorama__thumb-border{border: 1px solid #ddd; background-image: none; background-color: #888; opacity: 0.2;} .fotorama__nav__frame--thumb{background-color: #fff;} .fotorama__nav--dots{position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;} .fotorama__dot{position: absolute; width: 8px; height: 8px; margin: auto; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border: 0; border-radius: 50%;} .fotorama__active .fotorama__dot{background-color: #00a9c7;} .tabs-section .tabbed{} .tabs-section .tabbed .tabs-title{border-bottom: 2px solid #252525; text-align: center;} .tabs-section .tabbed .tab-title{margin: 0 20px -2px; padding: 20px 0; font-size: 90%; text-transform: uppercase; letter-spacing: 0.05em; color: #ccc;} .tabs-section .tabbed .tab-title:hover{} .tabs-section .tabbed .tab-title.active{color: #fff;} .tabs-section .tabbed .tab-title .border{transform: scaleX(0); transition: all 300ms cubic-bezier(0.5, 0, 0.3, 1) 0s;} .tabs-section .tabbed .tab-title:hover .border{} .tabs-section .tabbed .tab-title.active .border{border-bottom: 2px solid #fff; transform: scaleX(1);} .tabs-section .tabbed .tab-panel .tab-inner{padding: 30px 0;} .tabs-section .accordion{max-width: 960px;} .tabs-section .accordion .tab-title{padding: 15px 0; font-size: 110%;} .tabs-section .accordion .tab-title:hover{} .tabs-section .accordion .tab-title.active{} .tabs-section .accordion .tab-title{border-top: 1px solid #333; font-size: 90%; text-transform: uppercase; letter-spacing: 0.05em;} .tabs-section .accordion .tab-title:first-child{border-top: 0;} .tabs-section .accordion .tab-title .border{} .tabs-section .accordion .tab-title:hover .border{} .tabs-section .accordion .tab-title.active .border{} .tabs-section .accordion .tab-panel .tab-inner{padding: 10px 0 30px;} .customer-account-login{} .customer-account-create{} .customer-account-index{} .sidebar .block-collapsible-nav-title{} .sidebar .block-collapsible-nav-content{} .sidebar .block-collapsible-nav-content li{margin: 3px -20px; padding: 5px 20px 5px 17px; border-left: 3px solid transparent;} .sidebar .block-collapsible-nav-content li.current{border-color: #fff;} .customer-account-index .column.main{} .checkout-cart-index{} .cart-content{width: 68%;} .cart-content a{color: #fff;} .cart-content a:hover{color: #0087c9;} .cart-content a.action-delete:before{color: #ddd;} .cart-content a.action-delete:hover:before{color: #0087c9;} .cart-content .cart.item, .cart-content .action-delete{padding: 20px 0;} .cart-content .cart.item{border-top: 0; border-bottom: 1px solid #333;} .cart-content .cart.item dt, .cart-content .cart.item .label{margin-right: 6px; font-weight: 500; color: #fff;} @media(max-width: 959px){ .cart-content{width: 63%;} } @media(max-width: 767px){ .cart-content{width: 100%;} } .cart-summary{width: 28%; background-color: #333; border-radius: 3px;} .cart-summary a{color: #fff;} .cart-summary a:hover{color: #0087c9;} .cart-summary .summary.title{padding: 30px 30px 10px; font-size: 200%; font-weight: 400;} .cart-summary .discount, .cart-summary .shipping{padding: 15px 30px; border-bottom: 1px solid #444;} .cart-summary .cart-totals, .cart-summary .checkout-methods-items{padding: 30px; border-bottom: 1px solid #444;} .cart-summary .cart-totals-bottom{padding: 30px; text-align: center;} @media(max-width: 959px){ .cart-summary{width: 33%;} } @media(max-width: 767px){ .cart-summary{width: 100%;} } .checkout-index-index{} .opc-wrapper{} .opc-sidebar{background-color: #333;}