/* bootstrap modified styles */
.breadcrumb-item::before { content: unset !important }
.breadcrumb-item:not(:last-child)::after { content: "/"; margin: 0 .5rem; color: var(--gray-500) }

.modal.left .modal-dialog { width: 300px }
.modal.fade.left .modal-dialog { transform: translate(-300px, 0) }
.modal.left.show .modal-dialog { transform: none !important }

.custom-select { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23aaa' d='M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z'/%3E%3C/svg%3E"); background-position: right .375rem center; background-size: 1.275rem; -webkit-appearance: none; -moz-appearance: none; appearance: none }

/* additional colors & backgrounds */

.bg-black { background: var(--black) !important }
.border-current { border-color: currentColor !important }
.border-gray-150 { border-color: var(--gray-150) !important }

html, body { font-size: 14px }
img { max-width: 100% }
body.loading [onclick] { pointer-events: none }
span[class*=col-], span.col { display: block }
svg { box-sizing: content-box }
svg:focus, svg>*:focus { outline: none }

.col-xxl-only { max-width: calc(190px + 1.5rem) }
@media (min-width: 1200px) {
  .col-aside { flex: 0 0 18.5rem; max-width: 18.5rem }
}

a.text-secondary:hover:not(.dark-on-hover),
a.text-dark:hover:not(.dark-on-hover) { color: var(--danger) !important; border-color: currentColor !important; transition: all ease .15s }

.border-bottom-dashed-style { border-bottom-style: dashed !important }
.border-bottom-dotted-style { border-bottom-style: dotted !important }
.t-0 { top: 0 } .b-0 { bottom: 0 } .l-0 { left: 0 } .r-0 { right: 0 }
.t-50p { top: 50% } .l-50p { left: 50% }
.z-index-2 { z-index: 2 }
.z-index-max { z-index: 9999 }
.cursor-pointer { cursor: pointer }

/* icons */
[class*=ft-icon] { fill: currentColor; transition: filter .15s ease-in-out }
.ft-icon-18 { width: 18px; height: 18px; margin: calc( (1.5rem - 18px) / 2) 0 }
.ft-icon-24 { width: 24px; height: 24px; margin: calc( (1.5rem - 24px) / 2) 0 }

.btn:not(:disabled):hover [class*=ft-icon].darker-on-hover, a:hover [class*=ft-icon].darker-on-hover { filter: brightness(75%) }

.btn-cart-add, .btn-cart-add [class*=ft-icon] { transition: none !important }
.btn-cart-add.btn-danger [class*=ft-icon],
.dropdown-toggle.btn-primary [class*=ft-icon],
.dropdown-item:active [class*=ft-icon] { color: var(--white) !important; filter: none !important; transition: none !important }

.rating-selection label.active, .rating-selection label.hover { color: var(--warning) !important }
.rating-selection label.active.hover { filter: brightness(95%) }

.btn .loading-icon, .btn.loading .static-icon { display: none }
.btn .static-icon, .btn.loading .loading-icon { display: block }

.collapsed > .toggle-hidden, .toggle-shown { display: inherit }
.collapsed > .toggle-shown, .toggle-hidden { display: none }

.copyright:hover svg { fill:var(--danger) !important}

/* custom styles */
[class*=line-clamp-] {
	display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.line-clamp-1 { -webkit-line-clamp: 1 }
.line-clamp-2 { -webkit-line-clamp: 2 }
.line-clamp-3 { -webkit-line-clamp: 3 }

.required > label:after { content: "\00A0\002A"; color: var(--danger) }
.has-error .option-error { background: rgba(255,0,0,.025) }

.ft-backdrop { height: 0; width: 0; visibility: hidden; opacity: 0; transition: opacity .15s linear; z-index: 9998; transition: opacity .15s linear }

.nav-pills-light .nav-link.active { color: var(--dark); background-color: var(--light) }

/* owl-carousel navigation */
.btn-dot { height: .6rem; width: .6rem; margin: .3rem; opacity: .2; transition: all ease 0.25s; }
.btn-dot:hover { opacity: .5 }
.btn-dot.active { transform: scale(1.5); opacity: 1 }

/* fix if the owl-carousel styles were not loaded beforehand */
.owl-carousel { display: none }
.owl-height { transition: none !important }

@media (max-width: 991px) {
  #ftHeaderLinks { overflow-x: auto }
  #ftHeaderLinks::-webkit-scrollbar { height: 0 }
  #ftHeaderLinks > ul { white-space: nowrap }
  #ftHeaderLinks a { border-bottom: none !important }
}

/* category menu */
#ftMenu.show .btn{ border-bottom-right-radius: 0; border-bottom-left-radius: 0 }

#ftMenu .category-menu-list { border-radius: 0; transform: none !important; top: 100% !important }
#ftMenu .category-menu-item { border-color: var(--gray-150) !important }
#ftMenu .category-menu-list > .category-menu-item:first-child { border-top-color: transparent !important }

#ftMenu .mobile-link-holder { height: 3rem; margin-top: -3rem }
html:not(.mobile) #ftMenu .mobile-link-holder { display: none !important }

#ftMenu [class*=list-level-].collapse { display: none }
#ftMenu [class*=list-level-],
#ftMenu [class*=list-level-].show{ display: block }

#ftMenu .menu-icon-holder > img { margin: -2px 0 }
#ftMenu .item-level-1.hover .link-level-1 .has-hover,
#ftMenu .item-level-2:hover .link-level-2 .has-hover,
#ftMenu .hover-icon { display: none }
#ftMenu .item-level-1.hover .link-level-1 .hover-icon,
#ftMenu .item-level-2:hover .link-level-2 .hover-icon,
#ftMenu .has-hover { display: block }

@media (max-width: 991px) {
	#ftMenu .category-menu-item a:active,
	#ftMenu .child-list-toggle:active { background: var(--light) }
	#ftMenu .list-level-2 { border: none !important; box-shadow: none !important; }
	#ftMenu .mobile-menu-separator {
		height: .75rem;
		background: var(--gray-100);
		border-top: 1px solid var(--gray-300) !important;
		border-bottom: 1px solid var(--gray-200);
	}
	#ftMenu .mobile-menu-extra { padding-top: .25rem; padding-bottom: .25rem; }
	#ftMenu .mobile-menu-extra .mobile-menu-link + .mobile-menu-link { border-top: 1px solid var(--gray-150) }
	#ftMenu .mobile-menu-extra .mobile-menu-link:active { background: var(--light) }
}

@media (min-width: 992px) {
  #ftMenu .category-menu-item .link-level-1 { transition: none !important }
	#ftMenu .category-menu-item.hover .link-level-1 { background: var(--light) }
	#ftMenu .item-level-1.hover .link-level-1.has-child:after {
		content: url("data:image/svg+xml,%3Csvg fill='%23868e96' width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E"); background-image: linear-gradient(to right, var(--light) 0%, var(--white) 100%); display: block; position: absolute; top: 0; right: 1px; height: 100%; 	width: calc(2rem + 2px); padding-top: calc((1.5rem - 24px) / 2 + .6rem); z-index: 1009;
	}

	#ftMenu .list-level-2 { display: none; position: absolute; left: 100%; top: 0; min-height: calc(100% + .5rem); z-index: 1008 }
	#ftMenu .category-menu-item.hover .list-level-2 { display:flex; flex-direction: column}

	#ftMenu .link-level-2 { font-weight: 600 }

	#ftMenu .list-level-2.cols-1 { width: calc(100% + .5rem) }
	#ftMenu .list-level-2.cols-2 { width: calc((var(--breakpoint-lg) - var(--breakpoint-lg)/4 - 60px) * 2/3) }
	#ftMenu .list-level-2.cols-3 { width: calc(var(--breakpoint-lg) - var(--breakpoint-lg)/4 - 60px) }

	#ftMenu .list-level-2.cols-1 .row-cols-1 > .col:nth-child(1) > .category-menu-item,
	#ftMenu .list-level-2.cols-2 .row-cols-1 > .col:nth-child(-n+2) > .category-menu-item,
	#ftMenu .list-level-2.cols-3 .row-cols-1 > .col:nth-child(-n+3) > .category-menu-item { border-top-color: transparent !important }

	#ftMenu .list-level-3.collapse { display:block }

	#ftMenu .list-level-3 .category-menu-item { border: none !important }
	#ftMenu .list-level-3 .category-menu-item:last-child { margin-bottom: 1rem }

	#ftMenu.d-show .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0 }

	#ftMenu .row.no-gutters.py-1:not(.py-lg-0) { padding-top: .1rem !important; padding-bottom: .1rem !important }

  .mobile #ftMenu .link-all { display: block !important }

	.category-menu-open #ftMenu + .menu-backdrop { visibility: visible; 	opacity: .5; height: 100%; width: 100% }
	.category-menu-open #ftMenu { z-index: 9999 }
}

@media (min-width: 1200px) {
	#ftMenu .list-level-2.cols-1 { width: calc(100% + .5rem) }
	#ftMenu .list-level-2.cols-2 { width: calc((var(--breakpoint-xl) - var(--breakpoint-xl)*.23 - 100px) * 2/3) }
	#ftMenu .list-level-2.cols-3 { width: calc(var(--breakpoint-xl) - var(--breakpoint-xl)*.23 - 100px) }
}

/* search */
#ftSearch input[type="search"]::-webkit-search-cancel-button {
  background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath fill='%23aaa' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") center no-repeat; -webkit-appearance: none; height: 24px;  width: 24px; right: 0; padding: 0.25rem; border-radius: 50%; opacity: 0.75; cursor: pointer;
}
#ftSearch .select-text{ max-width: 7rem }

.live-search-open #ftSearch { z-index: 9999 }
.live-search-open #ftSearch .form-control:focus { box-shadow: none }
.live-search-open #ftSearch + .search-backdrop { visibility: visible; opacity: .5; height: 100%; width: 100% }
.live-search-open #ftSearch .livesearch { display: block!important }

/* cart */
#ft_cart > .btn { min-width: 12rem }

#ft_cart .loading-icon,
#ft_cart.loading .static-icon { display: none }

#ft_cart .static-icon,
#ft_cart.loading .loading-icon { display: block }

#ft_cart .input-quantity { width: 2.7rem }

#ft_cart.loading .cart-mask { display: block !important; opacity:.3; z-index: 3 }

@media (min-width: 992px) {
  #ft_cart_total { margin: -.35rem 0 }
  #ft_cart_total > span.loading-wrapper { display: block; margin: .35rem 0 }
  #ft_cart_total > span:not(.loading-wrapper) { display: block; line-height: 1.25; font-size: .875rem }
}

/* products modules */
.products-carousel .owl-item.active + .active { border-left: 1px solid var(--gray-150) }
.product-item .product-name { min-height: 2.8rem }
@media (max-width: 991px) {
	#product-category .products-container > .row:not(.list) > .product-item { flex: 0 0 50% !important; max-width: 50% !important }
	#product-category .ft-category-filter .ft-filter-header { cursor: pointer }
	#product-category .ft-category-filter .ft-filter-header > * { pointer-events: none }
	#product-category .ft-category-filter .ft-filter-header .ft-filter-clear,
	#product-category .ft-category-filter .ft-filter-header .ft-filter-clear * { pointer-events: auto }
	#product-category .ft-category-filter.ft-filter-fixed { padding-top: 3.5rem }
	#product-category .ft-category-filter.ft-filter-fixed > .card-header { position: fixed; top: .5rem; left: .75rem; right: .75rem; z-index: 1055; border-radius: .35rem; box-shadow: 0 .35rem .9rem rgba(0, 0, 0, .2) }
}
@media (min-width: 992px) {
  .column-left .products-wall [class*=row-cols] > .col, .column-right .products-wall [class*=row-cols] > .col { flex: 0 0 100%; min-width: 100% }
}

/* news modules */
.article-item .article-name { min-height: 4rem }
@media (min-width: 992px) {
  .column-left .news-wall [class*=row-cols] > .col, .column-right .news-wall [class*=row-cols] > .col { flex: 0 0 100%; min-width: 100% }
}

/* products list view styles */
.list .product-image { text-align: left !important }
.list .product-text { display: block !important }
.list .product-item > .flex-column { flex-direction: row !important }
@media (max-width: 575px) {
  .list .product-item > .flex-column { padding: .5rem !important; flex-wrap: wrap !important }
	.list .product-image { flex: 0 0 40%; min-width: 40% }
	.list .product-description { flex: 0 0 60%; min-width: 60% }
	.list .product-controls { flex: 0 0 100%; min-width: 100% }
}
@media (min-width: 576px) {
  .list .product-image { flex: 0 0 18%; min-width: 18%; padding: 1rem !important }
  .list .product-name { margin-top: .5rem !important }
  .list .product-name a { font-weight: 600 !important }
  .list .product-controls { display: flex; flex-direction: column !important; flex: 0 0 15rem; min-width: 15rem; padding: 1rem; border-left: 1px solid var(--gray-150); margin-left: auto }
  .list .product-controls .btn-group { display: flex !important; margin-top: auto !important }
}

/* footer map styles */
#ft_fmap .code-container > * { width: 100% !important; height: 100% !important }

/* footer styles */
.category-menu-open #footer-fixed-buttons,
.live-search-open #footer-fixed-buttons,
.modal-open #footer-fixed-buttons,
.psw-open #footer-fixed-buttons { z-index: 1040 !important }

/* product page */
#product-gallery .owl-carousel .animated {
  -webkit-animation-duration : .25s !important ;
  animation-duration : .25s !important ;
}

.option-image:checked + label { border-color: var(--primary) !important; border-width: 2px !important;	margin: -1px !important }

.nav-tabs .nav-link.active { padding: .6rem 1rem; }
@media (min-width: 992px) {
	.nav-tabs .flex-fill { flex: none !important }
}
body{}.stiker-special{background-color:#dc3545;color:#ffffff}.stiker-upc{background-color:#007bff;color:#ffffff}.stiker-ean{background-color:#28a745;color:#ffffff}.stiker-jan{background-color:#ffc107;color:#343a40}.stiker-isbn{background-color:#17a2b8;color:#ffffff}.stiker-mpn{background-color:#343a40;color:#ffffff}

#product-product .ft-product-media{border:1px solid #eef1f3;border-radius:0.35rem;padding:16px;box-shadow:0 18px 45px rgba(33,37,41,0.12)}
#product-product .ft-product-card{border:1px solid #eef1f3;border-radius:12px;box-shadow:none}
#product-product .ft-product-card .card-body{background:#ffffff;border-radius:0.35rem;box-shadow:0 18px 45px rgba(33,37,41,0.12)}
#product-product .ft-product-summary{display:grid;gap:16px}
#product-product .ft-product-price-row{align-items:flex-start}
#product-product .ft-product-price .h2{font-size:2rem;letter-spacing:-0.02em}
#product-product .ft-product-rating{display:flex;align-items:center;gap:8px}
#product-product .ft-product-lead{color:#4b4f56}
#product-product .ft-product-meta{display:flex;flex-wrap:wrap;gap:8px}
#product-product .ft-product-meta__chip{background:#f6f7f9;border:1px solid #e3e6ea;border-radius:0.35rem;padding:4px 10px;font-size:0.85rem;color:#343a40}
#product-product .ft-product-highlights{background:#f9fafb;border:1px dashed #e3e6ea;border-radius:10px;padding:12px}
#product-product .ft-product-highlights__title{font-weight:600;margin-bottom:8px}
#product-product .ft-product-highlights__list{list-style:none;margin:0;padding:0}
#product-product .ft-product-highlights__item{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed #e3e6ea}
#product-product .ft-product-highlights__item:last-child{border-bottom:0}
#product-product .ft-product-highlights__name{color:#6c757d}
#product-product .ft-product-highlights__value{font-weight:600;color:#212529;text-align:right}
#product-product .ft-product-divider{height:1px;background:#eef1f3;margin:16px 0}
#product-product .ft-product-perks{display:grid;gap:6px;margin-top:12px}
#product-product .ft-product-perk{display:flex;gap:6px;align-items:baseline}
#product-product .ft-product-purchase{margin-top:16px;padding-top:16px;border-top:1px solid #eef1f3}
#product-product .ft-product-purchase .alert{border-radius:0.35rem}
#product-product .ft-product-card #button-cart{padding:0.75rem 1rem;font-size:1rem}
#product-product .ft-product-card .btn-group-sm .btn{border-radius:8px}
#product-product .ft-product-card .input-group{height:100%}
#product-product .ft-product-card .input-group .form-control{height:100%}
#product-product .ft-product-card .input-group .btn{height:100%}
#product-product .ft-product-card .input-group-prepend .btn,
#product-product .ft-product-card .input-group-append .btn{min-width:44px}
#product-product .ft-product-card .input-group-prepend .btn,
#product-product .ft-product-card .input-group-append .btn{display:flex;align-items:center;justify-content:center}
#product-product .ft-phone-card{border:1px solid #ffe3a1;border-radius:0.35rem;padding:14px 16px}
#product-product .ft-phone-card__icon{width:40px;height:40px;border-radius:0.35rem;background:#ffc009;display:flex;align-items:center;justify-content:center}
#product-product .ft-phone-card__icon svg{width:20px;height:20px;fill:#1a1a1a}
#product-product .ft-phone-card__label{font-size:0.85rem;color:#6c757d}
#product-product .ft-phone-card__phone{font-size:1.1rem;font-weight:600}
#product-product .ft-phone-card__hint{font-size:0.85rem;color:#6c757d}
#product-product .ft-additional-position-1 .custom-blocks{margin-left:-1.5rem;margin-right:-1.5rem;width:calc(100% + 3rem)}
#product-product .ft-additional-position-1 .custom-blocks>.col{flex:0 0 100%;max-width:100%}
#product-product .ft-additional-position-1 .custom-blocks>.col .custom-block{width:100%}
#product-product .ft-additional-position-1 .custom-block{border-color:#eef1f3;border-radius:10px;box-shadow:0 14px 30px rgba(33,37,41,0.08)}
@media (min-width:576px){#product-product .ft-additional-position-1 .custom-blocks>.col{flex:0 0 100%;max-width:100%}}
@media (min-width:992px){#product-product .ft-additional-position-1{padding-left:3rem;padding-right:3rem}#product-product .ft-additional-position-1 .custom-blocks{margin-left:-3rem;margin-right:-3rem;width:calc(100% + 6rem)}#product-product .ft-additional-position-1 .custom-blocks>.col{flex:0 0 33.333333%;max-width:33.333333%}}
@media (max-width:991.98px){#product-product .ft-product-media{padding:12px}}
/* advantages on main page styling */
.custom-blocks .col:nth-child(1) .custom-block {
    background-color: #f0f8ff57 !important;
    border-color: #027bff38 !important
}

.custom-blocks .col:nth-child(2) .custom-block {
    background-color: #e1566205 !important;
    border-color: #e3525e38 !important
}

.custom-blocks .col:nth-child(3) .custom-block {
    background-color: #50b46008 !important;
    border-color: #4fb35f42 !important
}

.custom-block .description {
    font-weight: 300
}

.ft-phone-card {
    background-color: #ffc00914;
}
#product-search .ft-special-product-promo {
    overflow: hidden;
}

#product-search .ft-special-product-promo .product-image {
    border-bottom: 1px solid #ecf0f3;
}

#product-search .ft-special-product-promo__media {
    border-radius: .45rem;
}

#product-search .ft-special-product-promo__icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 22px rgba(17, 24, 39, .15);
}

#product-search .ft-special-product-promo__icon svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: currentColor;
}

#product-search .ft-special-product-promo__sticker {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0 .5rem;
    border-radius: .25rem;
    color: #ffffff;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#product-search .ft-special-product-promo__hint {
    color: #5e6a74;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .35rem;
}

#product-search .ft-special-product-promo__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.85rem;
    padding: 0 .75rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .05em;
}

#product-search .ft-special-product-promo--green {
    border-color: #9dd7ab !important;
    background-color: #50b46008!important;
}

#product-search .ft-special-product-promo--green .ft-special-product-promo__media {
    background: linear-gradient(170deg, #50b46014 0%, #ffffff 85%);
}

#product-search .ft-special-product-promo--green .ft-special-product-promo__icon,
#product-search .ft-special-product-promo--green .ft-special-product-promo__sticker,
#product-search .ft-special-product-promo--green .ft-special-product-promo__badge {
    background: #4fb35f;
    color: #ffffff;
}

#product-search .ft-special-product-promo--blue {
    border-color: #99c4ff !important;
    background-color: #f0f8ff57!important;
}

#product-search .ft-special-product-promo--blue .ft-special-product-promo__media {
    background: linear-gradient(170deg, #0b66d416 0%, #ffffff 85%);
}

#product-search .ft-special-product-promo--blue .ft-special-product-promo__icon,
#product-search .ft-special-product-promo--blue .ft-special-product-promo__sticker,
#product-search .ft-special-product-promo--blue .ft-special-product-promo__badge {
    background: #0b66d4;
    color: #ffffff;
}
body{}.stiker-special{background-color:#dc3545;color:#ffffff}.stiker-upc{background-color:#007bff;color:#ffffff}.stiker-ean{background-color:#28a745;color:#ffffff}.stiker-jan{background-color:#ffc107;color:#343a40}.stiker-isbn{background-color:#17a2b8;color:#ffffff}.stiker-mpn{background-color:#343a40;color:#ffffff}/* top bar in header */ #top { border-bottom:0!important; padding-bottom:0!important } #top > .container > .row > .col { text-align:right!important; margin-right: .5rem } /* category menu */ .svg-menu-icon, .svg-submenu-icon { fill:var(--primary);display: block;margin:-2px 0;opacity:.75 } .svg-menu-icon.sale { fill:var(--danger) } .item-level-1.hover .svg-menu-icon, .item-level-2:hover .svg-submenu-icon { fill:var(--danger);opacity:1 } .level-arrow { display:none!important } .category-menu-item:not(.item-level-1):not(.item-level-2):not(.item-level-3) { opacity:.35 } #ftModalMenu .col-auto.border-left.d-lg-none { border:none!important; margin-right:.25rem } @media (min-width:992px) { #ftMenu [class*="list-level-2"].show { display:none } /* fix resize recombinate menu bug */ } /* main slide show on main page */ [id*=ftSlideshow] > div.border { border:none!important } [id*=ftSlideshow] .btn-next, [id*=ftSlideshow] .btn-prev { box-shadow: 0 0 1px 1px rgba(0,0,0,.1)!important; opacity: 0; transition: opacity ease .2s } [id*=ftSlideshow]:hover .btn-next, [id*=ftSlideshow]:hover .btn-prev { opacity:.5 } [id*=ftSlideshow]:hover .btn-next:hover, [id*=ftSlideshow]:hover .btn-prev:hover { opacity:1 } [class*=main-slide-] p { max-width:280px } [class*=main-slide-] .image { max-height:240px } [class*=main-slide-] img { max-width:unset } .main-slide-1 { background-color:#fff8ec; border-color:#f1e1c6!important } .main-slide-1 .title { background: linear-gradient(272deg, var(--yellow) 35.5%, var(--dark) 69.9%) } .main-slide-2 { background-color: #f0f8ff;border-color:#d2e2f4!important } .main-slide-2 .title { background: linear-gradient(272deg, var(--primary) 35.5%, var(--dark) 69.9%) } [class*=main-slide-] .title { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent } @media (min-width: 768px) { [class*=main-slide-] [class*=col-] { height: 291px } [class*=main-slide-] .image { max-height:unset } } /* additional slide show on main page */ .ft-additional-position-3 .bg-light { height:291px } /* advantages on main page styling */ .custom-blocks .col:nth-child(1) .custom-block { background-color:#f0f8ff57!important; border-color:#027bff38!important } .custom-blocks .col:nth-child(2) .custom-block { background-color:#e1566205!important; border-color:#e3525e38!important } .custom-blocks .col:nth-child(3) .custom-block { background-color:#50b46008!important; border-color:#4fb35f42!important } .custom-block .description { font-weight: 300 } /* category wall on main page */ .category-item > .bg-white { background-color: var(--light) !important } .card-header, .card-footer { background-color: var(--light) } /* products carousels in main page */ [id*=ftProductsCarousel] .card-footer.py-2 { padding-top:.25rem!important; padding-bottom:.35rem!important } [id*=ftProductsCarousel] .card-header .btn { box-shadow: none !important } [id*=ftCarousel] > div > .bg-white { background-color: var(--light) !important } #ftProductsCarousel_0 { border-color: #ffc00857!important; } #ftProductsCarousel_0 .card-header { background-color: #ffc00814!important; border-color: #ffc00857!important; } #ftProductsCarousel_0 .card-header .btn > svg { color: #fcce47 !important } #ftProductsCarousel_1 { border-color: #4fb35f42!important; } #ftProductsCarousel_1 .card-header { background-color: #50b46008!important; border-color: #4fb35f42!important; } #ftProductsCarousel_1 .card-header .btn > svg { color: #6faf7e !important } #ftProductsCarousel_2 { border-color: #027bff38!important; } #ftProductsCarousel_2 .card-header { background-color: #f0f8ff57!important; border-color: #027bff38!important; } #ftProductsCarousel_2 .card-header .btn > svg { color: #6aa2de !important } /* breadcrumbs */ .breadcrumb { flex-wrap: nowrap !important; overflow: auto } .breadcrumb li { white-space: nowrap !important; } /* footer */ .modal-open #footer-fixed-buttons { display:none!important } /* ocfilter */ .ocfilter-mobile-handle .btn { margin-left: -47px!important; z-index: 9999; position: relative } .ocfilter-mobile-handle .btn svg{ fill: #cccccc } .ocf-offcanvas.ocfilter-mobile.active { z-index: 1040 } /* checkboxes */ .custom-checkbox .custom-control-label::before { border-radius: .25rem } /* other */ :root { --menu-btn-border-radius: .5rem !important } @media (max-width: 576px) { h1.h2 { font-size: 1.5rem } .mob-075em { font-size: 0.75em } } /* manufacturer list */ #product-manufacturer h2 + .row > .col { flex: 0 0 auto; width: auto; max-width: 100% }
/* footer redesign */
.ft-footer-modern-wrap {
    margin-top: .25rem;
}

.ft-footer-modern {
    border-color: #dde3ea !important;
    border-radius: .35rem !important;
    background: #fff; border: 1px solid #e4e9ef; box-shadow: 0 14px 34px rgba(18,31,45,.08);
    box-shadow: 0 20px 50px rgba(22, 31, 44, 0.1);
}

.ft-footer-modern__logo {
    max-height: 56px;
    width: auto;
}

.ft-footer-modern__brand-text {
    font-size: 1.35rem;
    font-weight: 700;
    color: #111827;
    letter-spacing: .01em;
}

.ft-footer-modern__about {
    font-size: .94rem;
    line-height: 1.65;
    color: #4f5b67;
    max-width: 18rem;
}

.ft-footer-modern__title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: .95rem;
    letter-spacing: .01em;
}

.ft-footer-modern__title--accordion {
    margin-bottom: 0;
}

.ft-footer-modern__toggle {
    text-decoration: none;
    line-height: 1;
}

.ft-footer-modern__panel {
    margin-top: .85rem;
}

.ft-footer-modern__list li + li,
.ft-footer-modern__contacts li + li {
    margin-top: .6rem;
}

.ft-footer-modern__list a {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #314052;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

.ft-footer-modern__list a::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary);
    opacity: .55;
    flex: 0 0 6px;
}

.ft-footer-modern__list a:hover {
    color: var(--primary);
    transform: translateX(3px);
}

.ft-footer-modern__contact-item {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
}

.ft-footer-modern__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: .6rem;
    background-color: rgba(0, 123, 255, 0.09);
    flex: 0 0 1.9rem;
}

.ft-footer-modern__icon svg {
    fill: var(--primary);
}

.ft-footer-modern__contact-text {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    color: #314052;
    line-height: 1.45;
}

.ft-footer-modern__contact-label {
    color: #6c7786;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 600;
}

.ft-footer-modern__contact-text a {
    color: #1c2f45;
    font-weight: 600;
    text-decoration: none;
}

.ft-footer-modern__contact-text a:hover {
    color: var(--primary);
}

.ft-footer-modern__bottom {
    border-top: 1px solid rgba(26, 36, 51, 0.12);
}

.ft-footer-modern__copyright {
    font-size: .9rem;
    line-height: 1.6;
}

.ft-footer-modern__pay-icons li {
    margin-right: 0;
}

.ft-footer-modern__pay-icons img {
    border-radius: .35rem;
    box-shadow: 0 8px 16px rgba(20, 30, 45, 0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.ft-footer-modern__pay-icons img:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(20, 30, 45, 0.14);
}

@media (max-width: 575.98px) {
    .ft-footer-modern {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .ft-footer-modern > .row:first-child > [class*=col-]:not(:last-child) {
        margin-bottom: 1.3rem;
        padding-bottom: 1.3rem;
        border-bottom: 1px dashed #d8dfe8;
    }

    .ft-footer-modern__bottom {
        margin-top: .5rem !important;
    }
}

@media (min-width: 576px) {
    .ft-footer-modern__title--accordion {
        margin-bottom: .95rem;
    }

    .ft-footer-modern__panel {
        margin-top: 0;
    }
}