.tf-container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; width: 1440px; max-width: 100%; }

.visible { overflow: visible !important; }
.tf-collection { margin: 70px auto 0px auto; }
.tf-product::before { border-left: 5px solid #FFB800; border-top: 5px solid #FFB800; }
.tf-product::after { border-right: 5px solid #FFB800; border-bottom: 5px solid #FFB800; }

.tf-page-title { padding: 77px 0; text-align: center; background: url("../images/background/bg-page-title.jpg") center center no-repeat fixed; background-size: cover; }
.tf-page-title .breadcrumbs { width: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; }
.tf-page-title .breadcrumbs li { font-family: "Bakbak One"; font-weight: 400; font-size: 14px; line-height: 20px; display: inline-block; padding: 0 10px 0 0px; color: var(--primary-color5); }
.tf-page-title .breadcrumbs li:last-child { padding-right: 0; }
.tf-page-title .breadcrumbs li a { font-weight: 700; position: relative; color: #888B8E; padding-right: 11px; }
.tf-page-title .breadcrumbs li a::after { content: ""; position: absolute; color: #888B8E; top: 50%; transform: translateY(-50%); right: 0; width: 2px; height: 16px; background-color: #888B8E; }
.tf-page-title .breadcrumbs li a:hover { color: var(--primary-color5); }
.tf-page-title .page-title-heading { color: #fff; margin-bottom: 12px; }

.tf-page-title.sector-bg { background: url(/Assets/images/background/sectors/bg-01.jpg) center center no-repeat; background-size: cover; }

.swiper-wrapper { display: flex; box-sizing: border-box; }
.swiper-slide { min-width: 250px; }