/* CSS Marker */
#categories .title-box h3 {font-size:38px;text-align:center;margin-bottom:30px;}
#popular .title-box h3,#newest .title-box h3,#content-home .title-box h3, .blogs .title-box h3,
#brands .title-box h3 {font-size:50px;text-align:center;}
#headlines .carousel-caption h3 .word-mark__mask {margin-top:12.5px;}
#popular .title-box h3 .word-mark__mask {margin:25px;margin-top:11.5px;}
#newest .title-box h3 .word-mark__mask {margin:15px;margin-top:12.5px;}
#popular .title-box .custom-nav, #newest .title-box .custom-nav, #categories .title-box .custom-nav {bottom:0;line-height:80px;}
.svg-masks {position: absolute;width: 0;height: 0;}
.word-mark {background-color: transparent;color: inherit;position: relative;display: inline-block}
.word-mark__mask {position: absolute;left: -10px;top: 0;right: -10px;bottom: 0;transform-origin: top left}
.word-mark__mask path {clip-path: url(#markerCircle);-webkit-clip-path: url(#markerCircle);stroke: var(--yellow);stroke-dasharray: 1680;stroke-dashoffset: 0;-webkit-animation: drawMarker 2s cubic-bezier(.54, .41, .59, .91) 1;animation: drawMarker 2s cubic-bezier(.54, .41, .59, .91) 1}
.word-mark__mask--2 {top: 6.4%;bottom: -6.4%;left: calc(-1.22699% - 10px);right: calc(-1.22699% - 10px)}
.word-mark__word {z-index: 1;position: relative}
@-webkit-keyframes drawMarker {
	0% {stroke-dashoffset: 1680}
	60% {stroke-dashoffset: 1680}
	to {stroke-dashoffset: 0}
}

@keyframes drawMarker {
	0% {stroke-dashoffset: 1680}
	60% {stroke-dashoffset: 1680}
	to {stroke-dashoffset: 0}
}
.word-line {background-color: transparent;color: inherit;position: relative;display: inline-block}
.word-line__mask-wrap {position: absolute;left: 0;height: 10px;width: 100%;bottom: 0;overflow: hidden}
@media (max-width:1023.98px) {
	.word-line__mask-wrap {height: 4px}
}
.word-line__mask {position: absolute;left: 0;height: 10px;bottom: 0;width: 100%;transform-origin: top left;-webkit-animation: drawLine 2s cubic-bezier(.54, .41, .59, .91) 1;animation: drawLine 2s cubic-bezier(.54, .41, .59, .91) 1}

@media (max-width:1023.98px) {
	.word-line__mask {height: 4px}
}
.word-line__mask path {clip-path: url(#markerLine);-webkit-clip-path: url(#markerLine);fill: var(--yellow)}
.word-line__word {z-index: 1;position: relative}
@-webkit-keyframes drawLine {
	0% {left: -100%}
	60% {left: -100%}
	to {left: 0}
}
@keyframes drawLine {
	0% {left: -100%}
	60% {left: -100%}
	to {left: 0}
}