@charset "UTF-8"; /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Background-rgba */ /* * Transform Origin */ /* * Transform */ /* * Triangle */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ /* * @subsection Floating System */ .pull-left { float: left; } .pull-none { float: none; } .pull-right { float: right; } @media (min-width: 480px) { .pull-xs-left { float: left; } .pull-xs-none { float: none; } .pull-xs-right { float: right; } } @media (min-width: 768px) { .pull-sm-left { float: left; } .pull-sm-none { float: none; } .pull-sm-right { float: right; } } @media (min-width: 992px) { .pull-md-left { float: left; } .pull-md-none { float: none; } .pull-md-right { float: right; } } @media (min-width: 1200px) { .pull-lg-left { float: left; } .pull-lg-none { float: none; } .pull-lg-right { float: right; } } /* * @subsection Text Alignment */ .text-left, .cart-container .cart-summary .cart-totals { text-align: left; } .text-center, .section-title, .page-title { text-align: center; } .text-right { text-align: right; } @media (min-width: 480px) { .text-xs-left { text-align: left; } .text-xs-center { text-align: center; } .text-xs-right { text-align: right; } } @media (min-width: 768px) { .text-sm-left { text-align: left; } .text-sm-center { text-align: center; } .text-sm-right { text-align: right; } } @media (min-width: 992px) { .text-md-left { text-align: left; } .text-md-center { text-align: center; } .text-md-right { text-align: right; } } @media (min-width: 1200px) { .text-lg-left { text-align: left; } .text-lg-center { text-align: center; } .text-lg-right { text-align: right; } } /* * @subsection Text Styling */ .italic { font-style: italic; } .uppercase { text-transform: uppercase; } .underline { text-decoration: underline; } .strike { text-decoration: line-through; } .thin { font-weight: 100; } .light { font-weight: 300; } .regular { font-weight: 400; } .medium, .collapsible-block .opener::before { font-weight: 500; } .sbold { font-weight: 600; } .bold, strong { font-weight: 700; } .ubold { font-weight: 900; } .primary-color { color: #282828; } table.table thead th { font-weight: 400; } /* * @subsection Icons */ .big-circle-icon { display: block; width: 122px; height: 122px; margin: 0 auto 1rem; border-radius: 50%; border: 2px solid #282828; font-size: 66px; } .big-circle-icon:before { color: #282828; font-size: 66px; line-height: 122px; text-align: center; width: 100%; } .medium-icon { margin: 0 auto 1rem; } .medium-icon:before { font-size: 60px; line-height: 1em; color: #282828; } .small-icon:before { font-size: 40px; line-height: inherit; color: #282828; } /* * @subsection Typography */ h1, .heading-1, .widget .block-title, .block.related .block-title strong, .block.upsell .block-title strong, .block-new-products.grid .block-title strong { font-size: 42px; } h2, .heading-2, .cart-heading-2, .cart-summary-inner > .summary.title, .block.crosssell .block-title strong, .opc-sidebar .opc-block-summary span.title, .sidebar > .block .block-title span, .sidebar > .block .block-title strong, .sidebar > .collapsible-block .block-title span, .sidebar > .collapsible-block .block-title strong, .block-customer-login .block-title strong, .block-new-customer .block-title strong, body.account .block-dashboard-info .block-title strong, body.account .block-dashboard-addresses .block-title strong { font-size: 32px; letter-spacing: 2.7px; } h3, .heading-3, .cart-heading-3, .cart-price, #shopping-cart-table .item-info .price, .table.totals td, .opc-estimated-wrapper .estimated-price, .block.items-in-cart .minicart-items .product-item .subtotal, .table-totals .price, .table-totals .grandtotal, .cart-summary-inner .block .title, .table.totals th, .opc-progress-bar .opc-progress-bar-item, .checkout-index-index .opc-wrapper .step-title, .block.items-in-cart .title, .table-totals td, .table-totals th, .opc-block-shipping-information .shipping-information-title, .checkout-shipping-address .action-show-popup, .block-title strong, .collapsible-block .opener, body.account .box .box-title span { font-size: 20px; line-height: 2rem; letter-spacing: 1.6px; } h4, .heading-4, .cart-heading-4, .box-title span, .cart-container .cart-summary .summary, .review-list .review-title, .review-add .review-legend { font-size: 18px; font-weight: 600; letter-spacing: 1.2px; } h5, .heading-5, .cart-heading-5, #shopping-cart-table .product-item-name, .cart-summary-inner .field .label, .cart-summary-inner .fieldset .item-title, .block.items-in-cart .minicart-items .product-item, .block.items-in-cart .minicart-items .product.options .toggle span, .opc-wrapper .shipping-address-item .action-select-shipping-item, .table-checkout-shipping-method, .table-checkout-shipping-method th, .account-nav-content .item.current strong, .account-nav-content .item a, .checkout-index-index #co-transparent-form .field .label, .form.payments .legend span { font-size: 16px; letter-spacing: 1px; } h6, .heading-6 { font-size: .67rem; } h1, .heading-1, .widget .block-title, .block.related .block-title strong, .block.upsell .block-title strong, .block-new-products.grid .block-title strong { margin-top: 1em; margin-bottom: 0.5em; line-height: 1em; font-family: "Teko", sans-serif; color: #282828; text-transform: uppercase; font-weight: 400; letter-spacing: 0.08em; } h2, .heading-2, .cart-heading-2, .cart-summary-inner > .summary.title, .block.crosssell .block-title strong, .opc-sidebar .opc-block-summary span.title, .sidebar > .block .block-title span, .sidebar > .block .block-title strong, .sidebar > .collapsible-block .block-title span, .sidebar > .collapsible-block .block-title strong, .block-customer-login .block-title strong, .block-new-customer .block-title strong, body.account .block-dashboard-info .block-title strong, body.account .block-dashboard-addresses .block-title strong { margin-top: 1em; margin-bottom: 0.5em; line-height: 1em; font-family: "Teko", sans-serif; color: #282828; text-transform: uppercase; font-weight: 400; letter-spacing: 0.08em; } h3, .heading-3, .cart-heading-3, .cart-price, #shopping-cart-table .item-info .price, .table.totals td, .opc-estimated-wrapper .estimated-price, .block.items-in-cart .minicart-items .product-item .subtotal, .table-totals .price, .table-totals .grandtotal, .cart-summary-inner .block .title, .table.totals th, .opc-progress-bar .opc-progress-bar-item, .checkout-index-index .opc-wrapper .step-title, .block.items-in-cart .title, .table-totals td, .table-totals th, .opc-block-shipping-information .shipping-information-title, .checkout-shipping-address .action-show-popup, .block-title strong, .collapsible-block .opener, body.account .box .box-title span { margin-top: 1em; margin-bottom: 0.5em; line-height: 1em; font-family: "Teko", sans-serif; color: #282828; text-transform: uppercase; font-weight: 400; letter-spacing: 0.08em; } h4, .heading-4, .cart-heading-4, .box-title span, .cart-container .cart-summary .summary, .review-list .review-title, .review-add .review-legend { margin-top: 1em; margin-bottom: 0.5em; line-height: 1em; font-family: "Teko", sans-serif; color: #282828; text-transform: uppercase; font-weight: 400; letter-spacing: 0.08em; } h5, .heading-5, .cart-heading-5, #shopping-cart-table .product-item-name, .cart-summary-inner .field .label, .cart-summary-inner .fieldset .item-title, .block.items-in-cart .minicart-items .product-item, .block.items-in-cart .minicart-items .product.options .toggle span, .opc-wrapper .shipping-address-item .action-select-shipping-item, .table-checkout-shipping-method, .table-checkout-shipping-method th, .account-nav-content .item.current strong, .account-nav-content .item a, .checkout-index-index #co-transparent-form .field .label, .form.payments .legend span { margin-top: 1em; margin-bottom: 0.5em; line-height: 1em; font-family: "Teko", sans-serif; color: #282828; text-transform: uppercase; font-weight: 400; letter-spacing: 0.08em; } h6, .heading-6 { margin-top: 1em; margin-bottom: 0.5em; line-height: 1em; font-family: "Teko", sans-serif; color: #282828; text-transform: uppercase; font-weight: 400; letter-spacing: 0.08em; } .cart-price, #shopping-cart-table .item-info .price, .table.totals td, .opc-estimated-wrapper .estimated-price, .block.items-in-cart .minicart-items .product-item .subtotal, .table-totals .price, .table-totals .grandtotal { font-weight: 600; color: #e96147; } .widget .block-title { text-align: center; margin-top: 34px; margin-bottom: 39px; } .widget .block-title strong { font-weight: 400; } * { margin: 0; } html, body { height: 100%; } body { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 1.7; text-align: left; -webkit-text-size-adjust: none; color: #888888; background: #ffffff; } @media (min-width: 992px) { body { font-size: 14px; line-height: 1.2em; } } .page-wrapper { overflow: hidden; min-height: 950px; } a { color: #888888; transition: .3s ease; } a:hover { color: #e96147; } h1 a, .heading-1 a, .widget .block-title a, .block.related .block-title strong a, .block.upsell .block-title strong a, .block-new-products.grid .block-title strong a { color: #888888; } h1 a:hover, .heading-1 a:hover, .widget .block-title a:hover, .block.related .block-title strong a:hover, .block.upsell .block-title strong a:hover, .block-new-products.grid .block-title strong a:hover { color: #e96147; } h2 a, .heading-2 a, .cart-heading-2 a, .cart-summary-inner > .summary.title a, .block.crosssell .block-title strong a, .opc-sidebar .opc-block-summary span.title a, .sidebar > .block .block-title span a, .sidebar > .block .block-title strong a, .sidebar > .collapsible-block .block-title span a, .sidebar > .collapsible-block .block-title strong a, .block-customer-login .block-title strong a, .block-new-customer .block-title strong a, body.account .block-dashboard-info .block-title strong a, body.account .block-dashboard-addresses .block-title strong a { color: #888888; } h2 a:hover, .heading-2 a:hover, .cart-heading-2 a:hover, .cart-summary-inner > .summary.title a:hover, .block.crosssell .block-title strong a:hover, .opc-sidebar .opc-block-summary span.title a:hover, .sidebar > .block .block-title span a:hover, .sidebar > .block .block-title strong a:hover, .sidebar > .collapsible-block .block-title span a:hover, .sidebar > .collapsible-block .block-title strong a:hover, .block-customer-login .block-title strong a:hover, .block-new-customer .block-title strong a:hover, body.account .block-dashboard-info .block-title strong a:hover, body.account .block-dashboard-addresses .block-title strong a:hover { color: #e96147; } h3 a, .heading-3 a, .cart-heading-3 a, .cart-price a, #shopping-cart-table .item-info .price a, .table.totals td a, .opc-estimated-wrapper .estimated-price a, .block.items-in-cart .minicart-items .product-item .subtotal a, .table-totals .price a, .table-totals .grandtotal a, .cart-summary-inner .block .title a, .table.totals th a, .opc-progress-bar .opc-progress-bar-item a, .checkout-index-index .opc-wrapper .step-title a, .block.items-in-cart .title a, .table-totals td a, .table-totals th a, .opc-block-shipping-information .shipping-information-title a, .checkout-shipping-address .action-show-popup a, .block-title strong a, .collapsible-block .opener a, body.account .box .box-title span a { color: #888888; } h3 a:hover, .heading-3 a:hover, .cart-heading-3 a:hover, .cart-price a:hover, #shopping-cart-table .item-info .price a:hover, .table.totals td a:hover, .opc-estimated-wrapper .estimated-price a:hover, .block.items-in-cart .minicart-items .product-item .subtotal a:hover, .table-totals .price a:hover, .table-totals .grandtotal a:hover, .cart-summary-inner .block .title a:hover, .table.totals th a:hover, .opc-progress-bar .opc-progress-bar-item a:hover, .checkout-index-index .opc-wrapper .step-title a:hover, .block.items-in-cart .title a:hover, .table-totals td a:hover, .table-totals th a:hover, .opc-block-shipping-information .shipping-information-title a:hover, .checkout-shipping-address .action-show-popup a:hover, .block-title strong a:hover, .collapsible-block .opener a:hover, body.account .box .box-title span a:hover { color: #e96147; } h4 a, .heading-4 a, .cart-heading-4 a, .box-title span a, .cart-container .cart-summary .summary a, .review-list .review-title a, .review-add .review-legend a { color: #888888; } h4 a:hover, .heading-4 a:hover, .cart-heading-4 a:hover, .box-title span a:hover, .cart-container .cart-summary .summary a:hover, .review-list .review-title a:hover, .review-add .review-legend a:hover { color: #e96147; } h5 a, .heading-5 a, .cart-heading-5 a, #shopping-cart-table .product-item-name a, .cart-summary-inner .field .label a, .cart-summary-inner .fieldset .item-title a, .block.items-in-cart .minicart-items .product-item a, .block.items-in-cart .minicart-items .product.options .toggle span a, .opc-wrapper .shipping-address-item .action-select-shipping-item a, .table-checkout-shipping-method a, .account-nav-content .item.current strong a, .account-nav-content .item a a, .checkout-index-index #co-transparent-form .field .label a, .form.payments .legend span a { color: #888888; } h5 a:hover, .heading-5 a:hover, .cart-heading-5 a:hover, #shopping-cart-table .product-item-name a:hover, .cart-summary-inner .field .label a:hover, .cart-summary-inner .fieldset .item-title a:hover, .block.items-in-cart .minicart-items .product-item a:hover, .block.items-in-cart .minicart-items .product.options .toggle span a:hover, .opc-wrapper .shipping-address-item .action-select-shipping-item a:hover, .table-checkout-shipping-method a:hover, .account-nav-content .item.current strong a:hover, .account-nav-content .item a a:hover, .checkout-index-index #co-transparent-form .field .label a:hover, .form.payments .legend span a:hover { color: #e96147; } h6 a, .heading-6 a { color: #888888; } h6 a:hover, .heading-6 a:hover { color: #e96147; } p { margin-bottom: 1rem; } p a, .list a, .grid a, .contact-info a { color: #282828; } p a:hover, .list a:hover, .grid a:hover, .contact-info a:hover { color: #e96147; } mark { color: #FFF; background: #282828; } em { color: #282828; } small, .small { font-size: .8em; } .big { font-size: 1.2em; } pre { white-space: normal; } .section-title { padding-top: 30px; margin-top: 30px; border-top: 1px solid #cdcdcd; } body > .block.widget { margin-bottom: 0; } .fw-banner { background: #282828; text-align: center; padding: 13px 10px; } .fw-banner .fw-banner_slogan #fw-banner_slogan { display: inline-block; color: #e96147; text-transform: uppercase; font-family: "Teko", sans-serif; font-size: 20px; line-height: 18px; font-weight: 700; letter-spacing: 0.7px; vertical-align: sub; margin-bottom: -3px; max-width: 220px; } @media (min-width: 480px) { .fw-banner .fw-banner_slogan #fw-banner_slogan { max-width: none; } } .fw-banner .fw-banner_text { color: #FFF; font-size: 14px; font-family: "Rokkitt", serif; } .fw-banner .fw-banner_text a { text-decoration: underline; color: #FFF; } .fw-banner .fw-banner_text a:hover { color: #e96147; } .add-info-1 { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-order: 2; -ms-flex-order: 2; order: 2; text-align: center; margin-top: 8px; } @media (min-width: 769px) { .add-info-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; text-align: left; padding-top: 9px; margin-top: 0; } } .add-info-1 a { font-family: "Teko", sans-serif; font-size: 20px; color: #282828; font-weight: 600; display: table; letter-spacing: 0.08em; } .add-info-1 a:hover { text-decoration: underline; } .add-info-1 span { font-size: 14px; font-family: "Rokkitt", serif; margin-top: 4px; } .social-links { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 767px) { .social-links { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } .social-links ul { display: -ms-flexbox; display: -webkit-flex; display: flex; } .social-links ul li { margin-left: 23px; vertical-align: middle; } .social-links ul li a { font-size: 16px; color: #d8d7d7; vertical-align: middle; } .social-links ul li a:hover { color: #232222; } .page-footer .social-links { -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 10px 0; } .page-footer .social-links ul li { margin-left: 27px; } .rd-navbar-static .page-header__content .container .rd-navbar-search { margin-left: 0; position: absolute; top: 100%; right: 50%; } .page-header { margin-bottom: 60px; } @media (max-width: 767px) { .page-header { margin-bottom: 20px; } } .cms-index-index .page-header { margin-bottom: 0; } .rd-navbar-static-linked .page-header { min-height: 0; margin-bottom: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 175px !important; } .page-header__panel { border-bottom: 1px solid #e5e5e5; } .page-header__panel #switcher-language, .page-header__panel .header-switchers, .page-header__panel .rd-navbar-collapse-container { float: left; } .page-header__panel .welcome, .page-header__panel .rd-navbar-cart-wrap { float: right; } .rd-navbar-static .page-header__panel .container:before, .rd-navbar-static .page-header__panel .container:after { display: table; content: ""; line-height: 0; } .rd-navbar-static .page-header__panel .container:after { clear: both; } .rd-navbar-fixed .page-header__panel { height: 50px; } .rd-navbar-fixed .page-header__panel .container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } @media (min-width: 480px) { .rd-navbar-fixed .page-header__panel .container { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } } .rd-navbar-fixed .page-header__panel .container .header-switchers { display: none; } .rd-navbar-fixed .page-header__panel .container #switcher-language.switcher { -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: -3px; min-width: 120px; } .rd-navbar-fixed .page-header__panel .container #switcher-language.switcher .actions .action { height: 49px; padding-top: 17px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-radius: 0; } .rd-navbar-fixed .page-header__panel .container .rd-navbar-collapse-container { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .rd-navbar-fixed .page-header__panel .container .rd-navbar-cart-wrap { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .page-header__content { padding: 8px 0 14px; } @media (min-width: 768px) { .page-header__content .container { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .page-header__content .container .tm-logo-container { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .page-header__content .container .tm-logo-image { margin: 8px 0; } .page-header__content .container .action.nav-toggle { display: none; } @media (min-width: 768px) { .page-header__content .container .tm-logo-container { -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .page-header__content .rd-navbar-search { order: 2; } .page-header__content .rd-navbar-cart-wrap { order: 3; } .rd-navbar-static .page-header__content .rd-navbar-search { margin-left: auto; } .header.links li { margin-left: 1rem; } .header-switchers:before, .header-switchers:after { display: table; content: ""; line-height: 0; } .header-switchers:after { clear: both; } .header-switchers > div { float: left; margin: 0; } .rd-navbar-static .switcher-language, .rd-navbar-fixed .switcher-language { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .switcher { font-family: "Teko", sans-serif; font-size: 16px; line-height: 1; position: relative; padding: 0; } .switcher:not(.switcher-language) { border-right: 1px solid #e5e5e5; } .rd-navbar-collapse .switcher { border-left: none; } .switcher .switcher-options .switcher-trigger.toggle { cursor: pointer; } .switcher .switcher-options .switcher-trigger.toggle::after { content: ""; display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); } .switcher .switcher-options .switcher-trigger.toggle.active::after { content: ""; display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); } .switcher .switcher-options .switcher-trigger { padding: 17px 26px 0 33px; height: 50px; text-transform: uppercase; transition: .3s ease; background: #FFF; position: relative; z-index: 20; line-height: 1.2em; } .switcher .switcher-options .switcher-trigger.active, .switcher .switcher-options .switcher-trigger:hover { background: #FFF; color: #282828; } .switcher .switcher-options .switcher-trigger span { vertical-align: top; } @media (min-width: 768px) and (max-width: 992px) { .switcher .switcher-options .switcher-trigger { padding: 17px 10px 0 18px; } } .switcher .switcher-options strong { font-weight: 400; } .rd-navbar-fixed .switcher .switcher-options .switcher-trigger:not(#switcher-language-trigger) { padding: 0; height: 25px; background-color: transparent; transition: none; } .switcher .dropdown .mage-dropdown-dialog { -webkit-transform: translateY(-30px); transform: translateY(-30px); border: none; left: -1px; opacity: 0; position: absolute; top: calc(100% + 1px); transition: .3s all ease; visibility: hidden; width: calc(100% + 2px); z-index: 15; background: #faf9f9; box-shadow: none; padding: 7px 10px; } .switcher .dropdown .mage-dropdown-dialog a { display: block; color: #888888; padding: 0 5px 0 24px; margin: 8px 0; text-align: left; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 992px) { .switcher .dropdown .mage-dropdown-dialog a { padding-left: 9px; } } .switcher .dropdown .mage-dropdown-dialog a:hover { color: #282828; background: transparent; } .switcher .dropdown.active .mage-dropdown-dialog { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .switcher.switcher-language .dropdown .mage-dropdown-dialog { background: #faf9f9; box-shadow: none; padding: 7px 10px; } .switcher.switcher-language .dropdown .mage-dropdown-dialog a { color: #888888; padding: 0 5px 0 24px; margin: 8px 0; text-align: left; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 992px) { .switcher.switcher-language .dropdown .mage-dropdown-dialog a { padding-left: 9px; } } .switcher.switcher-language .dropdown .mage-dropdown-dialog a:hover { color: #282828; background: transparent; } .switcher-label { display: none; } .switcher-options { display: inline-block; } .switcher-options.active .switcher-dropdown { display: inline-block; } .switcher-dropdown { display: none; } .header.links { font-family: "Teko", sans-serif; } .header.links a { display: inline-block; font-size: 16px; line-height: 1; letter-spacing: 0.06em; text-transform: uppercase; } .header.links a:hover { color: #282828; } .header.links li.compare { margin-left: 0; } .header.links li.compare > a { margin-left: 17px; } .rd-navbar-fixed .header.links li.compare > a { margin-left: 0; } @media (min-width: 768px) { .header.links { margin: 19px 10px 0 24px; } } .greet.welcome { display: none; color: #e96147; font-family: "Teko", sans-serif; font-size: 16px; line-height: 1; margin: 18px 10px 0 0; font-weight: 400; } @media (min-width: 1200px) { .greet.welcome { display: block; } } .page-top { margin-bottom: 2rem; } .breadcrumbs { margin-bottom: 4rem; text-align: center; font-family: "Teko", sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 100; letter-spacing: 1px; } @media (max-width: 767px) { .breadcrumbs { margin-bottom: 20px; } } .breadcrumbs .items .item { display: inline-block; font-size: 16px; margin-right: 0.5rem; padding-right: 0.5rem; position: relative; line-height: 27px; border-right: 1px solid #e5e5e5; } .breadcrumbs .items .item strong { font-weight: 100; color: #282828; } .breadcrumbs .items .item:last-child { margin-right: 0; padding-right: 0; border-right: none; } .page-main { margin-bottom: 24px; } .page-title-wrapper { margin-bottom: 0; } .page-title-wrapper .container { margin: 0 auto; padding: 0; } .page-title-wrapper .page-title { margin: 0 0 35px; } @media (max-width: 767px) { .page-title-wrapper .page-title { text-align: center; font-size: 32px; } } .page-title-wrapper .page-title span { margin: 0; } body.account .page-title { text-align: center; } .actions-toolbar .secondary .action { font-size: 20px; padding: 13px 26px 8px; } #wishlist-sidebar .product-item-photo { margin-right: 10px; } #wishlist-sidebar .product-item-details { overflow: visible; } .modal-popup.confirm .modal-content a { text-decoration: underline; } .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: 1; -ms-flex-order: 1; order: 1; } .page-layout-3columns .grid-main { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .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; } .page-layout-2columns-right .grid-right { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .page-layout-2columns-left .grid-left { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .page-layout-2columns-left .grid-main { -webkit-order: 2; -ms-flex-order: 2; order: 2; } @media (max-width: 767px) { .page-layout-3columns .grid-left, .page-layout-3columns .grid-main, .page-layout-2columns-right .grid-left, .page-layout-2columns-right .grid-main, .page-layout-2columns-left .grid-left, .page-layout-2columns-left .grid-main { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .page-layout-3columns .grid-main, .page-layout-2columns-right .grid-main, .page-layout-2columns-left .grid-main { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .page-layout-3columns .grid-left, .page-layout-2columns-right .grid-left, .page-layout-2columns-left .grid-left { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .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; } } .block { margin-bottom: 2rem; } .block-title { margin-bottom: 1rem; position: relative; } .block-title strong { font-size: 42px; } .block-title .action { float: right; padding: 0; background: 0; line-height: inherit; } .block-title .action.edit { padding: 0 26px; } .block-title .counter { float: right; font-size: .8rem; } .block-subtitle { display: block; margin-bottom: 1rem; } .sidebar.sidebar-additional .block-title strong, .sidebar.sidebar-main .block-title strong { margin-top: 0; margin-bottom: 0; } .sidebar.sidebar-additional .block-title .counter, .sidebar.sidebar-main .block-title .counter { font-size: 16px; margin: 7px 0 0; color: #888888; } @media (max-width: 1760px) { .sidebar.sidebar-additional .block-title .counter, .sidebar.sidebar-main .block-title .counter { display: none; } } .sidebar.sidebar-additional .block-content, .sidebar.sidebar-main .block-content { font-family: "Teko", sans-serif; font-weight: 400; } .sidebar.sidebar-additional .subtitle, .sidebar.sidebar-main .subtitle { font-weight: 400; } .box { margin-bottom: 50px; } @media (min-width: 768px) { .box { margin-bottom: 25px; } } .box-title { display: block; } .sidebar > .block .block-content, .sidebar > .collapsible-block .block-content { margin-bottom: 40px; border-bottom: 1px solid #e5e5e5; padding-bottom: 40px; } .sidebar > .block .block, .sidebar > .collapsible-block .block { margin-bottom: 0; } .sidebar > .block:last-child .block-content, .sidebar > .collapsible-block:last-child .block-content { margin: 0; padding: 0; border: none; } .sidebar > .block .product-items-names .product-item .field .control, .sidebar > .collapsible-block .product-items-names .product-item .field .control { float: left; } .sidebar > .block .product-items-names .product-item .field .control input, .sidebar > .collapsible-block .product-items-names .product-item .field .control input { margin-bottom: 0; margin-top: 7px; } .sidebar .collapsible-block > strong { padding-left: 0; } .sidebar .collapsible-block > strong:before { right: -10px; left: inherit; } .grid-left .sidebar-additional { margin-top: 40px; border-top: 1px solid #e5e5e5; padding-top: 40px; } .page-footer { clear: both; text-align: center; padding-bottom: 50px; overflow: hidden; } .copyright-container { margin: 1rem 0; } .content.footer { padding-top: 30px; position: relative; } .content.footer:before { content: ''; position: absolute; top: 0; left: -100px; right: -100px; height: 1px; background: #e5e5e5; } @media (min-width: 1200px) { .content.footer { padding-top: 65px; } } .footer-col { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .footer-col li { margin-bottom: 15px; } } .footer-list-container ul { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-list-container ul li { padding: 0 6px; } .footer-list-container ul li:last-child { border-right: none; } @media (min-width: 768px) { .footer-list-container ul li { padding: 0 6px; } } @media (min-width: 768px) { .footer-list-container ul li { padding: 5px 12px; border-right: 1px solid #e5e5e5; } } .footer-list-container ul a { font-family: "Teko", sans-serif; font-size: 16px; line-height: 1; text-transform: uppercase; vertical-align: baseline; } .footer-list-container ul a:hover { color: #282828; } @media (min-width: 992px) { .footer-list-container ul a { vertical-align: bottom; letter-spacing: 1px; } } .footer-list-container ul li > strong { font-family: "Teko", sans-serif; font-size: 16px; line-height: 1; text-transform: uppercase; vertical-align: baseline; font-weight: 400; text-decoration: underline; } @media (min-width: 992px) { .footer-list-container ul li > strong { vertical-align: bottom; letter-spacing: 1px; } } .footer-col1, .footer-col2 { max-width: 100%; margin: 0 auto; } @media (min-width: 768px) { .footer-col1, .footer-col2 { max-width: 660px; } } @media (min-width: 1200px) { .footer-col1, .footer-col2 { max-width: 100%; } } .footer-col1 ul, .footer-col2 ul { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 480px) { .footer-col1 ul, .footer-col2 ul { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .footer-col3 { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .footer-col3 .social-links ul li { margin: 0 20px 15px 0; } .footer .copyright { width: 100%; text-align: center; font-size: 14px; line-height: 1; font-family: "Rokkitt", serif; } @media (max-width: 769px) { #search_mini_form .search-autocomplete { width: calc(100% + 35px) !important; } } .no-display { display: none; } /* Home page ********************************************/ @media (max-width: 991px) { .cms-home .block-new-products.grid .block-title strong { display: inline-block; margin-bottom: -22px; margin-top: 30px; } } @media (max-width: 991px) and (min-width: 768px) { .cms-home .block-new-products.grid .block-title strong { margin-top: 0; } } @media (max-width: 767px) { .cms-home #new-products-widget.block, .cms-home .page-main { margin-bottom: 0; } } @media (max-width: 767px) { .cms-home .block.newsletter .heading-1, .cms-home .block.newsletter .widget .block-title, .widget .cms-home .block.newsletter .block-title, .cms-home .block.newsletter .block.related .block-title strong, .block.related .block-title .cms-home .block.newsletter strong, .cms-home .block.newsletter .block.upsell .block-title strong, .block.upsell .block-title .cms-home .block.newsletter strong, .cms-home .block.newsletter .block-new-products.grid .block-title strong, .block-new-products.grid .block-title .cms-home .block.newsletter strong { margin-top: 0; } } @media (max-width: 767px) { .cms-home .columns.container { padding-left: 0; padding-right: 0; } .cms-home .columns.container .row { margin-left: 0; margin-right: 0; } .cms-home .columns.container .row > [class*="col"] { padding-left: 0; padding-right: 0; } .cms-home .columns.container .row > [class*="col"] img { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .cms-home .products-grid { padding-left: 15px; padding-right: 15px; } } /* Carousels on homepage */ .widget.featured .block-content.ov-h { overflow: hidden; } @media (min-width: 1760px) { .block.widget.featured .block-content.custom-columns .products-grid .product-item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .block.widget.featured .products-grid .owl-carousel .owl-item .product-item { max-width: 100%; } .block.widget.featured .block-content .owl-carousel .owl-controls { left: 0; top: calc(50% - 50px); } .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div { position: absolute; width: 40px; height: 40px; background: #fff; line-height: 40px; text-align: center; border-radius: 50%; } .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div.owl-prev { left: -50px; } @media (max-width: 1880px) and (min-width: 1760px) { .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div.owl-prev { left: 0; } } @media (max-width: 1320px) and (min-width: 1200px) { .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div.owl-prev { left: 0; } } @media (max-width: 1080px) and (min-width: 990px) { .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div.owl-prev { left: 0; } } @media (max-width: 850px) { .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div.owl-prev { left: 0; } } .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div.owl-next { right: -50px; } @media (max-width: 1880px) and (min-width: 1760px) { .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div.owl-next { right: 0; } } @media (max-width: 1320px) and (min-width: 1200px) { .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div.owl-next { right: 0; } } @media (max-width: 1080px) and (min-width: 990px) { .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div.owl-next { right: 0; } } @media (max-width: 850px) { .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div.owl-next { right: 0; } } .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div:before { color: #282828; } .block.widget.featured .block-content .owl-carousel .owl-controls .owl-buttons > div:hover:before { color: #e96147; } /* Homepage banners style */ .banner-wrapper { margin-bottom: 30px; overflow: hidden; position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); -moz-backface-visibility: hidden; -moz-transform: translateZ(0) scale(1, 1); backface-visibility: hidden; transform: translateZ(0) scale(1, 1); } @media (min-width: 1760px) { .banner-wrapper { margin-bottom: 60px; } } .banner-wrapper img { transition: .3s; } @media (max-width: 992px) { .banner-wrapper img { width: 100%; } } .banner-wrapper:before, .banner-wrapper:after { content: ''; position: absolute; width: 100%; height: 100%; background: #fff; transform: scale(0, 0); top: 0; right: 0; bottom: 0; left: 0; transition: .3s; opacity: 0; z-index: 9; pointer-events: none; } .banner-wrapper:after { background: #e96147; transition-delay: .1s; } .banner-wrapper:hover:before { transform: scale(1, 1); opacity: .2; } .banner-wrapper:hover:after { opacity: .3; transform: scale(1, 1); } .banner-wrapper:hover img { transform: scale(1.1, 1.1); } .manufacturer-list { margin-bottom: 98px; } .manufacturer-list .block-title { margin-bottom: 79px; } @media (max-width: 1260px) and (min-width: 1200px) { .manufacturer-list .man-carousel { padding: 0 50px; } } @media (max-width: 1030px) and (min-width: 978px) { .manufacturer-list .man-carousel { padding: 0 50px; } } @media (max-width: 815px) and (min-width: 768px) { .manufacturer-list .man-carousel { padding: 0 50px; } } @media (max-width: 530px) { .manufacturer-list .man-carousel { padding: 0 50px; } } .manufacturer-list .owl-wrapper-outer:hover .owl-item a > img { opacity: .6; transition: .2s; } .manufacturer-list .owl-wrapper-outer:hover .owl-item a:hover > img { opacity: 1; } .manufacturer-list .owl-controls { left: 0; top: calc(50% - 10px); } .manufacturer-list .owl-controls .owl-buttons > div { position: absolute; } .manufacturer-list .owl-controls .owl-buttons > div:before { color: #282828; } .manufacturer-list .owl-controls .owl-buttons > div.owl-prev { left: -50px; } @media (max-width: 1260px) and (min-width: 1200px) { .manufacturer-list .owl-controls .owl-buttons > div.owl-prev { left: 0; } } @media (max-width: 1030px) and (min-width: 978px) { .manufacturer-list .owl-controls .owl-buttons > div.owl-prev { left: 0; } } @media (max-width: 815px) and (min-width: 768px) { .manufacturer-list .owl-controls .owl-buttons > div.owl-prev { left: 0; } } @media (max-width: 530px) { .manufacturer-list .owl-controls .owl-buttons > div.owl-prev { left: 0; } } .manufacturer-list .owl-controls .owl-buttons > div.owl-next { right: -50px; } @media (max-width: 1260px) and (min-width: 1200px) { .manufacturer-list .owl-controls .owl-buttons > div.owl-next { right: 0; } } @media (max-width: 1030px) and (min-width: 978px) { .manufacturer-list .owl-controls .owl-buttons > div.owl-next { right: 0; } } @media (max-width: 815px) and (min-width: 768px) { .manufacturer-list .owl-controls .owl-buttons > div.owl-next { right: 0; } } @media (max-width: 530px) { .manufacturer-list .owl-controls .owl-buttons > div.owl-next { right: 0; } } .manufacturer-list .owl-controls .owl-buttons > div:hover:before { color: #e96147; } /* * @section Custom pages * @description This section holds specific style for Custom pages */ .cms-page-view h1, .cms-page-view heading-1 { text-transform: uppercase; } .cms-page-view h2, .cms-page-view heading-2 { text-transform: uppercase; } .cms-page-view h3, .cms-page-view heading-3 { text-transform: uppercase; } .cms-page-view h4, .cms-page-view heading-4 { text-transform: uppercase; } .cms-page-view h5, .cms-page-view heading-5 { text-transform: uppercase; } .cms-page-view h6, .cms-page-view heading-6 { text-transform: uppercase; } dl.custom-page dd { font-style: normal; } .search-term-popular ul.search-terms:before, .search-term-popular ul.search-terms:after { display: table; content: ""; line-height: 0; } .search-term-popular ul.search-terms:after { clear: both; } .search-term-popular ul.search-terms li { float: left; margin-right: 15px; font-size: 24px; } .cms-index-index .rd-navbar-static .navigation { border-bottom: none; } .contact-index-index .page-title-wrapper { margin-bottom: 16px; } .contact-index-index .page-title { text-align: center; } .contact-index-index .page-title span { font-size: 42px; } .contact-index-index legend.legend { width: 100%; text-align: center; } .contact-index-index .field.telephone { margin-bottom: 21px; } .contact-index-index .form.contact textarea.mage-error { color: #282828; } .contact-index-index fieldset.fieldset #comment { line-height: 1.5; } .form.contact { width: 536px; margin: 0 auto; max-width: 90%; } .form.contact legend { text-align: center; font-size: 20px; margin-bottom: 5px; } .form.contact .note { text-align: center; font-size: 18px; } .form.contact .field .label { display: none; } .form.contact .field.comment { margin-bottom: 27px; } .form.contact textarea { height: 220px; resize: vertical; } .form.contact .actions-toolbar { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .cms-about-us .page-title { text-align: center; } .cms-about-us .skills { color: #282828; margin-bottom: 100px; } .cms-about-us .skills .value { font-size: 56px; line-height: 1.519em; font-weight: 700; } .cms-about-us .skills .term { font-size: 16px; text-transform: uppercase; } @media (max-width: 767px) { .cms-about-us .cms-about-us .big-circle-icon { margin-top: 2rem; } } .cms-about-us .column.main .row { margin-bottom: 100px; } @media (max-width: 767px) { .cms-about-us .team > div[class*='col-'] { margin-bottom: 2rem; } } .cms-about-us .team > div[class*='col-'] .heading-4, .cms-about-us .team > div[class*='col-'] .cart-heading-4, .cms-about-us .team > div[class*='col-'] .box-title span, .box-title .cms-about-us .team > div[class*='col-'] span, .cms-about-us .team > div[class*='col-'] .cart-container .cart-summary .summary, .cart-container .cart-summary .cms-about-us .team > div[class*='col-'] .summary, .cms-about-us .team > div[class*='col-'] .review-list .review-title, .review-list .cms-about-us .team > div[class*='col-'] .review-title, .cms-about-us .team > div[class*='col-'] .review-add .review-legend, .review-add .cms-about-us .team > div[class*='col-'] .review-legend { display: inline-block; } .cms-customer-service .terms-conditions h4.small-icon:before { padding-right: 15px; vertical-align: bottom; } .not-found-page *[class*='heading-'] { text-transform: uppercase; } .not-found-page .disc li, .not-found-page dd { font-style: normal; } /* * @section Testimonials * @description This section holds specific style for Testimonials */ .testimonials { padding-bottom: 2em; } .testimonials blockquote { padding: 10px 20px; } .testimonials blockquote cite { display: block; text-align: center; margin: 0 auto 0.5em; font-weight: 500; text-transform: uppercase; color: #282828; } .testimonials blockquote q { display: block; padding: 0 5%; } .testimonials.owl-testimonials .owl-controls { top: auto; bottom: -10px; right: 50%; margin-right: -59px; } .testimonials.owl-testimonials .owl-prev, .testimonials.owl-testimonials .owl-next { padding: 0 7px; } .testimonials.owl-testimonials .owl-prev:before, .testimonials.owl-testimonials .owl-next:before { font-size: 2.5em; color: #e96147; transition: .3s ease; } .testimonials.owl-testimonials .owl-prev:hover:before, .testimonials.owl-testimonials .owl-next:hover:before { color: #282828; } .testimonials.owl-testimonials .owl-prev { line-height: inherit; } .testimonials.owl-testimonials .owl-prev:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .testimonials.owl-testimonials .owl-next { line-height: inherit; } .testimonials.owl-testimonials .owl-next:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /* * @section Sign In * @description This section holds specific style for Sign In page */ body.customer-account-login .page-title { text-align: center; } @media (min-width: 1200px) { body.customer-account-login #login-form .field input { max-width: 550px; } body.customer-account-login .form-login .actions-toolbar { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .products .product-item .product-item-name { display: block; font-family: "Teko", sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; margin-bottom: 2px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 479px) { .products .product-item .product-item-name { margin-bottom: 0; } } .products .product-item .rating-summary .label { display: none; } .products .product-item .reviews-actions { display: inline-block; } .products .product-item .swatch-attribute-options { margin-top: 10px; } .products .product-item .swatch-attribute > .swatch-input.super-attribute-select { display: none; } @media (max-width: 479px) { .products .product-item .swatch-attribute-options { margin-top: 0; } } @media (max-width: 479px) { .products .product-item .swatch-attribute + .swatch-attribute { margin-top: 10px; } } .products .product-item .price-box { margin-bottom: 4px; margin-top: 5px; } @media (max-width: 479px) { .products .product-item .price-box { margin-bottom: 0; } } .products .product-item .price-container .price { font-family: "Teko", sans-serif; font-size: 20px; color: #e96147; font-weight: 600; letter-spacing: 2px; } @media (max-width: 479px) { .products .product-item .price-container .price { line-height: 1; } } .products .product-item .price-container .price-label { display: none; } .products .product-item .old-price, .products .product-item .special-price { display: inline-block; padding: 0 2px; } .products .product-item .old-price .price { color: #888888; font-size: 1rem; font-weight: normal; } .products .product-item .product-item-actions { margin-bottom: 1rem; margin-top: 0; } .products .product-item .product-item-actions form > .swatch-input.super-attribute-select { display: none; } .products.products-grid .product-item .price-box + div[class^="swatch-opt-"] { margin-top: 0; } .products.products-list .product-item .product-item-name { font-size: 20px; margin-bottom: 10px; } @media (max-width: 479px) { .products.products-grid .product-item, .products.products-list .product-item { padding-right: 0; padding-left: 0; } .products.products-grid .product-item .product.product-item-details, .products.products-list .product-item .product.product-item-details { padding-right: 15px; padding-left: 15px; } } .limiter.field .label, .toolbar-sorter.field .label { text-align: left; font-size: 20px; color: #282828; text-transform: uppercase; letter-spacing: 2px; margin-right: 5px; } .toolbar-products { margin-bottom: 3rem; overflow: hidden; font-family: "Teko", sans-serif; border-bottom: solid 1px #e5e5e5; padding-bottom: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .toolbar-products * { vertical-align: middle; } .toolbar-products .field { margin-bottom: 0; } .toolbar-products .field > .label, .toolbar-products .field > .control, .toolbar-products .field > .action { display: inline-block; } .toolbar-products label.label { padding: 5px 0 0; } .toolbar-bottom .toolbar-products { border-bottom: none; border-top: solid 1px #e5e5e5; padding: 47px 0 0; margin-top: 2rem; margin-bottom: 0; } .toolbar-bottom .toolbar-products .pages { text-align: left; } .toolbar-container .filter-toggle { display: none; float: left; line-height: inherit; padding-bottom: 3px; } .toolbar-container .filter-toggle:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .toolbar-container .filter-toggle span { font-size: 20px; display: inline-block; margin-top: -11px; text-transform: uppercase; color: #282828; } @media (max-width: 768px) { .toolbar-container .filter-toggle span { display: none; } } .toolbar-container .filter-toggle:before { color: #282828; font-size: 24px; } .toolbar-container .filter-toggle:hover:before { color: #e96147; } .toolbar-bottom .filter-toggle { display: none !important; } .top-toolbar-right-group { -webkit-order: 3; -ms-flex-order: 3; order: 3; } @media (max-width: 768px) { .top-toolbar-right-group { display: none; } } .modes { float: right; margin: 10px 0 0 10px; } .modes .modes-label { display: none; } .modes .modes-mode { color: #d5d5d5; margin-left: 7px; } .modes .modes-mode span { display: none; } .modes .modes-mode.active { color: #282828; } .modes .modes-mode.active:hover { color: #282828; } .modes .modes-mode:hover { color: #e96147; } .modes .mode-grid { line-height: inherit; font-size: 1.5rem; line-height: 1; } .modes .mode-grid:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .modes .mode-list { line-height: inherit; font-size: 1.5rem; line-height: 1; } .modes .mode-list:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .toolbar-amount { margin-bottom: 0; line-height: 50px; text-align: center; font-family: "Roboto", sans-serif; } .pages { display: none; text-align: center; } .pages .pages-items { position: relative; display: inline-block; } .pages .pages-items:before, .pages .pages-items:after { display: table; content: ""; line-height: 0; } .pages .pages-items:after { clear: both; } .pages .item { float: left; padding: 0 4px; font-size: 1rem; margin-right: 20px; line-height: 1; } .pages .item.current { color: #e96147; } .pages .item.pages-item-previous a span:not(.label), .pages .item.pages-item-next a span:not(.label) { text-transform: uppercase; text-decoration: underline; color: #e96147; letter-spacing: 1px; } .pages .item.pages-item-previous a span:not(.label):hover, .pages .item.pages-item-next a span:not(.label):hover { color: #282828; } .pages .item.pages-item-previous a span:not(.label):before { content: 'Prev'; } .pages .item.pages-item-next a span:not(.label):before { content: 'Next'; } .toolbar-bottom .pages { display: block; } .limiter.field { float: right; } .limiter.field .select2-container .selection { width: 77px; display: block; } .limiter.field .limiter-text { display: none; } .toolbar-sorter.field { float: left; } .toolbar-sorter.field .sorter-options, .toolbar-sorter.field .select2-container .selection { width: 137px; display: block; } .toolbar-sorter.field .sorter-action { margin-left: 10px; padding: 0; height: 24px; display: inline-block; line-height: normal; color: #282828; } .toolbar-sorter.field .sorter-action:hover span { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); color: #e96147; } .toolbar-sorter.field .sorter-action span { display: inline-block; width: 23px; font-size: 0; transition: .5s; } .toolbar-sorter.field .sorter-action.sort-asc { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .toolbar-sorter.field .sorter-action.sort-asc span { line-height: inherit; } .toolbar-sorter.field .sorter-action.sort-asc span:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .toolbar-sorter.field .sorter-action.sort-asc span:before { font-size: 1.5rem; line-height: 24px; } .toolbar-sorter.field .sorter-action.sort-desc span { line-height: inherit; } .toolbar-sorter.field .sorter-action.sort-desc span:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .toolbar-sorter.field .sorter-action.sort-desc span:before { font-size: 1.5rem; line-height: 24px; } .toolbar-bottom .modes, .toolbar-bottom .toolbar-amount, .toolbar-bottom .limiter, .toolbar-bottom .toolbar-sorter { display: none; } @media (max-width: 1200px) { .toolbar-amount { display: none; } } @media (max-width: 992px) { .limiter.field { display: none; } } @media (max-width: 768px) { .toolbar-container:after { clear: both; } .toolbar-products { margin-bottom: 0; padding-bottom: 20px; border-bottom: none; } .modes { display: none; } .toolbar-sorter.field { float: right; } .toolbar-sorter.field .label { display: none; } } .catalog-product-view .product #product-review-container .block-title strong, .catalog-product-view .product .review-add .block-title strong { font-size: 32px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; } .catalog-product-view #maincontent .container { max-width: 1170px; } .catalog-product-view .main { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: -15px; margin-right: -15px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-product-view .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right, .catalog-product-view .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left { z-index: 99; } .catalog-product-view .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { background-image: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(bottom, white, rgba(255, 255, 255, 0)); background-image: linear-gradient(bottom, white, rgba(255, 255, 255, 0)); } .catalog-product-view .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left { background-image: -webkit-linear-gradient(top, white, rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(top, white, rgba(255, 255, 255, 0)); background-image: linear-gradient(top, white, rgba(255, 255, 255, 0)); } .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-stock-sku { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: -15px; margin-right: -15px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 0.83333rem; letter-spacing: 1px; } .catalog-product-view .product-info-stock-sku .stock { font-family: "Teko", sans-serif; font-size: 16px; text-transform: uppercase; color: #e96147; } .catalog-product-view .product-info-stock-sku .stock.available { color: #0ddb90; } .catalog-product-view .sku { font-family: "Teko", sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #888888; margin-bottom: 0.83333rem; } .catalog-product-view .sku strong.type { font-weight: normal; } .catalog-product-view .availability { font-family: "Teko", sans-serif; font-size: 18px; text-transform: uppercase; white-space: nowrap; } .catalog-product-view .overview { margin-bottom: 1.4rem; } .catalog-product-view .overview p { margin-bottom: 0; } .catalog-product-view .product-options-wrapper .swatch-attribute { margin-bottom: 1rem; position: relative; } .catalog-product-view .product-options-wrapper .mage-error { position: absolute; bottom: -18px; padding: 0; left: 0; z-index: 12; } .catalog-product-view .product-options-wrapper .swatch-attribute-label, .catalog-product-view .product-options-wrapper .field .label { display: block; font-family: "Teko", sans-serif; font-size: 20px; line-height: 20px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; color: #282828; padding: 0 10px 5px 0; margin: 0; display: inline-block; } .catalog-product-view .product-options-wrapper .field { position: relative; width: 100%; } @media (min-width: 1200px) { .catalog-product-view .product-options-wrapper .field { width: 50%; } } .catalog-product-view .product-options-wrapper .field.required::after { top: 0; } .catalog-product-view .product-options-wrapper .field:after { clear: both; } .catalog-product-view .product-options-wrapper .field .label { display: block; } .catalog-product-view .product-options-wrapper .field .control { position: relative; } .catalog-product-view .product-options-wrapper .field .select2-selection__rendered { position: relative; transition: .2s; background: #e9e9e9; } .catalog-product-view .page-title-wrapper { margin: 0; } .catalog-product-view .page-title-wrapper .container { padding: 0; min-width: 0; } .catalog-product-view .page-title-wrapper .page-title { text-align: center; margin: 0 0 5px; } .catalog-product-view .page-title-wrapper .page-title span { margin: 0; font-size: 42px; letter-spacing: 2px; display: block; line-height: 48px; } .catalog-product-view .product-reviews-summary { margin-bottom: 1rem; } .catalog-product-view .product-reviews-summary .label { display: none; } .catalog-product-view .reviews-actions .view { margin-right: 1rem; } .catalog-product-view .price-box { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: -15px; margin-right: -15px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 0.5rem; } .catalog-product-view .price-wrapper .price { color: #e96147; font-size: 42px; line-height: 42px; display: inline-block; font-family: "Teko", sans-serif; font-weight: 700; letter-spacing: 4px; } .catalog-product-view .price-label { display: none; } .catalog-product-view .special-price { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .catalog-product-view .old-price { -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-left: 20px; } .catalog-product-view .old-price .price-wrapper .price { font-size: 26px; line-height: 48px; font-weight: 300; text-decoration: line-through; color: #888888; } .catalog-product-view .product-add-form { margin-bottom: 1rem; } .catalog-product-view .box-tocart .fieldset { margin-bottom: 0; } .catalog-product-view .box-tocart .field { display: block; } .catalog-product-view .box-tocart .actions { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-product-view .box-tocart .actions .action.primary.tocart { min-width: 150px; margin-right: 20px; } .catalog-product-view .box-tocart .control { display: inline-block; } .catalog-product-view .box-tocart .control input { text-align: center; } .catalog-product-view .box-tocart .qty { display: block; } .catalog-product-view .box-tocart .qty input { padding: 17px 16px; height: 50px; line-height: 1; } .catalog-product-view .box-tocart .label { font-family: "Teko", sans-serif; font-size: 16px; display: inline-block; color: #282828; text-transform: uppercase; margin-right: 8px; } .catalog-product-view .box-tocart .label:after { content: ':'; } .catalog-product-view .product-social-links { display: -ms-flexbox; display: -webkit-flex; display: flex; } .catalog-product-view .product-social-links .action { margin-right: 2px; } .catalog-product-view .product-social-links .action span { display: none; } @media (max-width: 767px) { .catalog-product-view .product-social-links { width: 100%; margin-top: 10px; } } .catalog-product-view .product-addto-links { display: -ms-flexbox; display: -webkit-flex; display: flex; } .catalog-product-view .product.attribute strong { font-weight: normal; line-height: 1.5; color: #282828; margin-right: 5px; } .catalog-product-view .product.attribute .value { display: inline-block; line-height: 1.5; } .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.info { -webkit-order: 3; -ms-flex-order: 3; order: 3; margin: 4rem 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.info .tab-titles { text-align: center; border-bottom: solid 1px #e5e5e5; padding-bottom: 1.3rem; } .catalog-product-view .product.info .tab-titles .data.item.title { font-family: "Teko", sans-serif; letter-spacing: 2px; font-size: 20px; margin-bottom: 0; float: none; display: inline-block; text-transform: uppercase; } @media (max-width: 479px) { .catalog-product-view .product.info .tab-titles .data.item.title { width: 100%; } } .catalog-product-view .product.info .tab-titles .data.item.title a { color: #888888; } .catalog-product-view .product.info .tab-titles .data.item.title a:hover, .catalog-product-view .product.info .tab-titles .data.item.title.active a { color: #282828; } .catalog-product-view .product.info .tab-titles #tab-label-reviews-title span.counter:before { content: '('; } .catalog-product-view .product.info .tab-titles #tab-label-reviews-title span.counter:after { content: ')'; } .catalog-product-view .product.info .data.item.content { background: #FFF; } .catalog-product-view .product .table-caption { text-align: left; font-size: 24px; font-family: "Teko", sans-serif; color: #282828; margin-bottom: 15px; } .catalog-product-view .product .additional-attributes { border-collapse: collapse; border-spacing: 0; } .catalog-product-view .product .additional-attributes .col.label { font-weight: 600; color: #282828; border-right: solid 1px #e5e5e5; } .catalog-product-view .product .additional-attributes .col.data { padding-left: 30px; } .catalog-product-view .product #product-review-container .review-item { border-bottom: solid 1px #e5e5e5; padding: 0 8em 2rem; margin: 0 -8em 2rem; } .catalog-product-view .product #product-review-container .limiter.field { margin-top: -70px; } .catalog-product-view .product #product-review-container .limiter.field .label { font-family: "Teko", sans-serif; font-weight: normal; } .catalog-product-view .product #product-review-container .review-title { font-family: "Teko", sans-serif; color: #e96147; font-size: 18px; text-transform: none; font-weight: 600; margin: 0 0 0.5rem; } .catalog-product-view .product #product-review-container .review-details { display: block; margin-bottom: 0.5rem; } .catalog-product-view .product #product-review-container .review-details .review-author { border-right: 1px solid #e5e5e5; padding-right: 12px; margin-right: 12px; } .catalog-product-view .product #product-review-container .review-details .review-author, .catalog-product-view .product #product-review-container .review-details .review-date { display: inline-block; text-align: left; width: auto; color: #888888; font-family: "Teko", sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; line-height: 27px; } .catalog-product-view .product #product-review-container .review-details .review-author strong, .catalog-product-view .product #product-review-container .review-details .review-date strong { font-weight: normal; } .catalog-product-view .product #product-review-container .review-ratings { margin-bottom: 0.5rem; } .catalog-product-view .product #product-review-container .review-ratings .rating-summary { padding: 2px 0; } .catalog-product-view .product #product-review-container .review-ratings .label { color: #282828; padding: 3px 0; } .catalog-product-view .product .review-add .block-title { margin-bottom: 5px; } .catalog-product-view .product .review-add .block-title strong { margin: 0; } .catalog-product-view .product .review-field-ratings { margin-bottom: 0; } .catalog-product-view .product .review-field-ratings legend.label { font-size: 18px; } .catalog-product-view .product .review-field-ratings .nested { margin-top: 0; } .catalog-product-view .product .review-field-ratings .nested .field { padding-bottom: 7px; } .catalog-product-view .product .review-field-ratings .nested .field label { line-height: 18px; padding: 3px 0 0; margin-right: 0px; color: #282828; max-width: 50px; } .catalog-product-view .product .review-field-ratings .nested .field label .rating-star { font-size: 18px; margin: 0; padding: 0; color: #ffd200; } .catalog-product-view .product .review-field-ratings .nested .review-control-vote .label { padding-top: 0; } .catalog-product-view .product .review-fieldset { margin-bottom: 1rem; } .catalog-product-view .product .review-field-nickname, .catalog-product-view .product .review-field-summary, .catalog-product-view .product .review-field-text { margin-bottom: 10px; } .catalog-product-view .product .review-field-nickname label, .catalog-product-view .product .review-field-summary label, .catalog-product-view .product .review-field-text label { font-family: "Teko", sans-serif; padding: 0; display: inline-block; font-size: 20px; color: #282828; text-transform: uppercase; letter-spacing: 2px; } .catalog-product-view .product .review-field-nickname textarea.mage-error, .catalog-product-view .product .review-field-summary textarea.mage-error, .catalog-product-view .product .review-field-text textarea.mage-error { color: #282828; } @media (min-width: 480px) { .catalog-product-view .product-options-bottom { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-product-view .product-social-links { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 5px; } } @media (min-width: 768px) { .catalog-product-view .product-info-main { -webkit-flex-basis: 37%; -ms-flex-preferred-size: 37%; flex-basis: 37%; max-width: 37%; max-width: 37%; } .catalog-product-view .product.media { -webkit-flex-basis: 63%; -ms-flex-preferred-size: 63%; flex-basis: 63%; max-width: 63%; max-width: 63%; } .catalog-product-view .product.info .data.item.content { padding: 0 8em; } .catalog-product-view .product.info .additional-attributes .col.label { width: 20%; min-width: 165px; font-family: "Teko", sans-serif; font-size: 18px; font-weight: 400; } } @media (min-width: 992px) { .catalog-product-view .box-tocart .fieldset { display: block; } } @media (min-width: 1200px) { .catalog-product-view .box-tocart .fieldset { display: block; } } body.catalog-product-compare-index .action.print { float: right; margin: 1rem 0; } body.catalog-product-compare-index .table-caption { display: none; } .table-wrapper.comparison { clear: both; max-width: 100%; overflow-x: auto; } .table-wrapper.comparison .table-comparison > tbody > tr { border-right: 1px solid #e5e5e5; } .table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td { border-top: 0; } @media (max-width: 768px) { .table-wrapper.comparison td { border-bottom: 0; display: table-cell; padding: 0; } .table-wrapper.comparison td.product:before { display: none; } } .table-wrapper.comparison .product-reviews-summary { margin-bottom: 7px; } .table-wrapper.comparison .product-reviews-summary .label { display: none; } .table-comparison { table-layout: fixed; } .table-comparison .cell.label.remove, .table-comparison .cell.label.product { border-bottom: none; } .table-comparison .cell.label.remove span, .table-comparison .cell.label.product span { display: none; } .table-comparison .cell { width: 180px; padding: 1rem; } .table-comparison .cell .attibute.value { width: 100%; overflow: hidden; } .table-comparison .cell.product.info, .table-comparison .cell.product.label { border-bottom: 1px solid #e5e5e5; } .table-comparison .cell.label { width: 80px; } .table-comparison .cell.label .attribute.label { display: block; width: 100%; word-wrap: break-word; } .table-comparison .cell.attribute img { max-width: 100%; height: auto; } .table-comparison .cell.remove { padding-top: 0; padding-bottom: 0; text-align: right; } .table-comparison .product-item-photo { display: table; margin: 0 0 1rem; text-align: center; } .table-comparison .product-image-photo { margin-left: 0; } .table-comparison .product-item-actions, .table-comparison .price-box, .table-comparison .product.rating, .table-comparison .product-item-name { margin: 0.25rem 0; } .table-comparison .product-addto-links { margin-top: 1rem; } .table-comparison .product-addto-links .action.toggle { padding: 0; } .table-comparison .action.tocart { white-space: nowrap; } .table-comparison .action.towishlist { display: -ms-flexbox; display: -webkit-flex; display: flex; background: #282828; } .table-comparison .action.towishlist span { display: none; } .table-comparison .action.towishlist:hover { background: #e96147; } .table-comparison .reviews-actions { margin-top: 8px; } .actions-primary button.action, .primary button.action, button.action.primary, .checkout.methods button.primary { padding: 13px 26px 8px; } #productComparePopup .product-item-name { font-family: "Teko", sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; margin-bottom: 2px; } #productComparePopup .product-item-name a { color: #282828; } #productComparePopup .product-item-name a:hover { color: #e96147; } #productComparePopup .price { font-family: "Teko", sans-serif; font-size: 20px; color: #e96147; font-weight: 600; letter-spacing: 2px; } #productComparePopup .product-item-actions .action { margin-top: 8px; } #productComparePopup .product-item-actions .action.towishlist { padding: 2px 2px; } #productComparePopup .product-item-actions .action.towishlist:hover { color: #FFF; } .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: 400; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; } .block-compare .product-item-name a { color: #282828; } .block-compare .product-item-name a:hover { color: #888888; } .block-compare .product-item { position: relative; margin-bottom: 5px; } .block-compare .product-item strong { display: inline-block; padding-right: 3px; } @media (max-width: 991px) and (min-width: 768px) { .block-compare .product-item strong { display: inline; } } .block-compare .action.delete { padding: 0 5px; } @media (max-width: 991px) and (min-width: 768px) { .block-compare .action.delete { display: inline; padding: 0; } .block-compare .action.delete, .block-compare .action.delete:before { height: 20px; width: 15px; } .block-compare .action.delete:before { margin-top: -3px; } } .block-compare .actions-toolbar .primary, .block-compare .actions-toolbar .secondary { margin-right: 15px; } .block-compare .actions-toolbar .primary a, .block-compare .actions-toolbar .secondary a { background: none; transition: .2s; color: #e96147; font-size: 16px; letter-spacing: 1px; padding: 0; position: relative; overflow: hidden; margin: 0; text-decoration: underline; } .block-compare .actions-toolbar .primary a:after, .block-compare .actions-toolbar .secondary a:after { display: none; } .block-compare .actions-toolbar .primary a:hover, .block-compare .actions-toolbar .secondary a:hover { text-decoration: none; } .products-grid .product-items { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: -15px; margin-right: -15px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products-grid .product-item { padding-left: 15px; padding-right: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-bottom: 2rem; text-align: center; } @media (min-width: 1760px) { .products-grid .product-items { margin-left: -30px; margin-right: -30px; } .products-grid .product-item { padding-left: 30px; padding-right: 30px; } } .products-grid .product-item-info { position: relative; overflow: hidden; display: inline-block; max-width: 100%; } .products-grid .product-item-info .actions-secondary { display: block; text-align: center; position: absolute; margin-right: 0; right: 0; top: 0; transition: .4s; transition-delay: .1s; } .products-grid .product-item-info .actions-secondary .towishlist { position: absolute; top: 15px; right: 22px; padding: 0; background: #FFF; color: #282828; } .products-grid .product-item-info .actions-secondary .towishlist:hover { background: #282828; color: #FFF; } @media (max-width: 991px) { .products-grid .product-item-info .actions-secondary .towishlist { height: 40px; width: 40px; font-size: 18px; line-height: 40px; } } @media (max-width: 767px) { .products-grid .product-item-info .actions-secondary .towishlist { top: 5px; right: 5px; } } .products-grid .product-item-info .actions-secondary .tocompare { position: absolute; top: 70px; right: 22px; padding: 0; background: #FFF; color: #282828; } .products-grid .product-item-info .actions-secondary .tocompare:hover { background: #282828; color: #FFF; } @media (max-width: 991px) { .products-grid .product-item-info .actions-secondary .tocompare { height: 40px; width: 40px; font-size: 16px; line-height: 40px; } } @media (max-width: 767px) { .products-grid .product-item-info .actions-secondary .tocompare { top: 50px; right: 5px; } } .products-grid .product-item-photo { text-align: center; display: inline-block; margin-bottom: 1.6rem; } @media (max-width: 479px) { .products-grid .product-item-photo { margin-bottom: 10px; } } .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 { line-height: inherit; font-size: 0; } .products-grid .reviews-actions .action.add:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .products-grid .reviews-actions .action.add:before { font-size: 14px; } @media (max-width: 479px) { .products-grid .reviews-actions { margin-top: -10px; } } .products-grid.products-grid .rating-summary { width: 100%; padding-right: 0; } @media (max-width: 479px) { .products-grid.products-grid .rating-summary .rating-result__stars { height: 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 .swatch-attribute-options { 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; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .products-grid .swatch-attribute-options .swatch-option { margin: 0 5px 5px; } .products-grid .product-item-actions .actions-primary { margin-bottom: .25rem; } .products-grid .product-item-actions .actions-primary .stock { padding-top: 19px; } .products-grid .product-item-actions .actions-primary .stock span { background: #e96147; color: #FFF; padding: 11px 30px 9px; font-family: "Teko", sans-serif; font-size: 20px; text-transform: uppercase; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } @media (min-width: 480px) { .products-grid .product-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; max-width: 50%; } } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner { position: absolute; top: 0; left: 0; right: 0; margin: 0; pointer-events: none; } @media (max-width: 767px) { body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner { position: static; top: auto; padding-bottom: 20px; padding-top: 10px; } } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .product-item-actions { display: block; margin: 0; pointer-events: none; } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .actions-primary { width: 100%; margin-top: 45%; display: block; text-align: center; transition: .2s; pointer-events: none; transform: scale(0); transition: .15s linear; } @media (max-width: 767px) { body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .actions-primary { margin-top: auto; transform: scale(1); } } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .actions-primary form { pointer-events: none; } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .actions-primary input, body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .actions-primary button { pointer-events: auto; } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .actions-secondary { position: absolute; top: 0; right: 0; } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .actions-secondary > a { transform: scale(0); transition: .15s linear; } @media (max-width: 767px) { body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .actions-secondary { margin-right: 0; } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .actions-secondary > a { transform: scale(1); } } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info .product-item-inner .actions-secondary a.action { pointer-events: auto; } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info:hover .product-item-inner .actions-primary { transform: scale(1); transition: 0.25s cubic-bezier(0.25, 0.1, 0.49, 1.41); } @media (max-width: 767px) { body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info:hover .product-item-inner .actions-primary { margin-top: auto; } } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info:hover .product-item-inner .actions-secondary { margin-right: 0; } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info:hover .product-item-inner .actions-secondary > a { transform: scale(1); transition: 0.25s cubic-bezier(0.25, 0.1, 0.49, 1.41); } body:not(.wishlist-index-index) .products-grid:not(.products-upsell):not(.products-related):not(.products-crosssell) .product-item .product-item-info:hover .product-item-inner .actions-secondary > a.tocompare { transition-delay: .15s; } @media (min-width: 1200px) { .product-item-actions { display: -ms-flexbox; display: -webkit-flex; display: flex; margin: -0.25rem; } .product-item-actions > div { margin: 0 0.25rem 0.25rem; } } .product-item-actions > div { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .product-item-actions > div .stock.unavailable { font-family: "Teko", sans-serif; font-size: 20px; } .block-products-list .product-item .product-image-photo, .widget.featured .products-grid .product-item .product-image-photo { transition: .3s; } .block-products-list .product-item .product-item-info .product-item-details .action.add, .widget.featured .products-grid .product-item .product-item-info .product-item-details .action.add { display: none; } .block-products-list .product-item .product-item-info .product-item-actions, .widget.featured .products-grid .product-item .product-item-info .product-item-actions { position: absolute; top: 35%; left: 0; right: 0; margin: 0; overflow: hidden; pointer-events: none; } @media (max-width: 767px) { .block-products-list .product-item .product-item-info .product-item-actions, .widget.featured .products-grid .product-item .product-item-info .product-item-actions { position: static; top: auto; padding-bottom: 20px; padding-top: 10px; } } .block-products-list .product-item .product-item-info .product-item-actions .product-item-actions, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .product-item-actions { display: block; margin: 0; pointer-events: none; } .block-products-list .product-item .product-item-info .product-item-actions .actions-primary, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .actions-primary { width: 100%; display: block; text-align: center; transition: .15s linear; pointer-events: none; -webkit-transform: scale(0); transform: scale(0); } @media (max-width: 767px) { .block-products-list .product-item .product-item-info .product-item-actions .actions-primary, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .actions-primary { margin-top: auto; -webkit-transform: scale(1); transform: scale(1); } } .block-products-list .product-item .product-item-info .product-item-actions .actions-primary form, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .actions-primary form { pointer-events: none; } .block-products-list .product-item .product-item-info .product-item-actions .actions-primary input, .block-products-list .product-item .product-item-info .product-item-actions .actions-primary button, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .actions-primary input, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .actions-primary button { pointer-events: auto; } .block-products-list .product-item .product-item-info .product-item-actions .actions-primary .stock span, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .actions-primary .stock span { background: #e96147; color: #FFF; padding: 11px 30px 9px; font-family: "Teko", sans-serif; font-size: 20px; text-transform: uppercase; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .block-products-list .product-item .product-item-info .product-item-actions .actions-secondary, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .actions-secondary { position: absolute; top: 0; right: -100px; display: none; } @media (max-width: 767px) { .block-products-list .product-item .product-item-info .product-item-actions .actions-secondary, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .actions-secondary { margin-right: 0; } } .block-products-list .product-item .product-item-info .product-item-actions .actions-secondary a.action, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .actions-secondary a.action { pointer-events: auto; } .block-products-list .product-item .product-item-info .product-item-actions .actions-secondary .tocompare, .widget.featured .products-grid .product-item .product-item-info .product-item-actions .actions-secondary .tocompare { right: 0px; } .block-products-list .product-item .product-item-info:hover .product-image-photo, .widget.featured .products-grid .product-item .product-item-info:hover .product-image-photo { opacity: .5; } .block-products-list .product-item .product-item-info:hover .product-item-actions .actions-primary, .widget.featured .products-grid .product-item .product-item-info:hover .product-item-actions .actions-primary { -webkit-transform: scale(1); transform: scale(1); transition: 0.3s cubic-bezier(0.2, 0.17, 0, 1.26); } @media (max-width: 767px) { .block-products-list .product-item .product-item-info:hover .product-item-actions .actions-primary, .widget.featured .products-grid .product-item .product-item-info:hover .product-item-actions .actions-primary { margin-top: auto; } } .block-products-list .product-item .product-item-info:hover .product-item-actions .actions-secondary, .widget.featured .products-grid .product-item .product-item-info:hover .product-item-actions .actions-secondary { right: 0; } .block-products-list .product-item .product-item-info:hover .product-item-actions .actions-secondary .tocompare, .widget.featured .products-grid .product-item .product-item-info:hover .product-item-actions .actions-secondary .tocompare { right: 22px; transition-delay: .2s; } @media (min-width: 992px) { .block-products-list .products-grid .product-item, .widget.featured .products-grid .products-grid .product-item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; margin-bottom: 55px; } } @media (max-width: 768px) { .block-products-list .products-grid .product-items, .widget.featured .products-grid .products-grid .product-items { margin: 0 10px; } } .products-list .product-item-info { margin-bottom: 4rem; overflow: hidden; } .products-list .product-item-photo { float: left; text-align: center; margin-bottom: 1rem; } .products-list .product-item-details { overflow: hidden; padding-left: 4rem; } .products-list .description { margin-bottom: 1rem; line-height: 1.5; } .products-list .description p { margin-bottom: 0; } .products-list .product-item-inner { margin-top: 40px; } .products-list .product-reviews-summary { margin-bottom: 0.5rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .products-list .reviews-actions .view, .products-list .reviews-actions .add { margin-right: 1rem; } .products-list .product-item-actions { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products-list .actions-primary { margin: 0 2rem 5px 0; } @media (min-width: 480px) { .products-list .product-item-info { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .products-list .product-item-photo { margin-bottom: 0; } } @media (max-width: 1200px) { .products-list .product-item-photo { width: 40%; } .products-list .product-item-details { padding-left: 1rem; } } @media (max-width: 480px) { .products-list .product-item-photo { width: 100%; } } .gallery-placeholder .loading-mask { padding: 0 0 50%; position: absolute; display: none; } .gallery-placeholder .fotorama-hidden, .gallery-placeholder .fotorama--hidden, .gallery-placeholder .fotorama__load { left: -99999px; position: absolute; top: -99999px; z-index: -1000; display: none; } .gallery-placeholder .fotorama__nav-wrap--vertical { margin: -10px 0; } .gallery-placeholder .fotorama__arr .fotorama__arr__arr { color: #282828; background: none; height: auto; font-size: 46px; transition: .2s; } .gallery-placeholder .fotorama__arr .fotorama__arr__arr:hover { color: #e96147; } .gallery-placeholder .fotorama__arr.fotorama__arr--prev { text-align: center; } .gallery-placeholder .fotorama__arr.fotorama__arr--prev .fotorama__arr__arr { line-height: inherit; } .gallery-placeholder .fotorama__arr.fotorama__arr--prev .fotorama__arr__arr:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .gallery-placeholder .fotorama__arr.fotorama__arr--next .fotorama__arr__arr { line-height: inherit; } .gallery-placeholder .fotorama__arr.fotorama__arr--next .fotorama__arr__arr:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .gallery-placeholder .fotorama__thumb__arr { display: none; } .fotorama-item .fotorama__stage { margin-bottom: 0; } @media (max-width: 767px) { .fotorama__nav--dots { height: 40px !important; } } .gallery-placeholder .fotorama__thumb-border, .fotorama-item .fotorama__thumb-border { border-color: rgba(40, 40, 40, 0.2); background: none; } .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%; } .block.related .block-actions button.action.select { color: #282828; } .block.related .block-actions button.action.select:hover { text-decoration: underline; } .block.related .block-title { text-align: center; } .block.related .block-title strong { font-weight: normal; text-transform: uppercase; letter-spacing: 2px; } .block.related .price-box { display: block; } .block.related .field.choice .label { padding: 0; margin: 0; } .block.related .field.choice .checkbox { margin: 0 4px 0 0; vertical-align: middle; } .products-grid.products-related { margin: 2rem 0 0; padding: 0; } .products-grid.products-related img { width: 100%; } .products-grid.products-related .product-items { margin: 0 -15px; 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 .owl-controls { top: -60px; } .products-grid.products-related .owl-controls .owl-prev::before, .products-grid.products-related .owl-controls .owl-next::before { font-size: 46px; } .products-grid.products-related .owl-item { padding: 0 15px; } .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%; } .block.upsell .block-actions button.action.select { color: #282828; } .block.upsell .block-actions button.action.select:hover { text-decoration: underline; } .block.upsell .block-title { text-align: center; } .block.upsell .block-title strong { font-weight: normal; text-transform: uppercase; letter-spacing: 2px; } .block.upsell .price-box { display: block; } .products-grid.products-upsell { margin: 2rem 0 0; padding: 0; } .products-grid.products-upsell img { width: 100%; } @media (min-width: 1850px) { .products-grid.products-upsell .owl-wrapper-outer { overflow: visible; } } .products-grid.products-upsell .owl-carousel .owl-wrapper::after { display: none; } .products-grid.products-upsell .product-items { margin: 0 -15px; 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; } .products-grid.products-upsell .owl-controls { top: -66px; right: -20px; } .products-grid.products-upsell .owl-controls .owl-prev::before, .products-grid.products-upsell .owl-controls .owl-next::before { font-size: 46px; } .products-grid.products-upsell .owl-item { padding: 0 15px; } .product-options-wrapper .fieldset > br { display: none; } .product-options-wrapper .downloads { display: -ms-flexbox; display: -webkit-flex; display: flex; } .block-new-products.grid .block-title { text-align: center; margin-bottom: 40px; } @media (max-width: 479px) { #new-products-widget.block-new-products .widget-new-grid { margin-left: 0; margin-right: 0; } } #new-products-widget.block-new-products .widget-new-grid img { width: 100%; } #new-products-widget.block-new-products .widget-new-grid .product-items-row { width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 480px) { #new-products-widget.block-new-products .widget-new-grid .product-items-row .product-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 50%; } } @media (min-width: 768px) { #new-products-widget.block-new-products .widget-new-grid .product-items-row .product-item { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 33%; width: 33%; } } @media (min-width: 992px) { #new-products-widget.block-new-products .widget-new-grid .product-items-row { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #new-products-widget.block-new-products .widget-new-grid .product-items-row .product-item:nth-child(2), #new-products-widget.block-new-products .widget-new-grid .product-items-row .product-item:nth-child(3) { -webkit-flex-basis: 24%; -ms-flex-preferred-size: 24%; flex-basis: 24%; max-width: 24%; width: 24%; } #new-products-widget.block-new-products .widget-new-grid .product-items-row:nth-child(2n) { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-left: -3%; margin-top: -100px; } } @media (min-width: 992px) and (min-width: 1200px) { #new-products-widget.block-new-products .widget-new-grid .product-items-row:nth-child(2n) { margin-top: -130px; } } @media (min-width: 992px) and (min-width: 1760px) { #new-products-widget.block-new-products .widget-new-grid .product-items-row:nth-child(2n) { margin-top: -180px; } } @media (min-width: 992px) { #new-products-widget.block-new-products .widget-new-grid .product-items-row:nth-child(2n) .product-item:nth-child(1), #new-products-widget.block-new-products .widget-new-grid .product-items-row:nth-child(2n) .product-item:nth-child(3) { -webkit-flex-basis: 24%; -ms-flex-preferred-size: 24%; flex-basis: 24%; max-width: 24%; width: 24%; } #new-products-widget.block-new-products .widget-new-grid .product-items-row:nth-child(2n) .product-item:nth-child(2) { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 33%; width: 33%; } } #new-products-widget.block-new-products .widget-new-grid .product-item .product-item-info .product-item-inner .actions-primary { padding-bottom: 3px; margin-left: 0; margin-right: 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; } .actions .action.towishlist, .actions .action.tocompare, .actions .action.mailto, .action.towishlist, .action.tocompare, .action.mailto { width: 50px; height: 50px; display: inline-block; border-radius: 50%; padding: 0; background: #fff; font-size: 20px; color: #282828; letter-spacing: 0; line-height: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .actions .action.towishlist span, .actions .action.tocompare span, .actions .action.mailto span, .action.towishlist span, .action.tocompare span, .action.mailto span { display: none; } .actions .action.towishlist:hover, .actions .action.tocompare:hover, .actions .action.mailto:hover, .action.towishlist:hover, .action.tocompare:hover, .action.mailto:hover { background: #282828; color: #fff; } .actions .action.towishlist:before, .actions .action.tocompare:before, .actions .action.mailto:before, .action.towishlist:before, .action.tocompare:before, .action.mailto:before { z-index: 5; } .product-social-links .mailto { line-height: inherit; line-height: 50px; } .product-social-links .mailto:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .towishlist { line-height: inherit; } .towishlist:before { content: ""; display: inline-block; font-family: "FontAwesome"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .tocompare { line-height: inherit; } .tocompare:before { content: ""; display: inline-block; font-family: "FontAwesome"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } #layered-filter-block { font-family: "Teko", sans-serif; letter-spacing: 2px; text-transform: uppercase; } #layered-filter-block .block-title { margin-bottom: 2.4rem; } #layered-filter-block .filter-current { margin-bottom: 0; } #layered-filter-block .filter-current .remove { line-height: inherit; } #layered-filter-block .filter-current .remove:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } #layered-filter-block .filter-current .remove span { display: none; } #layered-filter-block .filter-options-item { margin-bottom: 20px; } #layered-filter-block .filter-actions { margin-bottom: 0; } #layered-filter-block .block-subtitle { color: #282828; font-size: 20px; line-height: 1; font-weight: 400; text-transform: uppercase; display: inline-block; } #layered-filter-block .block-subtitle:before { content: ""; display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); vertical-align: sub; padding-right: 8px; } @media (min-width: 768px) { #layered-filter-block .block-subtitle { display: none; } } #layered-filter-block aside.modal-slide { background-color: transparent; } #layered-filter-block .filter-options-title { position: relative; font-weight: 500; text-transform: uppercase; margin-bottom: 5px; padding-right: 25px; cursor: pointer; color: #282828; font-size: 18px; } #layered-filter-block .filter-options-title:before { position: absolute; right: 0; top: 0; } #layered-filter-block .filter-options-content { margin-bottom: 0.5rem; font-size: 16px; } #layered-filter-block .filter-options-content li { margin-top: 7px; } #layered-filter-block .filter-options-content .count { margin-left: 0.5rem; text-transform: none; } #layered-filter-block .filter-options-content .count:before { content: '('; } #layered-filter-block .filter-options-content .count:after { content: ')'; } #layered-filter-block .swatch-attribute.color .swatch-attribute-options .swatch-option-link-layered { display: block; } #layered-filter-block .swatch-attribute.color .swatch-attribute-options .swatch-option-link-layered .swatch-option { float: none; display: inline-block; margin-bottom: 10px; } #layered-filter-block .swatch-attribute.color .swatch-attribute-options .swatch-option-link-layered label { cursor: pointer; display: inline-block; vertical-align: middle; padding-top: 8px; } #layered-filter-block .current-wrapper { background: #faf9f9; padding: 38px 39px 30px; margin-bottom: 45px; font-size: 16px; font-weight: 300; } #layered-filter-block .current-wrapper .filter-current-subtitle { font-size: 20px; color: #282828; font-weight: 400; margin-bottom: 10px; letter-spacing: 2px; padding-right: 20px; } #layered-filter-block .current-wrapper .filter-current-subtitle:before { right: 0; left: auto; font-size: 16px; position: absolute; } #layered-filter-block .current-wrapper .item { margin-bottom: 4px; } #layered-filter-block .current-wrapper .action.remove { color: #282828; line-height: 18px; position: relative; top: -2px; } #layered-filter-block .current-wrapper .action.remove:hover { color: #e96147; } #layered-filter-block .current-wrapper .filter-clear { color: #e96147; text-decoration: underline; } #layered-filter-block .current-wrapper .filter-clear:hover { text-decoration: none; } @media (max-width: 768px) { #layered-filter-block aside.modal-slide { right: auto; left: 0; } #layered-filter-block aside.modal-slide .modal-header { padding-top: 0; padding-bottom: 0; } #layered-filter-block aside.modal-slide .modal-inner-wrap { -webkit-transform: translateX(-100%); transform: translateX(-100%); } #layered-filter-block aside.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } } @media (max-width: 768px) { #layered-filter-block { margin: 0; } } .form-login .field .label { display: none; } .form-login .actions-toolbar { flex-direction: row-reverse; } .form-create-account .actions-toolbar, .form-edit-account .actions-toolbar, .form-address-edit .actions-toolbar { flex-direction: row-reverse; } body.account .columns .grid-left { -webkit-order: 1; -ms-flex-order: 1; order: 1; } body.account .columns .grid-main { -webkit-order: 2; -ms-flex-order: 2; order: 2; } body.account .columns .main { margin-top: 50px; } @media (min-width: 768px) { body.account .columns .main { margin-top: 0; } } body.account .block-title { position: relative; } body.account .block-title .action { position: absolute; right: 0; top: 0; } body.account .box { position: relative; } body.account .box address { margin-bottom: 1rem; } body.account .box .action.edit { position: absolute; right: 0; top: -12px; background: none; border-radius: 0; padding: 0.5rem; } .account-nav-content .item { line-height: 16px; margin-bottom: 6px; } .account-nav-content .item.current strong { color: #e96147; } .account-nav-content .item a { color: #888888; } .account-nav-content .item a:hover { color: #282828; } .block-search .block-title { display: none; } #search_mini_form { background: none; } #search_mini_form .label { display: none; } #search_mini_form .nested { display: none; } body.catalogsearch-result-index .message.notice { padding-bottom: .8em; } body.catalogsearch-result-index .message.notice > div:after { display: none; } .cart-container { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .cart-container .cart-summary .block { margin: 0; } .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 .block.shipping.active { padding-bottom: 0; } @media (min-width: 768px) { .cart-container .block.shipping { padding-bottom: 24px; } } #shopping-cart-table { width: 100%; } #shopping-cart-table > caption, #shopping-cart-table .qty label { display: none; } #shopping-cart-table .product-item-name a { color: #282828; } #shopping-cart-table .product-item-name a:hover { color: #e96147; } #shopping-cart-table .product-item-details, #shopping-cart-table .product-item-photo { display: table-cell; vertical-align: middle; } #shopping-cart-table .product-item-details { padding-left: 18px; } #shopping-cart-table td.price .price, #shopping-cart-table td.subtotal .price { display: inline-block; padding: 0.44rem 0; margin: 0; } #shopping-cart-table .cart.item .item-wrap { position: relative; padding-left: 37px; } @media (min-width: 768px) { #shopping-cart-table .cart.item td { border-bottom: solid 1px #e5e5e5; } } #shopping-cart-table .cart.item:last-child td { border-bottom: none; } #shopping-cart-table .item-info td { padding: 0 0 20px; line-height: 20px; } @media (min-width: 768px) { #shopping-cart-table .item-info td { padding: 47px 0 48px; } } #shopping-cart-table .item-info > .col { vertical-align: middle; } #shopping-cart-table .item-info > .col.item { padding-right: 16px; } #shopping-cart-table .item-info > .col.price, #shopping-cart-table .item-info > .col.qty, #shopping-cart-table .item-info > .col.subtotal { text-align: center; } #shopping-cart-table .item-info > .col:before { font-family: "Roboto", sans-serif; text-align: left; text-transform: none; font-size: 14px; color: #888888; } #shopping-cart-table .item-info .field.qty { margin: 0; } #shopping-cart-table .item-info .input-text { font-size: 16px; background: none; text-align: center; color: #282828; } #shopping-cart-table .item-info .input-text.qty { width: 100%; } #shopping-cart-table .item-actions .action { background: none; box-shadow: none; padding: 0; position: absolute; left: 0; top: 0; margin: 0; line-height: 12px; color: #282828; } #shopping-cart-table .item-actions .action:hover { color: #e96147; } #shopping-cart-table .item-actions .action span { display: none; } #shopping-cart-table .item-actions .action-delete:before { content: ""; display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); } #shopping-cart-table .item-actions .action-edit { top: 30px; } #shopping-cart-table .item-actions .action-edit:before { content: ""; display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); } #shopping-cart-table .item-actions .gift-options-cart-item .action-gift { top: 60px; } #shopping-cart-table .item-actions .gift-options-cart-item .action-gift:before { content: "\e7e9"; display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); } #shopping-cart-table .item-actions .gift-options-cart-item .gift-content { display: none; position: absolute; left: 30px; top: 0; background: #fff; border: 1px solid #cdcdcd; box-shadow: 0 3px 3px #999; border-radius: 5px; padding: 20px; z-index: 9; } #shopping-cart-table .item-actions .gift-options-cart-item .gift-content .input-text { background: #cdcdcd; } #shopping-cart-table .item-actions .gift-options-cart-item .gift-content label { display: block; } #shopping-cart-table .item-actions .gift-options-cart-item .gift-content._active { display: block; } .cart.actions.main { margin: 0; padding-top: 20px; border-top: solid 1px #e5e5e5; } .cart.actions.main .action { margin: 0 23px 0 0; background: none; border-radius: 0; padding: 0; text-decoration: underline; color: #e96147; font-size: 16px; } .cart.actions.main .action:hover { color: #282828; } .cart-summary-inner { border: solid 1px #e5e5e5; margin-top: 20px; padding: 0 27px 17px; } .cart-summary-inner > .summary.title { margin-bottom: 21px; display: inline-block; margin-top: 27px; } .cart-summary-inner .title[role="tab"] strong { float: left; } .cart-summary-inner .title[role="tab"]:before { position: relative; top: -2px; left: 10px; right: 0; } .cart-summary-inner .checkout.methods .item { margin-bottom: 0.5rem; } .cart-summary-inner .block .title strong { font-weight: 400; } .cart-summary-inner .field .label { display: none; } .cart-summary-inner .field.choice .label { margin-top: 7px; line-height: inherit; } .cart-summary-inner .block.discount { border-top: solid 1px #e5e5e5; padding-top: 30px; } @media (min-width: 768px) { .cart-summary-inner .block.discount { padding-bottom: 27px; } } .cart-summary-inner .block.discount .title[aria-expanded="true"] { margin-bottom: 17px; } .cart-summary-inner .block.discount .field .label { display: none; } .cart-summary-inner .block.discount .content { margin-bottom: 0; } .cart-summary-inner .block.discount.active { padding-bottom: 20px; } @media (min-width: 768px) { .cart-summary-inner .block.discount.active { padding-bottom: 27px; } } .cart-totals { border-top: solid 1px #e5e5e5; } .table.totals { padding: 23px 0 0; } .table.totals th, .table.totals td { display: inline-block; line-height: 28px; width: auto; margin: 0; } .table.totals th strong { font-weight: 400; } .table.totals td { padding-left: 10px; } @media (min-width: 768px) { .table.totals td { padding-left: 0; margin-left: 10px; } } .table.totals td:before { display: none; } .table.totals .mark, .table.totals .amount { padding: 0; } .fieldset.estimate { margin-bottom: 0; } @media (min-width: 768px) { .fieldset.estimate { margin-bottom: 30px; } } .items.methods, .item-options { font-size: 14px; line-height: 1.5; font-style: normal; } .items.methods li, .item-options li { display: block; } .item-options .values { font-style: normal; padding-left: 0; } .block.shipping .items.methods { display: block; } .block.shipping .items.methods .item-title, .block.shipping .items.methods .item-options { max-width: 100%; padding: 0; } .checkout.methods { padding-top: 18px; } .checkout.methods .action.primary.checkout { padding: 3px 32px; font-size: 20px; letter-spacing: 1.5px; } .checkout.methods .action.multicheckout { background: none; border-radius: 0; padding: 0; text-decoration: underline; color: #e96147; font-size: 16px; margin-top: 11px; } .checkout.methods .action.multicheckout:hover { color: #282828; background: none; } body.checkout-cart-index .checkout.methods .action.primary.checkout { padding: 14px 26px 8px; } .minicart-wrapper .showcart span[class=""] { line-height: inherit; } .minicart-wrapper .showcart span[class=""]:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .minicart-wrapper .rd-navbar-cart-toggle > span { color: #e96147; } .minicart-wrapper .rd-navbar-cart-toggle > strong { display: inline-block; padding: 6px 0 0 3px; } .showcart { font-family: "Teko", sans-serif; font-size: 16px; line-height: 1; height: 50px; display: inline-block; margin-left: 10px; } .showcart:hover, .showcart.active { color: #e96147; } .showcart:hover .minicart-label, .showcart.active .minicart-label { color: #e96147; } .showcart .minicart-label, .showcart .counter-label { text-transform: uppercase; } .showcart .minicart-label { display: none; color: #282828; font-weight: 700; padding-right: 7px; transition: .3s ease; } .showcart .counter-label { padding-left: 4px; position: relative; } .showcart .counter-label:after { content: ""; display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); position: absolute; top: -11px; right: -20px; } @media (min-width: 768px) and (max-width: 992px) { .showcart .counter-label:after { display: none; } } @media (min-width: 768px) { .showcart .counter-label:after { top: 3px; } } .showcart .loading-mask { display: none; } .rd-navbar-static .showcart { padding: 14px 46px 0 26px; margin-left: 0; } @media (min-width: 768px) and (max-width: 992px) { .rd-navbar-static .showcart { padding: 14px 10px 0; } } .rd-navbar-static .minicart-label { letter-spacing: 1px; } @media (min-width: 992px) { .rd-navbar-static .minicart-label { display: inline; } } @media (min-width: 768px) { .rd-navbar-fixed .showcart .counter-label:after { top: -11px; } } .block-minicart .block-content { position: relative; } .block-minicart .block-content > .actions { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .block-minicart .block-content > .actions > .primary, .block-minicart .block-content > .actions > .secondary { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } @media (max-width: 767px) { .block-minicart .block-content > .actions > .primary, .block-minicart .block-content > .actions > .secondary { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; text-align: center; } } .block-minicart .block-content > .actions > .primary #top-cart-btn-checkout { font-size: 20px; height: 50px; padding: 12px 15px 10px; font-weight: 400; } @media (max-width: 767px) { .block-minicart .block-content > .actions > .primary #top-cart-btn-checkout { max-width: 180px; margin-left: auto; margin-right: auto; } } .block-minicart .block-content > .actions > .primary #top-cart-btn-checkout span { line-height: 1; } .block-minicart .block-content > .actions > .secondary { text-align: center; } .block-minicart .block-content > .actions > .secondary a.viewcart { font-size: 16px; text-transform: uppercase; text-decoration: underline; color: #e96147; background-color: transparent; display: inline-block; letter-spacing: 1px; } .block-minicart .block-content > .actions > .secondary a.viewcart:hover { color: #282828; } .block-minicart .block-content > .actions > .secondary a.viewcart:after { display: none; } @media (max-width: 767px) { .block-minicart .block-content > .actions > .secondary a.viewcart { max-width: 180px; } } .block-minicart .block-content > .actions > .secondary a.viewcart span { vertical-align: bottom; } .block-minicart .subtotal { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 1rem; } .block-minicart .subtotal .label { margin-right: 1rem; text-transform: uppercase; color: #282828; font-size: 20px; line-height: 1; font-weight: 400; } .block-minicart .subtotal .price-container .price { color: #e96147; font-size: 20px; line-height: 1; font-weight: 600; } .block-minicart .subtitle { font-size: 20px; line-height: 1; font-weight: 400; text-transform: uppercase; } .block-minicart .product.actions .action { background: none; padding: 0; } .block-minicart .product.actions .primary .action { color: #282828; } .block-minicart .product.actions .primary .action:hover { color: #e96147; } .minicart-items-wrapper { margin: 0 -30px 30px; padding: 30px 20px 30px 30px; border-bottom: 1px solid #e5e5e5; } .minicart-items-wrapper .field { margin-bottom: 0; } #mini-cart.minicart-items .product { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #mini-cart.minicart-items .item { margin-bottom: 1rem; position: relative; overflow: visible !important; } #mini-cart.minicart-items .item:last-child { margin-bottom: 0; } #mini-cart.minicart-items .product-item-photo { -webkit-flex-basis: 180px; -ms-flex-preferred-size: 180px; flex-basis: 180px; max-width: 180px; padding: 0 15px; margin: 0 10px; } #mini-cart.minicart-items .product-item-photo .product-image-wrapper { display: block; padding-bottom: 0 !important; } #mini-cart.minicart-items .product-item-details { -webkit-flex-basis: 130px; -ms-flex-preferred-size: 130px; flex-basis: 130px; max-width: 130px; } #mini-cart.minicart-items .product-item-details .product-item-name { font-weight: 400; } #mini-cart.minicart-items .product-item-details .product-item-name a { color: #282828; font-size: 16px; line-height: 1; } #mini-cart.minicart-items .product-item-details .product-item-name a:hover { color: #e96147; } #mini-cart.minicart-items .product-item-details .minicart-price .price { font-size: 20px; line-height: 1; font-weight: 600; color: #e96147; display: inline-block; margin-top: 0; margin-bottom: 20px; } #mini-cart.minicart-items .details-qty { display: -ms-flexbox; display: -webkit-flex; display: flex; } #mini-cart.minicart-items .details-qty .control { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #mini-cart.minicart-items .details-qty .cart-item-qty { font-size: 16px; line-height: 1; text-align: center; padding: 15px 10px; display: inline; height: 50px; vertical-align: middle; margin-bottom: 19px; -webkit-flex-basis: 85px; -ms-flex-preferred-size: 85px; flex-basis: 85px; max-width: 85px; } #mini-cart.minicart-items .details-qty .update-cart-item { -webkit-flex-basis: 20px; -ms-flex-preferred-size: 20px; flex-basis: 20px; max-width: 20px; line-height: inherit; margin: 9px 0 22px 8px; color: #282828; text-align: right; } #mini-cart.minicart-items .details-qty .update-cart-item:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } #mini-cart.minicart-items .details-qty .update-cart-item:hover { color: #e96147; } #mini-cart.minicart-items .details-qty .update-cart-item span { display: none; } #mini-cart.minicart-items .product.options { position: relative; overflow: visible; } #mini-cart.minicart-items .product.options .toggle { font-size: 16px; line-height: 1; cursor: pointer; text-transform: uppercase; color: #e96147; transition: .3s ease; } #mini-cart.minicart-items .product.options .toggle span { text-decoration: underline; } #mini-cart.minicart-items .product.options .toggle:before { display: none; } #mini-cart.minicart-items .product.options .toggle:hover, #mini-cart.minicart-items .product.options.active .toggle { color: #282828; } #mini-cart.minicart-items .product.options .content { position: absolute; z-index: 99; top: calc( 100% + 10px ); right: 50px; background: #FFF; border: 1px solid #e5e5e5; width: 200px; padding: 7px; } #mini-cart.minicart-items .product.options .content:after, #mini-cart.minicart-items .product.options .content:before { bottom: 100%; left: 75%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #mini-cart.minicart-items .product.options .content:after { border-color: transparent; border-bottom-color: #FFF; border-width: 10px; margin-left: -10px; } #mini-cart.minicart-items .product.options .content:before { border-color: transparent; border-bottom-color: #e5e5e5; border-width: 11px; margin-left: -11px; } #mini-cart.minicart-items .product.options .content .subtitle { font-size: 14px; } #mini-cart.minicart-items .product.options .list { font-size: 14px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #mini-cart.minicart-items .product.options .list > dt, #mini-cart.minicart-items .product.options .list > dd { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } #mini-cart.minicart-items .product.options .list .values { font-family: "Roboto", sans-serif; font-style: normal; font-size: 12px; padding-left: 10px; } #mini-cart.minicart-items .product.actions { -webkit-flex-basis: 15px; -ms-flex-preferred-size: 15px; flex-basis: 15px; max-width: 15px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #mini-cart.minicart-items .product.actions a { color: #282828; font-size: 20px; line-height: 1; box-shadow: none; margin-bottom: 6px; } #mini-cart.minicart-items .product.actions a:hover { color: #e96147; } #mini-cart.minicart-items .product.actions a.edit { font-size: 17px; } @media (min-width: 768px) { .minicart-wrapper { padding: 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .rd-navbar-fixed-linked .minicart-wrapper { border-right: none; } } /* Crossell block ---------------------------------------------------*/ .block.crosssell { margin-top: 98px; } .block.crosssell .block-title { text-align: center; margin-bottom: 42px; } .block.crosssell .products-grid.products-crosssell .product-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .block.crosssell .price { margin-top: 7px; } .block.crosssell .product-item-actions { margin: 7px 0; } .block.crosssell .product-item-actions .actions-primary { margin: 0 auto; } body.checkout-index-index .page-title { text-align: center; } body.checkout-index-index #customer-email-fieldset .loading-mask { display: none !important; } body.checkout-index-index #customer-email-fieldset .field { margin-bottom: 0 !important; } #checkout-loader { height: 150px; } #checkout-loader .loader { width: 150px; height: 150px; margin-left: auto; margin-right: auto; } body > .loading-mask { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 9999; } body > .loading-mask .loader p { display: none; } body > .loading-mask .loader > img { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; width: auto; } #checkout .authentication-wrapper { right: auto; left: 0; } #checkout .authentication-wrapper .action-auth-toggle { font-family: "Teko", sans-serif; font-size: 24px; } #checkout .authentication-wrapper .actions-toolbar { flex-wrap: wrap; } #checkout .authentication-wrapper .actions-toolbar .primary { margin-bottom: 7px; } #checkout .authentication-wrapper .actions-toolbar .secondary { text-align: center; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; background: rgba(0, 0, 0, 0.7); z-index: 999; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { position: absolute; right: 10px; top: 10px; overflow: hidden; display: none; color: #888888; } .modal-custom .action-close span, .modal-popup .action-close span, .modal-slide .action-close span { display: none; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { content: ""; display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #282828; } .modals-overlay { z-index: 800; } .modal-slide, .modal-popup { bottom: 0; left: 0; pointer-events: none; position: fixed; right: 0; top: 0; } .modal-slide._show, .modal-popup._show { visibility: visible; pointer-events: auto; background: rgba(255, 255, 255, 0.65); } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { padding: 15px; background-color: #fff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: auto; z-index: 1000; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); transition-duration: .3s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease-in-out; width: 270px; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: flex; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { flex-grow: 0; flex-shrink: 1; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 0.5rem 0.5rem; } .modal-slide .modal-header { padding-bottom: 10px; padding-top: 10px; } .modal-popup { left: 0; display: block; overflow-y: auto; z-index: 1000; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { box-sizing: border-box; height: auto; left: 0; margin: 4rem auto; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); transition-duration: .2s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease; display: flex; flex-direction: column; width: 75%; } .modal-popup._inner-scroll { overflow-y: visible; } .ie10 .modal-popup._inner-scroll, .ie9 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie10 .modal-popup._inner-scroll .modal-inner-wrap, .ie9 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 1rem; padding-right: 1rem; } .modal-popup .modal-header, .modal-popup .modal-footer { flex-grow: 0; flex-shrink: 1; } .modal-popup .modal-header { padding-bottom: 1rem; padding-top: 1rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 1rem; padding-top: 1rem; } .modal-popup .modal-footer button { font-family: "Teko", sans-serif; background: #e96147; padding: 16px 26px 12px; display: inline-block; border-radius: 200px; position: relative; z-index: 0; overflow: hidden; -webkit-backface-visibility: hidden; text-transform: uppercase; color: #FFF; font-size: 20px; letter-spacing: 2px; background: #e96147; color: #FFF; font-size: 20px; letter-spacing: 2px; transition: .3s ease; position: relative; overflow: hidden; margin-left: 10px; } .modal-popup .modal-footer button span { text-transform: uppercase; z-index: 2; position: relative; display: block; line-height: 1.4em; vertical-align: sup; } .modal-popup .modal-footer button:hover { box-shadow: none; background: #282828; } .modal-popup .modal-footer button:hover { background: #282828; box-shadow: none; color: #FFF; } .modal-popup .modal-footer-actions { text-align: right; } .modal-popup.confirm .modal-inner-wrap { left: 50%; margin-left: -25rem; width: 50rem; } .modal-popup.confirm .modal-footer { text-align: right; } .modal-popup._image-box .modal-inner-wrap { margin: 5rem auto; max-width: 78rem; position: static; } .modal-popup._image-box .thumbnail-preview { padding-bottom: 4rem; text-align: center; } .modal-popup._image-box .thumbnail-preview .thumbnail-preview-image-block { border: 1px solid #ccc; margin: 0 auto 2rem; max-width: 58rem; padding: 2rem; } .modal-popup._image-box .thumbnail-preview .thumbnail-preview-image { max-height: 54rem; } @media (max-width: 768px) { .custom-slide { bottom: 0; left: 0; pointer-events: none; position: fixed; right: 0; top: 0; left: auto; z-index: 1000; } .custom-slide._show { visibility: visible; pointer-events: auto; background: rgba(255, 255, 255, 0.65); } .custom-slide._show .modal-inner-wrap { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-slide .modal-inner-wrap { padding: 15px; background-color: #fff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); transition-duration: .3s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease-in-out; width: 270px; } .custom-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: flex; flex-direction: column; } .custom-slide._inner-scroll .modal-header, .custom-slide._inner-scroll .modal-footer { flex-grow: 0; flex-shrink: 1; } .custom-slide._inner-scroll .modal-content { overflow-y: auto; } .custom-slide._inner-scroll .modal-footer { margin-top: auto; } .custom-slide .modal-header, .custom-slide .modal-content, .custom-slide .modal-footer { padding: 0 0.5rem 0.5rem; } .custom-slide .modal-header { padding-bottom: 10px; padding-top: 10px; } .custom-slide._show { -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; } .custom-slide .modal-inner-wrap { box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { display: block; } } .checkout-container { position: relative; } .checkout-container .authentication-wrapper { position: absolute; right: 0; top: -40px; } @media (min-width: 768px) { .checkout-container .authentication-wrapper .modal-custom-overlay { background: none; } .checkout-container .authentication-dropdown { bottom: 0; left: 0; pointer-events: none; position: fixed; right: 0; top: 0; left: 0; display: block; overflow-y: auto; z-index: 1000; position: absolute; top: 50px; left: 0; right: auto; overflow: visible; width: 300px; } .checkout-container .authentication-dropdown._show { visibility: visible; pointer-events: auto; background: rgba(255, 255, 255, 0.65); } .checkout-container .authentication-dropdown._show .modal-inner-wrap { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .checkout-container .authentication-dropdown .modal-inner-wrap { padding: 15px; background-color: #fff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .checkout-container .authentication-dropdown._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .checkout-container .authentication-dropdown .modal-inner-wrap { box-sizing: border-box; height: auto; left: 0; margin: 4rem auto; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); transition-duration: .2s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease; display: flex; flex-direction: column; width: 75%; } .checkout-container .authentication-dropdown .modal-inner-wrap { margin: 0; width: 100%; } .checkout-container .authentication-dropdown .field .label { display: inline-block; } } body._has-modal { height: 100%; overflow: hidden; width: 100%; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; background: rgba(0, 0, 0, 0.7); z-index: 999; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { position: absolute; right: 10px; top: 10px; overflow: hidden; display: none; color: #888888; } .modal-custom .action-close span, .modal-popup .action-close span, .modal-slide .action-close span { display: none; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { content: ""; display: inline-block; font-family: "Material Icons"; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #282828; } .modals-overlay { z-index: 800; } .modal-slide, .modal-popup { bottom: 0; left: 0; pointer-events: none; position: fixed; right: 0; top: 0; } .modal-slide._show, .modal-popup._show { visibility: visible; pointer-events: auto; background: rgba(255, 255, 255, 0.65); } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { padding: 15px; background-color: #fff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: auto; z-index: 1000; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); transition-duration: .3s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease-in-out; width: 270px; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: flex; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { flex-grow: 0; flex-shrink: 1; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 0.5rem 0.5rem; } .modal-slide .modal-header { padding-bottom: 10px; padding-top: 10px; } .modal-popup { left: 0; display: block; overflow-y: auto; z-index: 1000; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { box-sizing: border-box; height: auto; left: 0; margin: 4rem auto; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); transition-duration: .2s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease; display: flex; flex-direction: column; width: 75%; } .modal-popup._inner-scroll { overflow-y: visible; } .ie10 .modal-popup._inner-scroll, .ie9 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie10 .modal-popup._inner-scroll .modal-inner-wrap, .ie9 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 1rem; padding-right: 1rem; } .modal-popup .modal-header, .modal-popup .modal-footer { flex-grow: 0; flex-shrink: 1; } .modal-popup .modal-header { padding-bottom: 1rem; padding-top: 1rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 1rem; padding-top: 1rem; } .modal-popup .modal-footer button { font-family: "Teko", sans-serif; background: #e96147; padding: 16px 26px 12px; display: inline-block; border-radius: 200px; position: relative; z-index: 0; overflow: hidden; -webkit-backface-visibility: hidden; text-transform: uppercase; color: #FFF; font-size: 20px; letter-spacing: 2px; background: #e96147; color: #FFF; font-size: 20px; letter-spacing: 2px; transition: .3s ease; position: relative; overflow: hidden; margin-left: 10px; } .modal-popup .modal-footer button span { text-transform: uppercase; z-index: 2; position: relative; display: block; line-height: 1.4em; vertical-align: sup; } .modal-popup .modal-footer button:hover { box-shadow: none; background: #282828; } .modal-popup .modal-footer button:hover { background: #282828; box-shadow: none; color: #FFF; } .modal-popup .modal-footer-actions { text-align: right; } .modal-popup.confirm .modal-inner-wrap { left: 50%; margin-left: -25rem; width: 50rem; } .modal-popup.confirm .modal-footer { text-align: right; } .modal-popup._image-box .modal-inner-wrap { margin: 5rem auto; max-width: 78rem; position: static; } .modal-popup._image-box .thumbnail-preview { padding-bottom: 4rem; text-align: center; } .modal-popup._image-box .thumbnail-preview .thumbnail-preview-image-block { border: 1px solid #ccc; margin: 0 auto 2rem; max-width: 58rem; padding: 2rem; } .modal-popup._image-box .thumbnail-preview .thumbnail-preview-image { max-height: 54rem; } @media (max-width: 768px) { .custom-slide { bottom: 0; left: 0; pointer-events: none; position: fixed; right: 0; top: 0; left: auto; z-index: 1000; } .custom-slide._show { visibility: visible; pointer-events: auto; background: rgba(255, 255, 255, 0.65); } .custom-slide._show .modal-inner-wrap { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-slide .modal-inner-wrap { padding: 15px; background-color: #fff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); transition-duration: .3s; -webkit-transition-property: -webkit-transform, visibility; transition-property: transform, visibility; transition-timing-function: ease-in-out; width: 270px; } .custom-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: flex; flex-direction: column; } .custom-slide._inner-scroll .modal-header, .custom-slide._inner-scroll .modal-footer { flex-grow: 0; flex-shrink: 1; } .custom-slide._inner-scroll .modal-content { overflow-y: auto; } .custom-slide._inner-scroll .modal-footer { margin-top: auto; } .custom-slide .modal-header, .custom-slide .modal-content, .custom-slide .modal-footer { padding: 0 0.5rem 0.5rem; } .custom-slide .modal-header { padding-bottom: 10px; padding-top: 10px; } .custom-slide._show { -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; } .custom-slide .modal-inner-wrap { box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { display: block; } } .opc-progress-bar { list-style-type: decimal-leading-zero; margin-bottom: 38px; counter-reset: progressbar; } @media (min-width: 480px) { .opc-progress-bar { float: left; } } .opc-progress-bar .opc-progress-bar-item { display: block; width: 100%; font-size: 25px; line-height: 32px; border: 1px solid #e5e5e5; color: #282828; margin-right: 65px; position: relative; margin-bottom: 10px; padding-left: 16px; } @media (min-width: 480px) { .opc-progress-bar .opc-progress-bar-item { width: auto; display: inline-block; border-right: none; padding-left: 0; } } .opc-progress-bar .opc-progress-bar-item::before { font: inherit; color: #e96147; content: counter(progressbar); counter-increment: progressbar; display: none; padding: 16px 10px 16px 32px; } @media (min-width: 480px) { .opc-progress-bar .opc-progress-bar-item::before { display: inline-block; } } .opc-progress-bar .opc-progress-bar-item span { display: inline-block; position: relative; padding: 16px 32px 16px 0; } .opc-progress-bar .opc-progress-bar-item span:before, .opc-progress-bar .opc-progress-bar-item span:after { position: absolute; right: -39px; height: 1px; width: 45px; content: ''; background: #e5e5e5; display: none; } @media (min-width: 480px) { .opc-progress-bar .opc-progress-bar-item span:before, .opc-progress-bar .opc-progress-bar-item span:after { display: block; } } .opc-progress-bar .opc-progress-bar-item span:after { bottom: 15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .opc-progress-bar .opc-progress-bar-item span:before { top: 15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 992px) { .opc-progress-bar .opc-progress-bar-item span { min-width: 250px; } } @media (min-width: 1200px) { .opc-progress-bar .opc-progress-bar-item span { min-width: 400px; } } .opc-progress-bar .opc-progress-bar-item._active { background: #282828; border: 1px solid #282828; color: #FFF; } .opc-progress-bar .opc-progress-bar-item._active span::before { position: absolute; top: -1px; right: -66px; height: 66px; content: ''; background: none; border: 33px solid transparent; border-left: 32px solid #333; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .opc-progress-bar .opc-progress-bar-item._active span:after { display: none; } .opc-progress-bar .opc-progress-bar-item._complete { opacity: 1; } .opc-estimated-wrapper { margin-bottom: 2rem; clear: both; line-height: 27px; } .opc-estimated-wrapper .estimated-block { display: inline-block; } .opc-estimated-wrapper .estimated-block span { display: inline-block; } .opc-estimated-wrapper .estimated-price { padding-left: 10px; line-height: 30px; margin: 0; } .opc-estimated-wrapper .minicart-wrapper { display: inline-block; } .opc-estimated-wrapper .minicart-wrapper .showcart { height: 30px; } @media (min-width: 769px) { .opc-estimated-wrapper { display: none; } } .checkout-index-index #co-transparent-form { max-width: 470px; } .checkout-index-index #co-transparent-form .field .label { display: inline-block; } .checkout-index-index #co-transparent-form .field.required { margin-bottom: 8px; } .checkout-index-index #co-transparent-form .field.required:after { display: none; } .checkout-index-index #co-transparent-form .field.required .label { margin: 4px 0 0; } .checkout-index-index #co-transparent-form .field.required .label:after { color: #d73105; content: "*"; font-size: 12px; margin: 0; } .checkout-index-index #co-transparent-form .field.date .group { display: -ms-flexbox; display: -webkit-flex; display: flex; } .checkout-index-index #co-transparent-form .field.date .group > div { margin-bottom: 0; } .checkout-index-index #co-transparent-form .field.date .group .month { -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; padding-right: 16px; } .checkout-index-index #co-transparent-form .field.date .group .year { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .checkout-index-index #co-transparent-form .field.cvv .control { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .checkout-index-index #co-transparent-form .field.cvv input { max-width: 6em; margin-right: 8px; } .checkout-index-index #co-transparent-form .field.cvv .field-tooltip { position: static; right: auto; top: auto; } .checkout-index-index #co-transparent-form .field.cvv .field-tooltip span span { display: none; } .checkout-index-index .payment-method-second-col.billing-address-form .field label { display: block; line-height: 1; } .checkout-index-index .payment-method-second-col.billing-address-form .field label input { height: 1em; } .checkout-index-index .opc-wrapper { clear: both; } .checkout-index-index .opc-wrapper .step-title { padding-bottom: 10px; margin-bottom: 10px; } .checkout-index-index .opc-wrapper .step-content { margin: 0; } .checkout-index-index .opc-wrapper .step-content .note { font-size: 14px; margin-top: 7px; display: inline-block; } .checkout-index-index .opc-wrapper .step-content .note::before { font-family: "FontAwesome"; content: '\f0d8'; padding-right: 5px; } .opc > li { padding-bottom: 29px; margin-bottom: 50px; border-bottom: 1px solid #e5e5e5; } .opc > li:last-child { margin-bottom: 0; } .opc > li.checkout-shipping-method, .opc > li.checkout-payment-method { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .checkout-container { padding-top: 20px; } .form-discount .control { margin-bottom: 20px; } .form.payments .legend { margin-bottom: 10px; } .form.payments .payment-method-billing-address label { display: inline-block; } .form.payments .payment-method-billing-address .fieldset > .field-select-billing { display: none; } ul.credit-card-types { display: -ms-flexbox; display: -webkit-flex; display: flex; } ul.credit-card-types > li + li { margin-left: 16px; } ul.credit-card-types > li img { filter: grayscale(80%); transition: .3s ease; } ul.credit-card-types > li._inactive img { opacity: .5; } ul.credit-card-types > li._active img { filter: grayscale(0); } fieldset.field.street .field.additional { margin-bottom: 25px; } @media (min-width: 769px) { .checkout-container:before, .checkout-container:after { display: table; content: ""; line-height: 0; } .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%; } } @media (min-width: 1200px) { .checkout-container .opc-wrapper { padding-right: 180px; } } .opc-sidebar { position: relative; } @media (min-width: 768px) { .opc-sidebar { padding: 27px; border: 1px solid #e5e5e5; } } @media (min-width: 1760px) { .opc-sidebar { top: -114px; } } .opc-sidebar .opc-block-summary span.title { display: block; border-bottom: 1px solid white; padding-bottom: 0; margin-bottom: 0; margin-top: 0; } .opc-sidebar .table-totals { border-bottom: 1px solid #e5e5e5; padding-bottom: 18px; } .opc-sidebar .table-totals th, .opc-sidebar .table-totals td { display: inline; line-height: 27px; padding: 0; } .opc-sidebar .table-totals th { padding-right: 10px; } .opc-sidebar .table-totals td span { line-height: 27px; display: inline-block; } .opc-sidebar .shipping-information { border-top: 1px solid #e5e5e5; margin-top: 32px; padding-top: 32px; } .block.items-in-cart { margin-top: 32px; margin-bottom: 0; } .block.items-in-cart .minicart-items-wrapper { margin: 0; padding: 0; border-bottom: none; } .block.items-in-cart .title strong { font-weight: 400; } .block.items-in-cart .title span { margin-right: 6px; } .block.items-in-cart .product-item { margin-bottom: 1rem; overflow: hidden; } .block.items-in-cart .product-item:last-child { margin-bottom: 0; } .block.items-in-cart .product-item .product-image-container { float: left; margin: 0 20px 0 0; max-width: 40%; height: auto !important; } .block.items-in-cart .minicart-items[role="tabpanel"] { margin-bottom: 0; } .block.items-in-cart .minicart-items .product-item { color: #282828; } .block.items-in-cart .minicart-items .product-item .product-item-name-block { margin-bottom: 5px; } .block.items-in-cart .minicart-items .product-item .product-item-name { font-weight: 400; } .block.items-in-cart .minicart-items .product-item .subtotal { margin-bottom: 13px; display: inline-block; } .block.items-in-cart .minicart-items .product-item .details-qty { margin-bottom: 14px; } .block.items-in-cart .minicart-items .product.options [role="tabpanel"] { margin-bottom: 0; background: #cdcdcd; padding: 5px; letter-spacing: 0; } .block.items-in-cart .minicart-items .product.options .toggle { margin-bottom: 13px; margin-top: 13px; } @media (min-width: 768px) { .block.items-in-cart .minicart-items .product.options .toggle { margin-top: 0; } } .block.items-in-cart .minicart-items .product.options .toggle span { margin: 0; color: #e96147; text-decoration: underline; } .block.items-in-cart .minicart-items .product.options .subtitle { font-weight: 400; } .block.items-in-cart .minicart-items .item-options { text-transform: none; font-family: "Roboto", sans-serif; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .block.items-in-cart .minicart-items .item-options dt, .block.items-in-cart .minicart-items .item-options dd { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .block.items-in-cart .minicart-items .item-options dt.label { font-weight: 400; color: #282828; } .block.items-in-cart .minicart-items .item-options dd.values { color: #888888; } .table-totals td, .table-totals th { margin: 0; } .table-totals .price, .table-totals .grandtotal { margin: 0; } .field-tooltip { cursor: pointer; position: absolute; right: -22px; top: 14px; } @media (min-width: 992px) { .field-tooltip { top: 10px; } } .field-tooltip._active { z-index: 100; } .field-tooltip._active .field-tooltip-content { display: block; } .field-tooltip._active .field-tooltip-action:before { color: #282828; } .field-tooltip .field-tooltip-action::before { font-size: 18px; font-family: "FontAwesome"; content: ""; color: #e96147; } ._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: #282828; } .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-payment .payment-method { border-bottom: solid 1px #e5e5e5; } .opc-payment .payment-method .payment-method-content { display: none; } .opc-payment .payment-method._active { padding-bottom: 50px; } .opc-payment .payment-method._active .payment-method-title { color: #e96147; } .opc-payment .payment-method._active .payment-method-content { display: block; } .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; } .opc-block-shipping-information .shipping-information-content { padding: 10px; } .opc-block-shipping-information .ship-to { border-bottom: solid 1px #e5e5e5; margin-bottom: 32px; padding-bottom: 32px; } .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: 50px; } @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; } .opc-wrapper .shipping-address-item .action-select-shipping-item { text-decoration: underline; color: #e96147; } .opc-wrapper .shipping-address-item .action-select-shipping-item:hover { color: #282828; } .checkout-shipping-address .action-show-popup { text-decoration: underline; color: #e96147; } .checkout-shipping-address .action-show-popup:hover { color: #282828; } .form-shipping-address .field.street label { display: none; } .form.methods-shipping .actions-toolbar { border-top: 1px solid #e5e5e5; margin-top: 50px; padding-top: 50px; } .table-checkout-shipping-method { width: 100%; margin-bottom: 1rem; text-align: center; } .table-checkout-shipping-method tbody td { color: #888888; line-height: 25px; } .table-checkout-shipping-method tbody input[type='radio'] { height: 25px; } .table-checkout-shipping-method th { padding: 0.44rem 0; } .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; } .rating-summary { display: -ms-flexbox; display: -webkit-flex; display: flex; display: inline-block; padding-right: 10px; margin-top: 5px; } .rating-summary .rating-result__stars span[class^="material-icons-"] { color: #ffd200; display: inline-block; font-size: 18px; line-height: 1; padding: 0; } @media (max-width: 479px) { .rating-summary .rating-result__stars span[class^="material-icons-"] { font-size: 14px; line-height: 1; } } .rating-summary .rating-result__text { display: none; } .product-info-price .rating-summary, .products-list .rating-summary { margin-top: -2px; } .items.review-items .rating-result__stars { padding-top: 3px; } .reviews-actions { display: inline-block; font-family: "Teko", sans-serif; font-size: 16px; text-transform: uppercase; } .reviews-actions .view, .reviews-actions .add { text-decoration: underline; color: #e96147; letter-spacing: 1px; } .reviews-actions .view:hover, .reviews-actions .add:hover { text-decoration: none; } .reviews-actions .add { margin: 0; } .review-list .review-items { margin-top: 2rem; } .review-list .review-item { margin-bottom: 2rem; } .review-list .review-title { 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%; padding: 0.44rem 0; } .review-list .rating-result { display: inline-block; } .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; } @media (min-width: 768px) { .review-list .rating-label { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } } .review-add .review-legend span { display: inline-block; margin-right: 1rem; margin-top: 0; } .review-fieldset .review-legend { margin: 0; padding: 20px 0 3px; display: block; font-size: 20px; width: 100%; } .review-fieldset .review-legend span { font-weight: normal; text-transform: uppercase; } .review-fieldset .review-legend strong { font-weight: normal; } .review-field-rating { margin-bottom: 0; } .review-field-rating > .label { min-width: 100px; } .control.review-control-vote { display: inline-block; } .control.review-control-vote label[class^='rating-'] { display: inline-block; cursor: pointer; margin-right: 0; } .control.review-control-vote label[class^='rating-'] .rating-star { color: #282828; display: inline-block; font-size: 1.5rem; margin: 0.44rem 0; line-height: 1; padding: 0 4px; line-height: inherit; } .control.review-control-vote label[class^='rating-'] .rating-star:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .control.review-control-vote label[class^='rating-'].fill .rating-star { line-height: inherit; } .control.review-control-vote label[class^='rating-'].fill .rating-star:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .control.review-control-vote .radio { display: none; } /** * Copyright ┬⌐ 2015 Magento. All rights reserved. * See COPYING.txt for license details. */ .swatch-attribute-label { font-weight: bold; position: relative; } .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: bold; font-size: 1em; } .swatch-attribute-selected-option { color: #646464; padding-left: 17px; } .swatch-option { padding: 1px 2px; min-width: 38px; max-width: 90px; min-height: 38px; float: left; margin: 0 10px 5px 0; text-align: center; cursor: pointer; position: relative; border: 1px solid #e5e5e5; overflow: hidden; text-overflow: ellipsis; } .swatch-option.text { background: #f2f2f2; border-color: transparent; color: #888888; font-size: 16px; font-family: "Teko", sans-serif; font-weight: normal; line-height: 26px; padding: 6px 15px; min-width: 38px; margin-right: 7px; transition: .3s ease; border: none; } .swatch-option.text:hover, .swatch-option.text.selected { background-color: #e96147; color: #FFF; } .filter-options-content .swatch-option.text { padding: 5px 5px 3px; font-size: 14px; line-height: 24px; min-height: 20px; font-weight: 400; height: auto; background: #f2f2f2; border: none; } .filter-options-content .swatch-option.text:hover, .filter-options-content .swatch-option.text.selected { background-color: #e96147; color: #FFF; border: none; outline: none; } body.catalog-category-view .products .swatch-option.text:hover { background-color: #282828; } .swatch-option.color { min-height: 38px; } .swatch-option:not(.text).selected { line-height: inherit; } .swatch-option:not(.text).selected:before { content: ""; display: inline-block; font-family: "Material Icons"; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .swatch-option:not(.text).selected::before { position: absolute; color: #888888; font-size: 26px; line-height: 26px; left: 5px; top: 4px; } .swatch-option.disabled { cursor: default; opacity: 0.5; } .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 ); } .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .swatch-option-tooltip { visibility: hidden; font-family: "Teko", sans-serif; display: none !important; } @media (min-width: 768px) { .swatch-option-tooltip { max-width: 140px; max-height: 100%; min-height: 20px; min-width: 40px; position: absolute; padding: 0; background: #fff; color: #949494; border: 1px solid #e5e5e5; display: none; visibility: visible; z-index: 999; text-align: center; } } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { position: absolute; bottom: 7px; height: 6px; } .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 7px 0 7px; 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 8px 0 8px; border-color: #e5e5e5 transparent transparent transparent; font-size: 1px; } @media (min-width: 992px) { .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { bottom: 3px; } } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { display: block; height: 130px; width: 130px; margin: 0 auto; } .swatch-option-tooltip .title { max-width: 140px; min-height: 20px; max-height: 200px; color: #282828; text-align: center; line-height: 34px; display: block; overflow: hidden; } .swatch-opt { margin: 20px 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 !important; padding: 0 !important; } .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 .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; } .swatch-option-loading { content: url("../images/loader-2.gif"); } @media (min-width: 480px) { body.catalog-category-view .products-grid .product-item-photo { min-height: 210px; } } @media (min-width: 480px) { body.catalog-category-view .products-grid .product-item-photo { min-height: 210px; } } @media (min-width: 768px) { body.catalog-category-view .products-grid .product-item-photo { min-height: 251px; } } @media (min-width: 992px) { body.catalog-category-view .products-grid .product-item-photo { min-height: 333px; } } @media (min-width: 1200px) { body.catalog-category-view .products-grid .product-item-photo { min-height: 270px; } } @media (min-width: 1760px) { body.catalog-category-view .products-grid .product-item-photo { min-height: 387px; } } .header.links li.wishlist.wishlist_logged-out { display: none; } .block-wishlist .product-item { display: block; margin-bottom: 2rem; position: relative; } .block-wishlist .product-item-photo { float: left; margin-left: 30px; } .block-wishlist .product-item-name { font-weight: normal; display: inline; margin-bottom: 5px; } .block-wishlist .price-box { font-family: "Teko", sans-serif; font-size: 16px; color: #e96147; font-weight: 600; letter-spacing: 1px; } .block-wishlist .product-item-details { overflow: hidden; padding-right: 20px; margin-top: 1rem; } @media (max-width: 1760px) { .block-wishlist .product-item-details { clear: both; padding-top: 10px; } } .block-wishlist .product-item-actions { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0; } .block-wishlist .product-item-actions .actions-primary { margin: 0; } .block-wishlist .product-item-actions .actions-primary a { font-size: 14px; } .block-wishlist .empty { margin-top: 1rem; } .block-wishlist .actions-secondary { position: absolute; top: 2px; left: 0; } .block-wishlist .actions-secondary .btn-remove { background-color: transparent; padding: 0; color: #282828; } .block-wishlist .actions-secondary .btn-remove:after { display: none; } .block-wishlist .actions-secondary .btn-remove:hover { background-color: transparent; color: #e96147; } .block-wishlist .actions-secondary .btn-remove:before { font-size: 14px; } @media (min-width: 768px) and (max-width: 991px) { .block-wishlist .primary .action { font-size: 18px; letter-spacing: normal; } } .form-wishlist-items .actions-toolbar { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .form-wishlist-items .actions-toolbar > .primary { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .form-wishlist-items .actions-toolbar > .secondary { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .products-grid.wishlist .product-item-name { display: block; } .products-grid.wishlist .price-box .price-as-configured { margin-bottom: .5rem; } .products-grid.wishlist .field label.label { padding-top: 0; } .products-grid.wishlist .box-tocart { margin-bottom: 1rem; } .products-grid.wishlist .box-tocart > .fieldset:before, .products-grid.wishlist .box-tocart > .fieldset:after { display: table; content: ""; line-height: 0; } .products-grid.wishlist .box-tocart > .fieldset:after { clear: both; } .products-grid.wishlist .box-tocart > .fieldset .product-item-actions { float: left; margin-left: 1rem; } .products-grid.wishlist .box-tocart .field.qty { display: -ms-flexbox; display: -webkit-flex; display: flex; float: left; } .products-grid.wishlist .box-tocart .field.qty .label { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 0; margin-right: .5rem; } .products-grid.wishlist .box-tocart .field.qty input.qty { width: 4rem; padding: .4rem .5rem .4rem 1rem; } .products-grid.wishlist .box-tocart button.tocart { vertical-align: middle; } .products-grid.wishlist .product-item-actions { display: block; margin: 0; } .products-grid.wishlist .product-item-actions .actions-primary { margin: 0; } .wishlist-index-index .products-grid .product-item-info { overflow: visible; } .wishlist-index-index #wishlist-view-form .product-item-name { display: block; font-family: "Teko", sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; margin-bottom: 2px; } .wishlist-index-index #wishlist-view-form .product-item-name a { color: #282828; } .wishlist-index-index #wishlist-view-form .product-item-name a:hover { color: #e96147; } .wishlist-index-index #wishlist-view-form .price-container .price { font-family: "Teko", sans-serif; font-size: 20px; color: #e96147; font-weight: 600; letter-spacing: 2px; } .wishlist-index-index #wishlist-view-form .box-tocart { margin-bottom: 10px; } .wishlist-index-index #wishlist-view-form .box-tocart fieldset { margin-bottom: 0; } .wishlist-index-index #wishlist-view-form .box-tocart fieldset .product-item-actions { margin-left: 0; } .wishlist-index-index #wishlist-view-form .box-tocart .field.qty { margin-bottom: 10px; margin-right: 10px; } .wishlist-index-index #wishlist-view-form .product-item-actions { -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; text-align: left; } .wishlist-index-index #wishlist-view-form .product-item-actions a.action.delete, .wishlist-index-index #wishlist-view-form .product-item-actions a.action.edit { background-color: transparent; border-radius: 0; padding: 0; margin-right: 15px; } @media (max-width: 991px) { .wishlist-index-index #wishlist-view-form.form-wishlist-items .actions-toolbar > .primary button { margin-bottom: 10px; } } .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%; } } /** * */ .fotorama-video-container:after { background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom right; bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama-video-container .magnify-lens { display: none !important; } .fotorama-video-container.video-unplayed:hover img { opacity: 0.6; } .fotorama-video-container.video-unplayed:hover:after { transform: scale(1.25); } .video-thumb-icon:after { background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom left; bottom: 0; content: ''; height: 40px; left: 0; margin: auto; position: absolute; right: 0; top: 10px; width: 49px; } .product-video { height: 75%; left: 0; position: absolute; top: 0; width: 100%; right: 0; bottom: 0; margin: auto; } .product-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } .fotorama__arr.hidden-video { z-index: -1 !important; } .fotorama__video-close { bottom: 89%; top: auto; } .fotorama__stage__frame { background: #f5f5f5; } .fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after { bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .page-title-wrapper .order-status { padding-bottom: 10px; font-size: 1.2em; display: inline-block; } @media (min-width: 1760px) { .page-title-wrapper .order-status { padding: 15px 30px 0 30px; } } .page-title-wrapper .order-date { font-style: italic; padding-bottom: 10px; } @media (min-width: 1760px) { .page-title-wrapper .order-date { padding: 15px 30px 0 30px; } } @media (min-width: 1760px) { .page-title-wrapper .order-actions-toolbar { padding: 15px 30px 15px; } } .table-order-items caption { display: none; } .order-links { font-size: 18px; } .order-links strong { font-weight: normal; } .order-details-items .order-title { display: none; } .block-order-details-view { padding: 20px 0 0; overflow: hidden; } .block-order-details-view .block-content .box { display: inline-block; min-width: 50%; float: left; padding-right: 15px; border-top: solid 1px #e5e5e5; } .block-order-details-view .block-content .box.box-order-billing-address { clear: both; } @media (max-width: 767px) { .block-order-details-view .block-content .box { min-width: 100%; } } .sales-order-view thead, .sales-order-view .order-links, .sales-order-view .subtotal, .sales-order-view .shipping, .sales-order-view .grand_total, .sales-order-print thead, .sales-order-print .order-links, .sales-order-print .subtotal, .sales-order-print .shipping, .sales-order-print .grand_total { font-family: "Teko", sans-serif; color: #282828; text-transform: uppercase; } .sales-order-view #my-orders-table tbody td, .sales-order-print #my-orders-table tbody td { border-bottom: 1px solid #e5e5e5; } .sales-order-view .block-order-details-view .block-title, .sales-order-print .block-order-details-view .block-title { font-family: "Teko", sans-serif; color: #282828; text-transform: uppercase; } .sales-order-view .block-order-details-view .block-content .box, .sales-order-print .block-order-details-view .block-content .box { padding-top: 20px; } .sales-order-view .block-order-details-view .block-content .box .box-title, .sales-order-print .block-order-details-view .block-content .box .box-title { padding-bottom: 5px; } .sidebar .block-reorder .field .label, .sidebar .block-reorder .field label { padding: 0; } .sidebar .block-reorder .control input { height: 20px; margin-top: 0; margin-bottom: 7px; } .sidebar .block-reorder .product-item { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .sidebar .block-reorder .product-item .field.choice label, .sidebar .block-reorder .product-item .field.choice input { cursor: pointer; } .page-print.sales-order-print .page-wrapper { padding: 30px; } .page-print.sales-order-print .fw-banner { display: none; } .page-print.sales-order-print .action.back { display: none; } .page-print.sales-order-print footer.page-footer { display: none; } .checkout-onepage-success input.action.primary { border: none; border-image: none; outline: none; font-family: "Teko", sans-serif; padding: 10px 26px; cursor: pointer; border-radius: 200px; transition: 0s; } .checkout-onepage-success input.action.primary:hover { background: #282828; } .page-footer .block.newsletter .content { margin: 0 auto 50px; text-align: center; background: #e96147; padding: 30px 30px 80px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .page-footer .block.newsletter .content { padding: 27px 50px; } } @media (min-width: 1200px) { .page-footer .block.newsletter .content { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .page-footer .block.newsletter .form { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .page-footer .block.newsletter .form { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width: 1200px) { .page-footer .block.newsletter .form { -webkit-flex-basis: 59%; -ms-flex-preferred-size: 59%; flex-basis: 59%; max-width: 59%; } } @media (min-width: 1200px) { .page-footer .block.newsletter { margin-bottom: 96px; margin-top: 16px; } } .page-footer .block.newsletter .title { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media (min-width: 1200px) { .page-footer .block.newsletter .title { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } } .page-footer .block.newsletter .title > * { color: #FFF; text-align: center; } @media (min-width: 1200px) { .page-footer .block.newsletter .title > * { text-align: left; } } .page-footer .block.newsletter .title strong { font-weight: 400; } .page-footer .block.newsletter .title .heading-1, .page-footer .block.newsletter .title .widget .block-title, .widget .page-footer .block.newsletter .title .block-title, .page-footer .block.newsletter .title .block.related .block-title strong, .block.related .block-title .page-footer .block.newsletter .title strong, .page-footer .block.newsletter .title .block.upsell .block-title strong, .block.upsell .block-title .page-footer .block.newsletter .title strong, .page-footer .block.newsletter .title .block-new-products.grid .block-title strong, .block-new-products.grid .block-title .page-footer .block.newsletter .title strong { margin: 30px 0 0; font-size: 32px; } @media (min-width: 1760px) { .page-footer .block.newsletter .title .heading-1, .page-footer .block.newsletter .title .widget .block-title, .widget .page-footer .block.newsletter .title .block-title, .page-footer .block.newsletter .title .block.related .block-title strong, .block.related .block-title .page-footer .block.newsletter .title strong, .page-footer .block.newsletter .title .block.upsell .block-title strong, .block.upsell .block-title .page-footer .block.newsletter .title strong, .page-footer .block.newsletter .title .block-new-products.grid .block-title strong, .block-new-products.grid .block-title .page-footer .block.newsletter .title strong { font-size: 42px; } } @media (max-width: 768px) { .page-footer .block.newsletter .title .heading-1, .page-footer .block.newsletter .title .widget .block-title, .widget .page-footer .block.newsletter .title .block-title, .page-footer .block.newsletter .title .block.related .block-title strong, .block.related .block-title .page-footer .block.newsletter .title strong, .page-footer .block.newsletter .title .block.upsell .block-title strong, .block.upsell .block-title .page-footer .block.newsletter .title strong, .page-footer .block.newsletter .title .block-new-products.grid .block-title strong, .block-new-products.grid .block-title .page-footer .block.newsletter .title strong { font-size: 30px; } } .page-footer .block.newsletter .control { width: 100%; margin: 0 auto; } .page-footer .block.newsletter .control input { text-align: center; line-height: 46px; height: 60px; padding-top: 10px; } @media (min-width: 768px) { .page-footer .block.newsletter .control input { text-align: left; padding-left: 40px; } } .page-footer .block.newsletter .note { margin-top: 8px; margin-bottom: 30px; font-size: 18px; font-family: "Rokkitt", serif; } .page-footer .block.newsletter .newsletter { margin: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media (min-width: 768px) { .page-footer .block.newsletter .newsletter { -webkit-flex-basis: calc(100% - 200px); -ms-flex-preferred-size: calc(100% - 200px); flex-basis: calc(100% - 200px); max-width: calc(100% - 200px); } } .page-footer .block.newsletter .newsletter .label { margin: 0; } .page-footer .block.newsletter div.actions { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 30px; text-align: center; } @media (min-width: 768px) { .page-footer .block.newsletter div.actions { -webkit-flex-basis: 200px; -ms-flex-preferred-size: 200px; flex-basis: 200px; max-width: 200px; text-align: right; margin-top: 0; } } .page-footer .block.newsletter div.actions .action { padding: 18px 40px 14px; background: #333; } .page-footer .block.newsletter div.actions .action:hover { background: #FFF; color: #333; } .newsletter-popup .block.newsletter { width: 570px; max-width: 90%; margin: 0 auto 50px; text-align: center; } @media (min-width: 1200px) { .newsletter-popup .block.newsletter { margin-bottom: 69px; } } .newsletter-popup .block.newsletter .title strong { font-weight: 400; } .newsletter-popup .block.newsletter .control { width: 400px; max-width: 100%; margin: 0 auto; } .newsletter-popup .block.newsletter .control input { text-align: center; } .newsletter-popup .block.newsletter .note { margin-bottom: 30px; font-family: 'Rokkitt', serif; font-size: 18px; } body.catalog-category-view .newsletter-popup .block.newsletter .heading-1, body.catalog-category-view .newsletter-popup .block.newsletter .widget .block-title, .widget body.catalog-category-view .newsletter-popup .block.newsletter .block-title, body.catalog-category-view .newsletter-popup .block.newsletter .block.related .block-title strong, .block.related .block-title body.catalog-category-view .newsletter-popup .block.newsletter strong, body.catalog-category-view .newsletter-popup .block.newsletter .block.upsell .block-title strong, .block.upsell .block-title body.catalog-category-view .newsletter-popup .block.newsletter strong, body.catalog-category-view .newsletter-popup .block.newsletter .block-new-products.grid .block-title strong, .block-new-products.grid .block-title body.catalog-category-view .newsletter-popup .block.newsletter strong { margin-top: 78px; } /* * TM_Megamenu */ .rd-navbar-fixed .navigation { height: 50px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } @media (min-width: 1200px) { .navigation .row { margin-bottom: 15px; } } .navigation .container { position: relative; } @media (min-width: 1200px) { .navigation .row { margin-left: -20px; margin-right: -20px; margin-bottom: 40px; } .navigation [class*='col-'] { padding-left: 20px; padding-right: 20px; position: relative; } } .navigation li.level-top .megamenu-wrapper, .navigation a.level-top .megamenu-wrapper { top: 100%; left: 0; width: 100%; padding: 15px 0 0; background: #faf9f9; box-shadow: none; } @media (min-width: 768px) { .navigation li.level-top .megamenu-wrapper, .navigation a.level-top .megamenu-wrapper { width: 760px; left: 50%; margin-left: -380px; } } @media (min-width: 992px) { .navigation li.level-top .megamenu-wrapper, .navigation a.level-top .megamenu-wrapper { width: 980px; left: 50%; margin-left: -490px; } } @media (min-width: 1200px) { .navigation li.level-top .megamenu-wrapper, .navigation a.level-top .megamenu-wrapper { width: 1130px; left: 50%; margin-left: -565px; padding: 30px 10px 0; } } .navigation li.level-top .mm-label, .navigation a.level-top .mm-label { background-color: #e96147; top: 4px; left: 100%; font-size: 14px; line-height: 1; padding: 2px 4px 0; } .navigation li.level-top .mm-label.new, .navigation a.level-top .mm-label.new { background-color: #769d33; } .navigation li.level-top .mm-label.hot, .navigation a.level-top .mm-label.hot { color: #282828; background-color: #f1a827; } .navigation li.level-top .mm-product-title, .navigation a.level-top .mm-product-title { display: block; font-weight: 500; font-size: 30px; line-height: 1; color: #282828; padding: 6px 0; margin-bottom: 12px; text-transform: uppercase; } @media (max-width: 767px) { .navigation li.level-top, .navigation a.level-top { position: relative; } .rd-navbar-fixed .rd-navbar-submenu .megamenu-wrapper.rd-navbar-megamenu ul li li > a { padding-left: 15px; padding-right: 0; } } .megamenu-banner-1 a, .megamenu-banner-2 a { display: block; overflow: hidden; position: relative; } .megamenu-banner-1 a:after, .megamenu-banner-2 a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: .3s ease; } .megamenu-banner-1 a:hover:after, .megamenu-banner-2 a:hover:after { opacity: 1; } .megamenu-banner-1 img, .megamenu-banner-2 img { width: 100%; max-width: 100%; } .megamenu-banner-1 a:after { background: rgba(233, 97, 71, 0.1); } .megamenu-banner-2 a:after { background: rgba(233, 97, 71, 0.1); } .newsletter-popup.modal-popup._show { pointer-events: auto; } .newsletter-popup.modal-popup .modal-inner-wrap { margin-top: 12%; background: #ff15a8; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #ff15a8, #ff0f5d); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #ff15a8, #ff0f5d); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #ff15a8, #ff0f5d); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #ff15a8, #ff0f5d); /* Standard syntax */ color: #FFF; background: #e96147; } .newsletter-popup.modal-popup header.modal-header { padding: 0; display: block !important; } .newsletter-popup.modal-popup header.modal-header .action-close { padding: 5px; display: inline-block; right: 20px; top: 20px; } .newsletter-popup.modal-popup header.modal-header .action-close::before { font-family: "Material Icons"; content: '\e5cd'; font-size: 20px; line-height: 20px; color: #FFF; transition: .3s ease; } .newsletter-popup.modal-popup header.modal-header .action-close::before:hover { color: #282828; } .newsletter-popup.modal-popup header.modal-header .action-close:hover::before { color: #282828; } .newsletter-popup.modal-popup header.modal-header h1.modal-title { display: none; } .newsletter-popup.modal-popup .modal-content { padding-top: 82px; } .newsletter-popup.modal-popup .modal-content .block.newsletter { margin: 0; max-width: 100%; } .newsletter-popup.modal-popup .modal-content .block.newsletter .title { margin-top: 0; } @media screen and (max-width: 767px) { .newsletter-popup.modal-popup .modal-content .block.newsletter .title { font-size: 30px; } } .newsletter-popup.modal-popup .modal-content .block.newsletter .title strong { color: #FFF; letter-spacing: 3px; } .newsletter-popup.modal-popup .modal-content .block.newsletter .field .control #newsletter { background: #FFF; text-align: center; line-height: 20px; padding: 18px 1rem 14px; height: 52px; } .newsletter-popup.modal-popup .modal-content .block.newsletter .field .control #newsletter ::-webkit-input-placeholder { color: #282828; } .newsletter-popup.modal-popup .modal-content .block.newsletter .field .control #newsletter :-moz-placeholder { color: #282828; } .newsletter-popup.modal-popup .modal-content .block.newsletter .field .control #newsletter ::-moz-placeholder { color: #282828; } .newsletter-popup.modal-popup .modal-content .block.newsletter .field .control #newsletter :-ms-input-placeholder { color: #282828; } .newsletter-popup.modal-popup .modal-content .block.newsletter .field .control::before { display: none; } .newsletter-popup.modal-popup .modal-content .block.newsletter .field .control .mage-error { color: #000; line-height: 1; bottom: auto; padding-top: 0; top: calc( 100% + 4px ); } .newsletter-popup.modal-popup footer.modal-footer { padding: 0 0 86px; text-align: center; } @media screen and (max-width: 767px) { .newsletter-popup.modal-popup footer.modal-footer { padding-bottom: 20px; } } .newsletter-popup.modal-popup footer.modal-footer .buttons-container { padding: 0; } .newsletter-popup.modal-popup footer.modal-footer .buttons-container button.subscribe { font-family: "Teko", sans-serif; background: #e96147; padding: 16px 26px 12px; display: inline-block; border-radius: 200px; position: relative; z-index: 0; overflow: hidden; -webkit-backface-visibility: hidden; text-transform: uppercase; color: #FFF; font-size: 20px; letter-spacing: 2px; background: #282828; padding: 15px 26px 9px; } .newsletter-popup.modal-popup footer.modal-footer .buttons-container button.subscribe span { text-transform: uppercase; z-index: 2; position: relative; display: block; line-height: 1.4em; vertical-align: sup; } .newsletter-popup.modal-popup footer.modal-footer .buttons-container button.subscribe:hover { box-shadow: none; background: #282828; } .newsletter-popup.modal-popup footer.modal-footer .buttons-container button.subscribe:hover { background: #FFF; color: #282828; } .newsletter-popup.modal-popup footer.modal-footer .buttons-container button:not(.subscribe) { display: none; } .newsletter-popup.modal-popup footer.modal-footer .modal-social { padding: 34px 48px 29px; } .newsletter-popup.modal-popup footer.modal-footer .modal-social a { display: inline-block; margin-bottom: 5px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .newsletter-popup.modal-popup footer.modal-footer .modal-social a:hover { opacity: 0.7; } @media screen and (max-width: 767px) { .newsletter-popup.modal-popup .modal-inner-wrap { margin-top: 7%; } .newsletter-popup.modal-popup .modal-inner-wrap { width: auto !important; margin-right: 20px; margin-left: 20px; } .newsletter-popup.modal-popup .modal-content, .newsletter-popup.modal-popup footer.modal-footer .buttons-container, .newsletter-popup.modal-popup footer.modal-footer .modal-social { padding: 0px 10px 10px; } .newsletter-popup.modal-popup header.modal-header { padding: 38px 20px 0; } } /*! /* Core --------------------------------------------------*/ .sp-slides-container .spacing1 { letter-spacing: 9px; } .sp-slides-container .spacing2 { letter-spacing: 2px; } .sp-slides-container .spacing3 { letter-spacing: 3px; } .sp-slides-container .full-w-h { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; transform: scale(1) !important; } .sp-slides-container .full-w-h > div { width: 100%; height: 100%; } .sp-slides-container .full-w-h .slider-abs-lnk { width: 100%; height: 100%; display: block; } .sp-slides-container .slider-button { font-family: "Teko", sans-serif; background: #e96147; padding: 16px 26px 12px; display: inline-block; border-radius: 200px; position: relative; z-index: 0; overflow: hidden; -webkit-backface-visibility: hidden; text-transform: uppercase; color: #FFF; font-size: 20px; letter-spacing: 2px; padding: 18px 35px 13px; border-radius: 25px; text-transform: uppercase; transition: .3s ease; letter-spacing: 2px; cursor: pointer; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition: .2s !important; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; -o-transition: 0.2s !important; transition: 0.2s !important; } .sp-slides-container .slider-button span { text-transform: uppercase; z-index: 2; position: relative; display: block; line-height: 1.4em; vertical-align: sup; } .sp-slides-container .slider-button:hover { box-shadow: none; background: #282828; } .sp-slides-container .slider-button > span { line-height: 21px; } .sp-slides-container .slider-button:hover { box-shadow: none; background: #282828 !important; color: #FFF; } @media (max-width: 1200px) { .sp-slides-container .slider-button { transform: scale(1.5); } } @media (max-width: 768px) { .sp-slides-container .slider-button { transform: scale(2.5); } } .sp-slides-container .top-right { text-align: right; } .slider-pro-container { margin-bottom: 0; background: #cdcdcd; } @media (min-width: 768px) { .slider-pro-container { margin-bottom: 50px; } } @media (min-width: 992px) { .slider-pro-container { margin-bottom: 60px; } } .slider-pro-container .sp-buttons { position: absolute; bottom: 12%; width: auto; left: 50%; margin-left: -63px; display: inline-block; z-index: 9; } .slider-pro-container .sp-buttons .sp-button { display: inline-block; position: relative; height: 22px; width: 22px; border-radius: 50%; border: 4px solid; background: none; border-color: rgba(255, 255, 255, 0.3); margin: 0 10px; transition: .2s; } .slider-pro-container .sp-buttons .sp-button::before { content: ''; position: absolute; top: 0px; left: 0px; width: 14px; height: 14px; border-radius: 50%; background: #282828; } .slider-pro-container .sp-buttons .sp-button.sp-selected-button { cursor: default; } .slider-pro-container .sp-buttons .sp-button.sp-selected-button::before { background: #e96147; } .slider-pro-container .sp-buttons .sp-button:not(.sp-selected-button):hover { border-color: rgba(255, 255, 255, 0.8); } @media (max-width: 1760px) { .slider-pro-container .sp-buttons { bottom: 5%; } } @media (max-width: 768px) { .slider-pro-container .sp-buttons { bottom: 2%; } } @media (max-width: 480px) { .slider-pro-container .sp-buttons { display: none; } } .ta-center { text-align: center; } .catalog-product-view .product.media > .action-skip-wrapper { display: none; } @media (max-width: 768px) { .mobile-hidden { display: none; } .slider_title > div { transform: scale(2); margin-top: -60px; } } @media (max-width: 991px) { .topcontainer { max-width: 100%; padding: 0; } .topcontainer .slider-pro-wrapper { margin-bottom: 30px; } .topcontainer .banner-block-1 { margin: 0 auto 30px; max-width: 536px; } } /** * @subsection Animate.css * * @description A bunch of cool, fun, and cross-browser animations * for you to use. * * @author Daniel Eden * @link http://daneden.me/animate * @license MIT license - http://opensource.org/licenses/MIT */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .not-animated { opacity: 0; } /** * Bounce Keyframes Animation */ @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /** * Flas Keyframes Animation */ @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /** * Pulse Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } /** * RubberBand Keyframes Animation */ @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } /** * Shake Keyframes Animation */ @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } /** * Swing Keyframes Animation */ @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } /** * Tada Keyframes Animation */ @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /** * Wobble Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } /** * BounceIn Keyframes Animation */ @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } /** * BounceInDown Keyframes Animation */ @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } /** * BounceInLeft Keyframes Animation */ @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } /** * BounceInRight Keyframes Animation */ @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } /** * BounceInUp Keyframes Animation */ @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /** * BounceOut Keyframes Animation */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } /** * BounceOutDown Keyframes Animation */ @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } /** * BounceOutLeft Keyframes Animation */ @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } /** * BounceOutRight Keyframes Animation */ @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } /** * BounceOutUp Keyframes Animation */ @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /** * FadeIn Keyframes Animation */ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /** * FadeInDown Keyframes Animation */ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /** * FadeInDownBig Keyframes Animation */ @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } /** * FadeInLeft Keyframes Animation */ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /** * FadeInLeftBig Keyframes Animation */ @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } /** * FadeInRight Keyframes Animation */ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /** * FadeInRightBig Keyframes Animation */ @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } /** * FadeInUp Keyframes Animation */ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /** * FadeInUpBig Keyframes Animation */ @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } /** * FadeOut Keyframes Animation */ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /** * FadeOutDown Keyframes Animation */ @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } /** * FadeOutDownBig Keyframes Animation */ @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } /** * FadeOutLeft Keyframes Animation */ @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } /** * FadeOutLeftBig Keyframes Animation */ @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } /** * FadeOutRight Keyframes Animation */ @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } /** * FadeOutRightBig Keyframes Animation */ @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } /** * FadeOutUp Keyframes Animation */ @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } /** * FadeOutUpBig Keyframes Animation */ @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } /** * Flip Keyframes Animation */ @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } /** * FlipInX Keyframes Animation */ @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } /** * FlipInY Keyframes Animation */ @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } /** * FlipOutX Keyframes Animation */ @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } /** * FlipOutY Keyframes Animation */ @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } /** * LightSpeedIn Keyframes Animation */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /** * LightSpeedOut Keyframes Animation */ @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /** * RotateIn Keyframes Animation */ @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } /** * RotateInDownLeft Keyframes Animation */ @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } /** * RotateInDownRight Keyframes Animation */ @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /** * RotateInUpLeft Keyframes Animation */ @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } /** * RotateInUpRight Keyframes Animation */ @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } /** * RotateOut Keyframes Animation */ @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } /** * RotateOutDownLeft Keyframes Animation */ @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } /** * RotateOutDownRight Keyframes Animation */ @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } /** * RotateOutUpLeft Keyframes Animation */ @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } /** * RotateOutUpRight Keyframes Animation */ @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } /** * Hinge Keyframes Animation */ @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /** * RollIn Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /** * RollOut Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /** * ZoomIn Keyframes Animation */ @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } /** * ZoomInDown Keyframes Animation */ @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } /** * ZoomInLeft Keyframes Animation */ @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } /** * ZoomInRight Keyframes Animation */ @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } /** * ZoomInUp Keyframes Animation */ @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /** * ZoomOut Keyframes Animation */ @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } /** * ZoomOutDown Keyframes Animation */ @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } /** * ZoomOutLeft Keyframes Animation */ @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } /** * ZoomOutRight Keyframes Animation */ @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } /** * ZoomOutUp Keyframes Animation */ @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } /** * SlideInDown Keyframes Animation */ @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } /** * SlideInLeft Keyframes Animation */ @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } /** * SlideInRight Keyframes Animation */ @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } /** * SlideInUp Keyframes Animation */ @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /** * SlideOutDown Keyframes Animation */ @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } /** * SlideOutLeft Keyframes Animation */ @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } /** * SlideOutRight Keyframes Animation */ @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } /** * SlideOutUp Keyframes Animation */ @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*# sourceMappingURL=modules.css.map */