@charset "UTF-8"; /*! * Barclays Design Language - Building Blocks * BDLBB.css * version 1.11.0 */ .icon { background-repeat: no-repeat; background-size: contain; display: inline-block; } .icon-arrowdown-cyan50 { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.97%22%20height%3D%2212.97%22%20viewBox%3D%220%200%2024.97%2012.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%237fd6f7%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.49%2012.97c-.25%200-.49-.09-.68-.27L.3%201.7C-.09%201.32-.11.7.27.31c.38-.39%201-.41%201.39-.03l10.82%2010.35L23.31.27A.99.99%200%200%201%2024.7.3a.98.98%200%200%201-.03%201.39l-11.5%2011c-.19.19-.44.28-.68.28z%22/%3E%3C/svg%3E"); width: 24px; height: 12px; } .accordion-hasjs .accordion-heading-link:hover::before, .icon-arrowdown-digitaldarkblue { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.97%22%20height%3D%2212.97%22%20viewBox%3D%220%200%2024.97%2012.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300395d%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.49%2012.97c-.25%200-.49-.09-.68-.27L.3%201.7C-.09%201.32-.11.7.27.31s1-.41%201.39-.03l10.82%2010.35L23.31.27A.99.99%200%200%201%2024.7.3a.98.98%200%200%201-.03%201.39l-11.5%2011c-.19.19-.44.28-.68.28z%22/%3E%3C/svg%3E"); width: 24px; height: 12px; } .has-error .select, .icon-arrowdown-red { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.97%22%20height%3D%2212.97%22%20viewBox%3D%220%200%2024.97%2012.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%23c33%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.49%2012.97c-.25%200-.49-.09-.68-.27L.3%201.7C-.09%201.32-.11.7.27.31c.38-.39%201-.41%201.39-.03l10.82%2010.35L23.31.27A.99.99%200%200%201%2024.7.3a.98.98%200%200%201-.03%201.39l-11.5%2011c-.19.19-.44.28-.68.28z%22/%3E%3C/svg%3E"); width: 24px; height: 12px; } .icon-arrowdown-white { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.97%22%20height%3D%2212.97%22%20viewBox%3D%220%200%2024.97%2012.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.49%2012.97c-.25%200-.49-.09-.68-.27L.3%201.7C-.09%201.32-.11.7.27.31c.38-.39%201-.41%201.39-.03l10.82%2010.35L23.31.27A.99.99%200%200%201%2024.7.3a.98.98%200%200%201-.03%201.39l-11.5%2011c-.19.19-.44.28-.68.28z%22/%3E%3C/svg%3E"); width: 24px; height: 12px; } .select, .accordion-hasjs .accordion-heading-link::before, .table-sortable th .table-sort-arrow-down, .icon-arrowdown { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.97%22%20height%3D%2212.97%22%20viewBox%3D%220%200%2024.97%2012.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.49%2012.97c-.25%200-.49-.09-.68-.27L.3%201.7C-.09%201.32-.11.7.27.31c.38-.39%201-.41%201.39-.03l10.82%2010.35L23.31.27A.99.99%200%200%201%2024.7.3a.98.98%200%200%201-.03%201.39l-11.5%2011c-.19.19-.44.28-.68.28z%22/%3E%3C/svg%3E"); width: 24px; height: 12px; } .icon-arrowleft-cyan50 { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212.97%22%20height%3D%2224.97%22%20viewBox%3D%220%200%2012.97%2024.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%237fd6f7%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2012.49c0-.25.09-.49.27-.68l11-11.5c.38-.39%201-.41%201.4-.03.39.38.41%201%20.03%201.39L2.35%2012.49%2012.7%2023.3c.38.39.36%201.02-.03%201.4a.993.993%200%200%201-1.4-.03l-11-11.5a.995.995%200%200%201-.27-.68z%22/%3E%3C/svg%3E"); width: 12px; height: 24px; } .icon-arrowleft-digitaldarkblue { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212.97%22%20height%3D%2224.97%22%20viewBox%3D%220%200%2012.97%2024.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300395d%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2012.49c0-.25.09-.49.27-.68l11-11.5c.38-.39%201-.41%201.4-.03.39.38.41%201%20.03%201.39L2.35%2012.49%2012.7%2023.3c.38.39.36%201.02-.03%201.4a.993.993%200%200%201-1.4-.03l-11-11.5a.995.995%200%200%201-.27-.68z%22/%3E%3C/svg%3E"); width: 12px; height: 24px; } .icon-arrowleft-white { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212.97%22%20height%3D%2224.97%22%20viewBox%3D%220%200%2012.97%2024.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2012.49c0-.25.09-.49.27-.68l11-11.5c.38-.39%201-.41%201.4-.03.39.38.41%201%20.03%201.39L2.35%2012.49%2012.7%2023.3c.38.39.36%201.02-.03%201.4a.993.993%200%200%201-1.4-.03l-11-11.5a.995.995%200%200%201-.27-.68z%22/%3E%3C/svg%3E"); width: 12px; height: 24px; } .icon-arrowleft { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212.97%22%20height%3D%2224.97%22%20viewBox%3D%220%200%2012.97%2024.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2012.49c0-.25.09-.49.27-.68l11-11.5c.38-.39%201-.41%201.4-.03.39.38.41%201%20.03%201.39L2.35%2012.49%2012.7%2023.3c.38.39.36%201.02-.03%201.4a.993.993%200%200%201-1.4-.03l-11-11.5a.995.995%200%200%201-.27-.68z%22/%3E%3C/svg%3E"); width: 12px; height: 24px; } .icon-arrowright-cyan50 { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212.97%22%20height%3D%2224.97%22%20viewBox%3D%220%200%2012.97%2024.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%237fd6f7%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.97%2012.49c0%20.25-.09.49-.27.68l-11%2011.5c-.38.39-1%20.41-1.39.03s-.41-1-.03-1.4l10.35-10.82L.27%201.67C-.1%201.28-.09.65.3.27S1.32-.09%201.7.3l11%2011.5c.18.2.27.44.27.69z%22/%3E%3C/svg%3E"); width: 12px; height: 24px; } a.standalone:hover::after, a.standalone:focus::after, .standalone a:hover::after, .standalone a:focus::after, .icon-arrowright-digitaldarkblue { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212.97%22%20height%3D%2224.97%22%20viewBox%3D%220%200%2012.97%2024.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300395d%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.97%2012.49c0%20.25-.09.49-.27.68l-11%2011.5c-.38.39-1%20.41-1.39.03-.39-.38-.41-1-.03-1.4l10.35-10.82L.27%201.67C-.1%201.28-.09.65.3.27A.993.993%200%200%201%201.7.3l11%2011.5c.18.2.27.44.27.69z%22/%3E%3C/svg%3E"); width: 12px; height: 24px; } .icon-arrowright-white { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212.97%22%20height%3D%2224.97%22%20viewBox%3D%220%200%2012.97%2024.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.97%2012.49c0%20.25-.09.49-.27.68l-11%2011.5c-.38.39-1%20.41-1.39.03s-.41-1-.03-1.4l10.35-10.82L.27%201.67C-.1%201.28-.09.65.3.27S1.32-.09%201.7.3l11%2011.5c.18.2.27.44.27.69z%22/%3E%3C/svg%3E"); width: 12px; height: 24px; } a.standalone::after, .standalone a::after, .icon-arrowright { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212.97%22%20height%3D%2224.97%22%20viewBox%3D%220%200%2012.97%2024.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.97%2012.49c0%20.25-.09.49-.27.68l-11%2011.5c-.38.39-1%20.41-1.39.03s-.41-1-.03-1.4l10.35-10.82L.27%201.67C-.1%201.28-.09.65.3.27S1.32-.09%201.7.3l11%2011.5c.18.2.27.44.27.69z%22/%3E%3C/svg%3E"); width: 12px; height: 24px; } .icon-arrowup-cyan50 { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.97%22%20height%3D%2212.97%22%20viewBox%3D%220%200%2024.97%2012.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%237fd6f7%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.49%200c.25%200%20.49.09.68.27l11.5%2011c.39.38.41%201%20.03%201.4-.38.39-1%20.41-1.4.03L12.49%202.35%201.67%2012.7a.98.98%200%200%201-1.39-.03.993.993%200%200%201%20.03-1.4l11.5-11c.19-.18.43-.27.68-.27z%22/%3E%3C/svg%3E"); width: 24px; height: 12px; } .accordion-hasjs .accordion-heading-link.accordion-heading-active:hover::before, .icon-arrowup-digitaldarkblue { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.97%22%20height%3D%2212.97%22%20viewBox%3D%220%200%2024.97%2012.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300395d%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.49%200c.25%200%20.49.09.68.27l11.5%2011c.39.38.41%201%20.03%201.4-.38.39-1%20.41-1.4.03L12.49%202.35%201.67%2012.7a.98.98%200%200%201-1.39-.03.993.993%200%200%201%20.03-1.4l11.5-11c.19-.18.43-.27.68-.27z%22/%3E%3C/svg%3E"); width: 24px; height: 12px; } .icon-arrowup-white { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.97%22%20height%3D%2212.97%22%20viewBox%3D%220%200%2024.97%2012.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.49%200c.25%200%20.49.09.68.27l11.5%2011c.39.38.41%201%20.03%201.4-.38.39-1%20.41-1.4.03L12.49%202.35%201.67%2012.7a.98.98%200%200%201-1.39-.03.993.993%200%200%201%20.03-1.4l11.5-11c.19-.18.43-.27.68-.27z%22/%3E%3C/svg%3E"); width: 24px; height: 12px; } .accordion-hasjs .accordion-heading-link.accordion-heading-active::before, .table-sortable th .table-sort-arrow-up, .icon-arrowup { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.97%22%20height%3D%2212.97%22%20viewBox%3D%220%200%2024.97%2012.97%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.49%200c.25%200%20.49.09.68.27l11.5%2011c.39.38.41%201%20.03%201.4-.38.39-1%20.41-1.4.03L12.49%202.35%201.67%2012.7a.98.98%200%200%201-1.39-.03.993.993%200%200%201%20.03-1.4l11.5-11c.19-.18.43-.27.68-.27z%22/%3E%3C/svg%3E"); width: 24px; height: 12px; } .icon-arrowupdown-red { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2220%22%20viewBox%3D%220%200%2010%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%23c33%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M.6%205.6L5%20.8l4.4%204.8c.1.1.3.1.4%200%20.1-.1.1-.3%200-.4L5.2.1C5.2%200%205.1%200%205%200s-.2%200-.2.1L.2%205.2c-.1.1-.1.3%200%20.4.1.1.3.1.4%200zM5%2020c.1%200%20.2%200%20.2-.1l4.6-5.1c.1-.1.1-.3%200-.4-.1-.1-.3-.1-.4%200L5%2019.2.6%2014.4c-.1-.1-.3-.1-.4%200-.1.1-.1.3%200%20.4l4.6%205.1c0%20.1.1.1.2.1z%22/%3E%3C/svg%3E"); width: 10px; height: 20px; } .icon-arrowupdown { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2220%22%20viewBox%3D%220%200%209%2018.2%22%3E%3Cpath%20d%3D%22M.5%205.1l4-4.4%204%204.4c.1.1.3.1.4%200%20.1-.1.1-.3%200-.4L4.7.1c0-.1-.1-.1-.2-.1s-.2%200-.2.1L.1%204.7c-.1.1-.1.3%200%20.4s.3.1.4%200zM4.5%2018.2c.1%200%20.2%200%20.2-.1l4.2-4.6c.1-.1.1-.3%200-.4-.1-.1-.3-.1-.4%200l-4%204.4-4-4.4c-.1-.1-.3-.1-.4%200s-.1.3%200%20.4l4.2%204.6c0%20.1.1.1.2.1z%22%20fill%3D%22%230074a6%22/%3E%3C/svg%3E"); width: 10px; height: 20px; } .icon-barclays-eagle { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2227.8%22%20height%3D%2230%22%20viewBox%3D%220%200%2027.8%2030%22%3E%3Cstyle%3E.st0%7Bfill%3Aurl%28%23SVGID_1_%29%7D%3C/style%3E%3CradialGradient%20id%3D%22SVGID_1_%22%20cx%3D%22-328.717%22%20cy%3D%22310.873%22%20r%3D%22.428%22%20gradientTransform%3D%22matrix%2871.4087%200%200%20-71.4086%2023474.04%2022204.375%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2320c4f4%22/%3E%3Cstop%20offset%3D%22.304%22%20stop-color%3D%22%2309b4f0%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%2300aeef%22/%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%230092c8%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23006e98%22/%3E%3C/radialGradient%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M26.7%206.5c-.3-.6-.8-1.4-1.5-2-.3-.3-.7-.5-1.2-.6-.4-.1-.8-.2-1.2-.2h-.1c-.5%200-1.5.1-2.1.9-.3.3-.4.8-.3%201.3.1.4.3.7.7.8%200%200%20.1%200%20.3.1-.1%200-.2.2-.2.2-.2.3-.7.8-2.1.8h-.1c-.7%200-1.3-.2-2-1.1-.4-.6-.7-1.5-.7-3.1%200-.8-.1-1.5-.3-2-.1-.4-.4-.7-.7-.9-.2-.2-.5-.3-.9-.4-.4-.3-1-.3-1.5-.3-.6%200-.9.1-1.1.4%200%200%200%20.1-.1.1h-.4c-.3%200-.6.1-.9.1-.6.1-.9.3-1.3.6-.1.1-.4.4-.5.8-.1.3%200%20.5.1.6%200%200%200%20.1.1.1.2-.2.5-.3%201-.3.6%200%201.5.3%201.8.8.4.7.3%201.2.2%201.9-.2%201.7-.9%202.6-2.2%202.8h-.7c-1%200-1.7-.3-2-.9-.2-.2-.2-.3-.2-.3s.1%200%20.2-.1c.4-.2.6-.4.7-.8.1-.4%200-.9-.3-1.3-.5-.5-1.2-.8-2.1-.8-.5%200-.9.1-1.2.2-1.2.3-2.1%201.1-2.8%202.6-.5%201-.9%202.4-1%203.8C0%2011.7%200%2012.9.1%2014c.2%201.8.5%202.9.9%204%20.4%201.2%201%202.3%201.6%203.3.2.4.3.6.4.7.1-.1.2-.2.3-.4.2-.2.9-1.1%201.1-1.4.3-.2.6-.8.8-1.2l.1-.2.2.2c.2.2.3.4.3.7%200%20.3-.1.6-.2%201.2-.2.6-.5%201.4-.9%202%200%20.1-.1.2-.1.2-.2.4-.3.6-.2.7.1%200%20.4-.1.7-.4.3-.2%201-.8%201.9-2.1.7-.9%201.2-1.9%201.7-3l.1-.2.2.1c.1%200%20.2.1.2.2.1.2.1.4.1.7-.1.7-.5%201.7-.8%202.4-.5%201.2-1.5%202.6-2.2%203.6%200%200-.2.2-.2.3.1.1.2.2.4.3l.3.2c1%20.8%201.9%201.5%203.1%202.1.9.5%202.8%201.5%204%201.8%201.2-.3%203.1-1.3%204-1.8%201.2-.7%202.1-1.3%203.1-2.1l.3-.2c.2-.1.3-.3.4-.3%200%200-.1-.1-.1-.2l-.1-.1c-.7-1-1.7-2.4-2.2-3.6-.3-.7-.7-1.8-.8-2.4%200-.3%200-.5.1-.7%200-.1.1-.1.2-.2s.2-.1.2-.1l.1.2c.5%201.1%201.1%202%201.7%203%20.9%201.3%201.6%201.9%201.9%202.1.3.2.6.4.7.4h.1c.1-.1%200-.3-.2-.7%200-.1-.1-.2-.1-.2-.4-.7-.7-1.4-.9-2-.2-.6-.3-.9-.3-1.2%200-.3.1-.6.3-.7l.2-.1.1.2c.2.4.6%201%20.7%201.2.2.3.9%201.1%201.1%201.4l.3.3c.1-.1.2-.3.4-.6v-.1c.6-1%201.1-2.1%201.6-3.3.4-1.2.7-2.2.9-4%20.1-1.1.2-2.3%200-3.7%200-1.4-.3-2.8-.9-3.8z%22/%3E%3C/svg%3E"); width: 27px; height: 30px; } .icon-barclays-wordmark { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22141.6%22%20height%3D%2223.5%22%20viewBox%3D%220%200%20141.6%2023.5%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300aeef%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M11.2%2010.1c2.4-.6%205.1-2.3%205.1-5.2C16.3.6%2012.2.6%2010.1.6H1.5c.4.2.6%201.3.6%202.8%200%201.8-.1%204.3-.4%207.7l-.1%201.4C1.2%2018.4%201%2021.8%200%2022.6h7.7c5.9%200%209.5-3%209.5-6.9.1-3.6-2.5-5.2-6-5.6zM6.1%207.9c.1-1.6.3-3.2.5-4.7.5-.1%201.1-.1%201.5-.1%202.6%200%203.8%201.1%203.8%202.6%200%202.6-2.6%203.6-5.4%203.6H6l.1-1.4zm1.4%2011.9c-1.5%200-2.1-.4-2.1-.6%200-1.4.1-2.5.2-4l.2-3.2h1.6c2.9%200%205.2.9%205.2%203.8%200%202.6-2%204-5.1%204zM136.7%209.8c-2.2-1.4-4.3-2.6-4.3-4.2%200-2%201.7-2.8%203.6-2.8%202.2%200%204.1%201.3%205%202.9l.6-5.2c-1.5%200-3-.4-5.4-.4-4.1%200-8.1%201.6-8.1%206.3%200%203.2%202.3%204.9%205.9%207.1%201.7%201%203.1%202.1%203.1%203.7%200%202-1.7%203.1-4%203.1-3%200-5-1.7-6.1-4l-.4%205.5c2.3.9%204.3%201.2%206.2%201.2%204.7%200%208.7-2.6%208.7-6.7%200-3.2-2.4-5-4.8-6.5zM121%2010.7c1.1-1.8%206.2-9.9%207.4-10.1h-5.9c.2.2.3.8.3%201.3%200%20.7-.3%201.3-.6%201.9-1.4%202.2-2.4%203.9-4%206.2-.6-1.8-1.7-4.2-3.1-7.5-.9-2-1.3-2.2-2.8-2.2-.8%200-2.6.1-3.9.2.8.4%202%202.3%203.1%204.3%201.7%203.2%202.8%205.9%203.6%208.7.1%201.9-.4%208.1-1.4%209.1h6c-.5-.5-.6-1.8-.6-2.8%200-2.4.2-4.6.5-6.2.2-.9.9-2%201.4-2.9zM56.3%2018.9l-4.5-6c-.3-.4-.8-1.1-1.1-1.3%202.9-.9%205.3-2.8%205.3-6.3C56%201%2052.3.6%2049.7.6h-8.2c.4.2.6%201.2.6%202.8%200%201.8-.1%204.3-.4%207.7l-.1%201.4c-.5%206.8-.8%209.4-1.7%2010.1h6c-.4-.2-.6-1.3-.6-2.8%200-1.3.1-3.1.2-5.4l.1-1.6h.1c.8%200%201.1.5%201.6%201.1l6.2%208.6c.5.7.9%201%202.6%201%201.1%200%202.8-.1%204-.2-.7-.5-1-.7-3.8-4.4zM47%2010c-.3%200-.7%200-1-.1l.1-1.5c.2-2.6.3-4.3.5-5.2.5-.1%201.2-.1%201.7-.1%202.1%200%203.3%201%203.3%202.7%200%202.6-1.9%204.2-4.6%204.2zM34.7%2012.7l-.9-3.4c-1.1-4-2.4-8.7-2.4-8.7h-4.8c.2.2.3.7.3%201.2S25.4%205.6%2024%208.6l-1.5%203.3c-2.7%205.7-4.6%209.2-6.1%2010.7h5.3c-.1-.2-.1-.7-.1-1%200-1.2%201.1-3.3%201.5-4.3l.5-.9h2.6c2.6%200%204.2-.3%205.2-.7l.5%201.9c1.5%205.2%201.7%205.3%203.6%205.3.6%200%202.1-.1%203.4-.2-1.5-1.3-2.5-4.1-4.2-10zm-9.9.6l3.6-7.7%202.2%207.7h-5.8zM63.6%2012.2c0-4.4%201.9-9.5%206.6-9.5%202.4%200%204.2%201.3%205.2%203.3L76%20.4c-1.9%200-3-.4-5.4-.4C63%200%2059%205.7%2059%2013c0%205.3%203.3%2010%209%2010%204.4%200%207-2.2%208.2-5.9-2.8%202-4.5%202.5-6.4%202.5-3.5%200-6.2-2.6-6.2-7.4zM106.5%2012.7l-.9-3.4c-.4-1.5-2.4-8.7-2.4-8.7h-4.8c.2.2.3.7.3%201.2%200%20.6-1.4%203.7-2.9%206.8l-1.5%203.3c-1.1%202.5-2.3%204.8-3.4%206.7-1.7%201.1-2.6%201.2-6.2%201.2-1%200-1.4-.2-1.4-1.2%200-2.2.3-4.4.4-6.6l.1-1.3c.4-5.9.7-9.5%201.6-10h-6c.4.5.5%201.3.6%202.8%200%201.8-.1%204.3-.4%207.7l-.1%201.4c-.4%205.9-.7%209.1-1.6%2010.1h15.6c-.1-.2-.1-.7-.1-1%200-1.2.9-2.9%201.5-4.3l.5-.9H98c2.6%200%204.2-.3%205.2-.7l.5%201.9c1.5%205.2%201.7%205.3%203.6%205.3.6%200%202.2-.1%203.4-.2-1.6-1.4-2.6-4.2-4.2-10.1zm-9.9.6l3.6-7.7%202.2%207.7h-5.8z%22/%3E%3C/svg%3E"); width: 141px; height: 23px; } .has-error .control-checkbox .control-input:checked ~ .control-indicator::after, .icon-check-red { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2019.6%2014%22%3E%3Cpath%20d%3D%22M7.6%2012.3L1.1%207.2c-.3-.3-.7-.2-.9.1-.3.3-.2.7.1.9l7%205.6c.1.1.2.2.4.2s.4-.1.5-.2L19.4%201.2c.3-.3.2-.7-.1-1-.3-.3-.7-.2-1%20.1l-10.7%2012z%22%20fill%3D%22%23c33%22/%3E%3C/svg%3E"); width: 20px; height: 14px; } .control-checkbox .control-input:checked ~ .control-indicator::after, .icon-check-white { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2019.6%2014%22%3E%3Cpath%20d%3D%22M7.6%2012.3L1.1%207.2c-.3-.3-.7-.2-.9.1-.3.3-.2.7.1.9l7%205.6c.1.1.2.2.4.2s.4-.1.5-.2L19.4%201.2c.3-.3.2-.7-.1-1-.3-.3-.7-.2-1%20.1l-10.7%2012z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E"); width: 20px; height: 14px; } .icon-clear { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cstyle%3E.st0%7Bfill%3A%23a1a1a1%7D.st1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A1.5%3Bstroke-linecap%3Around%7D%3C/style%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22/%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M5.5%205.3l7%207M5.5%2012.3l7-7%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-close-cyan50 { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%237fd6f7%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M19%2020c-.26%200-.51-.1-.71-.29l-18-18A.996.996%200%201%201%201.7.3l18%2018A.996.996%200%200%201%2019%2020z%22/%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1%2020c-.26%200-.51-.1-.71-.29a.996.996%200%200%201%200-1.41l18-18a.996.996%200%201%201%201.41%201.41l-18%2018c-.19.19-.44.29-.7.29z%22/%3E%3C/svg%3E"); width: 20px; height: 20px; } .icon-close-digitaldarkblue { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300395d%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M19%2020c-.26%200-.51-.1-.71-.29l-18-18A.996.996%200%201%201%201.7.3l18%2018A.996.996%200%200%201%2019%2020z%22/%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1%2020c-.26%200-.51-.1-.71-.29a.996.996%200%200%201%200-1.41l18-18a.996.996%200%201%201%201.41%201.41l-18%2018c-.19.19-.44.29-.7.29z%22/%3E%3C/svg%3E"); width: 20px; height: 20px; } .icon-close-white { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M19%2020c-.26%200-.51-.1-.71-.29l-18-18A.996.996%200%201%201%201.7.3l18%2018A.996.996%200%200%201%2019%2020z%22/%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1%2020c-.26%200-.51-.1-.71-.29a.996.996%200%200%201%200-1.41l18-18a.996.996%200%201%201%201.41%201.41l-18%2018c-.19.19-.44.29-.7.29z%22/%3E%3C/svg%3E"); width: 20px; height: 20px; } .icon-close { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M19%2020c-.26%200-.51-.1-.71-.29l-18-18A.996.996%200%201%201%201.7.3l18%2018A.996.996%200%200%201%2019%2020z%22/%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1%2020c-.26%200-.51-.1-.71-.29a.996.996%200%200%201%200-1.41l18-18a.996.996%200%201%201%201.41%201.41l-18%2018c-.19.19-.44.29-.7.29z%22/%3E%3C/svg%3E"); width: 20px; height: 20px; } .list-cross-red li::before, .icon-cross-red { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cstyle%3E.st0%7Bfill%3A%23c33%7D%3C/style%3E%3Cpath%20id%3D%22Fill-1%22%20class%3D%22st0%22%20d%3D%22M10.8%204.2L8%207.1%205.2%204.2l-1%201L7.1%208l-2.8%202.8.9.9L8%208.9l2.8%202.8.9-.9L8.9%208l2.8-2.8-.9-1%22/%3E%3Cpath%20id%3D%22Fill-2%22%20class%3D%22st0%22%20d%3D%22M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm0%2014.7A6.7%206.7%200%201%201%208%201.3a6.7%206.7%200%200%201%200%2013.4z%22/%3E%3C/svg%3E"); width: 16px; height: 16px; } .list-cross li::before, .icon-cross { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20id%3D%22Fill-1%22%20class%3D%22st0%22%20d%3D%22M10.8%204.2L8%207.1%205.2%204.2l-1%201L7.1%208l-2.8%202.8.9.9L8%208.9l2.8%202.8.9-.9L8.9%208l2.8-2.8-.9-1%22/%3E%3Cpath%20id%3D%22Fill-2%22%20class%3D%22st0%22%20d%3D%22M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm0%2014.7A6.7%206.7%200%201%201%208%201.3a6.7%206.7%200%200%201%200%2013.4z%22/%3E%3C/svg%3E"); width: 16px; height: 16px; } .icon-email { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2226.1%22%20height%3D%2218.6%22%20viewBox%3D%220%200.7%2026.1%2018.6%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cg%20id%3D%22icon%22%3E%3Cpath%20id%3D%22Shape%22%20class%3D%22st0%22%20d%3D%22M24.2.7H1.9c-1%200-1.9.9-1.9%202v14.9c0%201%20.8%201.7%201.9%201.7h22.3c1%200%201.899-.7%201.899-1.7V2.7c-.199-1-.899-2-1.899-2zm-1.6%201.9l-9.7%209.7-9.7-9.7h19.4zM1.9%2017.5V4l11%2011L24.2%203.7v13.7l-22.3.1z%22/%3E%3C/g%3E%3C/svg%3E"); width: 26px; height: 18px; } .alert-warning::after, .icon-exclamation-amber75 { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E.st0%7Bfill%3A%23e58a47%7D%3C/style%3E%3Ctitle%3EFunc25_Warning%20_x1%3C/title%3E%3Cg%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22Func25_Warning-%22%3E%3Cg%20id%3D%22Imported-Layers%22%20transform%3D%22translate%284%204%29%22%3E%3Cpath%20id%3D%22Fill-1%22%20class%3D%22st0%22%20d%3D%22M8-2c5.5%200%2010%204.5%2010%2010S13.5%2018%208%2018-2%2013.5-2%208%202.5-2%208-2m0-2C1.4-4-4%201.4-4%208S1.4%2020%208%2020s12-5.4%2012-12S14.6-4%208-4%22/%3E%3Cpath%20id%3D%22Fill-2%22%20class%3D%22st0%22%20d%3D%22M7%201h2v10H7V1z%22/%3E%3Cpath%20id%3D%22Fill-3%22%20class%3D%22st0%22%20d%3D%22M9.3%2013.6c0%20.7-.6%201.3-1.3%201.3s-1.3-.6-1.3-1.3c0-.7.6-1.3%201.3-1.3s1.3.6%201.3%201.3%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 24px; height: 24px; } .alert-error::after, .icon-exclamation-red { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E.st0%7Bfill%3A%23c33%7D%3C/style%3E%3Ctitle%3EFunc25_Warning%20_x1%3C/title%3E%3Cg%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22Func25_Warning-%22%3E%3Cg%20id%3D%22Imported-Layers%22%20transform%3D%22translate%284%204%29%22%3E%3Cpath%20id%3D%22Fill-1%22%20class%3D%22st0%22%20d%3D%22M8-2c5.5%200%2010%204.5%2010%2010S13.5%2018%208%2018-2%2013.5-2%208%202.5-2%208-2m0-2C1.4-4-4%201.4-4%208S1.4%2020%208%2020s12-5.4%2012-12S14.6-4%208-4%22/%3E%3Cpath%20id%3D%22Fill-2%22%20class%3D%22st0%22%20d%3D%22M7%201h2v10H7V1z%22/%3E%3Cpath%20id%3D%22Fill-3%22%20class%3D%22st0%22%20d%3D%22M9.3%2013.6c0%20.7-.6%201.3-1.3%201.3s-1.3-.6-1.3-1.3c0-.7.6-1.3%201.3-1.3s1.3.6%201.3%201.3%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 24px; height: 24px; } .modal-icon::before, .icon-exclamation { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Ctitle%3EFunc25_Warning%20_x1%3C/title%3E%3Cg%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22Func25_Warning-%22%3E%3Cg%20id%3D%22Imported-Layers%22%20transform%3D%22translate%284%204%29%22%3E%3Cpath%20id%3D%22Fill-1%22%20class%3D%22st0%22%20d%3D%22M8-2c5.5%200%2010%204.5%2010%2010S13.5%2018%208%2018-2%2013.5-2%208%202.5-2%208-2m0-2C1.4-4-4%201.4-4%208S1.4%2020%208%2020s12-5.4%2012-12S14.6-4%208-4%22/%3E%3Cpath%20id%3D%22Fill-2%22%20class%3D%22st0%22%20d%3D%22M7%201h2v10H7V1z%22/%3E%3Cpath%20id%3D%22Fill-3%22%20class%3D%22st0%22%20d%3D%22M9.3%2013.6c0%20.7-.6%201.3-1.3%201.3s-1.3-.6-1.3-1.3c0-.7.6-1.3%201.3-1.3s1.3.6%201.3%201.3%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-facebook { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%233D5A98%22%20d%3D%22M22.7%2024c.7%200%201.3-.6%201.3-1.3V1.3c0-.7-.6-1.3-1.3-1.3H1.3C.6%200%200%20.6%200%201.3v21.4c0%20.7.6%201.3%201.3%201.3h21.4z%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.6%2024v-9.3h3.1l.5-3.6h-3.6V8.8c0-1%20.3-1.8%201.8-1.8h1.9V3.8c-.3%200-1.5-.1-2.8-.1-2.8%200-4.7%201.7-4.7%204.8v2.7H9.7v3.6h3.1V24h3.8z%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-filter { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2020%2017.9%22%3E%3Cpath%20fill%3D%22%230074A6%22%20d%3D%22M.1.5c-.2.3-.1.6.1.9l7.7%209.5v6.2c0%20.3.2.6.5.7.1.1.3.1.4.1.2%200%20.3%200%20.5-.1l2.4-1.7c.3-.3.5-.6.5-1v-4.2l7.6-9.5c.2-.3.2-.6.1-.9-.2-.3-.5-.5-.8-.5H.9C.5%200%20.2.2.1.5zm19%20.4l-7.7%209.6c0%20.1-.1.1-.1.3v4.4c0%20.1-.1.3-.2.4l-2.4%201.7v-6.4c0-.1-.1-.3-.2-.3L3.6%204.3%203%203.4.9.9h18.2z%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .alert-info::after, .icon-info { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Ctitle%3EFunc02_Information_x1%3C/title%3E%3Cg%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22Func02_Information%22%3E%3Cg%20id%3D%22Imported-Layers%22%20transform%3D%22translate%284%204%29%22%3E%3Cpath%20id%3D%22Fill-1%22%20class%3D%22st0%22%20d%3D%22M8-2c5.5%200%2010%204.5%2010%2010S13.5%2018%208%2018-2%2013.5-2%208%202.5-2%208-2m0-2C1.4-4-4%201.4-4%208S1.4%2020%208%2020s12-5.4%2012-12S14.6-4%208-4%22/%3E%3Cpath%20id%3D%22Fill-2%22%20class%3D%22st0%22%20d%3D%22M7%206h2v7H7V6z%22/%3E%3Cpath%20id%3D%22Fill-3%22%20class%3D%22st0%22%20d%3D%22M9.3%203.6c0%20.7-.6%201.3-1.3%201.3s-1.3-.6-1.3-1.3c0-.7.6-1.3%201.3-1.3s1.3.6%201.3%201.3%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-linkedin { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%230078B6%22%20d%3D%22M22.2%200H1.8C.8%200%200%20.8%200%201.7v20.5c0%201%20.8%201.7%201.8%201.7h20.5c1%200%201.8-.8%201.8-1.7V1.7C24%20.8%2023.2%200%2022.2%200z%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3.6%209h3.6v11.5H3.6V9zm1.7-5.7c1.1%200%202.1.9%202.1%202.1%200%201.1-.9%202.1-2.1%202.1-1.1%200-2.1-.9-2.1-2.1.1-1.2%201-2.1%202.1-2.1M9.4%209h3.4v1.6c.5-.9%201.6-1.8%203.4-1.8%203.6%200%204.3%202.4%204.3%205.5v6.3h-3.6V15c0-1.3%200-3-1.8-3-1.9%200-2.1%201.4-2.1%202.9v5.7H9.4V9z%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-mapmarker-cyan50 { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218.8%22%20height%3D%2224.1%22%20viewBox%3D%220%200%2018.8%2024.1%22%3E%3Cstyle%3E.st0%7Bfill%3A%237fd6f7%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8.6%2023.1l.8%201%20.8-1c0-.1%204.2-4.7%205.8-6.8%201.2-1.6%202.8-4%202.8-6.9%200-5.2-4.2-9.4-9.4-9.4S0%204.2%200%209.4c0%203.1%202.1%206%202.7%206.8%201.7%202.3%205.9%206.9%205.9%206.9zM9.4%202c4.1%200%207.4%203.3%207.4%207.4%200%201.8-.8%203.6-2.4%205.7-1.2%201.5-3.7%204.1-5%205.8-1.3-1.6-3.9-4.3-5.1-5.9C3.2%2013.6%202%2011.4%202%209.4%202%205.4%205.3%202%209.4%202z%22/%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%229.4%22%20cy%3D%228.1%22%20r%3D%222%22/%3E%3C/svg%3E"); width: 18px; height: 24px; } .icon-mapmarker-digitaldarkblue { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218.8%22%20height%3D%2224.1%22%20viewBox%3D%220%200%2018.8%2024.1%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300395d%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8.6%2023.1l.8%201%20.8-1c0-.1%204.2-4.7%205.8-6.8%201.2-1.6%202.8-4%202.8-6.9%200-5.2-4.2-9.4-9.4-9.4S0%204.2%200%209.4c0%203.1%202.1%206%202.7%206.8%201.7%202.3%205.9%206.9%205.9%206.9zM9.4%202c4.1%200%207.4%203.3%207.4%207.4%200%201.8-.8%203.6-2.4%205.7-1.2%201.5-3.7%204.1-5%205.8-1.3-1.6-3.9-4.3-5.1-5.9C3.2%2013.6%202%2011.4%202%209.4%202%205.4%205.3%202%209.4%202z%22/%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%229.4%22%20cy%3D%228.1%22%20r%3D%222%22/%3E%3C/svg%3E"); width: 18px; height: 24px; } .icon-mapmarker-white { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218.8%22%20height%3D%2224.1%22%20viewBox%3D%220%200%2018.8%2024.1%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8.6%2023.1l.8%201%20.8-1c0-.1%204.2-4.7%205.8-6.8%201.2-1.6%202.8-4%202.8-6.9%200-5.2-4.2-9.4-9.4-9.4S0%204.2%200%209.4c0%203.1%202.1%206%202.7%206.8%201.7%202.3%205.9%206.9%205.9%206.9zM9.4%202c4.1%200%207.4%203.3%207.4%207.4%200%201.8-.8%203.6-2.4%205.7-1.2%201.5-3.7%204.1-5%205.8-1.3-1.6-3.9-4.3-5.1-5.9C3.2%2013.6%202%2011.4%202%209.4%202%205.4%205.3%202%209.4%202z%22/%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%229.4%22%20cy%3D%228.1%22%20r%3D%222%22/%3E%3C/svg%3E"); width: 18px; height: 24px; } .icon-mapmarker { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218.8%22%20height%3D%2224.1%22%20viewBox%3D%220%200%2018.8%2024.1%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8.6%2023.1l.8%201%20.8-1c0-.1%204.2-4.7%205.8-6.8%201.2-1.6%202.8-4%202.8-6.9%200-5.2-4.2-9.4-9.4-9.4S0%204.2%200%209.4c0%203.1%202.1%206%202.7%206.8%201.7%202.3%205.9%206.9%205.9%206.9zM9.4%202c4.1%200%207.4%203.3%207.4%207.4%200%201.8-.8%203.6-2.4%205.7-1.2%201.5-3.7%204.1-5%205.8-1.3-1.6-3.9-4.3-5.1-5.9C3.2%2013.6%202%2011.4%202%209.4%202%205.4%205.3%202%209.4%202z%22/%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%229.4%22%20cy%3D%228.1%22%20r%3D%222%22/%3E%3C/svg%3E"); width: 18px; height: 24px; } .icon-menu-cyan50 { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%237fd6f7%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M23%2011H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201zM23%202H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201zM23%2020H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201z%22/%3E%3C/svg%3E"); width: 24px; height: 20px; } .icon-menu-digitaldarkblue { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M23%2011H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201zM23%202H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201zM23%2020H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201z%22/%3E%3C/svg%3E"); width: 24px; height: 20px; } .icon-menu-white { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M23%2011H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201zM23%202H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201zM23%2020H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201z%22/%3E%3C/svg%3E"); width: 24px; height: 20px; } .icon-menu { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300395d%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M23%2011H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201zM23%202H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201zM23%2020H1c-.55%200-1-.45-1-1s.45-1%201-1h22c.55%200%201%20.45%201%201s-.45%201-1%201z%22/%3E%3C/svg%3E"); width: 24px; height: 20px; } .icon-more { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2210%22%20viewBox%3D%220%200%2025%2010%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300aeef%7D.st1%7Bfill%3A%2300395d%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M2.5%2010C3.9%2010%205%208.9%205%207.5S3.9%205%202.5%205%200%206.1%200%207.5%201.2%2010%202.5%2010M12.5%2010c1.4%200%202.5-1.1%202.5-2.5S13.9%205%2012.5%205%2010%206.1%2010%207.5s1.2%202.5%202.5%202.5M22.5%2010c1.4%200%202.5-1.1%202.5-2.5S23.9%205%2022.5%205%2020%206.1%2020%207.5s1.2%202.5%202.5%202.5%22/%3E%3Cg%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M2.5%205C3.9%205%205%203.9%205%202.5S3.9%200%202.5%200%200%201.1%200%202.5%201.1%205%202.5%205M12.5%205C13.9%205%2015%203.9%2015%202.5S13.9%200%2012.5%200%2010%201.1%2010%202.5%2011.1%205%2012.5%205M22.5%205C23.9%205%2025%203.9%2025%202.5S23.9%200%2022.5%200%2020%201.1%2020%202.5%2021.1%205%2022.5%205%22/%3E%3C/g%3E%3C/svg%3E"); width: 25px; height: 10px; } .icon-phone-cyan50 { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.02%22%20height%3D%2224.08%22%20viewBox%3D%220%200%2024.02%2024.08%22%3E%3Cstyle%3E.st0%7Bfill%3A%237fd6f7%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.04%2024.08c-3.2%200-7.1-2.2-11.5-6.5-5.2-5.2-7.3-9.7-6.3-13.2l.1-.3%203.9-3.9.3-.1c1.6-.3%203%20.3%203.6%201.6l1.4%203.5c.4%201.1.2%202.4-.7%203.2l-.4.4c-.3.3-.4.9-.1%201.3.7%201.1%201.6%202.1%202.6%203.1s2%201.9%203.1%202.7c.4.3.9.2%201.3-.1l.4-.4c.8-.9%202.1-1.1%203.2-.7l3.4%201.4c1.3.6%201.9%202%201.6%203.6l-.1.3-3.8%203.8-.3.1c-.5.1-1.1.2-1.7.2zm-15.9-19c-.4%202%20.3%205.4%205.9%2011%205.6%205.5%209%206.3%2011%205.9l3.1-3.1c0-.4%200-.9-.5-1.1l-3.4-1.4c-.4-.2-.8-.1-1.1.2l-.4.4c-1%201-2.6%201.2-3.8.4s-2.3-1.8-3.4-2.9c-1.1-1-2-2.2-2.9-3.4-.8-1.2-.7-2.8.4-3.8l.4-.4c.3-.3.4-.7.2-1.1l-1.4-3.4c-.2-.3-.7-.3-1.1-.3l-3%203z%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-phone-digitaldarkblue { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.02%22%20height%3D%2224.08%22%20viewBox%3D%220%200%2024.02%2024.08%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300395d%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.04%2024.08c-3.2%200-7.1-2.2-11.5-6.5-5.2-5.2-7.3-9.7-6.3-13.2l.1-.3%203.9-3.9.3-.1c1.6-.3%203%20.3%203.6%201.6l1.4%203.5c.4%201.1.2%202.4-.7%203.2l-.4.4c-.3.3-.4.9-.1%201.3.7%201.1%201.6%202.1%202.6%203.1s2%201.9%203.1%202.7c.4.3.9.2%201.3-.1l.4-.4c.8-.9%202.1-1.1%203.2-.7l3.4%201.4c1.3.6%201.9%202%201.6%203.6l-.1.3-3.8%203.8-.3.1c-.5.1-1.1.2-1.7.2zm-15.9-19c-.4%202%20.3%205.4%205.9%2011%205.6%205.5%209%206.3%2011%205.9l3.1-3.1c0-.4%200-.9-.5-1.1l-3.4-1.4c-.4-.2-.8-.1-1.1.2l-.4.4c-1%201-2.6%201.2-3.8.4s-2.3-1.8-3.4-2.9c-1.1-1-2-2.2-2.9-3.4-.8-1.2-.7-2.8.4-3.8l.4-.4c.3-.3.4-.7.2-1.1l-1.4-3.4c-.2-.3-.7-.3-1.1-.3l-3%203z%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-phone-white { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.02%22%20height%3D%2224.08%22%20viewBox%3D%220%200%2024.02%2024.08%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.04%2024.08c-3.2%200-7.1-2.2-11.5-6.5-5.2-5.2-7.3-9.7-6.3-13.2l.1-.3%203.9-3.9.3-.1c1.6-.3%203%20.3%203.6%201.6l1.4%203.5c.4%201.1.2%202.4-.7%203.2l-.4.4c-.3.3-.4.9-.1%201.3.7%201.1%201.6%202.1%202.6%203.1s2%201.9%203.1%202.7c.4.3.9.2%201.3-.1l.4-.4c.8-.9%202.1-1.1%203.2-.7l3.4%201.4c1.3.6%201.9%202%201.6%203.6l-.1.3-3.8%203.8-.3.1c-.5.1-1.1.2-1.7.2zm-15.9-19c-.4%202%20.3%205.4%205.9%2011%205.6%205.5%209%206.3%2011%205.9l3.1-3.1c0-.4%200-.9-.5-1.1l-3.4-1.4c-.4-.2-.8-.1-1.1.2l-.4.4c-1%201-2.6%201.2-3.8.4s-2.3-1.8-3.4-2.9c-1.1-1-2-2.2-2.9-3.4-.8-1.2-.7-2.8.4-3.8l.4-.4c.3-.3.4-.7.2-1.1l-1.4-3.4c-.2-.3-.7-.3-1.1-.3l-3%203z%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-phone { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.02%22%20height%3D%2224.08%22%20viewBox%3D%220%200%2024.02%2024.08%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.04%2024.08c-3.2%200-7.1-2.2-11.5-6.5-5.2-5.2-7.3-9.7-6.3-13.2l.1-.3%203.9-3.9.3-.1c1.6-.3%203%20.3%203.6%201.6l1.4%203.5c.4%201.1.2%202.4-.7%203.2l-.4.4c-.3.3-.4.9-.1%201.3.7%201.1%201.6%202.1%202.6%203.1s2%201.9%203.1%202.7c.4.3.9.2%201.3-.1l.4-.4c.8-.9%202.1-1.1%203.2-.7l3.4%201.4c1.3.6%201.9%202%201.6%203.6l-.1.3-3.8%203.8-.3.1c-.5.1-1.1.2-1.7.2zm-15.9-19c-.4%202%20.3%205.4%205.9%2011%205.6%205.5%209%206.3%2011%205.9l3.1-3.1c0-.4%200-.9-.5-1.1l-3.4-1.4c-.4-.2-.8-.1-1.1.2l-.4.4c-1%201-2.6%201.2-3.8.4s-2.3-1.8-3.4-2.9c-1.1-1-2-2.2-2.9-3.4-.8-1.2-.7-2.8.4-3.8l.4-.4c.3-.3.4-.7.2-1.1l-1.4-3.4c-.2-.3-.7-.3-1.1-.3l-3%203z%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-printer { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2223.9%22%20viewBox%3D%220%200.9%2024%2023.9%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cg%20id%3D%22icon%22%3E%3Cpath%20id%3D%22Shape%22%20class%3D%22st0%22%20d%3D%22M4.9%2019.8c-.6%200-1.1.5-1.1%201.101%200%20.6.5%201.1%201.1%201.1S6%2021.5%206%2020.9s-.5-1.1-1.1-1.1%22/%3E%3Cpath%20id%3D%22Shape_1_%22%20class%3D%22st0%22%20d%3D%22M20.5%2016.6v-14c0-.9-.7-1.7-1.7-1.7H5.1c-.9%200-1.7.8-1.7%201.7v14c-2%20.7-3.4%202.7-3.4%204.9v1.7c0%20.899.8%201.6%201.7%201.6h20.6c.9%200%201.7-.7%201.7-1.6v-1.7c-.1-2.2-1.5-4.2-3.5-4.9zM5.1%202.6h13.7v13.7H5.1V2.6zm17.1%2020.6H1.6v-1.6c0-1.899%201.6-3.5%203.5-3.5h13.7c1.9%200%203.4%201.601%203.4%203.5v1.6z%22/%3E%3Cpath%20id%3D%22Rectangle-path%22%20class%3D%22st0%22%20d%3D%22M6.8%205.2h10.3v1.7H6.8z%22/%3E%3Cpath%20id%3D%22Rectangle-path_1_%22%20class%3D%22st0%22%20d%3D%22M6.8%208.6h6v1.7h-6z%22/%3E%3Cpath%20id%3D%22Rectangle-path_2_%22%20class%3D%22st0%22%20d%3D%22M6.8%2012h10.3v1.7H6.8z%22/%3E%3C/g%3E%3C/svg%3E"); width: 24px; height: 23px; } .icon-question { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%224%204%2024%2024%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Ctitle%3EFunc01_Help_x1%3C/title%3E%3Cg%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22Func01_Help%22%3E%3Cg%20id%3D%22Imported-Layers%22%20transform%3D%22translate%284%204%29%22%3E%3Cpath%20id%3D%22Fill-1%22%20class%3D%22st0%22%20d%3D%22M12%200C5.37%200%200%205.37%200%2012s5.37%2012%2012%2012%2012-5.37%2012-12S18.63%200%2012%200zm0%2022C6.49%2022%202%2017.51%202%2012S6.49%202%2012%202s10%204.49%2010%2010-4.49%2010-10%2010z%22/%3E%3Cpath%20id%3D%22Fill-2%22%20class%3D%22st0%22%20d%3D%22M12%2016.49c-2%200-2%202.54%200%202.54s2-2.54%200-2.54%22/%3E%3Cpath%20id%3D%22Fill-3%22%20class%3D%22st0%22%20d%3D%22M15.07%205.94c-2.55-2.11-6.79-.62-7.3%202.64l2.06.19c.14-1.17.97-2.08%202.17-2.14%201.08-.06%202.12.62%202.28%201.74.16%201.09-.65%201.89-1.39%202.57-.45.41-1.05.79-1.42%201.28-.4.53-.47%201.12-.47%201.76V15h2v-.69c0-.96.16-1.4.92-2.08l.23-.17%201.22-1.19c1.2-1.42%201.17-3.71-.3-4.93-.37-.3.36.3%200%200%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-search-cyan50 { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.15%22%20height%3D%2224.04%22%20viewBox%3D%220%200%2024.15%2024.04%22%3E%3Cstyle%3E.st0%7Bfill%3A%237fd6f7%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.39%2018.62c-3.6%200-6.8-2.4-7.9-5.8-1-3.3.2-7.1%203-9.1%205.8-4.2%2014.1.8%2013%207.9-.5%203.9-4%207-8.1%207m13.3%202.9l-5.1-5.1c2.6-3.5%202.7-8.5.1-12.1-2.3-3.1-6.2-4.8-10-4.2-3.9.6-7.2%203.5-8.3%207.3-1.2%204.2.4%208.7%204%2011.2s8.5%202.4%2012-.2l5.1%205.1c1.5%201.5%203.6-.6%202.2-2%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-search-digitaldarkblue { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.15%22%20height%3D%2224.04%22%20viewBox%3D%220%200%2024.15%2024.04%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300395d%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.39%2018.62c-3.6%200-6.8-2.4-7.9-5.8-1-3.3.2-7.1%203-9.1%205.8-4.2%2014.1.8%2013%207.9-.5%203.9-4%207-8.1%207m13.3%202.9l-5.1-5.1c2.6-3.5%202.7-8.5.1-12.1-2.3-3.1-6.2-4.8-10-4.2-3.9.6-7.2%203.5-8.3%207.3-1.2%204.2.4%208.7%204%2011.2s8.5%202.4%2012-.2l5.1%205.1c1.5%201.5%203.6-.6%202.2-2%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-search-white { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.15%22%20height%3D%2224.04%22%20viewBox%3D%220%200%2024.15%2024.04%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.39%2018.62c-3.6%200-6.8-2.4-7.9-5.8-1-3.3.2-7.1%203-9.1%205.8-4.2%2014.1.8%2013%207.9-.5%203.9-4%207-8.1%207m13.3%202.9l-5.1-5.1c2.6-3.5%202.7-8.5.1-12.1-2.3-3.1-6.2-4.8-10-4.2-3.9.6-7.2%203.5-8.3%207.3-1.2%204.2.4%208.7%204%2011.2s8.5%202.4%2012-.2l5.1%205.1c1.5%201.5%203.6-.6%202.2-2%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-search { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224.15%22%20height%3D%2224.04%22%20viewBox%3D%220%200%2024.15%2024.04%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.39%2018.62c-3.6%200-6.8-2.4-7.9-5.8-1-3.3.2-7.1%203-9.1%205.8-4.2%2014.1.8%2013%207.9-.5%203.9-4%207-8.1%207m13.3%202.9l-5.1-5.1c2.6-3.5%202.7-8.5.1-12.1-2.3-3.1-6.2-4.8-10-4.2-3.9.6-7.2%203.5-8.3%207.3-1.2%204.2.4%208.7%204%2011.2s8.5%202.4%2012-.2l5.1%205.1c1.5%201.5%203.6-.6%202.2-2%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon-sort { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%208%2015%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%237FB9D2%22%20d%3D%22M8%204.4c0-.2%200-.3-.1-.4L4.4.2C4.3.1%204.1%200%204%200c-.1%200-.3.1-.4.2L.1%204.1c0%20.1-.1.2-.1.3%200%20.1%200%20.3.1.4.1.1.3.2.4.2h7c.1%200%20.3-.1.4-.2.1-.1.1-.2.1-.4zM3.6%2014.8c.1.1.3.2.4.2s.3-.1.4-.2l3.5-3.9c.1-.1.1-.2.1-.3%200-.2%200-.3-.1-.4-.1-.1-.3-.2-.4-.2h-7c-.1%200-.3.1-.4.2-.1.1-.1.2-.1.4s0%20.3.1.4l3.5%203.8z%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .list-tick-green li::before, .alert-success::after, .icon-tick-green { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cstyle%3E.st0%7Bfill%3A%2372a309%7D%3C/style%3E%3Cpath%20id%3D%22Fill-2_1_%22%20class%3D%22st0%22%20d%3D%22M7%209.6L4.4%207l-.9%201L7%2011.4l5.7-5.7-.9-.9L7%209.6%22/%3E%3Cpath%20id%3D%22Fill-2%22%20class%3D%22st0%22%20d%3D%22M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm0%2014.7A6.7%206.7%200%201%201%208%201.3a6.7%206.7%200%200%201%200%2013.4z%22/%3E%3C/svg%3E"); width: 16px; height: 16px; } .list-tick li::before, .icon-tick { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cstyle%3E.st0%7Bfill%3A%230074a6%7D%3C/style%3E%3Cpath%20id%3D%22Fill-2_1_%22%20class%3D%22st0%22%20d%3D%22M7%209.6L4.4%207l-.9%201L7%2011.4l5.7-5.7-.9-.9L7%209.6%22/%3E%3Cpath%20id%3D%22Fill-2%22%20class%3D%22st0%22%20d%3D%22M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm0%2014.7A6.7%206.7%200%201%201%208%201.3a6.7%206.7%200%200%201%200%2013.4z%22/%3E%3C/svg%3E"); width: 16px; height: 16px; } .icon-twitter { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%231DA1F2%22%20d%3D%22M22%2024H2c-1.1%200-2-.9-2-2V2C0%20.9.9%200%202%200h20c1.1%200%202%20.9%202%202v20c0%201.1-.9%202-2%202z%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M9.2%2018.1c5.7%200%208.8-4.7%208.8-8.8v-.4c.6-.4%201.1-1%201.5-1.6-.6.2-1.1.4-1.8.5.6-.4%201.1-1%201.4-1.7-.6.4-1.3.6-2%20.7-.6-.6-1.4-1-2.2-1-1.7%200-3.1%201.4-3.1%203.1%200%20.2%200%20.5.1.7-2.6%200-4.8-1.3-6.4-3.1-.2.4-.4%201-.4%201.5%200%201.1.5%202%201.4%202.6-.5%200-1-.2-1.4-.4%200%201.5%201.1%202.7%202.5%203-.3.1-.5.1-.8.1-.2%200-.4%200-.6-.1.4%201.2%201.5%202.1%202.9%202.1-1.1.8-2.4%201.3-3.8%201.3h-.7c1.3%201%202.9%201.5%204.6%201.5%22/%3E%3C/svg%3E"); width: 24px; height: 24px; } .icon { background-repeat: no-repeat; background-size: contain; background-image: none; display: inline-block; } [class^='icon-'], [class*=' icon-'] { font-family: "barclaycard-icons-new"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #037CC2; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-circular { border: 2px solid #085da9; border-radius: 50%; padding: 6px 5px 5px 6px; height: 29px; width: 29px; font-size: 1em; cursor: pointer; } .icon-circular:hover { background-color: #444; } .icon-cross::before { content: '\e91d'; } .icon-play::before { content: '\e982'; } .icon-pause::before { content: '\e96c'; } .icon-external-link::before { content: '\e964'; } .third-party::after { content: '\e964'; padding-left: 10px; } .icon-arrow-down::before { content: '\e901'; } .icon-arrow-down-circle::before { content: '\e9aa'; } .icon-arrow-left::before { content: '\e902'; } .icon-arrow-left-circle::before { content: '\e98c'; } .icon-arrow-right::before { content: '\e90a'; } .icon-arrow-right-circle::before { content: '\e9ac'; } .icon-arrow-up::before { content: '\e90b'; } .icon-arrow-up-circle::before { content: '\e9b4'; } .icon-balance-transfer::before { content: '\e94a'; } .icon-trolley-empty::before { content: '\e914'; } .icon-trolley-full::before { content: '\e915'; } .icon-bell::before { content: '\e945'; } .icon-contactless::before { content: '\e957'; } .icon-cross-circle::before { content: '\e9ab'; } .icon-direct-debit::before { content: '\e95e'; } .icon-e-statement::before { content: '\e994'; } .icon-face-to-face::before { content: '\e965'; } .icon-heart-empty::before { content: '\e921'; } .icon-message::before { content: '\e976'; } .icon-menu::before { content: '\e975'; } .icon-logout::before { content: '\e974'; } .icon-login::before { content: '\e973'; } .icon-location-pin::before { content: '\e926'; } .icon-load-funds::before { content: '\e972'; } .icon-leaf::before { content: '\e619'; } .icon-key::before { content: '\e924'; } .icon-info::before { content: '\e9ae'; } .icon-house::before { content: '\e969'; } .icon-heart-full::before { content: '\e61d'; } .icon-minus::before { content: '\e9b0'; } .icon-mouse::before { content: '\e92a'; } .icon-online::before { content: '\e9b2'; } .icon-online-statement::before { content: '\e995'; } .icon-phone::before { content: '\e92f'; } .icon-plus::before { content: '\e988'; } .icon-post-letter::before { content: '\e983'; } .icon-pay::before { content: '\e97f'; } .icon-question-circle::before { content: '\e9ad'; } .icon-register::before { content: '\e935'; } .icon-save::before { content: '\e96a'; } .icon-warning::before { content: '\e963'; } .icon-vouchers::before { content: '\e93c'; } .icon-user::before { content: '\e9a0'; } .icon-tick-cirlce::before { content: '\e9a9'; } .icon-telephone::before { content: '\e94e'; } .icon-statement-post::before { content: '\e997'; } .icon-share::before { content: '\e993'; } .icon-settings-help::before { content: '\e992'; } .icon-settings::before { content: '\e991'; } .icon-search::before { content: '\e98f'; } .icon-info2::before { content: '\e96b'; } .icon-print::before { content: '\e933'; } .icon-accessibility::before { content: '\e941'; } .icon-additional::before { content: '\e944'; } .icon-accounts::before { content: '\e942'; } .icon-activity::before { content: '\e943'; } .icon-arrow-in::before { content: '\e946'; } .icon-arrow-out::before { content: '\e947'; } .icon-audio::before { content: '\e948'; } .icon-auto-top-up::before { content: '\e949'; } .icon-bc-tv::before { content: '\e94b'; } .icon-benefits::before { content: '\e94c'; } .icon-card-replacement::before { content: '\e94f'; } .icon-card-settings::before { content: '\e950'; } .icon-card-warning::before { content: '\e951'; } .icon-change-card::before { content: '\e952'; } .icon-close::before { content: '\e954'; } .icon-comms::before { content: '\e955'; } .icon-credit-limit::before { content: '\e959'; } .icon-change-credit-limit::before { content: '\e953'; } .icon-credit-score::before { content: '\e95a'; } .icon-customer::before { content: '\e95b'; } .icon-customer-services::before { content: '\e95c'; } .icon-dashboard::before { content: '\e95d'; } .icon-download-statements::before { content: '\e95f'; } .icon-edit::before { content: '\e960'; } .icon-education::before { content: '\e961'; } .icon-email::before { content: '\e962'; } .icon-fast-track-access::before { content: '\e966'; } .icon-star::before { content: '\e967'; } .icon-fraud::before { content: '\e968'; } .icon-fuel::before { content: '\e96d'; } .icon-internal-link::before { content: '\e96e'; } .icon-keep-informed::before { content: '\e96f'; } .icon-load::before { content: '\e971'; } .icon-link::before { content: '\e970'; } .icon-menu-contextual::before { content: '\e958'; } .icon-money-back::before { content: '\e977'; } .icon-transfer::before { content: '\e978'; } .icon-news::before { content: '\e979'; } .icon-nfc::before { content: '\e97a'; } .icon-retreat::before { content: '\e97b'; } .icon-offer::before { content: '\e97c'; } .icon-open::before { content: '\e97d'; } .icon-passcode::before { content: '\e97e'; } .icon-personal-details::before { content: '\e980'; } .icon-pin-entry::before { content: '\e981'; } .icon-purchase-plan::before { content: '\e984'; } .icon-rate::before { content: '\e985'; } .icon-reference::before { content: '\e986'; } .icon-refund::before { content: '\e987'; } .icon-trust::before { content: '\e936'; } .icon-reporting::before { content: '\e989'; } .icon-request-cb::before { content: '\e98a'; } .icon-request-cb-accepted::before { content: '\e98b'; } .icon-review-spend::before { content: '\e98d'; } .icon-security-code::before { content: '\e990'; } .icon-statement-options::before { content: '\e996'; } .icon-switch::before { content: '\e998'; } .icon-team::before { content: '\e999'; } .icon-tour::before { content: '\e99b'; } .icon-plane::before { content: '\e99c'; } .icon-unlink::before { content: '\e99e'; } .icon-upload::before { content: '\e99f'; } .icon-view-statements::before { content: '\e9a1'; } .icon-visa::before { content: '\e9a2'; } .icon-wearables::before { content: '\e9a3'; } .icon-website::before { content: '\e9a4'; } .icon-new::before { content: '\e9a5'; } .icon-zoom-in::before { content: '\e9a6'; } .icon-zoom-out::before { content: '\e9a7'; } .icon-test-publish::before { content: '\e99a'; } .icon-circle::before { content: '\e99d'; } .icon-lost-stolen::before { content: '\e9af'; } .icon-money-circle::before { content: '\e9b1'; } .icon-registration::before { content: '\e9b3'; } .icon-arrow-down-sml::before { content: '\e90c'; } .icon-arrow-left-sml::before { content: '\e90d'; } .icon-arrow-right-sml::before { content: '\e90e'; } .icon-arrow-up-sml::before { content: '\e90f'; } .icon-award::before { content: '\e912'; } .icon-barchart::before { content: '\e913'; } .icon-bulb::before { content: '\e916'; } .icon-calculator::before { content: '\e917'; } .icon-calendar::before { content: '\e918'; } .icon-camera::before { content: '\e919'; } .icon-clock::before { content: '\e91a'; } .icon-coin::before { content: '\e91b'; } .icon-cards::before { content: '\e91c'; } .icon-crystal-ball::before { content: '\e91e'; } .icon-document::before { content: '\e91f'; } .icon-excel::before { content: '\e920'; } .icon-hourglass::before { content: '\e922'; } .icon-id::before { content: '\e923'; } .icon-mobile::before { content: '\e927'; } .icon-money-bag::before { content: '\e928'; } .icon-monitor::before { content: '\e929'; } .icon-paperclip::before { content: '\e92c'; } .icon-terminal::before { content: '\e92d'; } .icon-terminal-without-card::before { content: '\e907'; } .icon-terminal-with-card::before { content: '\e900'; } .icon-pdf::before { content: '\e92e'; } .icon-piechart::before { content: '\e930'; } .icon-pin::before { content: '\e931'; } .icon-powerpoint::before { content: '\e932'; } .icon-stopwatch::before { content: '\e937'; } .icon-purchase-tag::before { content: '\e934'; } .icon-tablet::before { content: '\e938'; } .icon-tick::before { content: '\e939'; } .icon-trash::before { content: '\e93a'; } .icon-video::before { content: '\e93b'; } .icon-wallet::before { content: '\e93d'; } .icon-webcam::before { content: '\e93e'; } .icon-word::before { content: '\e93f'; } .icon-facebook::before { content: '\e903'; color: #3b5997; } .icon-google::before { content: '\e904'; color: #d34836; } .icon-instagram::before { content: '\e905'; color: #000; } .icon-linkedin::before { content: '\e906'; color: #007bb5; } .icon-pinterest::before { content: '\e907'; color: #bc081c; } .icon-twitter::before { content: '\e909'; color: #55acee; } .icon-youtube::before { content: '\e910'; color: #b00; } .icon-cloudit::before { content: '\e9b6'; } .icon-activation-mark::before { content: '\e9a8'; color: #e9b319; } .icon-bc-logo::before { content: '\e900'; } .icon-flip::before { content: '\e65f'; } .icon-more::before { content: '\e65e'; } .icon-padlock::before { content: '\e92b'; } .icon-tick-circle::before { content: '\e9a9'; } .icon-warning-circle::before { content: '\e9b5'; } .icon-letter::before { content: '\e925'; } .icon-zip::before { content: '\e940'; } .icon-business::before { content: '\e94d'; } .icon-triangle-up::before { content: '\f0aa'; } .icon-car::before { content: '\e98e'; } .icon-rate-full::before { content: '\e9b7'; } .icon-plus-solid::before { content: '\e9b9'; } .icon-minus-solid::before { content: '\e9ba'; } .icon-protect::before { content: '\e9b8'; } .icon-uk::before { content: '\e9bb'; } .icon-sun::before { content: '\e9bc'; } .icon-sport::before { content: '\e9bd'; } .icon-scale::before { content: '\e9be'; } .icon-review::before { content: '\e9bf'; } .icon-responsibility::before { content: '\e9c0'; } .icon-pound::before { content: '\e9c1'; } .icon-paint::before { content: '\e9c2'; } .icon-money-worries::before { content: '\e9c3'; } .icon-location-pin2::before { content: '\e9c4'; } .icon-loans-pound::before { content: '\e9c5'; } .icon-laptop::before { content: '\e9c6'; } .icon-grow::before { content: '\e9c7'; } .icon-games::before { content: '\e9c8'; } .icon-foreign-transaction::before { content: '\e9c9'; } .icon-euro::before { content: '\e9ca'; } .icon-drill::before { content: '\e9cb'; } .icon-credit-card::before { content: '\e9cc'; } .icon-clock2::before { content: '\e9cd'; } .icon-clipboard::before { content: '\e9ce'; } .icon-briefcase::before { content: '\e9cf'; } .icon-atm::before { content: '\e9d0'; } .icon-apple::before { content: '\e9d1'; } .icon-chip::before { content: '\ea1f'; } .icon-cut-card::before { content: '\ea19'; } .icon-master-card::before { content: '\e9f9'; } .icon-download::before { content: '\ea15'; } .icon-moving-forward::before { content: '\e9ef'; } .icon-pause-circle::before { content: '\e9ea'; } .icon-play-circle::before { content: '\e9e5'; } .icon-auto-top-up-euro::before { content: '\e9de'; } .icon-change-credit-limit-euro::before { content: '\e9dd'; } .icon-loans-euro::before { content: '\e9dc'; } .icon-money-worries-euro::before { content: '\e9d9'; } .icon-money-bag-euro::before { content: '\e9da'; } .icon-money-circle-euro::before { content: '\e9db'; } .icon-pay-euro::before { content: '\e9ca'; } .icon-refund-euro::before { content: '\e9d7'; } .icon-request-cb-euro::before { content: '\e9d6'; } .icon-request-cb-accepted-euro::before { content: '\e9d5'; } .icon-review-spend-euro::before { content: '\e9d4'; } .icon-top-up-euro::before { content: '\e9d3'; } .icon-foreign-transaction-fee::before { content: '\e9c9'; } .icon-purchase-tag2::before { content: '\e9d8'; } .icon-video-call::before { content: '\e9d2'; } .icon-measure::before { content: '\e9f7'; } .icon-presentation::before { content: '\e9e2'; } .icon-arrow-down2::before { content: '\ea30'; } .icon-arrow-up2::before { content: '\ea2f'; } .icon-money-transfer::before { content: '\e978'; } .icon-maximise::before { content: '\e9f8'; } .icon-minimise::before { content: '\e9f3'; } .icon-refresh::before { content: '\e020'; } .icon-start::before { content: '\e016'; } .icon-euro-withdrawal::before { content: '\ea11'; } .icon-purchase-offer::before { content: '\e9e1'; } .icon-piggy-bank::before { content: '\e9e8'; } .icon-top-up::before { content: '\e00b'; } .icon-bca::before { content: '\ea27'; } .icon-robot::before { content: '\e01e'; } .icon-router::before { content: '\e01d'; } .icon-server::before { content: '\e01a'; } .icon-smart-watch::before { content: '\e97c'; } .icon-bus::before { content: '\ea25'; } .icon-plane-landing::before { content: '\e9e6'; } .icon-taxi::before { content: '\e010'; } .icon-pop-up::before { content: '\e9e3'; } .icon-train::before { content: '\e008'; } .icon-balloon::before { content: '\ea2b'; } .icon-bauble::before { content: '\ea28'; } .icon-candy-cane::before { content: '\ea24'; } .icon-diwali::before { content: '\ea17'; } .icon-easter::before { content: '\ea13'; } .icon-firework::before { content: '\ea0d'; } .icon-comedy::before { content: '\ea1b'; } .icon-flowers::before { content: '\ea0b'; } .icon-gift::before { content: '\ea08'; } .icon-mask::before { content: '\e9fa'; } .icon-shamrock::before { content: '\e019'; } .icon-snowflake::before { content: '\e017'; } .icon-festival-tent::before { content: '\ea0e'; } .icon-tent::before { content: '\e00e'; } .icon-xmas-tree::before { content: '\e001'; } .icon-xmas-hat::before { content: '\e002'; } .icon-guitar::before { content: '\ea06'; } .icon-microphone::before { content: '\e9f5'; } .icon-microphone2::before { content: '\e9f4'; } .icon-music::before { content: '\e9ee'; } .icon-mute::before { content: '\e9ed'; } .icon-podcast::before { content: '\e9e4'; } .icon-studio::before { content: '\e015'; } .icon-view::before { content: '\e005'; } .icon-vr::before { content: '\e004'; } .icon-armchair::before { content: '\ea31'; } .icon-binoculars::before { content: '\ea26'; } .icon-jigsaw::before { content: '\e9fe'; } .icon-science-flask::before { content: '\e01c'; } .icon-chain::before { content: '\ea20'; } .icon-duck::before { content: '\ea14'; } .icon-scuba-diver::before { content: '\e01b'; } .icon-acorn::before { content: '\ea32'; } .icon-coffee::before { content: '\ea1c'; } .icon-food::before { content: '\ea0a'; } .icon-ice-cream::before { content: '\ea05'; } .icon-shopping-bag::before { content: '\e97f'; } .icon-shopping-basket::before { content: '\e018'; } .icon-trainer::before { content: '\e007'; } .icon-t-shirt::before { content: '\e013'; } .icon-t-shirt2::before { content: '\e012'; } .icon-sunglasses::before { content: '\e014'; } .icon-cloud::before { content: '\ea1d'; } .icon-face::before { content: '\ea10'; } .icon-first-aid::before { content: '\ea0c'; } .icon-purchase-plan2::before { content: '\ea02'; } .icon-purchase-plan3::before { content: '\ea01'; } .icon-purchase-plan4::before { content: '\ea00'; } .icon-listen::before { content: '\e9fc'; } .icon-quotation-start::before { content: '\e9df'; } .icon-quotation-end::before { content: '\e9e0'; } .icon-rocket::before { content: '\e990'; } .icon-trophy::before { content: '\e006'; } .icon-target::before { content: '\e011'; } .icon-text-message::before { content: '\e00d'; } .icon-thumbs-up::before { content: '\e00c'; } .icon-signpost::before { content: '\e97d'; } .icon-touch::before { content: '\e00a'; } .icon-town::before { content: '\e009'; } .icon-water::before { content: '\e003'; } .icon-yoga::before { content: '\e000'; } .icon-payment::before { content: '\e900'; } .icon-travel-smart::before { content: '\e908'; } .h-pull-left.icon-64 { height: 4rem; width: 4rem; margin-top: 6px; float: left; margin-right: 10px; } .h-pull-left.icon-32 { height: 2rem; width: 2rem; margin-top: 6px; float: left; margin-right: 10px; } .h-pull-right.icon-64 { height: 4rem; width: 4rem; margin-top: 6px; float: right; margin-left: 10px; } .h-pull-right.icon-64.icon-letter { margin-top: 0; } .h-pull-right.icon-32 { height: 2rem; width: 2rem; margin-top: 6px; float: right; margin-left: 10px; } .h-pull-right.icon-32.icon-letter { margin-top: 0; } .icon-64 { font-size: 4rem; height: 4rem; width: 4rem; margin-top: 5px; margin-right: auto; margin-left: auto; } .icon-64.icon-letter { margin-top: 0; } .icon-32 { font-size: 2rem; height: 2rem; width: 2rem; margin-top: 5px; margin-right: auto; margin-left: auto; } .icon-32.icon-letter { margin-top: 0; } .sg-icons p { overflow: hidden; float: left; width: 150px; padding: 20px 10px; text-align: center; margin: 3px; border: 1px solid #b7b7b7; } .sg-icons p span { font-size: 3em; display: block; } .sg-icons p .mls { line-height: 1.25rem; display: block; font-size: .75em; margin-top: 10px; height: 35px; } .sg-icons .icon-close, .sg-icons .icon-email, .sg-icons .icon-menu, .sg-icons .icon-search, .sg-icons .icon-info, .sg-icons .icon-cross, .sg-icons .icon-phone, .sg-icons .icon-tick, .sg-icons .icon-facebook, .sg-icons .icon-linkedin, .sg-icons .icon-twitter, .sg-icons .icon-more { width: auto; height: auto; background: none; } /** * HTML5 display definitions */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, [hidden] { display: none; } /** * 1. Fluid images for responsive purposes. * 2. Setting `vertical-align` removes the whitespace that appears under `img` * elements when they are dropped into a page as-is. Safer alternative to * using `display: block;`. * 3. Remove the border on images inside links in IE 10-. */ img { max-width: 100%; /* 1 */ height: auto; vertical-align: middle; /* 2 */ border-style: none; /* 3 */ } /** * Hide the overflow in IE */ svg:not(:root) { overflow: hidden; } /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } a, a:visited { color: #0074a6; } a:focus { color: #00395d; outline: 2px solid #7fd6f7; outline-offset: 1px; } a:hover { color: #00395d; } /** * Default list styling */ ul, ol { list-style-type: none; margin-left: 0; padding-left: 0; } ul ul, ul ol, ol ul, ol ol { padding-left: 15px; margin-bottom: 0; margin-top: 5px; } /** * Classes for list styles. Default is digital light blue which can be changed with .list-dark class */ .list { padding-left: 18px; } .list li { margin-bottom: 10px; position: relative; } .list li::before { content: '\2022'; color: #0074a6; position: absolute; left: -15px; } .list li:last-child { margin-bottom: 0; } .list-numbered { list-style-type: decimal; } .list-numbered ul, .list-numbered ol { list-style-type: decimal; } .list-numbered li::before { content: ''; } .list-dark li::before { color: #00395d; } /** * Classes for ticks and crosses style in list items. */ .list-icon { padding-left: 26px; margin-left: 0; list-style-type: none; } .list-icon li { position: relative; margin-bottom: 10px; } .list-icon li:last-child { margin-bottom: 0; } .list-icon li::before { content: ''; position: absolute; top: 4px; left: -26px; width: 16px; height: 16px; background-size: contain; } /** * Forms */ /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ ::-webkit-input-placeholder { color: inherit; opacity: .54; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Headings 1–6’s with corresponding helper classes. * * Use these helper classes to cause other elements to adopt the styling of the * respective heading, e.g.: * *

Lorem ipsum

*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, ul, ol, p, pre, table { margin-top: 0; margin-bottom: 1.2499999999rem; } @media (min-width: 768px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, ul, ol, p, pre, table { margin-bottom: 30px; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #00395d; } h1, .h1 { font-size: 2.25rem; font-weight: 100; letter-spacing: -.25px; line-height: 1.2777777; } @media (min-width: 768px) { h1, .h1 { font-size: 2.875rem; line-height: 1.17391304; letter-spacing: -.5px; } } h2, .h2 { font-size: 1.875rem; font-weight: 100; line-height: 1.3333333; } @media (min-width: 768px) { h2, .h2 { font-size: 2.25rem; line-height: 1.2777777; letter-spacing: -.25px; } } h3, .h3 { font-size: 1.5rem; font-weight: 100; line-height: 1.4166666; } @media (min-width: 768px) { h3, .h3 { font-size: 1.875rem; line-height: 1.3333333; } } h4, .h4 { font-size: 1.3125rem; font-weight: 100; line-height: 1.47619; } @media (min-width: 768px) { h4, .h4 { font-size: 1.5rem; line-height: 1.4166666; } } h5, .h5 { font-size: 1.0625rem; font-weight: 400; line-height: 1.4117647; } @media (min-width: 768px) { h5, .h5 { font-size: 1.3125rem; line-height: 1.47619; } } h6, .h6 { font-size: 1.0625rem; font-weight: 400; line-height: 1.4117647; } @media (min-width: 768px) { h6, .h6 { font-size: 1.0625rem; line-height: 1.4117647; } } p, pre, table { line-height: 1.5; } /** * Utility class to align items which do not have baseline spacing. This can be used to align items * such as images to the grid. */ .align-grid { margin-bottom: 1.2499999999rem; } @media (min-width: 768px) { .align-grid { margin-bottom: 30px; } } /** * Below spacing is used for text heavy sections in article pages to space out contents with headings and * text */ p + h2, p + .h2, p + h3, p + .h3 { margin-top: 2.4999999999rem; } @media (min-width: 768px) { p + h2, p + .h2, p + h3, p + .h3 { margin-top: 60px; } } /** * Add custom style to text selection * Using rgba instead of regular hex code due to browsers rendering the color differently for ::selection * pseudo-element. More info (http://stackoverflow.com/questions/7224445/css3-selection-behaves-differently-in-ff-chrome) */ ::-moz-selection { color: #00395d; background: rgba(229, 247, 253, 0.99); } ::selection { color: #00395d; background: rgba(229, 247, 253, 0.99); } /** * Remove the above selection on images which renders them invisible once highlighted. * More info (http://stackoverflow.com/questions/6816080/how-to-disable-highlight-on-a-image) * Support (http://caniuse.com/#feat=user-select-none) */ img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } @font-face { font-family: 'bc-rg'; src: url("../fonts/barclaycard_rg-webfont.woff2") format("woff2"), url("../fonts/barclaycard_rg-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bc-lt'; src: url("../fonts/barclaycard_lt-webfont.woff2") format("woff2"), url("../fonts/barclaycard_lt-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bc-bd'; src: url("../fonts/barclaycard_bd-webfont.woff2") format("woff2"), url("../fonts/barclaycard_bd-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /* OPEN SANS */ @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans.woff2") format("woff2"), url("../fonts/OpenSans.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'barclaycard-icons-new'; src: url("../fonts/barclaycard-icons-new.woff2") format("woff2"), url("../fonts/barclaycard-icons-new.woff") format("woff"); font-weight: normal; font-style: normal; } /** * High, page-level styling. */ *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; padding: 0; margin: 0; border: 0; } html .h-pull-left img, html .h-pull-left span { margin-right: 10px; display: block; float: left; } html .h-pull-left a { float: left; margin-right: 10px; } html .h-pull-right img, html .h-pull-right span { margin-left: 10px; display: block; float: right; } html .h-pull-right a { float: right; margin-left: 10px; } html .h-pull-center img, html .h-pull-center span { display: block; margin: 0 auto; } html body { background-color: #f1f1f1; color: #444; margin: 0; padding: 0; line-height: 1.5; } html body.overlaybg { background-color: #fff; } .black { color: #444; } .black .phone-desktop { color: #444; } .black .phone-desktop:hover { color: #444; } .blue { color: #037CC2; } .blue .phone-desktop { color: #037CC2; } .blue .phone-desktop:hover { color: #037CC2; } .grey { color: #666; } .grey .phone-desktop { color: #666; } .grey .phone-desktop:hover { color: #666; } .white { color: #fff; } .white .phone-desktop { color: #fff; } .white .phone-desktop:hover { color: #fff; } .purple { color: #5223a0; } .purple .phone-desktop { color: #5223a0; } .purple .phone-desktop:hover { color: #5223a0; } .dark-purple { color: #3f1962; } .dark-purple .phone-desktop { color: #3f1962; } .dark-purple .phone-desktop:hover { color: #3f1962; } .raspberry { color: #b02275; } .raspberry .phone-desktop { color: #b02275; } .raspberry .phone-desktop:hover { color: #b02275; } .turquoise { color: #00a5a3; } .turquoise .phone-desktop { color: #00a5a3; } .turquoise .phone-desktop:hover { color: #00a5a3; } .yellow { color: #e9b319; } .yellow .phone-desktop { color: #e9b319; } .yellow .phone-desktop:hover { color: #e9b319; } .coral { color: #FD6D48; } .coral .phone-desktop { color: #FD6D48; } .coral .phone-desktop:hover { color: #FD6D48; } .nav-list { display: inline; } .no-padding { padding: 0; } .small-padding { padding-bottom: 10px; } /* nav-list selector needs a higher level of specificity since this class is also used by the header (but subordinate to ul, rather than span) */ span.nav-list, span.unindented { margin-left: 0; display: list-item; padding-left: 14px; text-indent: -14px; list-style: none; } span.nav-list::before, span.unindented::before { content: '\2022 '; margin-right: 8px; } span.nav-list { margin-left: 15px; } .xs-font { font-size: .8rem; } @media (max-width: 1024px) { a[href^="tel:"] { text-decoration: none; } } a.phone-desktop { cursor: default; color: #444; text-decoration: none; } a.phone-desktop:hover { color: #444; text-decoration: none; } h2 a[href^="tel:"], h3 a[href^="tel:"], h4 a[href^="tel:"], h5 a[href^="tel:"], h6 a[href^="tel:"] { font-family: "Open Sans", Tahoma, sans-serif; } ol { padding-left: 30px; list-style-type: decimal; /* Overriding BDLBB setting of 'none' */ } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.1; font-family: "bc-lt",Tahoma,sans-serif; color: #037CC2; margin: 0; font-weight: 500; } h1, .h1 { font-size: 2.25rem; margin-bottom: 20px; } @media (min-width: 768px) { h1, .h1 { font-size: 2.25rem; } } @media (min-width: 1025px) { h1, .h1 { font-size: 2.25rem; } } @media (min-width: 1256px) { h1, .h1 { font-size: 2.375rem; } } @media (min-width: 1656px) { h1, .h1 { font-size: 2.6875rem; } } h2, .h2 { font-size: 1.5rem; margin-bottom: 20px; } @media (min-width: 768px) { h2, .h2 { font-size: 1.5rem; } } @media (min-width: 1025px) { h2, .h2 { font-size: 1.5rem; } } @media (min-width: 1256px) { h2, .h2 { font-size: 1.625rem; } } @media (min-width: 1656px) { h2, .h2 { font-size: 1.8125rem; } } h3, .h3 { font-size: 1.25rem; margin-bottom: 20px; } @media (min-width: 768px) { h3, .h3 { font-size: 1.25rem; } } @media (min-width: 1025px) { h3, .h3 { font-size: 1.25rem; } } @media (min-width: 1256px) { h3, .h3 { font-size: 1.3125rem; } } @media (min-width: 1656px) { h3, .h3 { font-size: 1.5rem; } } h4, .h4, h5, .h5, h6, .h6 { font-size: 0.9375rem; margin-bottom: 20px; } @media (min-width: 768px) { h4, .h4, h5, .h5, h6, .h6 { font-size: 0.9375rem; } } @media (min-width: 1025px) { h4, .h4, h5, .h5, h6, .h6 { font-size: 0.9375rem; } } @media (min-width: 1256px) { h4, .h4, h5, .h5, h6, .h6 { font-size: 1rem; } } @media (min-width: 1656px) { h4, .h4, h5, .h5, h6, .h6 { font-size: 1.125rem; } } h5, .h5 { color: #000; font-weight: bold; } h6, .h6 { color: #000; } body { font-size: 0.9375rem; font-family: "Open Sans", Tahoma, sans-serif; } @media (min-width: 768px) { body { font-size: 0.9375rem; } } @media (min-width: 1025px) { body { font-size: 0.9375rem; } } @media (min-width: 1256px) { body { font-size: 1rem; } } @media (min-width: 1656px) { body { font-size: 1.125rem; } } .font-lead { font-size: 1em; line-height: 1.5; margin-bottom: 30px; } small, .font-small { font-size: 87.5%; } small p, small label, small ul, small ol, .font-small p, .font-small label, .font-small ul, .font-small ol { font-size: 85%; } .font-xsmall p, .font-xsmall label, .font-xsmall ul, .font-xsmall ol { font-size: 70%; } p { margin-bottom: 20px; } p + h2, p + .h2, p + h3, p + .h3 { margin: 0 0 20px; } .article-snippet + p, .article-snippet + h2, .article-snippet + .h2, .article-snippet + h3, .article-snippet + .h3, .article-snippet + h4, .article-snippet + .h4 { margin-top: 20px; } a { color: #085da9; } a:hover { color: #5223a0; } /* Override BDLBB setting for bold text - setting back to expected bold value */ b, strong { font-weight: bold; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } html [type="button"] { -webkit-appearance: inherit; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; content: ''; } .parallax { height: 100%; overflow: hidden; } .parallax body { height: 100%; } .parallax-viewport { height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-perspective: 1px; perspective: 1px; } .parallax-viewport > * { background-color: #fff; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(0); transform: translateZ(0); } /** * Wrapper */ .wrapper { padding-top: 2.4999999999rem; padding-bottom: 1.2499999999rem; } .wrapper:nth-child(even) { background-color: #f7f7f7; } .wrapper-heading h2, .wrapper-heading p { margin-bottom: 1.2499999999rem; } .wrapper-heading h2 + p { margin-top: -16px; } @media (min-width: 768px) { .wrapper { padding-top: 60px; padding-bottom: 30px; } .wrapper-heading { text-align: center; } .wrapper-heading h2, .wrapper-heading p { margin: 0 0 30px; } } /** * Aperture * 1. This takes into consideration the border widths. * Dual aperture should be deprecated with the old hero. */ .aperture { display: inline-block; margin-bottom: 20px; padding: 8px 6px; /* 1 */ position: relative; } .aperture::before, .aperture::after { background-color: #00aeef; border: 3px solid #00aeef; border-radius: 10px; content: ''; display: inline-block; height: 100%; position: absolute; top: 0; width: 1px; z-index: 2; } .aperture::before { left: 0; } .aperture::after { right: 0; } .aperture-image { display: block; } .aperture-text { padding: 0 15px; } .aperture-text::before { margin-left: -15px; } @media (min-width: 768px) { .aperture { padding: 8px; } .aperture::before, .aperture::after { border-width: 4px; } } @media (min-width: 1025px) { .aperture { margin-bottom: 30px; } } .aperture-left { position: relative; padding-left: 20px; } .aperture-left::before { background-color: #00aeef; border: 2px solid #00aeef; border-radius: 10px; content: ''; display: inline-block; height: 100%; position: absolute; left: 0; top: 0; width: 1px; z-index: 2; } /** * Form */ fieldset { border-width: 0; padding: 0; margin: 0; } legend { font-size: 1.5rem; color: #00395d; line-height: 1.42; font-weight: 100; margin-bottom: 16px; } @media (min-width: 768px) { legend { font-size: 1.875rem; } } label, .label { font-size: 1.0625rem; color: #00395d; display: block; margin-bottom: 10px; } ::-webkit-input-placeholder { color: #000; } ::-moz-placeholder { color: #000; } :-ms-input-placeholder { color: #000; } ::placeholder { color: #000; } .form-group { margin-bottom: 20px; border-bottom: 1px solid #e5ebee; } @media (min-width: 768px) { .form-group { margin-bottom: 30px; } } .form-item { margin-bottom: 20px; } @media (min-width: 768px) { .form-item { margin-bottom: 30px; } } .form-item .error-message { display: none; } .form-inline label, .form-inline .form-item, .form-inline .input-wrapper { display: inline-block; } .form-inline label { margin-right: 10px; } .form-inline .form-item { margin-right: 20px; } .col-form-label { margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; } /** * Error States * Generic error styling for all form elements */ .has-error .input, .has-error .select, .has-error .control-indicator { color: #c33; background-color: #fcf5f5; border-color: #c33; } .has-error .error-message { display: block; font-family: "Expert Sans Regular", "Trebuchet MS", Arial, Verdana, sans-serif; color: #c33; margin-top: 14px; margin-bottom: 0; } /** * Stacking form elements * Utility class which allows you to stack form elements on mobile viewport */ @media (max-width: 767px) { .form-stacked-sm { margin-bottom: 0; } .form-stacked-sm .btn, .form-stacked-sm .control, .form-stacked-sm .select { width: 100%; margin-right: 0; margin-bottom: 20px; } } .form-item[disabled] .label { color: #b7b7b7; } .form-item[disabled] .input, .form-item[disabled] .select, .form-item[disabled] .control-indicator { background-color: #f1f1f1; border-color: #b7b7b7; color: #b7b7b7; cursor: not-allowed; } .form-item[disabled]:focus { border: none; box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #085da9; } .has-error .input, .has-error .select, .has-error .control-indicator { border-width: 2px; } .has-error .input:focus, .has-error .select:focus, .has-error .control-indicator:focus { background-color: #fff; border: none; box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #085da9; color: #e03030; } input:focus, select:focus, textarea:focus { border: 1px solid #fff; box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #085da9; outline: 0; } /** * Inner border and padding in Firefox. Overriding BDLBB. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border: 2px solid #fff; padding: 0; } /** * Restore the focus styles unset by the previous rule. Overriding BDLBB. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 2px solid #085da9; } .toggle-selection:focus { border: 1px solid #fff; box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #085da9; outline: none; } .container { margin-right: auto; margin-left: auto; min-width: 280px; } .container::before, .container::after { content: ' '; display: table; } .container::after { clear: both; } @media (min-width: 320px) { .container { margin-left: 13px; margin-right: 13px; } } @media (min-width: 769px) { .container { margin-left: 24px; margin-right: 24px; } } @media (min-width: 1025px) { .container { margin-left: 14px; margin-right: 14px; } } @media (min-width: 1440px) { .container { margin-left: 24px; margin-right: 24px; } } @media (min-width: 1441px) { .container { margin-left: auto; margin-right: auto; } } @media (min-width: 769px) { .container { width: 700px; margin-right: auto; margin-left: auto; } } @media (min-width: 1025px) { .container { width: 976px; margin-right: auto; margin-left: auto; } } @media (min-width: 1440px) { .container { width: 1372px; margin-right: auto; margin-left: auto; } } .container-fluid { margin-right: auto; margin-left: auto; min-width: 280px; } .container-fluid::before, .container-fluid::after { content: ' '; display: table; } .container-fluid::after { clear: both; } @media (min-width: 320px) { .container-fluid { margin-left: 13px; margin-right: 13px; } } @media (min-width: 769px) { .container-fluid { margin-left: 24px; margin-right: 24px; } } @media (min-width: 1025px) { .container-fluid { margin-left: 14px; margin-right: 14px; } } @media (min-width: 1440px) { .container-fluid { margin-left: 24px; margin-right: 24px; } } @media (min-width: 1441px) { .container-fluid { margin-left: auto; margin-right: auto; } } @media (min-width: 1440px) { .container-fluid { max-width: 1392px; } } .row::before, .row::after { content: ' '; display: table; } .row::after { clear: both; } @media (min-width: 320px) { .row { padding-left: 7px; padding-right: 7px; } } @media (min-width: 769px) { .row { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1025px) { .row { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1440px) { .row { padding-left: 10px; padding-right: 10px; } } @media (min-width: 320px) { .row { margin-left: -7px; margin-right: -7px; } } @media (min-width: 769px) { .row { margin-left: -10px; margin-right: -10px; } } @media (min-width: 1025px) { .row { margin-left: -10px; margin-right: -10px; } } @media (min-width: 1440px) { .row { margin-left: -10px; margin-right: -10px; } } .row .row { padding-left: 0; padding-right: 0; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; } @media (min-width: 320px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-left: 7px; padding-right: 7px; } } @media (min-width: 769px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1025px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1440px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-left: 10px; padding-right: 10px; } } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { position: relative; min-height: 1px; } @media (min-width: 320px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { padding-left: 7px; padding-right: 7px; } } @media (min-width: 769px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1025px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1440px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { padding-left: 10px; padding-right: 10px; } } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { position: relative; min-height: 1px; } @media (min-width: 320px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { padding-left: 7px; padding-right: 7px; } } @media (min-width: 769px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1025px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1440px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { padding-left: 10px; padding-right: 10px; } } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; } @media (min-width: 320px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left: 7px; padding-right: 7px; } } @media (min-width: 769px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1025px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1440px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left: 10px; padding-right: 10px; } } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 769px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 1025px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1440px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } .clearfix::before, .clearfix::after { content: ' '; display: table; } .clearfix::after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 768px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 768px) { .visible-xs-block { display: block !important; } } @media (max-width: 768px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 768px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 769px) and (max-width: 1024px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 769px) and (max-width: 1024px) { .visible-sm-block { display: block !important; } } @media (min-width: 769px) and (max-width: 1024px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 769px) and (max-width: 1024px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1025px) and (max-width: 1439px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1025px) and (max-width: 1439px) { .visible-md-block { display: block !important; } } @media (min-width: 1025px) and (max-width: 1439px) { .visible-md-inline { display: inline !important; } } @media (min-width: 1025px) and (max-width: 1439px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1440px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1440px) { .visible-lg-block { display: block !important; } } @media (min-width: 1440px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1440px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 768px) { .hidden-xs { display: none !important; } } @media (min-width: 769px) and (max-width: 1024px) { .hidden-sm { display: none !important; } } @media (min-width: 1025px) and (max-width: 1439px) { .hidden-md { display: none !important; } } @media (min-width: 1440px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /** * Button */ .btn { font-size: 1.0625rem; background-color: #fff; border: 1px solid transparent; border-radius: 3px; cursor: pointer; display: inline-block; font-family: "Expert Sans Regular", "Trebuchet MS", Arial, Verdana, sans-serif; line-height: 1.2; padding: 0 20px; text-align: center; text-decoration: none; -o-transition: background-color 300ms cubic-bezier(0.19, 1, 0.22, 1), color 300ms cubic-bezier(0.19, 1, 0.22, 1); transition: background-color 300ms cubic-bezier(0.19, 1, 0.22, 1), color 300ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } @media (max-width: 767px) { .btn { padding: 0 20px; } } .btn:focus { outline: 2px solid #40c2f3; outline-offset: 2px; } .btn:hover { text-decoration: none; } .btn:hover:focus { outline-width: 0; text-decoration: none; } .btn::-moz-focus-inner { border: 0; } .btn:active { background-color: #00395d; color: #fff; } /** * Button modifiers */ .btn-primary { background-color: #0074a6; color: #fff; } .btn-primary:hover, .btn-primary:focus { background-color: #00618c; color: #fff; } .btn-primary:active { background-color: #00395d; } .btn-primary:visited { color: #fff; } .btn-secondary { border-color: #0074a6; color: #0074a6; } .btn-secondary:hover, .btn-secondary:focus { background-color: #e5f7fd; color: #00395d; } .btn-secondary:visited { border-color: #0074a6; color: #0074a6; } .btn-secondary:active { background-color: #00395d; color: #fff; } .btn-disabled { background: #f7f7f7; border-color: #d9d9d9; color: #666; cursor: default; } .btn-disabled:active { background: #f7f7f7; color: #666; } /** * Button sizes */ .btn-sm { font-size: 1rem; padding: 5px 20px; } .btn-block { display: block; width: 100%; } /** * Button with icon */ .btn-icon { padding-top: 10px; padding-bottom: 12px; } .btn-icon .icon { width: 16px; height: 16px; vertical-align: middle; background-position: center; } .btn-icon.btn-secondary:hover .icon path, .btn-icon.btn-secondary:hover .icon circle { fill: #00395d; } .btn-icon-right .icon { background-position: right center; margin-left: 5px; } .btn-icon-left .icon { background-position: left center; margin-right: 5px; } .btn-icon-text { vertical-align: middle; line-height: 1; display: inline-block; } /** * Button utility classes for group of buttons. */ .btn-group .btn { margin-right: 20px; } .btn-group .btn:last-child { margin-right: 0; } /** * Checkboxes and radios */ .control { position: relative; display: inline-block; margin-right: 20px; margin-bottom: 0; cursor: pointer; } .control:last-child { margin-right: 0; } .controls-stacked .control { display: block; margin-bottom: 10px; } .controls-stacked .control + .control { margin-left: 0; } /** * 1. Put the input behind the label so it doesn't overlay text. */ .control-input { position: absolute; z-index: -1; /* 1 */ opacity: 0; } .control-input:checked ~ .control-indicator::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .control-input:focus ~ .control-indicator, .control-input:hover ~ .control-indicator { border-color: #0074a6; background-color: #f2fbfe; } .control-input:disabled ~ .control-indicator, .control-input:disabled ~ .control-description { cursor: not-allowed; } /** * Custom indicator * Generates a shadow element to create our makeshift checkbox/radio background. */ .control-indicator { display: inline-block; width: 44px; height: 44px; position: relative; border: 1px solid #b2b2b2; background-color: #fff; vertical-align: middle; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** * Checkboxes * Tweak just a few things for checkboxes. */ .control-checkbox .control-indicator { border-radius: 5px; } .control-checkbox .control-input:checked ~ .control-indicator { background-color: #0074a6; border-color: #0074a6; } /** * Radios * Tweak just a few things for radios. */ .control-radio .control-indicator { border-radius: 50%; } .control-radio .control-input:checked ~ .control-indicator { border-color: #0074a6; } .control-radio .control-input:checked ~ .control-indicator::after { width: 18px; height: 18px; background-color: #0074a6; border-radius: 50%; } /** * Toggle buttons */ .control-toggle .control { margin-right: 0; } @media (max-width: 1255px) { .control-toggle .control { width: 33.3333333333%; } } .control-toggle .control + .control { margin-left: -6px; } .control-toggle :first-child > .control-indicator { border-radius: 5px 0 0 5px; } .control-toggle :last-child > .control-indicator { border-radius: 0 5px 5px 0; } .control-toggle .control-indicator { padding: 12px 82px; border-radius: 0; } @media (max-width: 1255px) { .control-toggle .control-indicator { padding: 10px 40px; width: 100%; } } .control-toggle .control-description { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } @media (max-width: 1255px) { .control-toggle .control-description { white-space: nowrap; } } .control-toggle .control-input:checked ~ .control-indicator::after { display: none; } .control-toggle .control-input:checked ~ .control-indicator { background-color: #0074a6; } .control-toggle .control-input:checked ~ .control-description { color: #fff; } .control-toggle .control-input:checked:hover + .control-indicator { z-index: 0; } .control-toggle .control-input:hover + .control-indicator { z-index: 1; } .control-toggle .has-error .control-indicator { z-index: 1; } .control-toggle .has-error .control-input:checked ~ .control-indicator { background-color: #0074a6; border-color: #0074a6; z-index: 0; } .control-description { font-size: 1.0625rem; color: #333; display: inline-block; vertical-align: middle; padding-left: 7px; } /** * Error states for Radio buttons and Checkboxes */ .has-error .control-description { color: #c33; } .has-error .control-input:focus ~ .control-indicator, .has-error .control-input:hover ~ .control-indicator { border-color: #c33; background-color: #fcf5f5; } .has-error .control-checkbox .control-input:checked ~ .control-indicator { background-color: #fcf5f5; border-color: #c33; } .has-error .control-radio .control-input:checked ~ .control-indicator { border-color: #c33; } .has-error .control-radio .control-input:checked ~ .control-indicator::after { background-color: #c33; } .has-error.control-toggle .control-input:focus ~ .control-indicator, .has-error.control-toggle .control-input:hover ~ .control-indicator, .has-error.control-toggle .control-input:checked ~ .control-indicator { background-color: #fcf5f5; border-color: #c33; } .has-error.control-toggle .control-input:hover ~ .control-indicator { z-index: 0; } .has-error.control-toggle .control-input:checked ~ .control-description { color: #c33; } /** * Dual input */ .dual-input { display: block; } .dual-input .input-wrapper { display: inline-block; position: relative; width: 66.6666666667%; z-index: 1; } .dual-input .input { border-radius: 5px 0 0 5px; } .dual-input .select { position: relative; display: inline-block; color: #0074a6; border-radius: 0 5px 5px 0; width: 33.3333333333%; margin-left: -5px; z-index: 0; } .dual-input .select:focus { z-index: 2; } /** * Form input * 1. Remove default iOS styling on input fields */ .input-wrapper { position: relative; } .input { color: #0074a6; width: 100%; border: 1px solid #bfbfbf; border-radius: 5px; padding: 9px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 1 */ } .input:focus { background-color: #f2fbfe; border-color: #0074a6; color: #0074a6; outline: none; } .input-prefix, .input-suffix { position: absolute; top: 0; z-index: 10; } .input-prefix { color: #0074a6; left: 0; padding: 10px 0 13px 10px; } .input-prefix + .input { padding-left: 20px; } .input-suffix { right: 0; padding: 13px 10px 13px 0; } .input-suffix + .input { padding-right: 24px; } a.standalone, .standalone a { padding-left: 1px; padding-right: 20px; text-decoration: none; } a.standalone::after, .standalone a::after { background-repeat: no-repeat; background-size: contain; content: ''; height: 12px; margin-left: 5px; margin-top: 6px; position: absolute; width: 8px; } a.standalone:hover, a.standalone:focus, .standalone a:hover, .standalone a:focus { text-decoration: underline; } a.standalone:hover::after, a.standalone:focus::after, .standalone a:hover::after, .standalone a:focus::after { height: 12px; width: 8px; } /** * Utility class to create a list of links */ .link-list { margin-bottom: 1.2499999999rem; } @media (min-width: 768px) { .link-list { margin-bottom: 30px; } } .link-list a { text-decoration: none; } .link-list a:hover, .link-list a:focus { text-decoration: underline; } .link-list li { margin-bottom: 10px; } .link-list li:last-child { margin-bottom: 0; } /** * Select * 1. IE9 Specific styling. * 2. Firefox specific CSS to remove dotted outline around content of select dropdown. * 3. Hides the default caret in IE10 and 11. * 4. For visual consistency with other platforms/browsers, * supress the default white text on blue background highlight given to * the selected option text when the (still closed)