@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 */ /* * Spinner */ /* * Usefull Functions */ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans/open-sans-v13-latin-300.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v13-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("../fonts/open-sans/open-sans-v13-latin-regular.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v13-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/open-sans/open-sans-v13-latin-600.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v13-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans/open-sans-v13-latin-700.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v13-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url("../fonts/open-sans/open-sans-v13-latin-800.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v13-latin-800.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-300 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/poppins/poppins-v1-latin-300.woff2") format("woff2"), url("../fonts/poppins/poppins-v1-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-500 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/poppins/poppins-v1-latin-500.woff2") format("woff2"), url("../fonts/poppins/poppins-v1-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-regular - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local("Poppins"), local("Poppins-Regular"), url("../fonts/poppins/poppins-v1-latin-regular.woff2") format("woff2"), url("../fonts/poppins/poppins-v1-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-600 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/poppins/poppins-v1-latin-600.woff2") format("woff2"), url("../fonts/poppins/poppins-v1-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* poppins-700 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/poppins/poppins-v1-latin-700.woff2") format("woff2"), url("../fonts/poppins/poppins-v1-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } 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: 20px; top: 15px; overflow: hidden; display: none; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { font-size: 22px; font-family: "Linearicons"; content: "\e935"; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { opacity: 0.5; } .modal-custom .action-close span, .modal-popup .action-close span, .modal-slide .action-close span { display: none; } .modals-overlay { z-index: 800; } .modal-slide, .modal-popup { bottom: 0; left: 0; position: fixed; right: 0; top: 0; pointer-events: none; } .modal-slide._show, .modal-popup._show { visibility: visible; background: rgba(255, 255, 255, 0.65); pointer-events: auto; } .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: 30px 15px; background-color: #fff; -webkit-box-shadow: 0 5px 27px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 5px 27px 0 rgba(0, 0, 0, 0.19); opacity: 1; } .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%); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-transform, visibility; -webkit-transition-property: visibility, -webkit-transform; transition-property: visibility, -webkit-transform; transition-property: transform, visibility; transition-property: transform, visibility, -webkit-transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; width: 310px; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; 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 { -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; left: 0; margin: 4rem auto; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: -webkit-transform, visibility; -webkit-transition-property: visibility, -webkit-transform; transition-property: visibility, -webkit-transform; transition-property: transform, visibility; transition-property: transform, visibility, -webkit-transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 75%; } .modal-popup._inner-scroll { overflow-y: visible; } .ie11 .modal-popup._inner-scroll, .ie10 .modal-popup._inner-scroll, .ie9 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap, .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; text-align: center; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .modal-popup .modal-footer { margin-top: auto; padding-top: 1rem; } .modal-popup .modal-footer button { margin: 0 3px; background: #FFF; padding: 11px 19px 12px; font-size: 14px; line-height: 17px; font-weight: 600; text-transform: uppercase; display: inline-block; border: 2px solid #eae9e9; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); color: #FFF; } .modal-popup .modal-footer button:hover { color: #FFF; } .modal-popup .modal-footer button span { vertical-align: sub; } @media (min-width: 768px) and (max-width: 991px) { .modal-popup .modal-footer button { font-size: 12px; } } .modal-popup .modal-footer-actions { text-align: right; } .modal-popup.confirm .modal-inner-wrap { left: 50%; margin-left: -25rem; width: 50rem; } @media (max-width: 767px) { .modal-popup.confirm .modal-inner-wrap { width: auto; margin-left: 15px; margin-right: 15px; left: 0; right: 0; } } .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; } .modal-title { font-size: 26px; text-align: center; font-weight: 600; line-height: normal; margin-bottom: 15px; } @media (max-width: 768px -1) { .custom-slide { bottom: 0; left: 0; position: fixed; right: 0; top: 0; pointer-events: none; left: auto; z-index: 1000; } .custom-slide._show { visibility: visible; background: rgba(255, 255, 255, 0.65); pointer-events: auto; } .custom-slide._show .modal-inner-wrap { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-slide .modal-inner-wrap { padding: 30px 15px; background-color: #fff; -webkit-box-shadow: 0 5px 27px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 5px 27px 0 rgba(0, 0, 0, 0.19); opacity: 1; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-transform, visibility; -webkit-transition-property: visibility, -webkit-transform; transition-property: visibility, -webkit-transform; transition-property: transform, visibility; transition-property: transform, visibility, -webkit-transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; width: 310px; } .custom-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .custom-slide._inner-scroll .modal-header, .custom-slide._inner-scroll .modal-footer { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; 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 { -webkit-box-sizing: border-box; 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; } } @media print { .modal-popup { display: none; visibility: hidden; opacity: 0; } } fieldset, .fieldset { outline: none; } fieldset .field select, .fieldset .field select { width: 100%; } fieldset .field .select2-container, .fieldset .field .select2-container { max-width: 100%; } .field { margin-bottom: 30px; position: relative; } .field.additional, .field.choice { margin-bottom: 0; } .field .label, .field label { margin-right: 30px; line-height: 24px; padding: 6px 0; display: inline-block; font-size: 12px; font-weight: 600; } .field .checkbox { margin: .75rem .5rem 0 0; } .field input.qty { width: 6rem; } .field.required { -webkit-transition: 0.3s ease; transition: 0.3s ease; } .field.required._error { margin-bottom: 2rem; } .field.required div.mage-error { position: absolute; top: 100%; left: 0; right: 0; } .field.required .control { position: relative; } .field.required .control._with-tooltip input.input-text + div.mage-error { top: auto; } .field.required .control .field-tooltip.toggle { top: -22px; } .legend, legend { font-size: 1rem; font-weight: 600; } .legend + br, legend + br { display: none; } .control .nested { margin-top: 1rem; } .control .nested .field { margin-bottom: 0; } input[type="text"], .input-text, input[type="email"], input[type="password"], input[type="number"], select, textarea { display: block; width: 100%; padding: 6px 20px; font-size: 12px; line-height: 24px; min-height: 50px; background: #f6f6f6; border: 0; } input[type="text"].mage-error, .input-text.mage-error, input[type="email"].mage-error, input[type="password"].mage-error, input[type="number"].mage-error, select.mage-error, textarea.mage-error { -webkit-box-shadow: 0 0 3px red inset; box-shadow: 0 0 3px red inset; font-style: normal; } input[type="text"]::-webkit-input-placeholder, .input-text::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } input[type="text"]::-moz-placeholder, .input-text::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } input[type="text"]:-moz-placeholder, .input-text:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="number"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } input[type="text"]:-ms-input-placeholder, .input-text:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .3s ease; transition: opacity .3s ease; } input[type="text"]:focus::-webkit-input-placeholder, .input-text:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="password"]:focus::-webkit-input-placeholder, input[type="number"]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: .5; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } input[type="text"]:focus::-moz-placeholder, .input-text:focus::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="password"]:focus::-moz-placeholder, input[type="number"]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity: .5; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } input[type="text"]:focus:-moz-placeholder, .input-text:focus:-moz-placeholder, input[type="email"]:focus:-moz-placeholder, input[type="password"]:focus:-moz-placeholder, input[type="number"]:focus:-moz-placeholder, select:focus:-moz-placeholder, textarea:focus:-moz-placeholder { opacity: .5; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } input[type="text"]:focus:-ms-input-placeholder, .input-text:focus:-ms-input-placeholder, input[type="email"]:focus:-ms-input-placeholder, input[type="password"]:focus:-ms-input-placeholder, input[type="number"]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { opacity: .5; -ms-transition: opacity .3s ease; transition: opacity .3s ease; } select { height: 24px; outline: none; } select option { outline: none; } textarea { max-width: 100%; } p.required { color: #d73105; } .form-inline { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; } .form-inline .control input, .form-inline .control select, .form-inline .control textarea { width: auto; } .field.required > .label::after, .field._required > .label::after, .fieldset > .field.required > .label::after, .fieldset > .fields > .field.required > .label::after { color: #d73105; content: "*"; font-size: 12px; margin: 0 0 0 5px; } .radio, input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: 24px; margin: 6px 6px 0 0; } .field.choice { position: relative; } .field.choice input[type=checkbox], .field.choice input[type=radio] { position: absolute; z-index: -1; opacity: 0; } .field.choice input[type=checkbox] + .label, .field.choice input[type=radio] + .label { font-size: 16px; line-height: 18px; } .field.choice input[type=checkbox] + .label:before, .field.choice input[type=radio] + .label:before { display: inline-block; width: 18px; height: 18px; font-family: "Material Icons"; font-style: normal; vertical-align: baseline; text-align: center; padding-right: 3px; font-weight: normal; } .field.choice input[type=checkbox] + .label span, .field.choice input[type=radio] + .label span { display: inline-block; } .field.choice input[type=checkbox] + .label:before { content: "\e835"; } .field.choice input[type=checkbox]:checked + .label:before { content: "\e834"; } .field.choice input[type=checkbox]:disabled:checked + .label:before { content: "\e834"; pointer-events: none; opacity: .6; } .field.choice input[type=radio] + .label:before { content: '\e836'; } .field.choice input[type=radio]:checked + .label:before { content: "\e837"; } .field.choice input[type=checkbox]:disabled:checked + .label:before { content: "\e837"; pointer-events: none; opacity: .6; } .field.choice input[type=checkbox]:disabled + .label:before, .field.choice input[type=radio]:disabled + .label:before { pointer-events: none; opacity: .6; } .actions .action, .actions-toolbar .action, .box-actions .action, .product-item-actions .action, .checkout.methods .action { background: #FFF; padding: 11px 19px 12px; font-size: 14px; line-height: 17px; font-weight: 600; text-transform: uppercase; display: inline-block; border: 2px solid #eae9e9; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .actions .action:hover, .actions-toolbar .action:hover, .box-actions .action:hover, .product-item-actions .action:hover, .checkout.methods .action:hover { color: #FFF; } .actions .action span, .actions-toolbar .action span, .box-actions .action span, .product-item-actions .action span, .checkout.methods .action span { vertical-align: sub; } @media (min-width: 768px) and (max-width: 991px) { .actions .action, .actions-toolbar .action, .box-actions .action, .product-item-actions .action, .checkout.methods .action { font-size: 12px; } } .actions-primary .action, .primary .action, .action.primary, .checkout.methods .primary { color: #FFF; } a.action.delete, a.action.edit, a.action.change-password { font-size: 20px; display: inline-block; padding: 13px 22px; border: 0; font-weight: normal; } a.action.delete { font-family: "Linearicons"; } a.action.delete:before { content: "\e92a"; } a.action.delete span { display: none; } a.action.edit { font-family: "Linearicons"; } a.action.edit:before { content: "\e60d"; } a.action.edit span { display: none; } a.action.change-password span { display: inline-block; } .block-minicart a.action.delete:before { content: "\e753"; } .actions-toolbar { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; margin: 0 -0.25rem; } .actions-toolbar .action { margin: 0 0.25rem; display: inline-block; } .mage-error:not(input):not(textarea) { font-size: .75rem; line-height: 1rem; font-style: italic; color: #F11F17; padding: 5px; background: #fff; z-index: 1; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.11); box-shadow: 0 0 5px rgba(0, 0, 0, 0.11); } table.table { width: 100%; border-collapse: collapse; } table.table tr.row { display: table-row; margin: 0; } table.table tr.row .col { padding-right: 0; } table.table td { vertical-align: middle; } table.table th, table.table td { padding: 10px; } @media (min-width: 768px) { table.table th, table.table td { border-right: solid 1px #dadada; } } @media (min-width: 1200px) { table.table th, table.table td { padding: 30px; } } table.table th:last-child, table.table td:last-child { border-right: 0; } table.table th:first-child, table.table td:first-child { padding-left: 0; } table.table th { color: #000; } table.table thead { border-top: solid 1px #dadada; border-bottom: solid 1px #dadada; } table.table thead th { color: #000; } table.table thead th:last-child { border-right: 0; } table.table tbody { font-size: 12px; } @media (min-width: 768px) { table.table tbody th, table.table tbody td { border-bottom: solid 1px #dadada; } } @media (min-width: 1200px) { table.table tbody .price { font-size: 20px; } } table.table tfoot { border-bottom: solid 1px #dadada; } @media (min-width: 1200px) { table.table tfoot th, table.table tfoot td { padding-top: 10px; padding-bottom: 10px; } table.table tfoot tr:first-child th, table.table tfoot tr:first-child td { padding-top: 40px; } table.table tfoot tr:last-child th, table.table tfoot tr:last-child td { padding-bottom: 40px; } } @media (min-width: 1200px) { table.table tfoot .price { font-size: 20px; } } table.table .col.name { font-size: 14px; } table.table .col.name strong { font-weight: normal; } @media (max-width: 768px) { table.table th { display: none; } table.table td { width: 100%; padding: 10px 0; display: block; } table.table td:before { font-weight: bold; display: block; border-bottom: solid 1px #dadada; content: attr(data-th); margin-bottom: 10px; } } table.table-bordered { border-top: 2px solid; border-left: 1px solid #dadada; } table.table-bordered th, table.table-bordered td { border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; } table.data-table { width: 100%; } table.data-table th, table.data-table td { padding: 20px; vertical-align: middle; } table.data-table th { background: #ffffff; text-transform: uppercase; color: #000; } dl dd { padding-left: 2rem; } /* * @subsection RD Navbar * * @description Describes style declarations for RD Navbar extension */ /* * 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 */ /* * Spinner */ /* * Usefull Functions */ .rd-navbar-wrap, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-fixed .rd-navbar-cart-floating, .rd-navbar-fixed .rd-navbar-cart-floating:before, .rd-navbar-fixed .rd-navbar-cart-floating #top-cart-btn-checkout, .rd-navbar-fixed .rd-navbar-cart-fixed, .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse:before { -webkit-transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86); } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar-fixed, .rd-navbar-static, .rd-navbar-fullwidth, .rd-navbar-sidebar { display: block; } .rd-navbar--no-transition, .rd-navbar--no-transition * { -webkit-transition: none !important; transition: none !important; } .rd-navbar-fixed .block, .rd-navbar-static .block, .rd-navbar-fullwidth .block, .rd-navbar-sidebar .block { margin: 0; } .rd-navbar-static { background: #ffffff; } .rd-navbar-static .rd-navbar-nav-wrap { width: 100%; } .rd-navbar-static.rd-navbar--is-clone { position: fixed; top: 0; left: 0; right: 0; display: block; -webkit-transform: translateY(-105%); transform: translateY(-105%); z-index: 20; } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel { display: none; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck { -webkit-transform: translateY(0); transform: translateY(0); } .rd-navbar-static.rd-navbar--is-stuck { position: fixed; left: 0; top: 0; right: 0; z-index: 20; background: #f0f0f0; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel { display: none; } .rd-navbar-static.rd-navbar--is-stuck .page-header__panel, .rd-navbar-static.rd-navbar--is-stuck .page-header__content { display: none; } /* * @subsection RD Navbar Toggles * * @description Describes style declarations for RD Navbar toggles */ /* * @subsection RD Navbar Toggles * * @description Describes style declarations for RD Navbar navigation */ .rd-navbar-nav, .rd-navbar-toggle { display: none; } .rd-navbar-fixed .rd-navbar-toggle { display: block; border-right: 1px solid #eae9e9; width: 50px; height: 40px; position: fixed; z-index: 17; top: 14px; left: 0; } .rd-navbar-fixed .rd-navbar-toggle span { display: block; -webkit-transition: .3s all ease; transition: .3s all ease; } .rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-fixed .rd-navbar-toggle span:after { font-family: "Linearicons"; font-size: 27px; vertical-align: middle; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .rd-navbar-fixed .rd-navbar-toggle span:after { content: "\e92b"; } .rd-navbar-fixed .rd-navbar-toggle.active span:before { content: "\e935"; font-size: 20px; } .rd-navbar-fixed .rd-navbar-toggle.active span:after { font-size: 0; } .rd-navbar-fixed .rd-navbar-toggle strong { display: none; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; top: -15px; left: 0; width: 320px; padding: 112px 0 56px; bottom: -56px; background: #fff; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); z-index: 15; -webkit-transform: translateX(-105%); transform: translateX(-105%); } .rd-navbar-fixed .rd-navbar-nav-wrap.active { -webkit-transform: translateX(0); transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav-wrap .welcome { display: block; font-size: 12px; border-top: 1px solid #eae9e9; border-bottom: 1px solid #eae9e9; padding: 30px 0; margin: 20px 30px 0; } .rd-navbar-fixed .rd-navbar-nav { display: block; overflow: auto; font-size: 16px; line-height: 26px; text-align: left; height: 100%; } .rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after { content: ''; display: block; height: 8px; } .rd-navbar-fixed .rd-navbar-nav > li { margin-bottom: 15px; padding: 0 60px 0 30px; } .rd-navbar-fixed .rd-navbar-nav > li:last-child { margin-bottom: 0; } .rd-navbar-fixed .rd-navbar-nav > li > a { display: inline-block; text-transform: uppercase; font-weight: 600; padding: 5px 0; } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:before { content: "\e939"; } .rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-megamenu { display: none; } .rd-navbar-fixed .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-megamenu .rd-navbar-dropdown { padding-left: 15px; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu li { margin-bottom: 5px; } .rd-navbar-fixed .rd-navbar-submenu li:last-child { margin-bottom: 0; } .rd-navbar-fixed .rd-navbar-submenu li > a { font-size: 12px; } .rd-navbar-fixed .rd-navbar-submenu li > a:before { font-family: "Linearicons"; content: "\e93c"; float: left; font-size: 10px; margin-right: 10px; } .rd-navbar-fixed .rd-navbar-submenu li .rd-navbar-submenu-toggle { right: 0; } .rd-navbar-fixed .rd-navbar-submenu li .rd-navbar-submenu-toggle:before { font-size: 12px; line-height: 1; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; padding: 20px 0; } .rd-navbar-fixed .rd-navbar-submenu-toggle { display: inline-block; position: absolute; top: 0; right: 15px; cursor: pointer; } .rd-navbar-fixed .rd-navbar-submenu-toggle:before { font-family: "Linearicons"; content: "\e93a"; padding: 4px 8px; display: block; } @media (min-width: 768px) { .layout_3 .rd-navbar-nav { text-align: left; border: 0; padding: 0; margin: 0; } } @media (min-width: 768px) { .layout_4 .navigation { width: 22.3333%; position: relative; } .layout_4 .rd-navbar-toggle { display: block; height: 60px; width: 100%; color: #fff; text-transform: uppercase; text-align: left; padding-left: 30px; } .layout_4 .rd-navbar-toggle strong { font-weight: 500; display: inline-block; } .layout_4 .rd-navbar-toggle:before { font-family: "Linearicons"; content: "\e93a"; margin-right: 25px; float: right; } .layout_4 .rd-navbar-toggle:hover { opacity: 0.8; } .layout_4 .rd-navbar-toggle.active:before { content: "\e939"; } .layout_4 .rd-navbar-nav-wrap { position: absolute; display: none; } .layout_4 .rd-navbar-nav-wrap.active { display: block; } .layout_4 .rd-navbar-nav { border: 1px solid #eae9e9; padding: 0 29px; background: #fff; margin: 0; } .layout_4 .rd-navbar-nav > li { display: block; float: none; text-align: left; margin: 0; border-bottom: 1px solid #eae9e9; } .layout_4 .rd-navbar-nav > li:last-child { border-bottom: 0; } .layout_4 .rd-navbar-nav > li > a { padding: 17px 0; } .layout_4 .rd-navbar-nav > li > a::after { display: none; } } @media (min-width: 768px) and (min-width: 1200px) { .layout_4 .rd-navbar-nav > li .rd-navbar-dropdown { left: 231px; top: 0; margin: 0; } } @media (min-width: 768px) and (min-width: 1200px) and (min-width: 1354px) { .layout_4 .rd-navbar-nav > li .rd-navbar-dropdown { left: 271px; width: 290px; } } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .navigation { top: 0; width: 48%; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .rd-navbar-submenu-toggle { display: inline-block; position: absolute; top: 13px; right: -8px; cursor: pointer; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .rd-navbar-submenu-toggle:before { font-family: "Linearicons"; content: "\e93a"; padding: 4px 8px; display: block; font-size: 10px; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .rd-navbar-dropdown, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .rd-navbar-megamenu { display: none; position: relative; top: 0 !important; width: 100%; padding: 0 0 20px 20px; -webkit-box-shadow: none; box-shadow: none; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.parent { position: relative; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.parent span::after { display: none; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .megamenu-wrapper { padding-left: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu { display: block; right: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown .container, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu .container { padding: 0; min-width: inherit; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown .row, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu .row { margin: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown .row [class*="col-"], .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu .row [class*="col-"] { padding: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; border: 0; } @media (min-width: 768px) and (max-width: 1199px) { .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown .row [class*="col-"] > ul, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu .row [class*="col-"] > ul { margin-bottom: 20px; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown .row [class*="col-"]:last-child ul, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu .row [class*="col-"]:last-child ul { margin-bottom: 0; } } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .container-full { max-width: inherit; min-width: inherit; padding: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .container-full .row { margin: 0; display: block; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .container-full .row > div { padding: 0; width: 100%; max-width: inherit; border: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .container-full .row > div > ul { margin-bottom: 25px; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .container-full .row > div:last-child ul { margin-bottom: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .navigation .static-block, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .navigation .product { display: none; } /* * @subsection RD Navbar Brand * * @description Describes style declarations for RD Navbar brand */ .rd-navbar-brand { display: none; } .rd-navbar-static .rd-navbar-brand { display: inline-block; float: left; } .rd-navbar-static .rd-navbar-brand > * { display: inline-block; vertical-align: middle; } .rd-navbar-static .rd-navbar-brand > img { margin-right: 10px; } .rd-navbar-static .rd-navbar-brand > a { font-size: 36px; line-height: 48px; } .rd-navbar-static .rd-navbar-brand > a span { display: none; } .rd-navbar-fixed .rd-navbar-brand { display: block; text-align: left; position: fixed; top: 4px; left: 56px; right: 112px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 22px; line-height: 46px; height: 48px; z-index: 17; } .rd-navbar-fixed .rd-navbar-brand img { display: none; } .rd-navbar-fixed .rd-navbar-brand a { display: inline-block; } /* * @subsection RD Navbar Toggles * * @description Describes style declarations for RD Navbar navigation */ .rd-navbar-cart-floating { display: none; } .rd-navbar-cart-toggle span { display: inline-block; position: relative; width: auto; height: auto; font-size: 12px; line-height: auto; text-align: center; cursor: pointer; color: #000; } .rd-navbar-cart-toggle span, .rd-navbar-cart-toggle span:before, .rd-navbar-cart-toggle span:after { -webkit-transition: .3s all ease; transition: .3s all ease; } .rd-navbar-cart-toggle span:before, .rd-navbar-cart-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-cart-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-cart-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; } .rd-navbar-cart-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-cart-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-cart-toggle span { padding-left: 28px; text-align: left; } .rd-navbar-cart-toggle span:before, .rd-navbar-cart-toggle span:after { font-size: 23px; font-family: "Linearicons"; margin-top: -2px; } .rd-navbar-cart-toggle span:after { font-size: 16px; } .rd-navbar-cart-toggle .counter { display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; width: 23px; height: 23px; font-size: 12px; color: #FFF; text-align: center; font-weight: normal; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .rd-navbar-cart-toggle .counter strong { font-weight: normal; } .rd-navbar-cart-toggle .counter .counter-label { display: none; } .rd-navbar-cart-toggle .counter.empty { background: #f0f0f0; } .rd-navbar-cart-toggle:hover .counter { color: #FFF !important; } .rd-navbar-cart-toggle .loading-mask { display: none; } .minicart-wrapper.active .rd-navbar-cart-toggle .counter { color: #FFF !important; } .rd-navbar-fixed .rd-navbar-cart { display: block; position: fixed; top: -100%; right: 0; left: 0; z-index: 10; opacity: 0; -webkit-transform: translate(-100%); transform: translate(-100%); } .rd-navbar-fixed .minicart-wrapper.active .rd-navbar-cart { opacity: 1; top: 70px; -webkit-transform: translate(0); transform: translate(0); max-height: -webkit-calc(100% - 70px); max-height: calc(100% - 70px); overflow-x: auto; } .rd-navbar-fixed .minicart-wrapper.active .rd-navbar-cart-toggle span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-fixed .minicart-wrapper.active .rd-navbar-cart-toggle span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-cart-floating { display: block; position: fixed; bottom: 15px; right: 15px; z-index: 20; color: #FFF; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.25); width: 56px; height: 56px; outline: 1px solid transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rd-navbar-fixed .rd-navbar-cart-floating:before { content: ''; position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rd-navbar-fixed .rd-navbar-cart-floating #top-cart-btn-checkout { position: relative; display: block; font-size: 16px; font-weight: 500; line-height: 56px; opacity: 0; visibility: hidden; } .rd-navbar-fixed .rd-navbar-cart-floating #top-cart-btn-checkout:before { font-weight: 400; font-size: 24px; display: inline-block; vertical-align: middle; margin-right: 0px; } .rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-toggle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-toggle span { height: 56px; line-height: 56px; } .rd-navbar-fixed .rd-navbar-cart-floating.active { right: 0; bottom: 0; -webkit-border-radius: 0; border-radius: 0; width: 100%; } .rd-navbar-fixed .rd-navbar-cart-floating.active:before { -webkit-transform: translate(-50%, -50%) scale(20); transform: translate(-50%, -50%) scale(20); background: #2ecc71; } .rd-navbar-fixed .rd-navbar-cart-floating.active #top-cart-btn-checkout { opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-cart-floating.active .rd-navbar-cart-toggle { visibility: hidden; opacity: 0; } .rd-navbar-fixed .rd-navbar-cart-fixed { display: block; position: fixed; top: 15px; left: 150px; z-index: 17; overflow: visible; height: 40px; width: 61px; outline: 1px solid transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-right: 1px solid #eae9e9; border-left: 1px solid #eae9e9; padding: 10px 8px 0px 8px; } .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle { display: block; } .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle .loading-mask { visibility: hidden; } .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle .counter { position: absolute; right: 10px; top: -6px; } .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle .counter-label { display: none; } .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle .text { font-size: 0; padding: 0; margin: 0; } /* * @subsection RD Navbar Toggles * * @description Describes style declarations for RD Navbar panel */ .rd-navbar-static .rd-navbar-panel { padding: 0; } .rd-navbar-static .rd-navbar-panel:before, .rd-navbar-static .rd-navbar-panel:after { display: table; content: ""; line-height: 0; } .rd-navbar-static .rd-navbar-panel:after { clear: both; } .rd-navbar-fixed .rd-navbar-panel-canvas { position: fixed; height: 70px; left: 0; top: 0; width: 100%; background: #fff; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); z-index: 16; } .rd-navbar-fixed-linked .page-wrapper { padding-top: 70px; } /* * @subsection RD Navbar Search * * @description Describes style declarations for RD Navbar search */ .rd-navbar-search-toggle { display: block; font-family: "FontAwesome"; width: 38px; height: 38px; line-height: 38px; font-size: 22px; position: relative; z-index: 18; text-align: center; -webkit-transition: all 0s ease; transition: all 0s ease; } @media (min-width: 480px) { .rd-navbar-search-toggle { width: 69px; border-left: 1px solid #eae9e9; text-align: right; margin-left: 12px; } } .rd-navbar-search-toggle:before, .rd-navbar-search-toggle:after { display: inline-block; -webkit-transition: .3s all ease; transition: .3s all ease; position: absolute; width: 100%; left: 0; top: 0; } .rd-navbar-search-toggle:before { font-family: "Linearicons"; content: "\e922"; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .rd-navbar-search-toggle:after { font-family: "Linearicons"; content: "\e935"; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); } .rd-navbar-search-toggle.active:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .rd-navbar-search-toggle.active:before { -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); } .rd-navbar-search { position: absolute; left: 15px; right: 80px; top: 0; z-index: -1; } @media (min-width: 1404px) { .rd-navbar-search { left: 25px; } } .rd-navbar-search form button[type="submit"] { background: none; height: 48px; width: 44px; font-size: 23px; line-height: 50px; margin: 0; padding: 0; position: absolute; right: 1px; top: 1px; border: 0; } .rd-navbar-search form button[type="submit"]:before { font-family: "Linearicons"; content: "\e922"; } .rd-navbar-search form button[type="submit"] span { display: none; } .rd-navbar-search .form-group { z-index: 17; -webkit-transition: 0.1s all cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.1s all cubic-bezier(0.785, 0.135, 0.15, 0.86); visibility: hidden; opacity: 0; -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); } .rd-navbar-search .form-group input { width: 100%; height: 50px; min-height: inherit; display: block; line-height: normal; border: 1px solid #eae9e9; padding-right: 60px; padding-left: 30px; } .rd-navbar-search.active { z-index: 20; } .rd-navbar-search.active .form-group { opacity: 1; visibility: visible; } .field.search { margin: 0; } @media (max-width: 1200px) { .layout_1 .rd-navbar-search-toggle { width: 45px; } } @media (min-width: 768px) { .layout_2 .rd-navbar-search-toggle { border: 0; width: 45px; height: 26px; line-height: 26px; } .layout_2 .rd-navbar-search { left: 0; right: 40px; } } @media (min-width: 1200px) { .layout_2 .rd-navbar-search-toggle.active { position: absolute; right: 0; top: 8px; line-height: 36px; } } @media (min-width: 768px) and (max-width: 1199px) { .layout_2 .rd-navbar-search-toggle { position: absolute; right: 4px; top: -39%; } .layout_2 .rd-navbar-search { top: -54%; } } @media (min-width: 768px) { .layout_3 .rd-navbar-search-toggle { float: right; border: 0; width: 42px; line-height: 42px; } .layout_3 .rd-navbar-search { left: 0; right: 40px; top: -7px; } } @media (min-width: 768px) { .layout_4 .rd-navbar-search { position: relative; left: 0; top: 0; z-index: 2; width: 48%; } .layout_4 .rd-navbar-search .form-group { opacity: 1; visibility: visible; position: relative; z-index: auto; -webkit-box-shadow: none; box-shadow: none; border: 5px solid; } .layout_4 .rd-navbar-search .form-group input { height: 50px; border: 0; background: #fff; padding-right: 80px; } .layout_4 .rd-navbar-search form button[type="submit"] { width: 66px; border-left: 1px solid #eae9e9; } } @media (min-width: 768px) and (min-width: 1200px) { .layout_4 .rd-navbar-search { width: 74%; } } @media (min-width: 768px) { .layout_4 .rd-navbar-search-toggle { display: none; } } @media (min-width: 768px) { .layout_5 .rd-navbar-search-toggle { margin: 0; border: 0; color: #fff; } .layout_5 .rd-navbar-search { right: 45px; left: 0; top: 7px; } } .rd-navbar-fixed .rd-navbar-search-toggle { display: block; position: fixed; top: 15px; left: 50px; width: 50px; height: 40px; z-index: 18; font-size: 20px; text-align: center; margin: 0; border: 0; } .rd-navbar-fixed .field.search { margin: 0; } .rd-navbar-fixed .rd-navbar-search { display: block; z-index: 16; } .rd-navbar-fixed .rd-navbar-search .form-group { position: fixed; top: 70px; left: 0; right: 10px; } /* * @subsection RD Navbar Collapse * * @description Describes style declarations for RD Navbar collapse */ .rd-navbar-collapse, .rd-navbar-collapse-toggle { display: none; } .rd-navbar-collapse .switcher.currency, .rd-navbar-collapse .switcher.language, .rd-navbar-collapse-toggle .switcher.currency, .rd-navbar-collapse-toggle .switcher.language { display: none; } .rd-navbar-collapse li a:before { font-family: "Linearicons"; font-size: 22px; vertical-align: sub; padding-right: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } .rd-navbar-collapse li.wishlist a:before { content: "\e68c"; } .rd-navbar-collapse li.authorization-link a:before { content: "\e721"; } .rd-navbar-collapse li.compare.link a:before { content: "\e839"; } .rd-navbar-collapse a { font-size: 12px; } .rd-navbar-collapse a.my-account:before { content: "\e71e"; } .rd-navbar-collapse a.create-an-account:before { content: "\e71f"; } .rd-navbar-static .rd-navbar-inner { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .rd-navbar-static .rd-navbar-collapse { padding-top: 8px; display: block; } .rd-navbar-static .rd-navbar-collapse li { display: inline-block; margin: 0 30px 0 0; } .rd-navbar-static .rd-navbar-collapse li a:before { font-family: "Linearicons"; font-size: 22px; padding-right: 5px; line-height: 1; float: left; -webkit-transition: all 0.3s; transition: all 0.3s; } .rd-navbar-static .rd-navbar-collapse li.wishlist a:before { content: "\e68c"; } .rd-navbar-static .rd-navbar-collapse li.authorization-link a:before { content: "\e721"; } .rd-navbar-static .rd-navbar-collapse li.compare a:before { content: "\e839"; } .rd-navbar-static .rd-navbar-collapse a { font-size: 12px; } .rd-navbar-static .rd-navbar-collapse a.my-account:before { content: "\e71e"; } .rd-navbar-static .rd-navbar-collapse a.create-an-account:before { content: "\e71f"; } @media (min-width: 768px) and (max-width: 1353px) { .rd-navbar-static .layout_1 .rd-navbar-collapse, .rd-navbar-static .layout_3 .rd-navbar-collapse, .rd-navbar-static .layout_4 .rd-navbar-collapse { display: none; background: #fff; -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); padding: 15px 35px 35px; position: absolute; z-index: 4; min-width: 300px; top: 100%; } .rd-navbar-static .layout_1 .rd-navbar-collapse li, .rd-navbar-static .layout_3 .rd-navbar-collapse li, .rd-navbar-static .layout_4 .rd-navbar-collapse li { display: block; margin: 15px 0 0; } .rd-navbar-static .layout_1 .rd-navbar-collapse.active, .rd-navbar-static .layout_3 .rd-navbar-collapse.active, .rd-navbar-static .layout_4 .rd-navbar-collapse.active { display: block; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle { display: block; width: 70px; height: 40px; border-right: 1px solid #eae9e9; z-index: 4; margin-right: 30px; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #cccccc; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:after { -webkit-transition: .3s all ease; transition: .3s all ease; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle.active span:before, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle.active span:before, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle.active span:after, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle.active span:after, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span { height: 40px; line-height: 40px; color: inherit; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:before { font-family: "Linearicons"; content: "\e71e"; font-size: 21px; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle.active span:after, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle.active span:after, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle.active span:after { font-family: "Linearicons"; content: "\e92a"; font-size: 25px; } } @media (min-width: 768px) and (max-width: 1353px) { .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle { margin: 0; border: 0; } .rd-navbar-static .layout_4 .rd-navbar-collapse { right: 0; } } @media (min-width: 1354px) { .rd-navbar-static .layout_5 .rd-navbar-collapse-container { float: right; } .rd-navbar-static .layout_5 .rd-navbar-collapse li { margin: 0 0 0 30px; } } @media (min-width: 768px) and (max-width: 1353px) { .rd-navbar-static .layout_5 .rd-navbar-collapse-container { float: right; clear: inherit; width: auto; margin: 0; border: 0; } .rd-navbar-static .layout_5 .rd-navbar-collapse { display: none; background: #fff; -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); padding: 15px 35px 35px; position: absolute; z-index: 4; min-width: 300px; top: 100%; right: 15px; } .rd-navbar-static .layout_5 .rd-navbar-collapse li { display: block; margin: 15px 0 0; } .rd-navbar-static .layout_5 .rd-navbar-collapse.active { display: block; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle { display: block; height: 40px; z-index: 4; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #cccccc; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:after { -webkit-transition: .3s all ease; transition: .3s all ease; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span { height: 40px; line-height: 40px; color: inherit; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:before { font-family: "Linearicons"; content: "\e71e"; font-size: 21px; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle.active span:after { font-family: "Linearicons"; content: "\e92a"; font-size: 25px; } } .rd-navbar-fixed .rd-navbar-collapse { display: block; text-align: left; position: fixed; top: 70px; right: 0; left: 0; padding: 15px 35px 35px; z-index: 19; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); visibility: hidden; overflow: hidden; -webkit-transition: .3s box-shadow ease .2s; transition: .3s box-shadow ease .2s; } .rd-navbar-fixed .rd-navbar-collapse:before { content: ''; position: absolute; top: 0; right: 0; background: #f7f7f7; width: 48px; height: 48px; -webkit-transform: scale(0); transform: scale(0); } .rd-navbar-fixed .rd-navbar-collapse li { position: relative; opacity: 0; -webkit-transition: .3s all ease 0s; transition: .3s all ease 0s; } .rd-navbar-fixed .rd-navbar-collapse > li > a { display: block; padding: 11px 16px; } .rd-navbar-fixed .rd-navbar-collapse.active { visibility: visible; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); } .rd-navbar-fixed .rd-navbar-collapse.active li { -webkit-transition: .3s all ease .2s; transition: .3s all ease .2s; opacity: 1; } .rd-navbar-fixed .rd-navbar-collapse.active:before { background: #fff; -webkit-transform: scale(35); transform: scale(35); } .rd-navbar-fixed .rd-navbar-collapse .links li { display: block; margin: 15px 0 0; } .rd-navbar-fixed .rd-navbar-collapse .links li a { font-size: 12px; } .rd-navbar-fixed .rd-navbar-collapse .links li a:before { min-width: 34px; vertical-align: text-bottom; display: inline-block; } .rd-navbar-fixed .header-switchers { position: fixed; right: 10px; top: 15px; z-index: 5; } .rd-navbar-fixed .switcher.currency, .rd-navbar-fixed .switcher.language { width: 50px; margin: 0; } .rd-navbar-fixed .switcher.currency .actions .action, .rd-navbar-fixed .switcher.language .actions .action { padding: 5px 0 0 11px; } .rd-navbar-fixed .switcher.currency .actions .action:after, .rd-navbar-fixed .switcher.language .actions .action:after { margin-top: -10px; display: block; } .rd-navbar-fixed .switcher.currency .mage-dropdown-dialog, .rd-navbar-fixed .switcher.language .mage-dropdown-dialog { left: auto; right: 0; top: 55px; } .rd-navbar-fixed .rd-navbar-collapse-toggle { display: block; position: fixed; top: 15px; left: 100px; font-family: "FontAwesome"; width: 50px; height: 40px; border-left: 1px solid #eae9e9; z-index: 4; } .rd-navbar-fixed .rd-navbar-collapse-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #cccccc; } .rd-navbar-fixed .rd-navbar-collapse-toggle span, .rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .rd-navbar-fixed .rd-navbar-collapse-toggle span:after { -webkit-transition: .3s all ease; transition: .3s all ease; } .rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .rd-navbar-fixed .rd-navbar-collapse-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-fixed .rd-navbar-collapse-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; } .rd-navbar-fixed .rd-navbar-collapse-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-fixed .rd-navbar-collapse-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse-toggle span { height: 40px; line-height: 40px; color: inherit; } .rd-navbar-fixed .rd-navbar-collapse-toggle span:before { font-family: "Linearicons"; content: "\e71e"; font-size: 21px; } .rd-navbar-fixed .rd-navbar-collapse-toggle.active span:after { font-family: "Linearicons"; content: "\e92a"; font-size: 25px; } .page-messages { margin-bottom: 2rem; } .page-messages.messages { margin: 0; } .messages { position: fixed; top: 70px; right: 10px; max-width: 90%; z-index: 4; font-size: 12px; } @media (min-width: 768px) { .messages { top: 10px; max-width: 100%; } } .message { padding: 0.8rem 3.5rem 0.8rem 1rem; margin-bottom: 30px; border: 1px solid transparent; -webkit-border-radius: 2px; border-radius: 2px; position: relative; cursor: pointer; font-size: 14px; } .message > div:after { font-family: "Linearicons"; content: '\e935'; font-size: 20px; position: absolute; right: 10px; top: 10px; line-height: 1; text-align: center; padding: 5px; } .message:hover > div:after { opacity: 0.5; } .message.notice div:after { display: none; } .message-info, .message-notice, .message.notice, .message.info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .message-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .message-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .message-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* * Core Owl Carousel CSS File */ .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-controls { position: absolute; top: -50px; right: 0px; } .owl-controls .owl-prev { line-height: inherit; display: inline-block; } .owl-controls .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; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .owl-controls .owl-next { line-height: inherit; display: inline-block; } .owl-controls .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; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .owl-controls .owl-prev, .owl-controls .owl-next { padding: 0 7px; cursor: pointer; } .owl-controls .owl-prev:before, .owl-controls .owl-next:before { font-size: 36px; -webkit-transition: .3s ease; transition: .3s ease; } /***/ /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } [role="tablist"] [role="tab"] { position: relative; cursor: pointer; outline: none; margin-bottom: 1rem; display: inline-block; padding-right: 24px; } [role="tablist"] [role="tab"]:before { font-family: "Linearicons"; content: "\e93a"; } [role="tablist"] [role="tab"][aria-expanded="true"]:before { font-size: 14px; content: "\e939"; } [role="tablist"] [role="tab"]:before { position: absolute; right: 0; top: 0; } [role="tablist"] [role="presentation"]:first-child [role="tab"] { margin-top: 0; } [role="tablist"] [role="tabpanel"] { margin-bottom: 2rem; } .block[role="tablist"] .title[role="tab"] { display: block; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .carousel-nav { text-align: right; } .carousel-nav .carousel-nav-item { padding: 6px 20px; } /* * 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 */ /* * Spinner */ /* * Usefull Functions */ .select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; max-width: 250px; min-width: 85px; font-size: 12px; } .select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 20px; padding-right: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .sorter .select2-container { min-width: 204px; } @media (max-width: 992px) { .sorter .select2-container { min-width: inherit; } } .select2-dropdown { background-color: #f6f6f6; boder: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; font-size: 12px; -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); } .select2-results { display: block; padding: 15px 20px; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; padding-bottom: 7px; line-height: 18px; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-results__option:last-child { padding-bottom: 0; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: none; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } /* * 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 */ /* * Spinner */ /* * Usefull Functions */ .select2-container--default .select2-selection--single { background-color: #f6f6f6; border: none; -webkit-border-radius: 0; border-radius: 0; outline: none; } .select2-container--default .select2-selection--single:hover { background-color: #f1f0f0; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; position: absolute; top: 0; right: 0; width: 55px; text-align: center; line-height: 50px; } .select2-container--default .select2-selection--single .select2-selection__arrow b::before { font-family: "Linearicons"; content: "\e93a"; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; opacity: 0.3; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 300px; overflow-y: visible; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background: none; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: none; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } /** * @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); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-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; } /* * @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, table.table thead th { text-align: left; } .text-center, .page-title, .section-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, dl dd { font-style: italic; } .italic, dl dd { font-style: italic; } .underline { text-decoration: underline; } .strike { text-decoration: line-through; } .thin { font-weight: 100; } .light { font-weight: 300; } .regular { font-weight: 400; } .medium { font-weight: 500; } .sbold { font-weight: 600; } .bold, table.table thead th, dl dt, strong { font-weight: 600; } .ubold { font-weight: 900; } /* * @subsection Icons */ .big-circle-icon { display: block; width: 122px; height: 122px; margin: 0 auto 1rem; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid; } .big-circle-icon:before { 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; } .small-icon:before { font-size: 40px; line-height: inherit; } /* * @subsection Typography */ h1, .heading-1 { font-size: 2rem; } h2, .heading-2 { font-size: 1.5rem; } h3, .heading-3 { font-size: 1.17rem; } h4, .heading-4 { font-size: 1rem; } h5, .heading-5 { font-size: .83rem; } h6, .heading-6 { font-size: .67rem; } h1, .heading-1 { margin-bottom: 25px; font-weight: 600; } h2, .heading-2 { margin-bottom: 25px; font-weight: 600; } h3, .heading-3 { margin-bottom: 25px; font-weight: 600; } h4, .heading-4 { margin-bottom: 25px; font-weight: 600; } h5, .heading-5 { margin-bottom: 25px; font-weight: 600; } h6, .heading-6 { margin-bottom: 25px; font-weight: 600; } .page-title, .section-title { font-size: 35px; line-height: 1; } .page-title .base, .section-title .base { display: inline-block; } .page-title-wrapper .page-title { margin-bottom: 36px; } @media (max-width: 991px) { .page-title-wrapper .page-title { margin-bottom: 25px; } } .columns .page-title { text-align: left; } .columns .container { padding: 0; } .panel-container-wrap { border-bottom: 1px solid #eae9e9; } .panel-container-wrap .welcome { font-size: 12px; } .rd-navbar-static .rd-navbar-collapse a { font-size: 12px; } .header-switchers { font-size: 12px; } .header-switchers .actions .action { font-size: 12px; } .header-info { font-size: 14px; background: #000; } /* END General Settings */ /* Main Theme Settings */ /* END Main Theme Settings */ /* Desktop */ @charset "UTF-8"; /* * @subsection RD Navbar * * @description Describes style declarations for RD Navbar extension */ /* * 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 */ /* * Spinner */ /* * Usefull Functions */ .rd-navbar-wrap, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-fixed .rd-navbar-cart-floating, .rd-navbar-fixed .rd-navbar-cart-floating:before, .rd-navbar-fixed .rd-navbar-cart-floating #top-cart-btn-checkout, .rd-navbar-fixed .rd-navbar-cart-fixed, .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav-wrap, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu { -webkit-transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86); } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar-fixed, .rd-navbar-static, .rd-navbar-fullwidth, .rd-navbar-sidebar { display: block; } .rd-navbar--no-transition, .rd-navbar--no-transition * { -webkit-transition: none !important; transition: none !important; } .rd-navbar-fixed .block, .rd-navbar-static .block, .rd-navbar-fullwidth .block, .rd-navbar-sidebar .block { margin: 0; } .rd-navbar-static { background: #ffffff; } .rd-navbar-static .rd-navbar-nav-wrap { width: 100%; } .rd-navbar-static.rd-navbar--is-clone { position: fixed; top: 0; left: 0; right: 0; display: block; -webkit-transform: translateY(-105%); transform: translateY(-105%); z-index: 20; } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel { display: none; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck { -webkit-transform: translateY(0); transform: translateY(0); } .rd-navbar-static.rd-navbar--is-stuck { position: fixed; left: 0; top: 0; right: 0; z-index: 20; background: #f0f0f0; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel { display: none; } .rd-navbar-static.rd-navbar--is-stuck .page-header__panel, .rd-navbar-static.rd-navbar--is-stuck .page-header__content { display: none; } /* * @subsection RD Navbar Toggles * * @description Describes style declarations for RD Navbar toggles */ /* * @subsection RD Navbar Toggles * * @description Describes style declarations for RD Navbar navigation */ .rd-navbar-nav, .rd-navbar-toggle { display: none; } .rd-navbar-fixed .rd-navbar-toggle { display: block; border-right: 1px solid #eae9e9; width: 50px; height: 40px; position: fixed; z-index: 17; top: 14px; left: 0; } .rd-navbar-fixed .rd-navbar-toggle span { display: block; -webkit-transition: .3s all ease; transition: .3s all ease; } .rd-navbar-fixed .rd-navbar-toggle span:before, .rd-navbar-fixed .rd-navbar-toggle span:after { font-family: "Linearicons"; font-size: 27px; vertical-align: middle; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .rd-navbar-fixed .rd-navbar-toggle span:after { content: "\e92b"; } .rd-navbar-fixed .rd-navbar-toggle.active span:before { content: "\e935"; font-size: 20px; } .rd-navbar-fixed .rd-navbar-toggle.active span:after { font-size: 0; } .rd-navbar-fixed .rd-navbar-toggle strong { display: none; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; top: -15px; left: 0; width: 320px; padding: 112px 0 56px; bottom: -56px; background: #fff; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); z-index: 15; -webkit-transform: translateX(-105%); transform: translateX(-105%); } .rd-navbar-fixed .rd-navbar-nav-wrap.active { -webkit-transform: translateX(0); transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav-wrap .welcome { display: block; font-size: 12px; border-top: 1px solid #eae9e9; border-bottom: 1px solid #eae9e9; padding: 30px 0; margin: 20px 30px 0; } .rd-navbar-fixed .rd-navbar-nav { display: block; overflow: auto; font-size: 16px; line-height: 26px; text-align: left; height: 100%; } .rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after { content: ''; display: block; height: 8px; } .rd-navbar-fixed .rd-navbar-nav > li { margin-bottom: 15px; padding: 0 60px 0 30px; } .rd-navbar-fixed .rd-navbar-nav > li:last-child { margin-bottom: 0; } .rd-navbar-fixed .rd-navbar-nav > li > a { display: inline-block; text-transform: uppercase; font-weight: 600; padding: 5px 0; } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:before { content: "\e939"; } .rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-megamenu { display: none; } .rd-navbar-fixed .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-megamenu .rd-navbar-dropdown { padding-left: 15px; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu li { margin-bottom: 5px; } .rd-navbar-fixed .rd-navbar-submenu li:last-child { margin-bottom: 0; } .rd-navbar-fixed .rd-navbar-submenu li > a { font-size: 12px; } .rd-navbar-fixed .rd-navbar-submenu li > a:before { font-family: "Linearicons"; content: "\e93c"; float: left; font-size: 10px; margin-right: 10px; } .rd-navbar-fixed .rd-navbar-submenu li .rd-navbar-submenu-toggle { right: 0; } .rd-navbar-fixed .rd-navbar-submenu li .rd-navbar-submenu-toggle:before { font-size: 12px; line-height: 1; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; padding: 20px 0; } .rd-navbar-fixed .rd-navbar-submenu-toggle { display: inline-block; position: absolute; top: 0; right: 15px; cursor: pointer; } .rd-navbar-fixed .rd-navbar-submenu-toggle:before { font-family: "Linearicons"; content: "\e93a"; padding: 4px 8px; display: block; } @media (min-width: 768px) { .layout_3 .rd-navbar-nav { text-align: left; border: 0; padding: 0; margin: 0; } } @media (min-width: 768px) { .layout_4 .navigation { width: 22.3333%; position: relative; } .layout_4 .rd-navbar-toggle { display: block; height: 60px; width: 100%; color: #fff; text-transform: uppercase; text-align: left; padding-left: 30px; } .layout_4 .rd-navbar-toggle strong { font-weight: 500; display: inline-block; } .layout_4 .rd-navbar-toggle:before { font-family: "Linearicons"; content: "\e93a"; margin-right: 25px; float: right; } .layout_4 .rd-navbar-toggle:hover { opacity: 0.8; } .layout_4 .rd-navbar-toggle.active:before { content: "\e939"; } .layout_4 .rd-navbar-nav-wrap { position: absolute; display: none; } .layout_4 .rd-navbar-nav-wrap.active { display: block; } .layout_4 .rd-navbar-nav { border: 1px solid #eae9e9; padding: 0 29px; background: #fff; margin: 0; } .layout_4 .rd-navbar-nav > li { display: block; float: none; text-align: left; margin: 0; border-bottom: 1px solid #eae9e9; } .layout_4 .rd-navbar-nav > li:last-child { border-bottom: 0; } .layout_4 .rd-navbar-nav > li > a { padding: 17px 0; } .layout_4 .rd-navbar-nav > li > a::after { display: none; } } @media (min-width: 768px) and (min-width: 1200px) { .layout_4 .rd-navbar-nav > li .rd-navbar-dropdown { left: 231px; top: 0; margin: 0; } } @media (min-width: 768px) and (min-width: 1200px) and (min-width: 1354px) { .layout_4 .rd-navbar-nav > li .rd-navbar-dropdown { left: 271px; width: 290px; } } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .navigation { top: 0; width: 48%; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .rd-navbar-submenu-toggle { display: inline-block; position: absolute; top: 13px; right: -8px; cursor: pointer; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .rd-navbar-submenu-toggle:before { font-family: "Linearicons"; content: "\e93a"; padding: 4px 8px; display: block; font-size: 10px; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .rd-navbar-dropdown, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .rd-navbar-megamenu { display: none; position: relative; top: 0 !important; width: 100%; padding: 0 0 20px 20px; -webkit-box-shadow: none; box-shadow: none; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.parent { position: relative; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.parent span::after { display: none; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .megamenu-wrapper { padding-left: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu { display: block; right: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown .container, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu .container { padding: 0; min-width: inherit; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown .row, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu .row { margin: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown .row [class*="col-"], .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu .row [class*="col-"] { padding: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; border: 0; } @media (min-width: 768px) and (max-width: 1199px) { .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown .row [class*="col-"] > ul, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu .row [class*="col-"] > ul { margin-bottom: 20px; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-dropdown .row [class*="col-"]:last-child ul, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 li.opened > .rd-navbar-megamenu .row [class*="col-"]:last-child ul { margin-bottom: 0; } } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .container-full { max-width: inherit; min-width: inherit; padding: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .container-full .row { margin: 0; display: block; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .container-full .row > div { padding: 0; width: 100%; max-width: inherit; border: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .container-full .row > div > ul { margin-bottom: 25px; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .container-full .row > div:last-child ul { margin-bottom: 0; } .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .navigation .static-block, .rd-navbar-nav-fixed.rd-navbar-static .layout_4 .navigation .product { display: none; } /* * @subsection RD Navbar Brand * * @description Describes style declarations for RD Navbar brand */ .rd-navbar-brand { display: none; } .rd-navbar-static .rd-navbar-brand { display: inline-block; float: left; } .rd-navbar-static .rd-navbar-brand > * { display: inline-block; vertical-align: middle; } .rd-navbar-static .rd-navbar-brand > img { margin-right: 10px; } .rd-navbar-static .rd-navbar-brand > a { font-size: 36px; line-height: 48px; } .rd-navbar-static .rd-navbar-brand > a span { display: none; } .rd-navbar-fixed .rd-navbar-brand { display: block; text-align: left; position: fixed; top: 4px; left: 56px; right: 112px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 22px; line-height: 46px; height: 48px; z-index: 17; } .rd-navbar-fixed .rd-navbar-brand img { display: none; } .rd-navbar-fixed .rd-navbar-brand a { display: inline-block; } /* * @subsection RD Navbar Toggles * * @description Describes style declarations for RD Navbar navigation */ .rd-navbar-cart-floating { display: none; } .rd-navbar-cart-toggle span { display: inline-block; position: relative; width: auto; height: auto; font-size: 12px; line-height: auto; text-align: center; cursor: pointer; color: #000; } .rd-navbar-cart-toggle span, .rd-navbar-cart-toggle span:before, .rd-navbar-cart-toggle span:after { -webkit-transition: .3s all ease; transition: .3s all ease; } .rd-navbar-cart-toggle span:before, .rd-navbar-cart-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-cart-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-cart-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; } .rd-navbar-cart-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-cart-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-cart-toggle span { padding-left: 28px; text-align: left; } .rd-navbar-cart-toggle span:before, .rd-navbar-cart-toggle span:after { font-size: 23px; font-family: "Linearicons"; margin-top: -2px; } .rd-navbar-cart-toggle span:after { font-size: 16px; } .rd-navbar-cart-toggle .counter { display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; width: 23px; height: 23px; font-size: 12px; color: #FFF; text-align: center; font-weight: normal; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .rd-navbar-cart-toggle .counter strong { font-weight: normal; } .rd-navbar-cart-toggle .counter .counter-label { display: none; } .rd-navbar-cart-toggle .counter.empty { background: #f0f0f0; } .rd-navbar-cart-toggle:hover .counter { color: #FFF !important; } .rd-navbar-cart-toggle .loading-mask { display: none; } .minicart-wrapper.active .rd-navbar-cart-toggle .counter { color: #FFF !important; } .rd-navbar-fixed .rd-navbar-cart { display: block; position: fixed; top: -100%; right: 0; left: 0; z-index: 10; opacity: 0; -webkit-transform: translate(-100%); transform: translate(-100%); } .rd-navbar-fixed .minicart-wrapper.active .rd-navbar-cart { opacity: 1; top: 70px; -webkit-transform: translate(0); transform: translate(0); max-height: -webkit-calc(100% - 70px); max-height: calc(100% - 70px); overflow-x: auto; } .rd-navbar-fixed .minicart-wrapper.active .rd-navbar-cart-toggle span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-fixed .minicart-wrapper.active .rd-navbar-cart-toggle span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-cart-floating { display: block; position: fixed; bottom: 15px; right: 15px; z-index: 20; color: #FFF; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.25); width: 56px; height: 56px; outline: 1px solid transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rd-navbar-fixed .rd-navbar-cart-floating:before { content: ''; position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rd-navbar-fixed .rd-navbar-cart-floating #top-cart-btn-checkout { position: relative; display: block; font-size: 16px; font-weight: 500; line-height: 56px; opacity: 0; visibility: hidden; } .rd-navbar-fixed .rd-navbar-cart-floating #top-cart-btn-checkout:before { font-weight: 400; font-size: 24px; display: inline-block; vertical-align: middle; margin-right: 0px; } .rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-toggle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rd-navbar-fixed .rd-navbar-cart-floating .rd-navbar-cart-toggle span { height: 56px; line-height: 56px; } .rd-navbar-fixed .rd-navbar-cart-floating.active { right: 0; bottom: 0; -webkit-border-radius: 0; border-radius: 0; width: 100%; } .rd-navbar-fixed .rd-navbar-cart-floating.active:before { -webkit-transform: translate(-50%, -50%) scale(20); transform: translate(-50%, -50%) scale(20); background: #2ecc71; } .rd-navbar-fixed .rd-navbar-cart-floating.active #top-cart-btn-checkout { opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-cart-floating.active .rd-navbar-cart-toggle { visibility: hidden; opacity: 0; } .rd-navbar-fixed .rd-navbar-cart-fixed { display: block; position: fixed; top: 15px; left: 150px; z-index: 17; overflow: visible; height: 40px; width: 61px; outline: 1px solid transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-right: 1px solid #eae9e9; border-left: 1px solid #eae9e9; padding: 10px 8px 0px 8px; } .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle { display: block; } .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle .loading-mask { visibility: hidden; } .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle .counter { position: absolute; right: 10px; top: -6px; } .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle .counter-label { display: none; } .rd-navbar-fixed .rd-navbar-cart-fixed .rd-navbar-cart-toggle .text { font-size: 0; padding: 0; margin: 0; } /* * @subsection RD Navbar Toggles * * @description Describes style declarations for RD Navbar panel */ .rd-navbar-static .rd-navbar-panel { padding: 0; } .rd-navbar-static .rd-navbar-panel:before, .rd-navbar-static .rd-navbar-panel:after { display: table; content: ""; line-height: 0; } .rd-navbar-static .rd-navbar-panel:after { clear: both; } .rd-navbar-fixed .rd-navbar-panel-canvas { position: fixed; height: 70px; left: 0; top: 0; width: 100%; background: #fff; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); z-index: 16; } .rd-navbar-fixed-linked .page-wrapper { padding-top: 70px; } /* * @subsection RD Navbar Search * * @description Describes style declarations for RD Navbar search */ .rd-navbar-search-toggle { display: block; font-family: "FontAwesome"; width: 38px; height: 38px; line-height: 38px; font-size: 22px; position: relative; z-index: 18; text-align: center; -webkit-transition: all 0s ease; transition: all 0s ease; } @media (min-width: 480px) { .rd-navbar-search-toggle { width: 69px; border-left: 1px solid #eae9e9; text-align: right; margin-left: 12px; } } .rd-navbar-search-toggle:before, .rd-navbar-search-toggle:after { display: inline-block; -webkit-transition: .3s all ease; transition: .3s all ease; position: absolute; width: 100%; left: 0; top: 0; } .rd-navbar-search-toggle:before { font-family: "Linearicons"; content: "\e922"; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .rd-navbar-search-toggle:after { font-family: "Linearicons"; content: "\e935"; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); } .rd-navbar-search-toggle.active:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .rd-navbar-search-toggle.active:before { -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); } .rd-navbar-search { position: absolute; left: 15px; right: 80px; top: 0; z-index: -1; } @media (min-width: 1404px) { .rd-navbar-search { left: 25px; } } .rd-navbar-search form button[type="submit"] { background: none; height: 48px; width: 44px; font-size: 23px; line-height: 50px; margin: 0; padding: 0; position: absolute; right: 1px; top: 1px; border: 0; } .rd-navbar-search form button[type="submit"]:before { font-family: "Linearicons"; content: "\e922"; } .rd-navbar-search form button[type="submit"] span { display: none; } .rd-navbar-search .form-group { z-index: 17; -webkit-transition: 0.1s all cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.1s all cubic-bezier(0.785, 0.135, 0.15, 0.86); visibility: hidden; opacity: 0; -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); } .rd-navbar-search .form-group input { width: 100%; height: 50px; min-height: inherit; display: block; line-height: normal; border: 1px solid #eae9e9; padding-right: 60px; padding-left: 30px; } .rd-navbar-search.active { z-index: 20; } .rd-navbar-search.active .form-group { opacity: 1; visibility: visible; } .field.search { margin: 0; } @media (max-width: 1200px) { .layout_1 .rd-navbar-search-toggle { width: 45px; } } @media (min-width: 768px) { .layout_2 .rd-navbar-search-toggle { border: 0; width: 45px; height: 26px; line-height: 26px; } .layout_2 .rd-navbar-search { left: 0; right: 40px; } } @media (min-width: 1200px) { .layout_2 .rd-navbar-search-toggle.active { position: absolute; right: 0; top: 8px; line-height: 36px; } } @media (min-width: 768px) and (max-width: 1199px) { .layout_2 .rd-navbar-search-toggle { position: absolute; right: 4px; top: -39%; } .layout_2 .rd-navbar-search { top: -54%; } } @media (min-width: 768px) { .layout_3 .rd-navbar-search-toggle { float: right; border: 0; width: 42px; line-height: 42px; } .layout_3 .rd-navbar-search { left: 0; right: 40px; top: -7px; } } @media (min-width: 768px) { .layout_4 .rd-navbar-search { position: relative; left: 0; top: 0; z-index: 2; width: 48%; } .layout_4 .rd-navbar-search .form-group { opacity: 1; visibility: visible; position: relative; z-index: auto; -webkit-box-shadow: none; box-shadow: none; border: 5px solid; } .layout_4 .rd-navbar-search .form-group input { height: 50px; border: 0; background: #fff; padding-right: 80px; } .layout_4 .rd-navbar-search form button[type="submit"] { width: 66px; border-left: 1px solid #eae9e9; } } @media (min-width: 768px) and (min-width: 1200px) { .layout_4 .rd-navbar-search { width: 74%; } } @media (min-width: 768px) { .layout_4 .rd-navbar-search-toggle { display: none; } } @media (min-width: 768px) { .layout_5 .rd-navbar-search-toggle { margin: 0; border: 0; color: #fff; } .layout_5 .rd-navbar-search { right: 45px; left: 0; top: 7px; } } .rd-navbar-fixed .rd-navbar-search-toggle { display: block; position: fixed; top: 15px; left: 50px; width: 50px; height: 40px; z-index: 18; font-size: 20px; text-align: center; margin: 0; border: 0; } .rd-navbar-fixed .field.search { margin: 0; } .rd-navbar-fixed .rd-navbar-search { display: block; z-index: 16; } .rd-navbar-fixed .rd-navbar-search .form-group { position: fixed; top: 70px; left: 0; right: 10px; } /* * @subsection RD Navbar Collapse * * @description Describes style declarations for RD Navbar collapse */ .rd-navbar-collapse, .rd-navbar-collapse-toggle { display: none; } .rd-navbar-collapse .switcher.currency, .rd-navbar-collapse .switcher.language, .rd-navbar-collapse-toggle .switcher.currency, .rd-navbar-collapse-toggle .switcher.language { display: none; } .rd-navbar-collapse li a:before { font-family: "Linearicons"; font-size: 22px; vertical-align: sub; padding-right: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } .rd-navbar-collapse li.wishlist a:before { content: "\e68c"; } .rd-navbar-collapse li.authorization-link a:before { content: "\e721"; } .rd-navbar-collapse li.compare.link a:before { content: "\e839"; } .rd-navbar-collapse a { font-size: 12px; } .rd-navbar-collapse a.my-account:before { content: "\e71e"; } .rd-navbar-collapse a.create-an-account:before { content: "\e71f"; } .rd-navbar-static .rd-navbar-inner { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .rd-navbar-static .rd-navbar-collapse { padding-top: 8px; display: block; } .rd-navbar-static .rd-navbar-collapse li { display: inline-block; margin: 0 30px 0 0; } .rd-navbar-static .rd-navbar-collapse li a:before { font-family: "Linearicons"; font-size: 22px; padding-right: 5px; line-height: 1; float: left; -webkit-transition: all 0.3s; transition: all 0.3s; } .rd-navbar-static .rd-navbar-collapse li.wishlist a:before { content: "\e68c"; } .rd-navbar-static .rd-navbar-collapse li.authorization-link a:before { content: "\e721"; } .rd-navbar-static .rd-navbar-collapse li.compare a:before { content: "\e839"; } .rd-navbar-static .rd-navbar-collapse a { font-size: 12px; } .rd-navbar-static .rd-navbar-collapse a.my-account:before { content: "\e71e"; } .rd-navbar-static .rd-navbar-collapse a.create-an-account:before { content: "\e71f"; } @media (min-width: 768px) and (max-width: 1353px) { .rd-navbar-static .layout_1 .rd-navbar-collapse, .rd-navbar-static .layout_3 .rd-navbar-collapse, .rd-navbar-static .layout_4 .rd-navbar-collapse { display: none; background: #fff; -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); padding: 15px 35px 35px; position: absolute; z-index: 4; min-width: 300px; top: 100%; } .rd-navbar-static .layout_1 .rd-navbar-collapse li, .rd-navbar-static .layout_3 .rd-navbar-collapse li, .rd-navbar-static .layout_4 .rd-navbar-collapse li { display: block; margin: 15px 0 0; } .rd-navbar-static .layout_1 .rd-navbar-collapse.active, .rd-navbar-static .layout_3 .rd-navbar-collapse.active, .rd-navbar-static .layout_4 .rd-navbar-collapse.active { display: block; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle { display: block; width: 70px; height: 40px; border-right: 1px solid #eae9e9; z-index: 4; margin-right: 30px; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #cccccc; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:after { -webkit-transition: .3s all ease; transition: .3s all ease; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:after, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle.active span:before, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle.active span:before, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle.active span:after, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle.active span:after, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span { height: 40px; line-height: 40px; color: inherit; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle span:before { font-family: "Linearicons"; content: "\e71e"; font-size: 21px; } .rd-navbar-static .layout_1 .rd-navbar-collapse-toggle.active span:after, .rd-navbar-static .layout_3 .rd-navbar-collapse-toggle.active span:after, .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle.active span:after { font-family: "Linearicons"; content: "\e92a"; font-size: 25px; } } @media (min-width: 768px) and (max-width: 1353px) { .rd-navbar-static .layout_4 .rd-navbar-collapse-toggle { margin: 0; border: 0; } .rd-navbar-static .layout_4 .rd-navbar-collapse { right: 0; } } @media (min-width: 1354px) { .rd-navbar-static .layout_5 .rd-navbar-collapse-container { float: right; } .rd-navbar-static .layout_5 .rd-navbar-collapse li { margin: 0 0 0 30px; } } @media (min-width: 768px) and (max-width: 1353px) { .rd-navbar-static .layout_5 .rd-navbar-collapse-container { float: right; clear: inherit; width: auto; margin: 0; border: 0; } .rd-navbar-static .layout_5 .rd-navbar-collapse { display: none; background: #fff; -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 27px rgba(0, 0, 0, 0.09); padding: 15px 35px 35px; position: absolute; z-index: 4; min-width: 300px; top: 100%; right: 15px; } .rd-navbar-static .layout_5 .rd-navbar-collapse li { display: block; margin: 15px 0 0; } .rd-navbar-static .layout_5 .rd-navbar-collapse.active { display: block; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle { display: block; height: 40px; z-index: 4; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #cccccc; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span, .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:after { -webkit-transition: .3s all ease; transition: .3s all ease; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:before, .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span { height: 40px; line-height: 40px; color: inherit; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle span:before { font-family: "Linearicons"; content: "\e71e"; font-size: 21px; } .rd-navbar-static .layout_5 .rd-navbar-collapse-toggle.active span:after { font-family: "Linearicons"; content: "\e92a"; font-size: 25px; } } .rd-navbar-fixed .rd-navbar-collapse { display: block; text-align: left; position: fixed; top: 70px; right: 0; left: 0; padding: 15px 35px 35px; z-index: 19; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); visibility: hidden; overflow: hidden; -webkit-transition: .3s box-shadow ease .2s; transition: .3s box-shadow ease .2s; } .rd-navbar-fixed .rd-navbar-collapse:before { content: ''; position: absolute; top: 0; right: 0; background: #f7f7f7; width: 48px; height: 48px; -webkit-transform: scale(0); transform: scale(0); } .rd-navbar-fixed .rd-navbar-collapse li { position: relative; opacity: 0; -webkit-transition: .3s all ease 0s; transition: .3s all ease 0s; } .rd-navbar-fixed .rd-navbar-collapse > li > a { display: block; padding: 11px 16px; } .rd-navbar-fixed .rd-navbar-collapse.active { visibility: visible; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); } .rd-navbar-fixed .rd-navbar-collapse.active li { -webkit-transition: .3s all ease .2s; transition: .3s all ease .2s; opacity: 1; } .rd-navbar-fixed .rd-navbar-collapse.active:before { background: #fff; -webkit-transform: scale(35); transform: scale(35); } .rd-navbar-fixed .rd-navbar-collapse .links li { display: block; margin: 15px 0 0; } .rd-navbar-fixed .rd-navbar-collapse .links li a { font-size: 12px; } .rd-navbar-fixed .rd-navbar-collapse .links li a:before { min-width: 34px; vertical-align: text-bottom; display: inline-block; } .rd-navbar-fixed .header-switchers { position: fixed; right: 10px; top: 15px; z-index: 5; } .rd-navbar-fixed .switcher.currency, .rd-navbar-fixed .switcher.language { width: 50px; margin: 0; } .rd-navbar-fixed .switcher.currency .actions .action, .rd-navbar-fixed .switcher.language .actions .action { padding: 5px 0 0 11px; } .rd-navbar-fixed .switcher.currency .actions .action:after, .rd-navbar-fixed .switcher.language .actions .action:after { margin-top: -10px; display: block; } .rd-navbar-fixed .switcher.currency .mage-dropdown-dialog, .rd-navbar-fixed .switcher.language .mage-dropdown-dialog { left: auto; right: 0; top: 55px; } .rd-navbar-fixed .rd-navbar-collapse-toggle { display: block; position: fixed; top: 15px; left: 100px; font-family: "FontAwesome"; width: 50px; height: 40px; border-left: 1px solid #eae9e9; z-index: 4; } .rd-navbar-fixed .rd-navbar-collapse-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #cccccc; } .rd-navbar-fixed .rd-navbar-collapse-toggle span, .rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .rd-navbar-fixed .rd-navbar-collapse-toggle span:after { -webkit-transition: .3s all ease; transition: .3s all ease; } .rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .rd-navbar-fixed .rd-navbar-collapse-toggle span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-fixed .rd-navbar-collapse-toggle span:before { content: ""; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse-toggle span:after { content: ""; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; } .rd-navbar-fixed .rd-navbar-collapse-toggle.active span:before { opacity: 0; visibility: hidden; -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .rd-navbar-fixed .rd-navbar-collapse-toggle.active span:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse-toggle span { height: 40px; line-height: 40px; color: inherit; } .rd-navbar-fixed .rd-navbar-collapse-toggle span:before { font-family: "Linearicons"; content: "\e71e"; font-size: 21px; } .rd-navbar-fixed .rd-navbar-collapse-toggle.active span:after { font-family: "Linearicons"; content: "\e92a"; font-size: 25px; } @font-face { font-family: "icons"; src: url("../fonts/icons/icons.eot"); src: url("../fonts/icons/icons.eot?#iefix") format("eot"), url("../fonts/icons/icons.woff2") format("woff2"), url("../fonts/icons/icons.woff") format("woff"), url("../fonts/icons/icons.ttf") format("truetype"), url("../fonts/icons/icons.svg#icons") format("svg"); } .icon:before, .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.return-requests .link:before, .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li .rd-navbar-cart-toggle .text:before, .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li .my-account:before, .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.authorization-link .link:before, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search-toggle:before, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .rd-navbar-collapse-toggle span:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.phone > a:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.email > a:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.hours > span:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .welcome > span:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.advanced-search > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.download > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.phone > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.email > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.contest > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.hours > span:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.contact-form > a:before, .catalog-product-view .product-info-main .product-social-links .action.mailto:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; } .icon-arrow-checkout:before { content: "\E001"; } .icon-cart-circle:before, .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li .rd-navbar-cart-toggle .text:before { content: "\E002"; } .icon-clock-circle:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.hours > span:before { content: "\E003"; } .icon-clock:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.hours > span:before { content: "\E004"; } .icon-contest:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.contest > a:before { content: "\E005"; } .icon-download-circle:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.download > a:before { content: "\E006"; } .icon-email-circle:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.email > a:before { content: "\E007"; } .icon-email:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.email > a:before, .catalog-product-view .product-info-main .product-social-links .action.mailto:before { content: "\E008"; } .icon-logo:before { content: "\E009"; } .icon-logout-circle:before, .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.authorization-link .link:before { content: "\E00A"; } .icon-lsm-link-circle:before { content: "\E00B"; } .icon-myaccount-circle:before, .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li .my-account:before, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .rd-navbar-collapse-toggle span:before { content: "\E00C"; } .icon-myaccount:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .welcome > span:before { content: "\E00D"; } .icon-phone-circle:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.phone > a:before { content: "\E00E"; } .icon-phone:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.phone > a:before { content: "\E00F"; } .icon-return-requests-circle:before, .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.return-requests .link:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.contact-form > a:before { content: "\E010"; } .icon-search-circle:before, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search-toggle:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.advanced-search > a:before { content: "\E011"; } @font-face { font-family: 'speedee'; font-weight: 700; font-style: normal; src: local("Speedee Bold"), url("../fonts/speedee/speedee-bold-webfont.eot"), url("../fonts/speedee/speedee-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/speedee/speedee-bold-webfont.woff2") format("woff2"), url("../fonts/speedee/speedee-bold-webfont.woff") format("woff"), url("../fonts/speedee/speedee-bold-webfont.ttf") format("truetype"), url("../fonts/speedee/speedee-bold-webfont.svg#speedeebold") format("svg"); } @font-face { font-family: 'speedee'; font-weight: 700; font-style: italic; src: local("Speedee Bold Italic"), url("../fonts/speedee/speedee-bolditalic-webfont.eot"), url("../fonts/speedee/speedee-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/speedee/speedee-bolditalic-webfont.woff2") format("woff2"), url("../fonts/speedee/speedee-bolditalic-webfont.woff") format("woff"), url("../fonts/speedee/speedee-bolditalic-webfont.ttf") format("truetype"), url("../fonts/speedee/speedee-bolditalic-webfont.svg#speedeebold_italic") format("svg"); } @font-face { font-family: 'speedee_condensed'; font-weight: 700; font-style: normal; src: local("Speedee Condensed Bold"), url("../fonts/speedee/speedeecondensed-bold-webfont.eot"), url("../fonts/speedee/speedeecondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/speedee/speedeecondensed-bold-webfont.woff2") format("woff2"), url("../fonts/speedee/speedeecondensed-bold-webfont.woff") format("woff"), url("../fonts/speedee/speedeecondensed-bold-webfont.ttf") format("truetype"), url("../fonts/speedee/speedeecondensed-bold-webfont.svg#speedee_condensedbold") format("svg"); } @font-face { font-family: 'speedee_condensed'; font-weight: 300; font-style: normal; src: local("Speedee Condensed Light"), url("../fonts/speedee/speedeecondensed-light-webfont.eot"), url("../fonts/speedee/speedeecondensed-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/speedee/speedeecondensed-light-webfont.woff2") format("woff2"), url("../fonts/speedee/speedeecondensed-light-webfont.woff") format("woff"), url("../fonts/speedee/speedeecondensed-light-webfont.ttf") format("truetype"), url("../fonts/speedee/speedeecondensed-light-webfont.svg#speedee_condensedlight") format("svg"); } @font-face { font-family: 'speedee_condensed'; font-weight: normal; font-style: normal; src: local("Speedee Condensed Regular"), url("../fonts/speedee/speedeecondensed-regular-webfont.eot"), url("../fonts/speedee/speedeecondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/speedee/speedeecondensed-regular-webfont.woff2") format("woff2"), url("../fonts/speedee/speedeecondensed-regular-webfont.woff") format("woff"), url("../fonts/speedee/speedeecondensed-regular-webfont.ttf") format("truetype"), url("../fonts/speedee/speedeecondensed-regular-webfont.svg#speedee_condensedregular") format("svg"); } @font-face { font-family: 'speedee'; font-weight: normal; font-style: italic; src: local("Speedee Italic"), url("../fonts/speedee/speedee-italic-webfont.eot"), url("../fonts/speedee/speedee-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/speedee/speedee-italic-webfont.woff2") format("woff2"), url("../fonts/speedee/speedee-italic-webfont.woff") format("woff"), url("../fonts/speedee/speedee-italic-webfont.ttf") format("truetype"), url("../fonts/speedee/speedee-italic-webfont.svg#speedeeitalic") format("svg"); } @font-face { font-family: 'speedee'; font-weight: 300; font-style: normal; src: local("Speedee Light"), url("../fonts/speedee/speedee-light-webfont.eot"), url("../fonts/speedee/speedee-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/speedee/speedee-light-webfont.woff2") format("woff2"), url("../fonts/speedee/speedee-light-webfont.woff") format("woff"), url("../fonts/speedee/speedee-light-webfont.ttf") format("truetype"), url("../fonts/speedee/speedee-light-webfont.svg#speedeelight") format("svg"); } @font-face { font-family: 'speedee'; font-weight: 300; font-style: italic; src: local("Speedee Light Italic"), url("../fonts/speedee/speedee-lightitalic-webfont.eot"), url("../fonts/speedee/speedee-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/speedee/speedee-lightitalic-webfont.woff2") format("woff2"), url("../fonts/speedee/speedee-lightitalic-webfont.woff") format("woff"), url("../fonts/speedee/speedee-lightitalic-webfont.ttf") format("truetype"), url("../fonts/speedee/speedee-lightitalic-webfont.svg#speedeelight_italic") format("svg"); } @font-face { font-family: 'speedee'; font-weight: normal; font-style: normal; src: local("Speedee Regular"), url("../fonts/speedee/speedee-regular-webfont.eot"), url("../fonts/speedee/speedee-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/speedee/speedee-regular-webfont.woff2") format("woff2"), url("../fonts/speedee/speedee-regular-webfont.woff") format("woff"), url("../fonts/speedee/speedee-regular-webfont.ttf") format("truetype"), url("../fonts/speedee/speedee-regular-webfont.svg#speedeeregular") format("svg"); } body.gutenberg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-family: "speedee", sans-serif; font-weight: 400; font-size: 16px; color: #000000; background-color: #000000; /* Black color for personalizded inputs*/ /* IE 10+ Color placeholder fix */ } body.gutenberg button.button { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } body.gutenberg button.button span { vertical-align: top; } body.gutenberg button.button::first-letter { text-transform: uppercase; } body.gutenberg button.button > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } body.gutenberg button.button:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } body.gutenberg button.button:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } body.gutenberg button.yellow { background: #ffbc0d; border: 1px solid #ffbc0d; color: #ffffff; position: relative; } body.gutenberg button.yellow:hover { background-color: transparent; color: #ffbc0d; } body.gutenberg button.big-font { font-size: 25px; padding: 23px 16px 16px 16px; } @media screen and (min-width: 768px) { body.gutenberg button.big-font { font-size: 30px; padding: 23px 16px 16px 16px; } } body.gutenberg button.action.primary { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } body.gutenberg button.action.primary span { vertical-align: top; } body.gutenberg button.action.primary::first-letter { text-transform: uppercase; } body.gutenberg button.action.primary > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } body.gutenberg button.action.primary:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } body.gutenberg button.action.primary:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } body.gutenberg button.action.back { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffffff 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffffff 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } body.gutenberg button.action.back span { vertical-align: top; } body.gutenberg button.action.back::first-letter { text-transform: uppercase; } body.gutenberg button.action.back > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } body.gutenberg button.action.back:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } body.gutenberg button.action.back:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } body.gutenberg a.action.primary { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } body.gutenberg a.action.primary span { vertical-align: top; } body.gutenberg a.action.primary::first-letter { text-transform: uppercase; } body.gutenberg a.action.primary > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } body.gutenberg a.action.primary:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } body.gutenberg a.action.primary:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } body.gutenberg a.action.back { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 50%, #ffffff 50%); background: linear-gradient(90deg, #ffffff 50%, #ffffff 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } body.gutenberg a.action.back span { vertical-align: top; } body.gutenberg a.action.back::first-letter { text-transform: uppercase; } body.gutenberg a.action.back > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } body.gutenberg a.action.back:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } body.gutenberg a.action.back:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } body.gutenberg a { color: #000000; text-decoration: none; } body.gutenberg a > span { color: #000000; text-decoration: none; } body.gutenberg a:hover, body.gutenberg a:focus, body.gutenberg a:active { color: #ffbc0d; } body.gutenberg a:hover > span, body.gutenberg a:focus > span, body.gutenberg a:active > span { color: #ffbc0d; } body.gutenberg .input-text, body.gutenberg select, body.gutenberg textarea { font-size: 16px; background-color: #ffffff; color: #c1bcbc; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #e5e5e5; padding: 14px 16px 9px 16px; line-height: 20px; min-height: 0; } body.gutenberg .input-text:focus, body.gutenberg select:focus, body.gutenberg textarea:focus { color: #847a7a; border: 1px solid #c1bcbc; } body.gutenberg .input-text::-webkit-input-placeholder, body.gutenberg select::-webkit-input-placeholder, body.gutenberg textarea::-webkit-input-placeholder { color: #c1bcbc; } body.gutenberg .input-text::-moz-placeholder, body.gutenberg select::-moz-placeholder, body.gutenberg textarea::-moz-placeholder { color: #c1bcbc; } body.gutenberg .input-text:-ms-input-placeholder, body.gutenberg select:-ms-input-placeholder, body.gutenberg textarea:-ms-input-placeholder { color: #c1bcbc; } body.gutenberg .input-text::-ms-input-placeholder, body.gutenberg select::-ms-input-placeholder, body.gutenberg textarea::-ms-input-placeholder { color: #c1bcbc; } body.gutenberg .input-text::placeholder, body.gutenberg select::placeholder, body.gutenberg textarea::placeholder { color: #c1bcbc; } body.gutenberg .input-text.mage-error, body.gutenberg .input-text + .input-text.field-error, body.gutenberg select + .input-text.field-error, body.gutenberg textarea + .input-text.field-error, body.gutenberg .field-tooltip + .input-text.field-error, body.gutenberg select.mage-error, body.gutenberg .input-text + select.field-error, body.gutenberg select + select.field-error, body.gutenberg textarea + select.field-error, body.gutenberg .field-tooltip + select.field-error, body.gutenberg textarea.mage-error, body.gutenberg .input-text + textarea.field-error, body.gutenberg select + textarea.field-error, body.gutenberg textarea + textarea.field-error, body.gutenberg .field-tooltip + textarea.field-error { border-color: #DB0007; font-size: 16px; -webkit-box-shadow: none; box-shadow: none; } body.gutenberg .input-text + .mage-error, body.gutenberg .input-text + .field-error, body.gutenberg select + .mage-error, body.gutenberg select.input-text + .field-error, body.gutenberg select + .field-error, body.gutenberg select.field-tooltip + .field-error, body.gutenberg textarea + .mage-error, body.gutenberg textarea.input-text + .field-error, body.gutenberg textarea + .field-error, body.gutenberg textarea.field-tooltip + .field-error { -webkit-box-shadow: none; box-shadow: none; font-style: normal; color: #DB0007; font-size: 16px; } body.gutenberg .input-text:not(textarea), body.gutenberg select { min-height: 45px; } body.gutenberg .input-text, body.gutenberg select { border: 1px solid #ffbc0d; } body.gutenberg .input-text:focus, body.gutenberg select:focus { color: #847a7a; border: 1px solid #ffbc0d; } body.gutenberg input[type=number]::-webkit-inner-spin-button, body.gutenberg input[type=number]::-webkit-outer-spin-button { opacity: 1; } body.gutenberg .required .field .label:after { color: #DB0007; content: "*"; font-size: 12px; } body.gutenberg .fieldset .field .control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; max-width: 230px; } body.gutenberg .fieldset .field .mage-error, body.gutenberg .fieldset .field .input-text + .field-error, body.gutenberg .fieldset .field select + .field-error, body.gutenberg .fieldset .field textarea + .field-error, body.gutenberg .fieldset .field .field-tooltip + .field-error { font-size: 16px; -webkit-box-shadow: none; box-shadow: none; font-style: normal; color: #DB0007; } body.gutenberg .fieldset .field.required .mage-error, body.gutenberg .fieldset .field.required .input-text + .field-error, body.gutenberg .fieldset .field.required select + .field-error, body.gutenberg .fieldset .field.required textarea + .field-error, body.gutenberg .fieldset .field.required .field-tooltip + .field-error { position: static; } body.gutenberg .fieldset .field .label, body.gutenberg .fieldset .field label { font-size: 14px; } body.gutenberg .field.choice input[type=checkbox] + .label:before, body.gutenberg .field.choice input[type=radio] + .label:before { width: 20px; height: 20px; font-size: 20px; margin-right: 5px; } body.gutenberg .field.choice input[type=checkbox] + .label span, body.gutenberg .field.choice input[type=radio] + .label span { margin-top: 1px; } body.gutenberg .ui-spinner { position: relative; display: inline-block; padding: 0; vertical-align: middle; } body.gutenberg .ui-spinner .ui-spinner-button { width: 25px; height: 23px; font-size: 10px; padding: 0; margin: 0; text-align: center; position: absolute; display: block; overflow: hidden; right: 0; background-color: #ffbc0d; cursor: pointer; border: 1px solid #ffbc0d; border-left: none; } body.gutenberg .ui-spinner .ui-spinner-button > .ui-button-text { color: #ffffff; } body.gutenberg .ui-spinner .ui-spinner-button.ui-spinner-up { top: 0; } body.gutenberg .ui-spinner .ui-spinner-button.ui-spinner-down { bottom: 0; border-top: none; } body.gutenberg .ui-spinner .ui-spinner-button .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; width: 16px; height: 16px; background-image: url("https://code.jquery.com/ui/1.13.3/themes/base/images/ui-icons_444444_256x240.png"); } body.gutenberg .ui-spinner .ui-spinner-button .ui-icon.ui-icon-triangle-1-n { background-position: 0 -16px; } body.gutenberg .ui-spinner .ui-spinner-button .ui-icon.ui-icon-triangle-1-s { background-position: -65px -16px; } body.gutenberg .ui-spinner .ui-spinner-button:hover { background-color: #ffffff; } body.gutenberg .ui-spinner .ui-spinner-button:hover.ui-spinner-up { border-bottom: none; } body.gutenberg .ui-spinner .ui-spinner-button:hover > .ui-button-text { color: #ffbc0d; } body.gutenberg .ui-spinner-input { margin-right: 25px; } body.gutenberg .personalization .input-text { color: #000000; line-height: 25px; } body.gutenberg .personalization .select2-selection__rendered { color: #000000 !important; } body.gutenberg .product-add-form .select2-selection__rendered { color: #000000 !important; } body.gutenberg input[type="text"]:-ms-input-placeholder, body.gutenberg input[type="phone"]:-ms-input-placeholder, body.gutenberg input[type="time"]:-ms-input-placeholder { font-family: sans-serif; color: #c1bcbc; opacity: 0.7; } body.gutenberg #ui-datepicker-div { z-index: 8 !important; } body.gutenberg h1, body.gutenberg .heading-1 { margin-bottom: 25px; font-weight: 700; } body.gutenberg h2, body.gutenberg .heading-2 { margin-bottom: 25px; font-weight: 700; } body.gutenberg h3, body.gutenberg .heading-3 { margin-bottom: 25px; font-weight: 700; } body.gutenberg h4, body.gutenberg .heading-4 { margin-bottom: 25px; font-weight: 700; } body.gutenberg h5, body.gutenberg .heading-5 { margin-bottom: 25px; font-weight: 700; } body.gutenberg h6, body.gutenberg .heading-6 { margin-bottom: 25px; font-weight: 700; } body.gutenberg *:not(.messages) > .message-info, body.gutenberg *:not(.messages) > .message-notice, body.gutenberg *:not(.messages) > .message.notice, body.gutenberg *:not(.messages) > .message.info { background-color: transparent; border: none; font-size: 16px; cursor: default; color: #878787; } body.gutenberg *:not(.messages) > .message-info > div:after, body.gutenberg *:not(.messages) > .message-notice > div:after, body.gutenberg *:not(.messages) > .message.notice > div:after, body.gutenberg *:not(.messages) > .message.info > div:after { display: none; } body.gutenberg .messages > .message.message-error, body.gutenberg .messages > .message.error { font-size: 18px; } body.gutenberg .messages > .message a { color: #878787; text-decoration: none; } body.gutenberg .messages > .message a > span { color: #878787; text-decoration: none; } body.gutenberg .messages > .message a:hover, body.gutenberg .messages > .message a:focus, body.gutenberg .messages > .message a:active { color: #878787; } body.gutenberg .messages > .message a:hover > span, body.gutenberg .messages > .message a:focus > span, body.gutenberg .messages > .message a:active > span { color: #878787; } body.gutenberg .messages > .message a:hover { text-decoration: underline; } body.gutenberg .messages > .message.notice > div:after { display: block; } body.gutenberg #notice-cookie-block.global.cookie > .content { color: #ffffff; } body.gutenberg #notice-cookie-block.global.cookie > .content a { color: #ffbc0d; } body.gutenberg .cart.item.message.error > div:after { display: none; } body.gutenberg .control .mage-error, body.gutenberg .control .input-text + .field-error, body.gutenberg .control select + .field-error, body.gutenberg .control textarea + .field-error, body.gutenberg .control .field-tooltip + .field-error { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } body.gutenberg .modal-popup.confirm .action-secondary, body.gutenberg .modal-popup.confirm .action-primary { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } body.gutenberg .modal-popup.confirm .action-secondary span, body.gutenberg .modal-popup.confirm .action-primary span { vertical-align: top; } body.gutenberg .modal-popup.confirm .action-secondary::first-letter, body.gutenberg .modal-popup.confirm .action-primary::first-letter { text-transform: uppercase; } body.gutenberg .modal-popup.confirm .action-secondary > span, body.gutenberg .modal-popup.confirm .action-primary > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } body.gutenberg .modal-popup.confirm .action-secondary:hover, body.gutenberg .modal-popup.confirm .action-primary:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } body.gutenberg .modal-popup.confirm .action-secondary:hover > span, body.gutenberg .modal-popup.confirm .action-primary:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } body.gutenberg body .modal-slide._show, body.gutenberg .modal-popup._show { pointer-events: none; } body.gutenberg .modal-inner-wrap { pointer-events: auto; } body.gutenberg .modals-overlay { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; } body.gutenberg .attribute-tooltip { font-size: 24px; padding-left: 10px; color: #ffbc0d; } body.gutenberg .tooltip-content { background: green; } body.gutenberg .ui-tooltip, body.gutenberg .tooltip.content { position: absolute; max-width: 450px; border: 3px solid #ffbc0d; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 15px; background: #ffffff; } body.gutenberg .hidden { display: none; } .page-header { height: auto !important; } .page-header .rd-navbar .layout_2 .rd-navbar-cart-wrap .rd-navbar-cart-toggle .counter:before, .page-header .rd-navbar .layout_2 .rd-navbar-cart-wrap .rd-navbar-cart-toggle .counter:after { content: ""; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li .link { font-size: 14px; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li .link:before { font-size: 35px; color: #878787; margin-right: 8px; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.return-requests { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.shops { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.shops .cls-3 { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.shops svg { width: 47px; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.shops svg circle { fill: #ffbc0d; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.shops svg polygon { stroke: #000000; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.shops svg polyline { stroke: #000000; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.shops svg line { stroke: #000000; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.lsm-link { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.lsm-link .cls-3 { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.lsm-link svg { width: 47px; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.lsm-link svg rect { stroke: #000000; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.lsm-link svg circle { fill: #ffbc0d; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.lsm-link svg polygon { stroke: #000000; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.lsm-link svg polyline { stroke: #000000; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li.lsm-link svg line { stroke: #000000; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li .rd-navbar-cart-toggle .text { font-size: 0; } .page-header .rd-navbar .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li .rd-navbar-cart-toggle .counter { background-color: #ffbc0d; border-color: #ffbc0d; color: #ffffff; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .slider-pro-wrapper { display: none; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .page-header__content { padding: 0; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .panel-container-top-wrap { display: none; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .panel-container-wrap .logo-wrapper { text-align: center; margin: 20px 0; width: 100%; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .panel-container-wrap .logo-wrapper .logo img { width: 100px; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search-toggle { color: #878787; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search-toggle:before { font-size: 35px; color: #878787; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search form button[type="submit"] { right: 10px; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search .form-group { -webkit-box-shadow: none; box-shadow: none; right: 0; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search .form-group input { -webkit-border-radius: 25px; border-radius: 25px; height: 50px; line-height: 50px; padding: 0 60px 0 20px; font-size: 14px; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search .form-group input::-webkit-input-placeholder { text-transform: uppercase; font-weight: 300; font-size: 14px; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search .form-group input::-moz-placeholder { text-transform: uppercase; font-weight: 300; font-size: 14px; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search .form-group input:-ms-input-placeholder { text-transform: uppercase; font-weight: 300; font-size: 14px; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search .form-group input::-ms-input-placeholder { text-transform: uppercase; font-weight: 300; font-size: 14px; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-search .form-group input::placeholder { text-transform: uppercase; font-weight: 300; font-size: 14px; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav > li > a { text-transform: uppercase; font-weight: 700; font-size: 14px; padding: 0; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li a { color: #878787; text-decoration: none; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li a > span { color: #878787; text-decoration: none; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li a:hover, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li a:focus, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li a:active { color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li a:hover > span, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li a:focus > span, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li a:active > span { color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a { color: #878787; text-decoration: none; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a > span { color: #878787; text-decoration: none; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:hover, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:focus, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:active { color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:hover > span, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:focus > span, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:active > span { color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu li > a { text-transform: uppercase; font-size: 12px; line-height: 20px; display: inline-block; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu li > a > span { float: left; width: 180px; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu li > a:before { margin-top: -1px; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu li .rd-navbar-submenu-toggle { right: 0; padding: 5px; -webkit-transform: translateY(50%) translateY(-12px); transform: translateY(50%) translateY(-12px); } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu .rd-navbar-submenu-toggle { display: inline-block; position: absolute; top: 0; right: 29px; cursor: pointer; padding: 7px; -webkit-transform: translateY(50%) translateY(-14px); transform: translateY(50%) translateY(-14px); } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu .rd-navbar-submenu-toggle:before { -webkit-transition: .5s all ease; transition: .5s all ease; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #000000 transparent transparent transparent; padding: 0; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu.opened > .rd-navbar-dropdown, .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu.opened > .rd-navbar-megamenu { clear: both; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu.opened > .rd-navbar-submenu-toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); content: ''; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .rd-navbar-collapse-toggle span:before { font-size: 35px; color: #878787; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .rd-navbar-collapse .product-item { opacity: 1; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .rd-navbar-cart-wrap { opacity: 1; margin: 0; visibility: visible; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .rd-navbar-cart-wrap .rd-navbar-cart-fixed { visibility: visible; } .page-header .rd-navbar.rd-navbar-fixed .layout_2 .rd-navbar-cart-wrap .rd-navbar-cart-fixed .counter { visibility: visible; } .page-header .rd-navbar.rd-navbar-static .layout_2 .slider-pro-wrapper { display: block; background-color: rgba(0, 0, 0, 0.9); } .page-header .rd-navbar.rd-navbar-static .layout_2 .slider-pro-wrapper .action.primary { border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-transform: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .slider-pro-wrapper .action.primary > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .page-header .rd-navbar.rd-navbar-static .layout_2 .slider-pro-wrapper .action.primary:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .page-header .rd-navbar.rd-navbar-static .layout_2 .slider-pro-wrapper .action.primary:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .page-header .rd-navbar.rd-navbar-static .layout_2 .slider-pro-wrapper .action.invisible { display: block; width: 100%; height: 100%; } .page-header .rd-navbar.rd-navbar-static .layout_2 .slider-pro-wrapper .sp-arrow { color: #878787; background-color: #000000; -webkit-border-radius: 0; border-radius: 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .slider-pro-wrapper .sp-arrow.sp-previous-arrow { left: 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .slider-pro-wrapper .sp-arrow.sp-next-arrow { right: 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .slider-pro-wrapper .sp-arrow:hover { color: #ffffff; -webkit-box-shadow: none; box-shadow: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .page-header__content { padding: 0; background-color: #ffbc0d; margin-bottom: 25px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .rd-navbar-cart-wrap { float: none; height: auto; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap { background-color: #000000; color: #ffffff; letter-spacing: 1px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap > .container { height: 44px; line-height: 44px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.phone > a:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.email > a:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.hours > span:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .welcome > span:before { font-size: 25px; color: #ffbc0d; margin-right: 0; line-height: 40px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li { display: inline-block; height: 44px; margin-right: 0; font-size: 12px; white-space: nowrap; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li > a, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li > .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li > a { color: #ffffff; text-decoration: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li > a > span { color: #ffffff; text-decoration: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li > a:hover, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li > a:focus, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li > a:active { color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li > a:hover > span, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li > a:focus > span, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li > a:active > span { color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .welcome { display: inline-block; white-space: nowrap; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .welcome > span { font-size: 11px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .sp-layer { -webkit-transform: none !important; transform: none !important; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap { padding: 0; border-bottom: none; background-color: rgba(0, 0, 0, 0.9); } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap:after { display: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap > .container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 85px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .logo-wrapper { text-align: left; -webkit-box-flex: 1; -webkit-flex: 1 0 18%; -ms-flex: 1 0 18%; flex: 1 0 18%; margin: 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .logo-wrapper .logo img { width: 58px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container { -webkit-box-flex: 1; -webkit-flex: 1 1 82%; -ms-flex: 1 1 82%; flex: 1 1 82%; float: none; border-top: none; margin-top: 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li { margin: 0; padding: 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li.authorization-link { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link { color: #ffffff; text-decoration: none; font-size: 12px; font-weight: 700; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link > span { color: #ffffff; text-decoration: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link:hover, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link:focus, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link:active { color: #c1bcbc; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link:hover > span, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link:focus > span, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link:active > span { color: #c1bcbc; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link.rd-navbar-cart-toggle .text:after { color: #ffbc0d; left: 10px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link.rd-navbar-cart-toggle .counter { position: relative; top: -15px; width: 18px; height: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links > li .link:before { font-size: 35px; position: static; width: auto; height: auto; color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0; height: 77px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .navigation { -webkit-box-flex: 0; -webkit-flex: 0 0 390px; -ms-flex: 0 0 390px; flex: 0 0 390px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search { position: static; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; z-index: 20; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search form button[type="submit"] { font-size: 30px; color: #ffffff; right: 15px; border: none; background-color: transparent; padding: 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search form button[type="submit"]:hover { background-color: transparent; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search .form-group { -webkit-box-shadow: none; box-shadow: none; opacity: 1; visibility: visible; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search .form-group input { border: 4px solid #ffffff; -webkit-border-radius: 25px; border-radius: 25px; height: 50px; line-height: 50px; background: transparent; color: #ffffff; padding: 0 60px 0 20px; font-size: 14px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search .form-group input::-webkit-input-placeholder { text-transform: uppercase; color: #ffffff; font-weight: 300; font-size: 14px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search .form-group input::-moz-placeholder { text-transform: uppercase; color: #ffffff; font-weight: 300; font-size: 14px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search .form-group input:-ms-input-placeholder { text-transform: uppercase; color: #ffffff; font-weight: 300; font-size: 14px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search .form-group input::-ms-input-placeholder { text-transform: uppercase; color: #ffffff; font-weight: 300; font-size: 14px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search .form-group input::placeholder { text-transform: uppercase; color: #ffffff; font-weight: 300; font-size: 14px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .search-bar .rd-navbar-search-toggle { display: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-toggle { display: block; width: 300px; height: 50px; position: relative; z-index: 17; text-align: left; padding-left: 80px; background-color: #ffffff; -webkit-border-radius: 50px; border-radius: 50px; color: #000000; padding-top: 5px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-toggle span { display: block; -webkit-transition: .5s all ease; transition: .5s all ease; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-toggle span:after { -webkit-transition: .5s all ease; transition: .5s all ease; display: block; position: absolute; top: 50%; right: 10%; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #000000 transparent transparent transparent; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-toggle.active span:after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-toggle strong { font-weight: 900; font-size: 16px; letter-spacing: 4px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav-wrap { position: absolute; top: 14px; width: 300px; padding: 50px 0; background: #fff; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); z-index: 15; opacity: 0; pointer-events: none; -webkit-border-radius: 25px; border-radius: 25px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav-wrap.active { opacity: 1; pointer-events: auto; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav-wrap .welcome { display: block; font-size: 12px; border-top: 1px solid #eae9e9; border-bottom: 1px solid #eae9e9; padding: 30px 0; margin: 20px 30px 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav { display: block; overflow-y: scroll; font-size: 16px; line-height: 26px; text-align: left; height: 100%; border-top: none; margin-top: 25px; padding-top: 0; max-height: 70vh; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav:after { content: ''; display: block; height: 8px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav > li { margin: 0 0 15px 0; display: block; padding: 0 46px 0 30px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav > li:last-child { margin-bottom: 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav > li > a { display: inline-block; text-transform: none; font-weight: 700; font-size: 16px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav > li > a:after { display: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li a { color: #000000; text-decoration: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li a > span { color: #000000; text-decoration: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li a:hover, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li a:focus, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li a:active { color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li a:hover > span, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li a:focus > span, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li a:active > span { color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li a span { color: black; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:before { content: "\e939"; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent > a span:after { display: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a { color: #000000; text-decoration: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a > span { color: #000000; text-decoration: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:hover, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:focus, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:active { color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:hover > span, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:focus > span, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a:active > span { color: #ffbc0d; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav li.parent a span { color: black; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-dropdown { margin-left: 10px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-dropdown, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-megamenu { display: none; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-dropdown .rd-navbar-dropdown, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-megamenu .rd-navbar-dropdown { padding-left: 15px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu { position: relative; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu li { margin-bottom: 5px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu li:last-child { margin-bottom: 0; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu li > a { text-transform: none; font-size: 14px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu li > a > span { float: left; width: auto; max-width: 85%; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu li > a:before { font-family: "Linearicons"; content: "\e93c"; float: left; font-size: 10px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu li .rd-navbar-submenu-toggle { right: 0; padding: 5px; -webkit-transform: translateY(50%) translateY(-12px); transform: translateY(50%) translateY(-12px); } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu .rd-navbar-submenu-toggle { display: inline-block; position: absolute; top: 0; right: 15px; cursor: pointer; padding: 7px; -webkit-transform: translateY(50%) translateY(-12px); transform: translateY(50%) translateY(-12px); } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu .rd-navbar-submenu-toggle:before { -webkit-transition: .5s all ease; transition: .5s all ease; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #000000 transparent transparent transparent; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu.opened > .rd-navbar-dropdown, .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; padding: 20px 0; position: static; -webkit-box-shadow: none; box-shadow: none; width: auto; } .page-header .rd-navbar.rd-navbar-static .layout_2 .header-bottom-wrap .rd-navbar-nav .rd-navbar-submenu.opened > .rd-navbar-submenu-toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); content: ''; } @media (min-width: 992px) { .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap > .container { padding: 0 65px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap > .container { padding: 0 40px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li { font-size: 12px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.phone > a:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.phone > span:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.email > a:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.email > span:before { font-size: 35px; margin-right: 10px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.hours > a:before, .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li.hours > span:before { font-size: 30px; margin-right: 10px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .welcome > span { font-size: 12px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .welcome > span:before { font-size: 35px; margin-right: 10px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-wrap .rd-navbar-collapse-container .rd-navbar-collapse .header.links li .link { font-size: 16px; } } @media (min-width: 1200px) { .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap > .container { padding: 0 70px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .top-info li { font-size: 16px; } .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap .welcome > span { font-size: 16px; } } @media (min-width: 1354px) { .page-header .rd-navbar.rd-navbar-static .layout_2 .panel-container-top-wrap > .container { padding: 0 110px; } } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart #minicart-content-wrapper { padding: 0; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart #minicart-content-wrapper .wrapper { padding: 15px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart #minicart-content-wrapper .wrapper.empty { padding: 45px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .price { font-size: 16px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .empty { color: #ffbc0d; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .action.close { display: none; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .items-total { font-size: 17px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .subtotal { padding: 5px 0; border-bottom: 1px solid #edecec; border-top: 1px solid #edecec; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .subtotal .label { font-size: 16px; color: #878787; margin-bottom: 0; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper { margin: 15px 0 5px 0; max-height: 56vh; overflow-y: auto; overflow-x: hidden; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item { padding-bottom: 15px; margin: 0 10px 0 0; border-bottom: 0; width: 100%; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item:not(:last-child) { border-bottom: 1px solid #edecec; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item:not(:first-child) { padding-top: 15px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item > .product { position: relative; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details { min-width: 280px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #ffbc0d; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 109px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty .label { font-size: 14px; margin: 1px 5px 0 10px; padding: 0; line-height: 35px; color: #878787; -webkit-flex-basis: 40px; -ms-flex-preferred-size: 40px; flex-basis: 40px; max-width: 40px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty .label:after { content: ':'; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty .ui-spinner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 60px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty .ui-spinner .ui-spinner-button { border: none; height: 18px; line-height: 20px; font-size: 8px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty .ui-spinner .ui-spinner-button.ui-spinner-down { height: 17px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty .ui-spinner .ui-spinner-button .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; width: 16px; height: 16px; background-image: url("https://code.jquery.com/ui/1.13.3/themes/base/images/ui-icons_444444_256x240.png"); } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty .ui-spinner .ui-spinner-button .ui-icon.ui-icon-triangle-1-n { background-position: 0 -16px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty .ui-spinner .ui-spinner-button .ui-icon.ui-icon-triangle-1-s { background-position: -65px -16px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty .item-qty { border: none; background-color: transparent; padding: 0; color: #878787; min-height: 0; line-height: 30px; height: 35px; font-size: 14px; -webkit-flex-basis: 30px; -ms-flex-preferred-size: 30px; flex-basis: 30px; max-width: 30px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .details-qty.qty .update-cart-item { position: absolute; right: -30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product-item-name { margin-bottom: 0; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product-item-name > a { color: #000000; text-decoration: none; font-size: 16px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product-item-name > a > span { color: #000000; text-decoration: none; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product-item-name > a:hover, .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product-item-name > a:focus, .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product-item-name > a:active { color: #000000; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product-item-name > a:hover > span, .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product-item-name > a:focus > span, .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product-item-name > a:active > span { color: #000000; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product-item-name > a:hover { text-decoration: underline; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product.actions { right: 10px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product.actions .action:before { font-size: 18px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-details .product.actions .action:hover:before { color: #ffbc0d; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content > .actions { padding: 15px 0 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content > .actions .primary { max-width: 200px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content > .actions .primary #top-cart-btn-checkout { font-weight: 700; font-size: 14px; margin-bottom: 0; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content > .actions .secondary .action.viewcart { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffffff 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffffff 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; font-size: 14px; margin-bottom: 10px; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content > .actions .secondary .action.viewcart span { vertical-align: top; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content > .actions .secondary .action.viewcart::first-letter { text-transform: uppercase; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content > .actions .secondary .action.viewcart > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content > .actions .secondary .action.viewcart:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .page-header .rd-navbar .layout_2 .rd-navbar-cart .block-minicart .block-content > .actions .secondary .action.viewcart:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } @media (min-width: 1200px) { .page-header .rd-navbar .layout_2 .rd-navbar-cart { right: auto; left: 10px; } } .splash-side { display: none; } .splash-screen .page-main { padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; } .splash-screen .page-main .container { min-width: 0; width: 100%; max-width: 380px; padding: 0; margin: 0; } @media (min-width: 1200px) { .splash-screen .page-main { width: 60%; } .splash-screen .splash-side { display: block; width: 40%; background-color: #ffffff; position: fixed; right: 0; top: 0; height: 100%; z-index: 9998; } } .block.block-reorder .block-content .product-item .label { font-size: 14px; } .block.block-reorder .block-content .product-item input[type=checkbox], .block.block-reorder .block-content .product-item input[type=radio] { opacity: 0; position: absolute; } .block.block-reorder .block-content .product-item .product-item-name .product-item-link { color: #000000; text-decoration: none; } .block.block-reorder .block-content .product-item .product-item-name .product-item-link > span { color: #000000; text-decoration: none; } .block.block-reorder .block-content .product-item .product-item-name .product-item-link:hover, .block.block-reorder .block-content .product-item .product-item-name .product-item-link:focus, .block.block-reorder .block-content .product-item .product-item-name .product-item-link:active { color: #000000; } .block.block-reorder .block-content .product-item .product-item-name .product-item-link:hover > span, .block.block-reorder .block-content .product-item .product-item-name .product-item-link:focus > span, .block.block-reorder .block-content .product-item .product-item-name .product-item-link:active > span { color: #000000; } .block.block-reorder .block-content .product-item .product-item-name .product-item-link:hover { text-decoration: underline; } .block.block-reorder .block-content .subtitle { text-transform: lowercase; } .block.block-reorder .block-content .subtitle::first-letter { text-transform: uppercase; } .block.block-reorder .actions-toolbar .action { width: 100%; margin-bottom: 15px; -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; font-size: 14px; } .block.block-reorder .actions-toolbar .action span { vertical-align: top; } .block.block-reorder .actions-toolbar .action::first-letter { text-transform: uppercase; } .block.block-reorder .actions-toolbar .action > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .block.block-reorder .actions-toolbar .action:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .block.block-reorder .actions-toolbar .action:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .sidebar-additional .collapsible-block .opener { color: #878787; } .sidebar-additional .collapsible-block .opener:before { -webkit-transition: .5s all ease; transition: .5s all ease; display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #878787 transparent transparent transparent; padding: 0; margin: 0 0 0 15px; position: absolute; top: 50% !important; -webkit-transform: translateY(-50%) translateY(-8px) rotate(0deg); transform: translateY(-50%) translateY(-8px) rotate(0deg); } .sidebar-additional .collapsible-block .opener[aria-expanded="true"]:before { -webkit-transform: translateY(-50%) translateY(-8px) rotate(180deg); transform: translateY(-50%) translateY(-8px) rotate(180deg); } .breadcrumbs { background-color: #FFFFFF; padding-top: 25px; } .breadcrumbs .items .item { font-size: 16px; } .breadcrumbs .items .item a { color: black; } .page-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .page-wrapper .page-main { -webkit-box-shadow: none; box-shadow: none; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; background-color: #FFFFFF; } @media (min-width: 768px) { .page-wrapper .page-main { padding-top: 50px; } } .page-footer.layout_2 { border-top: none; color: #ffffff; padding: 0; } .page-footer.layout_2 > .footer { border-top: 1px solid #edecec; padding: 40px 15px; } .page-footer.layout_2 > .footer h4 { color: #878787; position: relative; } .page-footer.layout_2 > .footer h4:after { -webkit-transition: .5s all ease; transition: .5s all ease; display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #000000 transparent transparent transparent; padding: 0; margin: 0 0 0 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateY(-2px) rotate(0deg); transform: translateY(-50%) translateY(-2px) rotate(0deg); } .page-footer.layout_2 > .footer h4.id-active:after { -webkit-transform: translateY(-50%) translateY(-2px) rotate(180deg); transform: translateY(-50%) translateY(-2px) rotate(180deg); } .page-footer.layout_2 > .footer .footer-col .footer-col-content { font-size: 13px; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li { display: block; text-align: left; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li.advanced-search > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.download > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.phone > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.email > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.contest > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.hours > span:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li.contact-form > a:before { font-size: 25px; margin-right: 8px; line-height: 40px; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a, .page-footer.layout_2 > .footer .footer-col .footer-col-content li > .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li > .wrap:before { color: #ffffff; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a { color: #ffffff; text-decoration: none; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a > span { color: #ffffff; text-decoration: none; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a:hover, .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a:focus, .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a:active { color: #ffbc0d; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a:hover > span, .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a:focus > span, .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a:active > span { color: #ffbc0d; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li.instructions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li.instructions svg circle { fill: #878787; } @media (min-width: 768px) { .page-footer.layout_2 > .footer .footer-col .footer-col-content li.instructions svg circle { height: 40px; fill: #ffbc0d; } } @media (max-width: 768px) { .page-footer.layout_2 > .footer .footer-col .footer-col-content li.instructions svg path { fill: #ffffff; } } @media (min-width: 768px) { .page-footer.layout_2 > .footer .footer-col .footer-col-content li.instructions a { height: 40px; } } .page-footer.layout_2 > .footer .col-icon { display: none; } .page-footer.layout_2 > .footer .col-icon .icon-logo { color: #ffbc0d; font-size: 58px; } .page-footer.layout_2 > .footer .copyright { border-top: 1px solid #edecec; font-size: 13px; margin-top: 15px; } @media (min-width: 768px) { .page-footer.layout_2 { background-color: #000000; } .page-footer.layout_2 > .footer { padding: 70px 40px 40px; border-top: none; } .page-footer.layout_2 > .footer .footer-col .footer-col-content { font-size: 14px; } .page-footer.layout_2 > .footer .footer-col .footer-col-content li > a:before, .page-footer.layout_2 > .footer .footer-col .footer-col-content li > .wrap:before { color: #ffbc0d; } .page-footer.layout_2 > .footer .col-icon { display: block; } .page-footer.layout_2 > .footer .copyright { border-top: 1px solid #313131; margin-top: 55px; } } @media (min-width: 992px) { .page-footer.layout_2 > .footer .footer-col .footer-col-content { font-size: 16px; } } .customer-account-login .page-main .page-title-wrapper .page-title { color: #DB0007; font-size: 35px; font-weight: 700; line-height: 35px; margin-bottom: 0; } .customer-account-login .page-main .login-container .block-customer-login { border-bottom: 0; margin: 0; padding: 0 10px 0 10px; } .customer-account-login .page-main .login-container .block-customer-login .block-title { margin-bottom: 65px; font-size: 17px; font-weight: 700; line-height: 20px; color: #DB0007; text-align: center; } .customer-account-login .page-main .login-container .block-customer-login .form-login .field { display: block; margin-bottom: 45px; } .customer-account-login .page-main .login-container .block-customer-login .form-login .field .control { max-width: none; } .customer-account-login .page-main .login-container .block-customer-login .form-login .field .control .input-text { border: 1px solid #e5e5e5; } .customer-account-login .page-main .login-container .block-customer-login .form-login .field-recaptcha { margin-bottom: 45px; } .customer-account-login .page-main .login-container .block-customer-login .form-login .actions-toolbar { margin: 0; display: block; } .customer-account-login .page-main .login-container .block-customer-login .form-login .actions-toolbar > .primary { margin-bottom: 20px; } .customer-account-login .page-main .login-container .block-customer-login .form-login .actions-toolbar > .primary .action { width: 100%; margin: 0; } .customer-account-login .page-main .login-container .block-customer-login .form-login .actions-toolbar > .secondary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .customer-account-login .page-main .login-container .block-customer-login .form-login .actions-toolbar > .secondary .link { margin: 0 5px; } .customer-account-login .page-main .login-container .block-customer-login .form-login .actions-toolbar > .secondary .link:hover { text-decoration: underline; } @media (min-width: 480px) { .customer-account-login .page-main .page-title-wrapper .page-title { font-size: 60px; line-height: 60px; } .customer-account-login .page-main .login-container .block-customer-login .form-login .actions-toolbar > .secondary { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .customer-account-login .page-main .login-container .block-customer-login .form-login .actions-toolbar > .secondary .link:not(:last-child):after { content: '|'; margin-left: 10px; } } @media (min-width: 1200px) { .customer-account-login .page-main .page-title-wrapper .page-title { font-size: 80px; line-height: 80px; } } .customer-account-forgotpassword .page-main .page-title-wrapper .page-title { color: #DB0007; font-size: 35px; font-weight: 700; line-height: 35px; margin-bottom: 25px; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword { border-bottom: 0; margin: 0; padding: 10px; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword .form.password .field.note { text-align: center; padding-bottom: 0; border: none; line-height: 20px; margin-bottom: 35px; color: #c1bcbc; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword .form.password .field .nested { margin-top: 0; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword .form.password .field .captcha-reload { font-weight: 400; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword .form.password .field .captcha-img { margin-bottom: 35px; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword .form.password .field .control .input-text { border: 1px solid #e5e5e5; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword .form.password .actions-toolbar { margin: 0; display: block; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword .form.password .actions-toolbar > .primary { margin-bottom: 10px; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword .form.password .actions-toolbar > .primary .action { width: 100%; margin: 0; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword .form.password .actions-toolbar > .secondary { margin-bottom: 20px; text-align: center; } .customer-account-forgotpassword .page-main .forgotpassword-container .block-customer-forgotpassword .form.password .actions-toolbar > .secondary .back:hover { text-decoration: underline; } .contact-index-index .page-main .page-title-wrapper .page-title { text-align: center; color: #DB0007; font-size: 35px; font-weight: 700; line-height: 35px; margin-bottom: 25px; } .contact-index-index .page-main .contact-container .block-contact { border-bottom: 0; margin: 0; padding: 10px; } .contact-index-index .page-main .contact-container .block-contact .form.contact .field { display: block; margin-bottom: 10px; } .contact-index-index .page-main .contact-container .block-contact .form.contact .field .control { max-width: none; } .contact-index-index .page-main .contact-container .block-contact .form.contact .field .control .input-text { border: 1px solid #e5e5e5; } .contact-index-index .page-main .contact-container .block-contact .form.contact .field #comment { min-height: 0; } .contact-index-index .page-main .contact-container .block-contact .form.contact .actions-toolbar { margin: 30px 0 0 0; padding: 0; display: block; } .contact-index-index .page-main .contact-container .block-contact .form.contact .actions-toolbar > .primary { margin-bottom: 10px; } .contact-index-index .page-main .contact-container .block-contact .form.contact .actions-toolbar > .primary .action { width: 100%; margin: 0; } .contact-index-index .page-main .contact-container .block-contact .form.contact .actions-toolbar > .secondary { margin-bottom: 20px; text-align: center; } .contact-index-index .page-main .contact-container .block-contact .form.contact .actions-toolbar > .secondary .back:hover { text-decoration: underline; } .unity_contest-index-index .page-main .contest-container .block-customer-contest { border-bottom: 0; margin: 0; padding: 0 10px 0 10px; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .field { display: block; margin-bottom: 10px; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .field .control { max-width: none; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .field .control .input-text { border: 1px solid #e5e5e5; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .field-recaptcha { margin-bottom: 45px; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .actions-toolbar { margin: 0; display: block; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .actions-toolbar > .primary { margin-bottom: 20px; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .actions-toolbar > .primary .action { width: 100%; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .actions-toolbar > .secondary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .actions-toolbar > .secondary .link { margin: 0 5px; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .actions-toolbar > .secondary .link:hover { text-decoration: underline; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form textarea { min-height: 200px; } .unity_contest-index-index .page-main .contest-container .contest-header { padding: 0 10px 0 10px; text-align: center; margin-bottom: 35px; } .unity_contest-index-index .page-main .contest-container .contest-header h1 { font-family: "speedee", sans-serif; font-size: 38px; line-height: 1.2; white-space: normal; word-break: keep-all; color: #000000; } .unity_contest-index-index .page-main .contest-container .contest-header h2, .unity_contest-index-index .page-main .contest-container .contest-header h3, .unity_contest-index-index .page-main .contest-container .contest-header h4, .unity_contest-index-index .page-main .contest-container .contest-header h5 { font-family: "speedee", sans-serif; color: #DB0007; } .unity_contest-index-index .page-main .contest-container .contest-header h2 { font-size: 32px; } .unity_contest-index-index .page-main .contest-container .contest-footer { width: 100%; text-align: center; padding: 0 10px 0 10px; } .unity_contest-index-index .page-main .contest-container .contest-footer a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; font-weight: bold; text-transform: uppercase; text-align: center; color: white; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ffbc0d; padding: 10px 10px 5px; font-size: 22px; line-height: normal; } @media (min-width: 480px) { .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .actions-toolbar > .secondary { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .unity_contest-index-index .page-main .contest-container .block-customer-contest .contest-form .actions-toolbar > .secondary .link:not(:last-child):after { content: '|'; margin-left: 10px; } } .catalog-product-view .product-info-main .product-info-price .product-info-stock-sku { font-size: 16px; } .catalog-product-view .product-info-main .product-info-price .page-title { color: #000000; } .catalog-product-view .product-info-main .product-info-price .price-box .price-container { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .product-info-main .product-info-price .price-box .price-container .price-excluding-tax { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; margin-bottom: 15px; } .catalog-product-view .product-info-main .product-info-price .price-box .price-container .price-including-tax { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .catalog-product-view .product-info-main .product-info-price .price-box .price-container .price-including-tax:before { margin-right: 10px; color: #000000; font-size: 16px; content: attr(data-label) ": "; } .catalog-product-view .product-info-main .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax:before { margin-right: 10px; color: #000000; font-size: 16px; } .catalog-product-view .product-info-main .product-info-price .price-box .price { font-weight: 400; } .catalog-product-view .product-info-main .product.pricing { margin-bottom: 20px; color: #878787; } .catalog-product-view .product-info-main .product-add-form { margin-bottom: 20px; } .catalog-product-view .product-info-main .product-add-form .product-options-bottom.delete-checked .qty { display: none; } .catalog-product-view .product-info-main .product-add-form .box-tocart { max-width: 276px; } .catalog-product-view .product-info-main .product-add-form .box-tocart .field { padding-right: 0; display: block; } .catalog-product-view .product-info-main .product-add-form .box-tocart .field.qty .control { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .catalog-product-view .product-info-main .product-add-form .box-tocart .field.qty .control .label { font-size: 16px; padding: 0px 5px 0 10px; margin: 0; line-height: 44px; border: 1px solid #ffbc0d; border-right: none; position: absolute; right: 70px; bottom: 0; } .catalog-product-view .product-info-main .product-add-form .box-tocart .field.qty .control .ui-spinner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .catalog-product-view .product-info-main .product-add-form .box-tocart .field.qty .control .ui-spinner .ui-spinner-button.ui-spinner-up { bottom: 22px; top: auto; } .catalog-product-view .product-info-main .product-add-form .box-tocart .field.qty .control .ui-spinner .ui-spinner-button.ui-spinner-down { height: 21px; } .catalog-product-view .product-info-main .product-add-form .box-tocart .field.qty .control .ui-spinner #qty { width: 45px; } .catalog-product-view .product-info-main .product-add-form .box-tocart .field.qty .control #qty { padding: 0; color: #000000; line-height: 44px; border: 1px solid #ffbc0d; border-left: none; border-right: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 70px; } .catalog-product-view .product-info-main .product-add-form .box-tocart .mage-error:not(input):not(textarea) .mage-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg .input-text + .field-error:not(input):not(textarea) .mage-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .input-text + .field-error:not(input):not(textarea) .mage-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg select + .field-error:not(input):not(textarea) .mage-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart select + .field-error:not(input):not(textarea) .mage-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg textarea + .field-error:not(input):not(textarea) .mage-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart textarea + .field-error:not(input):not(textarea) .mage-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg .field-tooltip + .field-error:not(input):not(textarea) .mage-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .field-tooltip + .field-error:not(input):not(textarea) .mage-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart .mage-error:not(input):not(textarea) body.gutenberg .input-text + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .mage-error:not(input):not(textarea) .input-text + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg .input-text + .field-error:not(input):not(textarea) .input-text + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .input-text + .field-error:not(input):not(textarea) .input-text + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg select + .field-error:not(input):not(textarea) .input-text + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart select + .field-error:not(input):not(textarea) .input-text + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg textarea + .field-error:not(input):not(textarea) .input-text + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart textarea + .field-error:not(input):not(textarea) .input-text + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg .field-tooltip + .field-error:not(input):not(textarea) .input-text + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .field-tooltip + .field-error:not(input):not(textarea) .input-text + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart .mage-error:not(input):not(textarea) body.gutenberg select + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .mage-error:not(input):not(textarea) select + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg .input-text + .field-error:not(input):not(textarea) select + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .input-text + .field-error:not(input):not(textarea) select + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg select + .field-error:not(input):not(textarea) select + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart select + .field-error:not(input):not(textarea) select + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg textarea + .field-error:not(input):not(textarea) select + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart textarea + .field-error:not(input):not(textarea) select + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg .field-tooltip + .field-error:not(input):not(textarea) select + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .field-tooltip + .field-error:not(input):not(textarea) select + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart .mage-error:not(input):not(textarea) body.gutenberg textarea + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .mage-error:not(input):not(textarea) textarea + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg .input-text + .field-error:not(input):not(textarea) textarea + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .input-text + .field-error:not(input):not(textarea) textarea + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg select + .field-error:not(input):not(textarea) textarea + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart select + .field-error:not(input):not(textarea) textarea + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg textarea + .field-error:not(input):not(textarea) textarea + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart textarea + .field-error:not(input):not(textarea) textarea + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg .field-tooltip + .field-error:not(input):not(textarea) textarea + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .field-tooltip + .field-error:not(input):not(textarea) textarea + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart .mage-error:not(input):not(textarea) body.gutenberg .field-tooltip + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .mage-error:not(input):not(textarea) .field-tooltip + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg .input-text + .field-error:not(input):not(textarea) .field-tooltip + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .input-text + .field-error:not(input):not(textarea) .field-tooltip + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg select + .field-error:not(input):not(textarea) .field-tooltip + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart select + .field-error:not(input):not(textarea) .field-tooltip + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg textarea + .field-error:not(input):not(textarea) .field-tooltip + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart textarea + .field-error:not(input):not(textarea) .field-tooltip + .field-error:not(input):not(textarea), .catalog-product-view .product-info-main .product-add-form .box-tocart body.gutenberg .field-tooltip + .field-error:not(input):not(textarea) .field-tooltip + .field-error:not(input):not(textarea), body.gutenberg .catalog-product-view .product-info-main .product-add-form .box-tocart .field-tooltip + .field-error:not(input):not(textarea) .field-tooltip + .field-error:not(input):not(textarea) { -webkit-box-shadow: none; box-shadow: none; padding: 0 0 10px 0; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; text-align: left; position: static; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 16px; } .catalog-product-view .product-info-main .product-add-form .box-tocart .actions .action.tocart { border: 1px solid #ffbc0d; color: #ffffff; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .catalog-product-view .product-info-main .product-add-form .box-tocart .actions .action.tocart > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .catalog-product-view .product-info-main .product-add-form .box-tocart .actions .action.tocart:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .catalog-product-view .product-info-main .product-add-form .box-tocart .actions .action.tocart:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .catalog-product-view .product-info-main .product-add-form .box-tocart .actions .action.tocart > span:before { display: none; } .catalog-product-view .product-info-main .product-social-links { padding-top: 20px; margin-top: 20px; border-top: 1px solid #edecec; } .catalog-product-view .product-info-main .product-social-links .action.mailto:before { font-size: 30px; } .catalog-product-view .product-info-main .product.attribute { color: #000000; } .catalog-product-view .details-actions-wrap { position: relative; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .catalog-product-view .details-actions-wrap .product.info { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .catalog-product-view .details-actions-wrap .product.info .items { min-height: 40px; } .catalog-product-view .details-actions-wrap .product.info .title:before { display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #000000 transparent transparent transparent; padding: 0; margin: 0 0 0 15px; } .catalog-product-view .details-actions-wrap .product.info .description { color: #000000; } .catalog-product-view .details-actions-wrap .actions-toolbar { padding: 0 15px; display: block; } @media (min-width: 768px) { .catalog-product-view .product-info-main .product-add-form .box-tocart { max-width: 210px; } .catalog-product-view .details-actions-wrap .product.info { padding-bottom: 0; } .catalog-product-view .details-actions-wrap .product.info .title:before { display: none; } .catalog-product-view .details-actions-wrap .actions-toolbar { position: absolute; right: 0; top: 95px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .page-products .toolbar-products { padding-bottom: 20px; } .page-products .toolbar-products .field > .label { font-size: 14px; } .page-products .toolbar-products .action.filter-toggle { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .page-products .toolbar-products .action.filter-toggle span { vertical-align: top; } .page-products .toolbar-products .action.filter-toggle::first-letter { text-transform: uppercase; } .page-products .toolbar-products .action.filter-toggle > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .page-products .toolbar-products .action.filter-toggle:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .page-products .toolbar-products .action.filter-toggle:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .page-products .infiniteScroll_wrap .actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .page-products .sidebar-main { padding-bottom: 0; } .page-products .sidebar-main .block.filter .block-content { font-size: 16px; } .page-products .sidebar-main .block.filter .block-content .filter-current .block-subtitle { text-transform: lowercase; font-size: 18px; } .page-products .sidebar-main .block.filter .block-content .filter-current .block-subtitle::first-letter { text-transform: uppercase; } .page-products .sidebar-main .block.filter .block-content .filter-current .block-subtitle:before { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #878787 transparent transparent transparent; padding: 0; margin: 0 0 0 15px; position: absolute; top: 50% !important; -webkit-transform: translateY(-50%) translateY(-2px) rotate(0deg); transform: translateY(-50%) translateY(-2px) rotate(0deg); } .page-products .sidebar-main .block.filter .block-content .filter-current.active .block-subtitle:before { -webkit-transform: translateY(-50%) translateY(-2px) rotate(180deg); transform: translateY(-50%) translateY(-2px) rotate(180deg); } .page-products .sidebar-main .block.filter .block-content .block-actions { margin-top: 15px; } .page-products .sidebar-main .block.filter .block-content .block-actions .action.filter-clear { color: #000000; text-decoration: none; } .page-products .sidebar-main .block.filter .block-content .block-actions .action.filter-clear > span { color: #000000; text-decoration: none; } .page-products .sidebar-main .block.filter .block-content .block-actions .action.filter-clear:hover, .page-products .sidebar-main .block.filter .block-content .block-actions .action.filter-clear:focus, .page-products .sidebar-main .block.filter .block-content .block-actions .action.filter-clear:active { color: #ffbc0d; } .page-products .sidebar-main .block.filter .block-content .block-actions .action.filter-clear:hover > span, .page-products .sidebar-main .block.filter .block-content .block-actions .action.filter-clear:focus > span, .page-products .sidebar-main .block.filter .block-content .block-actions .action.filter-clear:active > span { color: #ffbc0d; } .page-products .sidebar-main .block.filter label { font-size: 14px; } .page-products .sidebar-main .block.filter .filter-options-item .filter-options-title { text-transform: lowercase; font-size: 18px; } .page-products .sidebar-main .block.filter .filter-options-item .filter-options-title::first-letter { text-transform: uppercase; } .page-products .sidebar-main .block.filter .filter-options-item .filter-options-title:before { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #878787 transparent transparent transparent; padding: 0; margin: 0 0 0 15px; position: absolute; top: 50% !important; -webkit-transform: translateY(-50%) translateY(-2px) rotate(0deg); transform: translateY(-50%) translateY(-2px) rotate(0deg); } .page-products .sidebar-main .block.filter .filter-options-item.active .filter-options-title:before { -webkit-transform: translateY(-50%) translateY(-2px) rotate(180deg); transform: translateY(-50%) translateY(-2px) rotate(180deg); } .page-products .sidebar-main .block.filter .filter-options-item .action.primary { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .page-products .sidebar-main .block.filter .filter-options-item .action.primary span { vertical-align: top; } .page-products .sidebar-main .block.filter .filter-options-item .action.primary::first-letter { text-transform: uppercase; } .page-products .sidebar-main .block.filter .filter-options-item .action.primary > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .page-products .sidebar-main .block.filter .filter-options-item .action.primary:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .page-products .sidebar-main .block.filter .filter-options-item .action.primary:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .page-products .products-grid .product-items:not(.owl-carousel):before, .page-products .products-grid .product-items:not(.owl-carousel):after, .page-products .products-list .product-items:not(.owl-carousel):before, .page-products .products-list .product-items:not(.owl-carousel):after { background: transparent; } .products-grid .product-items:not(.owl-carousel) .product-item { border-bottom: none; margin-bottom: 0; padding-bottom: 40px; } .products-grid .product-items .product-item .product-image-container, .products-list .product-items .product-item .product-image-container { -webkit-box-shadow: 0 0 20px 1px #1b1b1b33; box-shadow: 0 0 20px 1px #1b1b1b33; padding: 10px; display: inline-block; } .products-grid .product-items .product-item .product-image-container .product-image-wrapper, .products-list .product-items .product-item .product-image-container .product-image-wrapper { display: block; position: relative; z-index: 1; overflow: hidden; } .products-grid .product-items .product-item.gold .product-item-info, .products-list .product-items .product-item.gold .product-item-info { background-color: #FAC710; } .products-grid .product-items .product-item.gold .product-item-info .product-item-details .product-item-name .product-item-link, .products-list .product-items .product-item.gold .product-item-info .product-item-details .product-item-name .product-item-link { color: white; } .products-grid .product-items .product-item .product-item-details, .products-list .product-items .product-item .product-item-details { text-align: left; max-width: 222px; } .products-grid .product-items .product-item .product-item-details .product-item-name, .products-list .product-items .product-item .product-item-details .product-item-name { line-height: 20px; height: 58px; overflow: hidden; } .products-grid .product-items .product-item .product-item-details .product-item-name .product-item-link, .products-list .product-items .product-item .product-item-details .product-item-name .product-item-link { color: #000000; text-decoration: none; font-size: 16px; font-weight: 700; } .products-grid .product-items .product-item .product-item-details .product-item-name .product-item-link > span, .products-list .product-items .product-item .product-item-details .product-item-name .product-item-link > span { color: #000000; text-decoration: none; } .products-grid .product-items .product-item .product-item-details .product-item-name .product-item-link:hover, .products-grid .product-items .product-item .product-item-details .product-item-name .product-item-link:focus, .products-grid .product-items .product-item .product-item-details .product-item-name .product-item-link:active, .products-list .product-items .product-item .product-item-details .product-item-name .product-item-link:hover, .products-list .product-items .product-item .product-item-details .product-item-name .product-item-link:focus, .products-list .product-items .product-item .product-item-details .product-item-name .product-item-link:active { color: #000000; } .products-grid .product-items .product-item .product-item-details .product-item-name .product-item-link:hover > span, .products-grid .product-items .product-item .product-item-details .product-item-name .product-item-link:focus > span, .products-grid .product-items .product-item .product-item-details .product-item-name .product-item-link:active > span, .products-list .product-items .product-item .product-item-details .product-item-name .product-item-link:hover > span, .products-list .product-items .product-item .product-item-details .product-item-name .product-item-link:focus > span, .products-list .product-items .product-item .product-item-details .product-item-name .product-item-link:active > span { color: #000000; } .products-grid .product-items .product-item .product-item-details .product-item-name .product-item-link:hover, .products-list .product-items .product-item .product-item-details .product-item-name .product-item-link:hover { text-decoration: underline; } .products-grid .product-items .product-item .product-item-details .product-item-description, .products-list .product-items .product-item .product-item-details .product-item-description { display: none; } .products-grid .product-items .product-item .product-item-details .price-box .price-container, .products-list .product-items .product-item .product-item-details .price-box .price-container { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .products-grid .product-items .product-item .product-item-details .price-box .price-container .price-excluding-tax, .products-list .product-items .product-item .product-item-details .price-box .price-container .price-excluding-tax { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .products-grid .product-items .product-item .product-item-details .price-box .price-container .price-including-tax, .products-list .product-items .product-item .product-item-details .price-box .price-container .price-including-tax { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .products-grid .product-items .product-item .product-item-details .price-box .price-container .price-including-tax:before, .products-list .product-items .product-item .product-item-details .price-box .price-container .price-including-tax:before { margin-right: 10px; color: #000000; content: attr(data-label) ": "; font-size: 14px; } .products-grid .product-items .product-item .product-item-details .price-box .price-container .price-including-tax + .price-excluding-tax:before, .products-list .product-items .product-item .product-item-details .price-box .price-container .price-including-tax + .price-excluding-tax:before { margin-right: 10px; color: #000000; font-size: 14px; } .products-grid .product-items .product-item .product-item-details .price-box .price-container .price, .products-list .product-items .product-item .product-item-details .price-box .price-container .price { font-size: 16px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .stock-qty, .products-list .product-items .product-item .product-item-details .product-item-actions .stock-qty { margin-bottom: 15px; color: #878787; font-size: 14px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .links-primary, .products-list .product-items .product-item .product-item-details .product-item-actions .links-primary { display: block; text-align: center; padding-top: 10px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .links-primary a, .products-list .product-items .product-item .product-item-details .product-item-actions .links-primary a { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; color: #000000; } .products-grid .product-items .product-item .product-item-details .product-item-actions .links-primary a span, .products-list .product-items .product-item .product-item-details .product-item-actions .links-primary a span { vertical-align: top; } .products-grid .product-items .product-item .product-item-details .product-item-actions .links-primary a::first-letter, .products-list .product-items .product-item .product-item-details .product-item-actions .links-primary a::first-letter { text-transform: uppercase; } .products-grid .product-items .product-item .product-item-details .product-item-actions .links-primary a > span, .products-list .product-items .product-item .product-item-details .product-item-actions .links-primary a > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .products-grid .product-items .product-item .product-item-details .product-item-actions .links-primary a:hover, .products-list .product-items .product-item .product-item-details .product-item-actions .links-primary a:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .products-grid .product-items .product-item .product-item-details .product-item-actions .links-primary a:hover > span, .products-list .product-items .product-item .product-item-details .product-item-actions .links-primary a:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .products-grid .product-items .product-item .product-item-details .product-item-actions .links-primary a:hover, .products-list .product-items .product-item .product-item-details .product-item-actions .links-primary a:hover { color: #000000; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary > form > .fieldset, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary > form > .fieldset { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field { padding-right: 0; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty { margin-bottom: 20px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .label, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .label { font-size: 16px; padding: 0px 5px 0 10px; margin: 0; line-height: 41px; height: 43px; border: 1px solid #ffbc0d; border-right: none; font-weight: 400; position: absolute; right: 70px; bottom: 0; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button { height: 22px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button.ui-spinner-up, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button.ui-spinner-up { bottom: 21px; top: auto; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button.ui-spinner-down, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button.ui-spinner-down { height: 20px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button .ui-icon, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; width: 16px; height: 16px; background-image: url("https://code.jquery.com/ui/1.13.3/themes/base/images/ui-icons_444444_256x240.png"); } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button .ui-icon.ui-icon-triangle-1-n, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button .ui-icon.ui-icon-triangle-1-n { background-position: 0 -16px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button .ui-icon.ui-icon-triangle-1-s, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .ui-spinner-button .ui-icon.ui-icon-triangle-1-s { background-position: -65px -16px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .input-text.qty, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .input-text.qty { width: 45px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .input-text:not(textarea), .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .ui-spinner .input-text:not(textarea) { min-height: 43px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .input-text.qty, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty .control .input-text.qty { padding: 0; color: #000000; line-height: 45px; text-align: center; height: 43px; border: 1px solid #ffbc0d; border-left: none; border-right: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 70px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .mage-error:not(input):not(textarea), .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary body.gutenberg .input-text + .field-error:not(input):not(textarea), body.gutenberg .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .input-text + .field-error:not(input):not(textarea), .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary body.gutenberg select + .field-error:not(input):not(textarea), body.gutenberg .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary select + .field-error:not(input):not(textarea), .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary body.gutenberg textarea + .field-error:not(input):not(textarea), body.gutenberg .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary textarea + .field-error:not(input):not(textarea), .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary body.gutenberg .field-tooltip + .field-error:not(input):not(textarea), body.gutenberg .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .field-tooltip + .field-error:not(input):not(textarea), .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .mage-error:not(input):not(textarea), .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary body.gutenberg .input-text + .field-error:not(input):not(textarea), body.gutenberg .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .input-text + .field-error:not(input):not(textarea), .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary body.gutenberg select + .field-error:not(input):not(textarea), body.gutenberg .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary select + .field-error:not(input):not(textarea), .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary body.gutenberg textarea + .field-error:not(input):not(textarea), body.gutenberg .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary textarea + .field-error:not(input):not(textarea), .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary body.gutenberg .field-tooltip + .field-error:not(input):not(textarea), body.gutenberg .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field-tooltip + .field-error:not(input):not(textarea) { padding: 0 0 10px 0; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; font-size: 14px; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .action, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .action { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart { font-size: 14px; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart > span:before, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart > span:before { display: none; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart > span, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart:hover, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart:hover > span, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } @media (min-width: 480px) { .products-grid .product-items .product-item .product-item-details .product-item-actions .qty, .products-list .product-items .product-item .product-item-details .product-item-actions .qty { font-size: 16px; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .action, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .action { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .products-grid .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart, .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .action.tocart { font-size: 17px; } } @media screen and (min-width: 1200px) { .products-grid.tiles-list.block-type .product-item, .products-list.tiles-list.block-type .product-item { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 768px) { .products-grid.tiles-list.block-type .product-item, .products-list.tiles-list.block-type .product-item { padding: 5px !important; } } .products-grid.tiles-list.block-type .product-item .product-item-info, .products-list.tiles-list.block-type .product-item .product-item-info { -webkit-box-shadow: 0 0 20px 1px #1b1b1b33; box-shadow: 0 0 20px 1px #1b1b1b33; } .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-photo, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-photo { width: 100%; min-height: 100px; padding: 5px 5px 5px; display: inline-block; margin-bottom: 0; } .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-photo img, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-photo img { -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; max-height: 155px; } @media screen and (max-width: 768px) { .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-photo, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-photo { margin-bottom: 15px; } } .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-details, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-details { max-width: unset; width: 100%; } .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-name, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 40px; overflow: hidden; margin: 0; padding: 0 5px; } @media screen and (max-width: 768px) { .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-name, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-name { height: 50px; } } .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-name .product-item-link, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-name .product-item-link { font-family: "speedee", sans-serif; text-align: center; font-weight: 400; width: 100%; margin: 0; height: auto; line-height: 1; display: block; overflow: hidden; text-overflow: clip; font-size: 15px; max-height: 36px; } @media screen and (max-width: 1200px) { .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-name .product-item-link, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-name .product-item-link { font-size: 17px; max-height: 38px; } } @media screen and (max-width: 992px) { .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-name .product-item-link, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-name .product-item-link { font-size: 19px; max-height: 43px; } } @media screen and (min-width: 1354px) { .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-name .product-item-link, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-name .product-item-link { font-size: 19px; max-height: 48px; } } .products-grid.tiles-list.block-type .product-item .product-item-info .product-item-name .product-item-link:hover, .products-list.tiles-list.block-type .product-item .product-item-info .product-item-name .product-item-link:hover { text-decoration: none; } @media screen and (min-width: 1200px) { .products-grid.tiles-list.item-type .product-item, .products-list.tiles-list.item-type .product-item { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 768px) { .products-grid.tiles-list.item-type .product-item, .products-list.tiles-list.item-type .product-item { padding: 5px; } } .products-grid.tiles-list.item-type .product-item-info .product-item-photo, .products-list.tiles-list.item-type .product-item-info .product-item-photo { -webkit-box-shadow: 0 0 20px 1px #1b1b1b33; box-shadow: 0 0 20px 1px #1b1b1b33; width: 100%; min-height: 100px; padding: 15px; display: inline-block; } @media screen and (max-width: 768px) { .products-grid.tiles-list.item-type .product-item-info .product-item-photo, .products-list.tiles-list.item-type .product-item-info .product-item-photo { padding: 7.5px; margin-bottom: 15px; } } .products-grid.tiles-list.item-type .product-item-info .product-item-photo img, .products-list.tiles-list.item-type .product-item-info .product-item-photo img { -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .products-grid.tiles-list.item-type .product-item-details, .products-list.tiles-list.item-type .product-item-details { max-width: 100%; } .products-grid.tiles-list.item-type .product-item-details a.action.tocart.primary, .products-list.tiles-list.item-type .product-item-details a.action.tocart.primary { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } @media screen and (min-width: 992px) and (max-width: 1200px) { .products-grid.tiles-list.item-type .product-item-details a.action.tocart.primary, .products-list.tiles-list.item-type .product-item-details a.action.tocart.primary { padding: 5px 8px; margin: 0; } } @media screen and (max-width: 768px) { .products-grid.tiles-list.item-type .product-item-details a.action.tocart.primary, .products-list.tiles-list.item-type .product-item-details a.action.tocart.primary { padding: 5px 8px; margin: 0; } } @media screen and (min-width: 992px) and (max-width: 1200px) { .products-grid.tiles-list.item-type .product-item-details a.action.tocart.primary span, .products-list.tiles-list.item-type .product-item-details a.action.tocart.primary span { vertical-align: middle; font-size: 13px; } } @media screen and (max-width: 768px) { .products-grid.tiles-list.item-type .product-item-details a.action.tocart.primary span, .products-list.tiles-list.item-type .product-item-details a.action.tocart.primary span { vertical-align: middle; font-size: 13px; } } .widget.block-static-block { padding-bottom: 15px; margin-bottom: 15px; border-bottom: none; } .products-list .product-items .product-item .product-item-details .product-item-actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .products-list .product-items .product-item .product-item-details .product-item-actions .actions-primary .field.qty { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; width: 100%; } .products-list .product-items .product-item .product-image-container .product-image-photo { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .pager { margin-top: 10px; } .pager .pages { display: block; } .page-title-wrapper.custom-links-title h1 { text-align: center; font-size: 24px; border-top: 2px solid #ffbc0d; padding: 25px 0; font-weight: 600; } .main_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main_block .grid-inner { -webkit-box-shadow: 0 0 20px 1px #1b1b1b33; box-shadow: 0 0 20px 1px #1b1b1b33; max-width: 221px; max-height: 220px; min-width: 220px; display: inline-block; padding: 35px; position: relative; } .main_block .grid-inner .category-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 173px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .main_block .grid-inner.gold { background-color: #FAC710; } .main_block .grid-inner.gold.arrow::after { content: ''; background-image: url("../images/additional/arrow-icon.png"); background-repeat: no-repeat; background-size: contain; width: 205px; height: 162px; display: block; position: absolute; top: -40px; right: -231px; } .main_block .grid-inner .category-name.white { margin-top: 20px; color: #ffffff; } .main_block .grid-inner .category-name.black { color: #000000; margin-top: 30px; } .main_block .category-grid { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main_block .category-grid li { margin: 28px; } .main_block .text { color: #000000; font-size: 23px; text-align: center; line-height: 1; margin-bottom: 0; } .widget:last-of-type { margin-bottom: 0; } .cms-home .widget.catalog-image-grid .header, .cms-sklep .widget.catalog-image-grid .header { font-size: 20px; line-height: 20px; color: #000000; text-align: center; margin-bottom: 0; } .cms-home .widget.catalog-image-grid .category-grid, .cms-sklep .widget.catalog-image-grid .category-grid { margin: 50px auto 0; max-width: 1240px; } .cms-home .widget.catalog-image-grid .category-grid > li, .cms-sklep .widget.catalog-image-grid .category-grid > li { margin-bottom: 50px; text-align: center; } .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner { max-width: 221px; max-height: 220px; display: inline-block; } .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link { color: #4c4c4c; text-decoration: none; } .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link > span, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link > span { color: #4c4c4c; text-decoration: none; } .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:hover, .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:focus, .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:active, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:hover, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:focus, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:active { color: #4c4c4c; } .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:hover > span, .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:focus > span, .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:active > span, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:hover > span, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:focus > span, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link:active > span { color: #4c4c4c; } .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link .category-image, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link .category-image { margin: 0 auto; } .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link .category-image img, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link .category-image img { margin-top: 10px; } .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link .category-name, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link .category-name { font-size: 14px; padding: 10px 0; } .cms-home .widget.catalog-image-grid .category-grid.columns-3 > li, .cms-sklep .widget.catalog-image-grid .category-grid.columns-3 > li { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .cms-home .widget.catalog-image-grid .actions-toolbar, .cms-sklep .widget.catalog-image-grid .actions-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 70px; } .cms-home .widget.catalog-image-grid .actions-toolbar .action, .cms-sklep .widget.catalog-image-grid .actions-toolbar .action { width: 100%; margin-bottom: 30px; font-size: 14px; } .cms-home .widget.catalog-image-grid .actions-toolbar .action.primary, .cms-sklep .widget.catalog-image-grid .actions-toolbar .action.primary { border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .cms-home .widget.catalog-image-grid .actions-toolbar .action.primary > span, .cms-sklep .widget.catalog-image-grid .actions-toolbar .action.primary > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .cms-home .widget.catalog-image-grid .actions-toolbar .action.primary:hover, .cms-sklep .widget.catalog-image-grid .actions-toolbar .action.primary:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .cms-home .widget.catalog-image-grid .actions-toolbar .action.primary:hover > span, .cms-sklep .widget.catalog-image-grid .actions-toolbar .action.primary:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } @media (min-width: 480px) { .cms-home .widget.catalog-image-grid .category-grid.columns-3 > li, .cms-sklep .widget.catalog-image-grid .category-grid.columns-3 > li { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 33%; } .cms-home .widget.catalog-image-grid .actions-toolbar .action, .cms-sklep .widget.catalog-image-grid .actions-toolbar .action { font-size: 17px; } } @media (min-width: 768px) { .cms-home .widget.catalog-image-grid .header, .cms-sklep .widget.catalog-image-grid .header { font-size: 26px; line-height: 26px; } .cms-home .widget.catalog-image-grid .category-grid > li, .cms-sklep .widget.catalog-image-grid .category-grid > li { margin-bottom: 90px; } .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link .category-name, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link .category-name { font-size: 18px; } .cms-home .widget.catalog-image-grid .actions-toolbar, .cms-sklep .widget.catalog-image-grid .actions-toolbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .cms-home .widget.catalog-image-grid .actions-toolbar .action, .cms-sklep .widget.catalog-image-grid .actions-toolbar .action { margin: 0 30px; max-width: 364px; width: 50%; } } @media (min-width: 992px) { .cms-home .widget.catalog-image-grid .category-grid > li .grid-inner .category-link .category-name, .cms-sklep .widget.catalog-image-grid .category-grid > li .grid-inner .category-link .category-name { font-size: 20px; } } .cms-home .widget.block-new-products, .cms-home .widget.block-products-list, .cms-sklep .widget.block-new-products, .cms-sklep .widget.block-products-list { margin-bottom: 50px; border-bottom: 2px solid #ffbc0d; } .cms-home .widget.block-new-products .block-title .header, .cms-home .widget.block-products-list .block-title .header, .cms-sklep .widget.block-new-products .block-title .header, .cms-sklep .widget.block-products-list .block-title .header { text-align: center; font-size: 26px; line-height: 26px; margin-bottom: 40px; } .cms-home .widget.block-new-products .products-grid .product-items:not(.owl-carousel):before, .cms-home .widget.block-new-products .products-grid .product-items:not(.owl-carousel):after, .cms-home .widget.block-products-list .products-grid .product-items:not(.owl-carousel):before, .cms-home .widget.block-products-list .products-grid .product-items:not(.owl-carousel):after, .cms-sklep .widget.block-new-products .products-grid .product-items:not(.owl-carousel):before, .cms-sklep .widget.block-new-products .products-grid .product-items:not(.owl-carousel):after, .cms-sklep .widget.block-products-list .products-grid .product-items:not(.owl-carousel):before, .cms-sklep .widget.block-products-list .products-grid .product-items:not(.owl-carousel):after { background-color: transparent; } @media (min-width: 768px) { .cms-home .page-main, .cms-sklep .page-main { padding-top: 25px; } } @media (min-width: 768px) { .account .page-main { padding-top: 20px; } } .account .legend { text-transform: lowercase; } .account .legend::first-letter { text-transform: uppercase; } .account .sidebar-main .account-nav .nav.items .item > a, .account .sidebar-main .account-nav .nav.items .item > strong { font-size: 16px; } .account .sidebar-main .account-nav .nav.items .item > a { color: black; } .account .sidebar-main .account-nav .nav.items .item.current > strong { color: #DB0007; } .account .fieldset .field .label, .account .fieldset .field label { font-size: 14px; } .account .fieldset .field .input-text, .account .fieldset .field select { max-width: 100%; } .account .fieldset .field .input-text + .mage-error, .account .fieldset .field body.gutenberg .input-text + .field-error, body.gutenberg .account .fieldset .field .input-text + .field-error, .account .fieldset .field select + .mage-error, .account .fieldset .field body.gutenberg select + .field-error, body.gutenberg .account .fieldset .field select + .field-error { max-width: 60%; } .account .block .box-title > span { display: block; text-transform: lowercase; } .account .block .box-title > span::first-letter { text-transform: uppercase; } .account .block .box-content { font-size: 16px; color: black; } .account .block .block-title .action { font-size: 16px; } .account .block.block-dashboard-info .box-actions .action { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .account .block.block-dashboard-info .box-actions .action span { vertical-align: top; } .account .block.block-dashboard-info .box-actions .action::first-letter { text-transform: uppercase; } .account .block.block-dashboard-info .box-actions .action > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .account .block.block-dashboard-info .box-actions .action:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .account .block.block-dashboard-info .box-actions .action:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .account .table tbody { font-size: 16px; } .account .table tbody .qty-table { text-align: center; } .account .data.table th.col.name { font-size: 16px; } .account .data.table td.col.total, .account .data.table td.col.qty { text-align: center; } .account .table-order-items tbody td { color: #000; } .account .table-order-items tbody .action { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #DB0007)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #DB0007 50%); background: linear-gradient(90deg, #ffbc0d 50%, #DB0007 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; padding: 4px 4px 2px; -webkit-border-radius: 10px; border-radius: 20px; margin-bottom: 15px; font-size: 14px; } .account .table-order-items tbody .action span { vertical-align: top; } .account .table-order-items tbody .action::first-letter { text-transform: uppercase; } .account .table-order-items tbody .action > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .account .table-order-items tbody .action:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .account .table-order-items tbody .action:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .account .table-order-items tbody .action-red { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #ffffff; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #DB0007), to(50%)); background: -webkit-linear-gradient(left, #DB0007 50%, 50%); background: linear-gradient(90deg, #DB0007 50%, 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; padding: 2px 4px 0; -webkit-border-radius: 10px; border-radius: 20px; margin-bottom: 15px; font-size: 14px; } .account .table-order-items tbody .action-red span { vertical-align: top; } .account .table-order-items tbody .action-red::first-letter { text-transform: uppercase; } .account .table-order-items tbody .action-red > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .account .table-order-items tbody .action-red:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .account .table-order-items tbody .action-red:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .account .actions-toolbar { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 30px; } .account.sales-order-history .order-products-toolbar .pager { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .account.sales-order-history .order-products-toolbar .pager .toolbar-amount { display: none; } .account.sales-order-history .order-products-toolbar .pager .limiter.field { margin-bottom: 0; float: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .account.sales-order-history .order-products-toolbar .pager .limiter.field .limiter-label { top: 0; height: 100%; line-height: normal; padding: 0; } @media screen and (max-width: 768px) { .account.sales-order-history .order-products-toolbar .pager { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .account.sales-order-history.bottom { padding-bottom: 30px; } .account.sales-order-history.bottom .field .label { font-size: 14px; } .account.sales-order-view .order-status, .account.sales-order-view .order-date { font-size: 16px; } .account.sales-order-view .actions-toolbar .action.order, .account.sales-order-view .actions-toolbar .action.print, .account.sales-order-view .actions-toolbar .action.aw-helpesk-create-link { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .account.sales-order-view .actions-toolbar .action.order span, .account.sales-order-view .actions-toolbar .action.print span, .account.sales-order-view .actions-toolbar .action.aw-helpesk-create-link span { vertical-align: top; } .account.sales-order-view .actions-toolbar .action.order::first-letter, .account.sales-order-view .actions-toolbar .action.print::first-letter, .account.sales-order-view .actions-toolbar .action.aw-helpesk-create-link::first-letter { text-transform: uppercase; } .account.sales-order-view .actions-toolbar .action.order > span, .account.sales-order-view .actions-toolbar .action.print > span, .account.sales-order-view .actions-toolbar .action.aw-helpesk-create-link > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .account.sales-order-view .actions-toolbar .action.order:hover, .account.sales-order-view .actions-toolbar .action.print:hover, .account.sales-order-view .actions-toolbar .action.aw-helpesk-create-link:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .account.sales-order-view .actions-toolbar .action.order:hover > span, .account.sales-order-view .actions-toolbar .action.print:hover > span, .account.sales-order-view .actions-toolbar .action.aw-helpesk-create-link:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .account.customer-account-edit .actions-toolbar { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .account.rma-rma-list .rma-list .table.history tbody { font-size: 16px; } .account.rma-rma-list .rma-list .table.history tbody .action { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; margin-bottom: 15px; font-size: 14px; } .account.rma-rma-list .rma-list .table.history tbody .action span { vertical-align: top; } .account.rma-rma-list .rma-list .table.history tbody .action::first-letter { text-transform: uppercase; } .account.rma-rma-list .rma-list .table.history tbody .action > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .account.rma-rma-list .rma-list .table.history tbody .action:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .account.rma-rma-list .rma-list .table.history tbody .action:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .account.rma-rma-list .rma-list .rma-btn-wrap { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .account.rma-rma-list .rma-list .rma-btn-wrap p { font-size: 15px; text-align: right; } .account.rma-rma-list .rma-list .new-rma-button { line-height: 20px; } .account.rma-rma-view .rma-items tbody { font-size: 16px; } .account.rma-rma-view .rma-comments-list .message-item { background-color: transparent; border: 1px solid #ffbc0d; width: 100%; } .account.crma-form-view .fieldset.file .input-box { -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #ffbc0d; padding: 14px 16px 9px 22px; line-height: 20px; max-width: 60%; } .account.crma-form-view .fieldset.file .input-box input[type=file] { font-size: 16px; } .account.rma-rma-new .item_return .requested-qty .input-text { -webkit-border-radius: 0; border-radius: 0; line-height: 22px; padding: 14px 0 9px 0; } .account.rma-rma-new .item_return .qty-table td { border: 0; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .product-item-name > a { color: #000000; text-decoration: none; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .product-item-name > a > span { color: #000000; text-decoration: none; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .product-item-name > a:hover, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .product-item-name > a:focus, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .product-item-name > a:active { color: #000000; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .product-item-name > a:hover > span, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .product-item-name > a:focus > span, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .product-item-name > a:active > span { color: #000000; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .product-item-name > a:hover { text-decoration: underline; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .action.action-edit:before { display: none; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .action.action-edit:hover, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.item .action.action-delete:hover { color: #ffbc0d; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.price, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.subtotal { color: #000000; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.price:before, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.subtotal:before { font-weight: 400; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.price .price, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.subtotal .price { font-size: 20px; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty { font-size: 16px; color: #000000; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty:before { font-weight: 400; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty .ui-spinner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty .ui-spinner .ui-spinner-button { left: -webkit-calc(50% + 7px); left: calc(50% + 7px); } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty .ui-spinner .ui-spinner-button.ui-spinner-up { bottom: 22px; top: auto; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty .ui-spinner .ui-spinner-button.ui-spinner-down { height: 21px; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty .input-text { -webkit-border-radius: 0; border-radius: 0; width: 4rem; padding-left: 10px; padding-right: 28px; text-align: left; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty .input-text.mage-error, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty body.gutenberg .input-text + .input-text.field-error, body.gutenberg .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty .input-text + .input-text.field-error, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty body.gutenberg select + .input-text.field-error, body.gutenberg .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty select + .input-text.field-error, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty body.gutenberg textarea + .input-text.field-error, body.gutenberg .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty textarea + .input-text.field-error, .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty body.gutenberg .field-tooltip + .input-text.field-error, body.gutenberg .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col.qty .field-tooltip + .input-text.field-error { border-color: #ffbc0d; } .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col .mage-error:not(input):not(textarea), .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col body.gutenberg .input-text + .field-error:not(input):not(textarea), body.gutenberg .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col .input-text + .field-error:not(input):not(textarea), .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col body.gutenberg select + .field-error:not(input):not(textarea), body.gutenberg .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col select + .field-error:not(input):not(textarea), .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col body.gutenberg textarea + .field-error:not(input):not(textarea), body.gutenberg .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col textarea + .field-error:not(input):not(textarea), .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col body.gutenberg .field-tooltip + .field-error:not(input):not(textarea), body.gutenberg .checkout-cart-index .cart-container .cart-table #shopping-cart-table .cart.item .col .field-tooltip + .field-error:not(input):not(textarea) { padding: 0 0 10px 0; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; text-align: left; position: static; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .checkout-cart-index .cart-container .main.actions .action { font-size: 16px; line-height: 16px; color: #000000; text-decoration: none; } .checkout-cart-index .cart-container .main.actions .action:before { margin-right: 5px; } .checkout-cart-index .cart-container .main.actions .action > span { color: #000000; text-decoration: none; } .checkout-cart-index .cart-container .main.actions .action:hover, .checkout-cart-index .cart-container .main.actions .action:focus, .checkout-cart-index .cart-container .main.actions .action:active { color: #ffbc0d; } .checkout-cart-index .cart-container .main.actions .action:hover > span, .checkout-cart-index .cart-container .main.actions .action:focus > span, .checkout-cart-index .cart-container .main.actions .action:active > span { color: #ffbc0d; } .checkout-cart-index .cart-container .main.actions .action:hover:before { color: #ffbc0d; } .checkout-cart-index .cart-container .cart-summary .summary.title:hover { color: #000000; } .checkout-cart-index .cart-container .cart-summary .block.shipping:before { display: none; } .checkout-cart-index .cart-container .cart-summary .block.discount .title > strong:after { -webkit-transition: .5s all ease; transition: .5s all ease; display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #878787 transparent transparent transparent; padding: 0; margin: 0 0 0 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateY(-2px) rotate(0deg); transform: translateY(-50%) translateY(-2px) rotate(0deg); } .checkout-cart-index .cart-container .cart-summary .block.discount .title:hover { color: #000000; } .checkout-cart-index .cart-container .cart-summary .block.discount .label { font-size: 14px; } .checkout-cart-index .cart-container .cart-summary .block.discount .actions-toolbar .action { font-size: 14px; } .checkout-cart-index .cart-container .cart-summary .block.discount.active .title > strong:after { -webkit-transform: translateY(-50%) translateY(-2px) rotate(180deg); transform: translateY(-50%) translateY(-2px) rotate(180deg); } .checkout-cart-index .cart-container .cart-summary #cart-totals .table.totals tbody, .checkout-cart-index .cart-container .cart-summary #cart-totals .table.totals .mark { font-size: 16px; } .checkout-cart-index .cart-container .cart-summary #cart-totals .table.totals .mark, .checkout-cart-index .cart-container .cart-summary #cart-totals .table.totals .amount { padding-bottom: 10px; } .cart-popup-category header [data-role="closeBtn"] { display: block; } .cms-no-route .not-found-page .not-found-page_top strong { line-height: 24px; font-size: 16px; } .cms-no-route .not-found-page .not-found-page_bottom .action.primary:before { display: none; } @media (min-width: 480px) { .cms-no-route .not-found-page .not-found-page_top { font-size: 20px; } .cms-no-route .not-found-page .not-found-page_top strong { font-size: 20px; } } @media (min-width: 768px) { .cms-no-route .not-found-page .not-found-page_top strong { font-size: 20px; } } @media (min-width: 992px) { .cms-no-route .not-found-page .not-found-page_top strong { font-size: 20px; } } .ui-datepicker .ui-datepicker-title .ui-datepicker-month, .ui-datepicker .ui-datepicker-title .ui-datepicker-year { width: 100%; } .control .aw-helpdesk-file-upload__container { background: #ffffff; } .aw-helpdesk-file-upload { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .aw-helpdesk-file-upload span { vertical-align: top; } .aw-helpdesk-file-upload::first-letter { text-transform: uppercase; } .aw-helpdesk-file-upload > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .aw-helpdesk-file-upload:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .aw-helpdesk-file-upload:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } #aw-helpdesk-attachments-added .action-item-remove::before { content: '\e5cd'; color: #c1bcbc; font-size: 1.6rem; font-family: "Material Icons"; } #aw-helpdesk-attachments-added .action-item-remove:hover { color: #847a7a; } .aw_helpdesk-ticket-index .table-caption { font-size: 24px; color: #000000; padding-bottom: 15px; } .aw_helpdesk-ticket-index td, .aw_helpdesk-ticket-index th { border-width: 3px 3px 0 3px; border-style: solid; border-color: #000000; } .aw_helpdesk-ticket-index td a:hover, .aw_helpdesk-ticket-index th a:hover { color: #000000; text-decoration: underline; } .aw_helpdesk-ticket-index td:first-child { border-width: 0 3px 0 3px; } .aw_helpdesk-ticket-index th { font-size: 20px; } .aw_helpdesk-ticket-index td { font-size: 18px; } .aw_helpdesk-ticket-index tr:last-child { border-bottom: 3px solid #000000; } .aw_helpdesk-ticket-index table.table thead th:last-child { border-right: 3px solid #000000; } .aw_helpdesk-ticket-index table.table td:last-child { border-right: 3px solid #000000; } .aw_helpdesk-ticket-index tbody { color: #000000; font-size: 16px; } .aw_helpdesk-ticket-index tbody a { color: #000000; } .aw_helpdesk-ticket-index table { margin-top: 20px; } .aw_helpdesk-ticket-index table.table td, .aw_helpdesk-ticket-index table.table th { padding-left: 30px; } .aw_helpdesk-ticket-index .ticket-form-tooltip { color: #F24726; font-size: 18px; } .aw_helpdesk-ticket-index .col.status, .aw_helpdesk-ticket-index .col.id { font-weight: bold; } .box-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; max-width: 250px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .box-item-description { border: 2px solid #ffbc0d; -webkit-border-radius: 15px; border-radius: 15px; padding: 10px; text-align: center; color: #000000; font-size: 14px; max-width: 200px; } @media (min-width: 768px) { .aw_helpdesk-ticket-index table.table td, .aw_helpdesk-ticket-index table.table th { border-right: solid 3px #000000; border-bottom: solid 3px #000000; } } @media (max-width: 768px) { .aw_helpdesk-ticket-index table.table td:before { border-bottom: solid 3px #000000; } } @media (min-width: 1200px) { aw_helpdesk-ticket-index table.table td, aw_helpdesk-ticket-index table.table th { padding: 10px; } } .orders-history .order-type { width: 64px; height: 64px; background-size: 100%; background-position: center; background-repeat: no-repeat; } .orders-history .order-type.standard { background-image: url("../images/order-type/standard.png"); } .orders-history .order-type.lsm { background-image: url("../images/order-type/lsm.png"); } .orders-history .order-type.virtual { background-image: url("../images/order-type/virtual.png"); } @media print { @page { margin: 10mm 0 10mm 0; } .sales-order-print .block.block-order-details-view { page-break-inside: avoid; } .sales-order-print .table tfoot { display: table-row-group; } } body.cms-do-pobrania .main a, body.cms-do-pobrania .main p { color: black; } #layered-navigation-links li { margin-bottom: 1rem; } #layered-navigation-links li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #layered-navigation-links li a span:first-child { margin-right: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; padding: 4px; } #layered-navigation-links li a span:first-child img { max-width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; width: 100%; height: auto; } @media screen and (max-width: 992px) { #layered-navigation-links li a span:first-child { width: 15%; } } @media screen and (max-width: 1200px) { #layered-navigation-links li a span:first-child { width: 20%; } } @media screen and (min-width: 1200px) { #layered-navigation-links li a span:first-child { width: 30%; } } #layered-navigation-links li a span:last-child { width: auto; color: black; line-height: normal; font-weight: bold; } @media screen and (max-width: 992px) { #layered-navigation-links li a span:last-child { width: 85%; } } @media screen and (max-width: 1200px) { #layered-navigation-links li a span:last-child { width: 80%; font-size: 14px; } } @media screen and (min-width: 1200px) { #layered-navigation-links li a span:last-child { width: 70%; font-size: 19px; } } .button_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .button_wrapper .button { margin-bottom: 5px; } @media screen and (min-width: 768px) { .button_wrapper { -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } #instructions-container .header-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } #instructions-container .header-container h1 { text-align: center; font-size: 38px; border-bottom: 2px solid #ffbc0d; padding: 20px 0; font-weight: 600; width: 100%; } #instructions-container .header-container #instructions-description { text-align: center; color: black; line-height: normal; white-space: normal; word-wrap: normal; word-break: keep-all; font-weight: 400; font-size: 16px; display: block; } #instructions-container .header-container #download-button { border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; } #instructions-container .header-container #download-button > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } #instructions-container .header-container #download-button:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } #instructions-container .header-container #download-button:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } #instructions-container .header-container #download-button span { vertical-align: top; } #instructions-container .header-container #download-button::first-letter { text-transform: uppercase; } #instructions-container .instructions-list { margin-top: 60px; width: 100%; } #instructions-container .instructions-list .embed-block { margin-bottom: 30px; } #instructions-container .instructions-list .embed-block .title { text-align: left; color: black; line-height: normal; white-space: normal; word-wrap: normal; word-break: keep-all; font-weight: 600; font-size: 16px; margin: 0; padding: 0; -webkit-box-orient: vertical; height: 18px; text-overflow: ellipsis; overflow: hidden; line-clamp: 1; } #instructions-container .instructions-list .embed-block .block-wrapper { position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #instructions-container .instructions-list .embed-block .block-wrapper .embed-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; height: 150px; position: relative; overflow: hidden; } #instructions-container .instructions-list .embed-block .block-wrapper .embed-wrapper iframe { height: 100%; width: 100%; } #instructions-container .instructions-list .embed-block .block-wrapper .embed-wrapper .overlay { position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); height: 100%; width: 100%; cursor: pointer; } #instructions-container .instructions-list .embed-block .block-wrapper .embed-wrapper .overlay .play-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffbc0d; height: 5rem; width: 5rem; -webkit-border-radius: 100%; border-radius: 100%; } #instructions-container .instructions-list .embed-block .block-wrapper .embed-wrapper .overlay .play-button::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 30px; border-color: transparent transparent transparent #ffffff; position: absolute; top: 50%; left: 55%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #instructions-container .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } #instructions-container .order-products-toolbar .pager .toolbar-amount, #instructions-container .order-products-toolbar .pager .limiter { display: none; } #instructions-container .order-products-toolbar .pager .pages { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #instructions-container .order-products-toolbar .pager .pages .item { border: 1px solid #ffbc0d; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; color: black; margin-bottom: 5px; } #instructions-container .order-products-toolbar .pager .pages .item.pages-item-next, #instructions-container .order-products-toolbar .pager .pages .item.pages-item-previous { border: 0; margin: 0 10px; } #instructions-container .order-products-toolbar .pager .pages .item.pages-item-next .label:before, #instructions-container .order-products-toolbar .pager .pages .item.pages-item-previous .label:before { font-size: 20px; font-weight: bold; color: black; } #instructions-container .order-products-toolbar .pager .pages .item.current .page { background-color: #ffbc0d; color: white; } #instructions-container .order-products-toolbar .pager .pages .item:not(.current) .page:hover { background-color: transparent; } #instructions-container .order-products-toolbar .pager .pages .item strong span, #instructions-container .order-products-toolbar .pager .pages .item a span { color: black; } @media screen and (min-width: 992px) { #instructions-container .instructions-list .embed-block .block-wrapper .embed-wrapper { height: 300px; } } .category-krwiobus .custom-links-title::after { background-image: url("/media/unity/krwiobus.png"); content: ''; width: 350px; height: 427px; background-size: contain; background-repeat: no-repeat; background-position: center; display: none; position: relative; float: right; top: -110px; } @media (min-width: 992px) { .category-krwiobus .custom-links-title::after { display: block; top: -110px; width: 230px; } } @media (min-width: 1200px) { .category-krwiobus .custom-links-title::after { width: 350px; } } .products-grid .product-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } @media (min-width: 992px) { .products-grid .product-item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .products-grid.layout_2 .product-item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .catalog-product-view .fieldset .field, .personalization .fieldset .field { position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .catalog-product-view .fieldset .field textarea, .personalization .fieldset .field textarea { border: 1px solid #ffbc0d; background-color: #ffffff; } .catalog-product-view .fieldset .field textarea:focus, .personalization .fieldset .field textarea:focus { outline: none; -webkit-box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.05); } .catalog-product-view .fieldset .field .label, .personalization .fieldset .field .label { -webkit-box-flex: 0; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; padding-right: 6px; font-weight: normal; } .catalog-product-view .fieldset .field .label:after, .personalization .fieldset .field .label:after { font-size: 16px !important; margin-left: 0px; position: absolute; } .catalog-product-view .fieldset .field .control, .personalization .fieldset .field .control { max-width: inherit !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .fieldset .field .control > .note, .personalization .fieldset .field .control > .note { margin-top: 12px; } .catalog-product-view .fieldset .field .control .input-text:focus, .personalization .fieldset .field .control .input-text:focus { outline: none; -webkit-box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.05); } .catalog-product-view .fieldset .field .control .options-list, .personalization .fieldset .field .control .options-list { margin-top: 0px; } .catalog-product-view .fieldset .field .control .options-list .choice .label, .personalization .fieldset .field .control .options-list .choice .label { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: auto; max-width: 100%; width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .catalog-product-view .fieldset .field .control .options-list .choice .label:before, .personalization .fieldset .field .control .options-list .choice .label:before { position: absolute; top: 0px; left: 0px; } .catalog-product-view .fieldset .field .control .options-list .choice .label:after, .personalization .fieldset .field .control .options-list .choice .label:after { content: none; } .catalog-product-view .fieldset .field .control .options-list .choice .label > span, .personalization .fieldset .field .control .options-list .choice .label > span { display: inline-block; padding-left: 25px; } .catalog-product-view .fieldset .field .control .options-list .choice .label > span .price-notice, .catalog-product-view .fieldset .field .control .options-list .choice .label > span span, .personalization .fieldset .field .control .options-list .choice .label > span .price-notice, .personalization .fieldset .field .control .options-list .choice .label > span span { display: inline; padding-left: 0px; } .catalog-product-view .fieldset .field .control .mage-error, .catalog-product-view .fieldset .field .control body.gutenberg .input-text + .field-error, body.gutenberg .catalog-product-view .fieldset .field .control .input-text + .field-error, .catalog-product-view .fieldset .field .control body.gutenberg select + .field-error, body.gutenberg .catalog-product-view .fieldset .field .control select + .field-error, .catalog-product-view .fieldset .field .control body.gutenberg textarea + .field-error, body.gutenberg .catalog-product-view .fieldset .field .control textarea + .field-error, .catalog-product-view .fieldset .field .control body.gutenberg .field-tooltip + .field-error, body.gutenberg .catalog-product-view .fieldset .field .control .field-tooltip + .field-error, .personalization .fieldset .field .control .mage-error, .personalization .fieldset .field .control body.gutenberg .input-text + .field-error, body.gutenberg .personalization .fieldset .field .control .input-text + .field-error, .personalization .fieldset .field .control body.gutenberg select + .field-error, body.gutenberg .personalization .fieldset .field .control select + .field-error, .personalization .fieldset .field .control body.gutenberg textarea + .field-error, body.gutenberg .personalization .fieldset .field .control textarea + .field-error, .personalization .fieldset .field .control body.gutenberg .field-tooltip + .field-error, body.gutenberg .personalization .fieldset .field .control .field-tooltip + .field-error { z-index: 1; } .catalog-product-view .fieldset .field .control .mage-error + .select2 .select2-selection, .catalog-product-view .fieldset .field .control body.gutenberg .input-text + .field-error + .select2 .select2-selection, body.gutenberg .catalog-product-view .fieldset .field .control .input-text + .field-error + .select2 .select2-selection, .catalog-product-view .fieldset .field .control body.gutenberg select + .field-error + .select2 .select2-selection, body.gutenberg .catalog-product-view .fieldset .field .control select + .field-error + .select2 .select2-selection, .catalog-product-view .fieldset .field .control body.gutenberg textarea + .field-error + .select2 .select2-selection, body.gutenberg .catalog-product-view .fieldset .field .control textarea + .field-error + .select2 .select2-selection, .catalog-product-view .fieldset .field .control body.gutenberg .field-tooltip + .field-error + .select2 .select2-selection, body.gutenberg .catalog-product-view .fieldset .field .control .field-tooltip + .field-error + .select2 .select2-selection, .personalization .fieldset .field .control .mage-error + .select2 .select2-selection, .personalization .fieldset .field .control body.gutenberg .input-text + .field-error + .select2 .select2-selection, body.gutenberg .personalization .fieldset .field .control .input-text + .field-error + .select2 .select2-selection, .personalization .fieldset .field .control body.gutenberg select + .field-error + .select2 .select2-selection, body.gutenberg .personalization .fieldset .field .control select + .field-error + .select2 .select2-selection, .personalization .fieldset .field .control body.gutenberg textarea + .field-error + .select2 .select2-selection, body.gutenberg .personalization .fieldset .field .control textarea + .field-error + .select2 .select2-selection, .personalization .fieldset .field .control body.gutenberg .field-tooltip + .field-error + .select2 .select2-selection, body.gutenberg .personalization .fieldset .field .control .field-tooltip + .field-error + .select2 .select2-selection { border-color: #DB0007; } .catalog-product-view .fieldset .field .price-notice, .personalization .fieldset .field .price-notice { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 0px; } .catalog-product-view .fieldset .field .price-notice .price-container, .personalization .fieldset .field .price-notice .price-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 12px; color: #878787; } .catalog-product-view .fieldset .field .price-notice .price-including-tax, .personalization .fieldset .field .price-notice .price-including-tax { margin-right: 12px; } .catalog-product-view .fieldset .field .price-notice .price-excluding-tax, .personalization .fieldset .field .price-notice .price-excluding-tax { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .catalog-product-view .fieldset .field .price-notice .price-excluding-tax:before, .personalization .fieldset .field .price-notice .price-excluding-tax:before { margin-right: 12px; } .catalog-product-view .fieldset .field .attribute-tooltip, .personalization .fieldset .field .attribute-tooltip { position: absolute; bottom: 13px; left: -40px; } .catalog-product-view .fieldset .field .select2-container, .personalization .fieldset .field .select2-container { min-height: 45px; height: 100%; } .catalog-product-view .fieldset .field .select2-container--focus, .personalization .fieldset .field .select2-container--focus { -webkit-box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.05); } .catalog-product-view .fieldset .field .select2-selection, .personalization .fieldset .field .select2-selection { border: 1px solid #ffbc0d; -webkit-border-radius: 8px; border-radius: 8px; } .catalog-product-view .fieldset .field .select2-selection--single, .personalization .fieldset .field .select2-selection--single { background-color: #ffffff; height: 45px; } .catalog-product-view .fieldset .field .select2-selection--multiple .select2-selection__choice, .personalization .fieldset .field .select2-selection--multiple .select2-selection__choice { font-size: 14px; } .catalog-product-view .fieldset .field .select2-selection--multiple .select2-selection__choice:last-child, .personalization .fieldset .field .select2-selection--multiple .select2-selection__choice:last-child { margin-bottom: 5px; } .catalog-product-view .fieldset .field .select2-selection__rendered, .personalization .fieldset .field .select2-selection__rendered { font-size: 16px; line-height: 45px; } .catalog-product-view .fieldset .field .select2 .attribute-tooltip, .personalization .fieldset .field .select2 .attribute-tooltip { position: absolute; bottom: 13px; right: -30px; } .catalog-product-view .fieldset .field .legend, .personalization .fieldset .field .legend { font-weight: normal; font-size: 14px; color: #000000; } .catalog-product-view .fieldset .field .legend .price-container, .personalization .fieldset .field .legend .price-container { color: #878787; } .catalog-product-view .fieldset .field.date > fieldset, .personalization .fieldset .field.date > fieldset { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .catalog-product-view .fieldset .field.date > fieldset b, .personalization .fieldset .field.date > fieldset b { position: relative; top: 12px; left: 13px; } .catalog-product-view .fieldset .field.date > fieldset .select2-selection__arrow b, .personalization .fieldset .field.date > fieldset .select2-selection__arrow b { top: 0px; left: 0px; } .catalog-product-view .fieldset .field.date > fieldset .legend, .personalization .fieldset .field.date > fieldset .legend { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .catalog-product-view .fieldset .field.date > fieldset .legend > span, .personalization .fieldset .field.date > fieldset .legend > span { margin-right: 12px; } .catalog-product-view .fieldset .field.date > fieldset .control, .personalization .fieldset .field.date > fieldset .control { max-width: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .catalog-product-view .fieldset .field.date > fieldset select[data-calendar-role='day_part'] + .select2, .personalization .fieldset .field.date > fieldset select[data-calendar-role='day_part'] + .select2 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100% !important; min-width: 100%; margin-bottom: 12px; } .catalog-product-view .fieldset .field.date > fieldset select[data-calendar-role='month'] + .select2, .personalization .fieldset .field.date > fieldset select[data-calendar-role='month'] + .select2 { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 30% !important; min-width: 30%; margin-bottom: 12px; } .catalog-product-view .fieldset .field.date > fieldset select[data-calendar-role='day'] + .select2, .personalization .fieldset .field.date > fieldset select[data-calendar-role='day'] + .select2 { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 30% !important; min-width: 30%; margin-bottom: 12px; } .catalog-product-view .fieldset .field.date > fieldset select[data-calendar-role='year'] + .select2, .personalization .fieldset .field.date > fieldset select[data-calendar-role='year'] + .select2 { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 30% !important; min-width: 30%; margin-bottom: 12px; } .catalog-product-view .fieldset .field.date > fieldset select[data-calendar-role='hour'] + .select2, .personalization .fieldset .field.date > fieldset select[data-calendar-role='hour'] + .select2 { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; width: 45% !important; min-width: 45%; margin-bottom: 12px; } .catalog-product-view .fieldset .field.date > fieldset select[data-calendar-role='minute'] + .select2, .personalization .fieldset .field.date > fieldset select[data-calendar-role='minute'] + .select2 { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; width: 45% !important; min-width: 45%; margin-bottom: 12px; margin-left: auto; } .catalog-product-view .fieldset .field.file, .personalization .fieldset .field.file { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .fieldset .field.file .label, .personalization .fieldset .field.file .label { z-index: 2; display: inline-block; font-size: 16px; font-weight: nomal; color: #878787; background-color: #ffffff; border: 1px solid #ffbc0d; -webkit-border-radius: 8px; border-radius: 8px; text-align: center; line-height: 45px; max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; min-width: 100%; margin-bottom: 12px; } .catalog-product-view .fieldset .field.file .label:after, .personalization .fieldset .field.file .label:after { content: none; } .catalog-product-view .fieldset .field.file .label:focus, .personalization .fieldset .field.file .label:focus { background-color: #ffffff; } .catalog-product-view .fieldset .field.file .label:hover, .personalization .fieldset .field.file .label:hover { background-color: #ffffff; cursor: pointer; } .catalog-product-view .fieldset .field.file .control input[type='file'], .personalization .fieldset .field.file .control input[type='file'] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .catalog-product-view .select2-results, .personalization .select2-results { background-color: #ffffff; } .catalog-product-view .select2-results > .select2-results__options, .personalization .select2-results > .select2-results__options { overflow-y: auto; max-height: 250px; } .catalog-product-view .product-info-main .price-box .sly-old-price, .personalization .product-info-main .price-box .sly-old-price { display: none; } .catalog-product-view .product-info-main .price-box.price-tier_price, .personalization .product-info-main .price-box.price-tier_price { display: none; } .catalog-product-view .product-info-main .product-add-form .box-tocart, .personalization .product-info-main .product-add-form .box-tocart { margin-left: auto; max-width: 100%; } .catalog-product-view .product-info-main .product-add-form .box-tocart .tier-price-qty .field, .personalization .product-info-main .product-add-form .box-tocart .tier-price-qty .field { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .catalog-product-view .product-info-main .product-add-form .box-tocart .tier-price-qty .field .label, .personalization .product-info-main .product-add-form .box-tocart .tier-price-qty .field .label { margin-right: 0px; } .catalog-product-view .product-info-main .product-add-form .box-tocart .tier-price-qty .field .label:after, .personalization .product-info-main .product-add-form .box-tocart .tier-price-qty .field .label:after { position: absolute; } .catalog-product-view .product-info-main .product-add-form .box-tocart .tier-price-qty option > p, .personalization .product-info-main .product-add-form .box-tocart .tier-price-qty option > p { color: #ffbc0d !important; } .catalog-product-view .product-info-main .product-add-form .box-tocart > .action, .personalization .product-info-main .product-add-form .box-tocart > .action { max-width: 276px; margin-left: auto; } @media (min-width: 768px) { .catalog-product-view .product-info-main .product-add-form .box-tocart > .action, .personalization .product-info-main .product-add-form .box-tocart > .action { max-width: 210px; } } .catalog-product-view > .select2-results__options, .personalization > .select2-results__options { overflow-y: auto; max-height: 250px; } .catalog-product-view .details-actions-wrap .actions-toolbar, .personalization .details-actions-wrap .actions-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 35px; left: 0px; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .catalog-product-view .details-actions-wrap .actions-toolbar .go-back, .personalization .details-actions-wrap .actions-toolbar .go-back { margin-left: auto; } .select2-results__option strong, .select2-results__option p, .select2-results__option a, .select2-selection__rendered strong, .select2-selection__rendered p, .select2-selection__rendered a { font-weight: normal; color: #ffbc0d; } .select2-results__option:hover strong, .select2-results__option:hover p, .select2-results__option:hover a { color: #ffbc0d; } .body.gutenberg .fieldset .field .mage-error, .body.gutenberg .fieldset .field body.gutenberg .input-text + .field-error, body.gutenberg .body.gutenberg .fieldset .field .input-text + .field-error, .body.gutenberg .fieldset .field body.gutenberg select + .field-error, body.gutenberg .body.gutenberg .fieldset .field select + .field-error, .body.gutenberg .fieldset .field body.gutenberg textarea + .field-error, body.gutenberg .body.gutenberg .fieldset .field textarea + .field-error, .body.gutenberg .fieldset .field body.gutenberg .field-tooltip + .field-error, body.gutenberg .body.gutenberg .fieldset .field .field-tooltip + .field-error { z-index: 1; } .price-explanation-tooltip:before { content: '\f05a'; font-family: 'FontAwesome'; position: absolute; font-size: 48px; z-index: 1; opacity: 0.1; bottom: 10px; right: 10px; } .price-explanation { display: block; position: relative; top: 15px; right: 0px; max-width: 450px; border: 3px solid #ffbc0d; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 15px; background: #ffffff; } .catalog-category-view .toolbar-bottom .toolbar-amount { display: block !important; } .catalog-category-view .toolbar-amount { color: #000000; font-weight: 700; font-size: 14px; } .catalog-category-view .toolbar-bottom .toolbar-amount { display: block !important; } .catalog-category-view .toolbar-amount { color: #000000; font-weight: 700; font-size: 14px; } .product-add-form { padding-top: 10px; } body.gutenberg a.action.back { text-align: center; background-color: #ffffff; color: #000000; border: 1px solid #ffbc0d; position: relative; overflow: hidden; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } body.gutenberg a.action.back:hover { background-color: #ffc94d; } body.gutenberg a.action.back::before { content: ""; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background-color: #ffc94d; -webkit-transition: right 0.5s ease; transition: right 0.5s ease; z-index: 0; } body.gutenberg a.action.back:hover::before { right: 0; } body.gutenberg a.action.back > span { position: relative; z-index: 1; color: #000000 !important; -webkit-transition: none; transition: none; } .back-button-container { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } .yt-banner-container { margin-bottom: 0; } .yt-banner-container .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .yt-banner-container .wrapper .top-title h4 { color: black; font-size: clamp(17px, 1vw, 22px); font-weight: 400; line-height: 1.4; white-space: normal; word-break: keep-all; text-align: center; } .yt-banner-container .toptitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .yt-banner-container .button-container { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .yt-banner-container .button-container a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; font-size: clamp(0.95rem, 1vw, 1vw); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: bold; line-height: 1.35; padding: 0.5rem 3rem; -webkit-border-radius: 25px; border-radius: 25px; margin: 0; } .yt-banner-container .button-container a.modal-button { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .yt-banner-container .button-container a.modal-button span { vertical-align: top; } .yt-banner-container .button-container a.modal-button::first-letter { text-transform: uppercase; } .yt-banner-container .button-container a.modal-button > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .yt-banner-container .button-container a.modal-button:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .yt-banner-container .button-container a.modal-button:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } @media screen and (min-width: 1200px) { .yt-banner-container .button-container a { max-width: 75%; } } @media screen and (max-width: 1200px) { .yt-banner-container .button-container a { max-width: 100%; } } #yt-modal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); z-index: 9999; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.625rem; } #yt-modal .modal-content { overflow: hidden; background-color: #fefefe; padding: 1rem; border: 1px solid #888; width: 100%; margin: 0 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } @media screen and (min-width: 992px) { #yt-modal .modal-content { max-width: 50vw; } } @media screen and (max-width: 992px) { #yt-modal .modal-content { max-width: 70vw; } } @media screen and (max-width: 768px) { #yt-modal .modal-content { max-width: 90vw; padding: 0.5rem; } } @media screen and (orientation: landscape) and (max-height: 375px) { #yt-modal .modal-content { max-height: 90vh; max-width: 70vw; } } #yt-modal .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; z-index: 9999; position: relative; } #yt-modal .close:hover, #yt-modal .close:focus { color: #000; text-decoration: none; cursor: pointer; } #yt-modal .responsive-container-frame { position: relative; width: 100%; height: 100%; z-index: 9998; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #yt-modal .responsive-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } @media screen and (orientation: landscape) and (max-height: 375px) { #yt-modal .responsive-container { width: 90%; } } #yt-modal iframe { resize: both; overflow: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .checkout-index-index .step-title { text-transform: lowercase; } .checkout-index-index .step-title::first-letter { text-transform: uppercase; } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .purchaser-first-name .control, .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .purchaser-last-name .control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .checkout-index-index .checkout-container .opc-wrapper .shipping-address-item .action.action-select-shipping-item { margin-top: 15px; } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-method .checkout-shipping-method-load { display: none; } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-method .package-info { display: block; margin-bottom: 20px; } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-method .package-info._hide { display: none; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-methods .payment-method-billing-address .billing-address-same-as-shipping-block { pointer-events: none; display: none; } .checkout-index-index .checkout-container .opc-wrapper .field .label, .checkout-index-index .checkout-container .opc-wrapper .field label { font-size: 14px; } .checkout-index-index .checkout-container .opc-wrapper #checkout-payment-method-load .payment-method-title.field.choice input[type=radio] + .label { font-size: 14px; } .checkout-index-index .checkout-container .opc-wrapper #checkout-payment-method-load .billing-address-details { font-size: 14px; } .checkout-index-index .checkout-container .opc-wrapper .opc-payment-additional.discount-code .payment-option-title:before { -webkit-transition: .5s all ease; transition: .5s all ease; display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #878787 transparent transparent transparent; padding: 0; margin: 0 0 0 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateY(-2px) rotate(0deg); transform: translateY(-50%) translateY(-2px) rotate(0deg); } .checkout-index-index .checkout-container .opc-wrapper .opc-payment-additional.discount-code .payment-option-inner { width: 40%; } .checkout-index-index .checkout-container .opc-wrapper .opc-payment-additional.discount-code .actions-toolbar .action.action-apply { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; font-size: 14px; } .checkout-index-index .checkout-container .opc-wrapper .opc-payment-additional.discount-code .actions-toolbar .action.action-apply span { vertical-align: top; } .checkout-index-index .checkout-container .opc-wrapper .opc-payment-additional.discount-code .actions-toolbar .action.action-apply::first-letter { text-transform: uppercase; } .checkout-index-index .checkout-container .opc-wrapper .opc-payment-additional.discount-code .actions-toolbar .action.action-apply > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .checkout-index-index .checkout-container .opc-wrapper .opc-payment-additional.discount-code .actions-toolbar .action.action-apply:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .checkout-index-index .checkout-container .opc-wrapper .opc-payment-additional.discount-code .actions-toolbar .action.action-apply:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .checkout-index-index .checkout-container .opc-wrapper .opc-payment-additional.discount-code._active .payment-option-title:before { -webkit-transform: translateY(-50%) translateY(-2px) rotate(180deg); transform: translateY(-50%) translateY(-2px) rotate(180deg); } .checkout-index-index .checkout-container .opc-wrapper #shipping-method-buttons-container .action { margin: 0 0.25rem; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-summary .title { text-transform: lowercase; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-summary .title::first-letter { text-transform: uppercase; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-summary .table-totals .mark { color: #000000; padding-right: 10px; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-summary .block.items-in-cart .title .items-in-cart-txt { display: inline-block; text-transform: lowercase; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-summary .block.items-in-cart .title .items-in-cart-txt::first-letter { text-transform: uppercase; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-summary .block.items-in-cart .title:before { -webkit-transition: .5s all ease; transition: .5s all ease; display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 6.5px 0 6.5px; border-color: #878787 transparent transparent transparent; padding: 0; margin: 0 0 0 15px; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%) translateY(-2px) rotate(0deg); transform: translateY(-50%) translateY(-2px) rotate(0deg); } .checkout-index-index .checkout-container .opc-sidebar .opc-block-summary .block.items-in-cart .product-item .product-item-details .product-item-name { color: #000000; font-size: 16px; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-summary .block.items-in-cart .product-item .product-item-details .details-qty { font-size: 16px; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-summary .block.items-in-cart.active .title:before { -webkit-transform: translateY(-50%) translateY(-2px) rotate(180deg); transform: translateY(-50%) translateY(-2px) rotate(180deg); } .checkout-index-index .checkout-container .opc-sidebar .ship-to, .checkout-index-index .checkout-container .opc-sidebar .ship-via { font-size: 14px; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-shipping-information .shipping-information-title > span { text-transform: lowercase; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-shipping-information .shipping-information-title > span::first-letter { text-transform: uppercase; } .checkout-index-index .checkout-container .opc-sidebar .opc-block-shipping-information .shipping-information-title .action-edit:hover { color: #ffbc0d; } .checkout-index-index .checkout-container .opc-sidebar .opc-cms-block { padding: 30px 0 0 0; margin-top: 20px; border-top: 1px solid #eae9e9; } @media (max-width: 767px) { .category-grid.thumbnail_image.row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .category-grid.thumbnail_image.row.columns-4 li { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; max-width: 50%; } } .aw_helpdesk-ticket-index .form-create-ticket .fieldset .field.required .label:after { font-size: 16px; margin-left: 1px; } .aw_helpdesk-ticket-index .form-create-ticket .fieldset .field .control { max-width: 100%; } .aw_helpdesk-ticket-index .form-create-ticket .fieldset .field .label { font-size: 16px; } .aw_helpdesk-ticket-index .form-create-ticket .fieldset .field input, .aw_helpdesk-ticket-index .form-create-ticket .fieldset .field select, .aw_helpdesk-ticket-index .form-create-ticket .fieldset .field textarea { max-width: 100%; } .aw_helpdesk-ticket-index .tooltip-text { margin-bottom: 0px; } .aw_helpdesk-ticket-index.ie-tooltip .ui-tooltip-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px; } .aw_helpdesk-ticket-index.ie-tooltip .ui-tooltip-content .tooltip-text { word-wrap: break-word; position: relative; width: 100%; display: inline-block; vertical-align: middle; line-height: 18px; margin-bottom: 0; height: 80px; } .aw_helpdesk-ticket-view .block-thread ul.messages { margin-top: 20px; position: relative; } .aw_helpdesk-ticket-view .block-thread ul.messages li.aw-helpdesk-ticket-view__thread-message { width: 88%; } .aw_helpdesk-ticket-view .block-thread ul.messages li.customer-reply { border: 1px solid #ffbc0d; margin-bottom: 20px; background-color: #fffaed; padding: 28px 15px; -webkit-border-radius: 11px; border-radius: 11px; margin-left: auto; color: #847a7a; } .aw_helpdesk-ticket-view .block-thread ul.messages li.admin-reply { border: 1px solid #ffbc0d; margin-bottom: 20px; background-color: #ffffff; padding: 25px 15px; -webkit-border-radius: 11px; border-radius: 11px; margin-right: auto; color: #847a7a; } .aw_helpdesk-ticket-view .block-thread ul.messages .message-header { line-height: 1rem; margin-bottom: 15px; font-size: 16px; } .aw_helpdesk-ticket-view .block-thread ul.messages .message-header .date { font-weight: normal; } .aw_helpdesk-ticket-view .block-thread ul.messages .aw-helpdesk-ticket-view__message-text { line-height: 1rem; margin-top: 0; font-size: 16px; } .link-wrapper.links.box-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .link-wrapper.links.box-actions { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .link-wrapper.links.box-actions .create_ticket_form_link.action { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; background: #ffbc0d; border: 1px solid #ffbc0d; color: #000000; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } .link-wrapper.links.box-actions .create_ticket_form_link.action:hover { cursor: pointer; } .link-wrapper.links.box-actions .create_ticket_form_link.action.active { background: #ffffff; color: #ffbc0d; border-color: #ffbc0d; } .link-wrapper.links.box-actions .create_ticket_form_link.action.active > span { color: #000000; } .link-wrapper.links.box-actions .create_ticket_form_link.action > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .link-wrapper.links.box-actions .create_ticket_form_link.action:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .link-wrapper.links.box-actions .create_ticket_form_link.action:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .tickets-toolbar { display: block; height: auto; margin-bottom: 80px; } .tickets-toolbar .limiter-label { position: relative; top: 10px; } .tickets-toolbar .pager { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .tickets-toolbar .pager .toolbar-amount { display: none; } .tickets-toolbar .pager .limiter.field { margin-bottom: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tickets-toolbar .pager .limiter.field .limiter-label { top: 0; height: 100%; line-height: normal; padding: 0; } @media screen and (max-width: 768px) { .tickets-toolbar .pager { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .ticket-form-tooltip { margin: 12px 0; font-weight: bold; } .ticket-form-wrapper .form-create-ticket ul#aw-helpdesk-attachments-added li { max-width: 195px; word-break: break-all; } .ticket-form-wrapper .form-create-ticket ul#aw-helpdesk-attachments-added li a.action-item-remove { margin-left: 0; position: absolute; right: 0; } .ticket-form-wrapper .form-create-ticket .fieldset { width: 100%; } .ticket-form-wrapper .form-create-ticket .fieldset .legend { display: inline-block; } .ticket-form-wrapper .form-create-ticket .fieldset .legend > span { margin-bottom: 6px; } .ticket-form-wrapper .form-create-ticket .fieldset .question { margin-bottom: 0; } .ticket-form-wrapper .form-create-ticket .fieldset #promotion_price { visibility: hidden; padding: 0; height: 0; min-height: 0; } .ticket-form-wrapper .form-create-ticket .fieldset [name="brief[budget]"], .ticket-form-wrapper .form-create-ticket .fieldset [name="brief[products_list]"] { max-height: 40px; line-height: 10px; } .ticket-form-wrapper .form-create-ticket .fieldset .help { color: #878787; font-weight: normal; } .ticket-form-wrapper .form-create-ticket .fieldset .control { max-width: 100%; } .ticket-form-wrapper .form-create-ticket .fieldset .control .input-text { max-width: 100%; } .ticket-form-wrapper .form-create-ticket .fieldset .material-attachment { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 20px; } .ticket-form-wrapper .form-create-ticket .fieldset .material-wrapper { border-top: 1px solid #ffbc0d; width: 100%; } .ticket-form-wrapper .form-create-ticket .fieldset .materials.content { padding-top: 15px; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials.action, .ticket-form-wrapper .form-create-ticket .fieldset .field.attachment { margin-bottom: 10px; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .material-row { position: relative; margin: 0 0 45px; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .material-row:after { content: ''; position: absolute; display: block; width: 97%; height: 1px; background-color: #ffbc0d; bottom: -22.5px; left: 15px; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .material-row:last-child:after { content: none; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .material-row .input-text { font-size: 12px; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .material-row .input-text + .mage-error, .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .material-row body.gutenberg .input-text + .field-error, body.gutenberg .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .material-row .input-text + .field-error { max-width: 100%; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .materials-actions { padding-bottom: 15px; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .materials-actions .action { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; margin-bottom: 0; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .materials-actions .action span { vertical-align: top; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .materials-actions .action::first-letter { text-transform: uppercase; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .materials-actions .action > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .materials-actions .action:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .materials-actions .action:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .width-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 30px; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .width-height .field { width: 100%; margin-bottom: 0px; } .ticket-form-wrapper .form-create-ticket .fieldset .field.materials .width-height .divider { margin: 0px 10px; position: relative; bottom: 10px; } .ticket-form-wrapper .form-create-ticket .action.submit.primary { border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .ticket-form-wrapper .form-create-ticket .action.submit.primary > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .ticket-form-wrapper .form-create-ticket .action.submit.primary:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .ticket-form-wrapper .form-create-ticket .action.submit.primary:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .last-question { float: left; } .checkbox-wrapper .col-md-4 { padding-right: 0; } .checkbox-wrapper .field.choice { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .checkbox-wrapper .field.choice .mage-error[generated="true"], .checkbox-wrapper .field.choice body.gutenberg .input-text + .field-error[generated="true"], body.gutenberg .checkbox-wrapper .field.choice .input-text + .field-error[generated="true"], .checkbox-wrapper .field.choice body.gutenberg select + .field-error[generated="true"], body.gutenberg .checkbox-wrapper .field.choice select + .field-error[generated="true"], .checkbox-wrapper .field.choice body.gutenberg textarea + .field-error[generated="true"], body.gutenberg .checkbox-wrapper .field.choice textarea + .field-error[generated="true"], .checkbox-wrapper .field.choice body.gutenberg .field-tooltip + .field-error[generated="true"], body.gutenberg .checkbox-wrapper .field.choice .field-tooltip + .field-error[generated="true"] { display: none !important; } .checkbox-wrapper .field.choice .label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .checkbox-wrapper .field.choice .label span { font-size: 14px; font-weight: normal; } .checkbox-wrapper .error { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; font-size: 14px; color: #DB0007; padding-left: 25px; } .checkbox-wrapper .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .split-cart .supplier-details { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 12px 0px; background-color: #ffbc0d; -webkit-border-radius: 26px 26px 0px 0px; border-radius: 26px 26px 0px 0px; margin-top: 50px; } .split-cart .supplier-details:before { content: ''; position: absolute; width: 63px; height: 63px; background-image: url("../images/shopping-cart/cart.png"); background-repeat: no-repeat; background-size: contain; top: -35px; left: 43px; border: 1px solid white; -webkit-border-radius: 50%; border-radius: 50%; } @media (max-width: 768px) { .split-cart .supplier-details:before { left: 23px; } } .split-cart .supplier-details.Drukarnia:before { background-image: url("../images/shopping-cart/print.png"); } .split-cart .supplier-details.Wirtualny:before { background-image: url("../images/shopping-cart/download.png"); } .split-cart .supplier-details[name="N/D"]:after { position: absolute; content: 'N/D'; font-size: px; color: #ffffff; font-weight: bold; top: -12px; left: 60px; } @media (max-width: 768px) { .split-cart .supplier-details[name="N/D"]:after { left: 42px; } } .split-cart .supplier-details[name="N/D"]:before { background-image: none; background-color: #ffbc0d; } .split-cart .supplier-title { font-size: 20px; letter-spacing: 0.1rem; font-weight: bold; color: #ffffff; } .split-cart .supplier-attribute { display: none; } @media (min-width: 1200px) { .split-cart table.table tbody td { padding: 30px 10px 30px 0; } } .split-cart .wk-mpsplit-wrapper .cart.table-wrapper { overflow: visible; height: auto; } .split-cart .cart-column-item-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; position: relative; } .split-cart .cart-column-item-wrapper .item-control { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .split-cart .cart-column-item-wrapper .item-control .action-edit { display: none; } .split-cart .cart-column-item-wrapper .item-control .action-delete { position: absolute; top: 30%; left: -40px; color: #000000; } .split-cart .cart-column-item-wrapper .item-control .action-delete:before { font-size: 28px; content: "\e753"; font-family: "Linearicons"; padding-right: 5px; line-height: 1; float: left; -webkit-transition: color 0.1s; transition: color 0.1s; } .split-cart .cart-column-item-wrapper .item-control .action-delete:hover span { text-decoration: underline; } @media (max-width: 768px) { .split-cart .cart-column-item-wrapper .item-control .action-delete { left: auto; right: 0; } } .split-cart .cart-column-item-wrapper .item-control .action-delete span { display: block; text-align: center; position: absolute; top: 30px; right: 0; font-size: 10px; line-height: 1.5; color: #000000; } .split-cart .cart-column-item-wrapper .product-item-photo { -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 274px; } .split-cart .cart-column-item-wrapper .product-item-details { -webkit-box-flex: 0; -webkit-flex: 0 0 59%; -ms-flex: 0 0 59%; flex: 0 0 59%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 3px; } @media (max-width: 768px) { .split-cart .cart-column-item-wrapper .product-item-details { text-align: left; padding-right: 28px; } } .split-cart .cart-column-item-wrapper .product-item-name { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .split-cart .cart-column-item-wrapper .product-item-name { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .split-cart .cart-column-item-wrapper .product-item-name .name { font-weight: bold; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; margin-right: 3px; } .split-cart .cart-column-item-wrapper .product-item-name .value { font-weight: normal; color: #000000; } .split-cart .cart-column-item-wrapper .item-option-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .split-cart .cart-column-item-wrapper .item-option-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .split-cart .cart-column-item-wrapper .item-options { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .split-cart .cart-column-item-wrapper .item-options dt, .split-cart .cart-column-item-wrapper .item-options dd { display: block; width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 0; font-weight: normal; color: #000000; font-size: 14px; font-style: normal; max-width: 100%; } .split-cart .cart-column-item-wrapper .item-options dt { font-weight: 600; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; margin-right: 3px; } .split-cart .form-checkout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 100px; } .split-cart .form-checkout .cart-summary { -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; width: 40%; border: 1px solid #ffffff; padding: 0px; } .split-cart .form-checkout .cart-summary .cart-totals { -webkit-border-radius: 0px 0px 26px 26px; border-radius: 0px 0px 26px 26px; margin-bottom: 28px; background-color: #ffbc0d; } .split-cart .form-checkout .cart-summary .summary.title { display: none; } .split-cart .form-checkout .cart-summary .table.totals { table-layout: fixed; } .split-cart .form-checkout .cart-summary .table.totals th, .split-cart .form-checkout .cart-summary .table.totals td { color: #ffffff; font-size: 20px; letter-spacing: 0.1rem; font-weight: bold; border: none; padding: 12px; width: 50%; word-break: break-all; } @media (max-width: 768px) { .split-cart .form-checkout .cart-summary .table.totals th, .split-cart .form-checkout .cart-summary .table.totals td { width: 100%; } } .split-cart .form-checkout .cart-summary .table.totals th .price, .split-cart .form-checkout .cart-summary .table.totals td .price { color: #ffffff; } .split-cart .form-checkout .cart-summary .table.totals th { font-weight: 500; border-right: 1px solid #ffffff; } .split-cart .form-checkout .cart-summary .table.totals th strong { font-weight: 500; } .split-cart .form-checkout .cart-summary .table.totals .totals { border-bottom: 1px solid #ffffff; } .split-cart .form-checkout .checkout-methods-items { padding: 0; text-align: right; } @media (max-width: 768px) { .split-cart .form-checkout .checkout-methods-items { border-top: none; } } .split-cart .form-checkout .checkout-methods-items .action.primary.checkout { max-width: 330px; padding: 15px; -webkit-border-radius: 50px; border-radius: 50px; font-size: 18px; font-weight: 600; } .split-cart .form-checkout .checkout-methods-items .action.primary.checkout > span { position: relative; top: 3px; left: 20px; } .split-cart .form-checkout .checkout-methods-items .action.primary.checkout:hover:before { color: #DB0007; } .split-cart .form-checkout .checkout-methods-items .action.primary.checkout:before { font-family: "icons"; content: '\E001'; font-size: 30px; width: auto; height: auto; color: #ffffff; position: absolute; left: 17px; } @media (max-width: 768px) { .split-cart .form-checkout .checkout-methods-items .action.primary.checkout:before { top: 25px; } } .cart-container { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .cart-container .split-cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .cart-container .form.form-cart { margin-bottom: 0; } .form.form-cart { position: relative; } .form.form-cart:last-child { position: absolute; color: pink; } .form.form-cart.last .main.actions .action.clear { display: block !important; } .form.form-cart .table { table-layout: fixed; } .form.form-cart thead { border-bottom: none; } .form.form-cart thead .col { font-size: 16px; letter-spacing: 0.09rem; color: #000000; font-weight: bold; background-color: #f7f7f7; border-color: #f7f7f7; text-align: center; padding: 5px 2px; } .form.form-cart thead .col.item { width: 50%; } .form.form-cart thead .col.price, .form.form-cart thead .col.qty, .form.form-cart thead .col.subtotal { width: 20%; } .form.form-cart tbody .col { text-align: center; border-color: #f7f7f7; } .form.form-cart tbody .col:before { font-size: 18px; color: black; } .form.form-cart tbody .col:last-child { border-right: 1px solid #f7f7f7; } .form.form-cart tbody .col:first-child { border-left: 1px solid #f7f7f7; } .form.form-cart tbody .col.item { text-align: left; } @media (max-width: 768px) { .form.form-cart tbody .col.item { text-align: center; } } .form.form-cart tbody .col.price span, .form.form-cart tbody .col.subtotal span { color: #ffbc0d; font-weight: bold; font-size: 18px; } .form.form-cart tbody .col.qty { position: relative; } .form.form-cart tbody .col.qty .field.qty { margin-bottom: 0px; } .form.form-cart tbody .col.qty .input-text.qty { font-size: 18px; -webkit-border-radius: 0px; border-radius: 0px; border: 3px solid #ffbc0d; color: #000000; font-weight: bold; } .form.form-cart tbody .col.qty .input-text.qty + .mage-error, .form.form-cart tbody .col.qty body.gutenberg .input-text.qty + .field-error, body.gutenberg .form.form-cart tbody .col.qty .input-text.qty + .field-error { position: absolute; top: 50px; text-align: left; left: 0px; font-size: 12px; } .form.form-cart .main.actions { position: absolute; left: 0; bottom: -50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 992px) { .form.form-cart .main.actions { bottom: -110px; } } .form.form-cart .main.actions .action.update, .form.form-cart .main.actions .action.clear, .form.form-cart .main.actions .action.continue { display: block; font-size: 16px; letter-spacing: -0.03rem; color: #000000; } .form.form-cart .main.actions .action.update span, .form.form-cart .main.actions .action.clear span, .form.form-cart .main.actions .action.continue span { color: #000000; } .form.form-cart .main.actions .action.update:before, .form.form-cart .main.actions .action.clear:before, .form.form-cart .main.actions .action.continue:before { position: absolute; font-size: 22px; top: 3px; left: 6px; color: #000000; } .form.form-cart .main.actions .action.update:hover, .form.form-cart .main.actions .action.clear:hover, .form.form-cart .main.actions .action.continue:hover { color: #000000; } .form.form-cart .main.actions .action.update:hover > span, .form.form-cart .main.actions .action.clear:hover > span, .form.form-cart .main.actions .action.continue:hover > span { text-decoration: none; } .form.form-cart .main.actions .action.update > span, .form.form-cart .main.actions .action.clear > span, .form.form-cart .main.actions .action.continue > span { padding-left: 35px; } .form.form-cart .main.actions .action.clear { border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; display: none; position: absolute; top: 155px; left: 0; margin-left: 0; width: auto; max-width: auto; font-size: 16px; padding: 12px 12px; -webkit-border-radius: 50px; border-radius: 50px; } .form.form-cart .main.actions .action.clear > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .form.form-cart .main.actions .action.clear:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .form.form-cart .main.actions .action.clear:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .form.form-cart .main.actions .action.clear:before { position: absolute; color: #ffffff; font-size: 28px; top: 0; left: 100%; } @media (max-width: 768px) { .form.form-cart .main.actions .action.clear:before { top: 17px; } } .form.form-cart .main.actions .action.clear:hover:before { color: #DB0007; } .form.form-cart .main.actions .action.clear > span { text-transform: uppercase; font-weight: 600; padding-left: 0px; } @media (max-width: 768px) { .form.form-cart .main.actions .action.clear > span { padding-left: 40px; } } @media (max-width: 1350px) { .form.form-cart .main.actions .action.clear { top: 158px; } } @media (max-width: 1200px) { .form.form-cart .main.actions .action.clear { top: 156px; } } @media (max-width: 992px) { .form.form-cart .main.actions .action.clear { min-width: 300px; top: 154px; } } @media (max-width: 768px) { .form.form-cart .main.actions .action.clear { top: 173px; min-width: inherit; } } .form.form-cart .main.actions .action.continue { display: block; margin-right: 66px; } .form.form-cart .main.actions .action.continue:before { font-family: "icons"; content: '\E001'; font-size: 22px; width: auto; height: auto; color: #000000; position: absolute; margin-left: 0; margin-right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } body.unity_golden_neighbor-index-index .select2-container--default--focus { border: 1px solid #ffbc0d; } body.unity_golden_neighbor-index-index .select2-container--default .select2-selection--multiple { border: 1px solid #ffbc0d; -webkit-border-radius: 8px; border-radius: 8px; } body.unity_golden_neighbor-index-index .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #000000; font-size: 18px; font-weight: normal; } body.unity_golden_neighbor-index-index .select2-container--default .select2-results > .select2-results__options { max-height: 100%; } body.unity_golden_neighbor-index-index .select2-container--default .select2-dropdown { background-color: #ffffff; } body.unity_golden_neighbor-index-index .select2-selection__rendered { min-height: 45px; } body.unity_golden_neighbor-index-index .select2 .select2-selection--multiple .select2-selection__rendered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.unity_golden_neighbor-index-index .select2 .select2-selection--multiple .select2-selection__choice { padding: 5px 5px; color: #000000; margin-top: 2px; margin-bottom: 2px; font-size: 14px; background-color: #ffbc0d; border: 1px solid #000000; } body.unity_golden_neighbor-index-index .select2-results { border: 1px solid; -webkit-border-radius: 5px; border-radius: 5px; } body.unity_golden_neighbor-index-index .select2-results__option { font-size: 16px; color: #000000; } body.unity_golden_neighbor-index-index .select2-results__option[aria-selected="true"] { color: #d73105; } #golden-neighbor-form-container { border-top: 2px solid #ffbc0d; padding-top: 20px; } #golden-neighbor-form-container .field { margin-bottom: 0; } #golden-neighbor-form-container input, #golden-neighbor-form-container textarea, #golden-neighbor-form-container select { outline: none; -webkit-box-shadow: none; box-shadow: none; } #golden-neighbor-form-container > h1 { text-align: center; line-height: 1.1; font-size: 19px; width: 100%; } #golden-neighbor-form-container > p { width: 100%; text-align: center; line-height: 1.5; font-size: 15px; font-weight: normal; color: #000000; } #golden-neighbor-form-container a { color: blue; text-decoration: underline; } #golden-neighbor-form-container a.yellow { color: #ffbc0d; } #golden-neighbor-form-container .error-box .mage-error, #golden-neighbor-form-container .error-box body.gutenberg .input-text + .field-error, body.gutenberg #golden-neighbor-form-container .error-box .input-text + .field-error, #golden-neighbor-form-container .error-box body.gutenberg select + .field-error, body.gutenberg #golden-neighbor-form-container .error-box select + .field-error, #golden-neighbor-form-container .error-box body.gutenberg textarea + .field-error, body.gutenberg #golden-neighbor-form-container .error-box textarea + .field-error, #golden-neighbor-form-container .error-box body.gutenberg .field-tooltip + .field-error, body.gutenberg #golden-neighbor-form-container .error-box .field-tooltip + .field-error { -webkit-box-shadow: none; box-shadow: none; font-size: 16px; font-style: normal; padding: 0; margin: 10px 0; } #golden-neighbor-form-container .level { margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #golden-neighbor-form-container .level > fieldset { -webkit-box-flex: 100%; -webkit-flex: 100% 1 1; -ms-flex: 100% 1 1; flex: 100% 1 1; margin-bottom: 15px; } @media screen and (min-width: 1200px) { #golden-neighbor-form-container .level { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8%; margin-bottom: 30px; } #golden-neighbor-form-container .level > fieldset { -webkit-box-flex: 46%; -webkit-flex: 46% 1 1; -ms-flex: 46% 1 1; flex: 46% 1 1; margin-bottom: 0; } } #golden-neighbor-form-container .level.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #golden-neighbor-form-container .level.vertical fieldset:nth-child(2) { margin-top: 15px; } #golden-neighbor-form-container .radio-choice-container, #golden-neighbor-form-container .checkbox-choice-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #golden-neighbor-form-container input[type="radio"] { visibility: hidden; } #golden-neighbor-form-container label span.bigger { font-size: 24px; } #golden-neighbor-form-container .radio-label, #golden-neighbor-form-container .checkbox-label { font-weight: 300; font-size: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; } #golden-neighbor-form-container .field.choice input[type="radio"]:checked + .label::before { content: "\e834"; } #golden-neighbor-form-container .field.choice input[type="radio"] + .label::before { content: "\e835"; } #golden-neighbor-form-container textarea { -webkit-border-radius: 25px; border-radius: 25px; min-height: 200px; border-width: 2px; } #golden-neighbor-form-container legend.required::after { color: #d73105; content: "*"; font-size: 20px; } #golden-neighbor-form-container label:not(.radio-label) span, #golden-neighbor-form-container legend span { color: #000000; font-size: 18px; } #golden-neighbor-form-container fieldset { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #golden-neighbor-form-container fieldset.file label { font-size: 22px; } #golden-neighbor-form-container fieldset.file .field.choice label { font-weight: 300; font-size: 13px; } #golden-neighbor-form-container fieldset .box-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; } #golden-neighbor-form-container fieldset .box-actions .button:first-of-type { margin-right: 10px; } #golden-neighbor-form-container fieldset .field:not(.choice):not(.input-box) { width: 100%; } @media (min-width: 992px) { #golden-neighbor-form-container fieldset .field:not(.choice):not(.input-box) { -webkit-box-flex: 46%; -webkit-flex: 46% 1 1; -ms-flex: 46% 1 1; flex: 46% 1 1; width: 46%; } } #golden-neighbor-form-container fieldset .field:not(.choice):not(.input-box).required > .label::after { font-size: 20px; margin: 0; } #golden-neighbor-form-container fieldset .field:not(.choice):not(.input-box).full-width { width: 100%; } #golden-neighbor-form-container fieldset fieldset { width: 100%; } #golden-neighbor-form-container fieldset fieldset .field { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } #golden-neighbor-form-container fieldset.vertical { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #golden-neighbor-form-container fieldset.vertical .field { margin-bottom: 5px; } #golden-neighbor-form-container fieldset.horizontal { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #golden-neighbor-form-container fieldset.hidden, #golden-neighbor-form-container fieldset > .hidden { display: none; } #golden-neighbor-form-container fieldset.show .hidden-fieldset { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #golden-neighbor-form-container .mixed-content-container { margin-top: 20px; } #golden-neighbor-form-container .mixed-content-container .fieldset { margin-bottom: 20px; } #golden-neighbor-form-container .mixed-content-container h4 { font-size: 20px; margin-bottom: 5px; } #golden-neighbor-form-container .mixed-content-container p { color: #000000; font-size: 18px; margin-bottom: 5px; font-weight: 300; } #golden-neighbor-form-container .mixed-content-container textarea { margin-top: 10px; } #golden-neighbor-form-container .mixed-content-container .file-info { font-size: 14px; margin-bottom: 0; } @media screen and (min-width: 1200px) { #golden-neighbor-form-container .mixed-content-container { margin-top: 50px; } } #golden-neighbor-form-container .input-box { width: auto; margin-top: 10px; } #golden-neighbor-form-container .input-box label { background-color: #ffbc0d; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: auto; margin: 0; cursor: pointer; -webkit-border-radius: 25px; border-radius: 25px; padding: 17px 16px 12px 16px; } #golden-neighbor-form-container .input-box label span { font-size: 19px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; display: inline-block; text-align: center; background: #ffbc0d; border: 1px solid #ffbc0d; color: #ffffff; } #golden-neighbor-form-container .input-box label input { visibility: hidden; z-index: -1; width: 0; height: 0; } #golden-neighbor-form-container .input-box .golden_neighbor-file-upload__container { padding: 0.6rem 0 0.6rem; display: inline-block; } #golden-neighbor-form-container .input-box .golden_neighbor-file-upload { position: relative; -webkit-border-radius: 30px; border-radius: 30px; font-weight: 700; padding: 14px 16px 9px; font-family: "speedee", sans-serif; color: black; background: #FFB62C; border: 1px solid #FFB62C; display: inline-block; overflow: hidden; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } #golden-neighbor-form-container .input-box .golden_neighbor-file-upload span { text-transform: uppercase; font-size: 17px; position: relative; z-index: 1; } #golden-neighbor-form-container .input-box .golden_neighbor-file-upload::before { content: ''; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #FFC94D; -webkit-transition: left 0.5s ease; transition: left 0.5s ease; z-index: 0; } #golden-neighbor-form-container .input-box .golden_neighbor-file-upload:hover::before, #golden-neighbor-form-container .input-box .golden_neighbor-file-upload:focus::before, #golden-neighbor-form-container .input-box .golden_neighbor-file-upload:active::before { left: 0; } #golden-neighbor-form-container .input-box .golden_neighbor-file-upload input[type="file"] { display: block; position: absolute; top: 0; left: 0; margin: 0; opacity: 0; direction: ltr; cursor: pointer; width: 100%; height: 100%; z-index: 1; } #golden-neighbor-form-container .input-box .golden_neighbor-file-upload:hover, #golden-neighbor-form-container .input-box .golden_neighbor-file-upload:focus, #golden-neighbor-form-container .input-box .golden_neighbor-file-upload:active { color: black; border-color: #FFB62C; text-decoration: none; } #golden-neighbor-form-container .input-box ul#golden_neighbor-attachments-added { list-style: none; padding-left: 0; min-width: 350px; margin-bottom: 20px; } #golden-neighbor-form-container .input-box ul#golden_neighbor-attachments-added li { margin-bottom: 0.6rem; } #golden-neighbor-form-container .input-box ul#golden_neighbor-attachments-added .action-item-remove::before { content: "\e5cd"; color: #c1bcbc; font-size: 1.6rem; font-family: "Material Icons"; } #golden-neighbor-form-container .input-box ul#golden_neighbor-attachments-added li a.action-item-remove { float: right; margin-left: 4rem; text-decoration: none; } #golden-neighbor-form-container .input-box ul#golden_neighbor-attachments-added li a.action-item-remove::before { font-size: 14px; } #golden-neighbor-form-container .input-box ul#golden_neighbor-attachments-added li a.action-item-remove:hover { cursor: pointer; color: #847a7a; text-decoration: none; } #golden-neighbor-form-container .fieldset-text-content { margin-bottom: 20px; } #golden-neighbor-form-container .actions-toolbar { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } #golden-neighbor-form-container .actions-toolbar .primary button { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } #golden-neighbor-form-container .actions-toolbar .primary button span { vertical-align: top; } #golden-neighbor-form-container .actions-toolbar .primary button::first-letter { text-transform: uppercase; } #golden-neighbor-form-container .actions-toolbar .primary button > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } #golden-neighbor-form-container .actions-toolbar .primary button:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } #golden-neighbor-form-container .actions-toolbar .primary button:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } #golden-neighbor-form-container .actions-toolbar .primary button span { text-transform: uppercase; font-size: 17px; } @media screen and (min-width: 1200px) { #golden-neighbor-form-container .actions-toolbar { margin-top: 85px; } } #golden-neighbor-form-container .clue { font-size: 12px; line-height: 1.2; margin-bottom: 20px; font-style: italic; margin-top: 5px; } #golden-neighbor-form-container .clue p { margin: 0; color: #000000; } #golden-neighbor-form-container .margin-bottom-20 { margin-bottom: 20px; } @media screen and (min-width: 1200px) { #golden-neighbor-form-container .gap-8 { gap: 8%; } } #golden-neighbor-form-container .more-action { font-weight: bold; color: black; cursor: pointer; } #golden-neighbor-form-container .more-content { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } #golden-neighbor-form-container .more-content p { font-size: 14px; } #golden-neighbor-form-container .more-content.hide { display: none; } #golden-neighbor-form-container .error-box { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } #golden-neighbor-form-container .privacy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #golden-neighbor-form-container .privacy.field.required > .label::after { font-size: 22px; font-weight: bold; } #golden-neighbor-form-container .sublevel { margin-top: 30px; } body.gutenberg .fieldset .field.label-after input[type="checkbox"] { margin: 0; position: absolute; visibility: hidden; height: 0; } .unity_golden_neighbor-index-index i { font-style: italic; } .personalization { margin-top: 35px; } .personalization .personalization-input { margin-bottom: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .personalization .personalization-input .field { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0px; } @media (max-width: 768px) { .personalization .personalization-input .field { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .personalization .personalization-input .field-hint, .personalization .personalization-input .field-note { width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .personalization .personalization-input .field-note { margin-bottom: 5px; } .personalization .personalization-input .field-hint { margin-top: 5px; } .personalization .personalization-input .field .label { -webkit-box-flex: 0; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; width: 33%; font-weight: normal; margin-right: 0px; } @media (max-width: 768px) { .personalization .personalization-input .field .label { padding: 0px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .personalization .personalization-input .field .control { max-width: 66%; -webkit-box-flex: 0; -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; margin-right: 0px; } @media (max-width: 768px) { .personalization .personalization-input .field .control { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .personalization .personalization-input .field .control .input-text { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .personalization .personalization-input .field .control .input-text:focus { outline: none; -webkit-box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.05); } .personalization .personalization-input .field .control .mage-error, .personalization .personalization-input .field .control body.gutenberg .input-text + .field-error, body.gutenberg .personalization .personalization-input .field .control .input-text + .field-error, .personalization .personalization-input .field .control body.gutenberg select + .field-error, body.gutenberg .personalization .personalization-input .field .control select + .field-error, .personalization .personalization-input .field .control body.gutenberg textarea + .field-error, body.gutenberg .personalization .personalization-input .field .control textarea + .field-error, .personalization .personalization-input .field .control body.gutenberg .field-tooltip + .field-error, body.gutenberg .personalization .personalization-input .field .control .field-tooltip + .field-error { z-index: 0; } .personalization .personalization-input .field .note { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .personalization .personalization-input .field .note, .personalization .personalization-input .field .hint { -webkit-box-flex: 0; -webkit-flex: 0 1 66%; -ms-flex: 0 1 66%; flex: 0 1 66%; font-size: 12px; text-align: unset; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .personalization .personalization-input .field .note.mage-error, .personalization .personalization-input .field body.gutenberg .input-text + .note.field-error, body.gutenberg .personalization .personalization-input .field .input-text + .note.field-error, .personalization .personalization-input .field body.gutenberg select + .note.field-error, body.gutenberg .personalization .personalization-input .field select + .note.field-error, .personalization .personalization-input .field body.gutenberg textarea + .note.field-error, body.gutenberg .personalization .personalization-input .field textarea + .note.field-error, .personalization .personalization-input .field body.gutenberg .field-tooltip + .note.field-error, body.gutenberg .personalization .personalization-input .field .field-tooltip + .note.field-error { font-size: 12px; text-align: right; } .personalization .personalization-input .field .note span { margin-bottom: 0px; } .personalization .personalization-input .field .hint { color: #000000; margin-bottom: 0px; } .personalization .personalization-input .field .price-notice { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 0px; } .personalization .personalization-input .field .price-notice .price-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 12px; color: #878787; } .personalization .personalization-input .field .price-notice .price-including-tax { margin-right: 12px; } .personalization .personalization-input .field .price-notice .price-excluding-tax { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .personalization .personalization-input .field .price-notice .price-excluding-tax:before { margin-right: 12px; } .personalization .personalization-input .field .select2-container { min-height: 45px; height: 100%; } .personalization .personalization-input .field .select2-container--focus { -webkit-box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.05); } .personalization .personalization-input .field .select2-selection { border: 1px solid #ffbc0d; -webkit-border-radius: 8px; border-radius: 8px; } .personalization .personalization-input .field .select2-selection--single { background-color: #ffffff; } .personalization .personalization-input .field .select2-selection--multiple .select2-selection__choice { font-size: 14px; } .personalization .personalization-input .field .select2-selection--multiple .select2-selection__choice:last-child { margin-bottom: 5px; } .personalization .personalization-input .field .select2-selection__rendered { font-size: 16px; line-height: 45px; } .personalization .personalization-input .field .legend { font-weight: normal; font-size: 14px; color: #000000; } .personalization .personalization-input .field .legend .price-container { color: #878787; } .personalization .personalization-input .field.custom-date-picker { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .personalization .personalization-input .field.custom-date-picker .additional-control { text-align: right; margin-top: 12px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-left: auto; } .personalization .personalization-input .field.custom-date-picker .ui-datepicker-trigger.v-middle { display: none; } .personalization .personalization-input .field.custom-date-picker .button.ui-datepicker-trigger-manual { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; background: #ffbc0d; border: 1px solid #ffbc0d; color: #000000; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } .personalization .personalization-input .field.custom-date-picker .button.ui-datepicker-trigger-manual:hover { cursor: pointer; } .personalization .personalization-input .field.custom-date-picker .button.ui-datepicker-trigger-manual.active { background: #ffffff; color: #ffbc0d; border-color: #ffbc0d; } .personalization .personalization-input .field.custom-date-picker .button.ui-datepicker-trigger-manual.active > span { color: #000000; } .personalization .personalization-input .field.custom-date-picker .button.ui-datepicker-trigger-manual > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .personalization .personalization-input .field.custom-date-picker .button.ui-datepicker-trigger-manual:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } .personalization .personalization-input .field.custom-date-picker .button.ui-datepicker-trigger-manual:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } .account .downloadable-products-toolbar + .actions-toolbar { margin-right: 0px; margin-top: 20px; width: 100%; } .account .downloadable-products-toolbar .pager { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .account .downloadable-products-toolbar .pager .toolbar-amount { display: none; } .account .downloadable-products-toolbar .pager .limiter.field { margin-bottom: 0; float: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .account .downloadable-products-toolbar .pager .limiter.field .limiter-label { top: 0; height: 100%; line-height: normal; padding: 0; } @media screen and (max-width: 768px) { .account .downloadable-products-toolbar .pager { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .filter-options .filter-options-content .items .item.hidden { display: none; } .filter-options .filter-options-content .items .item > a, .filter-options .filter-options-content .items .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; height: auto; } .filter-options .filter-options-content .items .item > a .item-label, .filter-options .filter-options-content .items .item .item-label { display: inherit; -webkit-flex-wrap: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; -webkit-align-items: inherit; -ms-flex-align: inherit; align-items: inherit; float: unset; max-width: unset; } .filter-options .filter-options-content .items .item > a .item-label .arrow-wrapper img, .filter-options .filter-options-content .items .item .item-label .arrow-wrapper img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin-right: 0.25rem; -webkit-transform: rotate(0deg) scale(0.8); transform: rotate(0deg) scale(0.8); } .filter-options .filter-options-content .items .item > a .item-label .arrow-wrapper img[data-visibility="visible"], .filter-options .filter-options-content .items .item .item-label .arrow-wrapper img[data-visibility="visible"] { -webkit-transform: rotate(-180deg) scale(0.8); transform: rotate(-180deg) scale(0.8); } .filter-options .filter-options-content .items .item > a .item-label .arrow-wrapper.no-arrow, .filter-options .filter-options-content .items .item .item-label .arrow-wrapper.no-arrow { cursor: auto; } .filter-options .filter-options-content .items .item > a .item-label .arrow-wrapper.no-arrow img, .filter-options .filter-options-content .items .item .item-label .arrow-wrapper.no-arrow img { visibility: hidden; } .filter-options .filter-options-content .items .item > a .item-label .child-label, .filter-options .filter-options-content .items .item .item-label .child-label { padding-left: 20px; color: #000000; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } @media screen and (max-width: 1200px) { .filter-options .filter-options-content .items .item > a .item-label .child-label, .filter-options .filter-options-content .items .item .item-label .child-label { margin-left: 11px !important; } } .filter-options .filter-options-content .items .item > a .item-label .child-label.active, .filter-options .filter-options-content .items .item .item-label .child-label.active { color: #ffbc0d; font-weight: 600; } .filter-options .filter-options-content .items .item > a span, .filter-options .filter-options-content .items .item span { font-size: clamp(0.8rem, 0.9vw, 1rem); } .filter-options .filter-options-content .items .item > a span.category-label, .filter-options .filter-options-content .items .item span.category-label { color: #000000; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding-right: 5px; } .filter-options .filter-options-content .items .item > a span.category-label.active, .filter-options .filter-options-content .items .item span.category-label.active { color: #ffbc0d; font-weight: 600; } .filter-options .filter-options-content .items .item .arrow-image { cursor: pointer; } .filter-options-content .item a::before, .filter-options-content .item a::after { content: unset !important; } .filter-options-content .item::before, .filter-options-content .item::after { content: unset !important; } #catalog-bottom-buttons-container { margin-top: 3rem; border-top: 2px solid #ffbc0d; padding: 1rem 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #catalog-bottom-buttons-container h3 { margin-top: 1rem; font-size: 1.6rem; font-weight: 600; text-transform: capitalize; line-height: normal; white-space: normal; word-break: keep-all; text-align: center; } #catalog-bottom-buttons-container ul { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #catalog-bottom-buttons-container ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 10px; width: 100%; margin-bottom: 0.5rem; } @media screen and (min-width: 768px) { #catalog-bottom-buttons-container ul li { width: 33%; } } #catalog-bottom-buttons-container ul li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 100%; font-size: clamp(0.75rem, 0.96vw, 0.95rem); font-weight: 500; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: bold; line-height: 1.35; white-space: normal; word-break: keep-all; } #catalog-bottom-buttons-container ul li a.button { background: #ffbc0d; border: 1px solid #ffbc0d; color: #ffffff; width: 100%; position: relative; height: 100%; } #catalog-bottom-buttons-container ul li a.button:hover { background-color: transparent; color: #ffbc0d; } .swipe-reload-wrapper { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swipe-reload-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 305px; } .title-box h3 { margin: 1rem 0; padding: 0; text-align: center; font-size: 24px; font-weight: 600; } .content-box { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .swipe-side { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0.15rem 0.5rem; overflow: hidden; } .swipe-side p { text-transform: uppercase; font-size: 16px; color: black; white-space: normal; margin: 5px 0; } #swipe-button-container { overflow: hidden; position: relative; width: 305px; height: 50px; border: white; -webkit-border-radius: 7px; border-radius: 7px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #f1f0f0; background-color: #f1f0f0; cursor: pointer; } #slider-element { cursor: pointer; -webkit-transition: width 0.3s, height 0.3s, -webkit-border-radius 0.3s; transition: width 0.3s, height 0.3s, -webkit-border-radius 0.3s; transition: width 0.3s, border-radius 0.3s, height 0.3s; transition: width 0.3s, border-radius 0.3s, height 0.3s, -webkit-border-radius 0.3s; position: absolute; left: 0; background-color: white; width: 152.5px; height: 50px; -webkit-border-radius: 7px; border-radius: 7px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; background-image: -webkit-radial-gradient(#ffbc0d 30%, #ffffff 20%); background-image: radial-gradient(#ffbc0d 30%, #ffffff 20%); background-position: 0 0; background-size: 5.4px 5.4px; -webkit-box-sizing: border-box; box-sizing: border-box; } #slider-element:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; -webkit-box-shadow: 0px 0px 0px 6px white inset; box-shadow: 0px 0px 0px 6px white inset; overflow: hidden; } .bottom { position: fixed; bottom: 0; font-size: 14px; color: white; } .bottom a { color: white; } .lac-notification-sticky { background-color: #ffbc0d; } .lac-notification-sticky .lac-notification { margin: 10px 20px 10px 20px; } .lac-notification-sticky .lac-notification .lac-notification-links .lac-notification-close-link:hover { color: #DB0007; } #swagger-ui { background-color: #FFFFFF; } .planerPage { font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 132px; width: 100%; } .planerPage .planerImg { height: 770px; -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } .planerPage .planerImg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 32px; border-radius: 32px; } .planerPage .input-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; position: relative; } .planerPage .form-step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .planerPage .form-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 56px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .planerPage .form-container form { max-width: 462px; width: 100%; } .planerPage .form-container form h2 { font-weight: 400; font-size: 24px; margin-bottom: 8px; } .planerPage .form-container form input, .planerPage .form-container form select { border: 1px solid #d8d9e0; background: none; -webkit-border-radius: 8px; border-radius: 8px; padding: 8px 12px 8px 16px; height: 50px; font-size: 14px; color: #1f1f1f; } .planerPage .form-container form .form-button-container { width: 100%; margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 24px; } .planerPage .form-container form .form-button-container .form-button { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 10px 20px; -webkit-border-radius: 8px; border-radius: 8px; border: solid 2px #ffbc0d; position: relative; overflow: hidden; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .planerPage .form-container form .form-button-container .form-button:hover:enabled { background-color: #FFC94D; cursor: pointer; } .planerPage .form-container form .form-button-container .form-button:hover:enabled::before { right: 0; } .planerPage .form-container form .form-button-container .form-button::before { content: ""; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background-color: #FFC94D; -webkit-transition: right 0.5s ease; transition: right 0.5s ease; z-index: 0; } .planerPage .form-container form .form-button-container .form-button span { position: relative; z-index: 1; color: #1f1f1f !important; } .planerPage .form-container form .form-button-container .form-button:disabled { background-color: #888a96; cursor: default; color: white; border: none; } .planerPage .form-container form .form-button-container .form-button--full { background-color: #ffbc0d; } .planerPage .form-container .planer-text { font-size: 24px; } .planerPage .form-container .field-error { position: absolute; top: 100%; left: 10px; font-size: 12px; color: red; } .planerPage .form-container .street-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 6px; } .planerPage .form-container .street-container #street { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; } .planerPage .form-container .street-container #street_nr { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; } .planerPage .form-container #phone::-webkit-input-placeholder { color: #b9bbc6; } .planerPage .form-container #phone::-moz-placeholder { color: #b9bbc6; } .planerPage .form-container #phone:-ms-input-placeholder { color: #b9bbc6; } .planerPage .form-container #phone::-ms-input-placeholder { color: #b9bbc6; } .planerPage .form-container #phone::placeholder { color: #b9bbc6; } .planerPage .form-container #opening_date { width: 100%; } .planerPage .form-container #phone::after { content: url(""); } .planerPage .form-container .radio-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .planerPage .form-container .radio-container input { display: none; } .planerPage .form-container .radio-container .radio-input-option { position: relative; display: block; border: 1px solid #ffbc0d; -webkit-border-radius: 8px; border-radius: 8px; background-color: #fff5d3; padding: 12px 16px; padding-right: 30px; } .planerPage .form-container .radio-container input:checked + .radio-input-option { background-color: #ffbc0d; } .planerPage .form-container .radio-container input:checked + .radio-input-option::after { aspect-ratio: 24/24; right: 15px; top: 50%; content: url(../images/planer/check.svg); -webkit-transform: translateY(-40%); transform: translateY(-40%); position: absolute; color: black; } @media (max-width: 768px) { .planerPage .planerImg { display: none; } .planerPage .form-container { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .planerPage .form-container form { max-width: 100%; } } .planer-list-page * { margin: 0; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; padding: 0; } .planer-list-page a:hover { color: #1b1a1a !important; } .planer-list-page .planer-action-button { background-color: #ffbc0d; color: #1f1f1f; padding: 16px 20px; -webkit-border-radius: 8px; border-radius: 8px; font-weight: 700; cursor: pointer; position: relative; overflow: hidden; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .planer-list-page .planer-action-button:hover { background-color: #FFC94D; cursor: pointer; } .planer-list-page .planer-action-button:hover::before { right: 0; } .planer-list-page .planer-action-button::before { content: ""; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background-color: #FFC94D; -webkit-transition: right 0.5s ease; transition: right 0.5s ease; z-index: 0; } .planer-list-page .planer-action-button span { position: relative; z-index: 1; color: #1f1f1f !important; } .planer-list-page .planner-without-restaurants { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 56px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .planer-list-page .planner-without-restaurants__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .planer-list-page .planner-without-restaurants__header h1 { font-size: 32px; font-weight: 700; } .planer-list-page .planner-without-restaurants__header p { font-size: 20px; } .planer-list-page .planner-with-restaurants__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; } .planer-list-page .planner-with-restaurants__header h1 { font-size: 24px; font-weight: 700; margin-bottom: 0px; } .planer-list-page .planner-with-restaurants .planer-restaurants-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 24px; } .planer-list-page .planer-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 12px; padding: 24px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #f9f9fb; } .planer-list-page .planer-card__heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; border-bottom: 1px solid #e5e4ec; } .planer-list-page .planer-card__restaurant-info { margin-bottom: 12px; } .planer-list-page .planer-card__restaurant-info h2 { font-size: 20px; margin-bottom: 0px; } .planer-list-page .planer-card__restaurant-info p { font-size: 16px; color: #696b77; margin-bottom: 0px; } .planer-list-page .planer-card__topbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .planer-list-page .planer-card__topbar button { border: none; background: none; cursor: pointer; } .planer-list-page .planer-card__topbar .planer-card__date { background-color: #fff5d3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; -webkit-border-radius: 999px; border-radius: 999px; padding: 8px 12px; } .planer-list-page .planer-card__topbar .planer-card__date p { margin: 0; } .planer-list-page .planer-card__topbar .planer-card__date img { width: 16px; height: 16px; } .planer-list-page .planer-card__main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 10px; min-height: 200px; margin-bottom: 12px; border-bottom: 1px solid #e5e4ec; } .planer-list-page .planer-card__main h3 { font-size: 14px; font-weight: 700; color: #696b77; margin-bottom: 0px; } .planer-list-page .planer-card__main-task-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 8px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .planer-list-page .planer-card__task { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 8px; padding: 6px 12px; background-color: #eff0f3; border: solid 1px #dbdce0; -webkit-border-radius: 999px; border-radius: 999px; } .planer-list-page .planer-card__task a, .planer-list-page .planer-card__task p { color: #62636c; } .planer-list-page .planer-card__task .task-not-completed { color: #62636c; } .planer-list-page .planer-card__task .task-number { color: #53b483; } .planer-list-page .planer-card__progress { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .planer-list-page .planer-card__progress h3 { color: #696b77; font-size: 14px; margin-bottom: 0px; } .planer-list-page .planer-card__progress .progress__number { text-align: right; color: #696b77; font-size: 14px; font-weight: 700; } .planer-list-page .planer-card__progress .progress__bar { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px; width: 100%; height: 8px; } .planer-list-page .planer-card__progress .progress__bar::-webkit-progress-bar { -webkit-border-radius: 20px; border-radius: 20px; background-color: #dadbe2; } .planer-list-page .planer-card__progress .progress__bar::-webkit-progress-value { background-color: #ffbc0d; } .planer-list-page .restaurant-button { display: inline-block; text-align: center; margin-top: 12px; background-color: #ffbc0d; width: 100%; padding: 10px 20px; font-size: 16px; font-weight: 700; height: 48px; border: none; -webkit-border-radius: 8px; border-radius: 8px; color: #1f1f1f; position: relative; overflow: hidden; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .planer-list-page .restaurant-button:hover { background-color: #FFC94D; cursor: pointer; } .planer-list-page .restaurant-button:hover::before { right: 0; } .planer-list-page .restaurant-button::before { content: ""; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background-color: #FFC94D; -webkit-transition: right 0.5s ease; transition: right 0.5s ease; z-index: 0; } .planer-list-page .restaurant-button span { position: relative; z-index: 1; color: #1f1f1f !important; } .planer-list-page .tooltip { position: absolute; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 4px; min-width: 120px; right: 0px; margin-top: 12px; background-color: white; border: 1px solid #d8d9e0; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; font-size: 16px; } .planer-list-page .tooltip--show { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .planer-list-page .tooltip__edit, .planer-list-page .tooltip__remove { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 12px; } .planer-list-page .tooltip__edit:hover, .planer-list-page .tooltip__remove:hover { background-color: rgba(166, 166, 166, 0.151); } .planer-list-page .tooltip__edit a, .planer-list-page .tooltip__remove a { display: block; width: 100%; } .planer-list-page .tooltip__remove { color: #ff3b30; } .planer-list-page .tooltip__remove a { color: #ff3b30; } .planner-config { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 52px; font-weight: 300; } .planner-config ul { list-style-type: none; padding: 0; } .planner-config li { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .planner-config a { text-decoration: none; color: #007bff; } .planner-config a:hover { text-decoration: underline; } .planner-config a.active { color: #ffbc0d; } .planner-config .yellow-btn, .planner-config .download-brief { width: 100%; font-size: 16px; padding: 10px 20px; font-weight: 700; background-color: #ffbc0d; -webkit-border-radius: 8px; border-radius: 8px; position: relative; overflow: hidden; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .planner-config .yellow-btn:hover, .planner-config .download-brief:hover { background-color: #ffc94d; cursor: pointer; } .planner-config .yellow-btn:hover::before, .planner-config .download-brief:hover::before { right: 0; } .planner-config .yellow-btn::before, .planner-config .download-brief::before { content: ""; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background-color: #ffc94d; -webkit-transition: right 0.5s ease; transition: right 0.5s ease; z-index: 0; } .planner-config .yellow-btn span, .planner-config .download-brief span { position: relative; z-index: 1; color: #1f1f1f !important; } .planner-config h3.planer-header { font-size: 28px; font-weight: 400; margin-bottom: 17px; } .planner-config .left-column { width: 30%; } .planner-config .left-column li { font-weight: bold; } .planner-config .left-column .sum-box { position: relative; float: right; padding: 4px 14px 0px; background-color: #eff0f3; border: solid 1px #dbdce0; -webkit-border-radius: 50px; border-radius: 50px; margin-bottom: 0px; color: #7a7777; font-size: 13px; font-style: normal; } .planner-config .left-column .sum-box .zero { color: #7a7777; } .planner-config .left-column .sum-box .positive { color: green; } .planner-config .left-column .support-box { display: block; padding: 15px; background-color: #f9f9fb; -webkit-border-radius: 8px; border-radius: 8px; margin-top: 25px; } .planner-config .left-column .support-box .yellow-btn { width: auto; } .planner-config .right-column { width: 70%; } .planner-config .event-vip-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; gap: 80px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .planner-config .event-vip-details .left-side { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; } .planner-config .event-vip-details .left-side p { font-size: 18px; color: #696b77; margin-bottom: 0; } .planner-config .event-vip-details .right-side { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; padding: 16px 24px; background-color: #f9f9fb; -webkit-border-radius: 8px; border-radius: 8px; } .planner-config .event-vip-details .right-side .download-brief { width: auto; } .planner-config .event-vip-details .right-side p { margin-bottom: 0; } .planner-config .details-list .item-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; font-size: 20px; } .planner-config .details-list .item-header select { padding: 8px 26px; border: 1px solid #d8d9e0; color: #1f1f1f; -webkit-border-radius: 8px; border-radius: 8px; margin-left: auto; width: auto; } .planner-config .details-list .item-header select:focus { border: 1px solid #d8d9e0; } .planner-config .details-list .item-header span { font-size: 20px; } .planner-config .details-list .item-header .toggle-icon { margin-right: 10px; cursor: pointer; } .planner-config .details-list .item-header .toggle-icon img { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .planner-config .details-list .item-header.active .toggle-icon img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .planner-config .details-list .item-header.active + .item-details { display: block; padding: 24px 24px 24px 50px; background-color: #f9f9fb; -webkit-border-radius: 8px; border-radius: 8px; } .planner-config .details-list .uppercase-text { text-transform: uppercase; } .planner-config .details-list .decoration-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 22px; } .planner-config .details-list .decoration-list li { position: relative; padding-left: 25px; } .planner-config .details-list .decoration-list li::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; height: 8px; background-color: #ffbc0d; -webkit-border-radius: 50%; border-radius: 50%; } .planner-config .details-list .item-details { display: none; padding: 10px 0; } .planner-config .details-list .item-details .item-details-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .planner-config .details-list .item-details .item-details-container .vip-details:last-child { border-bottom: none; } .planner-config .details-list .item-details .item-details-container .vip-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #dbdce0; } .planner-config .details-list .item-details .item-details-container .vip-details .vip-details-list li { position: relative; padding-left: 30px; } .planner-config .details-list .item-details .item-details-container .vip-details .vip-details-list li:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("../images/planer/lightbulb.png"); background-size: contain; background-repeat: no-repeat; } .planner-config .details-list .item-details .item-details-container .vip-details .yellow-btn { width: 170px; text-align: center; } .planner-config .details-list .item-details .item-details-container .vip-details .vip-details-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .planner-config .details-list .item-details .item-details-container .vip-details .vip-details-text-header { font-size: 20px; } .planner-config .details-list .item-details .item-details-container .vip-details .vip-details-text-desc { font-size: 18px; color: #696b77; } .planner-config .details-list .item-details p { margin-bottom: 0; font-size: 18px; } .planner-config .details-list .item-details .item-card { padding-bottom: 16px; border-bottom: 1px solid #DBDCE0; margin-bottom: 20px; } .planner-config .details-list .item-details .item-card:last-child { border: none; } .planner-config .details-list .item-details .item-card-description { display: inline-block; width: -webkit-calc(100% - 111px); width: calc(100% - 111px); } .planner-config .details-list .item-details .item-card-description.no-img { width: 100%; } .planner-config .details-list .item-details .item-card-description-container { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .planner-config .details-list .item-details .item-card-img { display: inline-block; margin-right: 7px; aspect-ratio: 1/1; width: 100px; } .planner-config .details-list .item-details .show-variants { background-color: #ffbc0d; padding: 14px 28px; -webkit-border-radius: 8px; border-radius: 8px; font-weight: 700; } .planner-config .details-list .item-details .card-btn-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 200px; } .planner-config .details-list .item-details .card-btn-container a { width: 100%; text-align: center; } .planner-config .details-list .item-details .card-btn-container.no-img { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .planner-config .details-list .item-details .item-card-title, .planner-config .details-list .item-details .item-card-price { color: #696b77; } .planner-config .details-list .item-details .item-card-title { font-size: 18px; } .planner-config .details-list .item-details .item-card-price { font-size: 20px; } .planner-config .details-list .item-details .item-highlight { color: #ffbc0d; } .planner-config .selected-option-wrapper { position: relative; } .planner-config .custom-select-wrapper { position: relative; width: 200px; font-size: 16px; } .planner-config .custom-select-wrapper .selected-option-wrapper span { font-size: 16px; } .planner-config .custom-select { padding: 10px; border: 1px solid #ccc; background-color: #fff; cursor: pointer; -webkit-border-radius: 5px; border-radius: 5px; } .planner-config .selected-option { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .planner-config .select-arrow { position: absolute; pointer-events: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .planner-config .options { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-height: 200px; overflow-y: auto; z-index: 999; } .planner-config .custom-select .options .option { padding: 10px; margin-bottom: 0px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .planner-config .custom-select .options .option:hover { background-color: #f0f0f0; } .planner-config .custom-select .options .option span { font-size: 16px; } .planner-config .custom-select.open .options { display: block; } .planner-config select { display: none; } .popup { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5); } .popup .popup-content { background-color: #fff; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 600px; -webkit-border-radius: 8px; border-radius: 8px; position: relative; } .popup .popup-content h2 { font-size: 28px; } .popup .popup-content .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .popup .popup-content .close:hover, .popup .popup-content .close:focus { color: black; text-decoration: none; cursor: pointer; } .popup .popup-content .popup-body { max-height: 400px; overflow-y: auto; margin-top: 20px; } .popup .popup-content .popup-body .section-content { background-color: #f9f9fb; padding: 10px; margin: 6px 0; } .popup .popup-content .popup-body .section-content h3 { margin: 10px 0 20px; } .popup .popup-content .popup-body ul { list-style-type: disc; padding-left: 20px; } .popup .popup-content .popup-body ul li { margin-bottom: 10px; } .section-header { background-color: #ffbc0d; color: #ffffff; padding: 5px 7px 0 7px; display: inline-block; vertical-align: middle; margin-right: 10px; } .section-title { display: inline-block; vertical-align: middle; font-size: 28px; margin-top: 5px; } .section-divider { border: 0; border-top: 1px solid #d8d9e0; margin: 0 0 20px; } @media screen and (max-width: 992px) { .planner-config .left-column { width: 40%; } .planner-config .right-column { width: 60%; } .planner-config .event-vip-details .left-side { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .planner-config .details-list .item-details .item-card { padding-bottom: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 10px; text-align: center; } .planner-config .details-list .item-details .item-card-description { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .planner-config .details-list .item-details .item-card-description .item-card-description-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; } .planner-config .details-list .item-details .item-card-description .item-card-description-container p { margin-bottom: 5px; } } @media screen and (max-width: 768px) { .planner-config { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .planner-config .left-column { width: 100%; } .planner-config .left-column .support-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .planner-config .right-column { width: 100%; } } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2-container--default--focus { border: 1px solid #ffbc0d; } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2-container--default .select2-selection--multiple { border: 1px solid #ffbc0d; -webkit-border-radius: 8px; border-radius: 8px; } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #000000; font-size: 18px; font-weight: normal; } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2-container--default .select2-results > .select2-results__options { max-height: 100%; } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2-container--default .select2-dropdown { background-color: #FFFFFF; } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2-selection__rendered { min-height: 45px; } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2 .select2-selection--multiple .select2-selection__rendered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2 .select2-selection--multiple .select2-selection__choice { padding: 5px 5px; color: #000000; margin-top: 2px; margin-bottom: 2px; font-size: 14px; background-color: #ffbc0d; border: 1px solid #000000; } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2-results { border: 1px solid; -webkit-border-radius: 5px; border-radius: 5px; } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2-results__option { font-size: 16px; color: #000000; } golden_neighbor_briefbody.unity_golden_neighbor_brief-index-index .select2-results__option[aria-selected="true"] { color: #DB0007; } #golden-neighbor-brief-brief-form-container { border-top: 2px solid #ffbc0d; padding-top: 20px; } #golden-neighbor-brief-brief-form-container .field { margin-bottom: 0; } #golden-neighbor-brief-brief-form-container input, #golden-neighbor-brief-brief-form-container textarea, #golden-neighbor-brief-brief-form-container select { outline: none; -webkit-box-shadow: none; box-shadow: none; } #golden-neighbor-brief-brief-form-container > h1 { text-align: center; line-height: 1.1; font-size: 19px; width: 100%; } #golden-neighbor-brief-brief-form-container > p { width: 100%; text-align: center; line-height: 1.5; font-size: 15px; font-weight: normal; color: #000000; } #golden-neighbor-brief-brief-form-container a { color: blue; text-decoration: underline; } #golden-neighbor-brief-brief-form-container a.yellow { color: #ffbc0d; } #golden-neighbor-brief-brief-form-container .error-box .mage-error, #golden-neighbor-brief-brief-form-container .error-box body.gutenberg .input-text + .field-error, body.gutenberg #golden-neighbor-brief-brief-form-container .error-box .input-text + .field-error, #golden-neighbor-brief-brief-form-container .error-box body.gutenberg select + .field-error, body.gutenberg #golden-neighbor-brief-brief-form-container .error-box select + .field-error, #golden-neighbor-brief-brief-form-container .error-box body.gutenberg textarea + .field-error, body.gutenberg #golden-neighbor-brief-brief-form-container .error-box textarea + .field-error, #golden-neighbor-brief-brief-form-container .error-box body.gutenberg .field-tooltip + .field-error, body.gutenberg #golden-neighbor-brief-brief-form-container .error-box .field-tooltip + .field-error { -webkit-box-shadow: none; box-shadow: none; font-size: 16px; font-style: normal; padding: 0; margin: 10px 0; } #golden-neighbor-brief-brief-form-container .level { margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #golden-neighbor-brief-brief-form-container .level > fieldset { -webkit-box-flex: 100%; -webkit-flex: 100% 1 1; -ms-flex: 100% 1 1; flex: 100% 1 1; margin-bottom: 15px; } @media screen and (min-width: 1200px) { #golden-neighbor-brief-brief-form-container .level { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8%; margin-bottom: 30px; } #golden-neighbor-brief-brief-form-container .level > fieldset { -webkit-box-flex: 46%; -webkit-flex: 46% 1 1; -ms-flex: 46% 1 1; flex: 46% 1 1; margin-bottom: 0; } } #golden-neighbor-brief-brief-form-container .level.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #golden-neighbor-brief-brief-form-container .level.vertical fieldset:nth-child(2) { margin-top: 15px; } #golden-neighbor-brief-brief-form-container .radio-choice-container, #golden-neighbor-brief-brief-form-container .checkbox-choice-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #golden-neighbor-brief-brief-form-container input[type='radio'] { visibility: hidden; } #golden-neighbor-brief-brief-form-container label span.bigger { font-size: 24px; } #golden-neighbor-brief-brief-form-container .radio-label, #golden-neighbor-brief-brief-form-container .checkbox-label { font-weight: 300; font-size: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; } #golden-neighbor-brief-brief-form-container .field.choice input[type="radio"]:checked + .label::before { content: "\e834"; } #golden-neighbor-brief-brief-form-container .field.choice input[type="radio"] + .label::before { content: "\e835"; } #golden-neighbor-brief-brief-form-container textarea { -webkit-border-radius: 25px; border-radius: 25px; min-height: 200px; border-width: 2px; } #golden-neighbor-brief-brief-form-container legend.required::after { color: #d73105; content: '*'; font-size: 20px; } #golden-neighbor-brief-brief-form-container label:not(.radio-label) span, #golden-neighbor-brief-brief-form-container legend span { color: #000000; font-size: 18px; } #golden-neighbor-brief-brief-form-container fieldset { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #golden-neighbor-brief-brief-form-container fieldset.file label { font-size: 22px; } #golden-neighbor-brief-brief-form-container fieldset.file .field.choice label { font-weight: 300; font-size: 13px; } #golden-neighbor-brief-brief-form-container fieldset .box-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; } #golden-neighbor-brief-brief-form-container fieldset .box-actions .button:first-of-type { margin-right: 10px; } #golden-neighbor-brief-brief-form-container fieldset .field:not(.choice):not(.input-box) { width: 100%; } @media (min-width: 992px) { #golden-neighbor-brief-brief-form-container fieldset .field:not(.choice):not(.input-box) { -webkit-box-flex: 46%; -webkit-flex: 46% 1 1; -ms-flex: 46% 1 1; flex: 46% 1 1; width: 46%; } } #golden-neighbor-brief-brief-form-container fieldset .field:not(.choice):not(.input-box).required > .label::after { font-size: 20px; margin: 0; } #golden-neighbor-brief-brief-form-container fieldset .field:not(.choice):not(.input-box).full-width { width: 100%; } #golden-neighbor-brief-brief-form-container fieldset fieldset { width: 100%; } #golden-neighbor-brief-brief-form-container fieldset fieldset .field { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } #golden-neighbor-brief-brief-form-container fieldset.vertical { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #golden-neighbor-brief-brief-form-container fieldset.vertical .field { margin-bottom: 5px; } #golden-neighbor-brief-brief-form-container fieldset.horizontal { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #golden-neighbor-brief-brief-form-container fieldset.hidden, #golden-neighbor-brief-brief-form-container fieldset > .hidden { display: none; } #golden-neighbor-brief-brief-form-container fieldset.show .hidden-fieldset { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #golden-neighbor-brief-brief-form-container .mixed-content-container { margin-top: 20px; } #golden-neighbor-brief-brief-form-container .mixed-content-container .fieldset { margin-bottom: 20px; } #golden-neighbor-brief-brief-form-container .mixed-content-container h4 { font-size: 20px; margin-bottom: 5px; } #golden-neighbor-brief-brief-form-container .mixed-content-container p { color: #000000; font-size: 18px; margin-bottom: 5px; font-weight: 300; } #golden-neighbor-brief-brief-form-container .mixed-content-container textarea { margin-top: 10px; } #golden-neighbor-brief-brief-form-container .mixed-content-container .file-info { font-size: 14px; margin-bottom: 0; } @media screen and (min-width: 1200px) { #golden-neighbor-brief-brief-form-container .mixed-content-container { margin-top: 50px; } } #golden-neighbor-brief-brief-form-container .input-box { width: auto; margin-top: 10px; } #golden-neighbor-brief-brief-form-container .input-box label { background-color: #ffbc0d; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: auto; margin: 0; cursor: pointer; -webkit-border-radius: 25px; border-radius: 25px; padding: 17px 16px 12px 16px; } #golden-neighbor-brief-brief-form-container .input-box label span { font-size: 19px; font-family: 'speedee', sans-serif; font-weight: 700; text-transform: uppercase; display: inline-block; text-align: center; background: #ffbc0d; border: 1px solid #ffbc0d; color: #FFFFFF; } #golden-neighbor-brief-brief-form-container .input-box label input { visibility: hidden; z-index: -1; width: 0; height: 0; } #golden-neighbor-brief-brief-form-container .input-box .golden_neighbor_brief-file-upload__container { padding: 0.6rem 0 0.6rem; display: inline-block; } #golden-neighbor-brief-brief-form-container .input-box .golden_neighbor_brief-file-upload { position: relative; -webkit-border-radius: 30px; border-radius: 30px; font-weight: 700; padding: 20px 25px 15px 25px; font-family: 'speedee', sans-serif; color: #ffffff; background: #ffbc0d; border: 1px solid #ffbc0d; display: inline-block; } #golden-neighbor-brief-brief-form-container .input-box .golden_neighbor_brief-file-upload span { text-transform: uppercase; font-size: 20px; } #golden-neighbor-brief-brief-form-container .input-box .golden_neighbor_brief-file-upload input[type='file'] { display: block; position: absolute; top: 0; left: 0; margin: 0; opacity: 0; direction: ltr; cursor: pointer; width: 100%; height: 100%; } #golden-neighbor-brief-brief-form-container .input-box .golden_neighbor_brief-file-upload:hover, #golden-neighbor-brief-brief-form-container .input-box .golden_neighbor_brief-file-upload:focus, #golden-neighbor-brief-brief-form-container .input-box .golden_neighbor_brief-file-upload:active { color: #ffbc0d; background: #ffffff; border-color: #ffbc0d; text-decoration: none; } #golden-neighbor-brief-brief-form-container .input-box ul#golden_neighbor_brief-attachments-added { list-style: none; padding-left: 0; min-width: 350px; margin-bottom: 20px; } #golden-neighbor-brief-brief-form-container .input-box ul#golden_neighbor_brief-attachments-added li { margin-bottom: 0.6rem; } #golden-neighbor-brief-brief-form-container .input-box ul#golden_neighbor_brief-attachments-added .action-item-remove::before { content: '\e5cd'; color: #c1bcbc; font-size: 1.6rem; font-family: 'Material Icons'; } #golden-neighbor-brief-brief-form-container .input-box ul#golden_neighbor_brief-attachments-added li a.action-item-remove { float: right; margin-left: 4rem; text-decoration: none; } #golden-neighbor-brief-brief-form-container .input-box ul#golden_neighbor_brief-attachments-added li a.action-item-remove::before { font-size: 14px; } #golden-neighbor-brief-brief-form-container .input-box ul#golden_neighbor_brief-attachments-added li a.action-item-remove:hover { cursor: pointer; color: #847a7a; text-decoration: none; } #golden-neighbor-brief-brief-form-container .fieldset-text-content { margin-bottom: 20px; } #golden-neighbor-brief-brief-form-container .actions-toolbar { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } #golden-neighbor-brief-brief-form-container .actions-toolbar .primary button { -webkit-border-radius: 25px; border-radius: 25px; font-size: 17px; font-family: "speedee", sans-serif; font-weight: 700; text-transform: uppercase; padding: 14px 16px 9px 16px; display: inline-block; text-align: center; border: 1px solid #ffbc0d; color: #000000; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffbc0d), color-stop(50%, #ffc94d)); background: -webkit-linear-gradient(left, #ffbc0d 50%, #ffc94d 50%); background: linear-gradient(90deg, #ffbc0d 50%, #ffc94d 50%); background-size: 200% 100%; background-position: left bottom; position: relative; overflow: hidden; -webkit-transition: background-position 0.6s ease; transition: background-position 0.6s ease; cursor: pointer; } #golden-neighbor-brief-brief-form-container .actions-toolbar .primary button span { vertical-align: top; } #golden-neighbor-brief-brief-form-container .actions-toolbar .primary button::first-letter { text-transform: uppercase; } #golden-neighbor-brief-brief-form-container .actions-toolbar .primary button > span { vertical-align: middle; position: relative; z-index: 1; color: #000000 !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } #golden-neighbor-brief-brief-form-container .actions-toolbar .primary button:hover { text-decoration: none; background-position: right bottom; border: 1px solid #ffbc0d; } #golden-neighbor-brief-brief-form-container .actions-toolbar .primary button:hover > span { position: relative; z-index: 1; color: #3a3a3a !important; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; } #golden-neighbor-brief-brief-form-container .actions-toolbar .primary button span { text-transform: uppercase; font-size: 17px; } @media screen and (min-width: 1200px) { #golden-neighbor-brief-brief-form-container .actions-toolbar { margin-top: 85px; } } #golden-neighbor-brief-brief-form-container .clue { font-size: 12px; line-height: 1.2; margin-bottom: 20px; font-style: italic; margin-top: 5px; } #golden-neighbor-brief-brief-form-container .clue p { margin: 0; color: #000000; } #golden-neighbor-brief-brief-form-container .margin-bottom-20 { margin-bottom: 20px; } @media screen and (min-width: 1200px) { #golden-neighbor-brief-brief-form-container .gap-8 { gap: 8%; } } #golden-neighbor-brief-brief-form-container .more-action { font-weight: bold; color: black; cursor: pointer; } #golden-neighbor-brief-brief-form-container .more-content { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } #golden-neighbor-brief-brief-form-container .more-content p { font-size: 14px; } #golden-neighbor-brief-brief-form-container .more-content.hide { display: none; } #golden-neighbor-brief-brief-form-container .error-box { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } #golden-neighbor-brief-brief-form-container .privacy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #golden-neighbor-brief-brief-form-container .privacy.field.required > .label::after { font-size: 22px; font-weight: bold; } #golden-neighbor-brief-brief-form-container .sublevel { margin-top: 30px; } body.gutenberg .fieldset .field.label-after input[type="checkbox"] { margin: 0; position: absolute; visibility: hidden; height: 0; } .unity_golden_neighbor_brief-index-index i { font-style: italic; } .golden-brief-flexrow-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 50px; } #borrowed-materials-checkboxes-container { display: grid; grid-template-columns: 1fr 1fr 1fr; } .borrowed-material-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; margin-right: 50px; } .borrowed-material-item .label.checkbox-label { margin-right: 0px; } .borrowed-material-item input[type=checkbox] { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; outline: none; content: none; } .borrowed-material-item input[type=checkbox]:before { content: "\2716"; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; color: transparent !important; background: white; width: 15px; height: 15px; border: 2px solid #ffbc0d; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 7px; } .borrowed-material-item input[type=checkbox]:checked:before { color: black !important; } .info-icon-img { width: 14px; height: 14px; cursor: pointer; margin-left: 5px; } .material-label { font-weight: 400; position: relative; top: 3px; } .quantity-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 5px; margin-left: 30px; } .quantity-control button { width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 16px; color: #000000; cursor: pointer; border: 1px solid #ffbc0d; } .quantity-control button.increase-quantity { background-color: #ffbc0d; } .quantity-control button.decrease-quantity { background-color: #D5D5D5; border: none; } .quantity-control button.increase-quantity:hover { background-color: #ffc94d; } .quantity-control button.decrease-quantity:hover { background-color: #e0e0e0; } .quantity-control input.borrowed-material-quantity { text-align: center; width: 50px; color: #000000; } .initiative_place_checkbox_text { width: 90%; text-align: justify; font-weight: 200; margin-bottom: 20px; } /*# sourceMappingURL=style.css.map */