body {
overflow-x: hidden;
}
.wrapper,
.mega-menu-content,
.site-wrapper > .container {
max-width: 1024px;
}
.wrapper {
margin: 0 auto;
position: relative;
}
.site-wrapper {
position: relative;
width: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
margin: 0 auto;
}
.site-wrapper > .container {
width: 100%;
padding: 0;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.site-wrapper > .container > .row {
display: flex;
flex-grow: 1;
}
.row {
margin-left: 0;
margin-right: 0;
}
.row > div {
padding-left: 0;
padding-right: 0;
}
.site-wrapper > .container::before,
.site-wrapper > .container::after,
.site-wrapper > .container > .row::before,
.site-wrapper > .container > .row::after {
display: none;
}
#content {
width: 100%;
}
.one-column #content {
max-width: calc(100% - 200px);
}
.two-column #content {
max-width: calc(100% - 200px * 2);
}
.side-column {
width: 100%;
max-width: 200px;
}
.phone .side-column {
display: none !important;
}
.phone #content {
max-width: 100% !important;
}
.left-column-disabled #column-left,
.left-column-disabled #column-right,
.right-column-disabled #column-left,
.right-column-disabled #column-right {
display: none;
}
.left-column-disabled.one-column #content,
.left-column-disabled.two-column #content,
.right-column-disabled.one-column #content,
.right-column-disabled.two-column #content {
max-width: 100%;
}
.title {
position: relative;
line-height: 1.2;
margin: 0;
padding: 0;
}
.title span::after {
top: 1px;
}
html:not(.popup) .site-wrapper > h1.page-title > span {
display: block;
margin: 0 auto;
}
html:not(.popup) .site-wrapper > h1.page-title::after {
display: none !important;
}
.title-module h3 {
display: inline-block;
margin: 0;
}
.title-module .title-divider {
margin: 0 auto;
}
.title-module .title-divider::before {
line-height: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.title-module .subtitle {
width: 100%;
}
.title-module .subtitle:empty {
display: none;
}
.title-module .subtitle:empty {
display: none;
}
.title-module .title-wrapper {
position: relative;
}
.title-module .title-wrapper::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.title-wrapper {
margin: 0 auto;
}
.title.module-title.block-title::after {
display: none;
}
span.orange {
color: #FF7C33;
}
span.list-number {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 20px;
color: #FFF;
background: #E01C1C;
border-radius: 50%;
margin-right: 15px;
}
footer {
clear: both;
margin-top: auto;
z-index: 1;
}
.desktop.footer-reveal .site-wrapper::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
transform: translate3d(0, 0, 0);
pointer-events: none;
}
.desktop.footer-reveal .site-wrapper > *:not(footer) {
z-index: 2;
}
.desktop.footer-reveal .site-wrapper header {
z-index: 3;
}
.desktop.footer-reveal .top-row {
position: relative;
transform: translate3d(0, 0, 0);
}
.desktop.footer-reveal footer {
position: fixed;
z-index: 0;
width: 100vw;
bottom: 0;
}
.breadcrumb {
margin: 0;
border-radius: 0;
position: relative;
padding: 0;
background-color: transparent;
width: 100%;
margin: 0 auto;
}
.breadcrumb > li {
position: relative;
word-break: break-all;
display: inline-flex;
align-items: center;
}
.breadcrumb > li:last-of-type a {
pointer-events: none;
text-decoration: none;
}
.breadcrumb::before {
content: "";
position: absolute;
width: 100vw;
height: 100%;
left: 50%;
margin-left: -50vw;
top: 0;
z-index: -1;
}
.breadcrumb .fa {
font-family: inherit;
}
.boxed-layout .breadcrumb::before {
display: none;
}
#content h1 + p:only-of-type:last-child {
margin: 0;
padding: 10px;
}
.notice-module {
overflow: hidden;
order: -100;
}
.notice-module .module-body,
.notice-module .hn-body {
display: flex;
align-items: center;
justify-content: center;
}
.expand-block {
position: relative;
}
.block-expand {
padding: 2px 6px;
font-size: 10px;
pointer-events: auto;
}
.block-expand::after {
font-weight: inherit;
-webkit-font-smoothing: initial;
}
.block-expand-overlay {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
height: 40px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
.expand-content.block-expanded {
max-height: 100% !important;
overflow: visible !important;
padding-bottom: 25px;
transition: all 0s !important;
}
.expand-content.block-expanded + .block-expand-overlay {
background: none !important;
}
.no-expand .expand-content {
max-height: 100% !important;
overflow: visible !important;
}
.no-expand .block-expand-overlay {
display: none !important;
}
.module-info_blocks .module-body {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.module-info_blocks .info-blocks-image .info-block::before {
display: none;
}
.module-info_blocks .info-block-img {
position: relative;
}
.info-block {
position: relative;
transition: all 0.075s ease-out;
height: 100%;
}
.info-block::before {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
line-height: 1;
text-align: center;
}
.info-block .count-badge {
position: absolute;
right: 0;
top: 0;
}
.info-block-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.has-old-browser {
position: fixed;
overflow: hidden;
}
.old-browser {
position: fixed;
width: 100%;
height: 100%;
text-align: center;
display: table;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000000;
}
.ob-content {
display: table-cell;
vertical-align: middle;
}
.ob-text {
padding: 10px 15px;
font-size: 20px;
display: block;
max-width: 750px;
margin: 0 auto;
}
.ob-links a {
display: inline-block;
margin: 15px;
}
.ob-links a img {
display: block;
margin-bottom: 5px;
transform: scale(0.9);
transition: all 0.075s ease-out;
}
.ob-links a:hover img {
transform: scale(1);
}
.scroll-top {
display: none;
position: fixed;
z-index: 10001;
right: 20px;
bottom: 10px;
cursor: pointer;
}
.scroll-top i {
font-size: 50px;
}
.scroll-top.scroll-top-active {
display: block !important;
}
.journal-loading-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
z-index: 9990;
background: rgba(0, 0, 0, 0.15);
}
.journal-loading {
position: absolute;
display: flex;
justify-content: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.journal-loading i::before {
content: "";
font-family: icomoon;
line-height: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -51%);
}
.journal-loading + iframe {
z-index: 10;
}
.j-loader {
width: 100vw;
height: 100vh;
overflow: hidden;
position: fixed;
z-index: 1000000;
transition: transform 1s ease-in-out, opacity 6s ease;
background: #fff;
}
.j-loader-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
}
.j-loader-content .journal-loading {
position: static;
transform: none;
}
.j-loader-content span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
}
.j-loaded {
transform: translate3d(-50%, -50%, 0) scale(0);
opacity: 0;
}
.no-search .mobile-search-wrapper {
display: none !important;
}
.no-search .mobile-2 .mobile-search-group {
display: none !important;
}
.safari .module-banners a,
.safari .module-gallery a,
.safari .category-thumb a,
.safari .manufacturer-thumb a {
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.breadcrumb + span {
height: 0;
}
.modal {
color: #333;
}
html.ie {
overflow-x: hidden;
}
.grid-rows {
display: flex;
flex-direction: column;
}
.grid-row {
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid-row:has(.module-form):has(.module-info_blocks) {
margin-left: auto;
margin-right: auto;
}
.grid-row:has(.module-form) {
border-radius: 5px;
}
.grid-row::before {
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 1px solid transparent;
}
.grid-row .wave {
pointer-events: none;
position: absolute;
width: 100%;
}
.grid-row .wave-top {
top: 0;
left: 0;
transform: translateY(-63%);
}
.grid-row .wave-bottom {
z-index: -1;
bottom: 0;
left: 0;
transform: translateY(63%) scaleY(-1);
}
.boxed-layout .grid-row::before {
width: 100%;
}
.mega-menu .grid-row {
overflow: hidden;
}
.grid-cols {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
height: 100%;
border-radius: 5px;
overflow: hidden;
}
.route-common-home #content .grid-cols,
.route-product-product .grid-cols,
#information-information .grid-row-content-top-1 .grid-cols {
overflow: visible;
}
#information-information .grid-items .module-form .text-danger {
max-width: calc(100% - 160px);
width: 100%;
margin-left: auto;
}
@media(max-width: 767px) {
#information-information .grid-items .module-form .text-danger {
max-width: 100%;
}
}
.grid-col {
width: 100%;
position: relative;
}
.module {
position: relative;
}
.side-column > .grid-rows > .grid-row > .grid-cols > .grid-col {
width: 100% !important;
}
.grid-items {
height: 100%;
display: flex;
flex-direction: column;
}
.mega-menu-content .grid-items {
flex-direction: row;
gap: 20px;
}
.mega-menu-content .grid-rows .grid-row.grid-row-1{
position: sticky;
top: 0;
z-index: 100;
}
.mega-menu-content .subitem > a {
max-width: 160px;
}
.mega-menu-content .catalog-title {
border: none !important;
position: relative;
padding-bottom: 10px;
}
.mega-menu-content .catalog-title::after {
display: block;
position: absolute;
left: 0;
bottom: 0;
content: '';
height: 1px;
width: 50px;
background-color: #585858;
}
.grid-item {
width: 100%;
}
.video-row {
position: absolute;
z-index: -100;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.video-bg {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
}
.desktop #top .grid-col::before,
.desktop #content-top .grid-col::before,
.desktop #bottom .grid-col::before {
pointer-events: none;
position: absolute;
padding: 0 4px;
font-size: 12px;
top: 0;
left: 0;
background-color: #98fb98;
z-index: 10;
}
.desktop #top .grid-col:hover::before,
.desktop #content-top .grid-col:hover::before,
.desktop #bottom .grid-col:hover::before {
content: attr(data-dimensions);
}
.desktop #top .grid-cols > div:only-of-type::before {
display: none;
}
::before,
::after {
position: relative;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400;
}
.fa {
position: relative;
}
.h1,
.h2,
.h3,
h1,
h2,
h3,
.h4,
.h5,
.h6,
h4,
h5,
h6 {
margin: 0;
font-weight: 700;
}
p {
margin: 0;
}
s {
text-decoration: none;
font-size: 70%;
font-style: normal;
font-weight: 400;
white-space: normal;
line-height: 1;
max-width: 125px;
transition: all 0.075s ease-out;
}
img {
max-width: 100%;
height: auto;
align-self: flex-start;
}
.img-thumbnail {
padding: 0;
border-radius: 0;
border: none;
background: transparent;
}
.language-flag {
max-width: none;
}
.lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}
@keyframes fa-rotate {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
a,
button {
touch-action: manipulation;
}
a:focus,
a:hover {
text-decoration: none;
}
button {
border: none;
outline: none;
margin: 0;
padding: 0;
}
button:focus,
button.active:focus,
button:active:focus,
.btn:focus,
.btn.active:focus,
.btn:active:focus,
.btn-default:focus,
.btn-default.active:focus,
.btn-default:active:focus {
outline: none;
}
button.active,
button:active,
.btn.active,
.btn:active,
.btn-default.active,
.btn-default:active {
box-shadow: none;
}
.btn.disabled {
pointer-events: none;
position: relative;
opacity: 1;
}
.btn.disabled::before,
.btn.disabled > span {
opacity: 0;
}
.btn.disabled::after {
content: "";
position: absolute;
}
.btn.btn-full {
width: 100%;
}
.btn {
border: none;
border-radius: 0;
background: transparent;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
line-height: 1;
min-width: 0;
transition: all 0.1s ease-out;
}
.btn-icon {
width: 35px;
height: 35px;
padding: 8px !important;
}
.btn-icon svg {
min-width: 19px;
width: 19px;
height: 19px;
}
.btn-icon:only-child {
margin-left: auto !important;
}
.btn-icon--big {
width: 38px;
height: 38px;
padding: 9px !important;
}
input:has(+ .input-group-btn) {
margin-right: 10px;
max-width: 250px !important;
}
@media only screen and (max-width: 760px) {
input:has(+ .input-group-btn) {
max-width: 100% !important;
}
}
.btn > span:first-of-type {
min-width: 0;
white-space: nowrap;
}
.btn > .links-text:empty {
display: none;
}
.btn .count-badge {
margin: 0;
}
.fa-upload {
margin-right: 5px;
}
:focus {
outline: none;
}
.buttons {
display: flex;
align-items: flex-end;
justify-content: flex-end;
flex-wrap: wrap;
transition: all 0.1s ease-out;
}
.buttons .pull-left {
margin-right: auto;
}
.buttons .pull-right {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
flex: 1;
}
.buttons:has(.pull-right.pull-right--icon) {
border: none;
margin: 20px 0 0;
padding: 0;
}
.buttons .pull-right.pull-right--icon:only-child {
margin: 0 auto;
}
@media (max-width: 760px) {
.buttons:has(.pull-right.pull-right--icon) {
margin: 15px 0 0;
}
}
.buttons .pull-right > a:not(.btn) {
margin: 0 5px;
}
input[type=radio] {
accent-color: #E01C1C;
}
p:has(+ .buttons) {
padding: 0 0 15px;
}
.buttons .pull-right > a:not(.btn) + input {
margin: 0 5px 0 0;
}
.buttons input[type="checkbox"] {
margin: 0 4px;
}
fieldset + .buttons {
margin-top: 5px;
}
.table-responsive + .buttons {
margin-top: 20px;
}
.pagination-results + .buttons {
margin-top: 20px;
}
/* Erorr 404 Page - start */
.error-content {
margin: 0 auto;
text-align: center;
}
.error-content__img {
max-width: 480px;
width: 100%;
height: auto;
}
.error-content__text {
margin: 20px 0 0;
color: #303841;
text-align: center;
font-size: 16px;
line-height: normal;
font-weight: 400;
}
@media (max-width: 1440px) {
.error-content {
padding-bottom: 40px;
}
}
@media (max-width: 991px) {
.error-content {
padding-bottom: 0;
}
}
@media (max-width: 760px) {
.error-content__text {
font-size: 14px;
}
}
/* Erorr 404 Page - end */
.count-badge {
font-size: 10px;
margin-left: 5px;
min-width: 1.65em;
height: 1.65em;
padding: 0 3px;
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
line-height: 0;
}
.fa-stack {
font-size: 15px;
width: 1.1em;
height: 1em;
line-height: 1;
}
.fa-stack i {
font-size: 1em;
}
.fa-star,
.fa-star + .fa-star-o {
color: gold;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.product-labels {
overflow: hidden;
width: 100%;
height: 100%;
position: absolute;
top: -15px;
left: 15px;
right: 0;
bottom: 0;
pointer-events: none;
display: flex;
flex-direction: column;
}
.product-label {
position: relative;
pointer-events: none;
order: 5;
}
.product-label b {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s;
font-weight: 400;
font-size: 12px;
white-space: nowrap;
line-height: 1;
}
.product-label-diagonal {
top: 0;
left: 0;
width: 300px;
transform: translate3d(-130px, 8px, 0) rotate(-45deg);
font-size: 15px;
text-align: center;
position: absolute;
margin: 0;
padding: 0;
}
.product-label-diagonal b {
display: block;
background: transparent;
}
.product-label-diagonal.label-2 {
transform: translate3d(-112px, 26px, 0) rotate(-45deg);
}
.product-label-diagonal.label-3 {
transform: translate3d(-94px, 43px, 0) rotate(-45deg);
}
html[dir="rtl"] .product-label-default {
text-align: left;
}
html[dir="rtl"] .product-label-diagonal {
left: auto;
right: 0;
text-align: center;
transform: translate3d(calc(0px - (-130px)), 8px, 0) rotate(45deg);
}
html[dir="rtl"] .product-label-diagonal.label-2 {
transform: translate3d(calc(0px - (-112px)), 26px, 0) rotate(45deg);
}
html[dir="rtl"] .product-label-diagonal.label-3 {
transform: translate3d(calc(0px - (-94px)), 43px, 0) rotate(45deg);
}
.countdown {
position: relative;
color: #fff;
background-color: rgba(0, 0, 0, 0.4);
transition: all 0.2s;
visibility: visible;
opacity: 1;
width: 100%;
display: flex;
align-items: center;
text-align: center;
font-size: 12px;
}
.countdown > div {
width: 25%;
padding: 2px;
border-width: 0 0 0 1px;
}
.countdown > div:first-of-type {
border-left-width: 0;
}
.countdown > div span {
display: block;
font-size: 10px;
font-weight: 400;
position: relative;
top: -3px;
padding: 0 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.product-thumb:hover .countdown {
opacity: 1;
}
.touchevents .countdown {
opacity: 1;
}
.module-countdown .countdown {
margin: 0 auto;
}
label {
font-weight: 400;
position: relative;
}
legend {
border: none;
margin: 0 0 10px;
color: inherit;
}
.form-check {
display: grid;
grid-template-columns: 15px minmax(auto, 415px);
align-items: center;
grid-gap: 10px;
position: relative;
margin-bottom: 0;
width: fit-content;
cursor: pointer;
}
.form-check__checkbox {
min-width: 15px;
width: 15px;
height: 15px;
border: 1px solid #767676;
position: relative;
cursor: pointer;
transition: .3s;
border-radius: 2px;
}
.form-check__checkbox:after {
content: '';
position: absolute;
transition: .3s;
opacity: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M3.82503 7.92519L9.81011 1.89825L10.5095 2.59761L4.15705 8.97961C4.05999 9.07734 3.94417 9.12082 3.80943 9.12082C3.6747 9.12082 3.55887 9.07734 3.46182 8.97961L0.490479 5.98749L1.19022 5.28775L3.82503 7.92519Z' fill='white'/%3E%3C/svg%3E");
left: 1px;
top: 1px;
width: 11px;
height: 11px;
}
.form-check__input:checked + .form-check__checkbox {
border-color: #E01C1C;
background: #E01C1C;
}
.form-check__input:checked + .form-check__checkbox:after {
opacity: 1;
}
.form-check:hover .form-check__checkbox {
border-color: #E01C1C;
}
.form-check:hover .form-check__input:checked + .form-check__checkbox {
border-color: #303841;
background: #303841;
}
.form-check__radio {
min-width: 15px;
width: 15px;
height: 15px;
border: 1px solid #767676;
position: relative;
cursor: pointer;
transition: .3s;
border-radius: 50%;
}
.form-check__radio:after {
content: '';
position: absolute;
transition: .3s;
opacity: 0;
pointer-events: none;
background: #E01C1C;
border-radius: 50%;
left: 3px;
top: 3px;
width: 7px;
height: 7px;
}
.form-check__input:checked + .form-check__radio {
border-color: #E01C1C;
}
.form-check__input:checked + .form-check__radio:after {
opacity: 1;
}
.form-check:hover .form-check__radio {
border-color: #E01C1C;
}
.form-check:hover .form-check__input:checked + .form-check__radio {
border-color: #303841;
}
.form-check:hover .form-check__input:checked + .form-check__radio:after {
background: #303841;
}
.form-check__input {
display: none;
}
.form-check__text {
color: #303841;
font-size: 14px;
line-height: 20px;
transition: .3s;
}
.form-check__text a {
color: #E01C1C;
text-decoration: underline;
}
.form-check__text a:hover {
color: #E01C1C;
text-decoration: none;
}
@media (max-width: 760px) {
.form-check {
grid-template-columns: 15px 1fr;
}
.form-check__text,
.form-check__text a {
font-size: 12px;
line-height: 16px;
}
}
.form-group {
display: flex;
flex-wrap: wrap;
position: relative;
margin: 0;
transition: all 0.05s ease-out;
}
.form-group:empty {
display: none !important;
}
.form-group > div {
display: flex;
flex-wrap: wrap;
}
.form-group .text-danger,
.form-group .text-success {
width: 100%;
margin-top: 5px;
}
.form-group .control-label {
padding: 0;
margin: 0;
width: auto;
text-align: left;
float: none;
display: flex;
border-width: 0 0 1px 0;
align-self: flex-start;
width: 100%;
color: #303841 !important;
}
.form-group .control-label + div {
width: auto;
flex: 1 1 200px;
padding-left: 0;
padding-right: 0;
max-width: 100%;
float: none;
margin-left: 10px;
}
@media only screen and (max-width: 760px) {
.form-group .control-label + div {
margin-left: initial;
}
}
.form-group .input-group {
flex-wrap: nowrap;
}
.form-group fieldset {
width: 100%;
}
.radio,
.checkbox {
padding: 0 15px 0 0;
margin: 0;
display: inline-flex;
align-items: center;
}
.radio input,
.checkbox input {
margin: 0;
}
.radio label,
.checkbox label {
display: inline-block;
align-items: center;
}
.radio label input[type="checkbox"],
.checkbox label input[type="checkbox"] {
margin-top: 3px;
}
.radio a,
.checkbox a {
padding: 0 3px;
}
.checkbox-inline,
.radio-inline {
display: flex;
align-items: center;
}
.checkbox-inline input,
.radio-inline input {
margin: 0;
}
.radio + .radio,
.radio + .checkbox {
margin-top: 0;
}
.label-info {
display: inline-block;
}
.form-group > .col-sm-2 > input[type="checkbox"] {
margin-top: 10px;
}
.form-control {
border-radius: 0 !important;
border-color: transparent;
line-height: 1.3;
color: #555;
background-color: #fff;
transition: all 0.07s ease-out;
box-sizing: border-box;
box-shadow: none;
}
input.form-control {
min-width: 35px;
transition: all 0.075s ease-out;
width: auto;
flex-grow: 1;
}
.has-error .form-control {
box-shadow: none;
}
.has-error .control-label,
.has-error .text-danger {
color: inherit;
}
.input-group {
display: flex;
align-items: center;
}
.input-group input.form-control {
height: 100%;
display: flex;
}
.input-group .input-group-btn {
width: auto;
height: 100%;
}
.input-group .btn {
height: 100%;
}
.input-group .btn i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.input-group.date {
width: 100%;
}
#input-captcha {
max-width: 140px;
}
#input-captcha + img {
margin: 0 7px;
}
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.form-group .control-label:has(+ .col-sm-10 .radio-inline),
.form-group .control-label:has(+ .col-sm-10 .radio) {
padding-top: 0;
padding-bottom: 0;
}
.form-horizontal .form-group:has(+ .text-danger) {
margin-bottom: 5px;
}
.form-horizontal .form-group + .text-danger {
margin-bottom: 10px;
}
.form-horizontal .captcha .form-group {
margin: 0;
}
.form-horizontal .captcha legend {
display: none;
}
.form-horizontal .g-recaptcha {
transform: scale(0.98);
transform-origin: 0 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
padding-top: 5px;
min-height: 20px;
}
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 0;
}
fieldset + fieldset {
margin-top: 20px;
}
.required .control-label::after {
content: "*";
position: relative;
font-family: inherit;
margin-left: 3px;
line-height: 1.2;
max-height: 10px;
}
.required .control-label + div::before {
display: none;
content: "*";
position: absolute;
transform: translateX(-150%);
font-family: inherit;
line-height: 1.2;
max-height: 10px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
margin: 0;
}
.bootstrap-datetimepicker-widget {
width: auto;
}
.bootstrap-datetimepicker-widget tr td {
position: relative;
}
.bootstrap-datetimepicker-widget tr td span {
position: relative;
}
.bootstrap-datetimepicker-widget tr td span:hover {
background: transparent;
z-index: 2;
}
.bootstrap-datetimepicker-widget tr td span.active {
background-color: inherit;
color: inherit;
text-shadow: inherit;
z-index: 3;
}
.bootstrap-datetimepicker-widget tr td:hover,
.bootstrap-datetimepicker-widget tr td.active {
z-index: 2;
}
.bootstrap-datetimepicker-widget tr td.separator {
color: inherit;
background-color: transparent;
box-shadow: none;
}
.bootstrap-datetimepicker-widget tr td.separator:hover {
color: inherit !important;
background-color: transparent !important;
box-shadow: none !important;
}
.bootstrap-datetimepicker-widget .datepicker-months tr td,
.bootstrap-datetimepicker-widget .datepicker-years tr td,
.bootstrap-datetimepicker-widget .timepicker-picker tr td {
color: inherit !important;
background-color: transparent !important;
box-shadow: none !important;
}
.bootstrap-datetimepicker-widget .picker-switch + .collapse .timepicker-hours,
.bootstrap-datetimepicker-widget .picker-switch + .collapse .timepicker-minutes {
margin-top: 10px;
}
.bootstrap-datetimepicker-widget::before {
display: none !important;
}
.bootstrap-datetimepicker-widget .timepicker-picker .btn {
margin: 10px 0;
}
.bootstrap-datetimepicker-widget .picker-switch .btn {
margin-top: 10px;
}
.stepper {
display: inline-flex;
align-items: center;
position: relative;
overflow: hidden;
width: 50px;
height: 100%;
border-width: 1px;
min-height: 30px;
font-size: 15px;
transition: all 0.05s ease-out;
}
.stepper .form-control {
width: 100%;
height: 100%;
min-height: 28px;
border-radius: inherit !important;
border-width: 0;
text-align: center;
padding: 0 20px 0 2px;
font-size: 13px;
transition: all 0.05s ease-out;
}
.stepper span {
position: absolute;
right: 0;
top: 0;
display: flex;
flex-direction: column;
height: 100%;
border-width: 0 0 0 1px;
border-color: inherit;
border-style: inherit;
z-index: 10;
background: rgba(48, 56, 65, 1);
}
.stepper span i {
font-size: 12px;
cursor: pointer;
width: 100%;
min-width: 18px;
background: #e6e6e6;
display: flex;
align-items: center;
justify-content: center;
height: 50%;
border-radius: 2px;
transition: all 0.05s ease-out;
}
.stepper span i:hover {
background: #d3d3d3;
}
.stepper span i:first-of-type {
border-width: 0 0 1px 0;
border-color: inherit;
border-style: inherit;
}
.stepper span i:first-of-type::before {
font-family: icomoon;
content: "";
transform: rotate(90deg);
}
.stepper span i:last-of-type::before {
font-family: icomoon;
content: "";
transform: rotate(90deg);
}
i.fa {
font-style: normal;
}
table {
border-collapse: inherit;
}
table td {
padding: 10px 15px;
}
.table-bordered > tbody > tr > td {
border-top-width: 0;
border-right-width: 0;
}
.table-responsive {
margin-bottom: 0;
border-width: 0;
}
.table-responsive::-webkit-scrollbar {
-webkit-appearance: none;
}
.table-responsive {
border: 0;
}
.table-responsive > table {
border: none !important;
}
.table,
table,
.table-responsive > .table {
margin-bottom: 0;
border-width: 0;
}
.table-hover > tbody > tr:hover {
background-color: transparent;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: transparent;
}
html[dir="rtl"] .table {
max-width: initial;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
padding: 8px 14px;
border-top-color: transparent;
vertical-align: middle;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border-color: transparent;
}
.table-bordered {
border-color: transparent;
}
.table {
border-color: transparent;
}
.table > tbody + tbody {
border-top: 0;
}
table td:first-child,
table th:first-child,
.table-bordered td:first-child,
.table-bordered th:first-child {
border-left-width: 0;
}
table td:last-child,
table th:last-child,
.table-bordered td:last-child,
.table-bordered th:last-child {
border-right-width: 0;
}
table thead > tr > td,
.table-bordered thead > tr > td {
border-bottom-width: 1px;
border-right-width: 0;
border-radius: 5px;
}
table tbody tr:last-child td,
table tbody tr:last-child th,
.table-bordered tbody tr:last-child td,
.table-bordered tbody tr:last-child th {
border-bottom-width: 0;
}
table tfoot > tr > td,
.table-bordered tfoot > tr > td {
border-bottom-width: 0;
border-right-width: 0;
}
table > thead > tr > td {
border-bottom-width: 1px;
}
table > thead:first-of-type > tr > td {
border-top-width: 0 !important;
}
.table > tbody:first-child > tr:first-of-type > td {
border-top-width: 0 !important;
}
@media screen and (max-width: 767px) {
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
white-space: normal;
}
}
#account-download table tbody td {
color: #0075FF;
}
.product-compare #content tbody td {
text-align: center;
}
.route-account-wishlist td .btn-remove.btn,
.route-account-order-info td .btn-remove.btn {
background: #E01C1C !important;
border-color: transparent !important;
}
[id*="account"] #content table td:not(:last-child) {
padding-right: 5px !important;
}
.route-account-order #content table thead td[class],
.route-account-wishlist #content table td,
.route-checkout-cart #content table td,
.route-checkout-checkout #content table td {
min-width: 115px;
}
.route-account-order #content table thead td,
.route-account-order-info #content table thead td,
.route-account-wishlist #content table thead td {
white-space: nowrap;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
border-width: 0;
}
.tooltip {
z-index: 10001;
pointer-events: none;
opacity: 1;
}
.tooltip.in {
opacity: 1;
pointer-events: none;
}
.tooltip-inner {
color: #fff;
background: #333;
border-radius: 5px;
font-size: 13px;
padding: 0.2em 0.6em;
}
.tooltip.top .tooltip-arrow {
border-top-color: #333;
}
.tooltip.right .tooltip-arrow {
border-right-color: #333;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #333;
}
.tooltip.left .tooltip-arrow {
border-left-color: #333;
}
.tooltip.fade > * {
opacity: 0;
visibility: hidden;
transition: all 0.15s ease-in-out;
}
.tooltip.fade.in > * {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
.tooltip.top > * {
transform: translate3d(0, 7px, 0);
}
.tooltip.right > * {
transform: translate3d(-7px, 0, 0);
}
.tooltip.bottom > * {
transform: translate3d(0, -7px, 0);
}
.tooltip.left > * {
transform: translate3d(7px, 0, 0);
}
.alert {
margin-bottom: 0;
border: 0;
padding: 10px 25px 10px 15px;
border-radius: 0;
position: relative;
}
.alert--icon {
display: flex;
align-items: center;
gap: 10px;
}
.alert--icon svg {
min-width: 25px;
width: 25px;
height: 25px;
display: block;
}
.alert--account {
margin-bottom: 20px;
padding: 15px;
border-radius: 4px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
}
.alert__cont {
position: fixed;
top: 100px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1370px;
padding: 0 15px;
z-index: 1060;
}
.alert--fixed {
border-radius: 10px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
border: none;
padding: 30px;
font-size: 16px;
line-height: 18px;
border-left: 3px solid;
position: relative;
}
.alert--fixed.alert-danger {
border-color: #FF3201;
}
.alert__wrap strong {
display: block;
margin-bottom: 15px;
font-size: 18px;
line-height: 21px;
color: #E01C1C;
}
.alert__close {
position: absolute;
top: 20px;
right: 20px;
padding: 0;
border: none;
background: transparent;
margin-left: auto;
}
.alert i {
margin: 5px;
}
.alert .close {
position: absolute;
top: 50%;
transform: translateY(-55%);
right: 10px;
opacity: 1;
}
.tags {
display: flex;
align-items: center;
}
.tags a {
margin: 0 !important;
transition: all 0.075s ease-out;
}
.tags a:not(:last-child) {
margin-right: 10px;
}
.tags-grid {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.video-responsive {
-moz-column-break-inside: avoid;
break-inside: avoid;
width: 100%;
position: relative;
}
.video-frame {
position: relative;
padding-bottom: 56.25%;
width: 100%;
}
.video-frame > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
iframe {
max-width: 100%;
border: none;
}
.fb-page {
overflow-x: auto;
max-width: 100%;
display: block !important;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
position: relative;
overflow: visible;
}
hr::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 0;
width: 1em;
height: 1em;
display: flex;
align-items: center;
justify-content: center;
}
.drop-cap {
position: relative;
display: block;
float: left;
line-height: 1;
}
.amp {
display: inline-block;
position: relative;
line-height: 1;
}
blockquote {
border: none;
padding: 0;
margin: 0;
border: none;
font-size: inherit;
}
blockquote::before {
float: left;
line-height: 1;
font-size: 2.5em;
font-style: normal;
}
blockquote::after {
content: "";
display: table;
width: 100%;
clear: both;
}
.no-transitions * {
transition: all 0s !important;
}
.sharethis-inline-reaction-buttons {
display: inline-block !important;
}
.sharethis-inline-reaction-buttons .st-btn {
font-size: 18px !important;
padding: 0 7px !important;
width: auto !important;
}
.sharethis-inline-reaction-buttons .st-btn.st-selected {
transform: scale(1) !important;
}
.sharethis-inline-reaction-buttons .st-btn > svg {
width: 30px !important;
height: 30px !important;
}
.cart-heading,
.info-block,
.nav-tabs li a,
.btn,
.name a,
.catalog-title,
.subitem a,
.panel-title a,
.refine-item a,
.compare-btn,
.search-result a,
.j-menu > li > a,
.dropdown-toggle > a,
.menu-item > a,
.account-list a,
.tags a,
.module-blog_categories a,
.module-blog_comments a,
.blog-feed,
.mobile-custom-menu,
.slider-static-text,
.x {
text-decoration: none;
}
.cart-heading:hover,
.info-block:hover,
.nav-tabs li a:hover,
.btn:hover,
.name a:hover,
.catalog-title:hover,
.subitem a:hover,
.panel-title a:hover,
.refine-item a:hover,
.compare-btn:hover,
.search-result a:hover,
.j-menu > li > a:hover,
.dropdown-toggle > a:hover,
.menu-item > a:hover,
.account-list a:hover,
.tags a:hover,
.module-blog_categories a:hover,
.module-blog_comments a:hover,
.blog-feed:hover,
.mobile-custom-menu:hover,
.slider-static-text:hover,
.x:hover {
text-decoration: none;
}
.login-box {
display: flex;
}
@media (min-width: 1025px) {
.login-box > div + div .well {
padding-left: 0;
}
}
.login-box .buttons .pull-right:only-child:not(:has(#button-confirm)) {
margin: 0 auto 0 0 !important;
}
.login-box .well > *:has(+ .buttons) {
margin-bottom: 20px;
}
.login-box .well p:has(+ .buttons) {
padding: 0;
}
@media (max-width: 1024px) {
.login-box .well > *:has(+ .buttons) {
margin-bottom: 15px;
}
}
.login-box .well > p {
margin-top: 0;
}
.login-box > div {
width: 100%;
width: -webkit-fill-available;
width: -moz-available;
}
.login-box .login-box .form-group {
flex-wrap: wrap;
}
.login-box::before,
.login-box::after {
display: none;
}
.login-box .well {
height: 100%;
border: none;
border-radius: 0;
padding: 0;
margin: 0;
box-shadow: none;
background: transparent;
display: flex;
flex-direction: column;
}
.login-box .well > .btn {
margin-top: auto;
align-self: flex-start;
}
.login-box .well p:first-of-type {
display: none;
}
#account-login .well {
margin: 0;
}
.form-group input[type="password"] + div {
margin-top: 10px;
margin-bottom: 10px;
position: relative;
width: 100%;
flex-grow: 1;
}
.register-page > div {
width: 100%;
}
.register-page > p {
margin-bottom: 20px;
}
.register-page .fieldset + fieldset {
margin-top: 30px;
}
.route-account-account #content,
.route-affiliate-account #content {
display: flex;
flex-direction: column;
}
.route-account-account #content > div,
.route-affiliate-account #content > div {
margin-bottom: 30px;
}
.account-list {
display: flex;
flex-wrap: wrap;
}
.account-list > li {
width: 100%;
margin-bottom: 5px;
display: flex;
}
.account-list > li > a {
display: inline-flex;
align-items: center;
line-height: 1.3;
transition: all 0.1s ease-out;
}
.account-list > li > a::before {
margin-right: 5px;
}
.route-account-return-add fieldset {
margin-top: 20px;
}
.route-account-order-info table {
margin-bottom: 20px;
}
.route-account-order-info .table-order tfoot tr td,
#collapse-checkout-confirm .table tfoot tr td {
border-left-width: 0;
font-size: 16px;
line-height: 18px;
}
.route-account-order-info .table-order tfoot tr:last-child td,
#collapse-checkout-confirm .table tfoot tr:last-child td {
font-weight: 700;
}
.route-account-order-info .table-order thead tr td,
#collapse-checkout-confirm .table thead tr td,
.route-account-order-info .table-order tbody tr td,
#collapse-checkout-confirm .table tbody tr td {
font-size: 16px;
line-height: 18px;
font-weight: 700;
text-transform: initial;
}
.route-account-order-info .table-order tbody td:first-child,
#collapse-checkout-confirm .table tbody td:first-child {
color: #E01C1C;
text-decoration-line: underline;
}
.route-account-order-info h2 {
margin-top: 20px;
}
#collapse-checkout-confirm .table tbody td a {
color: inherit;
font: inherit;
}
#collapse-checkout-confirm .table tbody td,
#collapse-checkout-confirm .table tfoot td {
background: #FFF;
}
#collapse-checkout-confirm .table tfoot tr td {
padding: 10px !important;
padding-right: 15px !important;
padding-left: 15px !important;
}
#collapse-checkout-confirm .table tbody tr td:last-child,
#collapse-checkout-confirm .table tfoot tr td:last-child {
border-left: 1px solid #DDD !important;
}
.route-account-return-info h1 + table,
.route-account-return-info .table-responsive {
margin-bottom: 20px;
}
#account,
#address,
#account-address form > div:not(.buttons) {
display: flex;
flex-direction: column;
}
.route-account-wishlist .table {
margin-bottom: 0;
}
.route-account-wishlist .table-responsive table tr td:nth-of-type(2) {
min-width: 175px;
}
.route-account-wishlist .table-responsive table tr td:last-of-type {
white-space: nowrap;
}
.route-account-wishlist .table-responsive .btn {
padding: 10px;
}
.route-account-wishlist .table-responsive .fa-times::before,
.route-account-wishlist .table-responsive .fa-shopping-cart::before {
font-size: 16px;
}
/*[class*="route-account-"]:not(.route-account-address) table .text-right .btn,*/
/*[class*="route-account-"]:not(.route-account-address-delete) table .text-right .btn {*/
/* min-width: 35px;*/
/* min-height: 35px;*/
/* margin: 2px;*/
/*}*/
[class*="route-account-"]:not(.route-account-address) table .text-right .btn i,
[class*="route-account-"]:not(.route-account-address-delete) table .text-right .btn i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
[class*="route-account-"]:not(.route-account-address) table .text-right .btn i::before,
[class*="route-account-"]:not(.route-account-address-delete) table .text-right .btn i::before {
font-size: 16px;
}
[class*="route-account-"]:not(.route-account-address) h1 + p,
[class*="route-account-"]:not(.route-account-address-delete) h1 + p {
margin-bottom: 15px;
}
.panels-total {
display: flex;
justify-content: space-between;
}
.cart-total {
display: flex;
justify-content: flex-end;
}
.cart-total .table {
margin: 0 !important;
}
.cart-total .table td + td {
width: 15%;
min-width: 130px;
}
@media only screen and (max-width: 760px) {
.route-checkout-cart .panels-total .form-group .input-group {
flex-direction: column;
}
.route-checkout-cart .panels-total .form-group .input-group .input-group-btn {
width: 100%;
}
.route-checkout-cart .panels-total .form-group .input-group .input-group-btn .btn {
width: 100%;
margin-left: 0;
margin-top: 5px;
height: 40px;
padding: 10px;
}
html[dir="rtl"].route-checkout-cart .panels-total .form-group .input-group .input-group-btn .btn {
margin-left: initial;
margin-right: 0;
}
}
.route-checkout-cart #content .table-responsive table tbody .td-qty .input-group {
display: flex;
align-items: center;
justify-content: center;
}
.route-checkout-cart #content .table-responsive table tbody .td-qty .input-group-btn {
width: auto;
}
.route-checkout-cart #content .table-responsive table tr td {
min-width: 90px;
}
.route-checkout-cart #content .table-responsive table tr td:nth-of-type(2) {
min-width: 175px;
}
.route-checkout-cart #content .cart-panels {
flex: 1;
}
.route-checkout-cart #content .cart-panels p {
margin-bottom: 10px;
}
.route-checkout-cart #content .cart-page,
.route-checkout-cart #content form,
.route-checkout-cart #content .cart-bottom {
flex-grow: 1;
}
.route-checkout-cart #content .cart-bottom {
width: 100%;
}
.route-checkout-cart #content table td {
vertical-align: middle;
}
.route-checkout-cart #error-not-found #content {
flex-direction: column;
}
.route-checkout-checkout .table-responsive table tr td {
min-width: 90px;
}
.route-checkout-checkout .table-responsive table tr td:nth-of-type(1) {
min-width: 175px;
}
.route-checkout-checkout #payment .col-sm-3 {
max-width: 110px;
padding-right: 0;
float: left;
}
.phone.route-checkout-checkout #payment > div > div > div {
max-width: 100%;
}
.table-responsive > iframe {
margin: 0 !important;
padding-top: 20px;
width: 100%;
}
.route-information-sitemap #content > .row {
display: flex;
flex-wrap: wrap;
}
.route-information-sitemap #content > .row::before {
display: none;
}
.route-information-sitemap #content > .row > div {
flex-grow: 1;
}
.route-information-sitemap #content > .row > div > ul {
padding: 0;
}
.route-information-sitemap #content > .row > div > ul ul {
padding-left: 20px;
}
.route-information-sitemap #content > .row > div > ul li {
list-style: none;
margin-top: 5px;
}
.route-information-sitemap #content > .row > div > ul li a::before {
margin: 0 5px;
}
.route-information-contact .our-location {
background: transparent;
border: none;
box-shadow: none;
margin: 0;
}
.route-information-contact .our-location a > i {
margin-right: 5px;
}
.route-information-contact .our-location .panel-body {
padding: 0;
}
.route-information-contact .other-stores {
margin-bottom: 20px;
}
.route-product-manufacturer .brand h2 {
margin-top: 15px;
}
.route-product-manufacturer .brand .row {
display: flex;
flex-wrap: wrap;
margin: -5px;
}
.route-product-manufacturer .brand .row::before,
.route-product-manufacturer .brand .row::after {
display: none;
}
.route-product-manufacturer .brand .row > div {
padding: 5px;
display: flex;
width: 20%;
}
.route-product-manufacturer #content > h1 + p {
padding: 0;
margin-bottom: 10px;
}
.route-product-manufacturer .manufacturer {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.route-product-manufacturer .manufacturer:not(:last-child) {
margin-bottom: 30px;
}
.route-product-manufacturer .manufacturer > div {
display: flex;
}
.manufacturer-info {
display: flex;
align-items: center;
column-gap: 15px;
font-size: 16px;
margin-bottom: 15px;
}
.manufacturer-info a {
padding: 0 !important;
border: none !important;
transition: color 0.3s;
font: inherit !important;
}
.manufacturer-info-box {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
@media(max-width: 991px) {
.manufacturer-info {
display: flex;
flex-direction: column;
align-items: flex-start;
row-gap: 10px;
font-size: 14px;
}
.route-product-manufacturer .manufacturer {
gap: 5px;
}
.route-product-manufacturer .manufacturer:not(:last-child) {
margin-bottom: 20px;
}
}
.image-card {
display: inline-flex;
align-items: center;
flex-direction: column;
transition: all 0.15s ease;
}
.image-card img {
margin: 0 auto 5px auto;
}
.image-card > span {
width: 100%;
text-align: center;
margin-top: auto;
max-width: 120px;
line-height: 1.1;
}
.route-account-return-info #content > * + * {
margin-top: 20px;
}
.route-product-compare .table > tbody > tr > td,
.route-product-compare .table > tbody > tr > th,
.route-product-compare .table > tfoot > tr > td,
.route-product-compare .table > tfoot > tr > th,
.route-product-compare .table > thead > tr > td,
.route-product-compare .table > thead > tr > th {
vertical-align: top;
}
.route-product-compare .compare-buttons {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 7px 16px;
}
.route-product-compare .compare-buttons .btn {
flex-grow: 1;
margin: 4px;
font-size: 14px;
padding: 13px;
flex: 1 1 100px;
}
.route-product-compare .compare-buttons .btn::before {
display: none;
}
.route-product-compare table #content table td {
width: 20%;
}
.route-product-compare table #content tbody:last-of-type tr:last-child td {
border-top-width: 1px;
padding: 0;
}
.route-product-compare table #content .table-bordered > tfoot > tr > td {
border: 0;
}
.route-product-compare #content table {
table-layout: fixed;
}
.route-product-compare #content table .col-first {
width: 340px;
}
.route-product-compare #content table .col-rest {
width: calc((100% - 340px) / var(--counts));
}
.route-product-compare #content table > tfoot > tr > td {
border-left: 0;
border-right: 0;
}
.route-product-search #content .search-form .inputs {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.route-product-search #content .mobile-filter-trigger.btn {
margin-top: 5px;
}
.checkbox-wrap {
display: flex;
align-items: flex-end;
column-gap: 20px;
}
.checkbox-wrap .checkbox {
width: fit-content;
}
@media(max-width: 991px) {
.checkbox-wrap {
flex-direction: column;
align-items: flex-start;
row-gap: 15px;
}
}
.route-product-search #content .buttons .pull-right .btn {
font-size: 16px;
}
.route-product-search #content .search-form input {
width: auto;
flex-grow: 1;
max-width: 50%;
margin-bottom: 15px;
}
.route-product-search #content .search-form select {
max-width: 50%;
margin-bottom: 15px;
margin-left: 20px;
}
.route-product-search #content .custom-checkbox {
padding-left: 0;
display: flex;
align-items: center;
column-gap: 10px;
}
.route-product-search #content .custom-checkbox input:disabled + span,
.route-product-search #content .custom-checkbox input:disabled + span + span {
opacity: 0.5;
}
.route-product-search #content > h2:last-child {
display: none !important;
}
.route-product-search #content > h2:last-of-type {
margin-top: 15px;
}
.route-product-search #content > .checkbox {
margin-bottom: 5px;
}
@media only screen and (max-width: 760px) {
.pagination-results + .buttons {
margin-top: 15px;
}
p:has(+ .buttons) {
padding: 0 0 10px;
}
.route-product-search #content .search-form .inputs select,
.route-product-search #content .search-form .inputs input {
margin-left: 0;
width: 100%;
max-width: 100%;
}
}
.route-account-order-info .text-left:first-child {
min-width: 150px;
}
.route-account-order-info .table:not(.table-order) tr td {
min-width: 200px;
}
.route-account-order-info .text-right b {
white-space: nowrap;
}
.route-information-information #content {
display: flex;
flex-direction: column;
}
.route-information-information .content {
flex: 1;
}
.route-information-information .content p,
.route-information-information .content li {
color: #303841;
font-size: 16px;
line-height: 24px;
margin: 0;
}
.route-information-information .content ul,
.route-information-information .content ol {
margin: 0 0 15px;
padding: 0 0 0 20px;
}
.route-information-information .content a {
color: #303841;
font-size: 16px;
line-height: 24px;
}
.route-information-information .content a:hover {
color: #E01C1C;
}
.route-information-information .content p:not(:last-child) {
margin: 0 0 15px;
}
.route-information-information .content h2,
.route-information-information .content h3,
.route-information-information .content h4,
.route-information-information .content h5,
.route-information-information .content h6 {
text-transform: uppercase;
font-size: 20px;
line-height: 24px;
color: #303841;
margin: 0 0 15px;
}
.route-information-information .content h2:not(:first-child),
.route-information-information .content h3:not(:first-child),
.route-information-information .content h4:not(:first-child),
.route-information-information .content h5:not(:first-child),
.route-information-information .content h6:not(:first-child) {
margin-top: 20px;
}
@media(max-width: 760px) {
.route-information-information .content p,
.route-information-information .content li,
.route-information-information .content a {
font-size: 14px;
line-height: 20px;
}
.route-information-information .content h2,
.route-information-information .content h3,
.route-information-information .content h4,
.route-information-information .content h5,
.route-information-information .content h6 {
font-size: 18px;
line-height: 22px;
}
.route-information-information .content h2 span,
.route-information-information .content h3 span,
.route-information-information .content h4 span,
.route-information-information .content h5 span,
.route-information-information .content h6 span {
font-size: 20px !important;
}
}
.route-information-information .content .country-item {
max-width: 335px;
margin-bottom: 30px;
}
@media(max-width: 575px) {
.route-information-information .content .country-item {
max-width: 100%;
}
}
.country-item__picture {
border-radius: 5px;
background: #232323;
aspect-ratio: 335 / 200;
width: 100%;
height: 100%;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
padding-right: 10px;
}
.country-item__picture img {
height: 100%;
width: 100%;
object-fit: contain;
max-width: calc(50% + 20px);
}
.country-item__picture-name,
.country-item__picture-city,
.route-information-information .content p.country-item__picture-name,
.route-information-information .content p.country-item__picture-city {
color: #FFFFFF;
margin: 0;
}
.country-item__picture-name,
.route-information-information .content p.country-item__picture-name {
font-size: 24px;
line-height: 28px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 15px;
}
.country-item__picture-city,
.route-information-information .content p.country-item__picture-city {
font-size: 18px;
line-height: 22px;
font-weight: 700;
}
.country-item__el {
display: grid;
grid-template-columns: 20px auto;
grid-gap: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #DDD;
}
.country-item__el + .country-item__el {
margin-top: 10px;
}
.country-item__el-title,
.country-item__el-details {
color: #303841;
font-size: 14px;
line-height: 20px;
margin: 0;
}
a.country-item__el-details:hover {
color: #E01C1C;
}
.country-item__el-title {
font-weight: 700;
text-transform: uppercase;
margin: 0 0 5px;
}
@media(max-width: 760px) {
.country-item__picture {
margin-bottom: 15px;
}
.country-item__picture-name,
.route-information-information .content p.country-item__picture-name {
font-size: 20px;
line-height: 24px;
margin: 0 0 10px;
}
.country-item__picture-city,
.route-information-information .content p.country-item__picture-city {
font-size: 16px;
line-height: 18px;
}
}
.route-product-category #content {
display: flex;
flex-direction: column;
}
.category-description {
position: relative;
}
.category-description::after {
content: "";
display: table;
clear: both;
}
.category-description + p {
order: 40;
}
.category-image {
float: left;
position: relative;
}
.category-image img {
max-width: 100%;
height: auto;
}
.category-text > p:last-of-type {
margin-bottom: 0;
}
.refine-title {
margin: 0;
}
.refine-items {
display: flex;
flex-wrap: wrap;
}
.refine-item {
display: flex;
}
.refine-item a {
display: flex;
align-items: center;
column-gap: 10px;
width: 100%;
min-width: 0;
transition: all 0.075s ease-out;
}
.refine-item a img {
margin-bottom: auto;
max-width: 100%;
width: 55px;
height: 55px;
object-fit: contain;
transition: all 0.05s ease-out;
}
.refine-name {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
transition: all 0.05s ease-out;
}
.refine-name .links-text {
line-height: 1.2;
transition: color 0.3s;
}
.refine-grid .refine-item {
padding: 10px;
}
.refine-links .refine-item a {
background-color: transparent;
padding: 0;
}
.refine-links .refine-item a img {
display: none;
}
.refine-links .refine-item:not(:last-of-type)::after {
margin: 0 7px;
}
.refine-categories.refine-links .refine-items {
margin: 0;
}
.refine-categories.refine-links .refine-items .refine-item {
width: auto;
padding: 0;
}
.btn.refine-btn {
display: none;
align-items: center;
column-gap: 10px;
margin: 20px auto 0;
padding: 11px 30px;
font-size: 14px;
line-height: 1;
border-color: transparent !important;
box-shadow: none !important;
}
.refine-btn.active svg {
transform: rotate(180deg);
}
@media(max-width: 991px) {
.btn.refine-btn {
margin-top: 15px;
}
.refine-item a img {
width: 30px;
height: 30px;
}
}
@media (max-width: 767px) {
.refine-items-hidden .refine-item:nth-of-type(n+7) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.refine-items-hidden .refine-item:nth-of-type(n+10) {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1440px) {
.refine-items-hidden .refine-item:nth-of-type(n+13) {
display: none;
}
}
@media (min-width: 1441px) {
.refine-items-hidden .refine-item:nth-of-type(n+16) {
display: none;
}
}
.products-filter {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.products-filter .select-group {
display: flex;
margin-left: auto;
}
.products-filter .select-group label,
.products-filter .select-group select {
border-width: 0;
}
.products-filter .select-group .input-group {
display: inline-flex;
align-items: center;
height: auto;
}
.products-filter .select-group .input-group .input-group-addon {
width: auto;
display: flex;
align-items: center;
border-radius: 0;
background: #DDD;
}
.products-filter .select-group .form-control {
width: auto;
padding: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,') !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 12px 12px !important;
}
.products-filter .select-group .form-control:hover {
background-image: url('data:image/svg+xml;utf8,') !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 12px 12px !important;
background-color: #F3F3F3 !important;
}
.products-filter .select-group label {
margin-bottom: 0;
}
.products-filter .input-group-addon,
.products-filter .form-control {
height: 26px;
}
.grid-list {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.grid-list button,
.grid-list button::before {
line-height: 1;
}
.view-btn {
background-color: transparent;
position: relative;
}
.view-btn.active {
pointer-events: none;
}
.view-btn.active::before {
color: #303841 !important;
}
.compare-btn {
display: flex;
align-items: center;
position: relative;
}
.sort-by {
margin-right: 10px;
}
.products-filter .select-group .sort-by {
margin-right: 20px;
}
@media only screen and (max-width: 991px) {
.products-filter .select-group .input-group .input-group-addon {
display: none;
}
.products-filter .select-group .input-group .form-control {
max-width: 140px;
}
.products-filter .select-group .sort-by {
margin-right: 5px;
}
}
.mac.webkit .select-group .input-group-addon {
position: relative;
z-index: 2;
}
.mac.webkit .select-group .form-control {
position: relative;
left: -3px;
z-index: 1;
}
.pagination-results {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.pagination-results::before,
.pagination-results::after {
display: none;
}
.pagination-results > div {
width: auto;
padding: 0;
}
.pagination-results > div:first-child:not(:empty) + div {
margin-left: auto;
}
.phone .pagination-results {
justify-content: center;
}
.phone .pagination-results > div {
text-align: left;
width: 100%;
}
.phone .pagination-results .pagination {
justify-content: center;
}
.phone .pagination-results .pagination > li {
margin-bottom: 5px;
}
.pagination {
border-radius: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.pagination > li {
max-width: 50px;
overflow: hidden;
transition: all 0.08s ease-out;
position: relative;
}
.pagination > li:not(:first-of-type) {
border-width: 0 0 0 1px;
border-color: transparent;
border-style: solid;
}
.pagination > li > a,
.pagination > li > span {
border: none;
line-height: 1;
margin: 0;
padding: 0;
transition: all 0.05s ease-out;
background: transparent;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
background: transparent;
}
.pagination > li:hover {
z-index: 2;
}
.pagination > li:first-child a,
.pagination > li:last-child a,
.pagination > li a.prev,
.pagination > li a.next {
visibility: hidden;
}
.pagination > li:first-child a::before,
.pagination > li:last-child a::before,
.pagination > li a.prev::before,
.pagination > li a.next::before {
visibility: visible;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scaleX(1);
}
.pagination > li:last-child a::before,
.pagination > li a.next::before {
transform: translate(-50%, -50%) scaleX(-1);
}
.pagination > li:first-child a,
.pagination > li:first-child span {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.pagination > li:last-child a,
.pagination > li:last-child span {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.pagination > li.active a,
.pagination > li.active span,
.pagination > li.active a:hover,
.pagination > li.active span:hover {
background: transparent;
}
.text-empty {
padding: 10px;
}
.ias-trigger,
.ias-spinner,
.ias-noneleft {
width: 100%;
text-align: center;
}
.ias-trigger i::before,
.ias-spinner i::before,
.ias-noneleft i::before {
font-size: 22px;
}
.ias-trigger a {
display: flex;
align-items: center;
justify-content: center;
}
.product-grid:not(.swiper-wrapper),
.isotope-grid,
.module-products-list .product-list:not(.swiper-wrapper) {
display: flex;
flex-wrap: wrap;
}
.product-layout {
display: flex;
position: relative;
}
.product-layout:hover {
z-index: 2;
}
.product-thumb {
display: flex;
flex-direction: column;
flex-grow: 1;
min-width: 0;
position: relative;
transition: all 0.075s ease-out;
overflow: hidden;
transform-style: preserve-3d;
}
.product-thumb .image {
position: relative;
}
.product-thumb .image::before {
content: "";
position: absolute;
width: 100%;
bottom: 0;
height: 100%;
pointer-events: none;
z-index: 1;
transition: all 0.01s ease-out;
}
.product-thumb .product-img {
display: block;
}
.product-thumb .product-img > div {
position: relative;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease-out;
}
.product-thumb .product-img img {
pointer-events: none;
transition: all 0.2s ease-out;
width: 100%;
height: auto;
}
.product-thumb .product-img img.img-second {
visibility: hidden;
opacity: 0;
position: absolute;
}
.product-thumb .product-labels {
z-index: 3;
}
.product-thumb:hover {
z-index: 1;
}
.product-thumb:hover .has-second-image img {
visibility: hidden;
}
.product-thumb:hover .has-second-image img.img-second {
visibility: visible;
opacity: 1;
}
.product-thumb .caption {
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative;
}
.product-thumb .name {
position: relative;
font-size: 14px;
font-weight: 400;
line-height: 1.3;
margin: 0;
display: flex;
align-items: center;
max-width: 100%;
}
.product-thumb .name:before {
content: '';
display: block;
width: 70px;
height: 1px;
background-color: #DDD;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
}
.product-thumb .name a {
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden !important;
}
.product-thumb .stepper {
height: auto;
}
.product-thumb .description {
margin: 0 0 auto 0;
}
.product-thumb .price > div {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
row-gap: 3px;
}
.product-thumb .price span {
line-height: 1;
}
.product-thumb .price .price-tax {
line-height: 1.5;
}
.product-thumb .price-tax {
color: #999;
display: block;
}
.product-thumb .countdown {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
z-index: 2;
}
.product-thumb .stats {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.safari .product-thumb .product-img,
.safari .product-thumb .product-labels {
transform: translateZ(1px);
}
.product-layout .quickview-button {
position: absolute;
z-index: 4;
overflow: hidden;
}
.product-layout .quickview-button span {
display: none;
}
.product-layout .button-group,
.product-layout .wish-group,
.product-layout .extra-group {
display: flex;
}
.product-layout .btn-text {
display: none;
}
.product-layout .buttons-wrapper {
margin-top: auto;
}
.product-layout .buttons-wrapper .button-group {
position: static;
transition: transform 0.2s ease-out;
}
.product-layout .buttons-wrapper a::before {
line-height: 1;
}
.product-layout .rating {
width: 100%;
align-items: center;
pointer-events: none;
transition: all 0.1s ease-in-out;
}
.product-layout .rating-stars {
display: flex;
align-items: center;
justify-content: center;
transition: all 0.1s ease-in-out;
}
.product-layout .wish-group,
.product-layout .cart-group,
.product-layout .extra-group {
position: relative;
align-items: center;
}
.product-layout .wish-group {
transition: all 0.1s ease-out;
}
.product-grid .extra-group > div {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
transition: all 0.2s ease-out;
}
.product-grid .button-group {
align-items: center;
flex-wrap: wrap;
}
.product-grid .wish-group {
pointer-events: none;
}
.product-grid .wish-group a {
pointer-events: auto;
}
.phone .btn-quickview {
display: none !important;
}
.tablet .btn-quickview {
display: none !important;
}
.product-list .product-thumb {
display: block;
}
.product-list .product-thumb .image {
float: left;
overflow: hidden;
}
.product-list .product-thumb .caption > * {
justify-content: flex-start;
}
.product-list .product-thumb .caption .price {
margin-top: 0;
text-align: left;
}
.product-list .product-thumb .rating {
margin: 0;
order: -1;
}
.product-list .product-thumb .name {
margin: 0;
padding-left: 0;
padding-top: 0;
flex-grow: 0;
}
.product-list .product-thumb .name a {
text-align: left;
}
.product-list .product-thumb .description {
display: flex;
padding-top: 0;
padding-left: 0;
text-align: left;
margin-bottom: 0;
margin-top: 0;
}
.product-list .product-thumb .button-group {
justify-content: flex-start;
flex: 1;
}
.product-list .product-thumb .cart-group {
justify-content: flex-start;
}
.product-list .product-thumb .caption .buttons-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-top: auto;
width: auto;
}
.product-list .product-thumb .extra-group {
width: auto;
pointer-events: none;
}
.product-list .product-thumb .extra-group .btn {
pointer-events: auto;
}
.product-list .product-thumb .extra-group > div {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.product-list .stats {
order: -2;
}
.product-list .stats > span {
padding-right: 20px;
}
.side-products:not(.swiper-wrapper) {
display: flex;
flex-wrap: wrap;
}
.side-product {
width: 100%;
display: block;
position: relative;
flex-direction: column;
}
.side-product > div {
float: left;
}
.side-product .image {
position: relative;
max-width: 100%;
}
.side-product .image a {
height: 100%;
display: flex;
}
.side-product .image img {
width: 100%;
}
.side-product .name {
line-height: 1.1;
}
.side-product .name a {
display: block;
}
.side-product .caption {
height: 100%;
}
.side-product .rating-stars {
display: inline-flex;
}
.side-product .price {
display: flex;
flex-wrap: wrap;
}
.side-product .price > span {
line-height: 1.35;
}
.side-products-blocks {
display: flex;
flex-wrap: wrap;
}
.side-products-blocks > div {
margin-bottom: 20px;
}
.mobile .product-thumb .product-img > div,
.mobile .module-gallery .module-item > a img,
.mobile .post-thumb .image img,
.mobile .manufacturer-thumb .image img {
transform: scale(1) !important;
}
.mobile input {
box-shadow: none;
}
.product-info {
display: flex;
flex-wrap: wrap;
}
.product-info > div {
position: relative;
}
.product-info .product-details {
display: flex;
flex-direction: column;
}
.product-info .product-details .page-title {
order: -100;
display: none;
}
.product-blocks {
display: flex;
flex-direction: column;
}
.product-image {
position: relative;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.product-image > div {
order: 5;
}
.product-image .main-image {
overflow: hidden;
cursor: zoom-in;
}
.product-image .swiper {
width: auto;
width: -webkit-fill-available;
width: -moz-available;
}
.product-image .swiper.main-image {
padding: 0;
}
.product-image .swiper.main-image .swiper-pagination {
bottom: 10px;
}
.product-image .additional-image {
cursor: pointer;
}
.product-image .additional-images.swiper {
padding: 0;
}
.product-image .direction-vertical .additional-images {
overflow: hidden;
}
.product-image .direction-vertical .additional-images .swiper-container {
overflow: visible;
}
.product-image .direction-vertical .additional-images .swiper-pagination {
display: none !important;
}
.product-image .additional-images:not(.swiper) {
display: flex;
flex-wrap: wrap;
}
.product-image .product-labels {
z-index: 1;
top: 0;
right: 0;
left: 0;
}
.product-image img {
width: 100%;
height: auto;
}
.product-image.direction-vertical {
flex-direction: row;
}
.product-image.direction-vertical .additional-images {
height: 0;
overflow: visible;
}
.product-image.direction-vertical .additional-images .swiper-container {
width: 100%;
height: 100%;
overflow: hidden;
}
.product-image.direction-vertical .additional-images .swiper-wrapper {
flex-direction: column;
}
.product-image.direction-vertical .additional-images .swiper-buttons {
width: 100%;
height: 100%;
opacity: 0;
}
.product-image.direction-vertical .additional-images .swiper-buttons > div {
left: 50%;
top: 0;
transform: translateX(-50%);
max-width: 100%;
}
.product-image.direction-vertical .additional-images .swiper-buttons > div::before {
transform: rotate(90deg);
}
.product-image.direction-vertical .additional-images .swiper-buttons .swiper-button-next {
top: auto;
bottom: 0;
}
.product-image.position-left .additional-images,
.product-image.position-top .additional-images {
order: -1;
}
.product-image.direction-vertical.additional-images-loaded .additional-images .swiper-buttons {
opacity: 1;
}
.zm-viewer,
.zm-handler {
pointer-events: none;
z-index: 10;
}
.zm-viewer {
opacity: 0;
transition: opacity 0.25s 0.25s ease-in-out;
}
.product-info .product-stats {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.product-info .product-stats ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin: 0;
overflow-x: auto;
flex-grow: 1;
padding-top: 0;
}
.product-info .product-stats li {
margin-right: 10px;
display: flex;
align-items: center;
}
.product-info .product-stats li::before {
font-size: 7px;
margin-right: 5px;
vertical-align: middle;
}
.product-info .product-manufacturer img {
max-width: 150px;
align-self: center;
}
.product-info .product-manufacturer.brand-image {
display: flex;
justify-content: flex-end;
flex: 1;
}
.product-info .product-manufacturer.brand-image a {
align-items: center;
column-gap: 10px;
}
.product-info .product-manufacturer a:hover span {
color: rgba(224, 28, 28, 1) !important;
}
.product-info .product-manufacturer > a {
display: inline-flex;
}
.product-info .product-manufacturer > a > span {
text-align: center;
display: block;
max-width: 130px;
}
.product-info .custom-stats {
width: 100%;
flex-grow: 1;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.product-info .custom-stats b {
margin-right: 5px;
}
.product-info .custom-stats > div {
display: flex;
align-items: center;
justify-content: center;
}
.product-info .custom-stats > div:first-of-type {
margin-right: 15px;
}
html[dir="rtl"] .product-info .product-stats li {
margin-right: initial;
margin-left: 20px;
}
html[dir="rtl"] .product-info .product-stats li::before {
margin-right: initial;
margin-left: 5px;
}
html[dir="rtl"] .product-info .custom-stats b {
margin-right: initial;
margin-left: 5px;
}
html[dir="rtl"] .product-info .custom-stats > div:first-of-type {
margin-right: initial;
margin-left: 10px;
}
.product-info .rating {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.product-info .rating > span {
display: inline-flex;
}
.product-info .rating > span:last-of-type {
margin-right: 10px;
}
.product-info .rating div a {
display: inline-flex;
}
.product-info .rating b {
font-weight: 400;
}
.product-info .rating-stars {
display: inline-flex;
align-items: center;
justify-content: center;
}
.product-info .price-group {
display: flex;
flex-wrap: wrap;
pointer-events: auto;
white-space: nowrap;
}
.product-info .product-price-group {
z-index: 2;
pointer-events: none;
display: flex;
}
.product-info .product-price-group .product-stats {
pointer-events: auto;
flex-grow: 1;
}
.product-info .product-options .radio + .radio,
.product-info .product-options .checkbox + .checkbox {
margin: 0;
}
.product-info .product-options h3 {
margin: 0;
}
.product-info .product-options .img-thumbnail {
border-radius: 0;
border-width: 0;
outline: none;
padding: 0;
background-color: transparent;
}
.product-info .product-options .help-block {
margin-bottom: 0;
}
.product-info .product-options .help-block:empty {
margin: 0;
}
.product-info .product-options .option-value {
margin: 0 5px;
line-height: 1.2;
}
.product-info .product-options .push-option input,
.product-info .product-options .push-option input + img + .option-value {
display: none;
position: absolute;
width: 100%;
text-align: center;
border: none;
padding: 0;
top: 100%;
transform: translateY(-20%);
min-height: auto;
min-width: auto;
background: none;
line-height: 1;
box-shadow: none;
}
.product-info .product-options .push-option .checkbox,
.product-info .product-options .push-option .radio {
padding: 0 !important;
margin: 0 !important;
}
.product-info .product-options .push-option .option-value {
margin: 0;
}
.product-info .product-options .push-option > div {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.product-info .product-options .push-option > div label {
padding: 0;
position: relative;
}
.product-info .product-options .push-option > div .option-value {
padding: 0 7px;
}
.product-info .product-options .push-option > div .option-value,
.product-info .product-options .push-option > div img {
display: flex;
align-items: center;
justify-content: center;
transition: all 0.075s ease-out;
}
.product-info .product-options .push-option > div .option-value:hover,
.product-info .product-options .push-option > div img:hover {
cursor: pointer;
}
.product-info .product-options .push-option > div > div {
width: auto;
}
.product-info .product-options .option-price {
margin-left: 5px;
}
.product-info .product-details .button-group-page {
bottom: 0;
left: 0;
right: 0;
}
.product-info .product-details .buttons-wrapper {
display: flex;
align-items: flex-start;
width: 100%;
column-gap: 15px;
}
.product-info .product-details .buttons-wrapper .alert {
margin-top: 10px;
padding: 5px 10px;
width: 100%;
}
.product-info .product-details .buttons-wrapper .extra-group {
font-size: 0;
display: flex;
align-items: center;
column-gap: 15px;
}
.product-info .product-details .wishlist-compare {
display: flex;
align-items: center;
justify-content: end !important;
flex-wrap: wrap;
gap: 5px;
}
.product-info .product-details .stepper-group-box {
display: flex;
align-items: center;
column-gap: 15px;
}
.product-info .product-details .stepper-group {
display: flex;
flex-direction: column;
row-gap: 20px;
max-width: 405px;
}
.product-info .product-details .stepper {
min-width: 60px;
overflow: visible;
}
.product-info .product-details .stepper .control-label {
position: absolute;
}
.product-info .product-details .stepper .form-control {
padding-right: 25px;
font-size: 1em;
}
.popup-quickview .main-image {
cursor: default;
}
.popup-quickview .main-image .swiper-pagination,
.popup-quickview .main-image .swiper-buttons {
display: none !important;
}
.popup-quickview .extra-group {
display: none !important;
}
.popup-quickview .description {
position: relative;
}
.popup-quickview .description {
color: #303841;
}
.popup-quickview .description a {
color: #303841;
text-decoration: underline;
}
.popup-quickview .description a:hover {
color: #E01C1C;
}
.popup-quickview .description h2,
.popup-quickview .description h3,
.popup-quickview .description h4{
font-weight: 700;
text-transform: uppercase;
}
.popup-quickview .description h2,
.popup-quickview .description h3 {
font-size: 20px;
margin: 20px 0 15px;
}
.popup-quickview .description h2 {
padding: 10px 20px;
border-radius: 5px;
background-color: #F3F3F3;
}
.popup-quickview .description h4 {
font-size: 18px;
margin: 20px 0 10px;
}
.popup-quickview .description ul,
.popup-quickview .description ol {
margin: 20px 0 10px;
padding-left: 40px;
}
.popup-quickview .description iframe {
width: 100%;
height: 400px;
}
.popup-quickview .button-group-page-title {
display: none;
}
html.popup-quickview body .product-info .button-group-page .btn-compare,
html.popup-quickview body .product-info .button-group-page .btn-wishlist {
height: 45px;
}
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare::before,
.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist::before {
line-height: 25px;
}
.popup-quickview .product-info .product-details .stepper-group {
max-width: 100%;
width: 100%;
}
.popup-quickview .product-info .product-details .wishlist-compare {
flex-wrap: nowrap;
}
.popup-quickview .wishlist-compare {
max-width: 420px;
width: 100%;
}
.popup-quickview .btn-more-details {
display: flex;
align-items: center;
column-gap: 10px;
min-height: 45px;
}
.popup-quickview .btn-more-details::after {
line-height: 1;
}
.product-options select.form-control {
line-height: 1;
}
.popup-quickview .additional-images {
grid-template-columns: repeat(4,1fr);
gap: 20px;
margin-top: 20px !important;
}
.popup-quickview .additional-images .additional-image {
padding: 2px !important;
border-radius: 5px;
border: 1px solid #ddd;
}
.popup-quickview .additional-images .additional-image:hover,
.popup-quickview .additional-images .additional-image.swiper-slide-active {
border-color: rgba(48, 56, 65, 1);
}
.popup-quickview .additional-images .additional-image img {
border: none !important;
}
@media(max-width: 991px) {
.popup-quickview .description h2,
.popup-quickview .description h3 {
font-size: 18px;
margin-top: 15px;
}
.popup-quickview .description h3 {
margin-bottom: 10px;
}
.popup-quickview .description h2 {
padding: 15px;
}
.popup-quickview .description h4 {
font-size: 16px;
margin-top: 15px;
}
.popup-quickview .description ul,
.popup-quickview .description ol {
margin-top: 15px;
padding-left: 30px;
}
.popup-quickview .description iframe {
height: 250px;
}
}
.product-left .product-blocks {
margin-top: 20px;
}
#tab-specification .table {
margin-bottom: 0 !important;
}
.review-links a {
cursor: pointer;
}
#review > p {
margin: 0 0 20px;
}
#review table {
margin-bottom: 0 !important;
}
#review table:not(:nth-last-child(2)) {
border-bottom-width: 0 !important;
}
#review .rating {
margin-top: 5px;
}
#form-review .rate {
display: flex;
align-items: center;
min-height: 35px;
}
#form-review .rate span {
position: relative;
top: -1px;
}
#form-review .rate > * {
margin: 0;
}
#form-review .rate > * + * {
margin: 0 0 0 10px;
}
#form-review .help-block {
margin-bottom: 0;
}
#form-review legend {
margin-top: 15px;
}
#form-review h4 {
color: #303841;
font-size: 20px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin: 0 0 20px;
padding: 10px 20px;
border-radius: 5px;
background-color: #f3f3f3;
}
@media(max-width: 991px) {
#form-review h4 {
font-size: 18px;
padding: 10px 15px;
margin-bottom: 15px;
}
}
.tags-title {
display: flex;
font-size: 20px;
color: #585858;
margin-right: 15px;
}
@media(max-width: 991px) {
.tags-title {
margin-right: 10px;
}
.tags-grid {
gap: 5px;
}
}
.expand-content > p:last-of-type {
margin-bottom: 0;
}
.quick-checkout-wrapper > div {
display: flex;
flex-wrap: wrap;
}
.quick-checkout-wrapper > div > div {
flex-grow: 1;
max-width: 100%;
}
.quick-checkout-wrapper > div .right {
display: flex;
flex-direction: column;
}
.quick-checkout-wrapper > div .right .checkout-section:last-child {
order: 1000;
margin-bottom: 0;
}
.quick-checkout-wrapper .section-body {
display: flex;
flex-direction: column;
}
.quick-checkout-wrapper .section-body .form-group {
order: 100;
}
.quick-checkout-wrapper .section-body > .radio + div {
margin: 5px 0;
}
.quick-checkout-wrapper .section-body .radio,
.quick-checkout-wrapper .section-body .checkbox {
align-items: initial;
}
.quick-checkout-wrapper .payment-address .section-body > div:not(.checkbox),
.quick-checkout-wrapper .shipping-address .section-body > div:not(.checkbox) {
display: flex;
flex-direction: column;
}
.quick-checkout-wrapper #input-cc-cvv2 {
max-width: 111px;
}
.quick-checkout-wrapper .payment-address .checkbox {
margin-top: 15px;
}
.quick-checkout-wrapper .well {
margin-bottom: 0;
box-shadow: none;
border: none;
padding: 0;
background: transparent;
}
.quick-checkout-wrapper .checkout-section .login-options {
margin-bottom: 0;
order: -1;
}
.quick-checkout-wrapper .checkout-section .login-options .radio {
width: auto;
}
.quick-checkout-wrapper .checkout-section .login-form {
margin-top: 10px;
}
.quick-checkout-wrapper .checkout-section .login-form > div:first-of-type {
margin-top: 10px;
}
.quick-checkout-wrapper .shipping-payment {
display: flex;
flex-wrap: wrap;
}
.quick-checkout-wrapper .shipping-payment .section-payment {
flex-grow: 1;
}
.quick-checkout-wrapper .shipping-payment .section-body > div {
display: flex;
}
.quick-checkout-wrapper .shipping-payment .section-body > div::before {
line-height: 1;
min-width: 30px;
text-align: center;
font-size: 22px;
}
.quick-checkout-wrapper .shipping-payment .section-body .alert {
display: block;
}
.quick-checkout-wrapper .shipping-payment .section-body .alert::before {
display: none;
}
.quick-checkout-wrapper .shipping-payment .shippings p {
margin-bottom: 0;
}
.quick-checkout-wrapper .section-cvr .form-group .control-label {
max-width: 250px;
}
.quick-checkout-wrapper .section-cvr .form-group .control-label + div {
justify-content: flex-end;
}
.quick-checkout-wrapper .cart-section table {
margin-bottom: 0 !important;
}
.quick-checkout-wrapper .cart-section .table-responsive + table {
border-top-width: 0 !important;
margin-top: 10px;
}
.quick-checkout-wrapper .cart-section .table-responsive + table tfoot td + td {
width: 20%;
}
.quick-checkout-wrapper .confirm-section textarea {
margin-bottom: 10px;
}
.quick-checkout-wrapper .login-active .checkout-section:not(.section-login) {
opacity: 0.4;
pointer-events: none;
}
.quick-checkout-wrapper .quick-checkout-spinner {
display: flex;
justify-content: center;
}
.quick-checkout-wrapper .payment-pagseguro,
.quick-checkout-wrapper .payment-skrill,
.quick-checkout-wrapper .payment-cod,
.quick-checkout-wrapper .payment-payza,
.quick-checkout-wrapper .payment-paypal,
.quick-checkout-wrapper .payment-pp_standard,
.quick-checkout-wrapper .payment-pp_express,
.quick-checkout-wrapper .payment-coinbase,
.quick-checkout-wrapper .payment-stripe,
.quick-checkout-wrapper .payment-instamojo,
.quick-checkout-wrapper .payment-twocheckout {
display: none !important;
}
.quick-checkout-wrapper #payment > legend {
display: none;
}
.quick-checkout-wrapper .quick-checkout-payment {
position: relative;
}
.quick-checkout-wrapper .quick-checkout-payment .buttons,
.quick-checkout-wrapper .payment-pp_braintree #submit-new {
display: none !important;
}
.quick-checkout-wrapper .captcha {
margin-top: 15px;
}
.quick-checkout-wrapper .captcha .form-group label {
max-width: 100%;
}
.quick-checkout-wrapper .captcha .form-group img {
margin-left: 10px;
margin-top: 1px;
}
#checkout-checkout #input-password + a {
width: 100%;
margin-top: 10px;
}
.quick-checkout-wrapper .confirm-section .checkbox {
display: block !important;
margin: 0;
}
.quick-checkout-wrapper .confirm-section label {
display: block;
}
.quick-checkout-wrapper .confirm-section label input {
top: 2px;
}
@media only screen and (max-width: 760px) {
.confirm-section .radio label,
.confirm-section .checkbox label {
display: block;
}
}
.quick-checkout-wrapper label {
flex-wrap: wrap;
display: flex;
}
.section-shipping .radio label span {
width: 100%;
}
.popup-checkout-payment .popup-body {
padding: 15px;
}
.popup-checkout-payment .popup-inner-body {
overflow-y: auto;
min-width: 100px;
min-height: 50px;
max-height: 500px;
}
.popup-checkout-payment .buttons {
display: block;
}
@keyframes fade-in {
from {
opacity: 0;
transform: translate3d(0, -5px, 0) scale(0.95);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes scale-in {
from {
opacity: 0;
transform: translate3d(0, 0, 0) scale(0.85);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes slide-in {
from {
opacity: 0;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.notification-wrapper {
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 100000000000000020;
pointer-events: none;
display: flex;
flex-direction: column;
}
.notification-wrapper-tc {
align-items: center;
}
.notification-wrapper-tr {
align-items: flex-end;
}
.notification-wrapper-center {
align-items: center;
justify-content: center;
}
.notification-wrapper-center .notification {
transform-origin: 50%;
animation: scale-in 0.15s ease-out;
}
.notification-wrapper-center .notification.fade-out {
opacity: 0;
margin: 0;
visibility: hidden;
pointer-events: none;
transform: translate3d(0, 0, 0) scale(0.9);
}
.notification-wrapper-bottom {
justify-content: flex-end;
align-items: center;
}
.notification-wrapper-bottom .notification {
animation: slide-in 0.15s ease-out;
transition: all 0.2s ease;
}
.notification-wrapper-bottom .notification.fade-out {
opacity: 0;
margin: 0;
visibility: hidden;
pointer-events: none;
transform: translate3d(0, 30px, 0);
}
.notification {
position: relative;
background-color: #fff;
pointer-events: auto;
transition: all 0.3s ease-out;
animation: fade-in 0.2s ease-out;
transform-origin: 50% 0;
border-radius: inherit;
}
.notification.fade-out {
opacity: 0;
margin: 0;
visibility: hidden;
pointer-events: none;
}
.notification.removed {
transition: margin-top 0s;
}
.notification-content {
display: flex;
}
.notification-content img {
flex: 1 0 auto;
}
.notification-title {
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
}
.notification-title:empty {
margin: 0;
}
.notification-buttons {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.notification-buttons a::before {
margin-right: 5px;
}
.notification-buttons a::after {
margin-left: 5px;
}
.notification-close {
position: absolute;
top: 0;
right: 0;
transition: all 0.075s ease-out;
}
.notification-close::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.module-notification {
width: 100%;
}
.module-notification .notification-content {
display: block;
}
.module-notification .notification-close {
align-items: center;
justify-content: center;
}
.module-notification .notification-close::before {
position: relative;
top: initial;
left: initial;
transform: none;
}
.post-grid:not(.swiper-wrapper) {
display: flex;
flex-wrap: wrap;
}
.post-layout {
display: flex;
position: relative;
}
.post-thumb {
display: flex;
flex-direction: column;
flex-grow: 1;
min-width: 0;
position: relative;
transition: all 0.075s ease-out;
overflow: hidden;
}
.post-thumb .image {
position: relative;
}
.post-thumb .image a {
display: flex;
align-items: center;
justify-content: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.post-thumb .image a img {
width: 100%;
height: auto;
pointer-events: none;
transition: all 0.2s ease-out;
}
.post-thumb .image .p-date {
z-index: 1;
}
.post-thumb:hover {
z-index: 2;
}
.post-thumb .caption {
display: flex;
flex-direction: column;
flex: 1000 0 auto;
position: relative;
}
.post-thumb .caption > * {
order: 50;
}
.post-thumb .name {
font-size: 14px;
font-weight: 400;
line-height: 1.3;
margin: 0;
display: flex;
align-items: center;
max-width: 100%;
}
.post-thumb .name a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden !important;
}
.post-thumb .description {
display: -webkit-box !important;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}
.post-thumb .post-stats {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
font-size: 12px;
position: static !important;
transform: none !important;
justify-content: flex-start !important;
margin: 15px 0 20px;
}
.post-thumb .post-stats span {
display: inline-flex;
}
.post-stats ::before {
line-height: 0;
}
.p-date i {
padding: 0 4px;
margin: 0;
font-style: normal;
}
.p-date-image {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
padding: 5px 10px;
pointer-events: none;
line-height: 1;
font-size: 16px;
}
.p-date-image i {
font-size: 10px;
}
.p-date-image::before {
display: none;
}
.post-content img {
display: block;
height: 400px;
width: 100%;
object-fit: cover;
}
.post-content img:not(:first-child) {
margin-top: 20px;
}
.post-content img:not(:last-child) {
margin-bottom: 20px;
}
.post-content p:last-child {
margin-bottom: 0;
}
.post-subject {
padding: 20px 0;
margin: 20px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.post-subject-title {
font-size: 16px;
line-height: normal;
font-weight: 700;
margin-bottom: 10px;
}
.post-subject ul {
list-style: none;
padding: 0;
margin: 0;
}
.post-subject li:not(:last-child) {
margin-bottom: 10px;
}
.post-subject a {
font-size: 14px;
line-height: normal;
color: #303841;
transition: color 0.3s;
}
.post-subject a:focus,
.post-subject a:hover {
color: #E01C1C;
}
.post-layout .button-group {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.post-layout .btn-text {
display: none;
}
.post-grid .button-group {
margin-top: auto !important;
}
.post-list .post-thumb {
flex-direction: row;
flex-wrap: wrap;
}
.post-list .post-thumb .image {
flex: 1 1 auto;
}
.post-image {
position: relative;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.post-image img {
height: auto;
}
.post-stats span {
align-items: center;
margin-right: 20px;
flex-wrap: wrap;
display: inline-flex;
}
.side-posts .post-stats span {
margin-right: 15px;
}
.side-posts .post-stats {
margin: 0;
}
.post-details {
-moz-column-fill: balance;
column-fill: balance;
}
.post-content::after {
content: "";
display: table;
width: 100%;
clear: both;
}
.blog-post .comment p {
margin-top: 15px;
color: #313841;
}
.blog-post .success {
background: #90ee90;
padding: 5px 10px;
margin-bottom: 15px;
}
.blog-post .success:last-of-type {
margin-bottom: 0;
}
.post-comments {
border-top: 1px solid #ddd;
}
.post-comments .comment-form {
max-width: 710px;
margin-top: 30px;
}
.post-comments .control-label {
font-size: 16px;
padding: 0 0 5px 0 !important;
}
@media(max-width: 991px) {
.post-comments .comment-form {
margin-top: 20px;
}
}
.post-comments .control-label,
.post-comments .form-control {
max-width: 100% !important;
}
.post-comments .form-group:not(.has-error) .text-danger{
display: none;
}
.post-comment {
position: relative;
}
.post-comment .user-name {
padding-right: 50px;
}
.user-data {
margin-top: 10px;
}
.user-data ::before {
margin-right: 5px;
}
.user-data span {
display: inline-flex;
align-items: center;
max-width: 100%;
}
.user-data div span {
margin-right: 5px;
}
.user-data a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
color: inherit;
}
.user-data a:hover {
color: rgba(224, 28, 28, 1);
}
.comment .success {
margin-top: 15px;
}
.user-avatar {
float: left;
position: relative;
z-index: 2;
}
.reply-form {
margin-top: 20px;
}
.reply-btn {
position: absolute;
top: 20px;
right: 20px;
background-color: #fff;
color: #313841;
border: 1px solid #313841;
font-size: 14px;
font-weight: 700;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s;
}
.reply-btn:hover {
background-color: #313841;
color: #fff;
}
@media(max-width: 991px) {
.reply-btn {
position: static;
margin-top: 10px;
}
}
.blog-feed {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
}
.blog-feed span {
margin: 0 5px;
}
html[dir="rtl"] .blog-feed {
right: auto;
left: 10px;
}
.module-blog_categories .module-body {
display: flex;
flex-direction: column;
}
.module-blog_categories a {
display: flex;
align-items: center;
transition: all 0.07s ease-out;
}
.module-blog_categories a + a {
border-width: 1px 0 0 0;
}
.box-search {
display: flex;
position: relative;
}
.box-search .btn {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.box-search .btn .fa {
line-height: 0;
}
.route-journal3-blog #content {
padding-bottom: 80px;
}
.route-journal3-blog .pagination-results {
justify-content: space-between;
}
.route-journal3-blog .pagination-results .text-right {
display: block;
}
@media(max-width: 991px) {
.route-journal3-blog #content {
padding-bottom: 40px;
}
}
.blog-categories {
background-color: #F3F3F3;
padding: 20px 0 80px;
}
.blog-categories-list {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 20px;
list-style: none;
padding: 0;
margin: 0;
}
.blog-categories-item {
position: relative;
display: block;
overflow: hidden;
border-radius: 5px;
}
.blog-categories-item:hover img {
transform: scale(1.15);
}
.blog-categories-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: 5px;
background: rgba(0, 0, 0, 0.5);
}
.blog-categories-item img {
width: 100%;
height: 130px;
object-fit: cover;
transition: all 0.2s ease;
}
.blog-categories-item-text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
padding: 0 15px;
transform: translate(-50%, -50%);
color: #FFF;
font-size: 24px;
font-weight: 700;
line-height: normal;
z-index: 2;
text-align: center;
}
.route-journal3-blog .module-title {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
}
.route-journal3-blog .module-title::after {
content: '';
display: block;
position: relative;
margin-top: 10px;
width: 50px;
height: 1px;
background: rgba(0, 0, 0, 1);
}
.blog-categories .container {
max-width: 1440px;
width: 100%;
}
.category-posts-title {
margin-top: 20px;
}
@media(max-width: 991px) {
.blog-categories {
padding-bottom: 40px;
}
.blog-categories-list {
gap: 10px;
}
.blog-categories-item-text,
.route-journal3-blog .module-title {
font-size: 20px;
}
}
@media(max-width: 767px) {
.blog-categories-list {
grid-template-columns: repeat(2,1fr);
}
}
@media(max-width: 575px) {
.blog-categories-item img {
height: 100px;
}
}
html[dir="rtl"] .box-search .btn {
right: auto;
left: 0;
}
.module-blog_comments .module-body > div + div {
border-width: 1px 0 0 0;
}
.module-blog_comments .module-item {
display: flex;
}
.module-blog_comments .module-item > div {
flex: 1;
line-height: 1.3;
}
.module-blog_comments .module-item .side-subtitle {
margin-top: 3px;
}
.side-posts.swiper-wrapper {
flex-wrap: nowrap;
}
.side-posts {
display: flex;
flex-wrap: wrap;
}
.side-posts .post-thumb {
width: 100%;
flex-direction: row;
flex-wrap: wrap;
}
.side-posts .post-thumb .image {
position: relative;
flex: 1 0 auto;
margin: 0 auto;
max-width: 100%;
}
.side-posts .post-thumb .image a {
display: block;
}
.side-posts .post-thumb .image img {
width: 100%;
}
.side-posts .post-thumb .post-stats {
justify-content: flex-start;
}
.side-posts .post-thumb .name {
margin-bottom: 10px;
}
.side-posts .post-thumb .caption {
padding: 0 0 0 10px;
min-width: 0;
flex: 1000 2 100px;
width: 100%;
}
.blog-post .p-blog{
display: flex;
align-items: center;
column-gap: 5px;
color: #585858;
font-size: inherit;
transition: color 0.3s;
}
.p-blog:hover {
color: #E01C1C;
}
.blog-post #content {
padding-bottom: 0 !important;
}
.blog-post + footer,
.blog-post + #bottom {
margin-top: 80px;
}
.blog-post .post-details .post-stats {
display: flex;
align-items: center;
gap: 20px 30px;
color: #585858;
}
.route-journal3-blog-post .swiper-custom-btn {
min-width: 220px;
}
.route-journal3-blog-post .swiper-box {
column-gap: 15px;
}
@media(max-width: 991px) {
.blog-post .post-details .post-stats {
gap: 15px;
}
.post-comments .title {
margin-bottom: 20px !important;
}
.comment-form .title {
margin-bottom: 15px !important;
}
.blog-post + footer,
.blog-post + #bottom {
margin-top: 40px;
}
.route-journal3-blog-post .swiper-box {
column-gap: 10px;
}
}
.blog-post .post-details .post-stats span {
margin: 0;
flex-wrap: nowrap;
}
.blog-post .post-details .tags {
margin-top: 20px;
}
.module-blog_side_posts .side-posts .post-layout {
padding: 0 !important;
}
.module-blog_side_posts .side-posts .post-layout:not(:first-child) {
padding-top: 15px !important;
margin-top: 15px;
border-top: 1px solid #ddd;
}
.links-menu .module-body {
flex-wrap: wrap;
width: 100%;
}
.links-menu ul,
.links-menu li {
list-style: none;
margin: 0;
padding: 0;
}
.links-menu .menu-item {
position: relative;
border-width: 1px 0 0 0;
transition: all 0.08s ease-out;
display: flex;
align-items: center;
}
.links-menu .menu-item:first-child {
border-top-width: 0;
border-left-width: 0;
}
.links-menu .menu-item.dropdown > a::after {
display: none;
}
.links-menu .menu-item a {
display: inline-flex;
align-items: center;
transition: all 0.08s ease-out;
position: relative;
width: inherit;
}
.links-menu .menu-item a .menu-label {
right: 0;
top: auto;
transform: translateX(100%);
}
.links-menu .menu-item a::before {
line-height: 1;
}
.links-menu .menu-item a::after {
display: none !important;
}
.links-menu .menu-item a:not([href]) {
cursor: default;
}
.phone footer .links-menu .module-title::before {
position: absolute;
right: 0;
content: "";
font-size: 18px;
font-family: icomoon, sans-serif;
top: 50%;
transform: translateY(-50%);
}
.phone footer .links-menu .module-title.closed::before {
content: "";
}
.j-menu {
display: flex;
align-items: center;
flex-wrap: wrap;
height: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.j-menu > li {
position: relative;
}
header .top-menu .j-menu>li:first-child>a {
padding-left: 0;
}
header .secondary-menu .top-menu .j-menu>li>a::before {
font-size: 20px;
margin-right: 5px;
}
.top-menu .dropdown.dropdown .j-menu>li:not(:last-child) {
margin-bottom: 10px;
}
.j-menu > li > a {
padding: 3px 6px;
width: 100%;
height: 100%;
max-height: 100%;
display: flex;
align-items: center;
border-width: 1px 0 0 0;
min-width: 30px;
cursor: pointer;
transition: color 0.1s ease-out, background-color 0.1s ease-out;
}
.j-menu > li > a:not([href]) {
cursor: default;
}
.j-menu > li > a::before {
line-height: 1;
font-size: 16px;
}
.j-menu > li:first-child > a {
border-width: 0;
}
.j-menu > li.icon-only > a {
min-width: 10px;
}
.j-menu .links-text {
display: inline-block;
color: inherit;
}
.j-menu .links-text s {
display: block;
}
.j-menu .mega-menu {
position: static;
}
.ios .j-menu > li > a {
cursor: pointer !important;
}
.top-bar .wrapper {
justify-content: space-between;
}
.top-menu {
height: 100%;
}
.top-menu > ul {
position: relative;
}
.top-menu > ul > li {
height: 100%;
}
.top-menu > ul > li + li > a {
border-width: 0 0 0 1px;
}
.top-menu .dropdown > a::after {
transform: rotate(90deg);
margin-top: 2px;
}
.dropdown-menu {
font-size: inherit;
}
.dropdown-menu.bootstrap-datetimepicker-widget {
width: auto !important;
}
.j-dropdown {
margin: 0;
padding: 0;
box-shadow: none;
border-width: 0;
border-radius: 0;
min-width: 100%;
background-color: transparent;
transform-origin: 50% 0;
transform: translate3d(0, -10px, 0);
opacity: 0;
display: none;
}
.j-dropdown > ul > li {
width: 100%;
}
.j-dropdown::before {
content: "";
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom-color: #fff;
pointer-events: none;
margin-top: -8px;
display: block;
}
.open > .j-dropdown {
display: block;
}
.animating > .j-dropdown {
transform: none;
opacity: 1;
transition: transform 0.1s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
}
.j-dropdown > .j-menu > li:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.j-dropdown > .j-menu > li:first-child > a {
border-width: 0;
border-radius: inherit;
}
.j-dropdown > .j-menu > li:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.j-dropdown > .j-menu > li:last-child > a {
border-radius: inherit;
}
.multi-level .j-dropdown .j-dropdown {
top: 0;
}
.multi-level .j-dropdown .j-dropdown::before {
display: none !important;
}
.flyout-menu-item .j-dropdown::before {
display: none !important;
}
.dropdown > a {
position: relative;
}
.dropdown > a .menu-label {
transform: none;
}
.dropdown > a .count-badge {
margin: 0 5px;
}
.dropdown > a::after {
content: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat;
display: inline-block;
}
.dropdown .j-menu > li > a::before {
display: flex;
align-items: center;
justify-content: center;
}
.menu-label {
position: absolute;
font-size: 10px;
top: 0;
right: 0;
}
.is-sticky .menu-label {
margin-top: 0 !important;
}
.flyout-menu {
display: flex;
flex-direction: column;
position: relative;
}
.flyout-menu > ul > li {
width: 100%;
}
.flyout-menu > ul > li > a .menu-label {
position: relative;
margin: 0 7px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.flyout-menu > ul > li:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.flyout-menu > ul > li:first-child.dropdown:hover {
border-top-right-radius: 0;
}
.flyout-menu > ul > li:first-child > a {
border-radius: inherit;
}
.flyout-menu > ul > li:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.flyout-menu > ul > li:last-child.dropdown:hover {
border-bottom-right-radius: 0;
}
.flyout-menu > ul > li:last-child > a {
border-radius: inherit;
}
.flyout-menu > .menu-item.mega-menu {
position: static;
}
.flyout-menu .count-badge + .open-menu + .menu-label {
margin-left: 0;
}
.flyout-menu .j-dropdown {
top: 0;
left: 100%;
padding-top: 0;
width: auto;
transform: translate3d(0, 0, 0);
transition: all 0s ease-out;
min-width: auto;
}
.flyout-menu .mega-menu .j-dropdown {
width: 800px;
height: 100%;
}
.flyout-menu .mega-menu .j-dropdown .mega-menu-content {
min-height: 100%;
}
.flyout-menu .dropdown > a::after {
margin-left: auto;
}
.flyout > .j-dropdown::before {
z-index: 1;
}
.open-menu {
display: none;
}
.accordion-menu .open-menu {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
font-size: 15px;
transition: color 0.1s ease-out, background-color 0.1s ease-out;
z-index: 2;
}
.accordion-menu .open-menu[aria-expanded="true"] i::before {
content: "";
}
.accordion-menu .menu-item {
box-shadow: none !important;
height: auto;
}
.accordion-menu .menu-item > a {
position: relative;
}
.accordion-menu .menu-item > a::after {
display: none;
}
.accordion-menu .menu-item > a + div {
border-width: 1px 0 0 0;
}
.accordion-menu .menu-item.flyout > a + .in {
border-top-width: 0;
}
.accordion-menu .j-menu {
height: auto;
overflow: hidden;
}
.accordion-menu .j-menu > li {
width: 100%;
}
.accordion-menu .j-menu > li > a .links-text {
white-space: normal;
}
.accordion-menu .j-menu > li > a::before {
display: flex;
align-items: center;
justify-content: center;
}
.accordion-menu .j-menu > li + li {
margin-left: 0 !important;
margin-right: 0 !important;
}
.accordion-menu .j-menu .j-menu {
box-shadow: none;
}
.icons-menu > ul {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.icons-menu > ul > .menu-item {
margin: 0;
position: relative;
}
.icons-menu > ul > .menu-item:hover {
z-index: 1;
}
.icons-menu > ul > .menu-item > a {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 22px;
position: relative;
}
.icons-menu > ul > .menu-item > a .links-text {
font-size: 0.47em;
padding: 0 5px;
margin: 3px 0 -3px 0;
width: 100%;
text-align: center;
line-height: 1.2;
}
.icons-menu > ul > .menu-item > a .count-badge {
position: absolute;
z-index: 1;
top: 0;
right: 0;
}
.icons-menu > ul > .menu-item > a::before {
content: "";
font-family: icomoon;
line-height: 1;
}
.icons-menu > ul > .menu-item > a::after {
display: none;
}
.icons-menu .icon-menu-image a::before {
display: none;
}
.bottom-menu {
position: fixed;
width: 100%;
bottom: 0;
background-color: #fff;
z-index: 100;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-width: 1px 0 0 0;
}
.bottom-menu ul,
.bottom-menu li {
margin: 0;
padding: 0;
list-style: none;
}
.bottom-menu > ul {
display: flex;
align-items: center;
}
.bottom-menu > ul > li {
flex-grow: 1;
}
.bottom-menu > ul > li > a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding: 0 10px;
min-width: 50px;
transition: all 0.075s ease-out;
position: relative;
}
.bottom-menu > ul > li > a::before {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.1;
margin: 2px 0;
}
.bottom-menu > ul > li + li {
border-width: 0 0 0 1px;
}
.bottom-menu > ul > li .links-text {
white-space: nowrap;
position: relative;
top: -2px;
}
.bottom-menu > ul > li .count-badge {
position: absolute;
top: 50%;
left: 50%;
transform: translate(50%, -100%);
margin: 0;
}
.side-menu {
position: fixed;
background-color: #fff;
z-index: 100;
right: 0;
}
.side-menu ul,
.side-menu li {
margin: 0;
padding: 0;
list-style: none;
}
.side-menu > ul {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: inherit;
}
.side-menu > ul > li {
flex-grow: 1;
}
.side-menu > ul > li > a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding: 5px 10px;
transition: all 0.075s ease-out;
position: relative;
border-radius: inherit;
}
.side-menu > ul > li > a::before {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.1;
margin: 2px 0;
}
.side-menu > ul > li:first-of-type {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.side-menu > ul > li:last-of-type {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.side-menu > ul > li:only-of-type {
border-radius: inherit;
}
.side-menu > ul > li + li {
border-width: 1px 0 0 0;
}
.side-menu > ul > li .links-text {
position: relative;
top: -2px;
}
.side-menu > ul > li .count-badge {
position: absolute;
right: 0;
top: 0;
}
.swiper {
position: relative;
width: 100%;
}
.swiper .swiper-pagination {
display: flex;
align-items: center;
justify-content: center;
left: 50%;
right: auto;
transform: translateX(-50%);
}
.swiper .swiper-pagination > span {
cursor: pointer;
opacity: 1;
transition: all 0.1s ease-out;
border-radius: 0;
}
.swiper .swiper-pagination > span + span {
margin-left: 8px;
}
.swiper .swiper-pagination:empty {
padding: 0;
}
.swiper-has-pages .swiper .swiper-pagination {
display: block;
}
.swiper-slide {
height: auto !important;
padding: 0;
}
@media(min-width: 992px) {
.route-product-product .swiper-slide {
min-height: 463px;
}
.route-common-home #content-top .swiper-slide {
min-height: 476px;
}
}
.swiper-buttons {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
pointer-events: none;
}
.swiper-buttons > div {
width: 35px;
height: 35px;
background: #fff;
}
.swiper-buttons > div::before {
content: "";
font-family: icomoon;
}
.swiper-buttons > div.swiper-button-next::before {
content: "";
}
.swiper-button-next,
.swiper-button-prev {
pointer-events: auto;
margin-top: auto;
transform: translateY(-50%);
background: transparent;
display: flex;
align-items: center;
left: 0;
justify-content: center;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: auto;
}
.swiper-button-next {
left: auto;
right: 0;
}
.swiper:not(.swiper-has-pages) .swiper-pagination,
.swiper:not(.swiper-has-pages) .swiper-button-next,
.swiper:not(.swiper-has-pages) .swiper-button-prev {
display: none;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.block-header {
display: flex;
position: relative;
z-index: 1;
}
.block-header img {
transition: all 0.1s ease-in-out;
align-self: auto;
}
footer .block-header img {
max-width: 137px;
height: 60px;
object-fit: contain;
}
footer .icons-menu .menu-item:first-child {
padding-left: 0;
}
.block-header .icon {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1.5em;
transition: all 0.1s ease-in-out;
}
.block-header .icon::before {
transition: all 0.1s ease-in-out;
}
.module-testimonials .block-header {
display: block;
}
.module-testimonials .block-header .icon {
font-size: 3em;
}
.module-testimonials .swiper-slide {
cursor: grab;
}
.module-testimonials .swiper-slide:active {
cursor: grabbing;
}
.module-testimonials .block-content {
margin-bottom: 10px;
}
.module-testimonials .block-footer {
margin-top: auto;
}
.block-wrapper {
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
border-radius: inherit;
}
.ie11 .block-wrapper {
flex: auto;
}
.block-body {
height: 100%;
transition: all 0.1s ease-in-out;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.block-body::after {
content: "";
clear: both;
display: table;
}
.block-body .title {
width: 100%;
}
.blocks-grid .module-body {
display: flex;
flex-wrap: wrap;
}
.block-content ul,
.title-module .subtitle ul {
padding: 0 0 0 20px;
margin: 10px 0;
}
.block-content ul:last-child,
.title-module .subtitle ul:last-child {
margin-bottom: 0;
}
.block-content ul li::marker {
color: #303841;
}
.module-blocks:is(.module-blocks-1182) .block-content ul li::marker {
color: #FE8340;
}
.block-content {
position: relative;
border-radius: inherit;
}
.block-content.block-image > img {
border-radius: inherit;
}
.block-content > p:only-of-type {
margin: 0;
}
.block-footer {
margin-top: auto;
transition: all 0.1s ease-in-out;
}
.block-footer .btn {
transition: all 0.1s ease-in-out;
}
.block-map iframe {
width: 100%;
height: 100%;
}
.block-twitter {
overflow-y: auto;
}
.module-blocks {
height: inherit;
}
.module-blocks .module-body {
height: 100%;
}
.module-blocks .nav-tabs > li > a::before {
margin-right: 5px;
}
.module-blocks .module-item {
height: inherit;
}
.module-blocks.blocks-grid .module-item:not(.swiper-slide) {
height: initial;
}
.module-blocks-1181 .module-body {
position: relative;
z-index: 1;
}
.module-blocks-1181 .module-body::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: url('/catalog/view/theme/journal3/image/bg-lines.png') no-repeat center center;
}
html[dir="rtl"] .module-blocks .nav-tabs > li > a::before {
margin-right: 0;
margin-left: 5px;
}
.module-banners .module-body {
display: flex;
flex-wrap: wrap;
}
.module-banners * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.module-banners .module-item > a {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
transition: all 0.15s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.module-banners .module-item > a img {
width: 100%;
height: auto;
transition: all 0.2s ease;
}
.module-banners .module-item > a::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
pointer-events: none;
transition: all 0.15s ease-out;
z-index: 2;
border-radius: inherit;
}
.module-banners .module-item > a::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.12s ease-out;
font-size: 35px;
color: #fff;
z-index: 4;
}
.module-banners .banner-text {
position: absolute;
left: 0;
right: 0;
color: #fff;
line-height: 1.3;
z-index: 3;
transition: all 0.12s ease-out;
}
.module-banners .banner-text span {
position: relative;
display: block;
transition: all 0.12s ease-out;
}
.module-banners .banner-caption-3 span {
display: block;
}
ul.nav-tabs {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
border-width: 0 0 0 1px;
padding: 0;
}
ul.nav-tabs::before,
ul.nav-tabs::after {
display: none;
}
ul.nav-tabs > li {
margin: 0;
display: flex;
}
ul.nav-tabs > li > a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
line-height: 1.25;
margin: 0;
border: 0;
border-radius: inherit;
transition: all 0.07s ease-out;
background: transparent;
}
ul.nav-tabs > li > a::before {
margin-right: 5px;
font-weight: 400;
line-height: 1;
}
ul.nav-tabs > li:hover,
ul.nav-tabs > li.active,
ul.nav-tabs > li:focus {
z-index: 2;
}
ul.nav-tabs > li:hover > a,
ul.nav-tabs > li.active > a,
ul.nav-tabs > li:focus > a {
border: 0;
background: transparent;
}
ul.nav-tabs > li:hover > a:hover,
ul.nav-tabs > li:hover > a:focus,
ul.nav-tabs > li.active > a:hover,
ul.nav-tabs > li.active > a:focus,
ul.nav-tabs > li:focus > a:hover,
ul.nav-tabs > li:focus > a:focus {
background: inherit;
border: 0;
}
ul.nav-tabs > li:first-child {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
border-left-width: 0;
}
ul.nav-tabs > li:first-child > a {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
ul.nav-tabs > li:last-child {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
ul.nav-tabs > li:last-child > a {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
html[dir="rtl"] ul.nav-tabs > li:first-child {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
border-right-width: 0;
}
html[dir="rtl"] ul.nav-tabs > li:first-child > a {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
html[dir="rtl"] ul.nav-tabs > li:last-child {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
html[dir="rtl"] ul.nav-tabs > li:last-child > a {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.tab-content {
position: relative;
border-width: 1px;
margin-top: 30px;
}
@media(max-width: 991px) {
.tab-content {
margin-top: 20px;
}
}
.tab-pane {
padding: 0;
background: transparent;
border-radius: inherit;
}
.nav-tabs > li {
z-index: auto;
}
.nav-tabs > li > a {
position: relative;
z-index: 1;
}
.tab-container {
position: relative;
}
.tab-container::before {
content: "";
position: absolute;
display: none;
z-index: 0;
width: 200vw;
transform: translateX(-50%);
top: 0;
height: 40px;
}
html[dir="rtl"] .tab-container::before {
transform: translateX(50%);
}
.panel-group {
margin-bottom: 0;
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
border: none;
background: transparent;
position: relative;
z-index: 1;
}
.panel-group .panel:hover {
z-index: 2;
}
.panel-group .panel + .panel {
margin-top: 0;
}
.panel-group .panel:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.panel-group .panel:first-child .panel-heading {
border-top-width: 0;
}
.panel-group .panel:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.panel-group .panel-heading {
padding: 0;
transition: all 0.1s ease-out, border-radius 0s;
border-radius: inherit;
position: relative;
z-index: 2;
background: transparent;
}
.panel-group .panel-heading .panel-title {
font-size: inherit;
font-weight: inherit;
position: relative;
border-radius: inherit;
transition: all 0.075s ease;
padding: 0;
border: none;
width: 100%;
}
.panel-group .panel-heading a {
display: flex;
align-items: center;
}
@media (max-width: 760px) {
.panel-group .panel-heading a {
align-items: flex-start;
}
}
.panel-group .panel-heading a i {
display: none;
}
.panel-group .panel-heading a::before {
margin-right: 5px;
line-height: 1;
}
.panel-group .panel-heading + .panel-collapse {
position: relative;
z-index: 1;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: 0;
}
.panel-group .panel-active .panel-heading {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.panel-group .panel-active .panel-heading a {
cursor: default;
}
.panel-group .panel-body {
padding: 0;
}
.lg-backdrop {
z-index: 100000;
background-color: rgba(0, 0, 0, 0.85);
}
.lg-outer {
z-index: 200000;
}
.lg-outer .lg-item {
background: none;
}
.lg-outer .lg-item::after {
content: "";
position: absolute;
top: 46.5%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
}
.lg-outer .lg-item.lg-complete::after {
display: none;
}
.module-gallery .module-body {
display: flex;
flex-wrap: wrap;
}
.module-gallery .module-item > a {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.module-gallery .module-item > a img {
transition: all 0.15s ease-out;
width: 100%;
height: auto;
}
.module-gallery .module-item > a::before {
z-index: 1;
}
.module-gallery .module-item > a::after {
z-index: 2;
}
.module-gallery .module-item > a span {
width: 100%;
height: 100%;
display: block;
}
.module-gallery .module-item > a span::before {
z-index: 1;
}
.lg-outer .lg-toolbar {
background: transparent;
color: #ccc;
}
.lg-outer .lg-toolbar .lg-icon {
color: inherit;
}
.lg-outer .lg-toolbar .lg-icon:hover {
color: #fff;
}
.lg-outer .lg-sub-html {
background: transparent;
pointer-events: none;
transition: bottom 0.25s ease-out !important;
}
.lg-outer .lg-actions .lg-icon {
color: #fff;
margin: 0;
transform: translateY(-50%);
border-radius: 0;
}
.lg-outer .lg-actions .lg-icon::after {
display: none;
}
.lg-outer #lg-zoom-out {
display: none;
}
.lg-outer #lg-actual-size {
font-size: 24px;
}
.lg-outer #lg-actual-size::after {
content: "";
}
.lg-outer .lg-thumb-outer {
height: auto !important;
transition: transform 0.25s ease-out;
}
.lg-outer .lg-thumb {
padding: 0;
margin: 0 auto;
background: transparent;
align-items: center;
}
.lg-outer .lg-thumb-item {
border: none;
border-radius: 0;
margin-bottom: 0;
overflow: visible;
}
.lg-outer .lg-thumb-item img {
display: block;
}
.lg-outer #lg-counter {
color: inherit;
}
.module-gallery .module-item > a::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
pointer-events: none;
transition: all 0.1s ease-out;
opacity: 0;
}
.module-gallery .module-item > a::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) scale(0.5);
transition: all 0.1s ease-out;
opacity: 0;
font-size: 35px;
}
.module-gallery .module-item > a:hover::before {
opacity: 1;
}
.module-gallery .module-item > a:hover::after {
transform: translate3d(-50%, -50%, 0) scale(1);
opacity: 1;
}
.module-gallery .module-item > a:hover > span::before {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
}
.module-gallery .module-item > a > span::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
transform: translate3d(0, 10px, 0) scale(1);
transition: all 0.1s ease-out;
opacity: 0;
font-size: 12px;
color: #fff;
line-height: 1.3;
}
.no-touchevents.popup-open {
overflow: hidden;
}
.no-touchevents.popup-open body {
overflow-y: scroll;
}
.touchevents.popup-open,
.touchevents.popup-open body {
overflow: hidden;
}
.desktop.popup body {
padding-top: 0 !important;
}
.popup-wrapper {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999998;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
-webkit-overflow-scrolling: touch;
}
.popup-bg {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9997;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-out;
}
.popup-container {
opacity: 0;
visibility: hidden;
transform: scale(0.8);
transition: all 0.2s ease-out, margin 0s;
position: relative;
max-width: 100%;
z-index: 9999;
pointer-events: none;
}
.popup-open .popup-wrapper {
pointer-events: auto;
overflow-y: scroll;
}
.popup-open .popup-body {
pointer-events: auto;
}
.popup-open .popup-bg {
opacity: 1;
visibility: visible;
}
.popup-open .popup-container {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.popup-close {
position: absolute;
top: 0;
right: 0;
transform: translateY(-100%);
font-size: 18px;
background: #fff;
z-index: 2;
pointer-events: auto;
z-index: 100;
}
.popup-close:hover {
background: #238cd2;
}
.popup-close::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ios.popup {
overflow-y: scroll;
}
.popup-header {
position: relative;
}
.popup-body {
overflow: hidden;
}
.popup-body img {
vertical-align: bottom;
}
.popup-body .grid-cols {
max-width: 100%;
}
.popup-body .product-thumb .btn-quickview {
display: none !important;
}
.popup-body .grid-row::before {
width: 100% !important;
}
.popup-inner-body {
position: relative;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-direction: column;
border-radius: inherit;
max-height: 100vh;
}
.popup-inner-body > .grid-rows {
overflow-y: auto;
}
.popup-content {
overflow-y: auto;
flex-grow: 1;
}
.popup-content > p:last-of-type {
margin: 0;
}
.popup-content img {
height: auto;
}
.popup-footer {
text-align: center;
position: relative;
}
.popup-footer .btn + .btn {
margin-left: 10px;
}
.popup-dont-show {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.popup-dont-show input {
float: left;
margin: 0;
}
.popup-dont-show span {
margin: 0 5px;
}
.popup body,
.popup #content,
.popup .site-wrapper > .container > .row {
background: none !important;
margin: 0 !important;
}
.popup #content,
.popup .site-wrapper > .container > .row {
padding: 0 !important;
}
.popup .site-wrapper {
min-height: 100%;
}
.popup .wrapper,
.popup .boxed-layout .site-wrapper,
.popup .site-wrapper,
.popup .grid-cols {
max-width: 100%;
}
.modal {
z-index: 1000050;
}
.modal .modal-header {
border-width: 0 0 1px 0;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.modal .modal-header .close {
position: relative;
opacity: 1;
background: none;
font-size: 25px;
margin: 0;
}
.popup-options .product-info .product-details {
padding-bottom: 60px;
}
.popup-options .product-info .product-details .product-options > .options-title {
display: block;
}
.popup-options .product-info .product-details .product-options > .options-title + .form-group {
margin-top: 10px;
}
.popup-options .product-info .product-details .stepper-group {
width: 100%;
}
.popup-options .product-info .product-details .stepper-group .stepper {
max-height: 38px;
}
.popup-options .product-info .product-details .button-group-page {
position: fixed;
margin: 0;
bottom: 0;
z-index: 99;
box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.1);
padding: 10px;
}
.popup-options .product-info .product-details .button-group-page #button-cart {
flex-grow: 1;
max-height: 38px;
}
.popup-options .product-info .product-details .button-group-page #button-cart::before {
margin: 0 5px;
}
.popup-inner-body > iframe {
width: 100%;
min-height: 100%;
}
.touchevents.popup .site-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.popup-inner-body:empty + .popup-close {
display: none !important;
}
.route-product-product.popup-quickview .direction-horizontal .additional-images .swiper-container {
overflow: hidden;
}
html.popup .form-horizontal {
margin-bottom: 0;
}
html.popup .site-wrapper::before {
display: none;
}
html.popup .site-wrapper > .title + p {
display: none;
}
.popup-open.mobile-sticky header {
top: 0;
}
.module-master_slider {
max-width: 100%;
background-size: cover;
background-position: center;
height: 100%;
}
.module-master_slider::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
pointer-events: none;
transition: all 0.075s ease-out;
}
.module-master_slider .slider-static-text {
position: absolute;
z-index: 2;
display: block;
}
.module-master_slider .slider-static-text span {
display: block;
position: relative;
transition: all 0.1s ease-out;
}
.module-master_slider div.slider-static-text {
cursor: default;
}
.module-master_slider > img {
visibility: hidden;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.module-master_slider.fullscreen-slider > img {
visibility: hidden;
width: 100%;
height: 100vh;
}
.module-master_slider iframe {
border: none;
}
.module-master_slider video {
width: 100%;
height: 100%;
}
.module-master_slider .ms-slide {
overflow: hidden;
}
.module-master_slider .ms-slide .ms-slide-video {
z-index: 112;
}
.module-master_slider .ms-slide::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 106;
top: 0;
pointer-events: none;
}
.module-master_slider .ms-view {
background: transparent;
}
.module-master_slider .ms-layer-video {
overflow: hidden;
}
.module-master_slider .no-show-effect {
transition-duration: 0s !important;
}
.module-master_slider .ms-timerbar {
height: auto !important;
}
.module-master_slider .ms-time-bar {
border-width: 0;
}
.module-master_slider .ms-scroll-parallax-cont,
.module-master_slider .ms-slide .ms-slide-layers,
.module-master_slider .ms-overlay-layers .ms-slide-layers {
z-index: 111;
pointer-events: none;
mix-blend-mode: normal;
}
.module-master_slider .ms-slide .ms-layer,
.module-master_slider .ms-fixed-layers .ms-layer,
.module-master_slider .ms-overlay-layers .ms-layer {
pointer-events: none;
}
.module-master_slider .ms-slide-layers .ms-layer-button,
.module-master_slider .ms-slide-layers .ms-layer-hotspot {
pointer-events: auto;
transition: background-color 0.1s ease-out, color 0.1s ease-out, border-color 0.1s ease-out, box-shadow 0.1s ease-out, border-radius 0.1s ease-out;
}
.module-master_slider .ms-slide-layers .ms-layer-video {
pointer-events: auto;
}
.module-master_slider .ms-point-center {
background-clip: padding-box !important;
cursor: context-menu;
margin: -16px 0 0 -16px;
background: #fff;
line-height: 1;
position: relative;
display: flex;
align-items: center;
justify-content: center;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.module-master_slider .ms-point-center::before {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
line-height: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.module-master_slider .ms-tooltip {
max-width: 280px;
position: absolute;
z-index: 20;
cursor: auto;
}
.module-master_slider .ms-tooltip .ms-tooltip-arrow {
position: absolute;
border-width: 8px;
border-color: transparent;
border-style: solid;
}
.module-master_slider .ms-tooltip-top .ms-tooltip-arrow {
top: auto;
right: auto;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
}
.module-master_slider .ms-tooltip-right .ms-tooltip-arrow {
top: 50%;
right: auto;
bottom: auto;
left: -16px;
transform: translateY(-50%);
}
.module-master_slider .ms-tooltip-bottom .ms-tooltip-arrow {
top: -16px;
right: auto;
bottom: auto;
left: 50%;
transform: translateX(-50%);
}
.module-master_slider .ms-tooltip-left .ms-tooltip-arrow {
top: 50%;
right: -16px;
bottom: auto;
left: auto;
transform: translateY(-50%);
}
.module-master_slider .ms-nav-next,
.module-master_slider .ms-nav-prev {
width: 50px;
height: 50px;
background: #fff;
top: 50%;
transform: translateY(-50%);
left: 0;
position: absolute;
transition: all 0.1s ease-out;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.module-master_slider .ms-nav-next:hover,
.module-master_slider .ms-nav-prev:hover {
background: #333;
}
.module-master_slider .ms-nav-next {
left: auto;
right: 0;
}
.module-master_slider .ms-nav-prev::before {
transform: scale(-1);
}
.module-master_slider .ms-bullets {
transition: all 0.1s ease-out;
right: auto;
width: auto !important;
}
.module-master_slider .ms-bullets .ms-bullets-count {
right: auto;
display: flex;
}
.module-master_slider .ms-bullet {
transition: all 0.1s ease-in-out;
border-width: 0;
border-radius: 0;
margin: 0 !important;
background: #fff;
}
.module-master_slider .ms-bullet-selected {
background: #333;
}
.module-master_slider .ms-thumb-list {
bottom: 0;
height: auto !important;
}
.module-master_slider .ms-thumb-frame {
transition: all 0.1s ease-out;
opacity: 1;
margin-right: 0 !important;
position: relative;
z-index: 1;
}
.module-master_slider .ms-thumb-frame:hover {
opacity: 1 !important;
}
.module-master_slider .ms-thumb-frame-selected {
opacity: 1 !important;
transform: scale(1);
z-index: 2;
}
.module-master_slider > .master-slider {
display: flex;
flex-direction: column;
width: 100%;
}
.module-master_slider > .master-slider > .ms-container {
order: 1;
margin: 0;
}
.module-master_slider .ms-btn-container {
width: 100% !important;
display: flex;
align-items: center;
}
html[dir="rtl"] .module-master_slider .ms-btn-container {
justify-content: flex-end;
}
.module-catalog .module-body {
display: flex;
flex-wrap: wrap;
row-gap: 15px;
}
.subitem {
line-height: 1.2;
display: flex;
max-width: 100%;
}
.subitem a {
transition: all 0.075s ease-out;
}
.subitem::before {
float: left;
}
.catalog-title {
display: flex;
}
.catalog-image img {
width: 100%;
}
.item-content {
height: 100%;
transition: all 0.1s ease-out;
display: flex;
flex-direction: column;
}
.item-assets {
display: flex;
flex: 1;
}
.subitems {
flex-grow: 1;
order: 1;
display: flex;
flex-direction: column;
}
.subitems .view-more a {
display: flex;
align-items: center;
}
.module-newsletter {
display: flex;
flex-direction: column;
}
.module-newsletter .module-body {
display: flex;
width: 100%;
justify-content: inherit;
flex-wrap: wrap;
}
.module-newsletter .module-body > div {
display: flex;
justify-content: inherit;
}
.module-newsletter .module-body .newsletter-form {
max-width: 100%;
}
.module-newsletter .module-body .newsletter-form form {
max-width: 100%;
}
.module-newsletter .module-body .newsletter-form form input {
max-width: 100% !important;
}
.module-newsletter .module-body .newsletter-form .checkbox {
padding: 0;
}
.module-newsletter .btn {
position: absolute;
right: 0;
z-index: 2;
}
.module-newsletter .btn::before {
content: "";
font-family: icomoon;
}
.module-newsletter .input-group + .checkbox label {
display: block;
margin-top: 5px;
width: 100%;
}
.agree b {
font-weight: inherit;
}
.side-column .module-newsletter .module-body {
display: block;
}
.side-column .module-newsletter .btn span {
display: none;
}
.side-column .newsletter-text {
margin-bottom: 10px;
}
.category-grid {
display: flex;
}
.category-grid:not(.swiper-wrapper) {
flex-wrap: wrap;
}
.manufacturer-grid {
display: flex;
}
.manufacturer-grid:not(.swiper-wrapper) {
flex-wrap: wrap;
}
.category-thumb,
.manufacturer-thumb {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
transition: all 0.075s ease-out;
position: relative;
}
.category-thumb .caption,
.manufacturer-thumb .caption {
width: 100%;
display: flex;
flex-direction: column;
z-index: 2;
}
.category-thumb .description,
.manufacturer-thumb .description {
flex-grow: 1;
}
.category-thumb .button-group,
.manufacturer-thumb .button-group {
margin-top: auto;
}
.category-thumb .image,
.manufacturer-thumb .image {
width: 100%;
}
.category-thumb .image a,
.manufacturer-thumb .image a {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.category-thumb .image img,
.manufacturer-thumb .image img {
width: 100%;
height: auto;
transition: all 0.18s ease;
border-radius: inherit;
}
.category-thumb .name,
.manufacturer-thumb .name {
max-width: 100%;
transition: all 0.075s ease-out;
}
.category-thumb .name a,
.manufacturer-thumb .name a {
width: 100%;
display: block;
}
.manufacturer-grid {
display: flex;
}
.manufacturer-grid:not(.swiper-wrapper) {
flex-wrap: wrap;
}
.manufacturer-thumb .name {
width: 100%;
}
.manufacturer-thumb .caption {
margin-top: auto;
}
.side-column .module-filter .panel-group {
flex-direction: column;
}
html:not(.phone) .module-title button {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.reset-filter.btn {
margin-left: auto;
}
html[dir="rtl"] .reset-filter.btn {
margin-left: initial;
margin-right: auto;
}
.module-filter {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.module-filter .module-title {
width: 100%;
}
.module-filter .module-title button {
margin-left: auto;
}
.module-filter .panel-group {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.module-filter .panel-body > div > label {
display: flex;
align-items: center;
margin: 0;
padding: 5px;
transition: all 0.05s ease;
cursor: pointer;
}
.module-filter .panel-body > div > label:first-child {
padding-top: 0;
}
.module-filter .panel-body > div > label + label {
border-width: 1px 0 0 0;
}
.module-filter .panel-body > div > label input {
margin: 0 2px 0 0;
}
.module-filter .panel-body > div > label input + img {
transition: all 0.05s ease;
}
.module-filter .panel-body > div > label .links-text {
margin: 0 10px;
transition: all 0.05s ease;
}
.module-filter .panel-body > div > label .count-badge {
margin: 0;
z-index: 2;
transform: translateX(0);
}
.module-filter .image-only .panel-body > div {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.module-filter .image-only .panel-body > div > label {
display: flex;
align-items: center;
margin: 0;
padding: 0;
position: relative;
}
.module-filter .image-only .panel-body > div > label + label {
border-top: 0;
}
.module-filter .image-only .panel-body > div > label img {
margin: 0;
height: auto;
}
.module-filter .image-only .panel-body > div > label input {
display: none;
}
.module-filter .image-only .panel-body > div > label .links-text {
display: none;
}
.module-filter .image-only .panel-body > div > label .count-badge {
position: absolute;
right: 0;
top: 0;
}
.module-filter .links-text {
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.module-filter .filter-price {
padding-bottom: 10px;
}
.module-filter .range-slider {
min-height: 30px;
top: -30px;
position: relative;
}
.module-filter .irs {
height: auto;
}
.module-filter .js-range-slider {
display: none !important;
}
.module-filter .irs-min,
.module-filter .irs-max,
.module-filter .irs-from,
.module-filter .irs-to,
.module-filter .irs-single {
display: none;
}
.module-filter .irs-slider {
background: #238cd2;
border: none;
box-shadow: none;
transition: all 0.03s ease;
border-radius: 0;
}
.module-filter .irs-line {
background: transparent;
border-radius: 0;
border: none;
}
.module-filter .irs-bar {
background: transparent;
border: none;
}
.module-filter .extra-controls {
display: flex;
align-items: center;
position: relative;
}
.module-filter .extra-controls input {
width: calc(50% - 25px);
text-align: center;
border: none;
box-shadow: none;
outline: none;
}
.module-filter .extra-controls .currency-symbol {
padding: 0 4px;
}
.module-filter .extra-controls .currency-left ~ .currency-left {
margin-left: auto;
}
.module-filter .extra-controls input:first-child + .currency-right {
margin-right: auto;
}
.module-filter .module-item {
order: 999;
}
.module-filter .module-item .checkbox,
.module-filter .module-item .radio {
margin-top: 0;
}
.module-filter .module-item .select select {
width: 100%;
}
.module-filter .panel-body::before,
.module-filter .panel-body::after {
display: none;
}
html[dir="rtl"] .module-filter .extra-controls .currency-symbol ~ .currency-symbol {
margin-left: initial;
margin-right: auto;
}
.mobile-filter-trigger {
transform: none !important;
position: static;
z-index: 100;
width: 100%;
margin-bottom: 20px;
}
.has-bottom-menu .mobile-filter-trigger {
margin-bottom: 45px;
}
.mobile-header,
.open-close,
.mobile-bar-group {
display: none;
}
.mobile-header-active .mobile-header {
display: block;
}
.mobile-header-active .header {
display: none;
}
header {
z-index: 100;
position: relative;
}
header .navbar-nav {
float: none;
margin: 0;
}
.header {
height: 100%;
display: flex;
align-items: center;
margin: 0 auto;
position: relative;
}
.header ul,
.dropdown-menu ul,
.top-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.top-menu.language-currency > div,
.top-menu.language-currency > div > div,
.top-menu.language-currency > div > div form,
.top-menu.language-currency > div > div form > .dropdown {
height: 100%;
}
#logo {
height: 100%;
}
#logo span,
#logo a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.075s ease-out;
}
#logo img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: auto;
position: relative;
align-self: center;
}
#logo h1 {
height: 100%;
margin: 0;
padding: 0;
}
.language-currency {
display: flex;
align-items: center;
height: 100%;
pointer-events: none;
}
.language-currency > div:first-of-type:not(:only-of-type) {
margin-right: 20px;
}
.language-currency .dropdown {
pointer-events: auto;
}
.language-currency .dropdown svg {
display: block;
width: 8px;
height: 5px;
}
.language-currency .dropdown-toggle {
padding: 0;
}
.currency-symbol-title {
display: flex;
align-items: center;
gap: 5px;
}
.language-flag-title svg,
.currency-symbol-title svg {
color: #A0A0A0;
}
.desktop .language .dropdown:hover .language-flag-title svg,
.desktop .currency .dropdown:hover .currency-symbol-title svg {
color: currentColor;
}
.desktop .currency {
margin-right: 20px;
}
.language-currency .symbol {
display: flex;
align-items: center;
justify-content: center;
}
.language-currency .symbol img {
align-self: center;
}
.language-currency button {
background-color: transparent;
margin: 0;
width: 100%;
white-space: nowrap;
padding: 7px 10px;
}
.language-currency a {
white-space: nowrap;
cursor: pointer !important;
}
.language-currency .dropdown > button > span {
display: flex;
align-items: center;
gap: 5px;
}
.language-currency .dropdown-menu {
min-width: auto;
}
.language-currency .dropdown-menu > ul > li {
border-width: 1px 0 0 0;
}
.language-currency .dropdown-menu > ul > li:first-child {
border-top-width: 0;
}
.language-currency .dropdown-menu > ul > li::before {
display: none;
}
#language,
#currency {
display: flex;
align-items: center;
}
#language form > .dropdown,
#currency form > .dropdown {
display: flex;
align-items: center;
justify-content: center;
}
#language button,
#currency button {
flex-direction: row;
}
.currency-symbol-title > .currency-symbol {
width: 16px;
height: 16px;
background-color: #ea2349;
color: #fff;
font-size: 11px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.language-flag {
display: inline-flex;
align-items: center;
justify-content: center;
}
.language-flag img {
max-width: none;
align-self: center;
}
.currency-code,
.currency-code-dropdown {
display: none;
}
.language-title,
.currency-title,
.currency-code,
.currency-title-dropdown,
.language-title-dropdown,
.currency-code-dropdown {
margin-left: 5px;
}
.language-flag-title .language-title {
display: block !important;
margin: 0;
}
.currency-select,
.language-select {
display: flex;
align-items: center;
}
.desktop-header-active header::before {
width: 100%;
height: 35px;
position: absolute;
top: 0;
content: "";
z-index: 0;
}
.desktop-header-active header .top-bar {
z-index: 1001;
position: relative;
}
.desktop-header-active .header-default > div {
height: 100%;
}
.desktop-header-active .header-default .header-assets {
flex-grow: 1;
width: calc(100% - 250px);
}
.desktop-header-active .header-default .top-bar {
height: 33.3333%;
display: flex;
align-items: center;
}
.desktop-header-active .header-default .top-bar .dropdown > a::after {
margin-left: 0;
}
.desktop-header-active .header-default .mid-bar {
height: 33.3333%;
display: flex;
align-items: center;
justify-content: space-between;
}
.desktop-header-active .header-default .mid-bar .top-menu > ul > li + li {
border-width: 0;
}
.desktop-header-active .header-default .top-menu,
.desktop-header-active .header-default .top-menu > ul,
.desktop-header-active .header-default #cart,
.desktop-header-active .header-default .desktop-cart-wrapper {
height: 100%;
}
.desktop-header-active .header-default .full-cart {
margin-left: auto;
}
.desktop-header-active .header-default .header-cart-group {
display: flex;
align-items: center;
}
.desktop-header-active .header-default .desktop-logo-wrapper {
width: 250px;
}
.desktop-header-active .header-default .desktop-main-menu-wrapper {
position: static;
}
.desktop-header-active .header-default .desktop-main-menu-wrapper .main-menu > .j-menu,
.desktop-header-active .header-default .desktop-main-menu-wrapper .main-menu-item {
flex-grow: 1;
}
.desktop-header-active .header-default .header-assets {
flex-grow: 1;
}
.desktop-header-active .header-default .header-assets > div {
height: 33.3333%;
}
.desktop-header-active .header-default .cart-heading {
justify-content: flex-end;
}
.desktop-header-active .header-default .desktop-main-menu-wrapper .main-menu {
display: flex;
}
.desktop-header-active .header-default .top-bar > .top-menu {
flex-grow: 1;
}
.desktop-header-active .header-default .top-bar > .top-menu > ul {
padding: 0;
}
.desktop-header-active .header-default .top-bar > .top-menu > ul > li {
flex: 1 0 0;
}
.desktop-header-active .header-default .top-bar > .top-menu > ul > li > a {
justify-content: center;
}
.desktop-header-active .header-default .full-search,
.desktop-header-active .header-default .full-search #search {
height: 100%;
}
.desktop-header-active .header-default .top-menu-group {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1;
height: 100%;
}
.desktop-header-active .header-default::before {
z-index: -1;
}
.desktop-header-active body:not(.is-sticky) .header-default .main-menu > .menu-item {
flex-grow: 1;
height: 100%;
}
.desktop-header-active body:not(.is-sticky) .header-default .main-menu > .menu-item > a {
justify-content: center;
}
.desktop-header-active .header-classic {
flex-direction: column;
}
.desktop-header-active .header-classic > div {
width: 100%;
}
.desktop-header-active .header-classic .top-bar {
display: flex;
align-items: center;
justify-content: space-between;
}
.desktop-header-active .header-classic .mid-bar {
display: flex;
align-items: center;
justify-content: space-between;
height: 100px;
}
.desktop-header-active .header-classic .mid-bar > div {
height: 100%;
order: 5;
display: flex;
align-items: center;
}
.desktop-header-active .header-classic .mid-bar .top-menu {
height: auto;
margin: 0 10px;
}
.desktop-header-active .header-classic .mid-bar .top-menu > .j-menu {
flex-wrap: nowrap;
}
.desktop-header-active .header-classic .mid-bar .secondary-menu {
margin: 0;
}
.desktop-header-active .header-classic .mid-bar .secondary-menu .top-menu {
margin: 0;
}
.desktop-header-active .header-classic #logo {
width: 100%;
}
.desktop-header-active .header-classic #logo a {
width: 100%;
}
.desktop-header-active .header-classic .classic-cart-wrapper,
.desktop-header-active .header-classic .desktop-cart-wrapper {
justify-content: flex-end;
}
.desktop-header-active .header-classic .desktop-search-wrapper {
min-width: 160px;
}
.desktop-header-active .header-classic .desktop-main-menu-wrapper {
display: flex;
}
.desktop-header-active .header-classic .header-cart-group {
justify-content: flex-end;
}
.desktop-header-active .header-classic .full-search #search {
height: 35px;
width: 100%;
}
.desktop-header-active .header-classic #cart {
flex: 1;
}
.desktop-header-active .header-classic #cart > a {
justify-content: flex-end;
}
.desktop-header-active .header-mega {
flex-direction: column;
}
.desktop-header-active .header-mega > div {
width: 100%;
}
.desktop-header-active .header-mega .top-bar {
display: flex;
align-items: center;
justify-content: space-between;
height: 35px;
}
.desktop-header-active .header-mega .mid-bar {
display: flex;
align-items: center;
height: 100px;
}
.desktop-header-active .header-mega .mid-bar > div {
height: 100%;
}
.desktop-header-active .header-mega .mid-bar > div {
display: flex;
align-items: center;
}
.desktop-header-active .header-mega .mid-bar .desktop-cart-wrapper {
height: auto;
}
.desktop-header-active .header-mega .mid-bar .secondary-menu {
flex: 1;
}
.desktop-header-active .header-mega .mid-bar .secondary-menu .top-menu {
height: auto;
}
.desktop-header-active .header-mega #logo {
margin: 0 auto;
width: 100%;
}
.desktop-header-active .header-mega #logo a {
width: 100%;
height: 100%;
}
.desktop-header-active .header-mega .desktop-search-wrapper {
flex-grow: 1;
justify-content: flex-end;
display: flex;
height: 100%;
order: 2;
}
.desktop-header-active .header-mega .desktop-search-wrapper > div {
width: 100%;
}
.desktop-header-active .header-mega .desktop-logo-wrapper {
margin-right: auto;
}
.desktop-header-active .header-mega .desktop-cart-wrapper {
justify-content: flex-end;
height: 100%;
order: 5;
}
.desktop-header-active .header-mega .desktop-cart-wrapper #cart,
.desktop-header-active .header-mega .desktop-cart-wrapper .cart-heading {
height: 100%;
}
.desktop-header-active .header-mega .desktop-main-menu-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.desktop-header-active .header-mega .desktop-main-menu-wrapper #main-menu-2 {
order: 4;
}
header .desktop-main-menu-wrapper #main-menu {
margin-right: 0;
width: 100%;
}
.desktop-header-active .header-mega .language-currency {
pointer-events: none;
}
.desktop-header-active .header-mega .language-currency button {
pointer-events: auto;
}
.desktop-header-active .header-mega #main-menu {
order: -1;
}
.desktop-header-active .header-compact {
transition: background-color 0.15s ease;
flex-direction: column;
}
.desktop-header-active .header-compact .language-currency {
pointer-events: none;
}
.desktop-header-active .header-compact .language-currency button {
pointer-events: auto;
}
.desktop-header-active .header-compact > div {
width: 100%;
}
.desktop-header-active .header-compact .top-bar {
display: flex;
align-items: center;
justify-content: space-between;
}
.desktop-header-active .header-compact .mid-bar {
display: flex;
align-items: center;
transition: height 0.2s ease;
z-index: 1;
}
.desktop-header-active .header-compact .mid-bar .desktop-main-menu-wrapper {
position: static;
}
.desktop-header-active .header-compact .mid-bar .desktop-main-menu-wrapper::before {
display: none;
}
.desktop-header-active .header-compact .mid-bar .desktop-main-menu-wrapper .main-menu {
display: inline-flex;
}
.desktop-header-active .header-compact .mid-bar .desktop-main-menu-wrapper .mega-fullwidth > .j-dropdown {
padding-top: 14px;
margin-top: -14px;
}
.desktop-header-active .header-compact .desktop-logo-wrapper {
height: 100%;
}
.desktop-header-active .header-compact .desktop-main-menu-wrapper {
flex: 1;
display: flex;
height: auto;
}
.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu {
flex-wrap: nowrap;
}
.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item > a {
position: relative;
z-index: 2;
}
.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item > .dropdown-menu {
z-index: 1;
}
.desktop-header-active .menu-item.main-menu-item:not(.mega-menu) > .dropdown-menu {
margin-top: 5px;
}
.desktop-header-active .header-compact .header-cart-group {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: auto;
}
.desktop-header-active .header-compact .top-menu-group {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
padding: 0 10px;
}
.desktop-header-active .header-slim .desktop-main-menu-wrapper {
height: 100%;
flex: 0;
}
.desktop-header-active .header-slim .header-cart-group {
display: flex;
align-items: center;
justify-content: flex-end;
}
.desktop-header-active .header-slim .full-search {
display: flex;
align-items: center;
flex-grow: 1;
height: 100%;
}
.desktop-header-active .header-slim .full-search #search {
width: 100%;
height: 40px;
}
.desktop-header-active .header-sm .top-menu > ul {
margin: 0;
flex-wrap: nowrap;
}
.desktop-header-active .mid-bar {
position: relative;
}
.search-page-open.header-compact .top-bar {
z-index: 1;
}
.desktop-header-active .is-sticky .desktop-main-menu-wrapper {
transition: top 0.25s ease-out;
position: fixed;
top: 0;
width: 100%;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
}
.desktop-header-active .is-sticky .desktop-main-menu-wrapper::before {
width: 100vw;
left: 50%;
margin-left: -50vw;
height: 100%;
position: absolute;
top: 0;
z-index: -1;
}
.desktop-header-active .is-sticky .desktop-main-menu-wrapper .count-badge {
top: 0;
margin-top: 0 !important;
}
.desktop-header-active .is-sticky .header-classic .desktop-main-menu-wrapper .desktop-cart-wrapper,
.desktop-header-active .is-sticky .header-classic .desktop-main-menu-wrapper #cart,
.desktop-header-active .is-sticky .header-classic .desktop-main-menu-wrapper .cart-heading {
height: 100%;
}
.desktop-header-active .is-sticky .header-default .desktop-main-menu-wrapper::before {
background: inherit;
}
.desktop-header-active.compact-sticky .sticky-compact header {
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
}
.header-search {
height: 100%;
}
.header-search input {
width: 100%;
height: 100%;
border-radius: 0;
border: 0;
box-shadow: none;
background: #fff !important;
padding: 0 20px;
}
.header-search .search-button {
padding: 0 20px;
}
.desktop-header-active .header-classic .mid-bar .desktop-search-wrapper {
max-width: 700px;
}
.header-search input:focus {
box-shadow: none;
outline: none;
}
.header-search > span {
flex-grow: 1;
width: 100%;
height: 100%;
}
.header-search > span .tt-hint {
display: none;
}
.header-search > span input {
border-radius: inherit;
}
.header-search > button::before {
content: "";
font-family: icomoon;
}
.header-search > * {
order: 5;
}
.full-search #search {
max-height: 100%;
}
.full-search #search > .j-dropdown {
display: block;
}
.mini-search .search-trigger {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
transition: all 0.075s ease-out;
background-color: transparent;
}
.mini-search #search > .dropdown-menu {
left: auto;
right: 0;
}
.mini-search #search > .dropdown-menu::before {
left: 100%;
transform: translateX(-100%);
}
.mini-search .header-search {
display: flex;
max-width: 100%;
}
.mini-search .header-search input {
min-width: 150px;
}
.mini-search .search-button {
min-width: 40px;
font-size: 18px;
}
.mini-search .search-categories-button {
font-size: 13px;
display: flex;
align-items: center;
}
.mobile .mini-search .dropdown-menu {
max-width: 100%;
}
.full-search #search {
min-height: 30px;
}
.full-search #search > .dropdown-menu {
z-index: 1;
position: relative;
visibility: visible;
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
padding: 0;
margin: 0;
min-width: initial;
width: 100%;
height: 100%;
top: auto;
}
.full-search #search > .dropdown-menu::before {
display: none;
}
.full-search .header-search {
display: flex;
align-items: center;
}
.full-search .header-search > span {
flex-grow: 1;
}
.search-button {
padding: 0;
min-width: 40px;
height: 100%;
border-radius: 0;
font-size: 20px;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
background-color: #ccc;
}
.search-categories-button {
padding: 0 10px 0 20px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
display: flex;
align-items: center;
cursor: default;
}
.search-categories-button a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search-categories-button::after {
position: relative;
margin-left: 7px;
content: "";
font-size: 11px;
font-family: icomoon;
}
.search-categories {
height: 100%;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
display: flex;
align-items: center;
transition: all 0.075s ease-out;
background-color: #ccc;
}
.search-categories .j-dropdown div {
overflow: hidden;
}
.search-categories .j-dropdown ul {
max-height: 350px;
width: 200px;
overflow-y: auto;
overflow-x: hidden;
border-radius: inherit;
-webkit-overflow-scrolling: touch;
}
.search-categories .j-dropdown ul > li {
font-size: 13px;
width: 100%;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
position: relative;
}
.search-categories .j-dropdown ul > li a {
cursor: pointer;
padding-left: 15px;
}
.search-categories .j-dropdown ul > li.category-level-1 a::before {
display: none;
}
.search-categories .j-dropdown ul > li.category-level-4 a {
padding-left: 35px;
}
.search-categories .j-dropdown ul > li.category-level-3 a {
padding-left: 25px;
}
.search-categories .j-dropdown ul > li.category-level-2 a {
padding-left: 15px;
}
.search-results-empty {
padding: 10px 15px;
}
.search-result .product-model {
font-size: 12px;
line-height: 1;
color: #8C8B8B;
display: block;
margin-bottom: 5px;
}
.tt-menu {
width: 100%;
}
.tt-menu > div {
max-height: 350px;
overflow-y: auto;
background-color: #fff;
margin-left: auto;
padding: 20px;
}
.tt-menu > div > div > a {
transition: all 0.075s ease-out;
}
.tt-menu:not(.tt-empty)::before {
content: "";
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color: #fff;
left: 100%;
transform: translateX(-150%);
}
.tt-menu:not(.tt-empty)::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 15px);
height: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
border-radius: 0 0 5px 5px;
}
.tt-menu > div.tt-dataset::-webkit-scrollbar {
width: 4px !important;
border-radius: 4px !important;
}
.tt-menu > div.tt-dataset::-webkit-scrollbar-thumb {
background: #303841 !important;
border-color: #DDDDDD !important;
border-width: 1px !important;
border-radius: 4px !important;
}
.tt-menu > div.tt-dataset::-webkit-scrollbar-track {
background: #DDDDDD !important;
}
.search-result {
position: relative;
}
.search-result > a {
padding: 8px;
display: flex;
border-width: 1px 0 0 0;
color: #555;
font-size: 14px;
}
.search-result > a > span {
flex: 1;
padding: 0 0 0 15px;
display: flex;
flex-direction: column;
}
.search-result:first-child > a {
border-top-width: 0;
}
.search-result .button-group {
align-self: center;
margin-left: auto;
display: none;
}
.search-result .product-name {
color: #444;
line-height: normal;
font-weight: 600 !important;
}
.search-result .product-name:not(:last-child) {
margin-bottom: 10px;
}
.search-result .product-name + span {
display: flex;
align-items: center;
}
.search-result .price-new {
position: relative;
order: -1;
color: #E01C1C;
}
.search-result .price-old {
font-size: 80%;
margin: 0 0 0 10px;
text-decoration: line-through;
}
.search-result.view-more a {
padding: 8px 15px;
border-radius: 5px;
justify-content: center;
}
.search-result.view-more a::after {
margin-left: 5px;
}
.search-result:not(:last-child) {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.mobile-header-active .header-search > span {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.mobile-header-active .header-search .search-categories + span {
border-radius: 0;
}
.desktop-main-menu-wrapper {
position: static;
}
.desktop-main-menu-wrapper::before {
content: "";
position: absolute;
width: 100vw;
left: 50%;
margin-left: -50vw;
bottom: 0;
z-index: -1;
height: 100%;
}
.desktop-main-menu-wrapper .main-menu {
height: 100%;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.desktop-main-menu-wrapper .main-menu::after {
flex-grow: 99;
}
.desktop-main-menu-wrapper .main-menu .main-menu-item {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
width: 100%;
}
.desktop-main-menu-wrapper .main-menu .main-menu-item > a {
border-width: 0 0 0 1px;
justify-content: center;
}
.desktop-main-menu-wrapper .main-menu .main-menu-item:first-of-type {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.desktop-main-menu-wrapper .main-menu .main-menu-item:first-of-type > a {
border-left-width: 0;
border-radius: inherit;
}
.desktop-main-menu-wrapper .main-menu .main-menu-item:last-of-type {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.desktop-main-menu-wrapper .main-menu .main-menu-item:last-of-type > a {
border-right-width: 0;
border-radius: inherit;
}
.desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown > a::after {
content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xIDQuMjA3MTFMMS43MDcxMSAzLjVMNS4zNTM1NSA3LjE0NjQ1TDkgMy41TDkuNzA3MTEgNC4yMDcxMUw1LjM1MzU1IDguNTYwNjZMMSA0LjIwNzExWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
padding: 0;
margin: 0 0 0 5px;
}
.main-menu > .j-menu .links-text {
display: flex;
align-items: center;
column-gap: 5px;
}
.main-menu>.j-menu>li>a::before {
order: 2;
margin: 0 0 0 5px !important;
}
.desktop-main-menu-wrapper .main-menu > .j-menu {
border-radius: inherit;
flex-wrap: nowrap;
width: 100%;
justify-content: space-between;
}
.desktop-main-menu-wrapper.menu-stretch .main-menu {
width: 100%;
flex-wrap: nowrap;
}
.desktop-main-menu-wrapper.menu-stretch .main-menu > ul {
width: 100%;
}
.desktop-main-menu-wrapper.menu-stretch .main-menu > ul > li {
flex-grow: 1;
}
.desktop-main-menu-wrapper.menu-center {
text-align: center;
}
.desktop-main-menu-wrapper.menu-center .main-menu {
margin: 0 auto;
display: inline-flex;
}
.desktop-main-menu-wrapper.has-menu-2 {
display: flex;
align-items: center;
}
html[dir="rtl"] .desktop-main-menu-wrapper .main-menu .main-menu-item > a {
border-width: 0 1px 0 0;
}
html[dir="rtl"] .desktop-main-menu-wrapper .main-menu .main-menu-item:first-of-type > a {
border-right-width: 0;
}
html[dir="rtl"] .desktop-main-menu-wrapper .main-menu > .j-menu > .first-dropdown::before {
display: none !important;
}
.main-menu > .flyout .flyout-menu-item:first-child,
.main-menu > .flyout .flyout-menu-item:first-child > a {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.main-menu > .flyout .flyout-menu-item:last-child,
.main-menu > .flyout .flyout-menu-item:last-child > a {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.main-menu > .flyout > .dropdown-menu::before {
left: 10px;
}
.desktop-main-menu-wrapper .main-menu .mega-menu.mega-custom {
position: relative;
}
.desktop-main-menu-wrapper .main-menu .mega-menu .mega-menu-content {
max-height: calc(100vh - 100px);
margin: 0 auto;
border-radius: 0 0 5px 5px;
}
.desktop-main-menu-wrapper .main-menu .menu-fullwidth .mega-menu-content {
max-width: 100%;
}
.desktop-main-menu-wrapper .main-menu .menu-fullwidth > .j-dropdown,
.desktop-main-menu-wrapper .main-menu .mega-fullwidth > .j-dropdown {
padding-top: 0;
}
.desktop-main-menu-wrapper .main-menu .menu-fullwidth > .j-dropdown::before,
.desktop-main-menu-wrapper .main-menu .mega-fullwidth > .j-dropdown::before {
display: none;
}
@keyframes overlay {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.desktop-main-menu-wrapper .main-menu > .j-menu > .first-dropdown::before {
z-index: 0;
position: absolute;
width: 150vw;
height: calc(100vh - 60px);
top: 100%;
left: 0;
pointer-events: none;
animation: overlay 0.3s ease;
opacity: 0;
visibility: hidden;
transition: all 0.15s 0.15s ease-in-out;
content: "";
display: none;
}
.desktop-main-menu-wrapper.boxed-layout .main-menu > .j-menu > .first-dropdown::before {
display: none !important;
}
.desktop-main-menu-wrapper .main-menu > .j-menu > .first-dropdown.mega-custom::before {
width: 200vw;
}
.header-sm .desktop-main-menu-wrapper .main-menu > .j-menu > .first-dropdown::before {
width: 150vw;
}
.desktop-header-active .menu-open .main-menu > .j-menu > .first-dropdown::before {
opacity: 1;
visibility: visible;
display: block;
}
.desktop-header-active .menu-hover .main-menu > .j-menu > .first-dropdown::before {
opacity: 0;
visibility: hidden;
display: none;
}
.no-touchevents.mobile-menu-open {
overflow: hidden;
}
.no-touchevents .mobile-wrapper-open {
overflow-y: scroll;
}
.desktop-header-active.mobile-overlay body {
overflow: scroll;
}
.desktop-header-active .menu-trigger {
display: none !important;
}
.desktop-header-active .menu-trigger ul,
.desktop-header-active .menu-trigger li {
height: 100%;
}
.desktop-header-active .menu-trigger a {
cursor: pointer !important;
justify-content: flex-start;
border-width: 0;
height: 100%;
display: flex;
align-items: center;
padding: 5px 15px;
}
.desktop-header-active.mobile-menu-active .menu-main-menu-wrapper {
overflow-y: auto;
}
.desktop-header-active.mobile-menu-active .site-wrapper #main-menu {
display: none;
}
.desktop-header-active.mobile-menu-active .menu-trigger {
display: inline-flex !important;
height: 100%;
}
.desktop-header-active.mobile-menu-active .is-sticky .menu-trigger {
margin-right: auto;
}
#cart {
border: none !important;
transition: all 0.05s ease-out;
}
#cart > a > i {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: all 0.05s ease-out;
font-size: 1.5em;
max-height: 100%;
font-family: inherit;
}
#cart > a > i span {
position: relative;
font-size: 12px;
padding: 0 5px;
transition: all 0.05s ease-out;
}
#cart > a > i::before {
content: "";
font-family: "icomoon";
transition: all 0.1s ease;
}
#cart > a::after {
display: none !important;
}
.mobile #cart .cart-label {
display: none;
}
#cart-items {
z-index: 1;
top: 0;
right: 8px;
margin: 0;
position: absolute;
}
#cart-total {
white-space: nowrap;
}
div.cart-content {
font-size: 13px;
right: 0;
left: auto;
padding-top: 0;
}
div.cart-content::before {
left: 100%;
transform: translateX(-150%);
}
div.cart-content .cart-empty {
margin-bottom: 0;
padding: 20px;
}
div.cart-content > ul {
display: flex;
flex-direction: column;
background-color: #fff;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
div.cart-content > ul .cart-products {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
div.cart-content > ul a .cart-totals {
position: relative;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
background-color: #f4f4f4;
}
div.cart-content .cart-buttons {
padding: 13px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border-width: 1px 0 0 0;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
div.cart-content .cart-buttons a {
margin: 0 6px;
}
div.cart-content img {
max-width: 100%;
height: auto;
}
div.cart-content table {
margin-bottom: 0 !important;
border-style: none !important;
}
div.cart-content .cart-products {
overflow-x: hidden;
margin-bottom: -1px;
}
div.cart-content .cart-products table {
border-bottom-width: 0 !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
div.cart-content .cart-products tbody > tr:nth-of-type(odd) {
background-color: transparent;
}
div.cart-content .cart-products tbody > tr:first-of-type > td {
border-top: 0 !important;
}
div.cart-content .cart-products tbody > tr:last-of-type > td {
border-bottom-width: 1px;
}
div.cart-content .cart-products tbody > tr > td {
padding: 8px;
border-width: 1px 0 0 0;
background-color: transparent;
}
div.cart-content .cart-products tbody .td-image {
min-width: 60px;
}
div.cart-content .cart-products tbody .td-name {
vertical-align: middle;
}
div.cart-content .cart-products tbody .td-name small::before {
content: "•";
margin: 0 3px;
}
div.cart-content .cart-products tbody .td-qty {
white-space: nowrap;
}
div.cart-content .cart-products tbody .td-remove {
padding: 7px 5px;
min-width: 25px;
}
div.cart-content .cart-products tbody .td-remove button {
color: #999;
font-size: 15px;
position: relative;
background-color: transparent;
padding: 2px 0 0 0;
}
div.cart-content .cart-products tbody .td-remove button i {
float: left;
}
div.cart-content .cart-products tbody .td-remove button:hover {
color: #ea2349;
}
div.cart-content .cart-totals {
border-width: 1px 0 0 0;
z-index: 2;
}
div.cart-content .cart-totals tbody td {
border-width: 1px 0 0 0;
padding: 12px;
}
div.cart-content .cart-totals .td-total-text {
width: 25%;
white-space: nowrap;
}
div.cart-content .table-bordered {
border-width: 0;
}
.mobile img {
align-self: center;
}
.mobile select {
padding: 0 !important;
font-size: 16px !important;
}
.mobile * {
background-attachment: scroll !important;
}
.mobile-header-active .mobile-header .mobile-top-bar {
height: 30px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 2;
}
.mobile-header-active .mobile-header .mobile-top-menu-wrapper {
height: 100%;
display: flex;
align-items: center;
}
.mobile-header-active .dropdown-backdrop {
display: none;
pointer-events: none;
}
.mobile-header-active #cart {
background-color: transparent;
}
.mobile-header-active #cart i {
border-radius: 0;
}
.mobile-custom-menu {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
position: relative;
}
.mobile-custom-menu .count-badge {
position: absolute;
right: 0;
top: 10px;
}
html[dir="rtl"] .mobile-custom-menu .count-badge {
left: 0;
right: auto;
}
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .dropdown > a::after {
display: none !important;
}
html[dir="rtl"] .mobile-header .language-currency.top-menu > div:last-child .dropdown.drop-menu.animating > .j-dropdown {
right: auto;
}
.mobile-header-active .menu-trigger,
.mobile-header-active .search-trigger,
.mobile-header-active #cart > a > i {
position: relative;
}
.mobile-header-active .menu-trigger::after,
.mobile-header-active .search-trigger::after,
.mobile-header-active #cart > a > i::after {
display: block;
font-size: 10px;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -100%);
}
.mobile-header-active #cart > a > i::after {
transform: translate(-60%, -125%);
}
.mobile-header-active .mobile-custom-menu {
position: relative;
}
.mobile-header-active .mobile-custom-menu .links-text {
display: block;
font-size: 10px;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -100%);
}
html[dir="rtl"].mobile-header-active #cart > a > i::after {
transform: translate(-70%, -125%);
}
.mobile-header-active .mobile-bar {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
z-index: 1;
}
.mobile-header-active .mobile-bar-group {
display: flex;
align-items: center;
}
.mobile-header-active .mobile-bar-group > div {
display: flex;
align-items: center;
justify-content: center;
}
.mobile-header-active #cart a {
cursor: pointer;
}
.mobile-header-active #cart-total {
display: none !important;
}
.mobile-header-active .mobile-cart-wrapper .dropdown-menu::before,
.mobile-header-active .mobile-top-menu-wrapper .dropdown-menu::before {
display: none !important;
}
.mobile-header-active .mobile-logo-wrapper {
height: 100%;
width: auto;
flex-grow: 1;
}
.mobile-header-active .menu-trigger {
font-size: 20px;
cursor: pointer;
}
.mobile-header-active .menu-trigger button {
background: transparent;
}
.mobile-header-active .menu-trigger span {
display: none;
}
.mobile-header-active .mini-search #search {
position: static;
width: 100%;
height: 100%;
}
.mobile-header-active .mini-search #search > button {
max-width: 100%;
height: 100%;
display: block;
}
.mobile-header-active .mini-search #search > .dropdown-menu {
height: 40px;
}
.mobile-header-active .mini-search #search > .dropdown-menu input {
border-top-left-radius: inherit !important;
border-bottom-left-radius: inherit !important;
}
.mobile-header-active .mini-search .header-search {
width: 100vw;
}
.mobile-header-active .tt-menu {
padding-top: 0;
}
.mobile-header-active .tt-menu::before {
display: none;
}
.mobile-header-active .full-search #search {
width: 100%;
height: 100%;
}
.mobile-header-active .mobile-1 {
display: flex;
flex-direction: column;
}
.mobile-header-active .mobile-1 .mobile-logo-wrapper {
max-width: 50%;
flex-grow: 0;
}
.mobile-header-active .mobile-1 .mobile-bar-group {
height: 100%;
}
.mobile-header-active .mobile-1 .mobile-bar-group > div {
height: 100%;
}
.mobile-header-active .mobile-1 #cart {
width: 100%;
height: 100%;
}
.mobile-header-active .mobile-1 #cart > a {
height: 100%;
justify-content: center;
}
.mobile-header-active .mobile-1 #cart > a > i {
height: 100%;
}
.mobile-header-active .mobile-2 {
display: flex;
flex-direction: column;
}
.mobile-header-active .mobile-2 .mobile-logo-wrapper {
flex-grow: 1;
max-width: none;
}
.mobile-header-active .mobile-2 .mobile-bar > div {
height: 100%;
min-width: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-header-active .mobile-2 .mobile-search-wrapper {
width: 100%;
}
.mobile-header-active .mobile-2 #cart {
width: 100%;
height: 100%;
}
.mobile-header-active .mobile-2 #cart > a {
height: 100%;
justify-content: center;
}
.mobile-header-active .mobile-2 #cart > a > i {
height: 100%;
}
.mobile-header-active .mobile-3 #logo {
margin: 0 auto;
}
.mobile-header-active .mobile-3 .mobile-bar {
justify-content: space-between;
}
.mobile-header-active .mobile-3 .mobile-custom-menu {
padding: 0 15px;
}
.mobile-header-active .mobile-3 .mobile-search-wrapper {
flex: 1;
}
.mobile-header-active .mobile-3 .mobile-bar-group {
justify-content: space-between;
}
.mobile-header-active header {
z-index: 15;
}
.mobile-header .mobile-top-menu-wrapper .top-menu > .j-menu > li:first-child > .j-dropdown {
left: 0;
right: auto;
transform: translate3d(0, -5px, 0);
transition: all 0.075s ease-out;
}
.mobile-header .mobile-top-menu-wrapper .top-menu > .j-menu > li:first-child.animating > .j-dropdown {
left: 0;
right: auto;
transform: translate3d(0, 0, 0);
}
.mobile-header .mobile-top-menu-wrapper .top-menu > .j-menu > li:first-child.animating > .j-dropdown::before {
display: block !important;
content: "" !important;
transform: translateX(0);
left: 10px !important;
}
.mobile-header .language-currency.top-menu > div:last-child .dropdown.drop-menu > .j-dropdown {
left: auto;
right: 0;
transform: translate3d(0, -5px, 0);
transition: all 0.075s ease-out;
}
.mobile-header .language-currency.top-menu > div:last-child .dropdown.drop-menu > .j-dropdown::before {
transform: translateX(-100%);
left: calc(100% - 10px) !important;
}
.mobile-header .language-currency.top-menu > div:last-child .dropdown.drop-menu.animating > .j-dropdown {
left: auto;
right: 0;
transform: translate3d(0, 0, 0);
}
.mobile-header .language .dropdown-toggle .symbol,
.mobile-header .currency .dropdown-toggle .symbol {
width: auto;
height: auto;
}
.mobile-header-active .mobile-bar-sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.mobile-container {
display: none;
position: fixed;
z-index: 50000;
max-width: 425px;
width: 100% !important;
height: 100%;
top: 0;
left: 0;
transform: translate3d(-100%, 0, 0);
transition: all 0.35s ease-in-out;
background-color: #fff;
}
.mobile-container.mobile-cart-content-container {
transform: translate3d(100%, 0, 0);
left: auto;
right: 0;
}
.mobile-main-menu-container-open .mobile-main-menu-container {
display: block;
}
.mobile-main-menu-container-open .mobile-main-menu-container.animating {
transform: translate3d(0, 0, 0) !important;
}
.mobile-cart-content-container-open .mobile-cart-content-container {
display: block;
}
.mobile-cart-content-container-open .mobile-cart-content-container.animating {
transform: translate3d(0, 0, 0) !important;
}
.mobile-filter-container-open .mobile-filter-container {
display: block;
}
.mobile-filter-container-open .mobile-filter-container.animating {
transform: translate3d(0, 0, 0) !important;
}
.tablet.mobile-filter-container-open .mobile-filter-container {
max-width: 50%;
}
.mobile-header-active .site-wrapper {
overflow: hidden;
}
.mobile-header-active .site-wrapper::before {
content: "";
position: fixed;
z-index: 49999;
left: 0;
top: -200px;
width: 100%;
height: calc(100vh + 200px);
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-out;
}
.ios.mobile-header-active:not(.popup) {
overflow-y: scroll;
}
.ios.mobile-header-active:not(.popup) body {
overflow: hidden;
}
.ios.mobile-header-active:not(.popup) .site-wrapper {
overflow: initial;
}
.ios.mobile-overlay .site-wrapper {
cursor: pointer;
}
.mobile-overlay {
overflow: hidden;
}
.mobile-overlay .site-wrapper::before {
opacity: 1;
visibility: visible;
pointer-events: auto;
background: transparent;
display: block;
}
.mobile-header-active.mobile-overlay .site-wrapper::before {
background: transparent !important;
}
.android.chrome41.mobile-header-active .site-wrapper::before {
display: none;
}
.android.chrome41.mobile-header-active.mobile-overlay .site-wrapper::before {
display: block;
}
.mobile-wrapper-header {
position: relative;
width: 100%;
height: 40px;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
min-width: 0;
}
.mobile-wrapper-header > span {
height: 100%;
display: flex;
align-items: center;
padding: 0 12px;
font-size: 17px;
}
.mobile-wrapper-header > span span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mobile-wrapper-header > a {
height: 100%;
width: 40px;
flex-grow: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
cursor: pointer;
}
.mobile-wrapper-header > a::before {
content: "";
font-family: icomoon;
}
.mobile-cart-content-wrapper {
height: 100%;
}
.desktop-header-active .mobile-cart-content-wrapper,
.mobile-header-active .mobile-cart-content-wrapper {
padding-bottom: 0 !important;
}
.mobile-header-active .cart-content {
min-width: initial;
height: 100%;
}
.mobile-header-active .cart-content ul {
height: 100%;
border-radius: 0;
background: transparent;
}
.mobile-header-active .cart-content .cart-products {
max-height: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
}
.mobile-header-active .cart-content .cart-totals {
position: relative;
position: fixed;
bottom: 0;
width: 100%;
}
.mobile-filter-wrapper {
height: 100%;
padding-bottom: 40px;
}
.mobile-filter-wrapper .module-filter {
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
padding: 0;
margin: 0 5px 15px;
padding: 0 10px 0;
}
.mobile-filter-wrapper {
position: relative;
padding-top: 10px;
}
.mobile-filter-wrapper .module-item-p {
border-top: 1px solid #ddd;
}
.mobile-filter-wrapper .module-filter .module-title {
display: none;
padding: 0;
margin: 0;
}
.mobile-filter-wrapper .module-filter .panel-body {
max-height: 100%;
overflow: visible;
}
.mobile-filter-container-open .journal-loading-overlay {
position: fixed;
top: 40px;
left: 0;
width: 85%;
}
.mobile-main-menu-wrapper {
height: 100%;
padding-bottom: 40px;
}
.mobile-main-menu-wrapper .main-menu {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mobile-main-menu-wrapper .main-menu .j-menu > * {
box-shadow: none !important;
}
.mobile-main-menu-wrapper .main-menu .dropdown::after {
display: none !important;
}
.mobile-main-menu-wrapper .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
box-shadow: none !important;
}
.mobile-main-menu-wrapper .main-menu .menu-label {
position: relative;
margin: 0 5px !important;
transform: none !important;
}
.mobile-main-menu-wrapper .main-menu .main-menu {
border-width: 0;
background-color: transparent;
}
.mobile-main-menu-wrapper .main-menu .main-menu .menu-item {
padding: 0;
}
.mobile-main-menu-wrapper .main-menu .main-menu .menu-item .open-menu {
min-width: 40px;
height: 100%;
right: 0;
border-radius: 0;
}
.mobile-main-menu-wrapper .main-menu .main-menu .menu-item > a {
position: relative;
height: 40px;
justify-content: flex-start;
padding: 0 10px;
display: flex;
align-items: center;
}
.mobile-main-menu-wrapper .main-menu .main-menu .menu-item > a::after {
display: none;
}
.mobile-main-menu-wrapper .main-menu .main-menu .dropdown-menu {
padding: 0;
margin: 0;
position: relative;
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
width: 100%;
display: none;
}
.mobile-main-menu-wrapper .main-menu .main-menu .dropdown-menu > ul {
box-shadow: none;
}
.mobile-main-menu-wrapper .main-menu .main-menu .dropdown-menu > ul li > a {
margin-bottom: 10px;
}
.mobile-main-menu-wrapper .main-menu .main-menu .dropdown-menu > ul li .dropdown-menu {
left: 0;
box-shadow: none;
}
.mobile-main-menu-wrapper .main-menu .main-menu .dropdown-menu::before {
display: none;
}
.mobile-main-menu-wrapper .main-menu .main-menu .open > .dropdown-menu {
display: block;
}
.mobile-main-menu-wrapper .main-menu .multi-level .dropdown-menu ul {
box-shadow: none;
}
.mobile-main-menu-wrapper .main-menu .multi-level .dropdown-menu ul li.dropdown {
display: table;
width: 100%;
}
.mobile-main-menu-wrapper .main-menu .mega-menu .main-menu-item > a + div {
border-width: 1px 0 0 0;
border-color: inherit;
border-style: inherit;
}
.mobile-main-menu-wrapper .main-menu > .main-menu > div:first-of-type {
border-top-width: 0;
}
.mobile-main-menu-wrapper .main-menu > .main-menu > div:last-of-type {
border-bottom-width: 1px;
}
.mobile-main-menu-wrapper .main-menu .j-menu {
border-style: none !important;
}
html[dir="rtl"] .text-left {
text-align: right;
}
html[dir="rtl"] .text-right {
text-align: left;
}
html[dir="rtl"] .form-control {
text-align: right;
}
html[dir="rtl"] .fa-upload {
margin-right: auto;
margin-left: 5px;
}
html[dir="rtl"] .buttons .pull-right ::after {
margin-right: 3px;
}
html[dir="rtl"] .cart-content {
right: auto;
left: 0;
}
html[dir="rtl"] .cart-content::before {
left: -100%;
right: auto;
transform: translateX(150%);
}
html[dir="rtl"] .cart-content .table-striped tbody .td-image {
padding-right: 10px;
}
html[dir="rtl"] .full-cart .cart-heading {
padding-right: 0;
padding-left: 40px;
}
html[dir="rtl"] .full-cart .cart-heading i {
right: auto;
left: 0;
}
html[dir="rtl"] .mini-cart .count-badge {
right: auto;
left: 0;
}
html[dir="rtl"] #cart-items {
right: auto;
left: 0;
}
html[dir="rtl"] .nav-tabs > li > a::before {
margin-right: auto;
margin-left: 5px;
}
html[dir="rtl"] .countdown > div:first-of-type {
border-left-width: 1px;
}
html[dir="rtl"] .countdown > div:last-of-type {
border-left-width: 0;
}
html[dir="rtl"] .stepper .form-control {
text-align: center;
}
html[dir="rtl"] .mini-search #search > .dropdown-menu {
left: 0;
right: auto;
}
html[dir="rtl"] .mini-search #search > .dropdown-menu::before {
left: -100%;
transform: translateX(100%);
}
html[dir="rtl"] .search-button {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
html[dir="rtl"] .search-categories {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
html[dir="rtl"] .search-categories .j-dropdown::before {
left: auto;
right: 10px;
}
html[dir="rtl"] .search-categories-button::after {
margin-right: 5px;
margin-left: 0;
}
html[dir="rtl"] .tt-menu > div {
margin-left: 0;
margin-right: auto;
}
html[dir="rtl"] .tt-menu:not(.tt-empty)::before {
right: auto;
left: 10px;
}
html[dir="rtl"] .desktop-main-menu-wrapper .main-menu > div:first-of-type {
border-right-width: 0;
border-left-width: 1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
html[dir="rtl"] .desktop-main-menu-wrapper .main-menu > div:last-of-type {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
border-left-width: 0;
}
html[dir="rtl"] .main-menu .menu-label {
right: auto;
left: 0;
}
html[dir="rtl"] .count-badge {
margin-left: 0;
margin-right: 5px;
}
html[dir="rtl"] .multi-level .dropdown-menu ul li .dropdown-menu {
left: auto;
right: 100%;
}
html[dir="rtl"] .multi-level .dropdown-menu ul li.dropdown > a::after {
margin-right: auto;
margin-left: 0;
transform: scale(-1);
}
html[dir="rtl"] .mobile-header:not(.mobile-2) .top-menu > ul > li:first-of-type > .dropdown-menu {
left: auto;
right: -5px;
}
html[dir="rtl"] .mobile-header:not(.mobile-2) .top-menu > ul > li:first-of-type > .dropdown-menu::before {
left: auto;
right: 5px;
}
html[dir="rtl"] .mobile-header:not(.mobile-2) .language-currency.top-menu > div:last-child .dropdown.drop-menu.animating > .j-dropdown {
left: -5px;
right: auto;
}
html[dir="rtl"] .mobile-header:not(.mobile-2) .language-currency.top-menu > div:last-child .dropdown.drop-menu.animating > .j-dropdown::before {
left: auto !important;
right: calc(100% - 5px) !important;
transform: translateX(100%) !important;
}
html[dir="rtl"] .mobile-container {
transform: translate3d(100%, 0, 0);
right: 0;
}
html[dir="rtl"] .mobile-container.mobile-cart-content-container {
transform: translate3d(-100%, 0, 0);
left: 0;
right: auto;
}
html[dir="rtl"] .mobile-main-menu-wrapper .main-menu .menu-item .open-menu {
right: auto;
left: 8px;
}
html[dir="rtl"].desktop-header-active .header-mega .header-cart-group {
margin-right: auto;
margin-left: 0;
}
html[dir="rtl"].desktop-header-active .header-mega .info-block .count-badge {
right: auto;
left: 0;
}
html[dir="rtl"].desktop-header-active .header-compact .language-currency + .top-menu {
padding-left: 0;
padding-right: 10px;
}
html[dir="rtl"].desktop-header-active .is-sticky.boxed-sticky .desktop-main-menu-wrapper::before {
left: 0;
margin-left: 0;
}
html[dir="rtl"].desktop-header-active.mobile-menu-active .is-sticky .menu-trigger {
margin-right: 0;
margin-left: auto;
}
html[dir="rtl"] .flyout-menu .menu-item .j-dropdown {
left: auto;
right: 100%;
}
html[dir="rtl"] .flyout-menu .menu-item.dropdown > a::after {
margin-right: auto;
margin-left: 0;
transform: scale(-1);
}
html[dir="rtl"] .flyout-menu .count-badge + .open-menu + .menu-label {
margin-left: 7px;
margin-right: 0;
}
html[dir="rtl"] .accordion-menu .open-menu {
right: auto;
left: 8px;
}
html[dir="rtl"] .accordion-menu .menu-item > a::before {
margin-right: 0;
margin-left: 5px;
}
html[dir="rtl"] .accordion-menu .menu-item > div .menu-item a::before {
margin-right: 0;
}
html[dir="rtl"] .module-newsletter .module-body .input-group-btn {
right: auto;
left: 0;
}
html[dir="rtl"] .module-newsletter .module-body .input-group-btn button {
left: 0;
right: auto;
}
html[dir="rtl"] .language-title,
html[dir="rtl"] .currency-title,
html[dir="rtl"] .currency-code,
html[dir="rtl"] .currency-title-dropdown,
html[dir="rtl"] .language-title-dropdown,
html[dir="rtl"] .currency-code-dropdown {
margin-left: auto;
}
html[dir="rtl"] .links-menu .menu-item:first-child {
border-right-width: 0;
}
html[dir="rtl"] .links-menu .menu-item a .menu-label {
transform: translateX(-100%);
}
html[dir="rtl"] .products-filter .select-group {
margin-left: 0;
margin-right: auto;
}
html[dir="rtl"].mac.webkit .select-group .form-control {
left: auto;
right: -3px;
}
html[dir="rtl"] .grid-list .compare-btn::before {
margin-right: 0;
margin-left: 5px;
}
html[dir="rtl"] .bottom-menu > ul > li + li {
border-width: 0 1px 0 0;
}
html[dir="rtl"] .pagination-results > div:first-child:not(:empty) + div {
margin-left: 0;
margin-right: auto;
white-space: nowrap;
}
html[dir="rtl"] .pagination > li:not(:first-of-type) {
border-width: 0 1px 0 0;
}
html[dir="rtl"] .pagination > li:first-child a::before,
html[dir="rtl"] .pagination > li:last-child a::before,
html[dir="rtl"] .pagination > li.prev a::before,
html[dir="rtl"] .pagination > li.next a::before {
transform: translate(-50%, -50%) scaleX(-1);
}
html[dir="rtl"] .pagination > li:last-child a::before,
html[dir="rtl"] .pagination > li.next a::before {
transform: translate(-50%, -50%) scaleX(1);
}
html[dir="rtl"] .pagination > li:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
html[dir="rtl"] .pagination > li:first-child a,
html[dir="rtl"] .pagination > li:first-child span {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
html[dir="rtl"] .pagination > li:last-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
html[dir="rtl"] .pagination > li:last-child a,
html[dir="rtl"] .pagination > li:last-child span {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
html[dir="rtl"] .header-search input {
text-align: right;
}
html[dir="rtl"].desktop .module-title button {
right: auto;
left: 0;
}
html[dir="rtl"] table td:last-child,
html[dir="rtl"] table th:last-child,
html[dir="rtl"] .table-bordered td:last-child,
html[dir="rtl"] .table-bordered th:last-child {
border-left-width: 0;
}
html[dir="rtl"] .post-stats span {
margin-right: 0;
margin-left: 8px;
}
html[dir="rtl"] .side-product > div {
float: right;
}
html[dir="rtl"] .lg-outer {
direction: ltr;
}
html[dir="rtl"] .lg-outer #lg-counter {
float: right;
padding-right: 20px;
padding-left: 0;
}
html[dir="rtl"] .lg-outer #lg-counter-all {
float: left;
display: inline-block;
padding: 0 4px;
}
html[dir="rtl"] .lg-outer #lg-counter-current {
float: right;
display: inline-block;
padding: 0 4px;
}
html[dir="rtl"] .lg-outer .lg-thumb-item {
float: right;
}
html[dir="rtl"] .lg-actions .lg-next {
left: 20px;
right: auto;
}
html[dir="rtl"] .lg-actions .lg-prev {
right: 20px;
left: auto;
}
html[dir="rtl"] .lg-toolbar .lg-icon {
float: left;
}
html[dir="rtl"] .drop-cap {
float: right;
}
html[dir="rtl"] blockquote::before {
float: right;
}
html[dir="rtl"].route-product-search #content .search-form select {
margin-left: 0;
margin-right: 20px;
}
html[dir="rtl"] .radio,
html[dir="rtl"] .checkbox {
padding: 0 0 0 15px;
}
html[dir="rtl"].route-product-manufacturer .manufacturer > div {
padding: 0 0 15px 15px;
}
html[dir="rtl"] .dropdown > a::after {
margin-left: auto;
margin-right: 5px;
}
html[dir="rtl"] .user-avatar {
float: right;
}
html[dir="rtl"] .reply-btn {
left: 10px;
right: auto;
}
html[dir="rtl"] .user-data div span {
margin-right: 0;
margin-left: 5px;
}
html[dir="rtl"] .post-comment .user-name {
padding-right: 0;
padding-left: 50px;
}
html[dir="rtl"] .product-list .product-thumb .image {
float: right;
}
html[dir="rtl"] footer .links-menu .module-title::before {
right: auto;
left: 0;
}
html[dir="rtl"] .popup-close {
left: 0;
right: auto;
}
.admin-bar-wrapper {
background: #87cefa;
z-index: 1000;
position: relative;
}
.admin-bar-wrapper .admin-bar {
margin: 0 auto;
max-width: 980px;
display: flex;
align-items: center;
justify-content: space-between;
height: 35px;
}
.phone .swiper-container {
overflow: hidden !important;
}
.mobile-test .swiper-pagination-bullet {
display: none !important;
}
.mobile-test .swiper-buttons div {
min-width: 48px;
min-height: 48px;
}
.mobile-test body {
font-size: 16px;
}
.mobile-test .module-catalog .subitem a {
font-size: 16px;
}
.mobile-test .module-catalog .subitem a {
padding: 8px;
}
.mobile-test .module-catalog .subitem.view-more a span {
font-size: 16px;
}
.mobile-test .mobile-top-bar {
min-height: 48px !important;
}
.mobile-test .mobile-custom-menu {
min-width: 34px !important;
}
.mobile-test .module-products .stats {
padding: 8px !important;
}
.mobile-test .module-products .btn {
padding: 20px !important;
}
.mobile-test .module-side_products .btn {
padding: 8px !important;
}
.mobile-test .links-menu a {
padding: 8px;
}
.mobile-test .popup-close {
margin: 20px;
}
.mobile-test .module-newsletter .input-group + .checkbox label {
margin-top: 14px;
}
.mobile-test .accordion-menu.accordion-menu .j-menu > li > a {
padding: 8px;
}
.mobile-test.mobile-header-active #cart > a > i {
min-height: 40px;
}
.mobile-test .module-products-300 .product-grid .product-thumb .name {
margin-top: 12px;
}
.mobile-test .module-notification .notification-close {
min-width: 48px;
min-height: 48px;
}
.classic-actions {
display: flex;
align-items: center;
gap: 30px;
}
.desktop-header-active header #cart>a {
height: auto;
}
.classic-actions-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 5px;
color: #A0A0A0;
font-size: 14px;
line-height: 1;
text-decoration: none;
transition: all 0.1s;
}
.classic-actions-item:visited {
color: #A0A0A0;
}
.classic-actions-item:hover {
color: #fff;
}
.classic-actions-item .count-badge {
position: absolute;
top: 0;
right: 5px;
background-color: #F3F3F3;
color: #303841;
font-size: 10px;
line-height: normal;
min-width: 1.5em;
height: 1.5em;
z-index: 1 !important;
}
.classic-actions-item:nth-child(1) .count-badge {
right: 20px;
}
.classic-actions-item:nth-child(2) .count-badge {
right: 10px;
}
.desktop .secondary-menu .dropdown.dropdown .j-menu > li:hover > a, .dropdown.dropdown .j-menu>li.active>a {
background-color: transparent !important;
}
#account-address table tbody td.text-right a {
margin: 0;
}
#account-address table tbody td.text-right a + a {
margin-left: 15px;
}
.empty-text,
body p:first-child.empty-text {
padding: 15px 20px;
border-radius: 5px;
background: #F3F3F3;
font-size: 14px;
line-height: 16px;
color: #303841;
margin-bottom: 20px;
}
.empty-text p:not(:last-child) {
margin-bottom: 10px;
padding-top: 0;
}
@media(max-width: 1440px) {
.desktop-header-active .header .top-bar {
padding: 0 20px;
}
}
@media(max-width: 991px) {
.route-account-order-info .table-order tfoot tr td,
.route-account-order-info .table-order thead tr td,
.route-account-order-info .table-order tbody tr td {
font-size: 14px;
line-height: 16px;
}
[id*="account"] #content table td:not(:last-child) {
padding-right: 0 !important;
}
.route-account-wishlist #content table td img {
height: 70px;
width: 70px;
}
.route-product-compare #content table > tbody > tr > td:first-child {
min-width: 120px;
}
.route-product-compare #content table {
table-layout: initial;
}
.alert__cont {
top: 30px;
}
#account-address table tbody td {
display: block;
}
#account-address table tbody td.text-right {
padding-top: 0 !important;
border-top: none !important;
text-align: left;
}
.form-horizontal .form-group .control-label:has(+ .col-sm-10 .radio-inline) {
padding-bottom: 10px;
}
.alert--fixed {
padding: 15px;
font-size: 14px;
line-height: 20px;
}
.alert--fixed.alert-danger {
border-color: #FF3201;
}
.alert__wrap strong {
font-size: 16px;
line-height: 20px;
}
.alert__close {
top: 10px;
right: 10px;
}
.route-account-account #content > div,
.route-affiliate-account #content > div {
margin-bottom: 20px;
}
.form-horizontal .form-group .control-label:has(+ .col-sm-10 .radio-inline) {
padding-bottom: 10px;
}
header .top-menu > ul > li.menu-item.icon-only {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin-right: 10px;
}
header .top-menu > ul > li.menu-item.icon-only a {
justify-content: center;
padding: 5px;
border-radius: 2px;
background-color: #232323;
width: 25px;
height: 25px;
}
header .top-menu > ul > li.menu-item.icon-only a:hover {
background-color: #E01C1C;
}
header .top-menu > ul > li.menu-item.icon-only a::before {
margin: 0;
}
.mobile-top-actions {
display: flex;
align-items: center;
column-gap: 20px;
margin-left: 20px;
}
.mobile-top-actions-item {
display: flex;
align-items: center;
column-gap: 5px;
color: #FFF;
font-size: 14px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.mobile-top-actions-item.only-icon {
justify-content: center;
padding: 5px;
border-radius: 2px;
background-color: #232323;
width: 25px;
height: 25px;
}
.mobile-top-actions-item.only-icon:hover {
background-color: #E01C1C;
color: #fff;
}
.mobile-top-actions-item:hover {
color: #E01C1C;
}
.mobile-header-active .mobile-header .mobile-top-menu-wrapper {
margin-right: auto;
}
.classic-actions {
margin-left: 20px;
margin-right: 20px;
gap: 15px;
}
.classic-actions-item .links-text {
display: none;
}
.classic-actions-item svg {
width: 25px;
height: 25px;
}
.classic-actions-item .count-badge {
top: -5px !important;
right: -5px !important;
}
#logo img {
width: 90px;
height: 40px;
}
.search-categories-button {
padding: 0 10px 0 15px;
}
.header-search input {
padding: 0 15px;
}
.header-search .search-button {
padding: 0 20px 0 15px;
}
.mobile-header-active .mobile-search-group {
padding: 10px 15px !important;
border-top: 1px solid #585858;
}
.main-menu>.j-menu>li>a::before {
order: -1;
margin: 0 10px 0 0 !important;
}
.mobile-main-menu-wrapper .main-menu .j-menu .main-menu-item:not(:last-child) {
border-bottom: 1px solid #DDD;
}
.tt-menu > div {
padding: 15px;
}
.mobile-header-active .header-search .search-categories + span {
position: static !important;
}
}
@media(max-width: 760px) {
#account-address table tbody td.text-right {
display: flex;
}
#account-address table tbody td.text-right a {
flex: 1;
}
}
.links-text-icon {
display: flex !important;
align-items: center;
gap: 5px;
flex-direction: row-reverse;
}
.custom-checkbox input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
}
.custom-checkbox input:checked + .custom-checkbox-check {
background-color: #E01C1C;
border-color: #E01C1C;
}
.custom-checkbox input:checked + .custom-checkbox-check svg {
opacity: 1;
}
.custom-checkbox input:checked + .custom-checkbox-check:hover {
background-color: #303841;
border-color: #303841;
}
.custom-checkbox-check {
display: flex;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
border-radius: 2px;
border: 1px solid #DDDDDD;
color: #fff;
}
.filter-checkbox .custom-checkbox-check {
border-width: 1.5px;
margin: 0!important;
}
.filter-checkbox .custom-checkbox-check + img {
margin-left: 10px !important;
}
.custom-checkbox-check svg {
opacity: 0;
width: 11px;
height: 11px;
}
.custom-checkbox label {
display: flex !important;
align-items: center;
gap: 5px;
}
.custom-checkbox label:hover .custom-checkbox-check {
border-color: #E01C1C;
}
footer .newsletter-form .custom-checkbox label {
padding: 0;
}
[id*="account"] #content .accordion-menu-mob,
[id*="account"] #content .module-title-mob {
display: none;
}
@media only screen and (max-width: 768px) {
[id*="account"] #content .accordion-menu-mob,
[id*="account"] #content .module-title-mob {
display: block;
}
[id*="account"] .accordion-menu-mob {
position: relative;
margin-bottom: 30px;
}
[id*="account"] .accordion-menu-mob[open] summary {
border-color: #303841;
}
[id*="account"] .accordion-menu-mob summary {
padding: 11px 15px;
font-size: 14px;
line-height: 16px;
border-radius: 5px;
border: 1px solid #DDD;
position: relative;
}
[id*="account"] .accordion-menu-mob summary:after {
position: absolute;
top: 11px;
right: 15px;
width: 15px;
height: 16px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M13.7486 5.23091C13.7486 5.33322 13.7068 5.42383 13.6231 5.50277L7.78753 11.0066C7.70385 11.0855 7.60777 11.125 7.4993 11.125C7.39083 11.125 7.29475 11.0855 7.21106 11.0066L1.37553 5.50277C1.29184 5.42383 1.25 5.33322 1.25 5.23091C1.25 5.12861 1.29184 5.03799 1.37553 4.95906L2.0018 4.3684C2.08548 4.28947 2.18156 4.25 2.29003 4.25C2.3985 4.25 2.49458 4.28947 2.57827 4.3684L7.5 9.01038L12.4217 4.3684C12.5054 4.28947 12.6015 4.25 12.71 4.25C12.8184 4.25 12.9145 4.28947 12.9982 4.3684L13.6245 4.95906C13.7082 5.03799 13.75 5.12861 13.75 5.23091H13.7486Z' fill='%23303841'/%3E%3C/svg%3E");
}
[id*="account"] .accordion-menu-mob[open] summary:after {
transform: rotate(180deg);
}
[id*="account"] .accordion-menu-mob ul {
position: absolute;
top: calc(100% + 10px);
left: 0;
width: 100%;
z-index: 10;
border-radius: 5px;
border: 1px solid #DDD;
background: #FFF;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
color: #303841;
list-style: none;
padding: 0;
margin: 0;
}
[id*="account"] .accordion-menu-mob ul li a {
font-size: 16px;
line-height: 18px;
padding: 10px 16px;
transition: .3s;
width: 100%;
}
[id*="account"] .accordion-menu-mob ul li a:hover {
background: #F3F3F3;
}
[id*="account"] .accordion-menu-mob ul li:not(:last-child) {
border-bottom: 1px solid #DDD;
}
}
.rating-wrap {
display: flex;
align-items: center;
gap: 2px;
}
.rating-wrap .fa-stack {
width: 15px;
height: 15px;
font-size: 15px;
}
.rating-wrap .fa-star,
.rating-wrap .fa-star+.fa-star-o {
color: #303841;
}
.route-common-home {
overflow-x: clip;
}
.route-common-home #common-home .accordion-menu {
padding: 20px;
border-radius: 10px;
background-color: #F3F3F3;
}
.route-product-search .accordion-menu-item:not(:last-child),
.route-product-category .accordion-menu-item:not(:last-child),
.route-common-home #common-home .accordion-menu-item:not(:last-child) {
margin-bottom: 10px;
}
.route-product-search .accordion-menu-item ul,
.route-product-category .accordion-menu-item ul,
.route-common-home #common-home .menu-item ul {
margin-top: 10px;
}
.route-product-search .accordion-menu-item ul .menu-item:not(:last-child),
.route-product-category .accordion-menu-item ul .menu-item:not(:last-child),
.route-common-home #common-home .accordion-menu-item ul .menu-item:not(:last-child) {
margin-bottom: 5px;
}
.route-product-search .accordion-menu-item .open-menu,
.route-product-category .accordion-menu-item .open-menu,
.route-common-home #common-home .accordion-menu-item .open-menu {
width: 15px;
height: 15px;
transform: none;
position: relative;
top: 2px;
right: 0;
margin-left: auto;
}
.route-product-search .accordion-menu-item.accordion-menu-item > a,
.route-product-category .accordion-menu-item.accordion-menu-item > a,
.route-common-home #common-home .accordion-menu-item.accordion-menu-item > a {
align-items: flex-start !important;
justify-content: space-between;
column-gap: 10px;
}
.route-common-home #common-home .side-product .btn-cart::before {
left: 0;
top: 1px;
}
.route-common-home #common-home .side-product .image {
width: 70px;
}
.swiper-custom-btn {
position: relative !important;
transform: none !important;
display: flex;
align-items: center;
justify-content: center;
min-height: 463px;
height: 440px !important;
border-radius: 5px;
border: 1px solid #DDD;
padding: 0;
min-width: 265px !important;
margin: 0;
}
.swiper-custom-btn.swiper-button-disabled {
opacity: 1 !important;
pointer-events: all !important;
cursor: pointer !important;
}
.swiper-custom-btn::before {
display: none !important;
}
.swiper-custom-btn img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.swiper-custom-btn:hover .swiper-custom-btn-box {
color: #E01C1C;
}
.swiper-custom-btn-box {
display: flex;
align-items: center;
flex-direction: column;
row-gap: 15px;
color: #303841;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
transition: color 0.3s;
width: 100%;
padding: 0 40px;
}
.swiper-custom-btn-box span {
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: normal;
}
.swiper-custom-btn-box svg {
width: 40px;
height: 40px;
}
.swiper-custom-btn::after {
content: '';
border-radius: 5px;
background: rgba(255, 255, 255, 0.93);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 1;
}
#content.col-sm-9 .swiper-custom-btn {
min-width: 220px !important;
margin-top: 0;
min-height: 476px !important;
}
.swiper-box {
display: flex;
column-gap: 15px;
align-items: flex-start;
padding-bottom: 20px;
margin-bottom: -20px;
}
.swiper-box .swiper-container {
width: 100%;
}
.swiper-box .swiper-buttons{
position: static !important;
transform: none !important;
max-width: 220px;
margin-top: 20px;
}
@media(max-width: 991px) {
.swiper-box .swiper-buttons{
display: none !important;
}
}
.product-reviews .product-reviews-title.title {
font-size: 24px;
line-height: normal;
color: #fff;
margin: 0;
}
.product-reviews .swiper-viewport {
position: relative;
}
.product-reviews .product-reviews-title.title::after {
background-color: #fff;
}
.product-reviews .swiper-slide {
display: flex;
height: auto;
}
.product-reviews-item {
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 5px;
background: #FFF;
padding: 20px;
color: #303841;
width: 100%;
}
.product-reviews-item-head {
display: flex;
column-gap: 15px;
}
.product-reviews-item-img {
border-radius: 5px;
border: 1px solid #DDD;
min-width: 60px;
width: 60px;
height: 60px;
padding: 2px;
}
.product-reviews-item-img img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 4px;
}
.product-reviews-item-link {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 18px;
font-weight: 700;
line-height: normal;
height: fit-content;
color: #303841;
transition: color 0.3s;
text-decoration: none !important;
}
.product-reviews-item-link:hover {
color: #E01C1C;
}
.product-reviews-item-text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 15px;
}
.product-reviews-item-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap-reverse;
margin: 15px 0;
}
.product-reviews-item-video > * {
pointer-events: none;
}
.product-reviews-item-video,
.product-reviews-item-more {
display: flex;
align-items: center;
column-gap: 10px;
transition: color 0.3s;
font-size: 14px;
font-weight: 700;
line-height: normal;
padding: 0;
background-color: transparent;
border: none;
color: #303841;
text-decoration: none !important;
}
.product-reviews-item-video:hover,
.product-reviews-item-more:hover {
color: #E01C1C;
}
.product-reviews-item-footer {
display: flex;
align-items: center;
column-gap: 15px;
font-size: 12px;
font-weight: 400;
line-height: normal;
}
.product-reviews-item-author {
display: flex;
align-items: center;
column-gap: 5px;
color: #292A30;
}
.product-reviews-item-date {
color: #8C8B8B;
}
.product-reviews-item-rating {
display: flex;
align-items: center;
column-gap: 2px;
margin: 10px 0 15px;
}
.product-reviews-list {
margin: 0;
padding: 0;
}
.product-reviews .swiper-pagination-bullet{
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #979797;
box-shadow: none;
transition: background-color 0.3s;
opacity: 1 !important;
}
.product-reviews .swiper-pagination-bullet:hover,
.product-reviews .swiper-pagination-bullet-active {
background-color: #585858;
}
.product-reviews .swiper-viewport {
border: none;
box-shadow: none;
margin: 0;
background-color: transparent;
}
.product-reviews .swiper-button {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 5px;
background-color: #303841;
color: #fff;
transition: background-color 0.3s;
opacity: 1 !important;
background-image: none !important;
}
.product-reviews .swiper-button.swiper-button-disabled {
background-color: #A0A0A0;
cursor: no-drop;
}
.product-reviews .swiper-button:not(.swiper-button-disabled):hover {
background-color: #E01C1C;
}
.product-reviews .swiper-button::before,
.product-reviews .swiper-button::after {
display: none;
}
.product-reviews .swiper-button-prev {
left: -60px !important;
}
.product-reviews .swiper-button-next {
right: -60px !important;
}
.popup-video .popup-close {
background: transparent !important;
padding: 0;
color: #303841;
transition: color 0.3s;
}
.popup-video .popup-close::before {
display: none;
}
.popup-video .popup-container >.btn.popup-close:active,
.popup-video .popup-container >.btn.popup-close:focus,
.popup-video .popup-container >.btn.popup-close:hover {
color: #E01C1C !important;
background: transparent !important;
box-shadow: none !important;
}
.popup-video .popup-container {
max-width: 1390px;
width: 100%;
border-radius: 5px;
background: #FFF;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
padding: 40px 30px 30px;
margin: 0 20px;
}
.popup-video iframe {
min-height: 560px;
}
.popup-open .popup-video .popup-body {
box-shadow: none;
border-radius: 5px;
}
.product-reviews .swiper-pagination {
bottom: -35px !important;
left: 0;
right: 0;
margin: 0 auto;
gap: 10px;
display: flex;
justify-content: center;
}
.product-reviews-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-bottom: 30px;
}
.product-reviews-link {
display: flex;
align-items: center;
column-gap: 5px;
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: normal;
transition: color 0.3s;
text-decoration: none !important;
}
.product-reviews-link:hover {
color: #E01C1C;
}
.product-reviews-link svg {
position: relative;
top: 1px;
}
.product-reviews-list--grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 20px;
}
@media(max-width: 1599px) {
.product-reviews .swiper-pager {
position: absolute;
right: 0;
top: -25px;
}
.product-reviews-head {
flex-direction: column;
align-items: flex-start;
}
.product-reviews .swiper-button-prev {
right: 40px !important;
left: auto !important;
}
.product-reviews .swiper-button-next {
right: 0 !important;
}
.product-reviews .swiper-button {
width: 30px;
height: 30px;
}
.product-reviews .swiper-button svg {
width: 16px;
height: 16px;
}
}
@media(max-width: 991px) {
.product-reviews-head {
margin-bottom: 20px;
}
.product-reviews .product-reviews-title.title {
font-size: 20px;
}
.product-reviews .swiper-pager {
top: -15px;
}
.product-reviews-item {
padding: 15px;
}
.product-reviews-item-img {
min-width: 50px;
width: 50px;
height: 50px;
}
.product-reviews-item-link {
font-size: 16px;
}
.product-reviews-item-text {
font-size: 14px;
line-height: 21px;
}
.product-reviews-item-actions {
gap: 10px;
}
.product-reviews-item-video {
column-gap: 5px;
}
.product-reviews-item-footer {
column-gap: 10px;
}
.product-reviews-item-author {
display: flex;
align-items: center;
column-gap: 5px;
color: #292A30;
}
.product-reviews-item-date {
color: #8C8B8B;
}
.product-reviews .swiper-pagination {
bottom: -25px !important;
}
.popup-video .popup-container {
padding: 40px 15px 20px;
margin: 0 15px;
}
.popup-video iframe {
min-height: 150px;
}
.product-reviews-list--grid {
grid-template-columns: 1fr;
gap: 10px;
}
}
.route-common-home .grid-row-top-3 {
max-width: 1440px;
margin: 0 auto;
width: 100%;
}
.route-common-home .grid-row-top-3 .grid-cols {
max-width: 100%;
}
.module-title-head {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 15px;
margin-bottom: 20px;
}
.module-title-head .title {
margin: 0 !important;
}
.module-title-head-link {
display: flex;
align-items: center;
column-gap: 5px;
font-size: 16px;
font-weight: 700;
line-height: normal;
color: #303841;
transition: color 0.3s;
text-decoration: none !important;
}
.module-title-head-link:hover {
color: #E01C1C;
}
.portfolio-list {
display: flex;
column-gap: 20px;
flex-wrap: nowrap;
overflow-y: auto;
padding: 0 20px;
scrollbar-width: none;
max-width: 1920px;
width: 100%;
margin: 0 auto;
}
.portfolio-item {
display: block;
border-radius: 5px;
overflow: hidden;
position: relative;
height: 227px;
width: 335px;
}
.portfolio-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.2s ease;
}
.portfolio-item:hover img {
transform: scale(1.15);
}
.portfolio-item-name{
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
color: #FFF;
font-size: 20px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
padding: 15px 20px;
background: linear-gradient(90deg, #303841 0%, rgba(48, 56, 65, 0.00) 100%);
border-radius: 0 0 5px 5px;
}
.portfolio .portfolio-head {
max-width: 1400px;
margin: 0 auto 30px;
padding: 0 20px;
}
.portfolio-head .title {
margin: 0 !important;
}
@media(max-width: 991px) {
.portfolio .portfolio-head {
padding: 0 15px;
margin: 0 auto 20px;
}
.portfolio-list {
padding: 0 15px;
}
}
@media(max-width: 767px) {
.portfolio-list {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 10px;
overflow-y: hidden;
}
.portfolio-item {
height: 200px;
width: 100%;
}
.portfolio-item-name{
font-size: 16px;
padding: 10px;
}
}
body p:first-child {
padding-top: 0;
margin-top: 0;
}
body h2:first-child,
body h3:first-child,
body h4:first-child {
margin-top: 0 !important;
}
.grid-row-bottom-3 iframe {
width: 100%;
border-radius: 5px;
height: 310px;
}
.block-content *:last-child {
margin-bottom: 0 !important;
}
@media(min-width: 992px) {
.route-common-home .grid-row-bottom-3 .grid-col:first-child .expand-block .block-title {
display: none;
}
}
@media(max-width: 991px) {
.route-common-home .grid-row-bottom-3 .grid-col:last-child .expand-block .block-title {
display: none;
}
}
@media(max-width: 767px) {
.grid-row-bottom-3 iframe {
height: 150px;
}
}
.route-product-category .grid-row-bottom-2 .grid-cols,
.route-common-home .grid-row-bottom-5 .grid-cols {
border-radius: 5px;
overflow: hidden;
}
.route-common-home .grid-row-bottom-5 img {
display: block;
height: 300px;
object-fit: cover;
width: 100%;
border-radius: 5px;
margin: 30px 0;
}
.route-common-home .grid-row-bottom-5 img:first-child {
margin-top: 0;
}
.route-common-home .grid-row-bottom-5 img:last-child {
margin-bottom: 0;
}
.block-html ol li:not(:last-child) {
margin-bottom: 10px;
}
.block-html ol {
list-style: none;
padding: 0;
counter-reset: section;
}
.block-html ol li {
counter-increment: section;
position: relative;
padding-left: 30px;
}
.block-html ol li::before {
position: absolute;
left: 0;
top: 2px;
display: flex;
align-items: center;
justify-content: center;
content: counter(section);
font-size: 14px;
line-height: 1;
font-weight: 700;
background-color: #303841;
border-radius: 50%;
height: 20px;
aspect-ratio: 1/1;
color: #fff;
}
@media(max-width: 991px) {
.route-common-home .grid-row-bottom-5 img {
height: 250px;
margin: 15px 0;
}
}
@media(max-width: 575px) {
.route-common-home .grid-row-bottom-5 img {
height: 160px;
}
}
.reset-filter::before {
height: 9px;
line-height: 1;
}
.mobile-wrapper-header .align-items-center {
column-gap: 5px;
}
.mobile-filter-container .mobile-wrapper-header > span {
padding: 0 15px;
}
.route-information-information .blocks-accordion .panel-group,
.route-product-category .blocks-accordion .panel-group {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 40px;
}
.module-filter .module-item-q .panel-heading {
border-bottom: none !important;
}
.module-filter .extra-controls input {
height: 28px !important;
border-radius: 3px !important;
padding: 6px !important;
width: 100%;
}
.module-filter .extra-controls .filter-price-max {
margin-left: 20px;
}
.route-information-information .panel-group .module-item:last-child {
border-bottom: 1px solid #ddd;
}
@media(min-width: 992px) {
.route-information-information .panel-group .module-item:nth-last-child(2),
.route-product-category .panel-group .module-item:nth-last-child(2) {
border-bottom: 1px solid #ddd;
}
}
@media(max-width: 991px) {
.route-information-information .blocks-accordion .panel-group,
.route-product-category .blocks-accordion .panel-group {
display: grid;
grid-template-columns: 1fr;
}
}
.main-products.product-grid .product-thumb .quickview-button {
width: calc(100% + 10px);
left: 0;
transform: translate3d(0, -50%, 1px);
}
.main-products.product-grid .product-thumb .btn-quickview.btn {
width: 100%;
}
.main-products.product-grid .product-thumb .name a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal !important;
}
.main-products.product-grid .product-thumb .name {
position: relative;
}
.main-products.product-grid .product-thumb .name::after {
content: '';
display: block;
width: 50px;
height: 1px;
background-color: #ddd;
position: absolute;
bottom: -11px;
left: 0;
right: 0;
margin: 0 auto;
}
.main-products.product-list .product-thumb .price-new,
.main-products.product-grid .product-thumb .price-new {
margin-right: 10px !important;
}
.extra-group-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.product-grid .extra-group-wrap {
border-top: 1px solid #ddd;
padding: 10px 15px 0;
}
.product-list .extra-group-wrap {
display: contents;
/*flex-direction: row-reverse;*/
/*gap: 15px;/*/
/*width: 100%;*/
/*align-items: flex-end;*/
/*flex-wrap: wrap;*/
}
.product-grid .extra-group-wrap-box,
.product-grid .extra-group-wrap .extra-group {
display: contents !important;
}
.extra-group-wrap .btn {
display: flex;
align-items: center;
justify-content: center;
}
.product-grid .extra-group-wrap .btn::before {
line-height: 1;
width: 14px;
height: 14px;
}
.product-grid .extra-group-wrap .btn:first-child::before {
height: 13px;
}
.product-list .extra-group-wrap-box {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 5px;
order: 1;
}
.main-products.product-list .product-thumb .extra-group {
display: flex !important;
margin-right: auto;
}
.buttons-wrapper-box {
margin-top: auto;
}
.product-list .buttons-wrapper-box {
display: flex;
align-items: flex-end;
gap: 15px;
flex-wrap: wrap;
}
.product-list .product-labels {
top: 0;
left: 0;
}
.product-grid .product-thumb .product-img img,
.product-grid .product-thumb .product-img {
max-height: 150px;
}
.product-list .product-thumb .product-img img,
.product-list .product-thumb .product-img {
max-width: 180px;
max-height: 180px;
}
.product-thumb .image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.main-products.product-list .product-thumb .btn-quickview::before {
font-size: 19px;
}
.main-products.product-list .product-thumb .description {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media(max-width: 991px) {
.product-grid .product-thumb .product-img img,
.product-grid .product-thumb .product-img {
max-height: 100px;
}
.product-labels {
top: -10px;
left: 5px;
}
.product-grid .extra-group-wrap {
padding-left: 0;
padding-right: 0;
}
.product-list .product-thumb .product-img img,
.product-list .product-thumb .product-img {
margin: 0 auto;
max-width: 100%;
max-height: 140px;
}
.product-list .buttons-wrapper-box {
display: grid;
grid-template-columns: minmax(200px, 250px) 85px;
gap: 15px;
}
.product-list .extra-group {
order: 2;
grid-column: 1/-1;
width: 100% !important;
}
.product-list .extra-group .btn {
padding-left: 10px !important;
padding-right: 10px !important;
width: 100%;
}
.main-products.product-list .product-thumb .stepper {
min-width: 50px;
}
.main-products.product-list .cart-group .btn {
width: 100% !important;
}
.product-list .product-thumb .image {
overflow: visible;
}
.product-list .product-labels {
top: -10px;
left: 10px;
}
}
.main-products-sort {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.main-products-sort-btn {
padding: 12px 30px;
background-color: #585858;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
text-align: center;
width: 100%;
position: relative;
transition: background-color 0.3s;
}
.main-products-sort-btn:hover {
background-color: #E01C1C;
}
.main-products-sort-btn.active {
background-color: #303841;
pointer-events: none;
}
.main-products-sort-btn.active::before {
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
content: "";
display: block;
width: 20px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2210%22%20viewBox%3D%220%200%2020%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22path-1-inside-1_2626_48136%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M0%200H20L10%2010L0%200Z%22/%3E%3C/mask%3E%3Cpath%20d%3D%22M0%200V-10H-24.1421L-7.07107%207.07107L0%200ZM20%200L27.0711%207.07107L44.1421%20-10H20V0ZM10%2010L2.92893%2017.0711L10%2024.1421L17.0711%2017.0711L10%2010ZM0%2010H20V-10H0V10ZM12.9289%20-7.07107L2.92893%202.92893L17.0711%2017.0711L27.0711%207.07107L12.9289%20-7.07107ZM17.0711%202.92893L7.07107%20-7.07107L-7.07107%207.07107L2.92893%2017.0711L17.0711%202.92893Z%22%20fill%3D%22%23303841%22%20mask%3D%22url(%23path-1-inside-1_2626_48136)%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.module-filter .extra-controls .currency-symbol{
font-weight: 400;
}
.module-form-198 legend,
.popup-register legend {
margin: 20px 0 15px;
}
.module-form-198 .form-group,
.popup-register .form-group {
display: grid;
grid-template-columns: 150px 1fr;
column-gap: 10px;
}
.module-form-198 .form-group.form-group--checkbox {
display: block;
}
.module-form-198 .form-group::before,
.popup-register .form-group::before,
.module-form-198 .form-group::after,
.popup-register .form-group::after {
display: none;
}
.module-form-198 .form-group .col-sm-10,
.popup-register .form-group .col-sm-10,
.module-form-198 .form-group .col-sm-2,
.popup-register .form-group .col-sm-2 {
max-width: 100%;
width: 100%;
padding: 0 !important;
margin: 0;
}
.module-form-198 .form-group .control-label,
.popup-register .form-group .control-label{
align-self: center;
}
.popup-register #account {
margin-bottom: 20px;
}
.popup-register #account legend {
margin-top: 0;
}
.module-form-198 .form-group:last-child,
.popup-register .form-group:last-child {
margin-bottom: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
box-shadow: 0 0 0 30px #fff inset !important;
}
.custom-password {
position: relative;
width: 100%;
}
.custom-password input.form-control {
padding-right: 30px !important;
width: 100%;
}
.custom-password-btn {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 15px;
color: #303841;
transition: color 0.3s;
background: transparent;
padding: 0;
margin: 0;
border: none;
}
.custom-password-btn svg {
pointer-events: none;
opacity: 1 !important;
}
.custom-password-btn .close {
display: none;
}
.custom-password-btn .open {
display: block;
}
.active .custom-password-btn .open {
display: none;
}
.active .custom-password-btn .close {
display: block;
}
.custom-password-btn:hover {
color: #E01C1C;
}
.popup-register script + fieldset {
margin-top: 20px;
}
.popup-register .text-danger {
max-width: calc(100% - 160px);
width: 100%;
margin: -5px 0 0 auto;
}
.popup-register .text-danger:not(:last-child) {
margin-bottom: 10px;
}
.popup-register .btn {
font-size: 16px;
line-height: 19px !important;
}
form .text-danger {
display: flex;
column-gap: 5px;
font-size: 12px;
}
.popup-login .form-group .input-group+.slerror::before,
form .text-danger::before {
display: block;
content: "";
min-width: 15px;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8,") no-repeat center;
background-size: contain;
pointer-events: none;
position: relative;
top: 1px;
}
.popup-help-text {
color: #303841;
font-size: 14px;
font-weight: 400;
line-height: normal;
text-align: center;
margin-top: 15px;
}
.popup-help-text button {
color: #E01C1C;
border: none;
border-bottom: 1px solid #E01C1C;
transition: border-color 0.3s;
background: transparent !important;
padding: 0;
margin: 0;
}
.popup-help-text button:hover {
color: #E01C1C;
border-color: transparent;
}
.popup-mobile legend {
margin: 15px 0 10px;
}
.popup-mobile .form-group:not(.form-group-newsletter) {
grid-template-columns: 1fr;
row-gap: 5px;
}
.popup-mobile .text-danger {
max-width: 100%;
}
.popup-mobile script + fieldset,
fieldset + fieldset {
margin-top: 15px;
}
.popup-mobile .site-wrapper .btn{
font-size: 14px;
}
.popup-mobile .popup-social .social_title {
margin: 10px 0;
}
.popup-mobile .popup-help-text {
margin-top: 10px;
}
.popup-login .popup-inner-body{
padding: 30px;
height: fit-content !important;
}
.popup-inner-body-step1 .iti,
.popup-inner-body-step1 .input-group,
.popup-inner-body-step1 .form-group {
margin: 0;
width: 100%;
}
.popup-inner-body-step1 legend {
margin-top: 0;
}
.iti input.form-control {
padding: 10px 15px 10px 111px !important;
}
.popup-inner-body-step1 .form-group .control-label,
.popup-inner-body-step1 .form-group,
.popup-inner-body-step1 .control-label {
padding: 0;
}
.form-group > div.form-group-grid {
display: grid;
align-items: center;
grid-template-columns: 150px 1fr;
column-gap: 10px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.form-group > div.form-group-grid .control-label {
display: flex;
align-items: center;
height: 100%;
}
.popup-inner-body-step1 .form-group .control-label + div {
margin-left: 0;
}
.popup-inner-body-step1 .btn {
padding: 12px 30px;
font-size: 16px;
line-height: 19px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
}
.popup-inner-body-step1 .btn::after {
display: none;
}
.popup-inner-body-step1 .btn-success.btn:focus,
.popup-inner-body-step1 .btn-success.btn:hover {
background: #E01C1C !important;
box-shadow: none !important;
}
.popup-login .form-group .input-group+.slerror {
position: static;
grid-column: 1 / -1;
width: calc(100% - 160px);
margin-left: auto;
color: #E01C1C !important;
display: flex;
padding: 0;
margin-top: 5px;
font-size: 12px;
}
.iti__selected-country-primary {
padding: 12px 0 12px 15px !important;
}
.iti .iti__selected-dial-code {
display: flex;
align-items: center;
column-gap: 10px;
margin: 0 !important;
font-size: 14px !important;
font-weight: 400;
line-height: normal;
padding-right: 10px;
}
.iti__selected-dial-code:after {
content: "";
display: inline-block;
width: 15px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M13.7486 5.23091C13.7486 5.33322 13.7068 5.42383 13.6231 5.50277L7.78753 11.0066C7.70385 11.0855 7.60777 11.125 7.4993 11.125C7.39083 11.125 7.29475 11.0855 7.21106 11.0066L1.37553 5.50277C1.29184 5.42383 1.25 5.33322 1.25 5.23091C1.25 5.12861 1.29184 5.03799 1.37553 4.95906L2.0018 4.3684C2.08548 4.28947 2.18156 4.25 2.29003 4.25C2.3985 4.25 2.49458 4.28947 2.57827 4.3684L7.5 9.01038L12.4217 4.3684C12.5054 4.28947 12.6015 4.25 12.71 4.25C12.8184 4.25 12.9145 4.28947 12.9982 4.3684L13.6245 4.95906C13.7082 5.03799 13.75 5.12861 13.75 5.23091H13.7486Z' fill='%23303841'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.iti__selected-dial-code:before {
content: '';
height: 10px;
width: 1px;
background: #ddd;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
background: transparent !important;
}
.iti--inline-dropdown .iti__dropdown-content {
box-shadow: none !important;
border-radius: 5px !important;
}
.iti__search-input {
padding: 10px 15px;
}
.popup-open-register .popup-login .popup-bg {
display: none !important;
}
@media(max-width: 991px) {
.popup-login .popup-inner-body {
padding: 30px 15px 20px;
}
.popup-inner-body-step1 legend {
margin-bottom: 10px;
}
.form-group > div.form-group-grid {
grid-template-columns: 1fr;
gap: 5px;
width: 100%;
padding-bottom: 15px;
margin-bottom: 15px;
}
.popup-inner-body-step1 .btn {
font-size: 14px;
padding: 9px 30px;
}
.popup-mobile .form-group:not(.form-group-newsletter) {
grid-template-columns: 1fr;
row-gap: 5px;
}
.popup-inner-body-step1 .popup-social .social_title {
margin: 10px 0;
}
.popup-inner-body-step1 .popup-help-text {
margin-top: 10px;
}
.popup-login .form-group .input-group+.slerror {
width: 100%;
margin: 0;
}
}
.disabled-page {
pointer-events: none;
}
.product-details .product-stats li span {
display: inline-block;
margin-left: 10px;
}
.product-details .product-stats li:not(:last-child) {
margin-bottom: 15px;
}
.product-details .review-links a:last-child {
text-decoration: underline;
}
.route-product-product .product-info .product-details .price-group {
align-items: flex-end !important;
line-height: 1;
}
.product-options .form-group {
flex-direction: column;
}
.product-options .form-group:last-child {
margin-bottom: 0;
}
.module-popup-22 .form-group select,
.product-options .form-group select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.module-popup-22 .form-group select.form-control,
.module-popup-22 .form-group select.form-control:hover,
.module-popup-22 .form-group select.form-control:focus,
.product-details .product-options select.form-control,
.product-details .product-options select.form-control:hover,
.product-details .product-options select.form-control:focus {
background-repeat: no-repeat !important;
background-position: right 15px center !important;
background-size: 15px 15px !important;
background-image: url("data:image/svg+xml;utf8,") !important;
padding-right: 40px !important;
}
.route-product-product:not(.popup) .product-info .product-details .button-group-page .wishlist-compare .btn {
min-width: 45px;
}
.specification-title {
color: #313841;
font-size: 20px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
padding: 10px 20px;
background-color: #f3f3f3;
border-radius: 5px;
margin-bottom: 20px;
}
.specification-title:not(:first-child) {
margin-top: 20px;
}
.specification-item:not(:first-child) {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #DDD;
}
.specification-title + .specification-item {
border-top: none;
padding-top: 0;
margin-top: 0;
}
@media(max-width: 991px) {
.specification-title {
font-size: 18px;
padding: 10px 15px;
}
}
.specification-item {
font-size: 14px;
font-weight: 400;
line-height: normal;
display: grid;
grid-template-columns: repeat(2,1fr);
align-items: center;
gap: 10px;
}
.review-form.form-horizontal .form-group {
flex-direction: column;
align-items: flex-start;
margin-bottom: 10px;
}
.review-form.form-horizontal .form-group .control-label {
padding: 0 0 5px;
max-width: 100%;
font-size: 16px;
}
.review-form.form-horizontal textarea.form-control {
padding: 10px 15px;
}
.review-form.form-horizontal textarea.form-control,
.review-form.form-horizontal input.form-control {
max-width: 100%;
width: 100%;
}
.review-form.form-horizontal .buttons {
padding-top: 0;
border: none;
margin-top: 15px;
}
.review-form .alert {
margin-bottom: 15px;
background: transparent !important;
padding: 0;
display: flex;
align-items: center;
gap: 5px;
}
.review-form .alert-danger {
color: #E01C1C !important;
}
.review-form .alert-success {
color: #16BD24 !important;
}
.attach {
position: relative;
}
.attach input {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
}
.attach-file-delete {
display: none;
align-items: center;
gap: 10px;
transition: color 0.3s;
cursor: pointer;
}
.attach-file-delete:hover {
color: #E01C1C;
}
.upload-button {
display: flex;
align-items: center;
column-gap: 10px;
color: #303841;
font-size: 16px;
font-weight: 700;
line-height: normal;
padding: 12px 30px;
border: 1px solid #303841;
background-color: transparent;
border-radius: 5px;
transition: all 0.3s;
}
.upload-button:hover {
background-color: #303841;
color: #fff;
}
.custom-stars {
direction: rtl;
gap: 2px;
margin: 0 !important;
flex: none !important;
}
.custom-stars input[type="radio"] {
display: none;
}
.custom-stars label {
width: 25px;
height: 25px;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
cursor: pointer;
margin: 0;
}
.custom-stars input:checked ~ label,
.custom-stars label:hover,
.custom-stars label:hover ~ label {
background-image: url('data:image/svg+xml;utf8,');
}
#button-review.disabled {
color: #303841;
}
.product-review {
padding: 20px;
border: 1px solid #ddd;
border-radius: 5px;
}
.product-review:not(:last-child) {
margin-bottom: 15px;
}
.product-review-name {
color: #303841;
font-size: 18px;
font-weight: 700;
line-height: normal;
margin-bottom: 10px;
}
.product-review-box,
.product-review-box > div {
display: flex;
align-items: center;
}
.product-review-box {
font-size: 12px;
line-height: normal;
column-gap: 15px;
margin-bottom: 15px;
}
.product-review-box > div {
column-gap: 5px;
}
.product-review-text {
font-size: 14px;
line-height: 21px;
}
.product-review-video {
margin-top: 15px;
}
.product-review-video iframe {
height: 225px;
max-width: 400px;
width: 100%;
}
.review-form-box {
max-width: 710px;
}
.product-review-title {
display: flex;
align-items: center;
column-gap: 10px;
}
.product-review-title span {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 1;
font-weight: 400;
height: 20px;
background-color: #303841;
aspect-ratio: 1/1;
color: #fff;
border-radius: 50%;
}
.module-popup-22 .grid-row:has(.module-form) {
margin: 0 !important;
}
.module-popup-22 .site-wrapper {
padding: 30px !important;
}
.module-popup-22 .popup-mobile .site-wrapper {
padding: 30px 15px 20px !important;
}
.module-popup-22 .popup-inner-body {
min-height: 613px !important;
height: 613px !important;
}
.module-popup-22 fieldset + .buttons {
margin-top: 20px;
padding-top: 20px;
}
.module-popup-22 body.popup-mobile fieldset + .buttons {
margin-top: 15px;
padding-top: 15px;
}
.module-popup-22 .form-horizontal .g-recaptcha {
transform: scale(0.91);
}
.module-popup-22 body.popup-mobile .form-horizontal .g-recaptcha {
transform: scale(1);
}
.module-popup-22 iframe {
z-index: -1;
}
.popup-wrapper.visible iframe {
z-index: 10;
}
.downloads-table {
overflow-y: auto;
}
.downloads-table-grid {
display: grid;
grid-template-columns: 1fr 1fr 45px;
column-gap: 15px;
align-items: center;
}
.downloads-table-head {
color: #313841;
font-size: 20px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
padding: 10px 20px;
border-radius: 5px;
background-color: #F3F3F3;
margin-bottom: 15px;
}
.downloads-table-body {
color: #303841;
font-size: 14px;
font-weight: 400;
line-height: normal;
}
.downloads-table-body-name {
color: #0075FF;
}
.downloads-table-body-link {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
aspect-ratio: 1/1;
border-radius: 5px;
color: #fff;
background-color: #303841;
transition: background-color 0.3s;
}
.downloads-table-body-link:focus,
.downloads-table-body-link:hover {
background-color: #E71414;
color: #fff;
}
.downloads-table-body-row {
padding: 0 20px 15px;
border-bottom: 1px solid #DDD;
}
.downloads-table-body-row:not(:last-child) {
margin-bottom: 15px;
}
@media(max-width: 991px) {
.downloads-table-grid {
min-width: max-content;
grid-template-columns: minmax(170px, 1fr) minmax(170px, 1fr) 45px;
}
.downloads-table-head {
font-size: 16px;
padding: 15px;
margin-bottom: 0;
min-width: max-content;
border-radius: 5px 5px 0 0;
}
.product_downloads .block-wrapper {
position: relative;
}
.product_downloads .block-wrapper::before,
.product_downloads .block-wrapper::after {
content: '';
height: calc(100% - 48px);
position: absolute;
bottom: 0;
width: 0.5px;
background-color: #ddd;
}
.product_downloads .block-wrapper::before {
left: 0;
}
.product_downloads .block-wrapper::after {
right: 1px;
}
.downloads-table-body-row {
padding: 15px;
border-bottom: 1px solid #DDD;
}
.downloads-table-body-row:not(:last-child) {
margin-bottom: 0;
}
}
.custom-gallery {
display: flex;
align-items: center;
margin: 30px 0 0;
column-gap: 30px;
}
.additional-images {
display: grid !important;
grid-template-columns: repeat(5, 1fr);
grid-auto-rows: min-content;
gap: 20px 30px;
width: 100%;
margin: 0 !important;
}
.additional-images .additional-image {
width: 100% !important;
padding: 0;
}
.image-pair-block {
display: flex;
flex-direction: column;
row-gap: 20px;
}
.next-button {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
min-width: 50px;
height: 50px;
border-radius: 5px;
background-color: #585858;
transition: background-color 0.3s;
}
.next-button:hover {
background-color: #313841;
}
.product-info .button-group-page .btn-extra.btn::before {
font-size: 16px !important;
}
.button-group-page-title {
font-size: 16px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 10px;
}
@media(max-width: 991px) {
.custom-gallery {
margin: 10px 0 20px;
column-gap: 10px;
}
.additional-images {
grid-template-columns: repeat(6, 1fr);
gap: 10px;
}
.image-pair-block {
row-gap: 10px;
}
.next-button {
width: 30px;
min-width: 30px;
height: 30px;
}
.next-button svg {
width: 15px;
height: 15px;
}
.product-image .swiper-slide img {
max-height: 500px;
object-fit: contain;
}
.product-info .product-manufacturer.brand-image a {
flex-direction: column;
}
.button-group-page .wishlist-compare .btn {
min-width: 40px !important;
}
}
@media(max-width: 575px) {
.button-group-page .wishlist-compare .btn::before {
height: 25px;
}
.product-image .swiper-slide img {
max-height: 230px;
}
.additional-images {
grid-template-columns: repeat(4, 1fr);
}
.product-info .product-details .buttons-wrapper {
row-gap: 20px;
flex-direction: column;
}
.product-info .product-details .wishlist-compare {
justify-content: start !important;
}
.product-info .product-details .stepper-group {
row-gap: 10px;
max-width: 100%;
width: 100% !important;
}
.product-info .product-details .buttons-wrapper .extra-group {
flex-direction: column;
row-gap: 10px;
}
.product-info .product-details .stepper-group-box {
flex-direction: column;
row-gap: 20px;
align-items: flex-start;
}
.product-info .button-group-page .btn-cart.btn {
width: 100%;
}
.product-info .button-group-page .extra-group .btn:first-child .btn-text {
padding: 0 10px !important;
}
}
.complex-products {
padding: 80px 0;
margin-top: 80px;
background-color: #EEEEEE;
border-top: 1px solid #DDD;
}
.complex-products .product-layout {
width: 100% !important;
padding: 0 !important;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.complex-products .main-products.product-grid {
margin: 0;
align-items: stretch;
}
.complex-products-inner-title {
position: relative;
color: #FFF;
font-size: 14px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
background-color: #303841;
padding: 12px;
margin-bottom: 30px;
text-align: center;
}
.carousel-mode .nav-tabs {
overflow: visible !important;
}
.carousel-mode .nav-tabs a,
.route-product-product .carousel-mode .module-item-1 .title {
position: relative;
}
.carousel-mode .nav-tabs li.active a::before,
.route-product-product .carousel-mode .module-item-1 .title::before,
.complex-products-inner-title::before {
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
content: "";
display: block;
width: 20px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2210%22%20viewBox%3D%220%200%2020%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22path-1-inside-1_2626_48136%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M0%200H20L10%2010L0%200Z%22/%3E%3C/mask%3E%3Cpath%20d%3D%22M0%200V-10H-24.1421L-7.07107%207.07107L0%200ZM20%200L27.0711%207.07107L44.1421%20-10H20V0ZM10%2010L2.92893%2017.0711L10%2024.1421L17.0711%2017.0711L10%2010ZM0%2010H20V-10H0V10ZM12.9289%20-7.07107L2.92893%202.92893L17.0711%2017.0711L27.0711%207.07107L12.9289%20-7.07107ZM17.0711%202.92893L7.07107%20-7.07107L-7.07107%207.07107L2.92893%2017.0711L17.0711%202.92893Z%22%20fill%3D%22%23303841%22%20mask%3D%22url(%23path-1-inside-1_2626_48136)%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.complex-products .container {
max-width: 1440px;
width: 100%;
padding: 0 20px;
}
.complex-products .swiper-container-horizontal >.swiper-pagination-bullets, .complex-products .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 0;
}
.complex-products .swiper-pagination {
display: flex;
align-items: center;
justify-content: center;
column-gap: 7px;
}
.complex-products .swiper-pagination-bullet {
background-color: #979797;
opacity: 1 !important;
}
.complex-products .swiper-pagination-bullet-active {
background-color: #303841;
}
.complex-products .swiper-pagination-bullet:hover {
background-color: #303841;
}
.complex-products .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0;
}
.complex-products .swiper-container {
position: static;
}
.complex-products .swiper-container-grid {
position: relative;
display: flex;
column-gap: 20px;
padding-bottom: 30px;
}
@media(max-width: 1199px) {
.swiper-box,
.complex-products .swiper-container-grid {
column-gap: 10px;
}
}
@media(max-width: 991px) {
.complex-products {
margin-top: 40px;
padding: 40px 0;
}
.complex-products .container {
padding: 0 14px;
}
.swiper-box,
.complex-products .swiper-container-grid {
padding-bottom: 25px;
}
}
@media(max-width: 767px) {
.swiper-custom-btn {
display: none;
}
}
.route-product-product .grid-cols {
border-radius: 0 !important;
}
.carousel-mode .swiper .swiper-pagination {
display: flex;
gap: 7px;
bottom: 0;
margin: 0;
}
.carousel-mode .swiper .swiper-pagination .swiper-pagination-bullet{
margin: 0;
}
.sets-banner {
margin-bottom: 20px;
position: relative;
overflow: hidden;
border-radius: 5px;
cursor: pointer;
background-color: #313841;
transition: transform 0.3s ease;
}
.sets-banner::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(120deg, rgba(256, 256, 256, 0) 0%, rgba(256, 256, 256, 0.4) 50%, rgba(256, 256, 256, 0) 100%);
transform: skewX(-20deg);
transition: none;
z-index: 1;
}
.sets-banner:hover::before {
animation: scan .8s ease-out forwards;
}
@keyframes scan {
0% { left: -100%; }
100% { left: 120%; }
}
.sets-banner-img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.sets-banner-title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -48%);
color: #FFF;
text-align: center;
font-size: 22px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
white-space: nowrap;
z-index: 11;
}
@media(max-width: 991px) {
.review-form.form-horizontal .form-group .control-label {
font-size: 14px;
}
.custom-stars label {
width: 20px;
height: 20px;
}
.upload-button {
font-size: 14px;
}
.buttons .pull-right #button-review.btn {
font-size: 16px;
}
#review > p {
margin-bottom: 15px;
}
}
@media(max-width: 767px) {
.sets-banner-img {
height: 45px;
}
.sets-banner-title {
font-size: 18px;
}
}
.product_extra .block-content > *:first-child {
margin-top: 0;
}
.product_extra .block-content > *:last-child {
margin-bottom: 0;
}
.product_extra .block-content img {
display: block;
width: 100%;
height: 500px;
object-fit: cover;
margin: 20px 0;
}
.video-table {
display: flex;
align-items: center;
gap: 15px 20px;
}
.video-table-row {
display: flex;
}
.video-table-row,
.video-table-row iframe {
width: 100%;
}
.adv-table {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 20px;
margin: 10px 0;
}
.adv-table-row span {
font-size: 16px;
font-weight: 700;
line-height: normal;
color: #303841;
}
.adv-table-row span::after {
content: '';
display: block;
width: 50px;
height: 1px;
background-color: #303841;
margin-top: 10px;
}
.adv-table-row p {
margin: 15px 0 0;
}
.table-decor {
border: none !important;
min-width: 520px;
margin: 20px 0;
}
.table-decor tbody tr:first-child {
background-color: #303841;
border-radius: 5px;
overflow: hidden;
color: #fff;
}
.table-decor tbody tr:first-child:hover td {
background-color: #303841;
}
.table-decor tbody tr:first-child td:first-child {
border-radius: 5px 0 0 5px;
overflow: hidden;
}
.table-decor tbody tr:first-child td:last-child {
border-radius: 0 5px 5px 0;
overflow: hidden;
}
.table-decor tbody tr:first-child td {
color: #EDEDED;
padding: 10px 0 !important;
font-size: 18px;
}
.table-decor tbody tr:not(:first-child) td {
padding: 15px 0 !important;
}
.table-decor tbody tr:first-child + tr td {
border-top: none !important;
padding-top: 20px !important;
}
.table-decor2 {
min-width: 520px;
}
.table-decor2 thead tr:not(:first-child) {
background-color: #F3F3F3;
}
.table-decor2 thead tr:first-child th {
font-size: 20px;
}
.table-decor2 thead tr:not(:first-child) th {
border-top: 1px solid #DDD;
font-size: 18px;
padding: 10px 20px !important;
}
.table-decor2 tbody tr:first-child td {
padding: 20px 20px 15px !important;
}
.table-decor2 tbody tr td {
padding: 15px 20px !important;
}
.table-wrapper {
overflow-x: auto;
}
@media(max-width: 991px){
.product_extra-283 .block-content img {
height: 300px;
}
.video-table {
flex-direction: column;
}
.adv-table {
gap: 15px;
}
.adv-table-row span::after {
margin-top: 5px;
}
.adv-table-row p {
margin: 10px 0 0;
}
.table-decor tbody tr:first-child td {
font-size: 16px;
}
.table-decor > tbody > tr > td {
vertical-align: top !important;
}
.table-decor2 thead tr:first-child th {
font-size: 18px;
}
.table-decor2 thead tr:not(:first-child) th {
font-size: 16px;
padding: 10px 15px !important;
}
.table-decor2 tbody tr:first-child td {
padding: 15px 15px 10px !important;
}
.table-decor2 tbody tr td {
padding: 10px 15px !important;
}
}
@media(max-width: 767px){
.adv-table {
grid-template-columns:1fr;
}
.product_extra-283 .block-content img {
height: auto;
}
.product-review-video iframe {
height: 125px;
}
.video-table-row iframe {
height: 180px;
}
}
/*Module block styles for About us page - start */
.module-blocks:is(.module-blocks-1184, .module-blocks-1185, .module-blocks-1186, .module-blocks-1187) .block-header img {
width: 100%;
height: 150px;
object-fit: cover;
border-radius: 5px 5px 0 0;
}
.module-blocks:is(.module-blocks-1184, .module-blocks-1185, .module-blocks-1186, .module-blocks-1187) .module-title {
padding: 0 20px;
}
.module-blocks:is(.module-blocks-1184, .module-blocks-1185, .module-blocks-1186, .module-blocks-1187) .block-content {
padding: 0 20px 20px;
}
.grid-item:has(.module-blocks:is(.module-blocks-1184, .module-blocks-1185, .module-blocks-1186, .module-blocks-1187)) {
height: 100%;
}
.module-blocks:is(.module-blocks-1184, .module-blocks-1185, .module-blocks-1186, .module-blocks-1187) .block-content ul {
margin: 0;
}
.module-blocks:is(.module-blocks-1184, .module-blocks-1185, .module-blocks-1186, .module-blocks-1187) .block-content ul li::marker,
.module-blocks:is(.module-blocks-1184, .module-blocks-1185, .module-blocks-1186, .module-blocks-1187) .block-content a {
color: #303841;
}
.module-blocks:is(.module-blocks-1184, .module-blocks-1185, .module-blocks-1186, .module-blocks-1187) .block-content a:hover {
color: #E01C1C;
}
@media (max-width: 760px) {
.module-blocks:is(.module-blocks-1184, .module-blocks-1185, .module-blocks-1186, .module-blocks-1187) .block-header img {
height: 100px;
}
.module-blocks:is(.module-blocks-1184, .module-blocks-1185, .module-blocks-1186, .module-blocks-1187) .block-content {
padding: 0 15px 15px;
}
}
/*Module block styles for About us page - end */
/*Module block styles for Training page - start */
.module-blocks.blocks-grid.module-blocks-1208 .module-body,
.module-blocks.blocks-grid.module-blocks-1209 .module-body {
margin: -10px;
}
@media (max-width: 760px) {
.module-blocks.blocks-grid.module-blocks-1208 .module-body,
.module-blocks.blocks-grid.module-blocks-1209 .module-body {
margin: -7.5px;
}
.module-blocks.blocks-grid.module-blocks-1208 .module-body {
}
}
/*Module block styles for Training page - end */
/*Module block styles for Installation page - end */
.module-title-1193 .title-wrapper h3 {
position: relative;
}
.module-title-1193 .title-wrapper h3::before,
.module-title-1193 .title-wrapper h3::after {
position: absolute;
width: 30px;
height: 30px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M7.2 6.13086C3.75 6.13086 0.9375 8.97148 0.9375 12.459C0.9375 14.8309 2.22187 16.959 4.25625 18.0465C4.15313 19.1527 3.69375 21.5059 1.80937 22.0215C1.35937 22.1434 1.06875 22.5746 1.125 23.034C1.18125 23.4934 1.55625 23.8496 2.025 23.859H2.16562C3.08437 23.859 8.12812 23.6527 11.3906 19.2746C13.5094 16.434 14.1375 13.3496 13.1719 10.6309C12.3656 7.94023 9.96562 6.13086 7.2 6.13086Z' fill='%23FF7C33'/%3E%3Cpath d='M28.6313 10.6406C27.825 7.95 25.425 6.14062 22.6594 6.14062C19.2094 6.14062 16.3969 8.98125 16.3969 12.4688C16.3969 14.8406 17.6813 16.9688 19.7156 18.0563C19.6125 19.1625 19.1531 21.5156 17.2688 22.0313C16.8188 22.1531 16.5281 22.5844 16.5844 23.0438C16.6406 23.5031 17.0156 23.8594 17.4844 23.8688H17.625C18.5438 23.8688 23.5875 23.6625 26.85 19.2844C28.9688 16.4438 29.5969 13.3594 28.6313 10.6406Z' fill='%23FF7C33'/%3E%3C/svg%3E");
}
.module-title-1193 .title-wrapper h3::before {
top: 0;
left: -45px;
}
.module-title-1193 .title-wrapper h3::after {
bottom: 0;
right: -45px;
}
@media (max-width: 760px) {
.module-title-1193 .title-wrapper h3::before,
.module-title-1193 .title-wrapper h3::after {
width: 25px;
height: 25px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M6 5.10938C3.125 5.10938 0.78125 7.47656 0.78125 10.3828C0.78125 12.3594 1.85156 14.1328 3.54688 15.0391C3.46094 15.9609 3.07812 17.9219 1.50781 18.3516C1.13281 18.4531 0.890625 18.8125 0.9375 19.1953C0.984375 19.5781 1.29688 19.875 1.6875 19.8828H1.80469C2.57031 19.8828 6.77344 19.7109 9.49219 16.0625C11.2578 13.6953 11.7812 11.125 10.9766 8.85938C10.3047 6.61719 8.30469 5.10938 6 5.10938Z' fill='%23FF7C33'/%3E%3Cpath d='M23.8594 8.86719C23.1875 6.625 21.1875 5.11719 18.8828 5.11719C16.0078 5.11719 13.6641 7.48438 13.6641 10.3906C13.6641 12.3672 14.7344 14.1406 16.4297 15.0469C16.3438 15.9688 15.9609 17.9297 14.3906 18.3594C14.0156 18.4609 13.7734 18.8203 13.8203 19.2031C13.8672 19.5859 14.1797 19.8828 14.5703 19.8906H14.6875C15.4531 19.8906 19.6562 19.7188 22.375 16.0703C24.1406 13.7031 24.6641 11.1328 23.8594 8.86719Z' fill='%23FF7C33'/%3E%3C/svg%3E");
}
.module-title-1193 .title-wrapper h3::before {
left: -25px;
}
.module-title-1193 .title-wrapper h3::after {
right: -25px;
}
}
.grid-cols:has(.module-info_blocks) {
justify-content: center;
}
.module-info_blocks .info-block .info-block-text a {
color: #E01C1C;
text-decoration: underline;
font: inherit;
}
.module-info_blocks .info-block .info-block-text a:hover {
color: #E01C1C;
text-decoration: none;
}
.module-info_blocks:is(.module-info_blocks-1198, .module-info_blocks-1200, .module-info_blocks-1201, .module-info_blocks-1202, .module-info_blocks-1203) .info-block-img {
min-width: 30px;
width: 30px;
height: 30px;
}
@media (max-width: 760px) {
.module-info_blocks:is(.module-info_blocks-1198, .module-info_blocks-1200, .module-info_blocks-1201, .module-info_blocks-1202, .module-info_blocks-1203) .info-block-img {
min-width: 20px;
width: 20px;
height: 20px;
}
}
/*Module block styles for Installation page - end */
/*Cart styles - start */
.cart-content-inner {
background: #FFF;
min-height: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.cart__head {
position: relative;
border-bottom: 1px solid #DDDDDD;
padding: 20px 0 15px;
margin: 0 20px;
display: flex;
align-items: center;
gap: 15px;
background: #FFF;
flex: 0 0 auto;
}
@media (max-width: 991px) {
.cart__head {
padding: 15px 0;
margin: 0 15px;
}
}
.cart__head svg path {
transition: .3s;
}
.cart__back {
padding: 8px 12px;
background: #fff;
display: block;
border: 1px solid #DDD;
border-radius: 5px;
cursor: pointer;
transition: .3s;
box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.07);
}
.cart__back svg {
width: 20px;
height: 20px;
display: block;
}
.cart__back:hover,
.cart__clear:hover {
background: #303841;
border-color: #303841;
color: #FFF;
}
.cart__back:active,
.cart__back:focus,
.cart__clear:active,
.cart__clear:focus {
background: #232323;
border-color: #232323;
color: #FFF;
}
.cart__clear:hover svg path,
.cart__back:hover svg path,
.cart__clear:active svg path,
.cart__back:active svg path,
.cart__clear:focus svg path,
.cart__back:focus svg path {
fill: #FFF;
}
.cart__clear {
margin: 0 0 0 auto;
padding: 10px 15px;
border-radius: 5px;
border: 1px solid #585858;
background: transparent;
cursor: pointer;
transition: 0.25s;
color: #585858;
font-size: 14px;
line-height: 16px;
font-weight: 700;
display: flex;
align-items: center;
gap: 10px;
}
.cart__clear svg {
width: 16px;
height: 16px;
}
.cart__heading {
display: flex;
align-items: center;
gap: 10px;
color: #343434;
font-size: 20px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
}
.cart__heading svg {
width: 20px;
height: 20px;
}
@media (max-width: 991px) {
.cart__heading {
font-size: 18px;
line-height: 26px;
}
}
.cart__body {
flex: 1 1 auto;
overflow-y: auto;
}
div.cart-content ul.cart__list {
margin: 0;
padding: 5px 0 0;
list-style: none;
box-shadow: none;
border-radius: 0;
}
.cart__list > li {
margin: 0 20px;
}
@media (max-width: 991px) {
.cart__list > li {
margin: 0 15px;
}
}
.cart__list > li:not(:last-child) {
border-bottom: 1px solid #DDD;
}
.cart__item {
display: grid;
grid-template-columns: 60px 1fr 15px;
grid-gap: 15px;
position: relative;
overflow: hidden;
padding: 15px 0;
align-items: flex-start;
}
.cart__item--empty {
grid-template-columns: initial;
font-size: 14px;
line-height: 16px;
}
@media (max-width: 991px) {
.cart__item {
grid-gap: 10px 15px;
}
}
.cart__item-delete {
border: none;
background: none;
cursor: pointer;
transition: 0.3s;
}
.cart__item-delete svg {
width: 15px;
height: 15px;
display: block;
}
.cart__item-delete svg path {
transition: .3s;
}
.cart__item-delete:hover svg path {
fill: #E01C1C;
}
.cart__item-image {
border-radius: 5px;
border: 1px solid #DDD;
width: 60px;
height: 60px;
}
.cart__item-image img {
object-fit: contain;
display: inline-block;
vertical-align: middle;
max-height: 100%;
}
.cart__item-id {
display: block;
color: #8C8B8B;
font-size: 12px;
line-height: 14px;
margin-bottom: 5px;
}
.cart__item-title {
color: #303841;
text-decoration: none;
font-size: 14px;
line-height: 16px;
margin-bottom: 10px;
font-weight: 700;
width: fit-content;
display: block;
transition: .3s;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.cart__item-title:visited {
color: #303841;
}
.cart__item-title:hover {
color: #E01C1C;
text-decoration: none;
}
.cart__item-price {
margin-top: 10px;
color: #303841;
font-size: 12px;
line-height: 16px;
display: flex;
align-items: flex-end;
gap: 5px;
}
.cart__item-price b {
font-size: 16px;
line-height: 18px;
font-weight: 700;
}
.cart-options {
grid-column: span 3 / auto;
}
.cart-options__head {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
color: #E01C1C;
font-size: 14px;
line-height: 16px;
cursor: pointer;
}
.cart-options__title {
color: #E01C1C;
font-size: 14px;
line-height: 16px;
}
.cart-options__title span {
color: #303841;
}
.cart-options__toggle {
background: transparent;
padding: 0;
}
.cart-options .cart-options__head svg,
.cart-option__group .cart-option__group-checkbox svg {
min-width: 15px;
width: 15px;
height: 15px;
display: block;
}
.cart-options.active .cart-options__head svg,
.cart-option__group.active .cart-option__group-checkbox svg {
rotate: -180deg;
}
.cart-options__wrapper {
padding-top: 15px;
display: none;
}
.cart-options__wrapper.active {
display: block;
}
.cart-option__group:not(:last-child) {
margin-bottom: 15px;
}
.cart-option__group-img,
.cart-option__values-img {
width: 40px;
height: 40px;
margin-right: 5px;
border-radius: 5px;
border: 1px solid #DDD;
}
.cart-option__group-checkbox.form-check {
display: flex;
gap: 10px;
width: 100%;
}
.cart-option__group-checkbox.form-check:not(:last-child) {
margin-bottom: 10px;
}
.cart-option__group-checkbox svg {
margin-left: auto;
}
.cart-option__values {
display: none;
padding-left: 25px;
}
.cart-option__values.active {
display: block;
}
.cart-option__values-price {
font-weight: 700;
}
.cart-option__group-checkbox .form-check__text {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
width: 100%;
}
.cart__total {
padding: 15px 0;
border-top: 1px solid #DDDDDD;
margin: 0 20px;
}
@media (max-width: 991px) {
.cart__total {
margin: 0 15px;
}
}
.cart__total-item {
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.cart__total-item:not(:last-child) {
margin-bottom: 10px;
}
.cart__total-item span {
font-size: 14px;
line-height: 16px;
color: #303841;
}
.cart__total-item span:last-child {
font-weight: 700;
}
.cart__total-item--last span:last-child {
font-size: 16px;
}
.cart__bottom {
border-top: #EBEFF8;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
padding-top: 20px;
flex: 0 0 auto;
}
@media (max-width: 991px) {
.cart__bottom {
padding-top: 15px;
}
}
.cart__foot {
padding: 15px 0 20px;
margin: 0 20px;
border-top: 1px solid #F5F5F5;
display: flex;
align-items: center;
gap: 10px;
}
.cart__foot-btn.btn {
border-radius: 5px;
font-size: 14px;
line-height: 16px;
text-decoration: none;
font-weight: 700;
border: none;
width: 100%;
}
.cart__foot-btn.btn-default {
background: #E01C1C;
}
.cart__foot-btn.btn-default:hover {
background: #303841 !important;
}
.cart__foot-btn.btn-default:active,
.cart__foot-btn.btn-default:focus {
background: #232323;
}
@media (max-width: 991px) {
.cart__foot {
flex-direction: column;
margin: 0 15px;
}
}
.cart-sets:has( + .buy-click) + .buy-click {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #DDD;
}
.cart-sets .d-flex {
display: flex;
}
.cart-sets {
border-radius: 5px;
border: 1px solid #E01C1C;
background-color: #F3F3F3;
padding: 15px;
margin: 0 20px;
}
.cart-sets__list {
padding: 0;
margin: 0;
list-style: none;
background: transparent !important;
box-shadow: none !important;
max-height: 80px;
overflow: hidden;
transition: max-height 0.3s ease-in-out;
}
.cart-sets__item {
display: grid;
grid-template-columns: 1fr 80px;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.cart-sets__item-left {
column-gap: 15px;
}
.cart-sets__item-img {
display: block;
background-color: #fff;
min-width: 30px;
width: 30px;
height: 30px;
border-radius: 5px;
border: 1px solid #DDD;
overflow: hidden;
transition: border-color 0.3s;
}
.cart-sets__item-img:hover {
border-color: #E01C1C;
}
.cart-sets__item-img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.cart-sets__item-name {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: #303841;
font-size: 12px;
font-weight: 500;
line-height: 14px;
transition: color 0.3s;
}
.cart-sets__item-name:hover {
color: #E01C1C;
}
.cart-sets__item-right {
font-size: 14px;
line-height: 16px;
font-weight: 400;
justify-self: self-end;
}
.cart-sets__item-special {
display: block;
color: #585858;
font-size: 12px;
line-height: 14px;
text-decoration: line-through;
margin-bottom: 2px;
}
.cart-sets__item-price {
font-weight: 700;
color: #303841;
}
.cart-sets__item-right.special .cart-sets__item-price {
color: #E01C1C;
}
.cart-sets__plus {
margin: 5px 0;
justify-content: center;
}
.cart-sets__action {
position: relative;
justify-content: space-between;
align-items: flex-end;
padding-top: 15px;
}
.cart-sets__action::before {
content: '';
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 20px;
background: linear-gradient(180deg, rgba(246, 246, 246, 0.00) 31.67%, #F6F6F6 100%);
z-index: 1;
opacity: 1;
transition: opacity 0.3s;
pointer-events: none;
}
.set-open .cart-sets__action::before {
opacity: 0;
}
.cart-sets__show {
position: relative;
border-radius: 5px;
border: 1px solid #E01C1C;
width: 25px;
height: 25px;
background-color: transparent;
transition: background-color 0.3s;
padding: 0;
cursor: pointer;
}
.cart-sets__show svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
width: 15px;
height: 15px;
}
.cart-sets__show path {
transition: fill 0.3s;
}
.cart-sets__show:hover {
background-color: #E01C1C;
}
.cart-sets__show:hover path {
fill: #fff;
}
.set-open .cart-sets__show .open {
opacity: 0;
transform: translate(-50%, -50%) scale(0);
}
.set-open .cart-sets__show .close {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.cart-sets__show .open {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.cart-sets__show .close {
opacity: 0;
transform: translate(-50%, -50%) scale(0);
}
.cart-sets__box {
column-gap: 15px;
align-items: center;
}
@media(max-width: 767px) {
.cart-sets__box {
column-gap: 10px;
}
}
.cart-sets__total {
color: #292A30;
font-size: 14px;
line-height: 16px;
font-weight: 700;
line-height: normal;
}
.cart-sets__special {
color: #FF5050;
font-size: 12px;
line-height: 14px;
font-weight: 400;
display: block;
margin-top: 5px;
}
.cart-sets__btn {
display: flex;
align-items: center;
column-gap: 10px;
padding: 12px 20px !important;
font-size: 14px !important;;
line-height: 16px !important;
}
@media(max-width: 767px) {
.cart-sets__btn {
padding: 6px 10px;
}
}
.buy-click {
padding: 0 0 15px;
border-bottom: 1px solid #DDD;
margin: 0 20px;
}
@media (max-width: 991px) {
.buy-click {
margin: 0 15px;
}
}
.buy-click__content {
margin-bottom: 10px;
}
.buy-click__title {
color: #303841;
font-size: 16px;
line-height: 18px;
font-weight: 700;
margin: 0 0 5px;
}
.buy-click__text {
display: block;
color: #8C8B8B;
font-size: 14px;
line-height: 16px;
}
.buy-click__action {
display: flex;
position: relative;
}
.buy-click__in {
border-radius: 5px 0 0 5px;
border: 1px solid #DDD;
padding: 12px 20px;
width: 100%;
color: #303841;
font-size: 14px;
line-height: 16px;
transition: all 0.1s ease-out;
background: #FFF;
}
.buy-click__in:hover {
background: #F3F3F3;
}
.buy-click__in:focus {
background: #FFF;
border-color: #303841;
}
.error .buy-click__in {
border-color: #FF5151;
}
.buy-click__in::placeholder {
color: #585858;
}
.buy-click__error {
position: absolute;
background: #FF5151;
border-radius: 5px;
padding: 5px 10px;
font-size: 12px;
color: #fff;
top: 0;
left: 0;
box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.07);
transform: translateY(-100%);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s, transform 0.3s;
}
.error-time .buy-click__error {
transform: translateY(-120%);
opacity: 1;
visibility: visible;
pointer-events: initial;
}
.buy-click__btn {
padding: 12px 20px;
border-radius: 0 5px 5px 0 !important;
background: #FFF;
color: #303841;
font-size: 14px;
line-height: 16px;
font-weight: 700;
white-space: nowrap;
border: 1px solid #303841;
transition: all 0.1s ease-out;
}
.buy-click__btn:hover {
background: #303841;
color: #FFF;
border-color: #303841;
}
.buy-click__btn:active,
.buy-click__btn:focus {
background: #232323;
color: #FFF;
border-color: #232323;
}
@media (max-width: 1250px) {
.buy-click {
order: 1;
}
}
/*Cart styles - end */
/*faq module start*/
.panel-group .panel-heading.faq__q a {
padding: 20px 0;
color: #303841;
font-size: 18px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
transition: color 0.3s;
text-decoration: none;
}
.panel-group .panel-heading.faq__q a:hover {
color: #E01C1C;
}
.panel-group .panel-heading.faq__q a::before {
content: '' !important;
display: inline-block;
min-width: 20px;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
margin: 0;
margin-left: 15px;
}
.panel-group .panel-active .panel-heading.faq__q a::before {
content: '' !important;
}
.panel-group .panel-heading.faq__q a:hover::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 17.1867C9.46055 17.1867 9.02344 16.7496 9.02344 16.2101V3.78979C9.02344 3.25034 9.46055 2.81323 10 2.81323C10.5395 2.81323 10.9766 3.25034 10.9766 3.78979V16.2101C10.9766 16.7496 10.5395 17.1867 10 17.1867Z' fill='%23E01C1C'/%3E%3Cpath d='M16.2104 10.9766H3.79004C3.25059 10.9766 2.81348 10.5395 2.81348 10C2.81348 9.46055 3.25059 9.02344 3.79004 9.02344H16.2104C16.7498 9.02344 17.1869 9.46055 17.1869 10C17.1869 10.5395 16.7498 10.9766 16.2104 10.9766Z' fill='%23E01C1C'/%3E%3C/svg%3E");
}
.panel-group .panel-heading.faq__q a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 17.1867C9.46055 17.1867 9.02344 16.7496 9.02344 16.2101V3.78979C9.02344 3.25034 9.46055 2.81323 10 2.81323C10.5395 2.81323 10.9766 3.25034 10.9766 3.78979V16.2101C10.9766 16.7496 10.5395 17.1867 10 17.1867Z' fill='%23585858'/%3E%3Cpath d='M16.2104 10.9766H3.79004C3.25059 10.9766 2.81348 10.5395 2.81348 10C2.81348 9.46055 3.25059 9.02344 3.79004 9.02344H16.2104C16.7498 9.02344 17.1869 9.46055 17.1869 10C17.1869 10.5395 16.7498 10.9766 16.2104 10.9766Z' fill='%23585858'/%3E%3C/svg%3E");
}
.panel-group .panel-active .panel-heading.faq__q a:hover::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.2094 10.9766H3.78906C3.24961 10.9766 2.8125 10.5395 2.8125 10C2.8125 9.46055 3.24961 9.02344 3.78906 9.02344H16.2094C16.7488 9.02344 17.1859 9.46055 17.1859 10C17.1859 10.5395 16.7488 10.9766 16.2094 10.9766Z' fill='%23E01C1C'/%3E%3C/svg%3E");
}
.panel-group .panel-active .panel-heading.faq__q a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.2094 10.9766H3.78906C3.24961 10.9766 2.8125 10.5395 2.8125 10C2.8125 9.46055 3.24961 9.02344 3.78906 9.02344H16.2094C16.7488 9.02344 17.1859 9.46055 17.1859 10C17.1859 10.5395 16.7488 10.9766 16.2094 10.9766Z' fill='%23585858'/%3E%3C/svg%3E");
}
.faq__q a:hover {
color: #E01C1C;
}
.faq-wrapper .panel-group {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 40px;
}
.faq-group-right.hidden {
display: none;
}
.panel-group .panel-heading.faq__q {
border: none !important;
}
.faq__item {
border-bottom: 1px solid #ddd !important;
}
.faq__item:first-child {
border-top: 1px solid #ddd;
}
.faq__a .panel-body *:first-child {
margin-top: 0;
}
.faq__a .panel-body *:last-child {
margin-bottom: 0;
}
.faq__a .panel-body {
font-size: 16px;
line-height: 24px;
}
.faq__a .panel-body ul,
.faq__a .panel-body ol {
padding-left: 30px;
margin: 5px 0;
}
.faq__a .panel-body p {
margin: 5px 0;
}
.faq__a .panel-body a {
color: #E01C1C;
text-decoration: underline;
transition: color 0.3s;
}
.faq__a .panel-body a:hover {
color: #303841;
}
.faq__title {
font-size: 24px;
line-height: normal;
margin-bottom: 20px;
}
.faq__title h2 {
margin: 0;
}
.faq__title::after {
content: '';
display: block;
margin-top: 10px;
width: 50px;
height: 1px;
background-color: #303841;
}
#top .faq__title {
text-align: center;
}
#top .faq__title::after {
margin: 10px auto 0;
}
#top .panel-group .panel-heading.faq__q a {
font-size: 20px;
}
@media(max-width: 991px) {
.faq__title {
font-size: 20px;
}
.faq-wrapper .panel-group {
grid-template-columns: 1fr;
}
.faq__a .panel-body {
font-size: 14px;
line-height: 21px;
}
.panel-group .panel-heading.faq__q a {
padding: 15px 0;
font-size: 16px;
}
.faq-group-right .faq__item:first-child {
border: none;
}
#top .panel-group .panel-heading.faq__q a {
font-size: 18px;
}
}
/*faq module end*/
/*Module block styles for All Services page - start */
.module-form-tip {
display: flex;
align-items: center;
gap: 5px;
color: #585858;
font-size: 12px;
line-height: 15px;
}
.module-form-tip svg {
min-width: 15px;
}
.module-form .form-group:has(+ .form-group--tip) {
margin-bottom: 10px !important;
}
@media (max-width: 1024px) {
.layout-16 #column-right {
display: none;
}
.layout-16.one-column #content {
max-width: 100% !important;
}
}
.grid-cols:has(.module-form-1213) {
margin-left: initial;
}
/*Module block styles for All Services page - end */
/*Module block styles for Page Services / Injection molding - start */
.title-module.module-title-1020 .subtitle ul {
margin: 15px 0 20px;
}
@media (max-width: 760px) {
.title-module.module-title-1020 .subtitle ul {
margin: 10px 0 15px;
}
}
.title-module.module-title-1020 .subtitle ul:last-child {
margin-bottom: 0;
}
.module-gallery.module-gallery-1021 .swiper {
padding: 0;
}
.module-blocks:is(.module-blocks-1027) .block-content ul li::marker,
.module-blocks:is(.module-blocks-1027) .block-content a {
color: #FFFFFF;
}
.module-blocks:is(.module-blocks-1027) .block-content ul li::marker,
.module-blocks:is(.module-blocks-1027) .block-content a {
color: #FFFFFF;
}
.mobile .module-blocks-1030 img {
align-self: initial;
}
/*Module block styles for Page Services / Injection molding - end */
.information-11 .module-banners .module-item > a:hover::before {
opacity: 0;
}
/*Module block styles for Services - small batch production page - start */
.module-title-1236 .title-wrapper h3 {
position: relative;
}
.module-title-1236 .title-wrapper h3::before,
.module-title-1236 .title-wrapper h3::after {
position: absolute;
width: 30px;
height: 30px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M7.2 6.13086C3.75 6.13086 0.9375 8.97148 0.9375 12.459C0.9375 14.8309 2.22187 16.959 4.25625 18.0465C4.15313 19.1527 3.69375 21.5059 1.80937 22.0215C1.35937 22.1434 1.06875 22.5746 1.125 23.034C1.18125 23.4934 1.55625 23.8496 2.025 23.859H2.16562C3.08437 23.859 8.12812 23.6527 11.3906 19.2746C13.5094 16.434 14.1375 13.3496 13.1719 10.6309C12.3656 7.94023 9.96562 6.13086 7.2 6.13086Z' fill='%23FF7C33'/%3E%3Cpath d='M28.6313 10.6406C27.825 7.95 25.425 6.14062 22.6594 6.14062C19.2094 6.14062 16.3969 8.98125 16.3969 12.4688C16.3969 14.8406 17.6813 16.9688 19.7156 18.0563C19.6125 19.1625 19.1531 21.5156 17.2688 22.0313C16.8188 22.1531 16.5281 22.5844 16.5844 23.0438C16.6406 23.5031 17.0156 23.8594 17.4844 23.8688H17.625C18.5438 23.8688 23.5875 23.6625 26.85 19.2844C28.9688 16.4438 29.5969 13.3594 28.6313 10.6406Z' fill='%23FF7C33'/%3E%3C/svg%3E");
}
.module-title-1236 .title-wrapper h3::before {
top: 0;
left: -45px;
}
.module-title-1236 .title-wrapper h3::after {
bottom: 0;
right: -45px;
}
.information-56 .grid-col-top-2-2 {
border-radius: 5px;
}
.information-56 .expand-block {
position: relative;
}
.information-56 .expand-block .block-footer {
margin: 0;
position: absolute;
top: 50%;
right: -45px;
width: 30px;
height: 30px;
transform: translateY(-50%);
}
.custom-list {
list-style: none;
padding: 0 !important;
}
.custom-list:last-child {
margin-bottom: 0 !important;
}
.custom-list:first-child {
margin-top: 0 !important;
}
.custom-list li:not(:last-child) {
margin-bottom: 15px;
}
.custom-list li {
position: relative;
padding-left: 30px;
}
.custom-list li::after {
position: absolute;
display: block;
top: 50%;
left: 0;
transform: translateY(-50%);
content: url('data:image/svg+xml;utf8,');
width: 20px;
min-width: 20px;
height: 20px;
}
.information-56 #information-information {
display: none;
}
@media(max-width: 1024px) {
.information-56 .expand-block .block-footer {
top: auto;
right: 0;
bottom: -45px;
transform: translate(0) rotate(90deg);
left: 0;
margin: 0 auto;
}
}
@media (max-width: 760px) {
.module-title-1236 .title-wrapper h3::before,
.module-title-1236 .title-wrapper h3::after {
width: 25px;
height: 25px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M6 5.10938C3.125 5.10938 0.78125 7.47656 0.78125 10.3828C0.78125 12.3594 1.85156 14.1328 3.54688 15.0391C3.46094 15.9609 3.07812 17.9219 1.50781 18.3516C1.13281 18.4531 0.890625 18.8125 0.9375 19.1953C0.984375 19.5781 1.29688 19.875 1.6875 19.8828H1.80469C2.57031 19.8828 6.77344 19.7109 9.49219 16.0625C11.2578 13.6953 11.7812 11.125 10.9766 8.85938C10.3047 6.61719 8.30469 5.10938 6 5.10938Z' fill='%23FF7C33'/%3E%3Cpath d='M23.8594 8.86719C23.1875 6.625 21.1875 5.11719 18.8828 5.11719C16.0078 5.11719 13.6641 7.48438 13.6641 10.3906C13.6641 12.3672 14.7344 14.1406 16.4297 15.0469C16.3438 15.9688 15.9609 17.9297 14.3906 18.3594C14.0156 18.4609 13.7734 18.8203 13.8203 19.2031C13.8672 19.5859 14.1797 19.8828 14.5703 19.8906H14.6875C15.4531 19.8906 19.6562 19.7188 22.375 16.0703C24.1406 13.7031 24.6641 11.1328 23.8594 8.86719Z' fill='%23FF7C33'/%3E%3C/svg%3E");
}
.module-title-1236 .title-wrapper h3::before {
left: -25px;
}
.module-title-1236 .title-wrapper h3::after {
right: -25px;
}
}
/*Module block styles for Services - small batch production page - end */
/*# sourceMappingURL=style.min.css.map*/