/* Minification failed. Returning unminified contents. (414,1): run-time error CSS1019: Unexpected token, found '@charset' (414,10): run-time error CSS1019: Unexpected token, found '"UTF-8"' (414,17): run-time error CSS1019: Unexpected token, found ';' (416,1): run-time error CSS1019: Unexpected token, found '@keyframes' (417,8): run-time error CSS1035: Expected colon, found '{' (420,1): run-time error CSS1019: Unexpected token, found '@keyframes' (421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (425,1): run-time error CSS1019: Unexpected token, found '@keyframes' (426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (430,198): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-family' (430,298): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-weight-regular' (430,366): run-time error CSS1039: Token not allowed after unary operator: '-plyr-line-height' (437,54): run-time error CSS1039: Token not allowed after unary operator: '-plyr-badge-background' (437,127): run-time error CSS1039: Token not allowed after unary operator: '-plyr-badge-border-radius' (437,184): run-time error CSS1039: Token not allowed after unary operator: '-plyr-badge-text-color' (437,246): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-badge' (439,112): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small' (439,179): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (443,56): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-base' (443,113): run-time error CSS1063: Expected calculation unit, found 'var(' (443,113): run-time error CSS1064: Expected calculation product, found 'var(' (443,113): run-time error CSS1019: Unexpected token, found 'var(' (443,113): run-time error CSS1042: Expected function, found 'var(' (443,118): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (443,145): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (447,56): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-large' (451,138): run-time error CSS1063: Expected calculation unit, found 'var(' (451,138): run-time error CSS1064: Expected calculation product, found 'var(' (451,138): run-time error CSS1019: Unexpected token, found 'var(' (451,138): run-time error CSS1042: Expected function, found 'var(' (451,143): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (451,170): run-time error CSS1019: Unexpected token, found '*' (451,170): run-time error CSS1042: Expected function, found '*' (451,170): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (452,63): run-time error CSS1039: Token not allowed after unary operator: '-plyr-captions-background' (452,217): run-time error CSS1039: Token not allowed after unary operator: '-plyr-captions-text-color' (454,86): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-radius' (454,209): run-time error CSS1063: Expected calculation unit, found 'var(' (454,209): run-time error CSS1064: Expected calculation product, found 'var(' (454,209): run-time error CSS1019: Unexpected token, found 'var(' (454,209): run-time error CSS1042: Expected function, found 'var(' (454,214): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (454,241): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (455,85): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-icon-size' (455,163): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-icon-size' (457,78): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tab-focus-color' (457,105): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (457,127): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (463,79): run-time error CSS1063: Expected calculation unit, found 'var(' (463,79): run-time error CSS1064: Expected calculation product, found 'var(' (463,79): run-time error CSS1019: Unexpected token, found 'var(' (463,79): run-time error CSS1042: Expected function, found 'var(' (463,84): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (463,113): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (465,107): run-time error CSS1063: Expected calculation unit, found 'var(' (465,107): run-time error CSS1064: Expected calculation product, found 'var(' (465,107): run-time error CSS1019: Unexpected token, found 'var(' (465,107): run-time error CSS1042: Expected function, found 'var(' (465,112): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (465,141): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (466,84): run-time error CSS1063: Expected calculation unit, found 'var(' (466,84): run-time error CSS1064: Expected calculation product, found 'var(' (466,84): run-time error CSS1019: Unexpected token, found 'var(' (466,84): run-time error CSS1042: Expected function, found 'var(' (466,89): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (466,118): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (474,107): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-background' (474,240): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-shadow' (474,314): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-color' (474,374): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-base' (476,80): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-arrow-size' (476,152): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-arrow-size' (476,249): run-time error CSS1063: Expected calculation unit, found 'var(' (476,249): run-time error CSS1064: Expected calculation product, found 'var(' (476,249): run-time error CSS1019: Unexpected token, found 'var(' (476,249): run-time error CSS1042: Expected function, found 'var(' (476,254): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-icon-size' (476,287): run-time error CSS1019: Unexpected token, found ' ' (476,287): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (477,66): run-time error CSS1063: Expected calculation unit, found 'var(' (477,66): run-time error CSS1064: Expected calculation product, found 'var(' (477,66): run-time error CSS1019: Unexpected token, found 'var(' (477,66): run-time error CSS1042: Expected function, found 'var(' (477,71): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (477,98): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (480,90): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-color' (480,165): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-menu' (480,191): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small' (480,262): run-time error CSS1063: Expected calculation unit, found 'var(' (480,262): run-time error CSS1064: Expected calculation product, found 'var(' (480,262): run-time error CSS1019: Unexpected token, found 'var(' (480,262): run-time error CSS1042: Expected function, found 'var(' (480,267): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (480,294): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (482,91): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-item-arrow-size' (483,91): run-time error CSS1063: Expected calculation unit, found 'var(' (483,91): run-time error CSS1064: Expected calculation product, found 'var(' (483,91): run-time error CSS1019: Unexpected token, found 'var(' (483,91): run-time error CSS1042: Expected function, found 'var(' (483,96): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (483,123): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (484,108): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-arrow-color' (484,167): run-time error CSS1063: Expected calculation unit, found 'var(' (484,167): run-time error CSS1064: Expected calculation product, found 'var(' (484,167): run-time error CSS1019: Unexpected token, found 'var(' (484,167): run-time error CSS1042: Expected function, found 'var(' (484,172): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (484,199): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (486,83): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-weight-regular' (486,141): run-time error CSS1063: Expected calculation unit, found 'var(' (486,141): run-time error CSS1064: Expected calculation product, found 'var(' (486,141): run-time error CSS1019: Unexpected token, found 'var(' (486,141): run-time error CSS1042: Expected function, found 'var(' (486,146): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (486,173): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (486,221): run-time error CSS1063: Expected calculation unit, found 'var(' (486,221): run-time error CSS1064: Expected calculation product, found 'var(' (486,221): run-time error CSS1019: Unexpected token, found 'var(' (486,221): run-time error CSS1042: Expected function, found 'var(' (486,226): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (486,253): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (486,300): run-time error CSS1063: Expected calculation unit, found 'var(' (486,300): run-time error CSS1064: Expected calculation product, found 'var(' (486,300): run-time error CSS1019: Unexpected token, found 'var(' (486,300): run-time error CSS1042: Expected function, found 'var(' (486,305): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (486,332): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (486,405): run-time error CSS1063: Expected calculation unit, found 'var(' (486,405): run-time error CSS1064: Expected calculation product, found 'var(' (486,405): run-time error CSS1019: Unexpected token, found 'var(' (486,405): run-time error CSS1042: Expected function, found 'var(' (486,410): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (486,437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (487,107): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-arrow-color' (487,164): run-time error CSS1063: Expected calculation unit, found 'var(' (487,164): run-time error CSS1064: Expected calculation product, found 'var(' (487,164): run-time error CSS1019: Unexpected token, found 'var(' (487,164): run-time error CSS1042: Expected function, found 'var(' (487,169): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (487,196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (488,92): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-back-border-color' (488,182): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-back-border-shadow-color' (488,296): run-time error CSS1063: Expected calculation unit, found 'var(' (488,296): run-time error CSS1064: Expected calculation product, found 'var(' (488,296): run-time error CSS1019: Unexpected token, found 'var(' (488,296): run-time error CSS1042: Expected function, found 'var(' (488,301): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (488,328): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (490,99): run-time error CSS1063: Expected calculation unit, found 'var(' (490,99): run-time error CSS1064: Expected calculation product, found 'var(' (490,99): run-time error CSS1019: Unexpected token, found 'var(' (490,99): run-time error CSS1042: Expected function, found 'var(' (490,104): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (490,131): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (492,194): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (494,125): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-toggle-checked-background' (494,170): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (494,192): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (497,150): run-time error CSS1063: Expected calculation unit, found 'var(' (497,150): run-time error CSS1064: Expected calculation product, found 'var(' (497,150): run-time error CSS1019: Unexpected token, found 'var(' (497,150): run-time error CSS1042: Expected function, found 'var(' (497,155): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (497,182): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (497,255): run-time error CSS1063: Expected calculation unit, found 'var(' (497,255): run-time error CSS1064: Expected calculation product, found 'var(' (497,255): run-time error CSS1019: Unexpected token, found 'var(' (497,255): run-time error CSS1042: Expected function, found 'var(' (497,260): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (497,287): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (498,131): run-time error CSS1063: Expected calculation unit, found 'var(' (498,131): run-time error CSS1064: Expected calculation product, found 'var(' (498,131): run-time error CSS1019: Unexpected token, found 'var(' (498,131): run-time error CSS1042: Expected function, found 'var(' (498,136): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (498,166): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (498,199): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-fill-background' (498,232): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (498,254): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (498,326): run-time error CSS1063: Expected calculation unit, found 'var(' (498,326): run-time error CSS1064: Expected calculation product, found 'var(' (498,326): run-time error CSS1019: Unexpected token, found 'var(' (498,326): run-time error CSS1042: Expected function, found 'var(' (498,331): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width' (498,373): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (499,216): run-time error CSS1039: Token not allowed after unary operator: '-value' (499,243): run-time error CSS1039: Token not allowed after unary operator: '-value' (499,308): run-time error CSS1063: Expected calculation unit, found 'var(' (499,308): run-time error CSS1064: Expected calculation product, found 'var(' (499,308): run-time error CSS1019: Unexpected token, found 'var(' (499,308): run-time error CSS1042: Expected function, found 'var(' (499,313): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (499,344): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (499,373): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (500,119): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-background' (500,274): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow' (500,385): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (500,452): run-time error CSS1063: Expected calculation unit, found 'var(' (500,452): run-time error CSS1064: Expected calculation product, found 'var(' (500,452): run-time error CSS1019: Unexpected token, found 'var(' (500,452): run-time error CSS1042: Expected function, found 'var(' (500,457): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (500,489): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (500,642): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (501,124): run-time error CSS1063: Expected calculation unit, found 'var(' (501,124): run-time error CSS1064: Expected calculation product, found 'var(' (501,124): run-time error CSS1019: Unexpected token, found 'var(' (501,124): run-time error CSS1042: Expected function, found 'var(' (501,129): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (501,160): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (501,189): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (502,89): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-background' (502,244): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow' (502,355): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (502,489): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (503,125): run-time error CSS1063: Expected calculation unit, found 'var(' (503,125): run-time error CSS1064: Expected calculation product, found 'var(' (503,125): run-time error CSS1019: Unexpected token, found 'var(' (503,125): run-time error CSS1042: Expected function, found 'var(' (503,130): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (503,161): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (503,190): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (505,167): run-time error CSS1063: Expected calculation unit, found 'var(' (505,167): run-time error CSS1064: Expected calculation product, found 'var(' (505,167): run-time error CSS1019: Unexpected token, found 'var(' (505,167): run-time error CSS1042: Expected function, found 'var(' (505,172): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (505,203): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (505,232): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (506,148): run-time error CSS1063: Expected calculation unit, found 'var(' (506,148): run-time error CSS1064: Expected calculation product, found 'var(' (506,148): run-time error CSS1019: Unexpected token, found 'var(' (506,148): run-time error CSS1042: Expected function, found 'var(' (506,153): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (506,184): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (506,213): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (507,82): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-background' (507,237): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow' (507,348): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (507,496): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (511,127): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tab-focus-color' (511,154): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (511,176): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (512,114): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tab-focus-color' (512,141): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (512,163): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (513,107): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tab-focus-color' (513,134): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (513,156): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (514,64): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background' (514,92): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background' (517,48): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-time' (517,74): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small' (518,89): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (524,67): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-background' (524,153): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-radius' (524,250): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-shadow' (524,327): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-color' (524,390): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small' (524,455): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-weight-regular' (524,557): run-time error CSS1063: Expected calculation unit, found 'var(' (524,557): run-time error CSS1064: Expected calculation product, found 'var(' (524,557): run-time error CSS1019: Unexpected token, found 'var(' (524,557): run-time error CSS1042: Expected function, found 'var(' (524,562): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (524,591): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (524,642): run-time error CSS1063: Expected calculation unit, found 'var(' (524,642): run-time error CSS1064: Expected calculation product, found 'var(' (524,642): run-time error CSS1019: Unexpected token, found 'var(' (524,642): run-time error CSS1042: Expected function, found 'var(' (524,647): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (524,676): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (525,79): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size' (525,184): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size' (525,292): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size' (525,333): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-background' (525,406): run-time error CSS1063: Expected calculation unit, found 'var(' (525,406): run-time error CSS1064: Expected calculation product, found 'var(' (525,406): run-time error CSS1019: Unexpected token, found 'var(' (525,406): run-time error CSS1042: Expected function, found 'var(' (525,411): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size' (525,440): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (529,178): run-time error CSS1063: Expected calculation unit, found 'var(' (529,178): run-time error CSS1064: Expected calculation product, found 'var(' (529,178): run-time error CSS1019: Unexpected token, found 'var(' (529,178): run-time error CSS1042: Expected function, found 'var(' (529,183): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-icon-size' (529,216): run-time error CSS1019: Unexpected token, found ' ' (529,216): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (531,106): run-time error CSS1063: Expected calculation unit, found 'var(' (531,106): run-time error CSS1064: Expected calculation product, found 'var(' (531,106): run-time error CSS1019: Unexpected token, found 'var(' (531,106): run-time error CSS1042: Expected function, found 'var(' (531,111): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-icon-size' (531,144): run-time error CSS1019: Unexpected token, found ' ' (531,144): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (533,43): run-time error CSS1063: Expected calculation unit, found 'var(' (533,43): run-time error CSS1064: Expected calculation product, found 'var(' (533,43): run-time error CSS1019: Unexpected token, found 'var(' (533,43): run-time error CSS1042: Expected function, found 'var(' (533,48): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (533,78): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (533,123): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (534,101): run-time error CSS1063: Expected calculation unit, found 'var(' (534,101): run-time error CSS1064: Expected calculation product, found 'var(' (534,101): run-time error CSS1019: Unexpected token, found 'var(' (534,101): run-time error CSS1042: Expected function, found 'var(' (534,106): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (534,136): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (534,184): run-time error CSS1063: Expected calculation unit, found 'var(' (534,184): run-time error CSS1064: Expected calculation product, found 'var(' (534,184): run-time error CSS1019: Unexpected token, found 'var(' (534,184): run-time error CSS1042: Expected function, found 'var(' (534,189): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (534,219): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (534,271): run-time error CSS1063: Expected calculation unit, found 'var(' (534,271): run-time error CSS1064: Expected calculation product, found 'var(' (534,271): run-time error CSS1019: Unexpected token, found 'var(' (534,271): run-time error CSS1042: Expected function, found 'var(' (534,276): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height' (534,306): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (536,67): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-time' (536,93): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small' (537,129): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (537,206): run-time error CSS1063: Expected calculation unit, found 'var(' (537,206): run-time error CSS1064: Expected calculation product, found 'var(' (537,206): run-time error CSS1019: Unexpected token, found 'var(' (537,206): run-time error CSS1042: Expected function, found 'var(' (537,211): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (537,242): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (539,131): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (540,126): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (542,296): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-background' (542,390): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-background' (542,452): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-background' (542,618): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-size' (542,657): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-size' (543,116): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-progress-buffered-background' (544,117): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-progress-buffered-background' (546,71): run-time error CSS1063: Expected calculation unit, found 'var(' (546,71): run-time error CSS1064: Expected calculation product, found 'var(' (546,71): run-time error CSS1019: Unexpected token, found 'var(' (546,71): run-time error CSS1042: Expected function, found 'var(' (546,76): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (546,105): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (546,146): run-time error CSS1063: Expected calculation unit, found 'var(' (546,146): run-time error CSS1064: Expected calculation product, found 'var(' (546,146): run-time error CSS1019: Unexpected token, found 'var(' (546,146): run-time error CSS1042: Expected function, found 'var(' (546,151): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (546,180): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (549,67): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-controls-background' (549,158): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-control-color' (549,223): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (550,169): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-control-background-hover' (550,211): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (550,233): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (550,287): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-control-color-hover' (551,142): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-track-background' (551,182): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-progress-buffered-background' (552,129): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-track-background' (552,169): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-progress-buffered-background' (553,122): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-track-background' (553,162): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-progress-buffered-background' (554,192): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow' (554,286): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width' (554,334): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color' (555,188): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow' (555,282): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width' (555,330): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color' (556,181): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow' (556,275): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width' (556,323): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color' (557,81): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-progress-buffered-background' (558,51): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background' (558,79): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background' (560,59): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background' (560,87): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background' (567,107): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-controls-background' (567,295): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-control-color' (567,365): run-time error CSS1063: Expected calculation unit, found 'var(' (567,365): run-time error CSS1064: Expected calculation product, found 'var(' (567,365): run-time error CSS1019: Unexpected token, found 'var(' (567,365): run-time error CSS1042: Expected function, found 'var(' (567,370): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (567,399): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (567,439): run-time error CSS1063: Expected calculation unit, found 'var(' (567,439): run-time error CSS1064: Expected calculation product, found 'var(' (567,439): run-time error CSS1019: Unexpected token, found 'var(' (567,439): run-time error CSS1042: Expected function, found 'var(' (567,444): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (567,471): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (570,65): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (570,131): run-time error CSS1063: Expected calculation unit, found 'var(' (570,131): run-time error CSS1064: Expected calculation product, found 'var(' (570,131): run-time error CSS1019: Unexpected token, found 'var(' (570,131): run-time error CSS1042: Expected function, found 'var(' (570,136): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (570,163): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (574,169): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-control-background-hover' (574,211): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (574,233): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (574,287): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-control-color-hover' (575,66): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-control-background-hover' (575,108): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (575,130): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main' (575,216): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-control-color' (575,317): run-time error CSS1063: Expected calculation unit, found 'var(' (575,317): run-time error CSS1064: Expected calculation product, found 'var(' (575,317): run-time error CSS1019: Unexpected token, found 'var(' (575,317): run-time error CSS1042: Expected function, found 'var(' (575,322): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (575,349): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (580,141): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-range-track-background' (580,181): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-progress-buffered-background' (581,128): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-range-track-background' (581,168): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-progress-buffered-background' (582,121): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-range-track-background' (582,161): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-progress-buffered-background' (583,193): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow' (583,287): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width' (583,335): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color' (584,189): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow' (584,283): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width' (584,331): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color' (585,182): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow' (585,276): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width' (585,324): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color' (586,80): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-progress-buffered-background' (594,82): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge' (595,73): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge' (605,82): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge' (615,79): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge' (625,77): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge' (635,83): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge' (640,88): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (640,264): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (642,83): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (642,137): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height' (643,85): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-background' (643,221): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-shadow' (643,311): run-time error CSS1063: Expected calculation unit, found 'var(' (643,311): run-time error CSS1064: Expected calculation product, found 'var(' (643,311): run-time error CSS1019: Unexpected token, found 'var(' (643,311): run-time error CSS1042: Expected function, found 'var(' (643,316): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing' (643,345): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (643,390): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-radius' (645,85): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size' (645,190): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size' (645,298): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size' (645,339): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-background' (645,412): run-time error CSS1063: Expected calculation unit, found 'var(' (645,412): run-time error CSS1064: Expected calculation product, found 'var(' (645,412): run-time error CSS1019: Unexpected token, found 'var(' (645,412): run-time error CSS1042: Expected function, found 'var(' (645,417): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size' (645,446): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (646,102): run-time error CSS1063: Expected calculation unit, found 'var(' (646,102): run-time error CSS1064: Expected calculation product, found 'var(' (646,102): run-time error CSS1019: Unexpected token, found 'var(' (646,102): run-time error CSS1042: Expected function, found 'var(' (646,107): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-radius' (646,134): run-time error CSS1019: Unexpected token, found ' ' (646,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (649,120): run-time error CSS1063: Expected calculation unit, found 'var(' (649,120): run-time error CSS1064: Expected calculation product, found 'var(' (649,120): run-time error CSS1019: Unexpected token, found 'var(' (649,120): run-time error CSS1042: Expected function, found 'var(' (649,125): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-radius' (649,152): run-time error CSS1019: Unexpected token, found ' ' (649,152): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (649,205): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-time' (649,231): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small' (684,60): run-time error CSS1019: Unexpected token, found '*' (684,60): run-time error CSS1042: Expected function, found '*' (684,60): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (684,93): run-time error CSS1019: Unexpected token, found '*' (684,93): run-time error CSS1042: Expected function, found '*' (684,93): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (984,84): run-time error CSS1019: Unexpected token, found ' ' (984,84): run-time error CSS1019: Unexpected token, found ' ' (984,84): run-time error CSS1042: Expected function, found ' ' (984,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (994,125): run-time error CSS1019: Unexpected token, found ' ' (994,125): run-time error CSS1019: Unexpected token, found ' ' (994,125): run-time error CSS1042: Expected function, found ' ' (994,125): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1001,99): run-time error CSS1019: Unexpected token, found ' ' (1001,99): run-time error CSS1019: Unexpected token, found ' ' (1001,99): run-time error CSS1042: Expected function, found ' ' (1001,99): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1009,67): run-time error CSS1019: Unexpected token, found ' ' (1009,67): run-time error CSS1019: Unexpected token, found ' ' (1009,67): run-time error CSS1042: Expected function, found ' ' (1009,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1022,54): run-time error CSS1019: Unexpected token, found ' ' (1022,54): run-time error CSS1019: Unexpected token, found ' ' (1022,54): run-time error CSS1042: Expected function, found ' ' (1022,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1026,58): run-time error CSS1019: Unexpected token, found ' ' (1026,58): run-time error CSS1019: Unexpected token, found ' ' (1026,58): run-time error CSS1042: Expected function, found ' ' (1026,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Sets default font family to sans-serif. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Removes default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, * Safari 5, and Chrome. */ h1 { font-size: 2em; } /* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Sets consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* * Removes border when inside `a` element in IE 8/9. */ img { border: 0; } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* * 1. Corrects font family not being inherited in all browsers. * 2. Corrects font size not being inherited in all browsers. * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to `content-box` in IE 8/9. * 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ /* UNUSED EFFECTS HAVE BEEN REMOVED. */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } @charset "UTF-8"; @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size,25px) 0 } } @keyframes plyr-popup { 0% { opacity: .5; transform: translateY(10px) } to { opacity: 1; transform: translateY(0) } } @keyframes plyr-fade-in { 0% { opacity: 0 } to { opacity: 1 } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family,inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular,400); line-height: 1.7; line-height: var(--plyr-line-height,1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow .3s ease; z-index: 0 } .plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100% } .plyr button { font: inherit; line-height: inherit; width: auto } .plyr:focus { outline: 0 } .plyr--full-ui { box-sizing: border-box } .plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before { box-sizing: inherit } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation } .plyr__badge { background: #4a5464; background: var(--plyr-badge-background,#4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius,2px); color: #fff; color: var(--plyr-badge-text-color,#fff); font-size: 9px; font-size: var(--plyr-font-size-badge,9px); line-height: 1; padding: 3px 4px } .plyr--full-ui ::-webkit-media-text-track-container { display: none } .plyr__captions { animation: plyr-fade-in .3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small,13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing,10px); position: absolute; text-align: center; transition: transform .4s ease-in-out; width: 100% } .plyr__captions span:empty { display: none } @media(min-width:480px) { .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base,15px); padding: 20px; padding: calc(var(--plyr-control-spacing,10px)*2) } } @media(min-width:768px) { .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large,18px) } } .plyr--captions-active .plyr__captions { display: block } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(-40px); transform: translateY(calc(var(--plyr-control-spacing,10px)*-4)) } .plyr__caption { background: rgba(0,0,0,.8); background: var(--plyr-captions-background,rgba(0,0,0,.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color,#fff); line-height: 185%; padding: .2em .5em; white-space: pre-wrap } .plyr__caption div { display: inline } .plyr__control { background: 0 0; border: 0; border-radius: 3px; border-radius: var(--plyr-control-radius,3px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; padding: calc(var(--plyr-control-spacing,10px)*.7); position: relative; transition: all .3s ease } .plyr__control svg { fill: currentColor; display: block; height: 18px; height: var(--plyr-control-icon-size,18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size,18px) } .plyr__control:focus { outline: 0 } .plyr__control.plyr__tab-focus { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } a.plyr__control { text-decoration: none } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before { display: none } .plyr--full-ui ::-webkit-media-controls { display: none } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0 } .plyr__controls .plyr__controls__item { margin-left: 2.5px; margin-left: calc(var(--plyr-control-spacing,10px)/4) } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: 2.5px; padding-left: calc(var(--plyr-control-spacing,10px)/4) } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 5px; padding: 0 calc(var(--plyr-control-spacing,10px)/2) } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0 } .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty { display: none } .plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block } .plyr__menu { display: flex; position: relative } .plyr__menu .plyr__control svg { transition: transform .3s ease } .plyr__menu .plyr__control[aria-expanded=true] svg { transform: rotate(90deg) } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none } .plyr__menu__container { animation: plyr-popup .2s ease; background: hsla(0,0%,100%,.9); background: var(--plyr-menu-background,hsla(0,0%,100%,.9)); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15)); color: #4a5464; color: var(--plyr-menu-color,#4a5464); font-size: 15px; font-size: var(--plyr-font-size-base,15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3 } .plyr__menu__container > div { overflow: hidden; transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1) } .plyr__menu__container:after { border: 4px solid transparent; border-top: var(--plyr-menu-arrow-size,4px) solid hsla(0,0%,100%,.9); border-width: var(--plyr-menu-arrow-size,4px); content: ""; height: 0; position: absolute; right: 14px; right: calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2); top: 100%; width: 0 } .plyr__menu__container [role=menu] { padding: 7px; padding: calc(var(--plyr-control-spacing,10px)*.7) } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0 } .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; color: var(--plyr-menu-color,#4a5464); display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu,var(--plyr-font-size-small,13px)); padding: 4.66667px 10.5px; padding: calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5); -webkit-user-select: none; user-select: none; width: 100% } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100% } .plyr__menu__container .plyr__control:after { border: 4px solid transparent; border: var(--plyr-menu-item-arrow-size,4px) solid transparent; content: ""; position: absolute; top: 50%; transform: translateY(-50%) } .plyr__menu__container .plyr__control--forward { padding-right: 28px; padding-right: calc(var(--plyr-control-spacing,10px)*.7*4) } .plyr__menu__container .plyr__control--forward:after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color,#728197); right: 6.5px; right: calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px)) } .plyr__menu__container .plyr__control--forward.plyr__tab-focus:after, .plyr__menu__container .plyr__control--forward:hover:after { border-left-color: currentColor } .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular,400); margin: 7px; margin: calc(var(--plyr-control-spacing,10px)*.7); margin-bottom: 3.5px; margin-bottom: calc(var(--plyr-control-spacing,10px)*.7/2); padding-left: 28px; padding-left: calc(var(--plyr-control-spacing,10px)*.7*4); position: relative; width: calc(100% - 14px); width: calc(100% - var(--plyr-control-spacing,10px)*.7*2) } .plyr__menu__container .plyr__control--back:after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color,#728197); left: 6.5px; left: calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px)) } .plyr__menu__container .plyr__control--back:before { background: #dcdfe5; background: var(--plyr-menu-back-border-color,#dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff); content: ""; height: 1px; left: 0; margin-top: 3.5px; margin-top: calc(var(--plyr-control-spacing,10px)*.7/2); overflow: hidden; position: absolute; right: 0; top: 100% } .plyr__menu__container .plyr__control--back.plyr__tab-focus:after, .plyr__menu__container .plyr__control--back:hover:after { border-right-color: currentColor } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: 7px; padding-left: calc(var(--plyr-control-spacing,10px)*.7) } .plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before { border-radius: 100% } .plyr__menu__container .plyr__control[role=menuitemradio]:before { background: rgba(0,0,0,.1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing,10px); transition: all .3s ease; width: 16px } .plyr__menu__container .plyr__control[role=menuitemradio]:after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform .3s ease,opacity .3s ease; width: 6px } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { background: #00b3ff; background: var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after { opacity: 1; transform: translateY(-50%) scale(1) } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before { background: rgba(35,40,47,.1) } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: calc(-7px - -2); margin-right: calc(var(--plyr-control-spacing,10px)*.7*-1 - -2); overflow: hidden; padding-left: 24.5px; padding-left: calc(var(--plyr-control-spacing,10px)*.7*3.5); pointer-events: none } .plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 26px; border-radius: calc(var(--plyr-range-thumb-height,13px)*2); color: #00b3ff; color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))); display: block; height: 19px; height: calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px)); margin: 0; min-width: 0; padding: 0; transition: box-shadow .3s ease; width: 100% } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: 0 0; background-image: linear-gradient(90deg,currentColor 0,transparent 0); background-image: linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0)); border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height,5px)/2); height: 5px; height: var(--plyr-range-track-height,5px); -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -webkit-user-select: none; user-select: none } .plyr--full-ui input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; background: #fff; background: var(--plyr-range-thumb-background,#fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2); box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)); height: 13px; height: var(--plyr-range-thumb-height,13px); margin-top: -4px; margin-top: calc(var(--plyr-range-thumb-height,13px)/2*-1 - var(--plyr-range-track-height,5px)/2*-1); position: relative; -webkit-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height,13px) } .plyr--full-ui input[type=range]::-moz-range-track { background: 0 0; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height,5px)/2); height: 5px; height: var(--plyr-range-track-height,5px); -moz-transition: box-shadow .3s ease; transition: box-shadow .3s ease; user-select: none } .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background,#fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2); box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)); height: 13px; height: var(--plyr-range-thumb-height,13px); position: relative; -moz-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height,13px) } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height,5px)/2); height: 5px; height: var(--plyr-range-track-height,5px) } .plyr--full-ui input[type=range]::-ms-track { color: transparent } .plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track { background: 0 0; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height,5px)/2); height: 5px; height: var(--plyr-range-track-height,5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; user-select: none } .plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; background: currentColor; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height,5px)/2); height: 5px; height: var(--plyr-range-track-height,5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; user-select: none } .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background,#fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2); box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)); height: 13px; height: var(--plyr-range-thumb-height,13px); margin-top: 0; position: relative; -ms-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height,13px) } .plyr--full-ui input[type=range]::-ms-tooltip { display: none } .plyr--full-ui input[type=range]:focus { outline: 0 } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0 } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } .plyr__poster { background-color: #000; background-color: var(--plyr-video-background,var(--plyr-video-background,#000)); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1 } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1 } .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster { display: none } .plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px)) } .plyr__time + .plyr__time:before { content: "⁄"; margin-right: 10px; margin-right: var(--plyr-control-spacing,10px) } @media(max-width:767px) { .plyr__time + .plyr__time { display: none } } .plyr__tooltip { background: hsla(0,0%,100%,.9); background: var(--plyr-tooltip-background,hsla(0,0%,100%,.9)); border-radius: 3px; border-radius: var(--plyr-tooltip-radius,3px); bottom: 100%; box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15)); color: #4a5464; color: var(--plyr-tooltip-color,#4a5464); font-size: 13px; font-size: var(--plyr-font-size-small,13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular,400); left: 50%; line-height: 1.3; margin-bottom: 10px; margin-bottom: calc(var(--plyr-control-spacing,10px)/2*2); opacity: 0; padding: 5px 7.5px; padding: calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5); pointer-events: none; position: absolute; transform: translate(-50%,10px) scale(.8); transform-origin: 50% 100%; transition: transform .2s ease .1s,opacity .2s ease .1s; white-space: nowrap; z-index: 2 } .plyr__tooltip:before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent; border-top: 4px solid hsla(0,0%,100%,.9); border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9)); bottom: -4px; bottom: calc(var(--plyr-tooltip-arrow-size,4px)*-1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2 } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%) scale(1) } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3 } .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip { left: 0; transform: translateY(10px) scale(.8); transform-origin: 0 100% } .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child .plyr__tooltip:before { left: 16px; left: calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7) } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translateY(10px) scale(.8); transform-origin: 100% 100% } .plyr__controls > .plyr__control:last-child .plyr__tooltip:before { left: auto; right: 16px; right: calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7); transform: translateX(50%) } .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { transform: translate(0) scale(1) } .plyr__progress { left: 6.5px; left: calc(var(--plyr-range-thumb-height,13px)*.5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height,13px); position: relative } .plyr__progress__buffer, .plyr__progress input[type=range] { margin-left: -6.5px; margin-left: calc(var(--plyr-range-thumb-height,13px)*-.5); margin-right: -6.5px; margin-right: calc(var(--plyr-range-thumb-height,13px)*-.5); width: calc(100% + 13px); width: calc(100% + var(--plyr-range-thumb-height,13px)) } .plyr__progress input[type=range] { position: relative; z-index: 2 } .plyr__progress .plyr__tooltip { font-size: 13px; font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px)); left: 0 } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height,5px); left: 0; margin-top: -2.5px; margin-top: calc(var(--plyr-range-track-height,5px)/2*-1); padding: 0; position: absolute; top: 50% } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0 } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height,5px); -webkit-transition: width .2s ease; transition: width .2s ease } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height,5px); -moz-transition: width .2s ease; transition: width .2s ease } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width .2s ease; transition: width .2s ease } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent); background-image: linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px); color: transparent } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: hsla(0,0%,100%,.25); background-color: var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)) } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193,200,209,.6); background-color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)) } .plyr__volume { align-items: center; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20% } .plyr__volume input[type=range] { margin-left: 5px; margin-left: calc(var(--plyr-control-spacing,10px)/2); margin-right: 5px; margin-right: calc(var(--plyr-control-spacing,10px)/2); position: relative; z-index: 2 } .plyr--is-ios .plyr__volume { min-width: 0; width: auto } .plyr--audio { display: block } .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background,#fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color,#4a5464); padding: 10px; padding: var(--plyr-control-spacing,10px) } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #00b3ff; background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))); color: #fff; color: var(--plyr-audio-control-color-hover,#fff) } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(193,200,209,.6); background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))) } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(193,200,209,.6); background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))) } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(193,200,209,.6); background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))) } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1); box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1)) } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1); box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1)) } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1); box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1)) } .plyr--audio .plyr__progress__buffer { color: rgba(193,200,209,.6); color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)) } .plyr--video { background: #000; background: var(--plyr-video-background,var(--plyr-video-background,#000)); overflow: hidden } .plyr--video.plyr--menu-open { overflow: visible } .plyr__video-wrapper { background: #000; background: var(--plyr-video-background,var(--plyr-video-background,#000)); height: 100%; margin: auto; overflow: hidden; position: relative; width: 100% } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { aspect-ratio: 16/9 } @supports not (aspect-ratio:16/9) { .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; position: relative } } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%) } .plyr--video .plyr__controls { background: linear-gradient(transparent,rgba(0,0,0,.75)); background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color,#fff); left: 0; padding: 5px; padding: calc(var(--plyr-control-spacing,10px)/2); padding-top: 20px; padding-top: calc(var(--plyr-control-spacing,10px)*2); position: absolute; right: 0; transition: opacity .4s ease-in-out,transform .4s ease-in-out; z-index: 3 } @media(min-width:480px) { .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing,10px); padding-top: 35px; padding-top: calc(var(--plyr-control-spacing,10px)*3.5) } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%) } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #00b3ff; background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))); color: #fff; color: var(--plyr-video-control-color-hover,#fff) } .plyr__control--overlaid { background: #00b3ff; background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color,#fff); display: none; left: 50%; opacity: .9; padding: 15px; padding: calc(var(--plyr-control-spacing,10px)*1.5); position: absolute; top: 50%; transform: translate(-50%,-50%); transition: .3s; z-index: 2 } .plyr__control--overlaid svg { left: 2px; position: relative } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1 } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: hsla(0,0%,100%,.25); background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))) } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: hsla(0,0%,100%,.25); background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))) } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: hsla(0,0%,100%,.25); background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))) } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5); box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5)) } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5); box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5)) } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5); box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5)) } .plyr--video .plyr__progress__buffer { color: hsla(0,0%,100%,.25); color: var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)) } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:fullscreen video { height: 100% } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none } .plyr:fullscreen.plyr--hide-controls { cursor: none } @media(min-width:1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge,21px) } .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge,21px) } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-webkit-full-screen video { height: 100% } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none } @media(min-width:1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge,21px) } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-moz-full-screen video { height: 100% } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none } @media(min-width:1024px) { .plyr:-moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge,21px) } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-ms-fullscreen video { height: 100% } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none } @media(min-width:1024px) { .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge,21px) } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; bottom: 0; display: block; height: 100%; left: 0; margin: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10000000 } .plyr--fullscreen-fallback video { height: 100% } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none } @media(min-width:1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge,21px) } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1 } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100% } .plyr__ads:after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing,10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing,10px); z-index: 3 } .plyr__ads:empty:after { display: none } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height,5px); left: 0; margin: -var(--plyr-range-track-height,5px)/2 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3 } .plyr__preview-thumb { background-color: hsla(0,0%,100%,.9); background-color: var(--plyr-tooltip-background,hsla(0,0%,100%,.9)); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15)); margin-bottom: 10px; margin-bottom: calc(var(--plyr-control-spacing,10px)/2*2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius,3px); pointer-events: none; position: absolute; transform: translateY(10px) scale(.8); transform-origin: 50% 100%; transition: transform .2s ease .1s,opacity .2s ease .1s; z-index: 2 } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0) scale(1) } .plyr__preview-thumb:before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent; border-top: 4px solid hsla(0,0%,100%,.9); border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9)); bottom: -4px; bottom: calc(var(--plyr-tooltip-arrow-size,4px)*-1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2 } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: 2px; border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px); overflow: hidden; position: relative; z-index: 0 } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100% } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3 } .plyr__preview-thumb__time-container span { background-color: rgba(0,0,0,.55); border-radius: 2px; border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px)); padding: 3px 6px } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity .3s ease; width: 100%; z-index: 1 } .plyr__preview-scrubbing--is-shown { opacity: 1 } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100% } .plyr--no-transition { transition: none !important } .plyr__sr-only { clip: rect(1px,1px,1px,1px); border: 0 !important; height: 1px !important; overflow: hidden; padding: 0 !important; position: absolute !important; width: 1px !important } .plyr [hidden] { display: none !important } .tns-outer { padding: 0 !important } .tns-outer [hidden] { display: none !important } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer } .tns-slider { -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s } .tns-slider > .tns-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .tns-horizontal.tns-subpixel { white-space: nowrap } .tns-horizontal.tns-subpixel > .tns-item { display: inline-block; vertical-align: top; white-space: normal } .tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both } .tns-horizontal.tns-no-subpixel > .tns-item { float: left } .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { margin-right: -100% } .tns-no-calc { position: relative; left: 0 } .tns-gallery { position: relative; left: 0; min-height: 1px } .tns-gallery > .tns-item { position: absolute; left: -100%; -webkit-transition: transform 0s, opacity 0s; -moz-transition: transform 0s, opacity 0s; transition: transform 0s, opacity 0s } .tns-gallery > .tns-slide-active { position: relative; left: auto !important } .tns-gallery > .tns-moving { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s } .tns-autowidth { display: inline-block } .tns-lazy-img { -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; transition: opacity 0.6s; opacity: 0.6 } .tns-lazy-img.tns-complete { opacity: 1 } .tns-ah { -webkit-transition: height 0s; -moz-transition: height 0s; transition: height 0s } .tns-ovh { overflow: hidden } .tns-visually-hidden { position: absolute; left: -10000em } .tns-transparent { opacity: 0; visibility: hidden } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0 } .tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1 } .tns-vpfix { white-space: nowrap } .tns-vpfix > div, .tns-vpfix > li { display: inline-block } .tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden } .tns-t-ct { width: 2333.3333333%; width: -webkit-calc(100% * 70 / 3); width: -moz-calc(100% * 70 / 3); width: calc(100% * 70 / 3); position: absolute; right: 0 } .tns-t-ct:after { content: ''; display: table; clear: both } .tns-t-ct > div { width: 1.4285714%; width: -webkit-calc(100% / 70); width: -moz-calc(100% / 70); width: calc(100% / 70); height: 10px; float: left } /*# sourceMappingURL=sourcemaps/tiny-slider.css.map */ /* Layout */ body { font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif; font-size: 0.8em; line-height: 1.6em; color: #868686; } header { padding: 15px 0 30px; width: 86%; margin: 0 auto; position: relative; } #content { margin-bottom: 100px; overflow: hidden; display: block; } footer { position: fixed; width: 100%; bottom: 0px; margin-top: 20px; background: #fff; } /* Social Icons */ .social-icons { position: absolute; right: 0; top: 50%; margin-top: -10px; } .social-icons a { display: inline-block; width: 20px; height: 20px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .social-icons .svg, .social-icons img { width: 20px; height: 20px; } .social-icons img { display: none; } .no-svg .social-icons img { display: block; } .social-icons a.facebook:hover svg .cls-1 { fill: #3b5998 ; } .social-icons a.instagram:hover svg .cls-1 { fill: #73381d; } .social-icons a.pinterest:hover svg .cls-1 { fill: #C92228; } .social-icons a.twitter:hover svg .cls-1 { fill: #0084b4; } /* Cowtan Logo */ #brands-logo-nav { width: 427px; margin: 0 auto; height: 48px; } #brands-logo-nav a { display: block; } #brands-logo-nav a img { max-width: 100%; max-height: 100%; margin: 0 auto; display: block; } #brands-logo-nav svg a path { fill: #a41e34 !important; } #brands-logo-nav svg a:hover path { fill: #3e3e3e !important; } /* Navigation Menu*/ #main-nav { padding: 0 5%; border-top: 1px solid #e6e6e6; font-size: 1.1em; display: inline-block; width: 100%; box-sizing: border-box; } #main-nav:before, #main-nav:after { display: block; line-height: 0; content: ""; clear: both; } #main-nav .dropdown-wrap { position: relative; float: left; width: 20%; margin: 0 -1px; text-align: center; border: solid #fff; border-width: 0 1px 1px;} #main-nav .dropdown-wrap > a {display: block; } #main-nav a {text-decoration: none;} #main-nav > a, #main-nav .dropdown-wrap > a { padding: 10px 0; text-transform: uppercase; } #main-nav > a { float: left; width: 18%; margin: 0 1%; text-align: center; } #main-nav .dropdown-wrap a { } #main-nav a:hover { color: #3e3e3e; } #main-nav .dropdown-menu { position: absolute; width: 100%; bottom: 100%; left: -1px; margin: 0 100% 1px 0; border: solid #e6e6e6; border-width: 0px 1px; display: none;} #main-nav .dropdown-menu a {display: block; padding: 7px 10px; border-top: 1px solid #e6e6e6; background-color: #fff;} #main-nav .dropdown-wrap.active { border-color: #e6e6e6;} #mobile-nav-toggle { display: none; } #mobile-nav { display: none; } #footer-nav { clear: both; padding: 15px 10px; text-align: right; color: #a6a6a6; width: 86%; margin: 0 auto; display: block; } #footer-nav a { color: #c5878e; text-decoration: none; } footer-nav a:hover { color: #a41e34;} /* Content Styles */ a { color: #a41e34; } a:hover { color: #cd3851; } a:focus, a:active {border: none; outline: 0;} h1 { font-weight: normal; font-size: 1.8em; } h2 { font-weight: normal; font-size: 1.4em; } h3 { font-weight: normal; font-size: 1.2em; } /* Carousel */ .carousel-direction { width: 7%; float: left; min-height: 100px; position: relative;} .carousel-direction i {display: none; width: 9px; height: 9px; position: absolute; top: 50%; left: 50%; margin-left: -4px;} .carousel-direction i svg { position: absolute; } .carousel-direction i img { display: none; } .no-svg .carousel-direction i img { display: block; } .carousel-direction.disabled { cursor: default; } .carousel {width: 86%; float: left; overflow: hidden; position: relative;} .brand-page .carousel { padding-bottom: 30px; } .carousel-images { width: 99999px; float: left; } .carousel-image { float: left; position: relative; margin-right: 10px; } .carousel-images img {float: left;} .info-link { display: none; position: absolute; padding: 3px 10px; background: #eee; color: #3e3e3e; text-decoration: none; bottom: 2px; right: 2px; } #image-details { height: 100%; width: 55%; padding: 0px; background: #fff; background: rgba(255, 255, 255, 0.8); position: absolute; right: 0px; bottom: 0px; overflow: auto; display: none; } .products-list { overflow: hidden; padding: 30px; } .products-list a { width: 45%; min-width: 150px; float: left; margin-right: 5%; margin-bottom:10px; text-decoration: none; color: #868686 !important; padding: 5px 0;} .products-list a:hover { background: #fff; } .products-list a img { width: 35%; max-width: 105px; float: left; margin: 0 10px 0 5px; } #image-details-close { display: block; position: absolute; top: 10px; right: 10px; height: 8px; width: 8px; } #image-details-close svg { position: absolute; height: 8px; width: 8px; } #image-details-close img { display: none; } .no-svg #image-details-close img { display: block; } .contact-showroom { font-weight: bold; } .contact-showroom a { padding: 0px; margin: 0px; float: none; color: #333 !important; } .contact-showroom a:hover { background: 0px; text-decoration: underline; } .image-details-mobile, .view-mode-mobile { display: none; } #carousel-jump { overflow: hidden; position: absolute; bottom: 0px; left: 0px;} #carousel-jump a { float: left; width: 15px; height: 15px; background: #ccc; margin: 0 3px 3px 0; } #carousel-jump a:hover { background: #aaa; } #carousel-jump a.active { background: #666; } /* Collection-speficic */ .candle-sizes {overflow: hidden; padding: 0px; margin: 0px; list-style-type: none; position: relative;} .candle-sizes li {text-align: center; position: relative; vertical-align: baseline; display: inline-block; margin-bottom: 20px;} .candle-sizes li img {height: auto !important; } /* Sidebar */ #sidebar { width: 250px; float: left; margin-right: -100%; position: relative; left: -250px;} .view-mode-desktop { margin-top: 20px; } a.view-mode-detail, a.view-mode-thumbnails { float: right; margin-left: 10px; } .view-mode svg { cursor: pointer; } .view-mode svg rect { stroke: #a41e34; } .view-mode a.active svg rect, .view-mode a.active:hover svg rect { stroke: #86868a; } .view-mode a:hover svg rect { stroke: #cd3851; } .view-mode a.active:hover { cursor: default; } #sidebar .sidebar-nav, #sidebar nav { text-align: right; text-transform: uppercase; } #sidebar .sidebar-nav a, #sidebar nav a { display: block; text-decoration: none; padding: 3px 0; } #sidebar .sidebar-nav a.active, #sidebar nav a.active { color: #86868a !important; } /* Thumbnails */ .thumbnails { width: 86%; float: left; margin-left: 7%; overflow: hidden; } .thumbnails img { height: 200px; float: left; margin-right: 10px; margin-bottom: 10px; } /* General Content Pages */ .content-page #content { padding: 0 20%; } /* Brand-specific pages */ .brand-overview { padding: 0 150px 0 20px; max-width: 1100px; } .brand-hero-image {float: left; width: 75%; max-width: 700px; margin: 0 20px 10px 0;} .brand-overview-mobile { display: none; } .brand-page #content { padding-left: 250px; } .brand-page #main-nav a { color: #3e3e3e;} .brand-page #main-nav a:hover { color: #868686; } .brand-page nav#footer-nav a { color: #868686; } .brand-page nav#footer-nav a:hover { color: #3e3e3e; } .brand-page #content .fbo-embed { display: inline-block !important; text-decoration: none; padding: .4em 1.2em 0.5em; border: 1px solid; } .brand-page #content .fbo-embed svg { width: 2.4em; height: 2.4em; margin: -11px -2px -11px -10px; } .brand-page #content .fbo-embed ~ div[data-fbo-lightbox] { display: none !important; } .brand-page #content .flip-book-brand { margin-top: 10px; } .brand-page #content .flip-book-gallery-mobile { display: none; } @media all and (max-width: 850px) { .brand-page #content .flip-book-gallery-mobile { display: block; margin-bottom: 10px; } .brand-page #content .flip-book-gallery-mobile .fbo-embed { width: 100%; box-sizing: border-box; } } .brand-page #content #sidebar .flip-book-side-bar { float: right; clear: both; margin-top: 8px; } .brand-page-manuel-canovas #content a.fbo-embed { border-color: #56af31; color: #56af31; } .brand-page-manuel-canovas #content a.fbo-embed svg .st1 { stroke: #56af31; } .brand-page-manuel-canovas #content a.fbo-embed:hover { background-color: #56af31; color: #fff; } .brand-page-manuel-canovas #content a.fbo-embed:hover svg .st1 { stroke: #fff; } /* Colefax */ .brand-page-colefax-and-fowler #brands-logo-nav #brands-logo-nav-colefax-and-fowler { display: block; width: 100%; height: 100%; background-image: url(../images/Colefax-Logo.gif); } .brand-page-colefax-and-fowler #image-details-close { background-position: -16px 0; } .brand-page-colefax-and-fowler a.view-mode-thumbnails {background-position: -102px 0;} .brand-page-colefax-and-fowler a.view-mode-thumbnails:hover {background-position: -102px -23px;} .brand-page-colefax-and-fowler a.view-mode-detail {background-position: -102px -46px;} .brand-page-colefax-and-fowler a.view-mode-detail:hover {background-position: -102px -70px;} .brand-page-colefax-and-fowler #content a, .brand-page-colefax-and-fowler .products-list a strong { color: #827d00; } .brand-page-colefax-and-fowler #content a:hover { color: #d5d26f; } .brand-page-colefax-and-fowler .view-mode svg rect { stroke: #827d00; } .brand-page-colefax-and-fowler .view-mode a:hover svg rect { stroke: #d5d26f; } /* Jane Churchill */ .brand-page-jane-churchill #brands-logo-nav #brands-logo-nav-jane-churchill { display: block; width: 100%; height: 100%; background-image: url(../images/JaneChurchill-Logo.gif); } .brand-page-jane-churchill #image-details-close { background-position: -24px 0; } .brand-page-jane-churchill a.view-mode-thumbnails {background-position: -153px 0;} .brand-page-jane-churchill a.view-mode-thumbnails:hover {background-position: -153px -23px;} .brand-page-jane-churchill a.view-mode-detail {background-position: -153px -46px;} .brand-page-jane-churchill a.view-mode-detail:hover {background-position: -153px -70px;} .brand-page-jane-churchill #content a, .brand-page-jane-churchill .products-list a strong { color: #00457c; } .brand-page-jane-churchill #content a:hover { color: #1d6ba9; } .brand-page-jane-churchill .view-mode svg rect { stroke: #00457c; } .brand-page-jane-churchill .view-mode a:hover svg rect { stroke: #1d6ba9; } /* Manuel Canovas */ .brand-page-manuel-canovas #brands-logo-nav #brands-logo-nav-manuel-canovas { display: block; width: 100%; height: 100%; background-image: url(../images/ManuelCanovas-Logo.gif); } .brand-page-manuel-canovas #image-details-close { background-position: -32px 0; } .brand-page-manuel-canovas a.view-mode-thumbnails {background-position: -204px 0;} .brand-page-manuel-canovas a.view-mode-thumbnails:hover {background-position: -204px -23px;} .brand-page-manuel-canovas a.view-mode-detail {background-position: -204px -46px;} .brand-page-manuel-canovas a.view-mode-detail:hover {background-position: -204px -70px;} .brand-page-manuel-canovas #content a, .brand-page-manuel-canovas .products-list a strong { color: #56af31; } .brand-page-manuel-canovas #content a:hover {color: #82db5d;} .brand-page-manuel-canovas .view-mode svg rect { stroke: #56af31; } .brand-page-manuel-canovas .view-mode a:hover svg rect { stroke: #82db5d; } /* Larsen */ .brand-page-larsen #brands-logo-nav #brands-logo-nav-larsen { display: block; width: 100%; height: 100%; background-image: url(../images/Larsen-Logo.gif); } .brand-page-larsen #image-details-close { background-position: -8px 0; } .brand-page-larsen a.view-mode-thumbnails {background-position: -51px 0;} .brand-page-larsen a.view-mode-thumbnails:hover {background-position: -51px -23px;} .brand-page-larsen a.view-mode-detail {background-position: -51px -46px;} .brand-page-larsen a.view-mode-detail:hover {background-position: -51px -70px;} .brand-page-larsen #content a, .brand-page-larsen .products-list a strong { color: #000000; } .brand-page-larsen #content a:hover { color: #424242; } .brand-page-larsen .view-mode svg rect { stroke: #000000; } .brand-page-larsen .view-mode a:hover svg rect { stroke: #424242; } /* Cowtan */ .brand-page-cowtan-tout #brands-logo-nav #brands-logo-nav-cowtan-tout { display: block; margin-top: 10px; background-position: 0 0px; } /* Showrooms */ .showrooms { margin-left: 20px; } .showrooms-page-mobile-links { display: none; } address { font-style: normal; display: inline-block; vertical-align: top; width: 300px; margin-right: 20px; margin-bottom: 20px; } /* Adjustments for IE7 - to be moved to IE-specific ? */ #main-nav .dropdown-wrap { width: 19.7%; } #main-nav > a { width: 17.7%; } .carousel-direction { width: 6.5%; } .thumbnails { margin-left: 6.5%; } .candle-sizes li {*display: inline;} /* ie7 only hack */ .mobile-only { display: none; } @media all and (max-width: 1100px) { #image-details { width: 50%; min-width: 200px; } .products-list a { float: none; width: auto; overflow: hidden; display: block; margin-right: 0px; } .products-list a img { width: 25%; } .brand-page #content, .content-page #content { padding-left: 150px; } .brand-overview { padding-right: 50px; max-width: initial; } #sidebar { width: 150px; margin-right: -150px; left: -150px; } } @media all and (max-width: 850px) { header { padding: 15px 20px 0; width: 100%; box-sizing: border-box; position: relative; } #main-nav, #footer-nav { display: none; } #brands-logo-nav { width: 100%; max-width: 400px; height: auto; } #mobile-nav-toggle { display: inline-block; border: none; padding: 10px; margin-left: -10px; background: none; color: #a41e34; text-transform: uppercase; font-size: 0.8em; } .hamburger-box { position: relative; top: 10px; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color: #a41e34; } .social-icons { position: static; float: right; margin-top: 22px; } .brand-page-colefax-and-fowler .hamburger.is-active .hamburger-inner, .brand-page-colefax-and-fowler .hamburger.is-active .hamburger-inner::before, .brand-page-colefax-and-fowler .hamburger.is-active .hamburger-inner::after, .brand-page-colefax-and-fowler .hamburger-inner, .brand-page-colefax-and-fowler .hamburger-inner::before, .brand-page-colefax-and-fowler .hamburger-inner::after { background-color: #827d00; } .brand-page-jane-churchill .hamburger.is-active .hamburger-inner, .brand-page-jane-churchill .hamburger.is-active .hamburger-inner::before, .brand-page-jane-churchill .hamburger.is-active .hamburger-inner::after, .brand-page-jane-churchill .hamburger-inner, .brand-page-jane-churchill .hamburger-inner::before, .brand-page-jane-churchill .hamburger-inner::after { background-color: #00457c; } .brand-page-manuel-canovas .hamburger.is-active .hamburger-inner, .brand-page-manuel-canovas .hamburger.is-active .hamburger-inner::before, .brand-page-manuel-canovas .hamburger.is-active .hamburger-inner::after, .brand-page-manuel-canovas .hamburger-inner, .brand-page-manuel-canovas .hamburger-inner::before, .brand-page-manuel-canovas .hamburger-inner::after { background-color: #56af31; } .brand-page-larsen .hamburger.is-active .hamburger-inner, .brand-page-larsen .hamburger.is-active .hamburger-inner::before, .brand-page-larsen .hamburger.is-active .hamburger-inner::after, .brand-page-larsen .hamburger-inner, .brand-page-larsen .hamburger-inner::before, .brand-page-larsen .hamburger-inner::after { background-color: #000000; } #mobile-nav { display: block; background: #fff; padding: 0; width: 100%; margin: 0 -20px; max-height: 0px; position: absolute; z-index: 2; overflow: hidden; transition: max-height ease-in-out 0.4s; } #mobile-nav.open { max-height: 1000px; } #mobile-nav nav.mobile-menu { position: relative; z-index: 2; background: #fff; width: 50%; } #mobile-nav nav.mobile-menu a { padding: 10px 20px; text-transform: uppercase; text-decoration: none; display: block; } #mobile-nav nav.mobile-menu a.active { color: #86868a !important; } #mobile-nav nav.mobile-menu.sub-menu { position: absolute; top: 0px; left: -100%; width: 50%; transition: left ease-in-out 0.4s; overflow: hidden; z-index: 1; border-left: 1px solid #a41e34; } #mobile-nav nav.mobile-menu.sub-menu.open { left: 50%; } .brand-page-colefax-and-fowler #mobile-nav-toggle { color: #827d00; } .brand-page-colefax-and-fowler #mobile-nav-toggle svg path { stroke: #827d00; } .brand-page-jane-churchill #mobile-nav-toggle { color: #00457c; } .brand-page-jane-churchill #mobile-nav-toggle svg path { stroke: #00457c; } .brand-page-manuel-canovas #mobile-nav-toggle { color: #56af31; } .brand-page-manuel-canovas #mobile-nav-toggle svg path { stroke: #56af31; } .brand-page-larsen #mobile-nav-toggle { color: #000000; } .brand-page-larsen #mobile-nav-toggle svg path { stroke: #000000; } #sidebar { display: none; } #content { margin-bottom: 0; padding: 0px 20px !important; } .home-page #content .carousel .carousel-images .carousel-image { margin-bottom: 20px; } .brand-overview { display: none; } .brand-overview-mobile { display: block; } .brand-overview-mobile .grid { margin-top: 20px; } .brand-overview-mobile .grid .grid-col { float: left; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px; overflow: hidden; } .brand-overview-mobile .grid .grid-col:last-child { margin-right: 0; } .brand-overview-mobile .grid .brand-collection { display: block; padding-bottom: 10px; margin-bottom: 10px; text-decoration: none; text-transform: uppercase; } .brand-overview-mobile .grid .brand-collection img { display: block; width: 100%; } #carousel-left, #carousel-right { display: none; } #content .carousel { width: 100%; padding: 0px; box-sizing: border-box; } #content .carousel .carousel-images { width: 100%; float: none; } #content .carousel .carousel-images .carousel-image { margin: 0; float: none; position: static; } #content .carousel .carousel-images .carousel-image img { float: none; display: block; width: 100%; } #content .carousel .carousel-images .carousel-image .product { display: none; float: left; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin: 0 20px 20px 0; color: #868686; text-decoration: none; } #content .carousel .carousel-images .carousel-image .product:nth-child(even) { margin-right: 0; } #content .carousel .carousel-images .carousel-image .product img { margin-bottom: 0; } #content .carousel .carousel-images .carousel-image .product strong { } #content .carousel .carousel-images .carousel-image .info-link { display: block; position: static; margin-bottom: 20px; } #carousel-jump { display: none; } .view-mode-mobile { display: block; position: absolute; bottom: -2px; left: -webkit-calc(50% - 55px); left: calc(50% - 55px); } .view-mode-mobile a { padding: 5px; margin: 0; } .image-details-mobile { width: 100%; margin: 10px 0; } .image-details-mobile a { text-decoration: none; color: #868686 !important; } .contact-showroom a { color: #333 !important; } .thumbnails { margin-left: 0px; width: 100%; } .thumbnails .grid-col { float: left; width: -webkit-calc(20% - 8px); width: calc(20% - 8px); margin-left: 10px; } .thumbnails .grid-col:first-child { margin-left: 0px; } .thumbnails .grid-col img { width: 100%; height: auto; margin-right: 0px; } .showrooms { margin-left: 0px; } .showrooms-page-mobile-links { display: block; } .showrooms-page-mobile-links a { text-decoration: none; text-transform: uppercase; display: block; padding: 3px 0; } .mobile-only { display: block; } } @media ( max-width: 630px ) { .thumbnails .grid-col { width: -webkit-calc(25% - 7.5px); width: calc(25% - 7.5px); margin-left: 10px; } .thumbnails .grid-col--5 { display: none; } } @media ( max-width: 500px ) { .thumbnails .grid-col { width: -webkit-calc(33.333% - 6px); width: calc(33.333% - 6px); margin-left: 9px; } .thumbnails .grid-col--4 { display: none; } }