/*! ab v2.7.2 */ @import url(https://fonts.googleapis.com/css2?family=Lora:wght@500;600&family=Nunito+Sans:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;1,500&family=Nunito+Sans:wght@400;600;700&display=swap);@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\F101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\F102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\F103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\F104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\F105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\F106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\F107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\F108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\F109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\F10A"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\F10B"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\F10C"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\F10D"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\F10E"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\F10F"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\F110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\F111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\F112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\F113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\F114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\F115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\F116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\F117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\F118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\F119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\F11A"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\F11B"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\F11C"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\F11D"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\F11E"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\F11F"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\F120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\F121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\F122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-9-16{padding-top:177.7777777778%}.video-js.vjs-1-1{padding-top:100%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs){width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.vjs-no-flex .vjs-volume-control .vjs-mouse-display{z-index:0}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\F10D";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \F11D";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-audio-button,.video-js.vjs-layout-small .vjs-captions-button,.video-js.vjs-layout-small .vjs-chapters-button,.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-descriptions-button,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-subtitles-button,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-audio-button,.video-js.vjs-layout-tiny .vjs-captions-button,.video-js.vjs-layout-tiny .vjs-chapters-button,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-descriptions-button,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-subtitles-button,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-audio-button,.video-js.vjs-layout-x-small .vjs-captions-button,.video-js.vjs-layout-x-small .vjs-chapters-button,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-descriptions-button,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-subtitles-button,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none!important}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js.vjs-layout-tiny .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js.vjs-layout-tiny .vjs-custom-control-spacer,.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0}.video-js :focus:not(:focus-visible){outline:0}@charset "UTF-8"; @font-face { font-family: barlow-black; font-style: normal; font-weight: normal; src: url("../fonts/barlow-black.eot"), url("../fonts/barlow-black.eot?#iefix") format("embedded-opentype"), url("../fonts/barlow-black.woff2") format("woff2"), url("../fonts/barlow-black.woff") format("woff"), url("../fonts/barlow-black.ttf") format("truetype"), url("../fonts/barlow-black.svg#barlow-black") format("svg"); } @font-face { font-family: barlow-bold; font-style: normal; font-weight: normal; src: url("../fonts/barlow-bold.eot"), url("../fonts/barlow-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/barlow-bold.woff2") format("woff2"), url("../fonts/barlow-bold.woff") format("woff"), url("../fonts/barlow-bold.ttf") format("truetype"), url("../fonts/barlow-bold.svg#barlow-bold") format("svg"); } @font-face { font-family: nexa_light; font-style: normal; font-weight: normal; src: url("../fonts/nexa_light.eot"), url("../fonts/nexa_light.eot?#iefix") format("embedded-opentype"), url("../fonts/nexa_light.woff2") format("woff2"), url("../fonts/nexa_light.woff") format("woff"), url("../fonts/nexa_light.ttf") format("truetype"), url("../fonts/nexa_light.svg#nexa_light") format("svg"); } @font-face { font-family: nexa_bold; font-style: normal; font-weight: normal; src: url("../fonts/nexa_bold.eot"), url("../fonts/nexa_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/nexa_bold.woff2") format("woff2"), url("../fonts/nexa_bold.woff") format("woff"), url("../fonts/nexa_bold.ttf") format("truetype"), url("../fonts/nexa_bold.svg#nexa_bold") format("svg"); } /* * ICON SETUP INSTRUCTIONS * 1) To edit Icomoon fonts, import the /fonts/icomoon/selection.json file at this URL: https://icomoon.io/app/#/select * 2) After making changes and generating the font, replace everything in /fonts/icomoon with the downloaded files and folders * 3) Copy the font files from /fonts/icomoon/fonts to /static/fonts/ * 4) Copy over the contents of the style.scss and variables.scss files from /fonts/icomoon to this file per instructions below * 5) Check the Icons section of the Style Guide to make sure any new/updated icons are rendering properly. They should get automatically updated there based on changes from /fonts/icomoon/selection.json */ @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot?yndxvt"); src: url("../fonts/icomoon.eot?yndxvt#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?yndxvt") format("truetype"), url("../fonts/icomoon.woff?yndxvt") format("woff"), url("../fonts/icomoon.svg?yndxvt#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"]:not(.btn), [class*=" icon-"]:not(.btn) { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* * Copy line 4 down from fonts/icomoon/variables.scss */ /* * Copy line 30 down from from fonts/icomoon/style.scss */ .icon-affirm:before { content: "\E967"; } .icon-elite-delivery:before { content: "\E958"; } .icon-completed:before { content: "\E966"; } .icon-favorite:before { content: "\E919"; } .icon-payment:before { content: "\E941"; } .icon-store:before { content: "\E945"; } .icon-assembly:before { content: "\E90E"; } .icon-backorder:before { content: "\E956"; } .icon-doorstep-dropoff:before { content: "\E957"; } .icon-hide-password:before { content: "\E959"; } .icon-invoice:before { content: "\E95A"; } .icon-order-history:before { content: "\E95B"; } .icon-rewards-renewal:before { content: "\E95C"; } .icon-show-password:before { content: "\E95D"; } .icon-unlock:before { content: "\E95E"; } .icon-design-consultation:before { content: "\E95F"; } .icon-dropship:before { content: "\E960"; } .icon-quote:before { content: "\E961"; } .icon-recommended:before { content: "\E962"; } .icon-sleepbundle:before { content: "\E963"; } .icon-call:before { content: "\E964"; } .icon-rewards-point:before { content: "\E965"; } .icon-list-view-d-active:before { content: "\E94E"; } .icon-list-view-d-inactive:before { content: "\E94F"; } .icon-tile-view-d-active:before { content: "\E950"; } .icon-tile-view-d-inactive:before { content: "\E951"; } .icon-block-view-m-active:before { content: "\E952"; } .icon-block-view-m-inactive:before { content: "\E953"; } .icon-tile-view-m-active:before { content: "\E954"; } .icon-tile-view-m-inactive:before { content: "\E955"; } .icon-email-alt:before { content: "\E942"; } .icon-lock-alt:before { content: "\E943"; } .icon-order-history-alt:before { content: "\E944"; } .icon-rewards-alt:before { content: "\E946"; } .icon-wishlist-alt:before { content: "\E94B"; } .icon-eye-slash-regular:before { content: "\E94C"; } .icon-eye-regular:before { content: "\E94D"; } .icon-mathis:before { content: "\E902"; } .icon-night-guarantee:before { content: "\E940"; } .icon-best-price:before { content: "\E92B"; } .icon-better-gifts:before { content: "\E93E"; } .icon-better-warranties:before { content: "\E93F"; } .icon-deluxe-delivery:before { content: "\E947"; } .icon-mathis-rewards:before { content: "\E948"; } .icon-room-planner:before { content: "\E949"; } .icon-rug-visualizer:before { content: "\E94A"; } .icon-delivery:before { content: "\E903"; } .icon-filter:before { content: "\E904"; } .icon-warranty:before { content: "\E91E"; } .icon-custom:before { content: "\E91F"; } .icon-accessibility:before { content: "\E920"; } .icon-lookbook:before { content: "\E926"; } .icon-mathis-credit:before { content: "\E92A"; } .icon-menu:before { content: "\E929"; } .icon-images:before { content: "\E906"; } .icon-alert:before { content: "\E905"; } .icon-account:before { content: "\E900"; } .icon-add-to-cart:before { content: "\E901"; } .icon-arrow-down:before { content: "\E907"; } .icon-arrow-left-thin:before { content: "\E908"; } .icon-arrow-left:before { content: "\E909"; } .icon-arrow-right-thin:before { content: "\E90A"; } .icon-arrow-right:before { content: "\E90B"; } .icon-arrow-top:before { content: "\E90C"; } .icon-arrow-up:before { content: "\E90D"; } .icon-cart:before { content: "\E90F"; } .icon-checkmark:before { content: "\E910"; } .icon-close-small:before { content: "\E911"; } .icon-close:before { content: "\E912"; } .icon-collapse:before { content: "\E913"; } .icon-design-tools:before { content: "\E914"; } .icon-email:before { content: "\E915"; } .icon-expand:before { content: "\E916"; } .icon-facebook:before { content: "\E917"; } .icon-favorite-selected:before { content: "\E918"; } .icon-film:before { content: "\E91A"; } .icon-google:before { content: "\E91B"; } .icon-guarantee:before { content: "\E91C"; } .icon-image:before { content: "\E91D"; } .icon-info:before { content: "\E921"; } .icon-instagram:before { content: "\E922"; } .icon-link:before { content: "\E923"; } .icon-linkedin:before { content: "\E924"; } .icon-livechat:before { content: "\E925"; } .icon-location:before { content: "\E927"; } .icon-lock:before { content: "\E928"; } .icon-minus:before { content: "\E92C"; } .icon-offsite:before { content: "\E92D"; } .icon-pause:before { content: "\E92E"; } .icon-pinterest:before { content: "\E92F"; } .icon-play-hollow:before { content: "\E930"; } .icon-plus:before { content: "\E931"; } .icon-print:before { content: "\E932"; } .icon-question:before { content: "\E933"; } .icon-remove:before { content: "\E934"; } .icon-search:before { content: "\E935"; } .icon-size:before { content: "\E936"; } .icon-star-empty:before { content: "\E937"; } .icon-star-half:before { content: "\E938"; } .icon-star:before { content: "\E939"; } .icon-twitter:before { content: "\E93A"; } .icon-youtube:before { content: "\E93B"; } .icon-zoom-out:before { content: "\E93C"; } .icon-zoom:before { content: "\E93D"; } .icon-paypal:before { content: "\EAD8"; } /* * COLORS */ /* * GRID SYSTEM */ /* * Z Indexes */ /* * ASPECT RATIOS */ /* * MISC */ /* * FONTS (setup is handled in utilities/_fonts.scss) */ /* * TEXT */ /* * HEADERS */ /* * Banner Styles */ /* * BUTTONS */ /* * FORMs */ /* * BREADCRUMBS */ /* * TOOLTIPS */ /* * POPOVERS */ /* * MODALS */ /* * ALERTS (also affects toast messages) */ /* * TOAST MESSAGES */ /* * CARDS */ /* * COLLAPSIBLE */ /* * ACCORDION */ /* * TABS */ /* * SLIDER */ /* * DROPDOWNS */ /* * NAVIGATION LINKS // generic navigation links styling (header, footer, etc) */ /* * HEADER */ /* * FOOTER */ /* * PAGE-LEVEL SETTINGS */ /* * PRODUCT */ /* * MINICART */ /* * CART AND CHECKOUT */ /* * PAGE DESIGNER MODULES */ /* * HERO ASSETS */ /* * CATEGORY TILE ASSETS */ /* * IMAGE TEXT BLOCK ASSETS */ /* * PHOTO HOTSPOTS ASSETS */ /* * VIDEO ASSETS */ /* * BLOG LANDING */ /* * BLOG DETAIL */ /* * CONTENT TILES */ /* * STORE LOCATOR */ /* * STORE DETAIL PAGE */ /* * ACCOUNT */ /* * GIFTCERTIFICATES */ /* * PAYMENTMETHODS */ /* * ACCESSIBILITY */ /* * CONSENT DRAWER */ /* * ICON SETUP INSTRUCTIONS * 1) To edit Icomoon fonts, import the /fonts/icomoon/selection.json file at this URL: https://icomoon.io/app/#/select * 2) After making changes and generating the font, replace everything in /fonts/icomoon with the downloaded files and folders * 3) Copy the font files from /fonts/icomoon/fonts to /static/fonts/ * 4) Copy over the contents of the style.scss and variables.scss files from /fonts/icomoon to this file per instructions below * 5) Check the Icons section of the Style Guide to make sure any new/updated icons are rendering properly. They should get automatically updated there based on changes from /fonts/icomoon/selection.json */ @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot?yndxvt"); src: url("../fonts/icomoon.eot?yndxvt#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?yndxvt") format("truetype"), url("../fonts/icomoon.woff?yndxvt") format("woff"), url("../fonts/icomoon.svg?yndxvt#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"]:not(.btn), [class*=" icon-"]:not(.btn) { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* * Copy line 4 down from fonts/icomoon/variables.scss */ /* * Copy line 30 down from from fonts/icomoon/style.scss */ .icon-affirm:before { content: "\E967"; } .icon-elite-delivery:before { content: "\E958"; } .icon-completed:before { content: "\E966"; } .icon-favorite:before { content: "\E919"; } .icon-payment:before { content: "\E941"; } .icon-store:before { content: "\E945"; } .icon-assembly:before { content: "\E90E"; } .icon-backorder:before { content: "\E956"; } .icon-doorstep-dropoff:before { content: "\E957"; } .icon-hide-password:before { content: "\E959"; } .icon-invoice:before { content: "\E95A"; } .icon-order-history:before { content: "\E95B"; } .icon-rewards-renewal:before { content: "\E95C"; } .icon-show-password:before { content: "\E95D"; } .icon-unlock:before { content: "\E95E"; } .icon-design-consultation:before { content: "\E95F"; } .icon-dropship:before { content: "\E960"; } .icon-quote:before { content: "\E961"; } .icon-recommended:before { content: "\E962"; } .icon-sleepbundle:before { content: "\E963"; } .icon-call:before { content: "\E964"; } .icon-rewards-point:before { content: "\E965"; } .icon-list-view-d-active:before { content: "\E94E"; } .icon-list-view-d-inactive:before { content: "\E94F"; } .icon-tile-view-d-active:before { content: "\E950"; } .icon-tile-view-d-inactive:before { content: "\E951"; } .icon-block-view-m-active:before { content: "\E952"; } .icon-block-view-m-inactive:before { content: "\E953"; } .icon-tile-view-m-active:before { content: "\E954"; } .icon-tile-view-m-inactive:before { content: "\E955"; } .icon-email-alt:before { content: "\E942"; } .icon-lock-alt:before { content: "\E943"; } .icon-order-history-alt:before { content: "\E944"; } .icon-rewards-alt:before { content: "\E946"; } .icon-wishlist-alt:before { content: "\E94B"; } .icon-eye-slash-regular:before { content: "\E94C"; } .icon-eye-regular:before { content: "\E94D"; } .icon-mathis:before { content: "\E902"; } .icon-night-guarantee:before { content: "\E940"; } .icon-best-price:before { content: "\E92B"; } .icon-better-gifts:before { content: "\E93E"; } .icon-better-warranties:before { content: "\E93F"; } .icon-deluxe-delivery:before { content: "\E947"; } .icon-mathis-rewards:before { content: "\E948"; } .icon-room-planner:before { content: "\E949"; } .icon-rug-visualizer:before { content: "\E94A"; } .icon-delivery:before { content: "\E903"; } .icon-filter:before { content: "\E904"; } .icon-warranty:before { content: "\E91E"; } .icon-custom:before { content: "\E91F"; } .icon-accessibility:before { content: "\E920"; } .icon-lookbook:before { content: "\E926"; } .icon-mathis-credit:before { content: "\E92A"; } .icon-menu:before { content: "\E929"; } .icon-images:before { content: "\E906"; } .icon-alert:before { content: "\E905"; } .icon-account:before { content: "\E900"; } .icon-add-to-cart:before { content: "\E901"; } .icon-arrow-down:before { content: "\E907"; } .icon-arrow-left-thin:before { content: "\E908"; } .icon-arrow-left:before { content: "\E909"; } .icon-arrow-right-thin:before { content: "\E90A"; } .icon-arrow-right:before { content: "\E90B"; } .icon-arrow-top:before { content: "\E90C"; } .icon-arrow-up:before { content: "\E90D"; } .icon-cart:before { content: "\E90F"; } .icon-checkmark:before { content: "\E910"; } .icon-close-small:before { content: "\E911"; } .icon-close:before { content: "\E912"; } .icon-collapse:before { content: "\E913"; } .icon-design-tools:before { content: "\E914"; } .icon-email:before { content: "\E915"; } .icon-expand:before { content: "\E916"; } .icon-facebook:before { content: "\E917"; } .icon-favorite-selected:before { content: "\E918"; } .icon-film:before { content: "\E91A"; } .icon-google:before { content: "\E91B"; } .icon-guarantee:before { content: "\E91C"; } .icon-image:before { content: "\E91D"; } .icon-info:before { content: "\E921"; } .icon-instagram:before { content: "\E922"; } .icon-link:before { content: "\E923"; } .icon-linkedin:before { content: "\E924"; } .icon-livechat:before { content: "\E925"; } .icon-location:before { content: "\E927"; } .icon-lock:before { content: "\E928"; } .icon-minus:before { content: "\E92C"; } .icon-offsite:before { content: "\E92D"; } .icon-pause:before { content: "\E92E"; } .icon-pinterest:before { content: "\E92F"; } .icon-play-hollow:before { content: "\E930"; } .icon-plus:before { content: "\E931"; } .icon-print:before { content: "\E932"; } .icon-question:before { content: "\E933"; } .icon-remove:before { content: "\E934"; } .icon-search:before { content: "\E935"; } .icon-size:before { content: "\E936"; } .icon-star-empty:before { content: "\E937"; } .icon-star-half:before { content: "\E938"; } .icon-star:before { content: "\E939"; } .icon-twitter:before { content: "\E93A"; } .icon-youtube:before { content: "\E93B"; } .icon-zoom-out:before { content: "\E93C"; } .icon-zoom:before { content: "\E93D"; } .icon-paypal:before { content: "\EAD8"; } /* * COLORS */ /* * GRID SYSTEM */ /* * Z Indexes */ /* * ASPECT RATIOS */ /* * MISC */ /* * FONTS (setup is handled in utilities/_fonts.scss) */ /* * TEXT */ /* * HEADERS */ /* * Banner Styles */ /* * BUTTONS */ /* * FORMs */ /* * BREADCRUMBS */ /* * TOOLTIPS */ /* * POPOVERS */ /* * MODALS */ /* * ALERTS (also affects toast messages) */ /* * TOAST MESSAGES */ /* * CARDS */ /* * COLLAPSIBLE */ /* * ACCORDION */ /* * TABS */ /* * SLIDER */ /* * DROPDOWNS */ /* * NAVIGATION LINKS // generic navigation links styling (header, footer, etc) */ /* * HEADER */ /* * FOOTER */ /* * PAGE-LEVEL SETTINGS */ /* * PRODUCT */ /* * MINICART */ /* * CART AND CHECKOUT */ /* * PAGE DESIGNER MODULES */ /* * HERO ASSETS */ /* * CATEGORY TILE ASSETS */ /* * IMAGE TEXT BLOCK ASSETS */ /* * PHOTO HOTSPOTS ASSETS */ /* * VIDEO ASSETS */ /* * BLOG LANDING */ /* * BLOG DETAIL */ /* * CONTENT TILES */ /* * STORE LOCATOR */ /* * STORE DETAIL PAGE */ /* * ACCOUNT */ /* * GIFTCERTIFICATES */ /* * PAYMENTMETHODS */ /* * ACCESSIBILITY */ /* * CONSENT DRAWER */ :root { --blue: #93b0c8; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #AD2E24; --orange: #ff980b; --yellow: #e4c41d; --green: #2A6E00; --teal: #20c997; --cyan: #17a2b8; --white: #FFFFFF; --gray: #6c757d; --gray-dark: #343a40; --brand-primary: #4B3A2D; --brand-secondary: #333131; --brand-tertiary: #AD2E24; --white: #FFFFFF; --off-white: #fcfbfa; --light-gray: #f4f4f4; --gray: #e6e6e6; --dark-gray: #989797; --darker-gray: #636466; --black: #000000; --green: #2A6E00; --red: #AD2E24; --yellow: #e4c41d; --success: #2A6E00; --danger: #C42E22; --error: #C42E22; --warning: #e4c41d; --info: #1C78D2; --gold: #b69f5c; --orange: #ff980b; --dark-blue: #53698a; --blue: #93b0c8; --light-blue: #93b0c833; --greige: #cfc7c1; --beige: #ece3da; --light-beige: #ece3da80; --accent-blue: #28486a; --accent-light-blue: #93B0C825; --outlet-badge: #ea842a; --primary: #93b0c8; --secondary: #6c757d; --success: #2A6E00; --info: #1C78D2; --warning: #e4c41d; --danger: #C42E22; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 544px; --breakpoint-md: 769px; --breakpoint-lg: 1024px; --breakpoint-xl: 1440px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #FFFFFF; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 8px; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #333131; text-decoration: none; background-color: transparent; } a:hover { color: #0c0c0c; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .product-grid .product-tile .price .sales .value .pricing-member .display-price, .product-grid .product-tile .price .has-only-one-price.sales div[class^="pricing-"] .display-price, .h4, .h5, .h6 { margin-bottom: 8px; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2rem; } h2, .h2 { font-size: 1.75rem; } h3, .h3, .product-grid .product-tile .price .sales .value .pricing-member .display-price, .product-grid .product-tile .price .has-only-one-price.sales div[class^="pricing-"] .display-price { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 16px; margin-bottom: 16px; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 16px; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #FFFFFF; border: 1px solid #dee2e6; border-radius: 5px; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 8px; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #FFFFFF; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 769px) { .container { max-width: 1420px; } } @media (min-width: 1024px) { .container { max-width: 1430px; } } @media (min-width: 1440px) { .container { max-width: 1440px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 544px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 769px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 1024px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1440px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 16px; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #f4f4f4; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #f4f4f4; } .table tbody + tbody { border-top: 2px solid #f4f4f4; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #f4f4f4; } .table-bordered th, .table-bordered td { border: 1px solid #f4f4f4; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #e1e9f0; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #c7d6e2; } .table-hover .table-primary:hover { background-color: #d0dde8; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #d0dde8; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3d6b8; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #90b47a; } .table-hover .table-success:hover { background-color: #b5cda8; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b5cda8; } .table-info, .table-info > th, .table-info > td { background-color: #bfd9f2; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #89b9e8; } .table-hover .table-info:hover { background-color: #aaccee; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #aaccee; } .table-warning, .table-warning > th, .table-warning > td { background-color: #f7eec0; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #f1e089; } .table-hover .table-warning:hover { background-color: #f4e8a9; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #f4e8a9; } .table-danger, .table-danger > th, .table-danger > td { background-color: #eec4c1; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #e0928c; } .table-hover .table-danger:hover { background-color: #e9b1ad; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #e9b1ad; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #FFFFFF; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #f4f4f4; } .table-dark { color: #FFFFFF; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 543.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 768.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 1023.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1439.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(16px + 11px + 11px + (1px*2)); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #4B3A2D; border-radius: 3px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #FFFFFF; border-color: #e7eef3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(147, 176, 200, 0.25); } .form-control::-moz-placeholder { color: #989797; opacity: 1; } .form-control:-ms-input-placeholder { color: #989797; opacity: 1; } .form-control::placeholder { color: #989797; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #FFFFFF; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #2A6E00; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.8125rem; line-height: 1.5; color: #FFFFFF; background-color: #2a6e00; border-radius: 0; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #2A6E00; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232A6E00' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #2A6E00; box-shadow: 0 0 0 0.2rem rgba(42, 110, 0, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .was-validated select.form-control:valid, .was-validated select:valid, .custom-select.is-valid, select.is-valid { border-color: #2A6E00; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232A6E00' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #FFFFFF no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .was-validated select.form-control:valid:focus, .was-validated select:valid:focus, .custom-select.is-valid:focus, select.is-valid:focus { border-color: #2A6E00; box-shadow: 0 0 0 0.2rem rgba(42, 110, 0, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated select.form-control:valid ~ .valid-feedback, .was-validated select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated select.form-control:valid ~ .valid-tooltip, .was-validated select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, select.is-valid.form-control ~ .valid-feedback, select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, select.is-valid.form-control ~ .valid-tooltip, select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #2A6E00; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #2A6E00; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #2A6E00; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #3da100; background-color: #3da100; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(42, 110, 0, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #2A6E00; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #2A6E00; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #2A6E00; box-shadow: 0 0 0 0.2rem rgba(42, 110, 0, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #C42E22; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.8125rem; line-height: 1.5; color: #FFFFFF; background-color: #c42e22; border-radius: 0; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #C42E22; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C42E22' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23C42E22' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #C42E22; box-shadow: 0 0 0 0.2rem rgba(196, 46, 34, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .was-validated select.form-control:invalid, .was-validated select:invalid, .custom-select.is-invalid, select.is-invalid { border-color: #C42E22; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C42E22' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23C42E22' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #FFFFFF no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .was-validated select.form-control:invalid:focus, .was-validated select:invalid:focus, .custom-select.is-invalid:focus, select.is-invalid:focus { border-color: #C42E22; box-shadow: 0 0 0 0.2rem rgba(196, 46, 34, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated select.form-control:invalid ~ .invalid-feedback, .was-validated select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated select.form-control:invalid ~ .invalid-tooltip, .was-validated select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, select.is-invalid.form-control ~ .invalid-feedback, select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, select.is-invalid.form-control ~ .invalid-tooltip, select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #C42E22; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #C42E22; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #C42E22; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #dd483c; background-color: #dd483c; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(196, 46, 34, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #C42E22; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #C42E22; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #C42E22; box-shadow: 0 0 0 0.2rem rgba(196, 46, 34, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 544px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select, .form-inline select.form-control, .form-inline select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.875rem; color: #212529; text-align: left; list-style: none; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 544px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 769px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 1024px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1440px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 8px 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #FFFFFF; text-decoration: none; background-color: #93b0c8; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .p-w-r .pr-qa-display .btn-group > .pr-qa-display-show-more-questions, .btn-group-vertical > .btn, .p-w-r .pr-qa-display .btn-group-vertical > .pr-qa-display-show-more-questions { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .p-w-r .pr-qa-display .btn-group > .pr-qa-display-show-more-questions:hover, .btn-group-vertical > .btn:hover, .p-w-r .pr-qa-display .btn-group-vertical > .pr-qa-display-show-more-questions:hover { z-index: 1; } .btn-group > .btn:focus, .p-w-r .pr-qa-display .btn-group > .pr-qa-display-show-more-questions:focus, .btn-group > .btn:active, .p-w-r .pr-qa-display .btn-group > .pr-qa-display-show-more-questions:active, .btn-group > .btn.active, .p-w-r .pr-qa-display .btn-group > .active.pr-qa-display-show-more-questions, .btn-group-vertical > .btn:focus, .p-w-r .pr-qa-display .btn-group-vertical > .pr-qa-display-show-more-questions:focus, .btn-group-vertical > .btn:active, .p-w-r .pr-qa-display .btn-group-vertical > .pr-qa-display-show-more-questions:active, .btn-group-vertical > .btn.active, .p-w-r .pr-qa-display .btn-group-vertical > .active.pr-qa-display-show-more-questions { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .p-w-r .pr-qa-display .btn-group > .pr-qa-display-show-more-questions:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .p-w-r .pr-qa-display .btn-group > .pr-qa-display-show-more-questions:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn, .p-w-r .pr-qa-display .btn-group > .btn-group:not(:last-child) > .pr-qa-display-show-more-questions { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .p-w-r .pr-qa-display .btn-group > .pr-qa-display-show-more-questions:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn, .p-w-r .pr-qa-display .btn-group > .btn-group:not(:first-child) > .pr-qa-display-show-more-questions { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .p-w-r .pr-qa-display .btn-group-lg > .pr-qa-display-show-more-questions + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .p-w-r .pr-qa-display .btn-group-vertical > .pr-qa-display-show-more-questions, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .p-w-r .pr-qa-display .btn-group-vertical > .pr-qa-display-show-more-questions:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .p-w-r .pr-qa-display .btn-group-vertical > .pr-qa-display-show-more-questions:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn, .p-w-r .pr-qa-display .btn-group-vertical > .btn-group:not(:last-child) > .pr-qa-display-show-more-questions { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .p-w-r .pr-qa-display .btn-group-vertical > .pr-qa-display-show-more-questions:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn, .p-w-r .pr-qa-display .btn-group-vertical > .btn-group:not(:first-child) > .pr-qa-display-show-more-questions { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .p-w-r .pr-qa-display .btn-group-toggle > .pr-qa-display-show-more-questions, .btn-group-toggle > .btn-group > .btn, .p-w-r .pr-qa-display .btn-group-toggle > .btn-group > .pr-qa-display-show-more-questions { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .p-w-r .pr-qa-display .btn-group-toggle > .pr-qa-display-show-more-questions input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .p-w-r .pr-qa-display .btn-group-toggle > .pr-qa-display-show-more-questions input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .p-w-r .pr-qa-display .btn-group-toggle > .btn-group > .pr-qa-display-show-more-questions input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .p-w-r .pr-qa-display .btn-group-toggle > .btn-group > .pr-qa-display-show-more-questions input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > select.form-control, .input-group > select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + select.form-control, .input-group > .form-control + select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + select.form-control, .input-group > .form-control-plaintext + select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > select.form-control + .form-control, .input-group > select + .form-control, .input-group > .custom-select + .custom-select, .input-group > select.form-control + .custom-select, .input-group > select + .custom-select, .input-group > .custom-select + select.form-control, .input-group > select.form-control + select.form-control, .input-group > select + select.form-control, .input-group > .custom-select + select, .input-group > select.form-control + select, .input-group > select + select, .input-group > .custom-select + .custom-file, .input-group > select.form-control + .custom-file, .input-group > select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + select.form-control, .input-group > .custom-file + select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > select.form-control:focus, .input-group > select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child), .input-group > select.form-control:not(:last-child), .input-group > select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child), .input-group > select.form-control:not(:first-child), .input-group > select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-prepend .p-w-r .pr-qa-display .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .input-group-prepend .pr-qa-display-show-more-questions, .input-group-append .btn, .input-group-append .p-w-r .pr-qa-display .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .input-group-append .pr-qa-display-show-more-questions { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-prepend .p-w-r .pr-qa-display .pr-qa-display-show-more-questions:focus, .p-w-r .pr-qa-display .input-group-prepend .pr-qa-display-show-more-questions:focus, .input-group-append .btn:focus, .input-group-append .p-w-r .pr-qa-display .pr-qa-display-show-more-questions:focus, .p-w-r .pr-qa-display .input-group-append .pr-qa-display-show-more-questions:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .p-w-r .pr-qa-display .pr-qa-display-show-more-questions + .btn, .p-w-r .pr-qa-display .input-group-prepend .pr-qa-display-show-more-questions + .btn, .input-group-prepend .p-w-r .pr-qa-display .btn + .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .input-group-prepend .btn + .pr-qa-display-show-more-questions, .input-group-prepend .p-w-r .pr-qa-display .pr-qa-display-show-more-questions + .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .input-group-prepend .pr-qa-display-show-more-questions + .pr-qa-display-show-more-questions, .input-group-prepend .btn + .input-group-text, .input-group-prepend .p-w-r .pr-qa-display .pr-qa-display-show-more-questions + .input-group-text, .p-w-r .pr-qa-display .input-group-prepend .pr-qa-display-show-more-questions + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .p-w-r .pr-qa-display .input-group-text + .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .input-group-prepend .input-group-text + .pr-qa-display-show-more-questions, .input-group-append .btn + .btn, .input-group-append .p-w-r .pr-qa-display .pr-qa-display-show-more-questions + .btn, .p-w-r .pr-qa-display .input-group-append .pr-qa-display-show-more-questions + .btn, .input-group-append .p-w-r .pr-qa-display .btn + .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .input-group-append .btn + .pr-qa-display-show-more-questions, .input-group-append .p-w-r .pr-qa-display .pr-qa-display-show-more-questions + .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .input-group-append .pr-qa-display-show-more-questions + .pr-qa-display-show-more-questions, .input-group-append .btn + .input-group-text, .input-group-append .p-w-r .pr-qa-display .pr-qa-display-show-more-questions + .input-group-text, .p-w-r .pr-qa-display .input-group-append .pr-qa-display-show-more-questions + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .p-w-r .pr-qa-display .input-group-text + .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .input-group-append .input-group-text + .pr-qa-display-show-more-questions { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #4B3A2D; border-radius: 3px; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select, .input-group-lg > select.form-control, .input-group-lg > select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > select.form-control, .input-group-lg > select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .p-w-r .pr-qa-display .input-group-lg > .input-group-prepend > .pr-qa-display-show-more-questions, .input-group-lg > .input-group-append > .btn, .p-w-r .pr-qa-display .input-group-lg > .input-group-append > .pr-qa-display-show-more-questions { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select, .input-group-sm > select.form-control, .input-group-sm > select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > select.form-control, .input-group-sm > select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .p-w-r .pr-qa-display .input-group-sm > .input-group-prepend > .pr-qa-display-show-more-questions, .input-group-sm > .input-group-append > .btn, .p-w-r .pr-qa-display .input-group-sm > .input-group-append > .pr-qa-display-show-more-questions { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-lg > select.form-control, .input-group-lg > select, .input-group-sm > .custom-select, .input-group-sm > select.form-control, .input-group-sm > select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .p-w-r .pr-qa-display .input-group > .input-group-prepend > .pr-qa-display-show-more-questions, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .p-w-r .pr-qa-display .input-group > .input-group-append:not(:last-child) > .pr-qa-display-show-more-questions, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .p-w-r .pr-qa-display .input-group > .input-group-append:last-child > .pr-qa-display-show-more-questions:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .p-w-r .pr-qa-display .input-group > .input-group-append > .pr-qa-display-show-more-questions, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .p-w-r .pr-qa-display .input-group > .input-group-prepend:not(:first-child) > .pr-qa-display-show-more-questions, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .p-w-r .pr-qa-display .input-group > .input-group-prepend:first-child > .pr-qa-display-show-more-questions:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #FFFFFF; border-color: #93b0c8; background-color: #93b0c8; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(147, 176, 200, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #e7eef3; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #FFFFFF; background-color: white; border-color: white; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #FFFFFF; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 5px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #93b0c8; background-color: #93b0c8; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFFFFF' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(147, 176, 200, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(147, 176, 200, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(147, 176, 200, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #FFFFFF; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(147, 176, 200, 0.5); } .custom-select, select.form-control, select { display: inline-block; width: 100%; height: calc(16px + 11px + 11px + (1px*2)); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #FFFFFF; border: 1px solid #4B3A2D; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus, select:focus { border-color: #e7eef3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(147, 176, 200, 0.25); } .custom-select:focus::-ms-value, select:focus::-ms-value { color: #495057; background-color: #FFFFFF; } .custom-select[multiple], select[multiple], .custom-select[size]:not([size="1"]), select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled, select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand, select.form-control::-ms-expand, select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(16px + 11px + 11px + (1px*2)); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(16px + 11px + 11px + (1px*2)); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #e7eef3; box-shadow: 0 0 0 0.2rem rgba(147, 176, 200, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(16px + 11px + 11px + (1px*2)); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #FFFFFF; border: 1px solid #4B3A2D; border-radius: 3px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 3px 3px 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(147, 176, 200, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(147, 176, 200, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(147, 176, 200, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #93b0c8; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: white; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #93b0c8; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: white; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #93b0c8; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: white; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select, select.form-control, select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select, select.form-control, select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 0 solid transparent; } .nav-tabs .nav-item { margin-bottom: 0; } .nav-tabs .nav-link { border: 0 solid transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef transparent; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #FFFFFF; border-color: #dee2e6 #dee2e6 #FFFFFF; } .nav-tabs .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 5px; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #FFFFFF; background-color: #93b0c8; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 8px 16px; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 16px; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 5px; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 543.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 544px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 768.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 769px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 1023.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1024px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1439.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1440px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #FFFFFF; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #FFFFFF; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #FFFFFF; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #FFFFFF; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #FFFFFF; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #FFFFFF; background-clip: border-box; border: 1px solid #f4f4f4; border-radius: 5px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid #f4f4f4; } .card-header:first-child { border-radius: calc(5px - 1px) calc(5px - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid #f4f4f4; } .card-footer:last-child { border-radius: 0 0 calc(5px - 1px) calc(5px - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(5px - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(5px - 1px); border-top-right-radius: calc(5px - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(5px - 1px); border-bottom-left-radius: calc(5px - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 544px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 544px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 544px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 5px; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #333131; background-color: #FFFFFF; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0c0c0c; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(147, 176, 200, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .page-item:last-child .page-link { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .page-item.active .page-link { z-index: 1; color: #FFFFFF; background-color: #93b0c8; border-color: #93b0c8; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #FFFFFF; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 5px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #212529; background-color: #93b0c8; } a.badge-primary:hover, a.badge-primary:focus { color: #212529; background-color: #7197b7; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(147, 176, 200, 0.5); } .badge-secondary { color: #FFFFFF; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #FFFFFF; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #FFFFFF; background-color: #2A6E00; } a.badge-success:hover, a.badge-success:focus { color: #FFFFFF; background-color: #173b00; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(42, 110, 0, 0.5); } .badge-info { color: #FFFFFF; background-color: #1C78D2; } a.badge-info:hover, a.badge-info:focus { color: #FFFFFF; background-color: #165ea5; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(28, 120, 210, 0.5); } .badge-warning { color: #212529; background-color: #e4c41d; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #b89e16; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(228, 196, 29, 0.5); } .badge-danger { color: #FFFFFF; background-color: #C42E22; } a.badge-danger:hover, a.badge-danger:focus { color: #FFFFFF; background-color: #99241a; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(196, 46, 34, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #FFFFFF; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #FFFFFF; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 544px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 5px; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #4c5c68; background-color: #e9eff4; border-color: #e1e9f0; } .alert-primary hr { border-top-color: #d0dde8; } .alert-primary .alert-link { color: #36424b; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #163900; background-color: #d4e2cc; border-color: #c3d6b8; } .alert-success hr { border-top-color: #b5cda8; } .alert-success .alert-link { color: #020600; } .alert-info { color: #0f3e6d; background-color: #d2e4f6; border-color: #bfd9f2; } .alert-info hr { border-top-color: #aaccee; } .alert-info .alert-link { color: #092540; } .alert-warning { color: #77660f; background-color: #faf3d2; border-color: #f7eec0; } .alert-warning hr { border-top-color: #f4e8a9; } .alert-warning .alert-link { color: #4a3f09; } .alert-danger { color: #661812; background-color: #f3d5d3; border-color: #eec4c1; } .alert-danger hr { border-top-color: #e9b1ad; } .alert-danger .alert-link { color: #3b0e0a; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 5px; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #FFFFFF; text-align: center; white-space: nowrap; background-color: #93b0c8; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #FFFFFF; } .list-group-item.active { z-index: 2; color: #FFFFFF; background-color: #93b0c8; border-color: #93b0c8; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; } @media (min-width: 544px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; } } @media (min-width: 769px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; } } @media (min-width: 1024px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; } } @media (min-width: 1440px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #4c5c68; background-color: #e1e9f0; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #4c5c68; background-color: #d0dde8; } .list-group-item-primary.list-group-item-action.active { color: #FFFFFF; background-color: #4c5c68; border-color: #4c5c68; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #FFFFFF; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #163900; background-color: #c3d6b8; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #163900; background-color: #b5cda8; } .list-group-item-success.list-group-item-action.active { color: #FFFFFF; background-color: #163900; border-color: #163900; } .list-group-item-info { color: #0f3e6d; background-color: #bfd9f2; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0f3e6d; background-color: #aaccee; } .list-group-item-info.list-group-item-action.active { color: #FFFFFF; background-color: #0f3e6d; border-color: #0f3e6d; } .list-group-item-warning { color: #77660f; background-color: #f7eec0; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #77660f; background-color: #f4e8a9; } .list-group-item-warning.list-group-item-action.active { color: #FFFFFF; background-color: #77660f; border-color: #77660f; } .list-group-item-danger { color: #661812; background-color: #eec4c1; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #661812; background-color: #e9b1ad; } .list-group-item-danger.list-group-item-action.active { color: #FFFFFF; background-color: #661812; border-color: #661812; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #FFFFFF; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #FFFFFF; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000000; text-shadow: 0 1px 0 #FFFFFF; opacity: .5; } .close:hover { color: #000000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 20px 20px 0; border-bottom: 1px solid #4B3A2D; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 20px 20px 0; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid transparent; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 544px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 1024px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1440px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8125rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000000; } .tooltip-inner { max-width: 180px; padding: 0.25rem 0.5rem; color: #FFFFFF; text-align: center; background-color: #000000; border-radius: 0; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 300px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8125rem; word-wrap: break-word; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid transparent; border-radius: 5px; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.05); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #FFFFFF; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.05); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #FFFFFF; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.05); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #FFFFFF; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.05); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #FFFFFF; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #FFFFFF; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #FFFFFF; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #FFFFFF; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #FFFFFF; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #93b0c8 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #7197b7 !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #2A6E00 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #173b00 !important; } .bg-info { background-color: #1C78D2 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #165ea5 !important; } .bg-warning { background-color: #e4c41d !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #b89e16 !important; } .bg-danger { background-color: #C42E22 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #99241a !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #FFFFFF !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #f4f4f4 !important; } .border-top { border-top: 1px solid #f4f4f4 !important; } .border-right { border-right: 1px solid #f4f4f4 !important; } .border-bottom { border-bottom: 1px solid #f4f4f4 !important; } .border-left { border-left: 1px solid #f4f4f4 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #93b0c8 !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #2A6E00 !important; } .border-info { border-color: #1C78D2 !important; } .border-warning { border-color: #e4c41d !important; } .border-danger { border-color: #C42E22 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #FFFFFF !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 5px !important; } .rounded-top { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } .rounded-right { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .rounded-bottom { border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; } .rounded-left { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 544px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 769px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 1024px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1440px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 769px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 1024px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1440px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 544px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 769px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 1024px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1440px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1030; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 4px !important; } .mt-1, .my-1 { margin-top: 4px !important; } .mr-1, .mx-1 { margin-right: 4px !important; } .mb-1, .my-1 { margin-bottom: 4px !important; } .ml-1, .mx-1 { margin-left: 4px !important; } .m-2 { margin: 8px !important; } .mt-2, .my-2 { margin-top: 8px !important; } .mr-2, .mx-2 { margin-right: 8px !important; } .mb-2, .my-2 { margin-bottom: 8px !important; } .ml-2, .mx-2 { margin-left: 8px !important; } .m-3 { margin: 16px !important; } .mt-3, .my-3 { margin-top: 16px !important; } .mr-3, .mx-3 { margin-right: 16px !important; } .mb-3, .my-3 { margin-bottom: 16px !important; } .ml-3, .mx-3 { margin-left: 16px !important; } .m-4 { margin: 24px !important; } .mt-4, .my-4 { margin-top: 24px !important; } .mr-4, .mx-4 { margin-right: 24px !important; } .mb-4, .my-4 { margin-bottom: 24px !important; } .ml-4, .mx-4 { margin-left: 24px !important; } .m-5 { margin: 48px !important; } .mt-5, .my-5 { margin-top: 48px !important; } .mr-5, .mx-5 { margin-right: 48px !important; } .mb-5, .my-5 { margin-bottom: 48px !important; } .ml-5, .mx-5 { margin-left: 48px !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 4px !important; } .pt-1, .py-1 { padding-top: 4px !important; } .pr-1, .px-1 { padding-right: 4px !important; } .pb-1, .py-1 { padding-bottom: 4px !important; } .pl-1, .px-1 { padding-left: 4px !important; } .p-2 { padding: 8px !important; } .pt-2, .py-2 { padding-top: 8px !important; } .pr-2, .px-2 { padding-right: 8px !important; } .pb-2, .py-2 { padding-bottom: 8px !important; } .pl-2, .px-2 { padding-left: 8px !important; } .p-3 { padding: 16px !important; } .pt-3, .py-3 { padding-top: 16px !important; } .pr-3, .px-3 { padding-right: 16px !important; } .pb-3, .py-3 { padding-bottom: 16px !important; } .pl-3, .px-3 { padding-left: 16px !important; } .p-4 { padding: 24px !important; } .pt-4, .py-4 { padding-top: 24px !important; } .pr-4, .px-4 { padding-right: 24px !important; } .pb-4, .py-4 { padding-bottom: 24px !important; } .pl-4, .px-4 { padding-left: 24px !important; } .p-5 { padding: 48px !important; } .pt-5, .py-5 { padding-top: 48px !important; } .pr-5, .px-5 { padding-right: 48px !important; } .pb-5, .py-5 { padding-bottom: 48px !important; } .pl-5, .px-5 { padding-left: 48px !important; } .m-n1 { margin: -4px !important; } .mt-n1, .my-n1 { margin-top: -4px !important; } .mr-n1, .mx-n1 { margin-right: -4px !important; } .mb-n1, .my-n1 { margin-bottom: -4px !important; } .ml-n1, .mx-n1 { margin-left: -4px !important; } .m-n2 { margin: -8px !important; } .mt-n2, .my-n2 { margin-top: -8px !important; } .mr-n2, .mx-n2 { margin-right: -8px !important; } .mb-n2, .my-n2 { margin-bottom: -8px !important; } .ml-n2, .mx-n2 { margin-left: -8px !important; } .m-n3 { margin: -16px !important; } .mt-n3, .my-n3 { margin-top: -16px !important; } .mr-n3, .mx-n3 { margin-right: -16px !important; } .mb-n3, .my-n3 { margin-bottom: -16px !important; } .ml-n3, .mx-n3 { margin-left: -16px !important; } .m-n4 { margin: -24px !important; } .mt-n4, .my-n4 { margin-top: -24px !important; } .mr-n4, .mx-n4 { margin-right: -24px !important; } .mb-n4, .my-n4 { margin-bottom: -24px !important; } .ml-n4, .mx-n4 { margin-left: -24px !important; } .m-n5 { margin: -48px !important; } .mt-n5, .my-n5 { margin-top: -48px !important; } .mr-n5, .mx-n5 { margin-right: -48px !important; } .mb-n5, .my-n5 { margin-bottom: -48px !important; } .ml-n5, .mx-n5 { margin-left: -48px !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 544px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 4px !important; } .mt-sm-1, .my-sm-1 { margin-top: 4px !important; } .mr-sm-1, .mx-sm-1 { margin-right: 4px !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 4px !important; } .ml-sm-1, .mx-sm-1 { margin-left: 4px !important; } .m-sm-2 { margin: 8px !important; } .mt-sm-2, .my-sm-2 { margin-top: 8px !important; } .mr-sm-2, .mx-sm-2 { margin-right: 8px !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 8px !important; } .ml-sm-2, .mx-sm-2 { margin-left: 8px !important; } .m-sm-3 { margin: 16px !important; } .mt-sm-3, .my-sm-3 { margin-top: 16px !important; } .mr-sm-3, .mx-sm-3 { margin-right: 16px !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 16px !important; } .ml-sm-3, .mx-sm-3 { margin-left: 16px !important; } .m-sm-4 { margin: 24px !important; } .mt-sm-4, .my-sm-4 { margin-top: 24px !important; } .mr-sm-4, .mx-sm-4 { margin-right: 24px !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 24px !important; } .ml-sm-4, .mx-sm-4 { margin-left: 24px !important; } .m-sm-5 { margin: 48px !important; } .mt-sm-5, .my-sm-5 { margin-top: 48px !important; } .mr-sm-5, .mx-sm-5 { margin-right: 48px !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 48px !important; } .ml-sm-5, .mx-sm-5 { margin-left: 48px !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 4px !important; } .pt-sm-1, .py-sm-1 { padding-top: 4px !important; } .pr-sm-1, .px-sm-1 { padding-right: 4px !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 4px !important; } .pl-sm-1, .px-sm-1 { padding-left: 4px !important; } .p-sm-2 { padding: 8px !important; } .pt-sm-2, .py-sm-2 { padding-top: 8px !important; } .pr-sm-2, .px-sm-2 { padding-right: 8px !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 8px !important; } .pl-sm-2, .px-sm-2 { padding-left: 8px !important; } .p-sm-3 { padding: 16px !important; } .pt-sm-3, .py-sm-3 { padding-top: 16px !important; } .pr-sm-3, .px-sm-3 { padding-right: 16px !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 16px !important; } .pl-sm-3, .px-sm-3 { padding-left: 16px !important; } .p-sm-4 { padding: 24px !important; } .pt-sm-4, .py-sm-4 { padding-top: 24px !important; } .pr-sm-4, .px-sm-4 { padding-right: 24px !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 24px !important; } .pl-sm-4, .px-sm-4 { padding-left: 24px !important; } .p-sm-5 { padding: 48px !important; } .pt-sm-5, .py-sm-5 { padding-top: 48px !important; } .pr-sm-5, .px-sm-5 { padding-right: 48px !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 48px !important; } .pl-sm-5, .px-sm-5 { padding-left: 48px !important; } .m-sm-n1 { margin: -4px !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -4px !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -4px !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -4px !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -4px !important; } .m-sm-n2 { margin: -8px !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -8px !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -8px !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -8px !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -8px !important; } .m-sm-n3 { margin: -16px !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -16px !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -16px !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -16px !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -16px !important; } .m-sm-n4 { margin: -24px !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -24px !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -24px !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -24px !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -24px !important; } .m-sm-n5 { margin: -48px !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -48px !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -48px !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -48px !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -48px !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 769px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 4px !important; } .mt-md-1, .my-md-1 { margin-top: 4px !important; } .mr-md-1, .mx-md-1 { margin-right: 4px !important; } .mb-md-1, .my-md-1 { margin-bottom: 4px !important; } .ml-md-1, .mx-md-1 { margin-left: 4px !important; } .m-md-2 { margin: 8px !important; } .mt-md-2, .my-md-2 { margin-top: 8px !important; } .mr-md-2, .mx-md-2 { margin-right: 8px !important; } .mb-md-2, .my-md-2 { margin-bottom: 8px !important; } .ml-md-2, .mx-md-2 { margin-left: 8px !important; } .m-md-3 { margin: 16px !important; } .mt-md-3, .my-md-3 { margin-top: 16px !important; } .mr-md-3, .mx-md-3 { margin-right: 16px !important; } .mb-md-3, .my-md-3 { margin-bottom: 16px !important; } .ml-md-3, .mx-md-3 { margin-left: 16px !important; } .m-md-4 { margin: 24px !important; } .mt-md-4, .my-md-4 { margin-top: 24px !important; } .mr-md-4, .mx-md-4 { margin-right: 24px !important; } .mb-md-4, .my-md-4 { margin-bottom: 24px !important; } .ml-md-4, .mx-md-4 { margin-left: 24px !important; } .m-md-5 { margin: 48px !important; } .mt-md-5, .my-md-5 { margin-top: 48px !important; } .mr-md-5, .mx-md-5 { margin-right: 48px !important; } .mb-md-5, .my-md-5 { margin-bottom: 48px !important; } .ml-md-5, .mx-md-5 { margin-left: 48px !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 4px !important; } .pt-md-1, .py-md-1 { padding-top: 4px !important; } .pr-md-1, .px-md-1 { padding-right: 4px !important; } .pb-md-1, .py-md-1 { padding-bottom: 4px !important; } .pl-md-1, .px-md-1 { padding-left: 4px !important; } .p-md-2 { padding: 8px !important; } .pt-md-2, .py-md-2 { padding-top: 8px !important; } .pr-md-2, .px-md-2 { padding-right: 8px !important; } .pb-md-2, .py-md-2 { padding-bottom: 8px !important; } .pl-md-2, .px-md-2 { padding-left: 8px !important; } .p-md-3 { padding: 16px !important; } .pt-md-3, .py-md-3 { padding-top: 16px !important; } .pr-md-3, .px-md-3 { padding-right: 16px !important; } .pb-md-3, .py-md-3 { padding-bottom: 16px !important; } .pl-md-3, .px-md-3 { padding-left: 16px !important; } .p-md-4 { padding: 24px !important; } .pt-md-4, .py-md-4 { padding-top: 24px !important; } .pr-md-4, .px-md-4 { padding-right: 24px !important; } .pb-md-4, .py-md-4 { padding-bottom: 24px !important; } .pl-md-4, .px-md-4 { padding-left: 24px !important; } .p-md-5 { padding: 48px !important; } .pt-md-5, .py-md-5 { padding-top: 48px !important; } .pr-md-5, .px-md-5 { padding-right: 48px !important; } .pb-md-5, .py-md-5 { padding-bottom: 48px !important; } .pl-md-5, .px-md-5 { padding-left: 48px !important; } .m-md-n1 { margin: -4px !important; } .mt-md-n1, .my-md-n1 { margin-top: -4px !important; } .mr-md-n1, .mx-md-n1 { margin-right: -4px !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -4px !important; } .ml-md-n1, .mx-md-n1 { margin-left: -4px !important; } .m-md-n2 { margin: -8px !important; } .mt-md-n2, .my-md-n2 { margin-top: -8px !important; } .mr-md-n2, .mx-md-n2 { margin-right: -8px !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -8px !important; } .ml-md-n2, .mx-md-n2 { margin-left: -8px !important; } .m-md-n3 { margin: -16px !important; } .mt-md-n3, .my-md-n3 { margin-top: -16px !important; } .mr-md-n3, .mx-md-n3 { margin-right: -16px !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -16px !important; } .ml-md-n3, .mx-md-n3 { margin-left: -16px !important; } .m-md-n4 { margin: -24px !important; } .mt-md-n4, .my-md-n4 { margin-top: -24px !important; } .mr-md-n4, .mx-md-n4 { margin-right: -24px !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -24px !important; } .ml-md-n4, .mx-md-n4 { margin-left: -24px !important; } .m-md-n5 { margin: -48px !important; } .mt-md-n5, .my-md-n5 { margin-top: -48px !important; } .mr-md-n5, .mx-md-n5 { margin-right: -48px !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -48px !important; } .ml-md-n5, .mx-md-n5 { margin-left: -48px !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1024px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 4px !important; } .mt-lg-1, .my-lg-1 { margin-top: 4px !important; } .mr-lg-1, .mx-lg-1 { margin-right: 4px !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 4px !important; } .ml-lg-1, .mx-lg-1 { margin-left: 4px !important; } .m-lg-2 { margin: 8px !important; } .mt-lg-2, .my-lg-2 { margin-top: 8px !important; } .mr-lg-2, .mx-lg-2 { margin-right: 8px !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 8px !important; } .ml-lg-2, .mx-lg-2 { margin-left: 8px !important; } .m-lg-3 { margin: 16px !important; } .mt-lg-3, .my-lg-3 { margin-top: 16px !important; } .mr-lg-3, .mx-lg-3 { margin-right: 16px !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 16px !important; } .ml-lg-3, .mx-lg-3 { margin-left: 16px !important; } .m-lg-4 { margin: 24px !important; } .mt-lg-4, .my-lg-4 { margin-top: 24px !important; } .mr-lg-4, .mx-lg-4 { margin-right: 24px !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 24px !important; } .ml-lg-4, .mx-lg-4 { margin-left: 24px !important; } .m-lg-5 { margin: 48px !important; } .mt-lg-5, .my-lg-5 { margin-top: 48px !important; } .mr-lg-5, .mx-lg-5 { margin-right: 48px !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 48px !important; } .ml-lg-5, .mx-lg-5 { margin-left: 48px !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 4px !important; } .pt-lg-1, .py-lg-1 { padding-top: 4px !important; } .pr-lg-1, .px-lg-1 { padding-right: 4px !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 4px !important; } .pl-lg-1, .px-lg-1 { padding-left: 4px !important; } .p-lg-2 { padding: 8px !important; } .pt-lg-2, .py-lg-2 { padding-top: 8px !important; } .pr-lg-2, .px-lg-2 { padding-right: 8px !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 8px !important; } .pl-lg-2, .px-lg-2 { padding-left: 8px !important; } .p-lg-3 { padding: 16px !important; } .pt-lg-3, .py-lg-3 { padding-top: 16px !important; } .pr-lg-3, .px-lg-3 { padding-right: 16px !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 16px !important; } .pl-lg-3, .px-lg-3 { padding-left: 16px !important; } .p-lg-4 { padding: 24px !important; } .pt-lg-4, .py-lg-4 { padding-top: 24px !important; } .pr-lg-4, .px-lg-4 { padding-right: 24px !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 24px !important; } .pl-lg-4, .px-lg-4 { padding-left: 24px !important; } .p-lg-5 { padding: 48px !important; } .pt-lg-5, .py-lg-5 { padding-top: 48px !important; } .pr-lg-5, .px-lg-5 { padding-right: 48px !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 48px !important; } .pl-lg-5, .px-lg-5 { padding-left: 48px !important; } .m-lg-n1 { margin: -4px !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -4px !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -4px !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -4px !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -4px !important; } .m-lg-n2 { margin: -8px !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -8px !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -8px !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -8px !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -8px !important; } .m-lg-n3 { margin: -16px !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -16px !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -16px !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -16px !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -16px !important; } .m-lg-n4 { margin: -24px !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -24px !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -24px !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -24px !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -24px !important; } .m-lg-n5 { margin: -48px !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -48px !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -48px !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -48px !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -48px !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1440px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 4px !important; } .mt-xl-1, .my-xl-1 { margin-top: 4px !important; } .mr-xl-1, .mx-xl-1 { margin-right: 4px !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 4px !important; } .ml-xl-1, .mx-xl-1 { margin-left: 4px !important; } .m-xl-2 { margin: 8px !important; } .mt-xl-2, .my-xl-2 { margin-top: 8px !important; } .mr-xl-2, .mx-xl-2 { margin-right: 8px !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 8px !important; } .ml-xl-2, .mx-xl-2 { margin-left: 8px !important; } .m-xl-3 { margin: 16px !important; } .mt-xl-3, .my-xl-3 { margin-top: 16px !important; } .mr-xl-3, .mx-xl-3 { margin-right: 16px !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 16px !important; } .ml-xl-3, .mx-xl-3 { margin-left: 16px !important; } .m-xl-4 { margin: 24px !important; } .mt-xl-4, .my-xl-4 { margin-top: 24px !important; } .mr-xl-4, .mx-xl-4 { margin-right: 24px !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 24px !important; } .ml-xl-4, .mx-xl-4 { margin-left: 24px !important; } .m-xl-5 { margin: 48px !important; } .mt-xl-5, .my-xl-5 { margin-top: 48px !important; } .mr-xl-5, .mx-xl-5 { margin-right: 48px !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 48px !important; } .ml-xl-5, .mx-xl-5 { margin-left: 48px !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 4px !important; } .pt-xl-1, .py-xl-1 { padding-top: 4px !important; } .pr-xl-1, .px-xl-1 { padding-right: 4px !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 4px !important; } .pl-xl-1, .px-xl-1 { padding-left: 4px !important; } .p-xl-2 { padding: 8px !important; } .pt-xl-2, .py-xl-2 { padding-top: 8px !important; } .pr-xl-2, .px-xl-2 { padding-right: 8px !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 8px !important; } .pl-xl-2, .px-xl-2 { padding-left: 8px !important; } .p-xl-3 { padding: 16px !important; } .pt-xl-3, .py-xl-3 { padding-top: 16px !important; } .pr-xl-3, .px-xl-3 { padding-right: 16px !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 16px !important; } .pl-xl-3, .px-xl-3 { padding-left: 16px !important; } .p-xl-4 { padding: 24px !important; } .pt-xl-4, .py-xl-4 { padding-top: 24px !important; } .pr-xl-4, .px-xl-4 { padding-right: 24px !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 24px !important; } .pl-xl-4, .px-xl-4 { padding-left: 24px !important; } .p-xl-5 { padding: 48px !important; } .pt-xl-5, .py-xl-5 { padding-top: 48px !important; } .pr-xl-5, .px-xl-5 { padding-right: 48px !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 48px !important; } .pl-xl-5, .px-xl-5 { padding-left: 48px !important; } .m-xl-n1 { margin: -4px !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -4px !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -4px !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -4px !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -4px !important; } .m-xl-n2 { margin: -8px !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -8px !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -8px !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -8px !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -8px !important; } .m-xl-n3 { margin: -16px !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -16px !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -16px !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -16px !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -16px !important; } .m-xl-n4 { margin: -24px !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -24px !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -24px !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -24px !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -24px !important; } .m-xl-n5 { margin: -48px !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -48px !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -48px !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -48px !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -48px !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 544px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 769px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 1024px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1440px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #FFFFFF !important; } .text-primary { color: #93b0c8 !important; } a.text-primary:hover, a.text-primary:focus { color: #608bae !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #2A6E00 !important; } a.text-success:hover, a.text-success:focus { color: #0d2200 !important; } .text-info { color: #1C78D2 !important; } a.text-info:hover, a.text-info:focus { color: #13518f !important; } .text-warning { color: #e4c41d !important; } a.text-warning:hover, a.text-warning:focus { color: #a18a13 !important; } .text-danger { color: #C42E22 !important; } a.text-danger:hover, a.text-danger:focus { color: #831f17 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 1024px !important; } .container { min-width: 1024px !important; } .navbar { display: none; } .badge { border: 1px solid #000000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #FFFFFF !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #f4f4f4; } .table .thead-dark th { color: inherit; border-color: #f4f4f4; } } dt { color: #495057; font-weight: normal; } a { color: inherit; } a:hover { color: inherit; } i { font-style: normal; display: inline-block; } button { background: transparent; border: none; padding: 0; letter-spacing: inherit; } ul { padding-left: 16px; } figure { margin: 0; } .modal-footer > :not(:first-child) { margin-left: 0; } .modal-footer > :not(:last-child) { margin-right: 0; } .tooltip { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; } .text-muted { color: #989797 !important; } .row:not(.no-gutters) { margin-right: -16px; margin-left: -16px; } .row:not(.no-gutters) > .col, .row:not(.no-gutters) > [class*="col-"] { padding-right: 16px; padding-left: 16px; } @media (min-width: 769px) { .row:not(.no-gutters) { margin-right: -16px; margin-left: -16px; } .row:not(.no-gutters) > .col, .row:not(.no-gutters) > [class*="col-"] { padding-right: 16px; padding-left: 16px; } } @media (min-width: 1440px) { .row:not(.no-gutters) { margin-right: -24px; margin-left: -24px; } .row:not(.no-gutters) > .col, .row:not(.no-gutters) > [class*="col-"] { padding-right: 24px; padding-left: 24px; } } .container { padding-right: 16px; padding-left: 16px; } @media (min-width: 769px) { .container { padding-right: 16px; padding-left: 16px; } } @media (min-width: 1440px) { .container { padding-right: 24px; padding-left: 24px; } } .container-fluid { padding-right: 16px; padding-left: 16px; } @media (min-width: 769px) { .container-fluid { padding-right: 16px; padding-left: 16px; } } @media (min-width: 1440px) { .container-fluid { padding-right: 24px; padding-left: 24px; } } :focus, button:focus { outline: 2px solid #989797; } :focus:not(.focus-visible) { outline: none; } .tns-outer { padding: 0 !important; } .tns-outer [hidden] { display: none !important; } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; } .tns-slider { transition: all 0s; } .tns-slider > .tns-item { box-sizing: border-box; } .tns-horizontal.tns-subpixel { white-space: nowrap; } .tns-horizontal.tns-subpixel > .tns-item { display: inline-block; vertical-align: top; white-space: normal; } .tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both; } .tns-horizontal.tns-no-subpixel > .tns-item { float: left; } .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { margin-right: -100%; } .tns-no-calc { position: relative; left: 0; } .tns-gallery { position: relative; left: 0; min-height: 1px; } .tns-gallery > .tns-item { position: absolute; left: -100%; transition: transform 0s, opacity 0s; } .tns-gallery > .tns-slide-active { position: relative; left: auto !important; } .tns-gallery > .tns-moving { transition: all 0.25s; } .tns-autowidth { display: inline-block; } .tns-lazy-img { transition: opacity 0.6s; opacity: 0.6; } .tns-lazy-img.tns-complete { opacity: 1; } .tns-ah { transition: height 0s; } .tns-ovh { overflow: hidden; } .tns-visually-hidden { position: absolute; left: -10000em; } .tns-transparent { opacity: 0; visibility: hidden; } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; } .tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; } .tns-vpfix { white-space: nowrap; } .tns-vpfix > div, .tns-vpfix > li { display: inline-block; } .tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden; } .tns-t-ct { width: calc(100% * 70 / 3); position: absolute; right: 0; } .tns-t-ct:after { content: ''; display: table; clear: both; } .tns-t-ct > div { width: calc(100% / 70); height: 10px; float: left; } .product-detail .quantity-stepper { height: 44px; width: calc(100% - 10px); } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-in-long { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-long { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes scale-in-center-long { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes scale-in-center-long { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes hinge-drop-long { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @keyframes hinge-drop-long { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-top-long { 0% { transform: rotateX(60deg) translateY(-120px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @keyframes flip-in-hor-top-long { 0% { transform: rotateX(60deg) translateY(-120px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-bottom-long { 0% { transform: rotateX(-60deg) translateY(120px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @keyframes flip-in-hor-bottom-long { 0% { transform: rotateX(-60deg) translateY(120px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @-webkit-keyframes slide-in-top-long { 0% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-top-long { 0% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slide-in-left-long { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-left-long { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-right-long { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-right-long { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-bottom-long { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom-long { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes fade-in-medium { 0% { opacity: 0.33; } 100% { opacity: 1; } } @keyframes fade-in-medium { 0% { opacity: 0.33; } 100% { opacity: 1; } } @-webkit-keyframes scale-in-center-medium { 0% { transform: scale(0.33); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes scale-in-center-medium { 0% { transform: scale(0.33); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes hinge-drop-medium { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @keyframes hinge-drop-medium { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-top-medium { 0% { transform: rotateX(60deg) translateY(-80px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @keyframes flip-in-hor-top-medium { 0% { transform: rotateX(60deg) translateY(-80px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-bottom-medium { 0% { transform: rotateX(-60deg) translateY(80px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @keyframes flip-in-hor-bottom-medium { 0% { transform: rotateX(-60deg) translateY(80px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @-webkit-keyframes slide-in-top-medium { 0% { transform: translateY(-66%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-top-medium { 0% { transform: translateY(-66%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slide-in-left-medium { 0% { transform: translateX(-66%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-left-medium { 0% { transform: translateX(-66%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-right-medium { 0% { transform: translateX(66%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-right-medium { 0% { transform: translateX(66%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-bottom-medium { 0% { transform: translateY(66%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom-medium { 0% { transform: translateY(66%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes fade-in-short { 0% { opacity: 0.66; } 100% { opacity: 1; } } @keyframes fade-in-short { 0% { opacity: 0.66; } 100% { opacity: 1; } } @-webkit-keyframes scale-in-center-short { 0% { transform: scale(0.66); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes scale-in-center-short { 0% { transform: scale(0.66); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes hinge-drop-short { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @keyframes hinge-drop-short { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-top-short { 0% { transform: rotateX(60deg) translateY(-40px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @keyframes flip-in-hor-top-short { 0% { transform: rotateX(60deg) translateY(-40px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-bottom-short { 0% { transform: rotateX(-60deg) translateY(40px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @keyframes flip-in-hor-bottom-short { 0% { transform: rotateX(-60deg) translateY(40px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @-webkit-keyframes slide-in-top-short { 0% { transform: translateY(-33%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-top-short { 0% { transform: translateY(-33%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slide-in-left-short { 0% { transform: translateX(-33%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-left-short { 0% { transform: translateX(-33%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-right-short { 0% { transform: translateX(33%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-right-short { 0% { transform: translateX(33%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-bottom-short { 0% { transform: translateY(33%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom-short { 0% { transform: translateY(33%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @keyframes slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @-webkit-keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .swatch-circle-beige { width: 20px; height: 20px; background-color: #ece3da; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-black { width: 20px; height: 20px; background-color: #000000; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-blue { width: 20px; height: 20px; background-color: #93b0c8; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-brown { width: 20px; height: 20px; background-color: #a52a2a; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-green { width: 20px; height: 20px; background-color: #2A6E00; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-grey { width: 20px; height: 20px; background-color: #8f979d; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-navy { width: 20px; height: 20px; background-color: #000080; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-orange { width: 20px; height: 20px; background-color: #ff980b; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-pink { width: 20px; height: 20px; background-color: #fe249a; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-purple { width: 20px; height: 20px; background-color: #800080; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-red { width: 20px; height: 20px; background-color: #f00; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-white { width: 20px; height: 20px; background-color: #FFFFFF; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-yellow { width: 20px; height: 20px; background-color: #ff0; border-radius: 50%; display: inline-block; position: relative; } .swatch-circle-miscellaneous { background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 1px solid #f4f4f4; border-radius: 50%; display: inline-block; height: 20px; width: 20px; position: relative; transform: rotate(35deg); } .swatch-circle-miscellaneous.swatch-mark.color-value.selected::after { transform: translate(50%, -50%) rotate(-35deg); } .swatch-circle-white:not(.swatch-thumbnail), .swatch[data-displayvalue="Sugar"]:not(.swatch-thumbnail), .swatch[data-displayvalue="White"]:not(.swatch-thumbnail) { border: 1px solid #f4f4f4; } .text--blue { color: #93b0c8 !important; } .text--indigo { color: #6610f2 !important; } .text--purple { color: #6f42c1 !important; } .text--pink { color: #e83e8c !important; } .text--red { color: #AD2E24 !important; } .text--orange { color: #ff980b !important; } .text--yellow { color: #e4c41d !important; } .text--green { color: #2A6E00 !important; } .text--teal { color: #20c997 !important; } .text--cyan { color: #17a2b8 !important; } .text--white { color: #FFFFFF !important; } .text--gray { color: #6c757d !important; } .text--gray-dark { color: #343a40 !important; } .text--brand-primary { color: #4B3A2D !important; } .text--brand-secondary { color: #333131 !important; } .text--brand-tertiary { color: #AD2E24 !important; } .text--white { color: #FFFFFF !important; } .text--off-white { color: #fcfbfa !important; } .text--light-gray { color: #f4f4f4 !important; } .text--gray { color: #e6e6e6 !important; } .text--dark-gray { color: #989797 !important; } .text--darker-gray { color: #636466 !important; } .text--black { color: #000000 !important; } .text--green { color: #2A6E00 !important; } .text--red { color: #AD2E24 !important; } .text--yellow { color: #e4c41d !important; } .text--success { color: #2A6E00 !important; } .text--danger { color: #C42E22 !important; } .text--error { color: #C42E22 !important; } .text--warning { color: #e4c41d !important; } .text--info { color: #1C78D2 !important; } .text--gold { color: #b69f5c !important; } .text--orange { color: #ff980b !important; } .text--dark-blue { color: #53698a !important; } .text--blue { color: #93b0c8 !important; } .text--light-blue { color: #93b0c833 !important; } .text--greige { color: #cfc7c1 !important; } .text--beige { color: #ece3da !important; } .text--light-beige { color: #ece3da80 !important; } .text--accent-blue { color: #28486a !important; } .text--accent-light-blue { color: #93B0C825 !important; } .text--outlet-badge { color: #ea842a !important; } @media (min-width: 769px) { .text--md--blue { color: #93b0c8 !important; } .text--md--indigo { color: #6610f2 !important; } .text--md--purple { color: #6f42c1 !important; } .text--md--pink { color: #e83e8c !important; } .text--md--red { color: #AD2E24 !important; } .text--md--orange { color: #ff980b !important; } .text--md--yellow { color: #e4c41d !important; } .text--md--green { color: #2A6E00 !important; } .text--md--teal { color: #20c997 !important; } .text--md--cyan { color: #17a2b8 !important; } .text--md--white { color: #FFFFFF !important; } .text--md--gray { color: #6c757d !important; } .text--md--gray-dark { color: #343a40 !important; } .text--md--brand-primary { color: #4B3A2D !important; } .text--md--brand-secondary { color: #333131 !important; } .text--md--brand-tertiary { color: #AD2E24 !important; } .text--md--white { color: #FFFFFF !important; } .text--md--off-white { color: #fcfbfa !important; } .text--md--light-gray { color: #f4f4f4 !important; } .text--md--gray { color: #e6e6e6 !important; } .text--md--dark-gray { color: #989797 !important; } .text--md--darker-gray { color: #636466 !important; } .text--md--black { color: #000000 !important; } .text--md--green { color: #2A6E00 !important; } .text--md--red { color: #AD2E24 !important; } .text--md--yellow { color: #e4c41d !important; } .text--md--success { color: #2A6E00 !important; } .text--md--danger { color: #C42E22 !important; } .text--md--error { color: #C42E22 !important; } .text--md--warning { color: #e4c41d !important; } .text--md--info { color: #1C78D2 !important; } .text--md--gold { color: #b69f5c !important; } .text--md--orange { color: #ff980b !important; } .text--md--dark-blue { color: #53698a !important; } .text--md--blue { color: #93b0c8 !important; } .text--md--light-blue { color: #93b0c833 !important; } .text--md--greige { color: #cfc7c1 !important; } .text--md--beige { color: #ece3da !important; } .text--md--light-beige { color: #ece3da80 !important; } .text--md--accent-blue { color: #28486a !important; } .text--md--accent-light-blue { color: #93B0C825 !important; } .text--md--outlet-badge { color: #ea842a !important; } } @media (min-width: 1024px) { .text--lg--blue { color: #93b0c8 !important; } .text--lg--indigo { color: #6610f2 !important; } .text--lg--purple { color: #6f42c1 !important; } .text--lg--pink { color: #e83e8c !important; } .text--lg--red { color: #AD2E24 !important; } .text--lg--orange { color: #ff980b !important; } .text--lg--yellow { color: #e4c41d !important; } .text--lg--green { color: #2A6E00 !important; } .text--lg--teal { color: #20c997 !important; } .text--lg--cyan { color: #17a2b8 !important; } .text--lg--white { color: #FFFFFF !important; } .text--lg--gray { color: #6c757d !important; } .text--lg--gray-dark { color: #343a40 !important; } .text--lg--brand-primary { color: #4B3A2D !important; } .text--lg--brand-secondary { color: #333131 !important; } .text--lg--brand-tertiary { color: #AD2E24 !important; } .text--lg--white { color: #FFFFFF !important; } .text--lg--off-white { color: #fcfbfa !important; } .text--lg--light-gray { color: #f4f4f4 !important; } .text--lg--gray { color: #e6e6e6 !important; } .text--lg--dark-gray { color: #989797 !important; } .text--lg--darker-gray { color: #636466 !important; } .text--lg--black { color: #000000 !important; } .text--lg--green { color: #2A6E00 !important; } .text--lg--red { color: #AD2E24 !important; } .text--lg--yellow { color: #e4c41d !important; } .text--lg--success { color: #2A6E00 !important; } .text--lg--danger { color: #C42E22 !important; } .text--lg--error { color: #C42E22 !important; } .text--lg--warning { color: #e4c41d !important; } .text--lg--info { color: #1C78D2 !important; } .text--lg--gold { color: #b69f5c !important; } .text--lg--orange { color: #ff980b !important; } .text--lg--dark-blue { color: #53698a !important; } .text--lg--blue { color: #93b0c8 !important; } .text--lg--light-blue { color: #93b0c833 !important; } .text--lg--greige { color: #cfc7c1 !important; } .text--lg--beige { color: #ece3da !important; } .text--lg--light-beige { color: #ece3da80 !important; } .text--lg--accent-blue { color: #28486a !important; } .text--lg--accent-light-blue { color: #93B0C825 !important; } .text--lg--outlet-badge { color: #ea842a !important; } } .background--blue { background-color: #93b0c8 !important; } .background--indigo { background-color: #6610f2 !important; } .background--purple { background-color: #6f42c1 !important; } .background--pink { background-color: #e83e8c !important; } .background--red { background-color: #AD2E24 !important; } .background--orange { background-color: #ff980b !important; } .background--yellow { background-color: #e4c41d !important; } .background--green { background-color: #2A6E00 !important; } .background--teal { background-color: #20c997 !important; } .background--cyan { background-color: #17a2b8 !important; } .background--white { background-color: #FFFFFF !important; } .background--gray { background-color: #6c757d !important; } .background--gray-dark { background-color: #343a40 !important; } .background--brand-primary { background-color: #4B3A2D !important; } .background--brand-secondary { background-color: #333131 !important; } .background--brand-tertiary { background-color: #AD2E24 !important; } .background--white { background-color: #FFFFFF !important; } .background--off-white { background-color: #fcfbfa !important; } .background--light-gray { background-color: #f4f4f4 !important; } .background--gray { background-color: #e6e6e6 !important; } .background--dark-gray { background-color: #989797 !important; } .background--darker-gray { background-color: #636466 !important; } .background--black { background-color: #000000 !important; } .background--green { background-color: #2A6E00 !important; } .background--red { background-color: #AD2E24 !important; } .background--yellow { background-color: #e4c41d !important; } .background--success { background-color: #2A6E00 !important; } .background--danger { background-color: #C42E22 !important; } .background--error { background-color: #C42E22 !important; } .background--warning { background-color: #e4c41d !important; } .background--info { background-color: #1C78D2 !important; } .background--gold { background-color: #b69f5c !important; } .background--orange { background-color: #ff980b !important; } .background--dark-blue { background-color: #53698a !important; } .background--blue { background-color: #93b0c8 !important; } .background--light-blue { background-color: #93b0c833 !important; } .background--greige { background-color: #cfc7c1 !important; } .background--beige { background-color: #ece3da !important; } .background--light-beige { background-color: #ece3da80 !important; } .background--accent-blue { background-color: #28486a !important; } .background--accent-light-blue { background-color: #93B0C825 !important; } .background--outlet-badge { background-color: #ea842a !important; } @media (min-width: 769px) { .background--md--blue { background-color: #93b0c8 !important; } .background--md--indigo { background-color: #6610f2 !important; } .background--md--purple { background-color: #6f42c1 !important; } .background--md--pink { background-color: #e83e8c !important; } .background--md--red { background-color: #AD2E24 !important; } .background--md--orange { background-color: #ff980b !important; } .background--md--yellow { background-color: #e4c41d !important; } .background--md--green { background-color: #2A6E00 !important; } .background--md--teal { background-color: #20c997 !important; } .background--md--cyan { background-color: #17a2b8 !important; } .background--md--white { background-color: #FFFFFF !important; } .background--md--gray { background-color: #6c757d !important; } .background--md--gray-dark { background-color: #343a40 !important; } .background--md--brand-primary { background-color: #4B3A2D !important; } .background--md--brand-secondary { background-color: #333131 !important; } .background--md--brand-tertiary { background-color: #AD2E24 !important; } .background--md--white { background-color: #FFFFFF !important; } .background--md--off-white { background-color: #fcfbfa !important; } .background--md--light-gray { background-color: #f4f4f4 !important; } .background--md--gray { background-color: #e6e6e6 !important; } .background--md--dark-gray { background-color: #989797 !important; } .background--md--darker-gray { background-color: #636466 !important; } .background--md--black { background-color: #000000 !important; } .background--md--green { background-color: #2A6E00 !important; } .background--md--red { background-color: #AD2E24 !important; } .background--md--yellow { background-color: #e4c41d !important; } .background--md--success { background-color: #2A6E00 !important; } .background--md--danger { background-color: #C42E22 !important; } .background--md--error { background-color: #C42E22 !important; } .background--md--warning { background-color: #e4c41d !important; } .background--md--info { background-color: #1C78D2 !important; } .background--md--gold { background-color: #b69f5c !important; } .background--md--orange { background-color: #ff980b !important; } .background--md--dark-blue { background-color: #53698a !important; } .background--md--blue { background-color: #93b0c8 !important; } .background--md--light-blue { background-color: #93b0c833 !important; } .background--md--greige { background-color: #cfc7c1 !important; } .background--md--beige { background-color: #ece3da !important; } .background--md--light-beige { background-color: #ece3da80 !important; } .background--md--accent-blue { background-color: #28486a !important; } .background--md--accent-light-blue { background-color: #93B0C825 !important; } .background--md--outlet-badge { background-color: #ea842a !important; } } @media (min-width: 1024px) { .background--lg--blue { background-color: #93b0c8 !important; } .background--lg--indigo { background-color: #6610f2 !important; } .background--lg--purple { background-color: #6f42c1 !important; } .background--lg--pink { background-color: #e83e8c !important; } .background--lg--red { background-color: #AD2E24 !important; } .background--lg--orange { background-color: #ff980b !important; } .background--lg--yellow { background-color: #e4c41d !important; } .background--lg--green { background-color: #2A6E00 !important; } .background--lg--teal { background-color: #20c997 !important; } .background--lg--cyan { background-color: #17a2b8 !important; } .background--lg--white { background-color: #FFFFFF !important; } .background--lg--gray { background-color: #6c757d !important; } .background--lg--gray-dark { background-color: #343a40 !important; } .background--lg--brand-primary { background-color: #4B3A2D !important; } .background--lg--brand-secondary { background-color: #333131 !important; } .background--lg--brand-tertiary { background-color: #AD2E24 !important; } .background--lg--white { background-color: #FFFFFF !important; } .background--lg--off-white { background-color: #fcfbfa !important; } .background--lg--light-gray { background-color: #f4f4f4 !important; } .background--lg--gray { background-color: #e6e6e6 !important; } .background--lg--dark-gray { background-color: #989797 !important; } .background--lg--darker-gray { background-color: #636466 !important; } .background--lg--black { background-color: #000000 !important; } .background--lg--green { background-color: #2A6E00 !important; } .background--lg--red { background-color: #AD2E24 !important; } .background--lg--yellow { background-color: #e4c41d !important; } .background--lg--success { background-color: #2A6E00 !important; } .background--lg--danger { background-color: #C42E22 !important; } .background--lg--error { background-color: #C42E22 !important; } .background--lg--warning { background-color: #e4c41d !important; } .background--lg--info { background-color: #1C78D2 !important; } .background--lg--gold { background-color: #b69f5c !important; } .background--lg--orange { background-color: #ff980b !important; } .background--lg--dark-blue { background-color: #53698a !important; } .background--lg--blue { background-color: #93b0c8 !important; } .background--lg--light-blue { background-color: #93b0c833 !important; } .background--lg--greige { background-color: #cfc7c1 !important; } .background--lg--beige { background-color: #ece3da !important; } .background--lg--light-beige { background-color: #ece3da80 !important; } .background--lg--accent-blue { background-color: #28486a !important; } .background--lg--accent-light-blue { background-color: #93B0C825 !important; } .background--lg--outlet-badge { background-color: #ea842a !important; } } .border--blue { border-color: #93b0c8 !important; } .border--indigo { border-color: #6610f2 !important; } .border--purple { border-color: #6f42c1 !important; } .border--pink { border-color: #e83e8c !important; } .border--red { border-color: #AD2E24 !important; } .border--orange { border-color: #ff980b !important; } .border--yellow { border-color: #e4c41d !important; } .border--green { border-color: #2A6E00 !important; } .border--teal { border-color: #20c997 !important; } .border--cyan { border-color: #17a2b8 !important; } .border--white { border-color: #FFFFFF !important; } .border--gray { border-color: #6c757d !important; } .border--gray-dark { border-color: #343a40 !important; } .border--brand-primary { border-color: #4B3A2D !important; } .border--brand-secondary { border-color: #333131 !important; } .border--brand-tertiary { border-color: #AD2E24 !important; } .border--white { border-color: #FFFFFF !important; } .border--off-white { border-color: #fcfbfa !important; } .border--light-gray { border-color: #f4f4f4 !important; } .border--gray { border-color: #e6e6e6 !important; } .border--dark-gray { border-color: #989797 !important; } .border--darker-gray { border-color: #636466 !important; } .border--black { border-color: #000000 !important; } .border--green { border-color: #2A6E00 !important; } .border--red { border-color: #AD2E24 !important; } .border--yellow { border-color: #e4c41d !important; } .border--success { border-color: #2A6E00 !important; } .border--danger { border-color: #C42E22 !important; } .border--error { border-color: #C42E22 !important; } .border--warning { border-color: #e4c41d !important; } .border--info { border-color: #1C78D2 !important; } .border--gold { border-color: #b69f5c !important; } .border--orange { border-color: #ff980b !important; } .border--dark-blue { border-color: #53698a !important; } .border--blue { border-color: #93b0c8 !important; } .border--light-blue { border-color: #93b0c833 !important; } .border--greige { border-color: #cfc7c1 !important; } .border--beige { border-color: #ece3da !important; } .border--light-beige { border-color: #ece3da80 !important; } .border--accent-blue { border-color: #28486a !important; } .border--accent-light-blue { border-color: #93B0C825 !important; } .border--outlet-badge { border-color: #ea842a !important; } @media (min-width: 769px) { .border--md--blue { border-color: #93b0c8 !important; } .border--md--indigo { border-color: #6610f2 !important; } .border--md--purple { border-color: #6f42c1 !important; } .border--md--pink { border-color: #e83e8c !important; } .border--md--red { border-color: #AD2E24 !important; } .border--md--orange { border-color: #ff980b !important; } .border--md--yellow { border-color: #e4c41d !important; } .border--md--green { border-color: #2A6E00 !important; } .border--md--teal { border-color: #20c997 !important; } .border--md--cyan { border-color: #17a2b8 !important; } .border--md--white { border-color: #FFFFFF !important; } .border--md--gray { border-color: #6c757d !important; } .border--md--gray-dark { border-color: #343a40 !important; } .border--md--brand-primary { border-color: #4B3A2D !important; } .border--md--brand-secondary { border-color: #333131 !important; } .border--md--brand-tertiary { border-color: #AD2E24 !important; } .border--md--white { border-color: #FFFFFF !important; } .border--md--off-white { border-color: #fcfbfa !important; } .border--md--light-gray { border-color: #f4f4f4 !important; } .border--md--gray { border-color: #e6e6e6 !important; } .border--md--dark-gray { border-color: #989797 !important; } .border--md--darker-gray { border-color: #636466 !important; } .border--md--black { border-color: #000000 !important; } .border--md--green { border-color: #2A6E00 !important; } .border--md--red { border-color: #AD2E24 !important; } .border--md--yellow { border-color: #e4c41d !important; } .border--md--success { border-color: #2A6E00 !important; } .border--md--danger { border-color: #C42E22 !important; } .border--md--error { border-color: #C42E22 !important; } .border--md--warning { border-color: #e4c41d !important; } .border--md--info { border-color: #1C78D2 !important; } .border--md--gold { border-color: #b69f5c !important; } .border--md--orange { border-color: #ff980b !important; } .border--md--dark-blue { border-color: #53698a !important; } .border--md--blue { border-color: #93b0c8 !important; } .border--md--light-blue { border-color: #93b0c833 !important; } .border--md--greige { border-color: #cfc7c1 !important; } .border--md--beige { border-color: #ece3da !important; } .border--md--light-beige { border-color: #ece3da80 !important; } .border--md--accent-blue { border-color: #28486a !important; } .border--md--accent-light-blue { border-color: #93B0C825 !important; } .border--md--outlet-badge { border-color: #ea842a !important; } } @media (min-width: 1024px) { .border--lg--blue { border-color: #93b0c8 !important; } .border--lg--indigo { border-color: #6610f2 !important; } .border--lg--purple { border-color: #6f42c1 !important; } .border--lg--pink { border-color: #e83e8c !important; } .border--lg--red { border-color: #AD2E24 !important; } .border--lg--orange { border-color: #ff980b !important; } .border--lg--yellow { border-color: #e4c41d !important; } .border--lg--green { border-color: #2A6E00 !important; } .border--lg--teal { border-color: #20c997 !important; } .border--lg--cyan { border-color: #17a2b8 !important; } .border--lg--white { border-color: #FFFFFF !important; } .border--lg--gray { border-color: #6c757d !important; } .border--lg--gray-dark { border-color: #343a40 !important; } .border--lg--brand-primary { border-color: #4B3A2D !important; } .border--lg--brand-secondary { border-color: #333131 !important; } .border--lg--brand-tertiary { border-color: #AD2E24 !important; } .border--lg--white { border-color: #FFFFFF !important; } .border--lg--off-white { border-color: #fcfbfa !important; } .border--lg--light-gray { border-color: #f4f4f4 !important; } .border--lg--gray { border-color: #e6e6e6 !important; } .border--lg--dark-gray { border-color: #989797 !important; } .border--lg--darker-gray { border-color: #636466 !important; } .border--lg--black { border-color: #000000 !important; } .border--lg--green { border-color: #2A6E00 !important; } .border--lg--red { border-color: #AD2E24 !important; } .border--lg--yellow { border-color: #e4c41d !important; } .border--lg--success { border-color: #2A6E00 !important; } .border--lg--danger { border-color: #C42E22 !important; } .border--lg--error { border-color: #C42E22 !important; } .border--lg--warning { border-color: #e4c41d !important; } .border--lg--info { border-color: #1C78D2 !important; } .border--lg--gold { border-color: #b69f5c !important; } .border--lg--orange { border-color: #ff980b !important; } .border--lg--dark-blue { border-color: #53698a !important; } .border--lg--blue { border-color: #93b0c8 !important; } .border--lg--light-blue { border-color: #93b0c833 !important; } .border--lg--greige { border-color: #cfc7c1 !important; } .border--lg--beige { border-color: #ece3da !important; } .border--lg--light-beige { border-color: #ece3da80 !important; } .border--lg--accent-blue { border-color: #28486a !important; } .border--lg--accent-light-blue { border-color: #93B0C825 !important; } .border--lg--outlet-badge { border-color: #ea842a !important; } } .font-size--0 { font-size: 0px !important; } @media (min-width: 769px) { .font-size--md--0 { font-size: 0px !important; } } @media (min-width: 1024px) { .font-size--lg--0 { font-size: 0px !important; } } .font-size--1 { font-size: 1px !important; } @media (min-width: 769px) { .font-size--md--1 { font-size: 1px !important; } } @media (min-width: 1024px) { .font-size--lg--1 { font-size: 1px !important; } } .font-size--2 { font-size: 2px !important; } @media (min-width: 769px) { .font-size--md--2 { font-size: 2px !important; } } @media (min-width: 1024px) { .font-size--lg--2 { font-size: 2px !important; } } .font-size--3 { font-size: 3px !important; } @media (min-width: 769px) { .font-size--md--3 { font-size: 3px !important; } } @media (min-width: 1024px) { .font-size--lg--3 { font-size: 3px !important; } } .font-size--4 { font-size: 4px !important; } @media (min-width: 769px) { .font-size--md--4 { font-size: 4px !important; } } @media (min-width: 1024px) { .font-size--lg--4 { font-size: 4px !important; } } .font-size--5 { font-size: 5px !important; } @media (min-width: 769px) { .font-size--md--5 { font-size: 5px !important; } } @media (min-width: 1024px) { .font-size--lg--5 { font-size: 5px !important; } } .font-size--6 { font-size: 6px !important; } @media (min-width: 769px) { .font-size--md--6 { font-size: 6px !important; } } @media (min-width: 1024px) { .font-size--lg--6 { font-size: 6px !important; } } .font-size--7 { font-size: 7px !important; } @media (min-width: 769px) { .font-size--md--7 { font-size: 7px !important; } } @media (min-width: 1024px) { .font-size--lg--7 { font-size: 7px !important; } } .font-size--8 { font-size: 8px !important; } @media (min-width: 769px) { .font-size--md--8 { font-size: 8px !important; } } @media (min-width: 1024px) { .font-size--lg--8 { font-size: 8px !important; } } .font-size--9 { font-size: 9px !important; } @media (min-width: 769px) { .font-size--md--9 { font-size: 9px !important; } } @media (min-width: 1024px) { .font-size--lg--9 { font-size: 9px !important; } } .font-size--10 { font-size: 10px !important; } @media (min-width: 769px) { .font-size--md--10 { font-size: 10px !important; } } @media (min-width: 1024px) { .font-size--lg--10 { font-size: 10px !important; } } .font-size--11 { font-size: 11px !important; } @media (min-width: 769px) { .font-size--md--11 { font-size: 11px !important; } } @media (min-width: 1024px) { .font-size--lg--11 { font-size: 11px !important; } } .font-size--12 { font-size: 12px !important; } @media (min-width: 769px) { .font-size--md--12 { font-size: 12px !important; } } @media (min-width: 1024px) { .font-size--lg--12 { font-size: 12px !important; } } .font-size--13 { font-size: 13px !important; } @media (min-width: 769px) { .font-size--md--13 { font-size: 13px !important; } } @media (min-width: 1024px) { .font-size--lg--13 { font-size: 13px !important; } } .font-size--14 { font-size: 14px !important; } @media (min-width: 769px) { .font-size--md--14 { font-size: 14px !important; } } @media (min-width: 1024px) { .font-size--lg--14 { font-size: 14px !important; } } .font-size--15 { font-size: 15px !important; } @media (min-width: 769px) { .font-size--md--15 { font-size: 15px !important; } } @media (min-width: 1024px) { .font-size--lg--15 { font-size: 15px !important; } } .font-size--16 { font-size: 16px !important; } @media (min-width: 769px) { .font-size--md--16 { font-size: 16px !important; } } @media (min-width: 1024px) { .font-size--lg--16 { font-size: 16px !important; } } .font-size--17 { font-size: 17px !important; } @media (min-width: 769px) { .font-size--md--17 { font-size: 17px !important; } } @media (min-width: 1024px) { .font-size--lg--17 { font-size: 17px !important; } } .font-size--18 { font-size: 18px !important; } @media (min-width: 769px) { .font-size--md--18 { font-size: 18px !important; } } @media (min-width: 1024px) { .font-size--lg--18 { font-size: 18px !important; } } .font-size--19 { font-size: 19px !important; } @media (min-width: 769px) { .font-size--md--19 { font-size: 19px !important; } } @media (min-width: 1024px) { .font-size--lg--19 { font-size: 19px !important; } } .font-size--20 { font-size: 20px !important; } @media (min-width: 769px) { .font-size--md--20 { font-size: 20px !important; } } @media (min-width: 1024px) { .font-size--lg--20 { font-size: 20px !important; } } .font-size--21 { font-size: 21px !important; } @media (min-width: 769px) { .font-size--md--21 { font-size: 21px !important; } } @media (min-width: 1024px) { .font-size--lg--21 { font-size: 21px !important; } } .font-size--22 { font-size: 22px !important; } @media (min-width: 769px) { .font-size--md--22 { font-size: 22px !important; } } @media (min-width: 1024px) { .font-size--lg--22 { font-size: 22px !important; } } .font-size--23 { font-size: 23px !important; } @media (min-width: 769px) { .font-size--md--23 { font-size: 23px !important; } } @media (min-width: 1024px) { .font-size--lg--23 { font-size: 23px !important; } } .font-size--24 { font-size: 24px !important; } @media (min-width: 769px) { .font-size--md--24 { font-size: 24px !important; } } @media (min-width: 1024px) { .font-size--lg--24 { font-size: 24px !important; } } .font-size--25 { font-size: 25px !important; } @media (min-width: 769px) { .font-size--md--25 { font-size: 25px !important; } } @media (min-width: 1024px) { .font-size--lg--25 { font-size: 25px !important; } } .font-size--26 { font-size: 26px !important; } @media (min-width: 769px) { .font-size--md--26 { font-size: 26px !important; } } @media (min-width: 1024px) { .font-size--lg--26 { font-size: 26px !important; } } .font-size--27 { font-size: 27px !important; } @media (min-width: 769px) { .font-size--md--27 { font-size: 27px !important; } } @media (min-width: 1024px) { .font-size--lg--27 { font-size: 27px !important; } } .font-size--28 { font-size: 28px !important; } @media (min-width: 769px) { .font-size--md--28 { font-size: 28px !important; } } @media (min-width: 1024px) { .font-size--lg--28 { font-size: 28px !important; } } .font-size--29 { font-size: 29px !important; } @media (min-width: 769px) { .font-size--md--29 { font-size: 29px !important; } } @media (min-width: 1024px) { .font-size--lg--29 { font-size: 29px !important; } } .font-size--30 { font-size: 30px !important; } @media (min-width: 769px) { .font-size--md--30 { font-size: 30px !important; } } @media (min-width: 1024px) { .font-size--lg--30 { font-size: 30px !important; } } .font-size--31 { font-size: 31px !important; } @media (min-width: 769px) { .font-size--md--31 { font-size: 31px !important; } } @media (min-width: 1024px) { .font-size--lg--31 { font-size: 31px !important; } } .font-size--32 { font-size: 32px !important; } @media (min-width: 769px) { .font-size--md--32 { font-size: 32px !important; } } @media (min-width: 1024px) { .font-size--lg--32 { font-size: 32px !important; } } .font-size--33 { font-size: 33px !important; } @media (min-width: 769px) { .font-size--md--33 { font-size: 33px !important; } } @media (min-width: 1024px) { .font-size--lg--33 { font-size: 33px !important; } } .font-size--34 { font-size: 34px !important; } @media (min-width: 769px) { .font-size--md--34 { font-size: 34px !important; } } @media (min-width: 1024px) { .font-size--lg--34 { font-size: 34px !important; } } .font-size--35 { font-size: 35px !important; } @media (min-width: 769px) { .font-size--md--35 { font-size: 35px !important; } } @media (min-width: 1024px) { .font-size--lg--35 { font-size: 35px !important; } } .font-size--36 { font-size: 36px !important; } @media (min-width: 769px) { .font-size--md--36 { font-size: 36px !important; } } @media (min-width: 1024px) { .font-size--lg--36 { font-size: 36px !important; } } .font-size--37 { font-size: 37px !important; } @media (min-width: 769px) { .font-size--md--37 { font-size: 37px !important; } } @media (min-width: 1024px) { .font-size--lg--37 { font-size: 37px !important; } } .font-size--38 { font-size: 38px !important; } @media (min-width: 769px) { .font-size--md--38 { font-size: 38px !important; } } @media (min-width: 1024px) { .font-size--lg--38 { font-size: 38px !important; } } .font-size--39 { font-size: 39px !important; } @media (min-width: 769px) { .font-size--md--39 { font-size: 39px !important; } } @media (min-width: 1024px) { .font-size--lg--39 { font-size: 39px !important; } } .font-size--40 { font-size: 40px !important; } @media (min-width: 769px) { .font-size--md--40 { font-size: 40px !important; } } @media (min-width: 1024px) { .font-size--lg--40 { font-size: 40px !important; } } .font-size--41 { font-size: 41px !important; } @media (min-width: 769px) { .font-size--md--41 { font-size: 41px !important; } } @media (min-width: 1024px) { .font-size--lg--41 { font-size: 41px !important; } } .font-size--42 { font-size: 42px !important; } @media (min-width: 769px) { .font-size--md--42 { font-size: 42px !important; } } @media (min-width: 1024px) { .font-size--lg--42 { font-size: 42px !important; } } .font-size--43 { font-size: 43px !important; } @media (min-width: 769px) { .font-size--md--43 { font-size: 43px !important; } } @media (min-width: 1024px) { .font-size--lg--43 { font-size: 43px !important; } } .font-size--44 { font-size: 44px !important; } @media (min-width: 769px) { .font-size--md--44 { font-size: 44px !important; } } @media (min-width: 1024px) { .font-size--lg--44 { font-size: 44px !important; } } .font-size--45 { font-size: 45px !important; } @media (min-width: 769px) { .font-size--md--45 { font-size: 45px !important; } } @media (min-width: 1024px) { .font-size--lg--45 { font-size: 45px !important; } } .font-size--46 { font-size: 46px !important; } @media (min-width: 769px) { .font-size--md--46 { font-size: 46px !important; } } @media (min-width: 1024px) { .font-size--lg--46 { font-size: 46px !important; } } .font-size--47 { font-size: 47px !important; } @media (min-width: 769px) { .font-size--md--47 { font-size: 47px !important; } } @media (min-width: 1024px) { .font-size--lg--47 { font-size: 47px !important; } } .font-size--48 { font-size: 48px !important; } @media (min-width: 769px) { .font-size--md--48 { font-size: 48px !important; } } @media (min-width: 1024px) { .font-size--lg--48 { font-size: 48px !important; } } .font-size--49 { font-size: 49px !important; } @media (min-width: 769px) { .font-size--md--49 { font-size: 49px !important; } } @media (min-width: 1024px) { .font-size--lg--49 { font-size: 49px !important; } } .font-size--50 { font-size: 50px !important; } @media (min-width: 769px) { .font-size--md--50 { font-size: 50px !important; } } @media (min-width: 1024px) { .font-size--lg--50 { font-size: 50px !important; } } .font-size--51 { font-size: 51px !important; } @media (min-width: 769px) { .font-size--md--51 { font-size: 51px !important; } } @media (min-width: 1024px) { .font-size--lg--51 { font-size: 51px !important; } } .font-size--52 { font-size: 52px !important; } @media (min-width: 769px) { .font-size--md--52 { font-size: 52px !important; } } @media (min-width: 1024px) { .font-size--lg--52 { font-size: 52px !important; } } .font-size--53 { font-size: 53px !important; } @media (min-width: 769px) { .font-size--md--53 { font-size: 53px !important; } } @media (min-width: 1024px) { .font-size--lg--53 { font-size: 53px !important; } } .font-size--54 { font-size: 54px !important; } @media (min-width: 769px) { .font-size--md--54 { font-size: 54px !important; } } @media (min-width: 1024px) { .font-size--lg--54 { font-size: 54px !important; } } .font-size--55 { font-size: 55px !important; } @media (min-width: 769px) { .font-size--md--55 { font-size: 55px !important; } } @media (min-width: 1024px) { .font-size--lg--55 { font-size: 55px !important; } } .font-size--56 { font-size: 56px !important; } @media (min-width: 769px) { .font-size--md--56 { font-size: 56px !important; } } @media (min-width: 1024px) { .font-size--lg--56 { font-size: 56px !important; } } .font-size--57 { font-size: 57px !important; } @media (min-width: 769px) { .font-size--md--57 { font-size: 57px !important; } } @media (min-width: 1024px) { .font-size--lg--57 { font-size: 57px !important; } } .font-size--58 { font-size: 58px !important; } @media (min-width: 769px) { .font-size--md--58 { font-size: 58px !important; } } @media (min-width: 1024px) { .font-size--lg--58 { font-size: 58px !important; } } .font-size--59 { font-size: 59px !important; } @media (min-width: 769px) { .font-size--md--59 { font-size: 59px !important; } } @media (min-width: 1024px) { .font-size--lg--59 { font-size: 59px !important; } } .font-size--60 { font-size: 60px !important; } @media (min-width: 769px) { .font-size--md--60 { font-size: 60px !important; } } @media (min-width: 1024px) { .font-size--lg--60 { font-size: 60px !important; } } .line-height--0 { line-height: 0px !important; } @media (min-width: 769px) { .line-height--md--0 { line-height: 0px !important; } } @media (min-width: 1024px) { .line-height--lg--0 { line-height: 0px !important; } } .line-height--1 { line-height: 1px !important; } @media (min-width: 769px) { .line-height--md--1 { line-height: 1px !important; } } @media (min-width: 1024px) { .line-height--lg--1 { line-height: 1px !important; } } .line-height--2 { line-height: 2px !important; } @media (min-width: 769px) { .line-height--md--2 { line-height: 2px !important; } } @media (min-width: 1024px) { .line-height--lg--2 { line-height: 2px !important; } } .line-height--3 { line-height: 3px !important; } @media (min-width: 769px) { .line-height--md--3 { line-height: 3px !important; } } @media (min-width: 1024px) { .line-height--lg--3 { line-height: 3px !important; } } .line-height--4 { line-height: 4px !important; } @media (min-width: 769px) { .line-height--md--4 { line-height: 4px !important; } } @media (min-width: 1024px) { .line-height--lg--4 { line-height: 4px !important; } } .line-height--5 { line-height: 5px !important; } @media (min-width: 769px) { .line-height--md--5 { line-height: 5px !important; } } @media (min-width: 1024px) { .line-height--lg--5 { line-height: 5px !important; } } .line-height--6 { line-height: 6px !important; } @media (min-width: 769px) { .line-height--md--6 { line-height: 6px !important; } } @media (min-width: 1024px) { .line-height--lg--6 { line-height: 6px !important; } } .line-height--7 { line-height: 7px !important; } @media (min-width: 769px) { .line-height--md--7 { line-height: 7px !important; } } @media (min-width: 1024px) { .line-height--lg--7 { line-height: 7px !important; } } .line-height--8 { line-height: 8px !important; } @media (min-width: 769px) { .line-height--md--8 { line-height: 8px !important; } } @media (min-width: 1024px) { .line-height--lg--8 { line-height: 8px !important; } } .line-height--9 { line-height: 9px !important; } @media (min-width: 769px) { .line-height--md--9 { line-height: 9px !important; } } @media (min-width: 1024px) { .line-height--lg--9 { line-height: 9px !important; } } .line-height--10 { line-height: 10px !important; } @media (min-width: 769px) { .line-height--md--10 { line-height: 10px !important; } } @media (min-width: 1024px) { .line-height--lg--10 { line-height: 10px !important; } } .line-height--11 { line-height: 11px !important; } @media (min-width: 769px) { .line-height--md--11 { line-height: 11px !important; } } @media (min-width: 1024px) { .line-height--lg--11 { line-height: 11px !important; } } .line-height--12 { line-height: 12px !important; } @media (min-width: 769px) { .line-height--md--12 { line-height: 12px !important; } } @media (min-width: 1024px) { .line-height--lg--12 { line-height: 12px !important; } } .line-height--13 { line-height: 13px !important; } @media (min-width: 769px) { .line-height--md--13 { line-height: 13px !important; } } @media (min-width: 1024px) { .line-height--lg--13 { line-height: 13px !important; } } .line-height--14 { line-height: 14px !important; } @media (min-width: 769px) { .line-height--md--14 { line-height: 14px !important; } } @media (min-width: 1024px) { .line-height--lg--14 { line-height: 14px !important; } } .line-height--15 { line-height: 15px !important; } @media (min-width: 769px) { .line-height--md--15 { line-height: 15px !important; } } @media (min-width: 1024px) { .line-height--lg--15 { line-height: 15px !important; } } .line-height--16 { line-height: 16px !important; } @media (min-width: 769px) { .line-height--md--16 { line-height: 16px !important; } } @media (min-width: 1024px) { .line-height--lg--16 { line-height: 16px !important; } } .line-height--17 { line-height: 17px !important; } @media (min-width: 769px) { .line-height--md--17 { line-height: 17px !important; } } @media (min-width: 1024px) { .line-height--lg--17 { line-height: 17px !important; } } .line-height--18 { line-height: 18px !important; } @media (min-width: 769px) { .line-height--md--18 { line-height: 18px !important; } } @media (min-width: 1024px) { .line-height--lg--18 { line-height: 18px !important; } } .line-height--19 { line-height: 19px !important; } @media (min-width: 769px) { .line-height--md--19 { line-height: 19px !important; } } @media (min-width: 1024px) { .line-height--lg--19 { line-height: 19px !important; } } .line-height--20 { line-height: 20px !important; } @media (min-width: 769px) { .line-height--md--20 { line-height: 20px !important; } } @media (min-width: 1024px) { .line-height--lg--20 { line-height: 20px !important; } } .line-height--21 { line-height: 21px !important; } @media (min-width: 769px) { .line-height--md--21 { line-height: 21px !important; } } @media (min-width: 1024px) { .line-height--lg--21 { line-height: 21px !important; } } .line-height--22 { line-height: 22px !important; } @media (min-width: 769px) { .line-height--md--22 { line-height: 22px !important; } } @media (min-width: 1024px) { .line-height--lg--22 { line-height: 22px !important; } } .line-height--23 { line-height: 23px !important; } @media (min-width: 769px) { .line-height--md--23 { line-height: 23px !important; } } @media (min-width: 1024px) { .line-height--lg--23 { line-height: 23px !important; } } .line-height--24 { line-height: 24px !important; } @media (min-width: 769px) { .line-height--md--24 { line-height: 24px !important; } } @media (min-width: 1024px) { .line-height--lg--24 { line-height: 24px !important; } } .line-height--25 { line-height: 25px !important; } @media (min-width: 769px) { .line-height--md--25 { line-height: 25px !important; } } @media (min-width: 1024px) { .line-height--lg--25 { line-height: 25px !important; } } .line-height--26 { line-height: 26px !important; } @media (min-width: 769px) { .line-height--md--26 { line-height: 26px !important; } } @media (min-width: 1024px) { .line-height--lg--26 { line-height: 26px !important; } } .line-height--27 { line-height: 27px !important; } @media (min-width: 769px) { .line-height--md--27 { line-height: 27px !important; } } @media (min-width: 1024px) { .line-height--lg--27 { line-height: 27px !important; } } .line-height--28 { line-height: 28px !important; } @media (min-width: 769px) { .line-height--md--28 { line-height: 28px !important; } } @media (min-width: 1024px) { .line-height--lg--28 { line-height: 28px !important; } } .line-height--29 { line-height: 29px !important; } @media (min-width: 769px) { .line-height--md--29 { line-height: 29px !important; } } @media (min-width: 1024px) { .line-height--lg--29 { line-height: 29px !important; } } .line-height--30 { line-height: 30px !important; } @media (min-width: 769px) { .line-height--md--30 { line-height: 30px !important; } } @media (min-width: 1024px) { .line-height--lg--30 { line-height: 30px !important; } } .line-height--31 { line-height: 31px !important; } @media (min-width: 769px) { .line-height--md--31 { line-height: 31px !important; } } @media (min-width: 1024px) { .line-height--lg--31 { line-height: 31px !important; } } .line-height--32 { line-height: 32px !important; } @media (min-width: 769px) { .line-height--md--32 { line-height: 32px !important; } } @media (min-width: 1024px) { .line-height--lg--32 { line-height: 32px !important; } } .line-height--33 { line-height: 33px !important; } @media (min-width: 769px) { .line-height--md--33 { line-height: 33px !important; } } @media (min-width: 1024px) { .line-height--lg--33 { line-height: 33px !important; } } .line-height--34 { line-height: 34px !important; } @media (min-width: 769px) { .line-height--md--34 { line-height: 34px !important; } } @media (min-width: 1024px) { .line-height--lg--34 { line-height: 34px !important; } } .line-height--35 { line-height: 35px !important; } @media (min-width: 769px) { .line-height--md--35 { line-height: 35px !important; } } @media (min-width: 1024px) { .line-height--lg--35 { line-height: 35px !important; } } .line-height--36 { line-height: 36px !important; } @media (min-width: 769px) { .line-height--md--36 { line-height: 36px !important; } } @media (min-width: 1024px) { .line-height--lg--36 { line-height: 36px !important; } } .line-height--37 { line-height: 37px !important; } @media (min-width: 769px) { .line-height--md--37 { line-height: 37px !important; } } @media (min-width: 1024px) { .line-height--lg--37 { line-height: 37px !important; } } .line-height--38 { line-height: 38px !important; } @media (min-width: 769px) { .line-height--md--38 { line-height: 38px !important; } } @media (min-width: 1024px) { .line-height--lg--38 { line-height: 38px !important; } } .line-height--39 { line-height: 39px !important; } @media (min-width: 769px) { .line-height--md--39 { line-height: 39px !important; } } @media (min-width: 1024px) { .line-height--lg--39 { line-height: 39px !important; } } .line-height--40 { line-height: 40px !important; } @media (min-width: 769px) { .line-height--md--40 { line-height: 40px !important; } } @media (min-width: 1024px) { .line-height--lg--40 { line-height: 40px !important; } } .line-height--41 { line-height: 41px !important; } @media (min-width: 769px) { .line-height--md--41 { line-height: 41px !important; } } @media (min-width: 1024px) { .line-height--lg--41 { line-height: 41px !important; } } .line-height--42 { line-height: 42px !important; } @media (min-width: 769px) { .line-height--md--42 { line-height: 42px !important; } } @media (min-width: 1024px) { .line-height--lg--42 { line-height: 42px !important; } } .line-height--43 { line-height: 43px !important; } @media (min-width: 769px) { .line-height--md--43 { line-height: 43px !important; } } @media (min-width: 1024px) { .line-height--lg--43 { line-height: 43px !important; } } .line-height--44 { line-height: 44px !important; } @media (min-width: 769px) { .line-height--md--44 { line-height: 44px !important; } } @media (min-width: 1024px) { .line-height--lg--44 { line-height: 44px !important; } } .line-height--45 { line-height: 45px !important; } @media (min-width: 769px) { .line-height--md--45 { line-height: 45px !important; } } @media (min-width: 1024px) { .line-height--lg--45 { line-height: 45px !important; } } .line-height--46 { line-height: 46px !important; } @media (min-width: 769px) { .line-height--md--46 { line-height: 46px !important; } } @media (min-width: 1024px) { .line-height--lg--46 { line-height: 46px !important; } } .line-height--47 { line-height: 47px !important; } @media (min-width: 769px) { .line-height--md--47 { line-height: 47px !important; } } @media (min-width: 1024px) { .line-height--lg--47 { line-height: 47px !important; } } .line-height--48 { line-height: 48px !important; } @media (min-width: 769px) { .line-height--md--48 { line-height: 48px !important; } } @media (min-width: 1024px) { .line-height--lg--48 { line-height: 48px !important; } } .line-height--49 { line-height: 49px !important; } @media (min-width: 769px) { .line-height--md--49 { line-height: 49px !important; } } @media (min-width: 1024px) { .line-height--lg--49 { line-height: 49px !important; } } .line-height--50 { line-height: 50px !important; } @media (min-width: 769px) { .line-height--md--50 { line-height: 50px !important; } } @media (min-width: 1024px) { .line-height--lg--50 { line-height: 50px !important; } } .line-height--51 { line-height: 51px !important; } @media (min-width: 769px) { .line-height--md--51 { line-height: 51px !important; } } @media (min-width: 1024px) { .line-height--lg--51 { line-height: 51px !important; } } .line-height--52 { line-height: 52px !important; } @media (min-width: 769px) { .line-height--md--52 { line-height: 52px !important; } } @media (min-width: 1024px) { .line-height--lg--52 { line-height: 52px !important; } } .line-height--53 { line-height: 53px !important; } @media (min-width: 769px) { .line-height--md--53 { line-height: 53px !important; } } @media (min-width: 1024px) { .line-height--lg--53 { line-height: 53px !important; } } .line-height--54 { line-height: 54px !important; } @media (min-width: 769px) { .line-height--md--54 { line-height: 54px !important; } } @media (min-width: 1024px) { .line-height--lg--54 { line-height: 54px !important; } } .line-height--55 { line-height: 55px !important; } @media (min-width: 769px) { .line-height--md--55 { line-height: 55px !important; } } @media (min-width: 1024px) { .line-height--lg--55 { line-height: 55px !important; } } .line-height--56 { line-height: 56px !important; } @media (min-width: 769px) { .line-height--md--56 { line-height: 56px !important; } } @media (min-width: 1024px) { .line-height--lg--56 { line-height: 56px !important; } } .line-height--57 { line-height: 57px !important; } @media (min-width: 769px) { .line-height--md--57 { line-height: 57px !important; } } @media (min-width: 1024px) { .line-height--lg--57 { line-height: 57px !important; } } .line-height--58 { line-height: 58px !important; } @media (min-width: 769px) { .line-height--md--58 { line-height: 58px !important; } } @media (min-width: 1024px) { .line-height--lg--58 { line-height: 58px !important; } } .line-height--59 { line-height: 59px !important; } @media (min-width: 769px) { .line-height--md--59 { line-height: 59px !important; } } @media (min-width: 1024px) { .line-height--lg--59 { line-height: 59px !important; } } .line-height--60 { line-height: 60px !important; } @media (min-width: 769px) { .line-height--md--60 { line-height: 60px !important; } } @media (min-width: 1024px) { .line-height--lg--60 { line-height: 60px !important; } } .font--primary { font-family: "Nunito Sans", sans-serif; } .font--secondary { font-family: "Lora", Georgia, Times, "Times New Roman", serif; } .font--tertiary { font-family: "Nunito Sans", sans-serif; } .font--header { font-family: "Lora", Georgia, Times, "Times New Roman", serif; } .font--body { font-family: "Nunito Sans", sans-serif; } h1, .h1 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 32px; line-height: 1.14; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h1, .h1 { font-size: 38px; line-height: 1.14; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h1, .h1 { font-size: 44px; line-height: 1.11; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } h2, .h2 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 28px; line-height: 1.14; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h2, .h2 { font-size: 32px; line-height: 1.17; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h2, .h2 { font-size: 36px; line-height: 1.15; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } h3, .h3, .product-grid .product-tile .price .sales .value .pricing-member .display-price, .product-grid .product-tile .price .has-only-one-price.sales div[class^="pricing-"] .display-price { font-family: "Nunito Sans", sans-serif; font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h3, .h3, .product-grid .product-tile .price .sales .value .pricing-member .display-price, .product-grid .product-tile .price .has-only-one-price.sales div[class^="pricing-"] .display-price { font-size: 32px; line-height: 1.2; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h3, .h3, .product-grid .product-tile .price .sales .value .pricing-member .display-price, .product-grid .product-tile .price .has-only-one-price.sales div[class^="pricing-"] .display-price { font-size: 36px; line-height: 1.17; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } h4, .h4 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 24px; line-height: 1.25; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h4, .h4 { font-size: 28px; line-height: 1.25; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h4, .h4 { font-size: 30px; line-height: 1.2; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } h5, .h5 { font-family: "Nunito Sans", sans-serif; font-size: 20px; line-height: 1.25; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h5, .h5 { font-size: 22px; line-height: 1.25; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h5, .h5 { font-size: 24px; line-height: 1.2; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } h6, .h6 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 16px; line-height: 1.4; font-weight: 500; letter-spacing: normal; text-transform: none; font-style: normal; } @media (min-width: 769px) { h6, .h6 { font-size: 17px; line-height: 1.4; font-weight: 500; letter-spacing: normal; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h6, .h6 { font-size: 18px; line-height: 1.4; font-weight: 500; letter-spacing: normal; text-transform: none; font-style: normal; } } h7, .h7 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 14px; line-height: 1.14; font-weight: 500; letter-spacing: 0.4px; text-transform: none; font-style: normal; } @media (min-width: 769px) { h7, .h7 { font-size: 15px; line-height: 1.14; font-weight: 500; letter-spacing: 0.4px; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h7, .h7 { font-size: 16px; line-height: 1.11; font-weight: 500; letter-spacing: 0.4px; text-transform: none; font-style: normal; } } h4-alt, .h4-alt { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 24px; line-height: 1.25; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: italic; } @media (min-width: 769px) { h4-alt, .h4-alt { font-size: 28px; line-height: 1.25; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: italic; } } @media (min-width: 1024px) { h4-alt, .h4-alt { font-size: 30px; line-height: 1.2; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: italic; } } h6-alt, .h6-alt, .product-grid .product-tile .price .sales .value .from-label-text { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 1.4; font-weight: 700; letter-spacing: normal; text-transform: none; font-style: normal; } @media (min-width: 769px) { h6-alt, .h6-alt, .product-grid .product-tile .price .sales .value .from-label-text { font-size: 17px; line-height: 1.4; font-weight: 700; letter-spacing: normal; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h6-alt, .h6-alt, .product-grid .product-tile .price .sales .value .from-label-text { font-size: 18px; line-height: 1.4; font-weight: 700; letter-spacing: normal; text-transform: none; font-style: normal; } } .b1 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 72px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } @media (min-width: 769px) { .b1 { font-size: 72px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .b1 { font-size: 96px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } } .b2 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 60px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } @media (min-width: 769px) { .b2 { font-size: 60px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .b2 { font-size: 84px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } } .b3 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 48px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } @media (min-width: 769px) { .b3 { font-size: 48px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .b3 { font-size: 72px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } } .b4 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 36px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } @media (min-width: 769px) { .b4 { font-size: 36px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .b4 { font-size: 60px; line-height: 1.19; font-weight: 700; letter-spacing: 0; text-transform: none; font-style: normal; } } p, .p { font-size: 13px; letter-spacing: normal; margin-bottom: 16px; line-height: 1.4; } @media (min-width: 1024px) { p, .p { font-size: 14px; } } @media (min-width: 1024px) { p, .p { line-height: 1.4; } } p--small, .p--small { font-size: 12px; line-height: 1.4; } @media (min-width: 1024px) { p--small, .p--small { font-size: 13px; } } @media (min-width: 1024px) { p--small, .p--small { line-height: 1.4; } } p--large, .p--large { font-size: 14px; } @media (min-width: 1024px) { p--large, .p--large { font-size: 16px; } } small { font-size: 12px; } @media (min-width: 1024px) { small { font-size: 13px; } } .lead { font-size: 14px; } @media (min-width: 1024px) { .lead { font-size: 16px; } } .btn, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; } .btn[class*="icon-"], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class*="icon-"], .btn[class^="icon-"], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); } .btn[class*="icon-"]:before, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class*="icon-"]:before, .btn[class^="icon-"]:before, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .btn-primary { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; background-color: #4B3A2D; border-width: 2px; border-radius: 40px; border-color: #4B3A2D; text-decoration: none; text-align: center; font-weight: 700; padding: 9px 30px 7px 30px; } .btn-primary:hover, .btn-primary:focus, .btn-primary[aria-describedby*="popover"] { color: #FFFFFF; background-color: #333131; border-color: #333131; text-decoration: none; } .dark-theme .btn-primary { color: #FFFFFF; } .dark-theme .btn-primary:hover { color: #FFFFFF; } .btn-primary[class*="icon-"], .btn-primary[class^="icon-"] { padding-left: calc(30px * 2); } .btn-primary[class*="icon-"]:before, .btn-primary[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .btn-secondary, .btn-outline-primary { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; border-width: 2px; border-radius: 40px; background-color: #AD2E24; border-color: #AD2E24; text-decoration: none; text-align: center; font-weight: 700; padding: 9px 30px 7px 30px; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary[aria-describedby*="popover"], .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary[aria-describedby*="popover"] { color: #FFFFFF; background-color: #C42E22; border-color: #C42E22; text-decoration: none; } .dark-theme .btn-secondary, .dark-theme .btn-outline-primary { color: #FFFFFF; } .dark-theme .btn-secondary:hover, .dark-theme .btn-outline-primary:hover { color: #FFFFFF; } .btn-secondary[class*="icon-"], .btn-secondary[class^="icon-"], .btn-outline-primary[class*="icon-"], .btn-outline-primary[class^="icon-"] { padding-left: calc(30px * 2); } .btn-secondary[class*="icon-"]:before, .btn-secondary[class^="icon-"]:before, .btn-outline-primary[class*="icon-"]:before, .btn-outline-primary[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .btn-tertiary, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #333131; background-color: transparent; border-radius: 0; border-width: 0 0 1px 0; border-color: #4B3A2D; text-decoration: none; text-align: center; font-weight: 700; padding: 9px 0 2px 0; } .btn-tertiary:hover, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions:hover, .btn-tertiary:focus, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions:focus, .btn-tertiary[aria-describedby*="popover"], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[aria-describedby*="popover"] { color: #AD2E24; background-color: transparent; border-color: #AD2E24; text-decoration: none; } .dark-theme .btn-tertiary, .dark-theme .p-w-r .pr-qa-display .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .pr-qa-display-show-more-questions { color: #FFFFFF; } .dark-theme .btn-tertiary:hover, .dark-theme .p-w-r .pr-qa-display .pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .pr-qa-display-show-more-questions:hover { color: #AD2E24; } .btn-tertiary[class*="icon-"], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class*="icon-"], .btn-tertiary[class^="icon-"], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); } .btn-tertiary[class*="icon-"]:before, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-tertiary[class^="icon-"]:before, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .btn-sm, .btn-group-sm > .btn, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 13px; line-height: 20px; padding: 5px 30px 5px 30px; letter-spacing: 0.35px; } .btn-sm[class*="icon-"], .btn-group-sm > .btn[class*="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class*="icon-"], .btn-sm[class^="icon-"], .btn-group-sm > .btn[class^="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); padding-left: calc(30px * 2); } .btn-sm[class*="icon-"]:before, .btn-group-sm > .btn[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-sm[class^="icon-"]:before, .btn-group-sm > .btn[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .btn-sm.btn-primary, .btn-group-sm > .btn-primary.btn, .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 13px; line-height: 20px; padding: 5px 30px 5px 30px; letter-spacing: 0.35px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; background-color: #4B3A2D; border-width: 2px; border-radius: 40px; border-color: #4B3A2D; text-decoration: none; text-align: center; font-weight: 700; padding: 5px 30px 5px 30px; } .btn-sm.btn-primary:hover, .btn-group-sm > .btn-primary.btn:hover, .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions:hover, .btn-sm.btn-primary:focus, .btn-group-sm > .btn-primary.btn:focus, .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions:focus, .btn-sm.btn-primary[aria-describedby*="popover"], .btn-group-sm > .btn-primary.btn[aria-describedby*="popover"], .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions[aria-describedby*="popover"] { color: #FFFFFF; background-color: #333131; border-color: #333131; text-decoration: none; } .dark-theme .btn-sm.btn-primary, .dark-theme .btn-group-sm > .btn-primary.btn, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions { color: #FFFFFF; } .dark-theme .btn-sm.btn-primary:hover, .dark-theme .btn-group-sm > .btn-primary.btn:hover, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions:hover { color: #FFFFFF; } .btn-sm.btn-primary[class*="icon-"], .btn-group-sm > .btn-primary.btn[class*="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions[class*="icon-"], .btn-sm.btn-primary[class^="icon-"], .btn-group-sm > .btn-primary.btn[class^="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); padding-left: calc(30px * 2); } .btn-sm.btn-primary[class*="icon-"]:before, .btn-group-sm > .btn-primary.btn[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-sm.btn-primary[class^="icon-"]:before, .btn-group-sm > .btn-primary.btn[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .btn-sm.btn-secondary, .btn-group-sm > .btn-secondary.btn, .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions, .btn-sm.btn-outline-primary, .btn-group-sm > .btn-outline-primary.btn, .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 13px; line-height: 20px; padding: 5px 30px 5px 30px; letter-spacing: 0.35px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; border-width: 2px; border-radius: 40px; background-color: #AD2E24; border-color: #AD2E24; text-decoration: none; text-align: center; font-weight: 700; padding: 5px 30px 5px 30px; } .btn-sm.btn-secondary:hover, .btn-group-sm > .btn-secondary.btn:hover, .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions:hover, .btn-sm.btn-secondary:focus, .btn-group-sm > .btn-secondary.btn:focus, .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions:focus, .btn-sm.btn-secondary[aria-describedby*="popover"], .btn-group-sm > .btn-secondary.btn[aria-describedby*="popover"], .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions[aria-describedby*="popover"], .btn-sm.btn-outline-primary:hover, .btn-group-sm > .btn-outline-primary.btn:hover, .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions:hover, .btn-sm.btn-outline-primary:focus, .btn-group-sm > .btn-outline-primary.btn:focus, .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions:focus, .btn-sm.btn-outline-primary[aria-describedby*="popover"], .btn-group-sm > .btn-outline-primary.btn[aria-describedby*="popover"], .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions[aria-describedby*="popover"] { color: #FFFFFF; background-color: #C42E22; border-color: #C42E22; text-decoration: none; } .dark-theme .btn-sm.btn-secondary, .dark-theme .btn-group-sm > .btn-secondary.btn, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions, .dark-theme .btn-sm.btn-outline-primary, .dark-theme .btn-group-sm > .btn-outline-primary.btn, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions { color: #FFFFFF; } .dark-theme .btn-sm.btn-secondary:hover, .dark-theme .btn-group-sm > .btn-secondary.btn:hover, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions:hover, .dark-theme .btn-sm.btn-outline-primary:hover, .dark-theme .btn-group-sm > .btn-outline-primary.btn:hover, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions:hover { color: #FFFFFF; } .btn-sm.btn-secondary[class*="icon-"], .btn-group-sm > .btn-secondary.btn[class*="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions[class*="icon-"], .btn-sm.btn-secondary[class^="icon-"], .btn-group-sm > .btn-secondary.btn[class^="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions[class^="icon-"], .btn-sm.btn-outline-primary[class*="icon-"], .btn-group-sm > .btn-outline-primary.btn[class*="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions[class*="icon-"], .btn-sm.btn-outline-primary[class^="icon-"], .btn-group-sm > .btn-outline-primary.btn[class^="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); padding-left: calc(30px * 2); } .btn-sm.btn-secondary[class*="icon-"]:before, .btn-group-sm > .btn-secondary.btn[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-sm.btn-secondary[class^="icon-"]:before, .btn-group-sm > .btn-secondary.btn[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions[class^="icon-"]:before, .btn-sm.btn-outline-primary[class*="icon-"]:before, .btn-group-sm > .btn-outline-primary.btn[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-sm.btn-outline-primary[class^="icon-"]:before, .btn-group-sm > .btn-outline-primary.btn[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .btn-sm.btn-tertiary, .btn-group-sm > .btn-tertiary.btn, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 13px; line-height: 20px; padding: 5px 30px 5px 30px; letter-spacing: 0.35px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #333131; background-color: transparent; border-radius: 0; border-width: 0 0 1px 0; border-color: #4B3A2D; text-decoration: none; text-align: center; font-weight: 700; padding: 5px 0 5px 0; } .btn-sm.btn-tertiary:hover, .btn-group-sm > .btn-tertiary.btn:hover, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions:hover, .btn-sm.btn-tertiary:focus, .btn-group-sm > .btn-tertiary.btn:focus, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions:focus, .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions:focus, .btn-sm.btn-tertiary[aria-describedby*="popover"], .btn-group-sm > .btn-tertiary.btn[aria-describedby*="popover"], .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[aria-describedby*="popover"], .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions[aria-describedby*="popover"] { color: #AD2E24; background-color: transparent; border-color: #AD2E24; text-decoration: none; } .dark-theme .btn-sm.btn-tertiary, .dark-theme .btn-group-sm > .btn-tertiary.btn, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .pr-qa-display-show-more-questions, .dark-theme .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .btn-sm.pr-qa-display-show-more-questions { color: #FFFFFF; } .dark-theme .btn-sm.btn-tertiary:hover, .dark-theme .btn-group-sm > .btn-tertiary.btn:hover, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .pr-qa-display-show-more-questions:hover, .dark-theme .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .btn-sm.pr-qa-display-show-more-questions:hover { color: #AD2E24; } .btn-sm.btn-tertiary[class*="icon-"], .btn-group-sm > .btn-tertiary.btn[class*="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class*="icon-"], .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions[class*="icon-"], .btn-sm.btn-tertiary[class^="icon-"], .btn-group-sm > .btn-tertiary.btn[class^="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class^="icon-"], .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); padding-left: calc(30px * 2); } .btn-sm.btn-tertiary[class*="icon-"]:before, .btn-group-sm > .btn-tertiary.btn[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-sm.btn-tertiary[class^="icon-"]:before, .btn-group-sm > .btn-tertiary.btn[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .btn-block { display: block; width: 100%; } a, .text-link { color: #333131; font-weight: 600; text-decoration: underline; cursor: pointer; } a:hover, .text-link:hover { color: #4B3A2D; text-decoration: underline; } .dark-theme a, .dark-theme .text-link { color: #FFFFFF; } .dark-theme a:hover, .dark-theme .text-link:hover { color: #FFFFFF; } .pull-left { float: left; } .pull-right { float: right; } .header-link { font-family: "Nunito Sans", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0.05em; } .header-link:hover { text-decoration: none; } .navigation-link { font-family: "Nunito Sans", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0.03em; } .navigation-link:hover { text-decoration: none; } .navigation-link-secondary { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: capitalize; color: #333131; } .navigation-link-secondary:hover { color: #4B3A2D; } .navigation-link-tertiary { color: #000000; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 300; text-transform: none; } .navigation-link-tertiary:hover { color: #4B3A2D; } .visually-hidden { opacity: 0; visibility: hidden; z-index: -1; height: 1px; width: 1px; } .lock-scroll { height: calc(100vh - 1px); } .lock-scroll body { overflow: hidden; position: fixed; top: 0; width: 100%; } .leading-lines { overflow: hidden; margin: 0 0 16px; } .leading-lines label { background-color: #FFFFFF; } .leading-lines p { margin-bottom: 0; } .leading-lines .start-lines { padding: 0; align-self: center; } .leading-lines .start-lines span { position: relative; background-color: #FFFFFF; z-index: 2; display: inline-block; } .leading-lines .start-lines span:only-child, .leading-lines .start-lines span:last-child { padding-right: 16px; } .leading-lines .start-lines::before { position: absolute; top: 50%; transform: translateY(-50%); width: 100vw; white-space: nowrap; content: ""; border-bottom: 0 dotted transparent; margin-top: 1px; z-index: 1; } .leading-lines .end-lines { padding: 0; align-self: center; } .leading-lines .end-lines span { position: relative; background-color: #FFFFFF; z-index: 2; display: inline-block; } .leading-lines .end-lines span:only-child, .leading-lines .end-lines span:last-child { padding-right: 16px; margin-right: -16px; } .email-signup-message { position: absolute; right: 50%; transform: translateX(50%); position: fixed; top: 0; padding: 50px 16px 16px; max-height: calc(100vh - 50px); overflow-y: auto; z-index: 1100; } .email-signup-alert { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); text-align: center; } .email-signup-alert.show { display: block; } .email-signup-alert:not(.alert-dismissible) { -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); } .email-signup-alert.alert-dismissible { -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms; padding-right: 50px; } .email-signup-alert.alert-dismissible .close { padding: 16px; } .swatch-mark.color-value { transition: box-shadow 200ms ease-out; } .swatch-mark.color-value:hover { box-shadow: 0 0 0 calc(3px - 1px) #FFFFFF, 0 0 0 3px #e6e6e6; } .swatch-mark.color-value.selected { box-shadow: 0 0 0 calc(3px - 1px) #FFFFFF, 0 0 0 3px #000000; } .swatch-mark.color-value.selected:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: 7px; color: #FFFFFF; font-weight: normal; } .swatch-mark.color-value.selected[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #FFFFFF; font-weight: normal; position: absolute; transform: translateX(10px); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .swatch-mark.color-value.selected.btn[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .btn-group-sm > .swatch-mark.color-value.selected.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .swatch-mark.color-value.selected.btn[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .btn-group-sm > .swatch-mark.color-value.selected.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; position: absolute; transform: translateX(10px); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title) [class*="icon-"], .swatch-mark.color-value.selected[class*="btn-"]:not(.title) [class^="icon-"], .swatch-mark.color-value.selected[class*="btn-"]:not(.title) .fa { display: none; } .swatch-mark.color-value.selected::after { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); display: none; background: rgba(0, 0, 0, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1; } .swatch-mark.color-value.unselectable:before, .swatch-mark.color-value.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: 100%; width: 1px; } .swatch-mark.color-value.unselectable:after { background-color: #000000; } .swatch-mark.color-value.unselectable:before { background-color: #FFFFFF; margin-right: 1px; } .swatch-mark.color-value.unselectable, .swatch-mark.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; } .swatch-mark.color-value.unselectable { cursor: not-allowed; } .swatch-mark.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none; } .swatch-mark.color-value.out-of-stock:before, .swatch-mark.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .swatch-mark.color-value.out-of-stock:after { background-color: #e6e6e6; } .swatch-mark.color-value.out-of-stock:before { background-color: #FFFFFF; margin-right: 1px; } .swatch-mark.color-value.out-of-stock.selected:after { display: block; } .swatch-mark.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out; } .swatch-mark.non-color-swatch-value:not(.unselectable):hover { border-color: #333131; box-shadow: none; } .swatch-mark.non-color-swatch-value.selected, .swatch-mark.non-color-swatch-value.selected:hover { background: #4B3A2D; color: #FFFFFF; border-color: #4B3A2D; box-shadow: none; } .swatch-mark.non-color-swatch-value.selected:after, .swatch-mark.non-color-swatch-value.selected:hover:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: 8px; color: #FFFFFF; font-weight: normal; } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title), .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title):after, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #FFFFFF; font-weight: normal; position: absolute; transform: translateX(10px); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.pr-qa-display-show-more-questions:hover[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.pr-qa-display-show-more-questions:hover[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; position: absolute; transform: translateX(10px); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class*="icon-"], .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class^="icon-"], .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title) .fa, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class*="icon-"], .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class^="icon-"], .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) .fa { display: none; } .swatch-mark.non-color-swatch-value.selected::after, .swatch-mark.non-color-swatch-value.selected:hover::after { position: absolute; top: -5.33333px; right: -5.33333px; background: #4B3A2D; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none; } .swatch-mark.non-color-swatch-value.unselectable, .swatch-mark.non-color-swatch-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; } .swatch-mark.non-color-swatch-value.unselectable { cursor: not-allowed; } .swatch-mark.non-color-swatch-value.unselectable:before, .swatch-mark.non-color-swatch-value.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .swatch-mark.non-color-swatch-value.unselectable:after { background-color: #e6e6e6; } .swatch-mark.non-color-swatch-value.unselectable:before { background-color: #FFFFFF; margin-right: 1px; } .swatch-mark.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none; } .swatch-mark.non-color-swatch-value.out-of-stock:before, .swatch-mark.non-color-swatch-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .swatch-mark.non-color-swatch-value.out-of-stock:after { background-color: #e6e6e6; } .swatch-mark.non-color-swatch-value.out-of-stock:before { background-color: #FFFFFF; margin-right: 1px; } .swatch-mark.non-color-swatch-value.out-of-stock.selected:after { display: block; } .disabled, :disabled, [disabled] { opacity: 0.5; pointer-events: none; } .vertical-center { position: absolute; top: 50%; transform: translateY(-50%); } .horizontal-center { position: absolute; right: 50%; transform: translateX(50%); } .absolute-center { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } .navbar-nav .megamenu .megamenu-link-list ul { list-style-type: none; padding: 0; margin: 0; -moz-columns: 1; columns: 1; } .navbar-nav .megamenu .megamenu-link-list ul li { padding: 0; } .navbar-nav .megamenu .megamenu-link-list ul li a { font-family: "Nunito Sans", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0.03em; display: block; padding: 10px 5px 10px 5px; } .navbar-nav .megamenu .megamenu-link-list ul li a:hover { text-decoration: none; } .navbar-nav .megamenu .megamenu-link-list ul li a-secondary { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: capitalize; color: #333131; } .navbar-nav .megamenu .megamenu-link-list ul li a-secondary:hover { color: #4B3A2D; } .navbar-nav .megamenu .megamenu-link-list ul li a-tertiary { color: #000000; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 300; text-transform: none; } .navbar-nav .megamenu .megamenu-link-list ul li a-tertiary:hover { color: #4B3A2D; } .fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .fade-out { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .zoom-in { -webkit-animation-name: scale-in-center-long; animation-name: scale-in-center-long; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } [data-animation]:not(.disable-mobile-animation) { will-change: transform, opacity; } [data-animation]:not(.disable-mobile-animation) > [style*="animation-delay"], [data-animation]:not(.disable-mobile-animation) > .container > .row > [style*="animation-delay"] { will-change: transform, opacity; } @media (min-width: 1024px) { [data-animation].disable-mobile-animation { will-change: transform, opacity; } [data-animation].disable-mobile-animation > [style*="animation-delay"], [data-animation].disable-mobile-animation > .container > .row > [style*="animation-delay"] { will-change: transform, opacity; } } .animation-initial-state:not(.disable-mobile-animation) { opacity: 0; } @media (min-width: 1024px) { .animation-initial-state.disable-mobile-animation { opacity: 0; } } .scale-in-center--short:not(.disable-mobile-animation) > [style*="animation-delay"], .scale-in-center--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .scale-in-center--short.disable-mobile-animation > [style*="animation-delay"], .scale-in-center--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .scale-in-center--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .scale-in-center--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .scale-in-center--medium.disable-mobile-animation > [style*="animation-delay"], .scale-in-center--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .scale-in-center--long:not(.disable-mobile-animation) > [style*="animation-delay"], .scale-in-center--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .scale-in-center--long.disable-mobile-animation > [style*="animation-delay"], .scale-in-center--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hinge-drop--short:not(.disable-mobile-animation) { perspective: 1000px; } .hinge-drop--short:not(.disable-mobile-animation) > [style*="animation-delay"], .hinge-drop--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-short 400ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 400ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } @media (min-width: 1024px) { .hinge-drop--short.disable-mobile-animation { perspective: 1000px; } .hinge-drop--short.disable-mobile-animation > [style*="animation-delay"], .hinge-drop--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-short 400ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 400ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } } .hinge-drop--medium:not(.disable-mobile-animation) { perspective: 750px; } .hinge-drop--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .hinge-drop--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-medium 1200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 1200ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } @media (min-width: 1024px) { .hinge-drop--medium.disable-mobile-animation { perspective: 750px; } .hinge-drop--medium.disable-mobile-animation > [style*="animation-delay"], .hinge-drop--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-medium 1200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 1200ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } } .hinge-drop--long:not(.disable-mobile-animation) { perspective: 500px; } .hinge-drop--long:not(.disable-mobile-animation) > [style*="animation-delay"], .hinge-drop--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-long 2000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 2000ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } @media (min-width: 1024px) { .hinge-drop--long.disable-mobile-animation { perspective: 500px; } .hinge-drop--long.disable-mobile-animation > [style*="animation-delay"], .hinge-drop--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-long 2000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 2000ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } } .flip-in-hor-top--short:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-top--short:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-top--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-top--short.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-top--short.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-top--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .flip-in-hor-top--medium:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-top--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-top--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-top--medium.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-top--medium.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-top--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .flip-in-hor-top--long:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-top--long:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-top--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-top--long.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-top--long.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-top--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .flip-in-hor-bottom--short:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-bottom--short:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-bottom--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-bottom--short.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-bottom--short.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-bottom--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .flip-in-hor-bottom--medium:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-bottom--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-bottom--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-bottom--medium.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-bottom--medium.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-bottom--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .flip-in-hor-bottom--long:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-bottom--long:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-bottom--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-bottom--long.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-bottom--long.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-bottom--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .slide-in-top--short:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-top--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-top--short.disable-mobile-animation > [style*="animation-delay"], .slide-in-top--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-top--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-top--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-top--medium.disable-mobile-animation > [style*="animation-delay"], .slide-in-top--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-top--long:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-top--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-top--long.disable-mobile-animation > [style*="animation-delay"], .slide-in-top--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-left--short:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-left--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-left--short.disable-mobile-animation > [style*="animation-delay"], .slide-in-left--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-left--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-left--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-left--medium.disable-mobile-animation > [style*="animation-delay"], .slide-in-left--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-left--long:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-left--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-left--long.disable-mobile-animation > [style*="animation-delay"], .slide-in-left--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-right--short:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-right--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-right--short.disable-mobile-animation > [style*="animation-delay"], .slide-in-right--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-right--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-right--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-right--medium.disable-mobile-animation > [style*="animation-delay"], .slide-in-right--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-right--long:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-right--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-right--long.disable-mobile-animation > [style*="animation-delay"], .slide-in-right--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-bottom--short:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-bottom--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-bottom--short.disable-mobile-animation > [style*="animation-delay"], .slide-in-bottom--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-bottom--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-bottom--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-bottom--medium.disable-mobile-animation > [style*="animation-delay"], .slide-in-bottom--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-bottom--long:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-bottom--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-bottom--long.disable-mobile-animation > [style*="animation-delay"], .slide-in-bottom--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .fade-in--short:not(.disable-mobile-animation) > [style*="animation-delay"], .fade-in--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } @media (min-width: 1024px) { .fade-in--short.disable-mobile-animation > [style*="animation-delay"], .fade-in--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } } .fade-in--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .fade-in--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } @media (min-width: 1024px) { .fade-in--medium.disable-mobile-animation > [style*="animation-delay"], .fade-in--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } } .fade-in--long:not(.disable-mobile-animation) > [style*="animation-delay"], .fade-in--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } @media (min-width: 1024px) { .fade-in--long.disable-mobile-animation > [style*="animation-delay"], .fade-in--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } } .hero-has-animation .tns-item [data-animation^="scale-in-center"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="scale-in-center"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="scale-in-center"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="scale-in-center"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="scale-in-center"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="scale-in-center"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--short { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--medium { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--long { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--short { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--medium { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--long { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hero-has-animation .tns-item [data-animation^="hinge-drop"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="hinge-drop"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="hinge-drop"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="hinge-drop"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="hinge-drop"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="hinge-drop"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--short { -webkit-animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--medium { -webkit-animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--long { -webkit-animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--short { -webkit-animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--medium { -webkit-animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--long { -webkit-animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; } } .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--short { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--medium { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--long { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--short { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--medium { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--long { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--short { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--medium { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--long { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--short { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--medium { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--long { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .hero-has-animation .tns-item [data-animation^="slide-in-top"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-top"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-top"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="slide-in-top"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-top"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-top"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--short { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--medium { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--long { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--short { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--medium { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--long { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hero-has-animation .tns-item [data-animation^="slide-in-left"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-left"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-left"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="slide-in-left"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-left"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-left"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--short { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--medium { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--long { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--short { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--medium { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--long { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hero-has-animation .tns-item [data-animation^="slide-in-right"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-right"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-right"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="slide-in-right"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-right"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-right"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--short { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--medium { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--long { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--short { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--medium { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--long { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hero-has-animation .tns-item [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="slide-in-bottom"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-bottom"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-bottom"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--short { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--medium { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--long { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--short { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--medium { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--long { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hero-has-animation .tns-item [data-animation^="fade-in"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="fade-in"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="fade-in"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="fade-in"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="fade-in"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="fade-in"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--short { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--medium { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--long { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--short { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--medium { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--long { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } } * { text-rendering: geometricPrecision; } .br--0 { border-radius: 0px; } .br--1 { border-radius: 1px; } .br--2 { border-radius: 2px; } .br--3 { border-radius: 3px; } .br--4 { border-radius: 4px; } .br--5 { border-radius: 5px; } .br--6 { border-radius: 6px; } .br--7 { border-radius: 7px; } .br--8 { border-radius: 8px; } .br--9 { border-radius: 9px; } .br--10 { border-radius: 10px; } .br--11 { border-radius: 11px; } .br--12 { border-radius: 12px; } .br--13 { border-radius: 13px; } .br--14 { border-radius: 14px; } .br--15 { border-radius: 15px; } .br--16 { border-radius: 16px; } .br--17 { border-radius: 17px; } .br--18 { border-radius: 18px; } .br--19 { border-radius: 19px; } .br--20 { border-radius: 20px; } .br--21 { border-radius: 21px; } .br--22 { border-radius: 22px; } .br--23 { border-radius: 23px; } .br--24 { border-radius: 24px; } .br--25 { border-radius: 25px; } .br--26 { border-radius: 26px; } .br--27 { border-radius: 27px; } .br--28 { border-radius: 28px; } .br--29 { border-radius: 29px; } .br--30 { border-radius: 30px; } .br--31 { border-radius: 31px; } .br--32 { border-radius: 32px; } .br--33 { border-radius: 33px; } .br--34 { border-radius: 34px; } .br--35 { border-radius: 35px; } .br--36 { border-radius: 36px; } .br--37 { border-radius: 37px; } .br--38 { border-radius: 38px; } .br--39 { border-radius: 39px; } .br--40 { border-radius: 40px; } .br--41 { border-radius: 41px; } .br--42 { border-radius: 42px; } .br--43 { border-radius: 43px; } .br--44 { border-radius: 44px; } .br--45 { border-radius: 45px; } .br--46 { border-radius: 46px; } .br--47 { border-radius: 47px; } .br--48 { border-radius: 48px; } .br--49 { border-radius: 49px; } .br--50 { border-radius: 50px; } .br--51 { border-radius: 51px; } .br--52 { border-radius: 52px; } .br--53 { border-radius: 53px; } .br--54 { border-radius: 54px; } .br--55 { border-radius: 55px; } .br--56 { border-radius: 56px; } .br--57 { border-radius: 57px; } .br--58 { border-radius: 58px; } .br--59 { border-radius: 59px; } .br--60 { border-radius: 60px; } .font--primary { font-family: "Nunito Sans", sans-serif !important; } .font--secondary { font-family: "Lora", Georgia, Times, "Times New Roman", serif !important; } .font--tertiary { font-family: "Nunito Sans", sans-serif !important; } .font--header { font-family: "Lora", Georgia, Times, "Times New Roman", serif !important; } .font--body { font-family: "Nunito Sans", sans-serif !important; } h1, .h1 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 32px; line-height: 1.14; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h1, .h1 { font-size: 38px; line-height: 1.14; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h1, .h1 { font-size: 44px; line-height: 1.11; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } h2, .h2 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 28px; line-height: 1.14; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h2, .h2 { font-size: 32px; line-height: 1.17; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h2, .h2 { font-size: 36px; line-height: 1.15; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } h3, .h3, .product-grid .product-tile .price .sales .value .pricing-member .display-price, .product-grid .product-tile .price .has-only-one-price.sales div[class^="pricing-"] .display-price { font-family: "Nunito Sans", sans-serif; font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h3, .h3, .product-grid .product-tile .price .sales .value .pricing-member .display-price, .product-grid .product-tile .price .has-only-one-price.sales div[class^="pricing-"] .display-price { font-size: 32px; line-height: 1.2; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h3, .h3, .product-grid .product-tile .price .sales .value .pricing-member .display-price, .product-grid .product-tile .price .has-only-one-price.sales div[class^="pricing-"] .display-price { font-size: 36px; line-height: 1.17; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } h4, .h4 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 24px; line-height: 1.25; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h4, .h4 { font-size: 28px; line-height: 1.25; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h4, .h4 { font-size: 30px; line-height: 1.2; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } h5, .h5 { font-family: "Nunito Sans", sans-serif; font-size: 20px; line-height: 1.25; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h5, .h5 { font-size: 22px; line-height: 1.25; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h5, .h5 { font-size: 24px; line-height: 1.2; font-weight: 700; letter-spacing: 0.01em; text-transform: none; font-style: normal; } } h6, .h6 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 16px; line-height: 1.4; font-weight: 500; letter-spacing: normal; text-transform: none; font-style: normal; } @media (min-width: 769px) { h6, .h6 { font-size: 17px; line-height: 1.4; font-weight: 500; letter-spacing: normal; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h6, .h6 { font-size: 18px; line-height: 1.4; font-weight: 500; letter-spacing: normal; text-transform: none; font-style: normal; } } h7, .h7 { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 14px; line-height: 1.14; font-weight: 500; letter-spacing: 0.4px; text-transform: none; font-style: normal; } @media (min-width: 769px) { h7, .h7 { font-size: 15px; line-height: 1.14; font-weight: 500; letter-spacing: 0.4px; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h7, .h7 { font-size: 16px; line-height: 1.11; font-weight: 500; letter-spacing: 0.4px; text-transform: none; font-style: normal; } } h4-alt, .h4-alt { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 24px; line-height: 1.25; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: italic; } @media (min-width: 769px) { h4-alt, .h4-alt { font-size: 28px; line-height: 1.25; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: italic; } } @media (min-width: 1024px) { h4-alt, .h4-alt { font-size: 30px; line-height: 1.2; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: italic; } } h6-alt, .h6-alt, .product-grid .product-tile .price .sales .value .from-label-text { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 1.4; font-weight: 700; letter-spacing: normal; text-transform: none; font-style: normal; } @media (min-width: 769px) { h6-alt, .h6-alt, .product-grid .product-tile .price .sales .value .from-label-text { font-size: 17px; line-height: 1.4; font-weight: 700; letter-spacing: normal; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h6-alt, .h6-alt, .product-grid .product-tile .price .sales .value .from-label-text { font-size: 18px; line-height: 1.4; font-weight: 700; letter-spacing: normal; text-transform: none; font-style: normal; } } .font-weight--100 { font-weight: 100 !important; } .font-weight--200 { font-weight: 200 !important; } .font-weight--300 { font-weight: 300 !important; } .font-weight--400 { font-weight: 400 !important; } .font-weight--500 { font-weight: 500 !important; } .font-weight--600 { font-weight: 600 !important; } .font-weight--700 { font-weight: 700 !important; } .letter-spacing--0 { letter-spacing: 0px; } .letter-spacing--1 { letter-spacing: 1px; } .letter-spacing--2 { letter-spacing: 2px; } .letter-spacing--3 { letter-spacing: 3px; } .letter-spacing--4 { letter-spacing: 4px; } .letter-spacing--5 { letter-spacing: 5px; } .letter-spacing--6 { letter-spacing: 6px; } .letter-spacing--7 { letter-spacing: 7px; } .letter-spacing--8 { letter-spacing: 8px; } .letter-spacing--9 { letter-spacing: 9px; } .letter-spacing--10 { letter-spacing: 10px; } .letter-spacing--11 { letter-spacing: 11px; } .letter-spacing--12 { letter-spacing: 12px; } .letter-spacing--13 { letter-spacing: 13px; } .letter-spacing--14 { letter-spacing: 14px; } .letter-spacing--15 { letter-spacing: 15px; } .letter-spacing--16 { letter-spacing: 16px; } .letter-spacing--17 { letter-spacing: 17px; } .letter-spacing--18 { letter-spacing: 18px; } .letter-spacing--19 { letter-spacing: 19px; } .letter-spacing--20 { letter-spacing: 20px; } .letter-spacing--21 { letter-spacing: 21px; } .letter-spacing--22 { letter-spacing: 22px; } .letter-spacing--23 { letter-spacing: 23px; } .letter-spacing--24 { letter-spacing: 24px; } .letter-spacing--25 { letter-spacing: 25px; } .letter-spacing--26 { letter-spacing: 26px; } .letter-spacing--27 { letter-spacing: 27px; } .letter-spacing--28 { letter-spacing: 28px; } .letter-spacing--29 { letter-spacing: 29px; } .letter-spacing--30 { letter-spacing: 30px; } p, .p { font-size: 13px; letter-spacing: normal; margin-bottom: 16px; line-height: 1.4; } @media (min-width: 1024px) { p, .p { font-size: 14px; } } @media (min-width: 1024px) { p, .p { line-height: 1.4; } } p--small, .p--small { font-size: 12px; line-height: 1.4; } @media (min-width: 1024px) { p--small, .p--small { font-size: 13px; } } @media (min-width: 1024px) { p--small, .p--small { line-height: 16px; } } p--large, .p--large { font-size: 14px; } @media (min-width: 1024px) { p--large, .p--large { font-size: 16px; } } small { font-size: 12px; } @media (min-width: 1024px) { small { font-size: 13px; } } .lead { font-size: 14px; } @media (min-width: 1024px) { .lead { font-size: 16px; } } .font-size--60 { font-size: 60px !important; } .font-size--61 { font-size: 61px !important; } .font-size--62 { font-size: 62px !important; } .font-size--63 { font-size: 63px !important; } .font-size--64 { font-size: 64px !important; } .font-size--65 { font-size: 65px !important; } .font-size--66 { font-size: 66px !important; } .font-size--67 { font-size: 67px !important; } .font-size--68 { font-size: 68px !important; } .font-size--69 { font-size: 69px !important; } .font-size--70 { font-size: 70px !important; } .font-size--71 { font-size: 71px !important; } .font-size--72 { font-size: 72px !important; } .font-size--73 { font-size: 73px !important; } .font-size--74 { font-size: 74px !important; } .font-size--75 { font-size: 75px !important; } .font-size--76 { font-size: 76px !important; } .font-size--77 { font-size: 77px !important; } .font-size--78 { font-size: 78px !important; } .font-size--79 { font-size: 79px !important; } .font-size--80 { font-size: 80px !important; } .font-size--81 { font-size: 81px !important; } .font-size--82 { font-size: 82px !important; } .font-size--83 { font-size: 83px !important; } .font-size--84 { font-size: 84px !important; } .font-size--85 { font-size: 85px !important; } .font-size--86 { font-size: 86px !important; } .font-size--87 { font-size: 87px !important; } .font-size--88 { font-size: 88px !important; } .font-size--89 { font-size: 89px !important; } .font-size--90 { font-size: 90px !important; } .text-link { color: #333131; font-weight: 600; text-decoration: underline; cursor: pointer; text-transform: uppercase; font-weight: bold; } .text-link:hover { color: #4B3A2D; text-decoration: underline; } .dark-theme .text-link { color: #FFFFFF; } .dark-theme .text-link:hover { color: #FFFFFF; } .text-link-secondary { color: #333131; font-weight: 600; text-decoration: underline; cursor: pointer; font-size: 13px; font-weight: 600; letter-spacing: 0.033em; } .text-link-secondary:hover { color: #4B3A2D; text-decoration: underline; } .dark-theme .text-link-secondary { color: #FFFFFF; } .dark-theme .text-link-secondary:hover { color: #FFFFFF; } .text-link-tertiary { color: #333131; font-weight: 600; text-decoration: underline; cursor: pointer; font-size: 12px; font-weight: 600; text-transform: none; } .text-link-tertiary:hover { color: #4B3A2D; text-decoration: underline; } .dark-theme .text-link-tertiary { color: #FFFFFF; } .dark-theme .text-link-tertiary:hover { color: #FFFFFF; } .navigation-link { font-family: "Nunito Sans", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0.03em; } .navigation-link:hover { text-decoration: none; } .navigation-link-secondary { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: capitalize; color: #333131; } .navigation-link-secondary:hover { color: #4B3A2D; } .navigation-link-tertiary { color: #000000; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 300; text-transform: none; } .navigation-link-tertiary:hover { color: #4B3A2D; } .navigation-link-secondary { font-family: "Nunito Sans", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0.03em; text-transform: none; } .navigation-link-secondary:hover { text-decoration: none; } .navigation-link-secondary-secondary { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: capitalize; color: #333131; } .navigation-link-secondary-secondary:hover { color: #4B3A2D; } .navigation-link-secondary-tertiary { color: #000000; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 300; text-transform: none; } .navigation-link-secondary-tertiary:hover { color: #4B3A2D; } .navigation-link-tertiary { font-family: "Nunito Sans", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0.03em; font-weight: 600; text-transform: none; color: #333131; } .navigation-link-tertiary:hover { text-decoration: none; } .navigation-link-tertiary-secondary { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: capitalize; color: #333131; } .navigation-link-tertiary-secondary:hover { color: #4B3A2D; } .navigation-link-tertiary-tertiary { color: #000000; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 300; text-transform: none; } .navigation-link-tertiary-tertiary:hover { color: #4B3A2D; } p--xs, .p--xs { font-size: 8px; letter-spacing: 0.4px; font-weight: 700; line-height: 1; } @media (min-width: 1024px) { p--xs, .p--xs { font-size: 8px; } } @media (min-width: 1024px) { p--xs, .p--xs { line-height: 1; } } p--alt, .p--alt { font-size: 10px; font-family: "Lora", Georgia, Times, "Times New Roman", serif; line-height: normal; } @media (min-width: 1024px) { p--alt, .p--alt { font-size: 12px; } } @media (min-width: 1024px) { p--alt, .p--alt { line-height: normal; } } .btn, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; } .btn[class*="icon-"], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class*="icon-"], .btn[class^="icon-"], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); } .btn[class*="icon-"]:before, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class*="icon-"]:before, .btn[class^="icon-"]:before, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .btn-primary { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; background-color: #4B3A2D; border-width: 2px; border-radius: 40px; border-color: #4B3A2D; text-decoration: none; text-align: center; font-weight: 700; padding: 9px 30px 7px 30px; } .btn-primary:hover, .btn-primary:focus, .btn-primary[aria-describedby*="popover"] { color: #FFFFFF; background-color: #333131; border-color: #333131; text-decoration: none; } .dark-theme .btn-primary { color: #FFFFFF; } .dark-theme .btn-primary:hover { color: #FFFFFF; } .btn-primary[class*="icon-"], .btn-primary[class^="icon-"] { padding-left: calc(30px * 2); } .btn-primary[class*="icon-"]:before, .btn-primary[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .btn-primary-outline { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; background-color: #4B3A2D; border-width: 2px; border-radius: 40px; border-color: #4B3A2D; text-decoration: none; text-align: center; font-weight: 700; padding: 9px 30px 7px 30px; background-color: #FFFFFF; color: #4B3A2D; border-color: #4B3A2D; } .btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline[aria-describedby*="popover"] { color: #FFFFFF; background-color: #333131; border-color: #333131; text-decoration: none; } .dark-theme .btn-primary-outline { color: #FFFFFF; } .dark-theme .btn-primary-outline:hover { color: #FFFFFF; } .btn-primary-outline[class*="icon-"], .btn-primary-outline[class^="icon-"] { padding-left: calc(30px * 2); } .btn-primary-outline[class*="icon-"]:before, .btn-primary-outline[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .dark-theme .btn-primary-outline { color: #4B3A2D; } .btn-primary-outline:hover { background-color: #4B3A2D; color: #FFFFFF; border-color: #4B3A2D; } .btn-secondary { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; border-width: 2px; border-radius: 40px; background-color: #AD2E24; border-color: #AD2E24; text-decoration: none; text-align: center; font-weight: 700; padding: 9px 30px 7px 30px; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary[aria-describedby*="popover"] { color: #FFFFFF; background-color: #C42E22; border-color: #C42E22; text-decoration: none; } .dark-theme .btn-secondary { color: #FFFFFF; } .dark-theme .btn-secondary:hover { color: #FFFFFF; } .btn-secondary[class*="icon-"], .btn-secondary[class^="icon-"] { padding-left: calc(30px * 2); } .btn-secondary[class*="icon-"]:before, .btn-secondary[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .btn-secondary-outline { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; border-width: 2px; border-radius: 40px; background-color: #AD2E24; border-color: #AD2E24; text-decoration: none; text-align: center; font-weight: 700; padding: 9px 30px 7px 30px; background-color: #FFFFFF; color: #AD2E24; border-color: #AD2E24; } .btn-secondary-outline:hover, .btn-secondary-outline:focus, .btn-secondary-outline[aria-describedby*="popover"] { color: #FFFFFF; background-color: #C42E22; border-color: #C42E22; text-decoration: none; } .dark-theme .btn-secondary-outline { color: #FFFFFF; } .dark-theme .btn-secondary-outline:hover { color: #FFFFFF; } .btn-secondary-outline[class*="icon-"], .btn-secondary-outline[class^="icon-"] { padding-left: calc(30px * 2); } .btn-secondary-outline[class*="icon-"]:before, .btn-secondary-outline[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .dark-theme .btn-secondary-outline { color: #4B3A2D; } .btn-secondary-outline:hover { background-color: #AD2E24; color: #FFFFFF; border-color: #AD2E24; } .btn-outline-primary { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; background-color: #4B3A2D; border-width: 2px; border-radius: 40px; border-color: #4B3A2D; text-decoration: none; text-align: center; font-weight: 700; padding: 9px 30px 7px 30px; background-color: #FFFFFF; color: #4B3A2D; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary[aria-describedby*="popover"] { color: #FFFFFF; background-color: #333131; border-color: #333131; text-decoration: none; } .dark-theme .btn-outline-primary { color: #FFFFFF; } .dark-theme .btn-outline-primary:hover { color: #FFFFFF; } .btn-outline-primary[class*="icon-"], .btn-outline-primary[class^="icon-"] { padding-left: calc(30px * 2); } .btn-outline-primary[class*="icon-"]:before, .btn-outline-primary[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .btn-outline-secondary { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; border-width: 2px; border-radius: 40px; background-color: #AD2E24; border-color: #AD2E24; text-decoration: none; text-align: center; font-weight: 700; padding: 9px 30px 7px 30px; background-color: #FFFFFF; color: #AD2E24; } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary[aria-describedby*="popover"] { color: #FFFFFF; background-color: #C42E22; border-color: #C42E22; text-decoration: none; } .dark-theme .btn-outline-secondary { color: #FFFFFF; } .dark-theme .btn-outline-secondary:hover { color: #FFFFFF; } .btn-outline-secondary[class*="icon-"], .btn-outline-secondary[class^="icon-"] { padding-left: calc(30px * 2); } .btn-outline-secondary[class*="icon-"]:before, .btn-outline-secondary[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .btn-tertiary, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; letter-spacing: 0.35px; line-height: 20px; padding: 9px 30px 7px 30px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #333131; background-color: transparent; border-radius: 0; border-width: 0 0 1px 0; border-color: #4B3A2D; text-decoration: none; text-align: center; font-weight: 700; padding: 9px 0 2px 0; } .btn-tertiary:hover, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions:hover, .btn-tertiary:focus, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions:focus, .btn-tertiary[aria-describedby*="popover"], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[aria-describedby*="popover"] { color: #AD2E24; background-color: transparent; border-color: #AD2E24; text-decoration: none; } .dark-theme .btn-tertiary, .dark-theme .p-w-r .pr-qa-display .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .pr-qa-display-show-more-questions { color: #FFFFFF; } .dark-theme .btn-tertiary:hover, .dark-theme .p-w-r .pr-qa-display .pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .pr-qa-display-show-more-questions:hover { color: #AD2E24; } .btn-tertiary[class*="icon-"], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class*="icon-"], .btn-tertiary[class^="icon-"], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); } .btn-tertiary[class*="icon-"]:before, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-tertiary[class^="icon-"]:before, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .btn-sm, .btn-group-sm > .btn, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 13px; line-height: 20px; padding: 5px 30px 5px 30px; letter-spacing: 0.35px; } .btn-sm[class*="icon-"], .btn-group-sm > .btn[class*="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class*="icon-"], .btn-sm[class^="icon-"], .btn-group-sm > .btn[class^="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); padding-left: calc(30px * 2); } .btn-sm[class*="icon-"]:before, .btn-group-sm > .btn[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-sm[class^="icon-"]:before, .btn-group-sm > .btn[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .btn-sm.btn-primary, .btn-group-sm > .btn-primary.btn, .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 13px; line-height: 20px; padding: 5px 30px 5px 30px; letter-spacing: 0.35px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; background-color: #4B3A2D; border-width: 2px; border-radius: 40px; border-color: #4B3A2D; text-decoration: none; text-align: center; font-weight: 700; padding: 5px 30px 5px 30px; } .btn-sm.btn-primary:hover, .btn-group-sm > .btn-primary.btn:hover, .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions:hover, .btn-sm.btn-primary:focus, .btn-group-sm > .btn-primary.btn:focus, .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions:focus, .btn-sm.btn-primary[aria-describedby*="popover"], .btn-group-sm > .btn-primary.btn[aria-describedby*="popover"], .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions[aria-describedby*="popover"] { color: #FFFFFF; background-color: #333131; border-color: #333131; text-decoration: none; } .dark-theme .btn-sm.btn-primary, .dark-theme .btn-group-sm > .btn-primary.btn, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions { color: #FFFFFF; } .dark-theme .btn-sm.btn-primary:hover, .dark-theme .btn-group-sm > .btn-primary.btn:hover, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions:hover { color: #FFFFFF; } .btn-sm.btn-primary[class*="icon-"], .btn-group-sm > .btn-primary.btn[class*="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions[class*="icon-"], .btn-sm.btn-primary[class^="icon-"], .btn-group-sm > .btn-primary.btn[class^="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); padding-left: calc(30px * 2); } .btn-sm.btn-primary[class*="icon-"]:before, .btn-group-sm > .btn-primary.btn[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-sm.btn-primary[class^="icon-"]:before, .btn-group-sm > .btn-primary.btn[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-primary.pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .btn-sm.btn-secondary, .btn-group-sm > .btn-secondary.btn, .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions, .btn-sm.btn-outline-primary, .btn-group-sm > .btn-outline-primary.btn, .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 13px; line-height: 20px; padding: 5px 30px 5px 30px; letter-spacing: 0.35px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #FFFFFF; border-width: 2px; border-radius: 40px; background-color: #AD2E24; border-color: #AD2E24; text-decoration: none; text-align: center; font-weight: 700; padding: 5px 30px 5px 30px; } .btn-sm.btn-secondary:hover, .btn-group-sm > .btn-secondary.btn:hover, .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions:hover, .btn-sm.btn-secondary:focus, .btn-group-sm > .btn-secondary.btn:focus, .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions:focus, .btn-sm.btn-secondary[aria-describedby*="popover"], .btn-group-sm > .btn-secondary.btn[aria-describedby*="popover"], .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions[aria-describedby*="popover"], .btn-sm.btn-outline-primary:hover, .btn-group-sm > .btn-outline-primary.btn:hover, .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions:hover, .btn-sm.btn-outline-primary:focus, .btn-group-sm > .btn-outline-primary.btn:focus, .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions:focus, .btn-sm.btn-outline-primary[aria-describedby*="popover"], .btn-group-sm > .btn-outline-primary.btn[aria-describedby*="popover"], .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions[aria-describedby*="popover"] { color: #FFFFFF; background-color: #C42E22; border-color: #C42E22; text-decoration: none; } .dark-theme .btn-sm.btn-secondary, .dark-theme .btn-group-sm > .btn-secondary.btn, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions, .dark-theme .btn-sm.btn-outline-primary, .dark-theme .btn-group-sm > .btn-outline-primary.btn, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions { color: #FFFFFF; } .dark-theme .btn-sm.btn-secondary:hover, .dark-theme .btn-group-sm > .btn-secondary.btn:hover, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions:hover, .dark-theme .btn-sm.btn-outline-primary:hover, .dark-theme .btn-group-sm > .btn-outline-primary.btn:hover, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions:hover { color: #FFFFFF; } .btn-sm.btn-secondary[class*="icon-"], .btn-group-sm > .btn-secondary.btn[class*="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions[class*="icon-"], .btn-sm.btn-secondary[class^="icon-"], .btn-group-sm > .btn-secondary.btn[class^="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions[class^="icon-"], .btn-sm.btn-outline-primary[class*="icon-"], .btn-group-sm > .btn-outline-primary.btn[class*="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions[class*="icon-"], .btn-sm.btn-outline-primary[class^="icon-"], .btn-group-sm > .btn-outline-primary.btn[class^="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); padding-left: calc(30px * 2); } .btn-sm.btn-secondary[class*="icon-"]:before, .btn-group-sm > .btn-secondary.btn[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-sm.btn-secondary[class^="icon-"]:before, .btn-group-sm > .btn-secondary.btn[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-secondary.pr-qa-display-show-more-questions[class^="icon-"]:before, .btn-sm.btn-outline-primary[class*="icon-"]:before, .btn-group-sm > .btn-outline-primary.btn[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-sm.btn-outline-primary[class^="icon-"]:before, .btn-group-sm > .btn-outline-primary.btn[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .btn-outline-primary.pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .btn-sm.btn-tertiary, .btn-group-sm > .btn-tertiary.btn, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 2px; border-style: solid; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 40px; text-align: center; font-weight: 700; font-size: 13px; line-height: 20px; padding: 5px 30px 5px 30px; letter-spacing: 0.35px; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; color: #333131; background-color: transparent; border-radius: 0; border-width: 0 0 1px 0; border-color: #4B3A2D; text-decoration: none; text-align: center; font-weight: 700; padding: 5px 0 5px 0; } .btn-sm.btn-tertiary:hover, .btn-group-sm > .btn-tertiary.btn:hover, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions:hover, .btn-sm.btn-tertiary:focus, .btn-group-sm > .btn-tertiary.btn:focus, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions:focus, .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions:focus, .btn-sm.btn-tertiary[aria-describedby*="popover"], .btn-group-sm > .btn-tertiary.btn[aria-describedby*="popover"], .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[aria-describedby*="popover"], .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions[aria-describedby*="popover"] { color: #AD2E24; background-color: transparent; border-color: #AD2E24; text-decoration: none; } .dark-theme .btn-sm.btn-tertiary, .dark-theme .btn-group-sm > .btn-tertiary.btn, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .pr-qa-display-show-more-questions, .dark-theme .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .dark-theme .btn-sm.pr-qa-display-show-more-questions { color: #FFFFFF; } .dark-theme .btn-sm.btn-tertiary:hover, .dark-theme .btn-group-sm > .btn-tertiary.btn:hover, .dark-theme .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .btn-group-sm > .pr-qa-display-show-more-questions:hover, .dark-theme .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions:hover, .p-w-r .pr-qa-display .dark-theme .btn-sm.pr-qa-display-show-more-questions:hover { color: #AD2E24; } .btn-sm.btn-tertiary[class*="icon-"], .btn-group-sm > .btn-tertiary.btn[class*="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class*="icon-"], .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions[class*="icon-"], .btn-sm.btn-tertiary[class^="icon-"], .btn-group-sm > .btn-tertiary.btn[class^="icon-"], .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class^="icon-"], .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions[class^="icon-"] { padding-left: calc(30px * 2); padding-left: calc(30px * 2); } .btn-sm.btn-tertiary[class*="icon-"]:before, .btn-group-sm > .btn-tertiary.btn[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class*="icon-"]:before, .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions[class*="icon-"]:before, .btn-sm.btn-tertiary[class^="icon-"]:before, .btn-group-sm > .btn-tertiary.btn[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-group-sm > .pr-qa-display-show-more-questions[class^="icon-"]:before, .p-w-r .pr-qa-display .btn-sm.pr-qa-display-show-more-questions[class^="icon-"]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .btn-block, .btn-block-alt { display: block; width: 100%; } .btn-square { border-radius: 5px; } .btn.disabled, .p-w-r .pr-qa-display .disabled.pr-qa-display-show-more-questions, .btn:disabled, .p-w-r .pr-qa-display .pr-qa-display-show-more-questions:disabled, .btn[disabled], .p-w-r .pr-qa-display .pr-qa-display-show-more-questions[disabled] { opacity: 1; background-color: #e6e6e6; color: #989797; border-color: #e6e6e6; } .hero-content-light-bg { padding: 16px; background-color: rgba(255, 255, 255, 0.5); } @media (min-width: 769px) { .col-md-1-5 { flex: 0 0 20%; max-width: 20%; } } .btn.btn-block, .p-w-r .pr-qa-display .btn-block.pr-qa-display-show-more-questions { border-radius: 5px !important; } .btn.btn-block-alt, .p-w-r .pr-qa-display .btn-block-alt.pr-qa-display-show-more-questions { border-radius: 5px !important; } [class*='experience-commerce_layouts'] .mobile-2r-1c .region .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) { height: 100%; } [class*='experience-commerce_layouts'] .no-col-padding .region { padding-left: 0; padding-right: 0; } .align-items-center .slider { align-items: center; display: flex; } .box-shadow { box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05), 2px 6px 8px 2px rgba(0, 0, 0, 0.05); } .z-index-header { z-index: 1039 !important; } .view-product-dimensions { padding: 10px 0px 0px 107px; font-size: 14px; font-weight: 600; line-height: 22px; letter-spacing: 0.4%; } .inline-list ul { display: flex; flex-flow: row wrap; } .inline-list ul li { padding: 0 32px 8px 0; } .text-transform-none { text-transform: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-25 { max-width: 25% !important; } .mw-50 { max-width: 50% !important; } .mw-75 { max-width: 75% !important; } .mw-100 { max-width: 100% !important; } .mw-auto { max-width: auto !important; } .mh-25 { max-height: 25% !important; } .mh-50 { max-height: 50% !important; } .mh-75 { max-height: 75% !important; } .mh-100 { max-height: 100% !important; } .mh-auto { max-height: auto !important; } @media (min-width: 544px) { .w-sm-25 { width: 25% !important; } .w-sm-50 { width: 50% !important; } .w-sm-75 { width: 75% !important; } .w-sm-100 { width: 100% !important; } .w-sm-auto { width: auto !important; } .h-sm-25 { height: 25% !important; } .h-sm-50 { height: 50% !important; } .h-sm-75 { height: 75% !important; } .h-sm-100 { height: 100% !important; } .h-sm-auto { height: auto !important; } .mw-sm-25 { max-width: 25% !important; } .mw-sm-50 { max-width: 50% !important; } .mw-sm-75 { max-width: 75% !important; } .mw-sm-100 { max-width: 100% !important; } .mw-sm-auto { max-width: auto !important; } .mh-sm-25 { max-height: 25% !important; } .mh-sm-50 { max-height: 50% !important; } .mh-sm-75 { max-height: 75% !important; } .mh-sm-100 { max-height: 100% !important; } .mh-sm-auto { max-height: auto !important; } } @media (min-width: 769px) { .w-md-25 { width: 25% !important; } .w-md-50 { width: 50% !important; } .w-md-75 { width: 75% !important; } .w-md-100 { width: 100% !important; } .w-md-auto { width: auto !important; } .h-md-25 { height: 25% !important; } .h-md-50 { height: 50% !important; } .h-md-75 { height: 75% !important; } .h-md-100 { height: 100% !important; } .h-md-auto { height: auto !important; } .mw-md-25 { max-width: 25% !important; } .mw-md-50 { max-width: 50% !important; } .mw-md-75 { max-width: 75% !important; } .mw-md-100 { max-width: 100% !important; } .mw-md-auto { max-width: auto !important; } .mh-md-25 { max-height: 25% !important; } .mh-md-50 { max-height: 50% !important; } .mh-md-75 { max-height: 75% !important; } .mh-md-100 { max-height: 100% !important; } .mh-md-auto { max-height: auto !important; } } @media (min-width: 1024px) { .w-lg-25 { width: 25% !important; } .w-lg-50 { width: 50% !important; } .w-lg-75 { width: 75% !important; } .w-lg-100 { width: 100% !important; } .w-lg-auto { width: auto !important; } .h-lg-25 { height: 25% !important; } .h-lg-50 { height: 50% !important; } .h-lg-75 { height: 75% !important; } .h-lg-100 { height: 100% !important; } .h-lg-auto { height: auto !important; } .mw-lg-25 { max-width: 25% !important; } .mw-lg-50 { max-width: 50% !important; } .mw-lg-75 { max-width: 75% !important; } .mw-lg-100 { max-width: 100% !important; } .mw-lg-auto { max-width: auto !important; } .mh-lg-25 { max-height: 25% !important; } .mh-lg-50 { max-height: 50% !important; } .mh-lg-75 { max-height: 75% !important; } .mh-lg-100 { max-height: 100% !important; } .mh-lg-auto { max-height: auto !important; } } @media (min-width: 1440px) { .w-xl-25 { width: 25% !important; } .w-xl-50 { width: 50% !important; } .w-xl-75 { width: 75% !important; } .w-xl-100 { width: 100% !important; } .w-xl-auto { width: auto !important; } .h-xl-25 { height: 25% !important; } .h-xl-50 { height: 50% !important; } .h-xl-75 { height: 75% !important; } .h-xl-100 { height: 100% !important; } .h-xl-auto { height: auto !important; } .mw-xl-25 { max-width: 25% !important; } .mw-xl-50 { max-width: 50% !important; } .mw-xl-75 { max-width: 75% !important; } .mw-xl-100 { max-width: 100% !important; } .mw-xl-auto { max-width: auto !important; } .mh-xl-25 { max-height: 25% !important; } .mh-xl-50 { max-height: 50% !important; } .mh-xl-75 { max-height: 75% !important; } .mh-xl-100 { max-height: 100% !important; } .mh-xl-auto { max-height: auto !important; } } .pull-left-xs { float: left; } .pull-right-xs { float: right; } @media (min-width: 544px) and (max-width: 768.98px) { .pull-left-sm { float: left; } .pull-right-sm { float: right; } } @media (min-width: 769px) and (max-width: 1023.98px) { .pull-left-md { float: left; } .pull-right-md { float: right; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .pull-left-lg { float: left; } .pull-right-lg { float: right; } } @media (min-width: 1440px) { .pull-left-xl { float: left; } .pull-right-xl { float: right; } } @media (max-width: 543.98px) { .hidden-xs-down { display: none !important; } } @media (max-width: 768.98px) { .hidden-sm-down { display: none !important; } } @media (max-width: 1023.98px) { .hidden-md-down { display: none !important; } } @media (max-width: 1439.98px) { .hidden-lg-down { display: none !important; } } .hidden-xl-down { display: none !important; } .row.equal-height > [class^="col"] { display: flex; } .flag-icon-background, .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { position: relative; display: inline-block; width: 1.33333em; line-height: 1em; } .flag-icon:before { content: '\A0'; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ad { background-image: url(../fonts/flags//4x3/ad.svg); } .flag-icon-ad.flag-icon-squared { background-image: url(../fonts/flags//1x1/ad.svg); } .flag-icon-ae { background-image: url(../fonts/flags//4x3/ae.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(../fonts/flags//1x1/ae.svg); } .flag-icon-af { background-image: url(../fonts/flags//4x3/af.svg); } .flag-icon-af.flag-icon-squared { background-image: url(../fonts/flags//1x1/af.svg); } .flag-icon-ag { background-image: url(../fonts/flags//4x3/ag.svg); } .flag-icon-ag.flag-icon-squared { background-image: url(../fonts/flags//1x1/ag.svg); } .flag-icon-ai { background-image: url(../fonts/flags//4x3/ai.svg); } .flag-icon-ai.flag-icon-squared { background-image: url(../fonts/flags//1x1/ai.svg); } .flag-icon-al { background-image: url(../fonts/flags//4x3/al.svg); } .flag-icon-al.flag-icon-squared { background-image: url(../fonts/flags//1x1/al.svg); } .flag-icon-am { background-image: url(../fonts/flags//4x3/am.svg); } .flag-icon-am.flag-icon-squared { background-image: url(../fonts/flags//1x1/am.svg); } .flag-icon-ao { background-image: url(../fonts/flags//4x3/ao.svg); } .flag-icon-ao.flag-icon-squared { background-image: url(../fonts/flags//1x1/ao.svg); } .flag-icon-aq { background-image: url(../fonts/flags//4x3/aq.svg); } .flag-icon-aq.flag-icon-squared { background-image: url(../fonts/flags//1x1/aq.svg); } .flag-icon-ar { background-image: url(../fonts/flags//4x3/ar.svg); } .flag-icon-ar.flag-icon-squared { background-image: url(../fonts/flags//1x1/ar.svg); } .flag-icon-as { background-image: url(../fonts/flags//4x3/as.svg); } .flag-icon-as.flag-icon-squared { background-image: url(../fonts/flags//1x1/as.svg); } .flag-icon-at { background-image: url(../fonts/flags//4x3/at.svg); } .flag-icon-at.flag-icon-squared { background-image: url(../fonts/flags//1x1/at.svg); } .flag-icon-au { background-image: url(../fonts/flags//4x3/au.svg); } .flag-icon-au.flag-icon-squared { background-image: url(../fonts/flags//1x1/au.svg); } .flag-icon-aw { background-image: url(../fonts/flags//4x3/aw.svg); } .flag-icon-aw.flag-icon-squared { background-image: url(../fonts/flags//1x1/aw.svg); } .flag-icon-ax { background-image: url(../fonts/flags//4x3/ax.svg); } .flag-icon-ax.flag-icon-squared { background-image: url(../fonts/flags//1x1/ax.svg); } .flag-icon-az { background-image: url(../fonts/flags//4x3/az.svg); } .flag-icon-az.flag-icon-squared { background-image: url(../fonts/flags//1x1/az.svg); } .flag-icon-ba { background-image: url(../fonts/flags//4x3/ba.svg); } .flag-icon-ba.flag-icon-squared { background-image: url(../fonts/flags//1x1/ba.svg); } .flag-icon-bb { background-image: url(../fonts/flags//4x3/bb.svg); } .flag-icon-bb.flag-icon-squared { background-image: url(../fonts/flags//1x1/bb.svg); } .flag-icon-bd { background-image: url(../fonts/flags//4x3/bd.svg); } .flag-icon-bd.flag-icon-squared { background-image: url(../fonts/flags//1x1/bd.svg); } .flag-icon-be { background-image: url(../fonts/flags//4x3/be.svg); } .flag-icon-be.flag-icon-squared { background-image: url(../fonts/flags//1x1/be.svg); } .flag-icon-bf { background-image: url(../fonts/flags//4x3/bf.svg); } .flag-icon-bf.flag-icon-squared { background-image: url(../fonts/flags//1x1/bf.svg); } .flag-icon-bg { background-image: url(../fonts/flags//4x3/bg.svg); } .flag-icon-bg.flag-icon-squared { background-image: url(../fonts/flags//1x1/bg.svg); } .flag-icon-bh { background-image: url(../fonts/flags//4x3/bh.svg); } .flag-icon-bh.flag-icon-squared { background-image: url(../fonts/flags//1x1/bh.svg); } .flag-icon-bi { background-image: url(../fonts/flags//4x3/bi.svg); } .flag-icon-bi.flag-icon-squared { background-image: url(../fonts/flags//1x1/bi.svg); } .flag-icon-bj { background-image: url(../fonts/flags//4x3/bj.svg); } .flag-icon-bj.flag-icon-squared { background-image: url(../fonts/flags//1x1/bj.svg); } .flag-icon-bl { background-image: url(../fonts/flags//4x3/bl.svg); } .flag-icon-bl.flag-icon-squared { background-image: url(../fonts/flags//1x1/bl.svg); } .flag-icon-bm { background-image: url(../fonts/flags//4x3/bm.svg); } .flag-icon-bm.flag-icon-squared { background-image: url(../fonts/flags//1x1/bm.svg); } .flag-icon-bn { background-image: url(../fonts/flags//4x3/bn.svg); } .flag-icon-bn.flag-icon-squared { background-image: url(../fonts/flags//1x1/bn.svg); } .flag-icon-bo { background-image: url(../fonts/flags//4x3/bo.svg); } .flag-icon-bo.flag-icon-squared { background-image: url(../fonts/flags//1x1/bo.svg); } .flag-icon-bq { background-image: url(../fonts/flags//4x3/bq.svg); } .flag-icon-bq.flag-icon-squared { background-image: url(../fonts/flags//1x1/bq.svg); } .flag-icon-br { background-image: url(../fonts/flags//4x3/br.svg); } .flag-icon-br.flag-icon-squared { background-image: url(../fonts/flags//1x1/br.svg); } .flag-icon-bs { background-image: url(../fonts/flags//4x3/bs.svg); } .flag-icon-bs.flag-icon-squared { background-image: url(../fonts/flags//1x1/bs.svg); } .flag-icon-bt { background-image: url(../fonts/flags//4x3/bt.svg); } .flag-icon-bt.flag-icon-squared { background-image: url(../fonts/flags//1x1/bt.svg); } .flag-icon-bv { background-image: url(../fonts/flags//4x3/bv.svg); } .flag-icon-bv.flag-icon-squared { background-image: url(../fonts/flags//1x1/bv.svg); } .flag-icon-bw { background-image: url(../fonts/flags//4x3/bw.svg); } .flag-icon-bw.flag-icon-squared { background-image: url(../fonts/flags//1x1/bw.svg); } .flag-icon-by { background-image: url(../fonts/flags//4x3/by.svg); } .flag-icon-by.flag-icon-squared { background-image: url(../fonts/flags//1x1/by.svg); } .flag-icon-bz { background-image: url(../fonts/flags//4x3/bz.svg); } .flag-icon-bz.flag-icon-squared { background-image: url(../fonts/flags//1x1/bz.svg); } .flag-icon-ca { background-image: url(../fonts/flags//4x3/ca.svg); } .flag-icon-ca.flag-icon-squared { background-image: url(../fonts/flags//1x1/ca.svg); } .flag-icon-cc { background-image: url(../fonts/flags//4x3/cc.svg); } .flag-icon-cc.flag-icon-squared { background-image: url(../fonts/flags//1x1/cc.svg); } .flag-icon-cd { background-image: url(../fonts/flags//4x3/cd.svg); } .flag-icon-cd.flag-icon-squared { background-image: url(../fonts/flags//1x1/cd.svg); } .flag-icon-cf { background-image: url(../fonts/flags//4x3/cf.svg); } .flag-icon-cf.flag-icon-squared { background-image: url(../fonts/flags//1x1/cf.svg); } .flag-icon-cg { background-image: url(../fonts/flags//4x3/cg.svg); } .flag-icon-cg.flag-icon-squared { background-image: url(../fonts/flags//1x1/cg.svg); } .flag-icon-ch { background-image: url(../fonts/flags//4x3/ch.svg); } .flag-icon-ch.flag-icon-squared { background-image: url(../fonts/flags//1x1/ch.svg); } .flag-icon-ci { background-image: url(../fonts/flags//4x3/ci.svg); } .flag-icon-ci.flag-icon-squared { background-image: url(../fonts/flags//1x1/ci.svg); } .flag-icon-ck { background-image: url(../fonts/flags//4x3/ck.svg); } .flag-icon-ck.flag-icon-squared { background-image: url(../fonts/flags//1x1/ck.svg); } .flag-icon-cl { background-image: url(../fonts/flags//4x3/cl.svg); } .flag-icon-cl.flag-icon-squared { background-image: url(../fonts/flags//1x1/cl.svg); } .flag-icon-cm { background-image: url(../fonts/flags//4x3/cm.svg); } .flag-icon-cm.flag-icon-squared { background-image: url(../fonts/flags//1x1/cm.svg); } .flag-icon-cn { background-image: url(../fonts/flags//4x3/cn.svg); } .flag-icon-cn.flag-icon-squared { background-image: url(../fonts/flags//1x1/cn.svg); } .flag-icon-co { background-image: url(../fonts/flags//4x3/co.svg); } .flag-icon-co.flag-icon-squared { background-image: url(../fonts/flags//1x1/co.svg); } .flag-icon-cr { background-image: url(../fonts/flags//4x3/cr.svg); } .flag-icon-cr.flag-icon-squared { background-image: url(../fonts/flags//1x1/cr.svg); } .flag-icon-cu { background-image: url(../fonts/flags//4x3/cu.svg); } .flag-icon-cu.flag-icon-squared { background-image: url(../fonts/flags//1x1/cu.svg); } .flag-icon-cv { background-image: url(../fonts/flags//4x3/cv.svg); } .flag-icon-cv.flag-icon-squared { background-image: url(../fonts/flags//1x1/cv.svg); } .flag-icon-cw { background-image: url(../fonts/flags//4x3/cw.svg); } .flag-icon-cw.flag-icon-squared { background-image: url(../fonts/flags//1x1/cw.svg); } .flag-icon-cx { background-image: url(../fonts/flags//4x3/cx.svg); } .flag-icon-cx.flag-icon-squared { background-image: url(../fonts/flags//1x1/cx.svg); } .flag-icon-cy { background-image: url(../fonts/flags//4x3/cy.svg); } .flag-icon-cy.flag-icon-squared { background-image: url(../fonts/flags//1x1/cy.svg); } .flag-icon-cz { background-image: url(../fonts/flags//4x3/cz.svg); } .flag-icon-cz.flag-icon-squared { background-image: url(../fonts/flags//1x1/cz.svg); } .flag-icon-de { background-image: url(../fonts/flags//4x3/de.svg); } .flag-icon-de.flag-icon-squared { background-image: url(../fonts/flags//1x1/de.svg); } .flag-icon-dj { background-image: url(../fonts/flags//4x3/dj.svg); } .flag-icon-dj.flag-icon-squared { background-image: url(../fonts/flags//1x1/dj.svg); } .flag-icon-dk { background-image: url(../fonts/flags//4x3/dk.svg); } .flag-icon-dk.flag-icon-squared { background-image: url(../fonts/flags//1x1/dk.svg); } .flag-icon-dm { background-image: url(../fonts/flags//4x3/dm.svg); } .flag-icon-dm.flag-icon-squared { background-image: url(../fonts/flags//1x1/dm.svg); } .flag-icon-do { background-image: url(../fonts/flags//4x3/do.svg); } .flag-icon-do.flag-icon-squared { background-image: url(../fonts/flags//1x1/do.svg); } .flag-icon-dz { background-image: url(../fonts/flags//4x3/dz.svg); } .flag-icon-dz.flag-icon-squared { background-image: url(../fonts/flags//1x1/dz.svg); } .flag-icon-ec { background-image: url(../fonts/flags//4x3/ec.svg); } .flag-icon-ec.flag-icon-squared { background-image: url(../fonts/flags//1x1/ec.svg); } .flag-icon-ee { background-image: url(../fonts/flags//4x3/ee.svg); } .flag-icon-ee.flag-icon-squared { background-image: url(../fonts/flags//1x1/ee.svg); } .flag-icon-eg { background-image: url(../fonts/flags//4x3/eg.svg); } .flag-icon-eg.flag-icon-squared { background-image: url(../fonts/flags//1x1/eg.svg); } .flag-icon-eh { background-image: url(../fonts/flags//4x3/eh.svg); } .flag-icon-eh.flag-icon-squared { background-image: url(../fonts/flags//1x1/eh.svg); } .flag-icon-er { background-image: url(../fonts/flags//4x3/er.svg); } .flag-icon-er.flag-icon-squared { background-image: url(../fonts/flags//1x1/er.svg); } .flag-icon-es { background-image: url(../fonts/flags//4x3/es.svg); } .flag-icon-es.flag-icon-squared { background-image: url(../fonts/flags//1x1/es.svg); } .flag-icon-et { background-image: url(../fonts/flags//4x3/et.svg); } .flag-icon-et.flag-icon-squared { background-image: url(../fonts/flags//1x1/et.svg); } .flag-icon-fi { background-image: url(../fonts/flags//4x3/fi.svg); } .flag-icon-fi.flag-icon-squared { background-image: url(../fonts/flags//1x1/fi.svg); } .flag-icon-fj { background-image: url(../fonts/flags//4x3/fj.svg); } .flag-icon-fj.flag-icon-squared { background-image: url(../fonts/flags//1x1/fj.svg); } .flag-icon-fk { background-image: url(../fonts/flags//4x3/fk.svg); } .flag-icon-fk.flag-icon-squared { background-image: url(../fonts/flags//1x1/fk.svg); } .flag-icon-fm { background-image: url(../fonts/flags//4x3/fm.svg); } .flag-icon-fm.flag-icon-squared { background-image: url(../fonts/flags//1x1/fm.svg); } .flag-icon-fo { background-image: url(../fonts/flags//4x3/fo.svg); } .flag-icon-fo.flag-icon-squared { background-image: url(../fonts/flags//1x1/fo.svg); } .flag-icon-fr { background-image: url(../fonts/flags//4x3/fr.svg); } .flag-icon-fr.flag-icon-squared { background-image: url(../fonts/flags//1x1/fr.svg); } .flag-icon-ga { background-image: url(../fonts/flags//4x3/ga.svg); } .flag-icon-ga.flag-icon-squared { background-image: url(../fonts/flags//1x1/ga.svg); } .flag-icon-gb { background-image: url(../fonts/flags//4x3/gb.svg); } .flag-icon-gb.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb.svg); } .flag-icon-gd { background-image: url(../fonts/flags//4x3/gd.svg); } .flag-icon-gd.flag-icon-squared { background-image: url(../fonts/flags//1x1/gd.svg); } .flag-icon-ge { background-image: url(../fonts/flags//4x3/ge.svg); } .flag-icon-ge.flag-icon-squared { background-image: url(../fonts/flags//1x1/ge.svg); } .flag-icon-gf { background-image: url(../fonts/flags//4x3/gf.svg); } .flag-icon-gf.flag-icon-squared { background-image: url(../fonts/flags//1x1/gf.svg); } .flag-icon-gg { background-image: url(../fonts/flags//4x3/gg.svg); } .flag-icon-gg.flag-icon-squared { background-image: url(../fonts/flags//1x1/gg.svg); } .flag-icon-gh { background-image: url(../fonts/flags//4x3/gh.svg); } .flag-icon-gh.flag-icon-squared { background-image: url(../fonts/flags//1x1/gh.svg); } .flag-icon-gi { background-image: url(../fonts/flags//4x3/gi.svg); } .flag-icon-gi.flag-icon-squared { background-image: url(../fonts/flags//1x1/gi.svg); } .flag-icon-gl { background-image: url(../fonts/flags//4x3/gl.svg); } .flag-icon-gl.flag-icon-squared { background-image: url(../fonts/flags//1x1/gl.svg); } .flag-icon-gm { background-image: url(../fonts/flags//4x3/gm.svg); } .flag-icon-gm.flag-icon-squared { background-image: url(../fonts/flags//1x1/gm.svg); } .flag-icon-gn { background-image: url(../fonts/flags//4x3/gn.svg); } .flag-icon-gn.flag-icon-squared { background-image: url(../fonts/flags//1x1/gn.svg); } .flag-icon-gp { background-image: url(../fonts/flags//4x3/gp.svg); } .flag-icon-gp.flag-icon-squared { background-image: url(../fonts/flags//1x1/gp.svg); } .flag-icon-gq { background-image: url(../fonts/flags//4x3/gq.svg); } .flag-icon-gq.flag-icon-squared { background-image: url(../fonts/flags//1x1/gq.svg); } .flag-icon-gr { background-image: url(../fonts/flags//4x3/gr.svg); } .flag-icon-gr.flag-icon-squared { background-image: url(../fonts/flags//1x1/gr.svg); } .flag-icon-gs { background-image: url(../fonts/flags//4x3/gs.svg); } .flag-icon-gs.flag-icon-squared { background-image: url(../fonts/flags//1x1/gs.svg); } .flag-icon-gt { background-image: url(../fonts/flags//4x3/gt.svg); } .flag-icon-gt.flag-icon-squared { background-image: url(../fonts/flags//1x1/gt.svg); } .flag-icon-gu { background-image: url(../fonts/flags//4x3/gu.svg); } .flag-icon-gu.flag-icon-squared { background-image: url(../fonts/flags//1x1/gu.svg); } .flag-icon-gw { background-image: url(../fonts/flags//4x3/gw.svg); } .flag-icon-gw.flag-icon-squared { background-image: url(../fonts/flags//1x1/gw.svg); } .flag-icon-gy { background-image: url(../fonts/flags//4x3/gy.svg); } .flag-icon-gy.flag-icon-squared { background-image: url(../fonts/flags//1x1/gy.svg); } .flag-icon-hk { background-image: url(../fonts/flags//4x3/hk.svg); } .flag-icon-hk.flag-icon-squared { background-image: url(../fonts/flags//1x1/hk.svg); } .flag-icon-hm { background-image: url(../fonts/flags//4x3/hm.svg); } .flag-icon-hm.flag-icon-squared { background-image: url(../fonts/flags//1x1/hm.svg); } .flag-icon-hn { background-image: url(../fonts/flags//4x3/hn.svg); } .flag-icon-hn.flag-icon-squared { background-image: url(../fonts/flags//1x1/hn.svg); } .flag-icon-hr { background-image: url(../fonts/flags//4x3/hr.svg); } .flag-icon-hr.flag-icon-squared { background-image: url(../fonts/flags//1x1/hr.svg); } .flag-icon-ht { background-image: url(../fonts/flags//4x3/ht.svg); } .flag-icon-ht.flag-icon-squared { background-image: url(../fonts/flags//1x1/ht.svg); } .flag-icon-hu { background-image: url(../fonts/flags//4x3/hu.svg); } .flag-icon-hu.flag-icon-squared { background-image: url(../fonts/flags//1x1/hu.svg); } .flag-icon-id { background-image: url(../fonts/flags//4x3/id.svg); } .flag-icon-id.flag-icon-squared { background-image: url(../fonts/flags//1x1/id.svg); } .flag-icon-ie { background-image: url(../fonts/flags//4x3/ie.svg); } .flag-icon-ie.flag-icon-squared { background-image: url(../fonts/flags//1x1/ie.svg); } .flag-icon-il { background-image: url(../fonts/flags//4x3/il.svg); } .flag-icon-il.flag-icon-squared { background-image: url(../fonts/flags//1x1/il.svg); } .flag-icon-im { background-image: url(../fonts/flags//4x3/im.svg); } .flag-icon-im.flag-icon-squared { background-image: url(../fonts/flags//1x1/im.svg); } .flag-icon-in { background-image: url(../fonts/flags//4x3/in.svg); } .flag-icon-in.flag-icon-squared { background-image: url(../fonts/flags//1x1/in.svg); } .flag-icon-io { background-image: url(../fonts/flags//4x3/io.svg); } .flag-icon-io.flag-icon-squared { background-image: url(../fonts/flags//1x1/io.svg); } .flag-icon-iq { background-image: url(../fonts/flags//4x3/iq.svg); } .flag-icon-iq.flag-icon-squared { background-image: url(../fonts/flags//1x1/iq.svg); } .flag-icon-ir { background-image: url(../fonts/flags//4x3/ir.svg); } .flag-icon-ir.flag-icon-squared { background-image: url(../fonts/flags//1x1/ir.svg); } .flag-icon-is { background-image: url(../fonts/flags//4x3/is.svg); } .flag-icon-is.flag-icon-squared { background-image: url(../fonts/flags//1x1/is.svg); } .flag-icon-it { background-image: url(../fonts/flags//4x3/it.svg); } .flag-icon-it.flag-icon-squared { background-image: url(../fonts/flags//1x1/it.svg); } .flag-icon-je { background-image: url(../fonts/flags//4x3/je.svg); } .flag-icon-je.flag-icon-squared { background-image: url(../fonts/flags//1x1/je.svg); } .flag-icon-jm { background-image: url(../fonts/flags//4x3/jm.svg); } .flag-icon-jm.flag-icon-squared { background-image: url(../fonts/flags//1x1/jm.svg); } .flag-icon-jo { background-image: url(../fonts/flags//4x3/jo.svg); } .flag-icon-jo.flag-icon-squared { background-image: url(../fonts/flags//1x1/jo.svg); } .flag-icon-jp { background-image: url(../fonts/flags//4x3/jp.svg); } .flag-icon-jp.flag-icon-squared { background-image: url(../fonts/flags//1x1/jp.svg); } .flag-icon-ke { background-image: url(../fonts/flags//4x3/ke.svg); } .flag-icon-ke.flag-icon-squared { background-image: url(../fonts/flags//1x1/ke.svg); } .flag-icon-kg { background-image: url(../fonts/flags//4x3/kg.svg); } .flag-icon-kg.flag-icon-squared { background-image: url(../fonts/flags//1x1/kg.svg); } .flag-icon-kh { background-image: url(../fonts/flags//4x3/kh.svg); } .flag-icon-kh.flag-icon-squared { background-image: url(../fonts/flags//1x1/kh.svg); } .flag-icon-ki { background-image: url(../fonts/flags//4x3/ki.svg); } .flag-icon-ki.flag-icon-squared { background-image: url(../fonts/flags//1x1/ki.svg); } .flag-icon-km { background-image: url(../fonts/flags//4x3/km.svg); } .flag-icon-km.flag-icon-squared { background-image: url(../fonts/flags//1x1/km.svg); } .flag-icon-kn { background-image: url(../fonts/flags//4x3/kn.svg); } .flag-icon-kn.flag-icon-squared { background-image: url(../fonts/flags//1x1/kn.svg); } .flag-icon-kp { background-image: url(../fonts/flags//4x3/kp.svg); } .flag-icon-kp.flag-icon-squared { background-image: url(../fonts/flags//1x1/kp.svg); } .flag-icon-kr { background-image: url(../fonts/flags//4x3/kr.svg); } .flag-icon-kr.flag-icon-squared { background-image: url(../fonts/flags//1x1/kr.svg); } .flag-icon-kw { background-image: url(../fonts/flags//4x3/kw.svg); } .flag-icon-kw.flag-icon-squared { background-image: url(../fonts/flags//1x1/kw.svg); } .flag-icon-ky { background-image: url(../fonts/flags//4x3/ky.svg); } .flag-icon-ky.flag-icon-squared { background-image: url(../fonts/flags//1x1/ky.svg); } .flag-icon-kz { background-image: url(../fonts/flags//4x3/kz.svg); } .flag-icon-kz.flag-icon-squared { background-image: url(../fonts/flags//1x1/kz.svg); } .flag-icon-la { background-image: url(../fonts/flags//4x3/la.svg); } .flag-icon-la.flag-icon-squared { background-image: url(../fonts/flags//1x1/la.svg); } .flag-icon-lb { background-image: url(../fonts/flags//4x3/lb.svg); } .flag-icon-lb.flag-icon-squared { background-image: url(../fonts/flags//1x1/lb.svg); } .flag-icon-lc { background-image: url(../fonts/flags//4x3/lc.svg); } .flag-icon-lc.flag-icon-squared { background-image: url(../fonts/flags//1x1/lc.svg); } .flag-icon-li { background-image: url(../fonts/flags//4x3/li.svg); } .flag-icon-li.flag-icon-squared { background-image: url(../fonts/flags//1x1/li.svg); } .flag-icon-lk { background-image: url(../fonts/flags//4x3/lk.svg); } .flag-icon-lk.flag-icon-squared { background-image: url(../fonts/flags//1x1/lk.svg); } .flag-icon-lr { background-image: url(../fonts/flags//4x3/lr.svg); } .flag-icon-lr.flag-icon-squared { background-image: url(../fonts/flags//1x1/lr.svg); } .flag-icon-ls { background-image: url(../fonts/flags//4x3/ls.svg); } .flag-icon-ls.flag-icon-squared { background-image: url(../fonts/flags//1x1/ls.svg); } .flag-icon-lt { background-image: url(../fonts/flags//4x3/lt.svg); } .flag-icon-lt.flag-icon-squared { background-image: url(../fonts/flags//1x1/lt.svg); } .flag-icon-lu { background-image: url(../fonts/flags//4x3/lu.svg); } .flag-icon-lu.flag-icon-squared { background-image: url(../fonts/flags//1x1/lu.svg); } .flag-icon-lv { background-image: url(../fonts/flags//4x3/lv.svg); } .flag-icon-lv.flag-icon-squared { background-image: url(../fonts/flags//1x1/lv.svg); } .flag-icon-ly { background-image: url(../fonts/flags//4x3/ly.svg); } .flag-icon-ly.flag-icon-squared { background-image: url(../fonts/flags//1x1/ly.svg); } .flag-icon-ma { background-image: url(../fonts/flags//4x3/ma.svg); } .flag-icon-ma.flag-icon-squared { background-image: url(../fonts/flags//1x1/ma.svg); } .flag-icon-mc { background-image: url(../fonts/flags//4x3/mc.svg); } .flag-icon-mc.flag-icon-squared { background-image: url(../fonts/flags//1x1/mc.svg); } .flag-icon-md { background-image: url(../fonts/flags//4x3/md.svg); } .flag-icon-md.flag-icon-squared { background-image: url(../fonts/flags//1x1/md.svg); } .flag-icon-me { background-image: url(../fonts/flags//4x3/me.svg); } .flag-icon-me.flag-icon-squared { background-image: url(../fonts/flags//1x1/me.svg); } .flag-icon-mf { background-image: url(../fonts/flags//4x3/mf.svg); } .flag-icon-mf.flag-icon-squared { background-image: url(../fonts/flags//1x1/mf.svg); } .flag-icon-mg { background-image: url(../fonts/flags//4x3/mg.svg); } .flag-icon-mg.flag-icon-squared { background-image: url(../fonts/flags//1x1/mg.svg); } .flag-icon-mh { background-image: url(../fonts/flags//4x3/mh.svg); } .flag-icon-mh.flag-icon-squared { background-image: url(../fonts/flags//1x1/mh.svg); } .flag-icon-mk { background-image: url(../fonts/flags//4x3/mk.svg); } .flag-icon-mk.flag-icon-squared { background-image: url(../fonts/flags//1x1/mk.svg); } .flag-icon-ml { background-image: url(../fonts/flags//4x3/ml.svg); } .flag-icon-ml.flag-icon-squared { background-image: url(../fonts/flags//1x1/ml.svg); } .flag-icon-mm { background-image: url(../fonts/flags//4x3/mm.svg); } .flag-icon-mm.flag-icon-squared { background-image: url(../fonts/flags//1x1/mm.svg); } .flag-icon-mn { background-image: url(../fonts/flags//4x3/mn.svg); } .flag-icon-mn.flag-icon-squared { background-image: url(../fonts/flags//1x1/mn.svg); } .flag-icon-mo { background-image: url(../fonts/flags//4x3/mo.svg); } .flag-icon-mo.flag-icon-squared { background-image: url(../fonts/flags//1x1/mo.svg); } .flag-icon-mp { background-image: url(../fonts/flags//4x3/mp.svg); } .flag-icon-mp.flag-icon-squared { background-image: url(../fonts/flags//1x1/mp.svg); } .flag-icon-mq { background-image: url(../fonts/flags//4x3/mq.svg); } .flag-icon-mq.flag-icon-squared { background-image: url(../fonts/flags//1x1/mq.svg); } .flag-icon-mr { background-image: url(../fonts/flags//4x3/mr.svg); } .flag-icon-mr.flag-icon-squared { background-image: url(../fonts/flags//1x1/mr.svg); } .flag-icon-ms { background-image: url(../fonts/flags//4x3/ms.svg); } .flag-icon-ms.flag-icon-squared { background-image: url(../fonts/flags//1x1/ms.svg); } .flag-icon-mt { background-image: url(../fonts/flags//4x3/mt.svg); } .flag-icon-mt.flag-icon-squared { background-image: url(../fonts/flags//1x1/mt.svg); } .flag-icon-mu { background-image: url(../fonts/flags//4x3/mu.svg); } .flag-icon-mu.flag-icon-squared { background-image: url(../fonts/flags//1x1/mu.svg); } .flag-icon-mv { background-image: url(../fonts/flags//4x3/mv.svg); } .flag-icon-mv.flag-icon-squared { background-image: url(../fonts/flags//1x1/mv.svg); } .flag-icon-mw { background-image: url(../fonts/flags//4x3/mw.svg); } .flag-icon-mw.flag-icon-squared { background-image: url(../fonts/flags//1x1/mw.svg); } .flag-icon-mx { background-image: url(../fonts/flags//4x3/mx.svg); } .flag-icon-mx.flag-icon-squared { background-image: url(../fonts/flags//1x1/mx.svg); } .flag-icon-my { background-image: url(../fonts/flags//4x3/my.svg); } .flag-icon-my.flag-icon-squared { background-image: url(../fonts/flags//1x1/my.svg); } .flag-icon-mz { background-image: url(../fonts/flags//4x3/mz.svg); } .flag-icon-mz.flag-icon-squared { background-image: url(../fonts/flags//1x1/mz.svg); } .flag-icon-na { background-image: url(../fonts/flags//4x3/na.svg); } .flag-icon-na.flag-icon-squared { background-image: url(../fonts/flags//1x1/na.svg); } .flag-icon-nc { background-image: url(../fonts/flags//4x3/nc.svg); } .flag-icon-nc.flag-icon-squared { background-image: url(../fonts/flags//1x1/nc.svg); } .flag-icon-ne { background-image: url(../fonts/flags//4x3/ne.svg); } .flag-icon-ne.flag-icon-squared { background-image: url(../fonts/flags//1x1/ne.svg); } .flag-icon-nf { background-image: url(../fonts/flags//4x3/nf.svg); } .flag-icon-nf.flag-icon-squared { background-image: url(../fonts/flags//1x1/nf.svg); } .flag-icon-ng { background-image: url(../fonts/flags//4x3/ng.svg); } .flag-icon-ng.flag-icon-squared { background-image: url(../fonts/flags//1x1/ng.svg); } .flag-icon-ni { background-image: url(../fonts/flags//4x3/ni.svg); } .flag-icon-ni.flag-icon-squared { background-image: url(../fonts/flags//1x1/ni.svg); } .flag-icon-nl { background-image: url(../fonts/flags//4x3/nl.svg); } .flag-icon-nl.flag-icon-squared { background-image: url(../fonts/flags//1x1/nl.svg); } .flag-icon-no { background-image: url(../fonts/flags//4x3/no.svg); } .flag-icon-no.flag-icon-squared { background-image: url(../fonts/flags//1x1/no.svg); } .flag-icon-np { background-image: url(../fonts/flags//4x3/np.svg); } .flag-icon-np.flag-icon-squared { background-image: url(../fonts/flags//1x1/np.svg); } .flag-icon-nr { background-image: url(../fonts/flags//4x3/nr.svg); } .flag-icon-nr.flag-icon-squared { background-image: url(../fonts/flags//1x1/nr.svg); } .flag-icon-nu { background-image: url(../fonts/flags//4x3/nu.svg); } .flag-icon-nu.flag-icon-squared { background-image: url(../fonts/flags//1x1/nu.svg); } .flag-icon-nz { background-image: url(../fonts/flags//4x3/nz.svg); } .flag-icon-nz.flag-icon-squared { background-image: url(../fonts/flags//1x1/nz.svg); } .flag-icon-om { background-image: url(../fonts/flags//4x3/om.svg); } .flag-icon-om.flag-icon-squared { background-image: url(../fonts/flags//1x1/om.svg); } .flag-icon-pa { background-image: url(../fonts/flags//4x3/pa.svg); } .flag-icon-pa.flag-icon-squared { background-image: url(../fonts/flags//1x1/pa.svg); } .flag-icon-pe { background-image: url(../fonts/flags//4x3/pe.svg); } .flag-icon-pe.flag-icon-squared { background-image: url(../fonts/flags//1x1/pe.svg); } .flag-icon-pf { background-image: url(../fonts/flags//4x3/pf.svg); } .flag-icon-pf.flag-icon-squared { background-image: url(../fonts/flags//1x1/pf.svg); } .flag-icon-pg { background-image: url(../fonts/flags//4x3/pg.svg); } .flag-icon-pg.flag-icon-squared { background-image: url(../fonts/flags//1x1/pg.svg); } .flag-icon-ph { background-image: url(../fonts/flags//4x3/ph.svg); } .flag-icon-ph.flag-icon-squared { background-image: url(../fonts/flags//1x1/ph.svg); } .flag-icon-pk { background-image: url(../fonts/flags//4x3/pk.svg); } .flag-icon-pk.flag-icon-squared { background-image: url(../fonts/flags//1x1/pk.svg); } .flag-icon-pl { background-image: url(../fonts/flags//4x3/pl.svg); } .flag-icon-pl.flag-icon-squared { background-image: url(../fonts/flags//1x1/pl.svg); } .flag-icon-pm { background-image: url(../fonts/flags//4x3/pm.svg); } .flag-icon-pm.flag-icon-squared { background-image: url(../fonts/flags//1x1/pm.svg); } .flag-icon-pn { background-image: url(../fonts/flags//4x3/pn.svg); } .flag-icon-pn.flag-icon-squared { background-image: url(../fonts/flags//1x1/pn.svg); } .flag-icon-pr { background-image: url(../fonts/flags//4x3/pr.svg); } .flag-icon-pr.flag-icon-squared { background-image: url(../fonts/flags//1x1/pr.svg); } .flag-icon-ps { background-image: url(../fonts/flags//4x3/ps.svg); } .flag-icon-ps.flag-icon-squared { background-image: url(../fonts/flags//1x1/ps.svg); } .flag-icon-pt { background-image: url(../fonts/flags//4x3/pt.svg); } .flag-icon-pt.flag-icon-squared { background-image: url(../fonts/flags//1x1/pt.svg); } .flag-icon-pw { background-image: url(../fonts/flags//4x3/pw.svg); } .flag-icon-pw.flag-icon-squared { background-image: url(../fonts/flags//1x1/pw.svg); } .flag-icon-py { background-image: url(../fonts/flags//4x3/py.svg); } .flag-icon-py.flag-icon-squared { background-image: url(../fonts/flags//1x1/py.svg); } .flag-icon-qa { background-image: url(../fonts/flags//4x3/qa.svg); } .flag-icon-qa.flag-icon-squared { background-image: url(../fonts/flags//1x1/qa.svg); } .flag-icon-re { background-image: url(../fonts/flags//4x3/re.svg); } .flag-icon-re.flag-icon-squared { background-image: url(../fonts/flags//1x1/re.svg); } .flag-icon-ro { background-image: url(../fonts/flags//4x3/ro.svg); } .flag-icon-ro.flag-icon-squared { background-image: url(../fonts/flags//1x1/ro.svg); } .flag-icon-rs { background-image: url(../fonts/flags//4x3/rs.svg); } .flag-icon-rs.flag-icon-squared { background-image: url(../fonts/flags//1x1/rs.svg); } .flag-icon-ru { background-image: url(../fonts/flags//4x3/ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(../fonts/flags//1x1/ru.svg); } .flag-icon-rw { background-image: url(../fonts/flags//4x3/rw.svg); } .flag-icon-rw.flag-icon-squared { background-image: url(../fonts/flags//1x1/rw.svg); } .flag-icon-sa { background-image: url(../fonts/flags//4x3/sa.svg); } .flag-icon-sa.flag-icon-squared { background-image: url(../fonts/flags//1x1/sa.svg); } .flag-icon-sb { background-image: url(../fonts/flags//4x3/sb.svg); } .flag-icon-sb.flag-icon-squared { background-image: url(../fonts/flags//1x1/sb.svg); } .flag-icon-sc { background-image: url(../fonts/flags//4x3/sc.svg); } .flag-icon-sc.flag-icon-squared { background-image: url(../fonts/flags//1x1/sc.svg); } .flag-icon-sd { background-image: url(../fonts/flags//4x3/sd.svg); } .flag-icon-sd.flag-icon-squared { background-image: url(../fonts/flags//1x1/sd.svg); } .flag-icon-se { background-image: url(../fonts/flags//4x3/se.svg); } .flag-icon-se.flag-icon-squared { background-image: url(../fonts/flags//1x1/se.svg); } .flag-icon-sg { background-image: url(../fonts/flags//4x3/sg.svg); } .flag-icon-sg.flag-icon-squared { background-image: url(../fonts/flags//1x1/sg.svg); } .flag-icon-sh { background-image: url(../fonts/flags//4x3/sh.svg); } .flag-icon-sh.flag-icon-squared { background-image: url(../fonts/flags//1x1/sh.svg); } .flag-icon-si { background-image: url(../fonts/flags//4x3/si.svg); } .flag-icon-si.flag-icon-squared { background-image: url(../fonts/flags//1x1/si.svg); } .flag-icon-sj { background-image: url(../fonts/flags//4x3/sj.svg); } .flag-icon-sj.flag-icon-squared { background-image: url(../fonts/flags//1x1/sj.svg); } .flag-icon-sk { background-image: url(../fonts/flags//4x3/sk.svg); } .flag-icon-sk.flag-icon-squared { background-image: url(../fonts/flags//1x1/sk.svg); } .flag-icon-sl { background-image: url(../fonts/flags//4x3/sl.svg); } .flag-icon-sl.flag-icon-squared { background-image: url(../fonts/flags//1x1/sl.svg); } .flag-icon-sm { background-image: url(../fonts/flags//4x3/sm.svg); } .flag-icon-sm.flag-icon-squared { background-image: url(../fonts/flags//1x1/sm.svg); } .flag-icon-sn { background-image: url(../fonts/flags//4x3/sn.svg); } .flag-icon-sn.flag-icon-squared { background-image: url(../fonts/flags//1x1/sn.svg); } .flag-icon-so { background-image: url(../fonts/flags//4x3/so.svg); } .flag-icon-so.flag-icon-squared { background-image: url(../fonts/flags//1x1/so.svg); } .flag-icon-sr { background-image: url(../fonts/flags//4x3/sr.svg); } .flag-icon-sr.flag-icon-squared { background-image: url(../fonts/flags//1x1/sr.svg); } .flag-icon-ss { background-image: url(../fonts/flags//4x3/ss.svg); } .flag-icon-ss.flag-icon-squared { background-image: url(../fonts/flags//1x1/ss.svg); } .flag-icon-st { background-image: url(../fonts/flags//4x3/st.svg); } .flag-icon-st.flag-icon-squared { background-image: url(../fonts/flags//1x1/st.svg); } .flag-icon-sv { background-image: url(../fonts/flags//4x3/sv.svg); } .flag-icon-sv.flag-icon-squared { background-image: url(../fonts/flags//1x1/sv.svg); } .flag-icon-sx { background-image: url(../fonts/flags//4x3/sx.svg); } .flag-icon-sx.flag-icon-squared { background-image: url(../fonts/flags//1x1/sx.svg); } .flag-icon-sy { background-image: url(../fonts/flags//4x3/sy.svg); } .flag-icon-sy.flag-icon-squared { background-image: url(../fonts/flags//1x1/sy.svg); } .flag-icon-sz { background-image: url(../fonts/flags//4x3/sz.svg); } .flag-icon-sz.flag-icon-squared { background-image: url(../fonts/flags//1x1/sz.svg); } .flag-icon-tc { background-image: url(../fonts/flags//4x3/tc.svg); } .flag-icon-tc.flag-icon-squared { background-image: url(../fonts/flags//1x1/tc.svg); } .flag-icon-td { background-image: url(../fonts/flags//4x3/td.svg); } .flag-icon-td.flag-icon-squared { background-image: url(../fonts/flags//1x1/td.svg); } .flag-icon-tf { background-image: url(../fonts/flags//4x3/tf.svg); } .flag-icon-tf.flag-icon-squared { background-image: url(../fonts/flags//1x1/tf.svg); } .flag-icon-tg { background-image: url(../fonts/flags//4x3/tg.svg); } .flag-icon-tg.flag-icon-squared { background-image: url(../fonts/flags//1x1/tg.svg); } .flag-icon-th { background-image: url(../fonts/flags//4x3/th.svg); } .flag-icon-th.flag-icon-squared { background-image: url(../fonts/flags//1x1/th.svg); } .flag-icon-tj { background-image: url(../fonts/flags//4x3/tj.svg); } .flag-icon-tj.flag-icon-squared { background-image: url(../fonts/flags//1x1/tj.svg); } .flag-icon-tk { background-image: url(../fonts/flags//4x3/tk.svg); } .flag-icon-tk.flag-icon-squared { background-image: url(../fonts/flags//1x1/tk.svg); } .flag-icon-tl { background-image: url(../fonts/flags//4x3/tl.svg); } .flag-icon-tl.flag-icon-squared { background-image: url(../fonts/flags//1x1/tl.svg); } .flag-icon-tm { background-image: url(../fonts/flags//4x3/tm.svg); } .flag-icon-tm.flag-icon-squared { background-image: url(../fonts/flags//1x1/tm.svg); } .flag-icon-tn { background-image: url(../fonts/flags//4x3/tn.svg); } .flag-icon-tn.flag-icon-squared { background-image: url(../fonts/flags//1x1/tn.svg); } .flag-icon-to { background-image: url(../fonts/flags//4x3/to.svg); } .flag-icon-to.flag-icon-squared { background-image: url(../fonts/flags//1x1/to.svg); } .flag-icon-tr { background-image: url(../fonts/flags//4x3/tr.svg); } .flag-icon-tr.flag-icon-squared { background-image: url(../fonts/flags//1x1/tr.svg); } .flag-icon-tt { background-image: url(../fonts/flags//4x3/tt.svg); } .flag-icon-tt.flag-icon-squared { background-image: url(../fonts/flags//1x1/tt.svg); } .flag-icon-tv { background-image: url(../fonts/flags//4x3/tv.svg); } .flag-icon-tv.flag-icon-squared { background-image: url(../fonts/flags//1x1/tv.svg); } .flag-icon-tw { background-image: url(../fonts/flags//4x3/tw.svg); } .flag-icon-tw.flag-icon-squared { background-image: url(../fonts/flags//1x1/tw.svg); } .flag-icon-tz { background-image: url(../fonts/flags//4x3/tz.svg); } .flag-icon-tz.flag-icon-squared { background-image: url(../fonts/flags//1x1/tz.svg); } .flag-icon-ua { background-image: url(../fonts/flags//4x3/ua.svg); } .flag-icon-ua.flag-icon-squared { background-image: url(../fonts/flags//1x1/ua.svg); } .flag-icon-ug { background-image: url(../fonts/flags//4x3/ug.svg); } .flag-icon-ug.flag-icon-squared { background-image: url(../fonts/flags//1x1/ug.svg); } .flag-icon-um { background-image: url(../fonts/flags//4x3/um.svg); } .flag-icon-um.flag-icon-squared { background-image: url(../fonts/flags//1x1/um.svg); } .flag-icon-us { background-image: url(../fonts/flags//4x3/us.svg); } .flag-icon-us.flag-icon-squared { background-image: url(../fonts/flags//1x1/us.svg); } .flag-icon-uy { background-image: url(../fonts/flags//4x3/uy.svg); } .flag-icon-uy.flag-icon-squared { background-image: url(../fonts/flags//1x1/uy.svg); } .flag-icon-uz { background-image: url(../fonts/flags//4x3/uz.svg); } .flag-icon-uz.flag-icon-squared { background-image: url(../fonts/flags//1x1/uz.svg); } .flag-icon-va { background-image: url(../fonts/flags//4x3/va.svg); } .flag-icon-va.flag-icon-squared { background-image: url(../fonts/flags//1x1/va.svg); } .flag-icon-vc { background-image: url(../fonts/flags//4x3/vc.svg); } .flag-icon-vc.flag-icon-squared { background-image: url(../fonts/flags//1x1/vc.svg); } .flag-icon-ve { background-image: url(../fonts/flags//4x3/ve.svg); } .flag-icon-ve.flag-icon-squared { background-image: url(../fonts/flags//1x1/ve.svg); } .flag-icon-vg { background-image: url(../fonts/flags//4x3/vg.svg); } .flag-icon-vg.flag-icon-squared { background-image: url(../fonts/flags//1x1/vg.svg); } .flag-icon-vi { background-image: url(../fonts/flags//4x3/vi.svg); } .flag-icon-vi.flag-icon-squared { background-image: url(../fonts/flags//1x1/vi.svg); } .flag-icon-vn { background-image: url(../fonts/flags//4x3/vn.svg); } .flag-icon-vn.flag-icon-squared { background-image: url(../fonts/flags//1x1/vn.svg); } .flag-icon-vu { background-image: url(../fonts/flags//4x3/vu.svg); } .flag-icon-vu.flag-icon-squared { background-image: url(../fonts/flags//1x1/vu.svg); } .flag-icon-wf { background-image: url(../fonts/flags//4x3/wf.svg); } .flag-icon-wf.flag-icon-squared { background-image: url(../fonts/flags//1x1/wf.svg); } .flag-icon-ws { background-image: url(../fonts/flags//4x3/ws.svg); } .flag-icon-ws.flag-icon-squared { background-image: url(../fonts/flags//1x1/ws.svg); } .flag-icon-ye { background-image: url(../fonts/flags//4x3/ye.svg); } .flag-icon-ye.flag-icon-squared { background-image: url(../fonts/flags//1x1/ye.svg); } .flag-icon-yt { background-image: url(../fonts/flags//4x3/yt.svg); } .flag-icon-yt.flag-icon-squared { background-image: url(../fonts/flags//1x1/yt.svg); } .flag-icon-za { background-image: url(../fonts/flags//4x3/za.svg); } .flag-icon-za.flag-icon-squared { background-image: url(../fonts/flags//1x1/za.svg); } .flag-icon-zm { background-image: url(../fonts/flags//4x3/zm.svg); } .flag-icon-zm.flag-icon-squared { background-image: url(../fonts/flags//1x1/zm.svg); } .flag-icon-zw { background-image: url(../fonts/flags//4x3/zw.svg); } .flag-icon-zw.flag-icon-squared { background-image: url(../fonts/flags//1x1/zw.svg); } .flag-icon-es-ct { background-image: url(../fonts/flags//4x3/es-ct.svg); } .flag-icon-es-ct.flag-icon-squared { background-image: url(../fonts/flags//1x1/es-ct.svg); } .flag-icon-eu { background-image: url(../fonts/flags//4x3/eu.svg); } .flag-icon-eu.flag-icon-squared { background-image: url(../fonts/flags//1x1/eu.svg); } .flag-icon-gb-eng { background-image: url(../fonts/flags//4x3/gb-eng.svg); } .flag-icon-gb-eng.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-eng.svg); } .flag-icon-gb-nir { background-image: url(../fonts/flags//4x3/gb-nir.svg); } .flag-icon-gb-nir.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-nir.svg); } .flag-icon-gb-sct { background-image: url(../fonts/flags//4x3/gb-sct.svg); } .flag-icon-gb-sct.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-sct.svg); } .flag-icon-gb-wls { background-image: url(../fonts/flags//4x3/gb-wls.svg); } .flag-icon-gb-wls.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-wls.svg); } .flag-icon-un { background-image: url(../fonts/flags//4x3/un.svg); } .flag-icon-un.flag-icon-squared { background-image: url(../fonts/flags//1x1/un.svg); } .ymal .product-tile .price .sales:not(.has-sale) .value { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 1.4; font-weight: 700; letter-spacing: normal; text-transform: none; font-style: normal; } @media (min-width: 769px) { .ymal .product-tile .price .sales:not(.has-sale) .value { font-size: 17px; line-height: 1.4; font-weight: 700; letter-spacing: normal; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .ymal .product-tile .price .sales:not(.has-sale) .value { font-size: 18px; line-height: 1.4; font-weight: 700; letter-spacing: normal; text-transform: none; font-style: normal; } } .ymal .brand { font-size: 13px; font-weight: 400; line-height: 22px; letter-spacing: 0.35px; text-align: center; } .ymal .product-tile .tile-body { padding-top: 0; } .ymal .product-tile .tile-body .pdp-link { margin-bottom: 0; } .ymal .product-tile .tile-body .pdp-link .link { font-size: 18px; line-height: 28px; letter-spacing: 0.45px; text-align: center; margin-bottom: 0; } .ymal .product-tile .wishlist-icon.before { display: none; } .ymal .product-tile .promotion { display: none; } .ymal .product-tile .image-container { margin-bottom: 0; } .ymal .product-tile .image-container .tile-image { max-height: 204px; } .ymal .product-tile .price { margin-top: 0; padding-top: 4px; text-align: center; } @media (min-width: 1024px) { .ymal .product-tile .price { padding-top: 12px; } } .ymal .product-tile .price del ~ .sales { float: none; margin-right: 0; } .ymal .product-tile .price .sales:not(.has-sale) .value { color: #4B3A2D; } .ymal .product-tile .price .row .col { text-align: center; } .ymal .product-tile .price .row .col .sales button { display: none; } .ymal .product-tile .price .row .col .sales .value { font-size: 24px; font-weight: 700; line-height: 32px; letter-spacing: 0.75px; font-family: "Nunito Sans", sans-serif; } .ymal .product-tile .price .sales .value, .ymal .product-tile .price .strike-through-wrapper { justify-content: center; } .ymal .mathis-product-tile-button { text-align: center; } .ymal .btn-tertiary, .ymal .p-w-r .pr-qa-display .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .ymal .pr-qa-display-show-more-questions { color: #4B3A2D; } .ymal .price .sales .standard-from-pricing { font-family: "Nunito Sans", sans-serif; } .ymal .price .sales .strike-from-price { padding-right: 5px; } .ymal .price .sales .strike-through-wrapper { display: flex; justify-content: center; align-items: baseline; } .ymal .price .sales .strike-through-wrapper + .sales .standard-from-pricing { display: none; } @media (max-width: 768.98px) { .ymal .price .sales .value .pricing-everyday, .ymal .price .sales .value .pricing-member { font-size: 16px; letter-spacing: .4px; } } .ymal .price .sales .value .pricing-everyday { margin-left: 0; padding-left: 0; } .ymal .price .sales .value .pricing-member { margin-left: 10px; padding-left: 10px; } .ymal .price .sales .value .standard-from-pricing, .ymal .price .sales .strike-from-price { font-weight: 600; text-transform: capitalize; color: #333131; display: flex; font-size: 12px; letter-spacing: 0.6px; line-height: 18px; justify-content: center; } @media (min-width: 769px) { .ymal .strike-through-wrapper del { margin-top: -7px; } } .ymal .strike-through .display-price { font-size: 12px; font-weight: 600; color: #333131; letter-spacing: 0.6px; line-height: 18px; } .ymal.tns-item { padding: 0 16px; } .toast-messages { position: absolute; right: 50%; transform: translateX(50%); position: fixed; top: 0; padding: 50px 16px 16px; max-height: calc(100vh - 50px); overflow-y: auto; z-index: 1100; } .toast-messages .alert { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); text-align: center; } .toast-messages .alert.show { display: block; } .toast-messages .alert:not(.alert-dismissible) { -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); } .toast-messages .alert.alert-dismissible { -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms; padding-right: 50px; } .toast-messages .alert.alert-dismissible .close { padding: 16px; } .alert { border-radius: 5px; padding: 16px; } .alert-success { background: #e9f1e6; border-color: #e9f1e6; color: #2A6E00; } .alert-success a, .alert-success a:hover { color: #173b00; } .alert-success .close { color: #2A6E00; } .alert-warning { background: #faf3d2; border-color: #faf3d2; color: #000000; } .alert-warning a, .alert-warning a:hover { color: black; } .alert-warning .close { color: #000000; } .alert-danger { background: #f9eae9; border-color: #f9eae9; color: #C42E22; } .alert-danger a, .alert-danger a:hover { color: #99241a; } .alert-danger .close { color: #C42E22; } .alert-info { background: #e6f3fd; border-color: #e6f3fd; color: #1C78D2; } .alert-info a, .alert-info a:hover { color: #165ea5; } .alert-info .close { color: #1C78D2; } .alert-dismissible { padding-right: calc(32px + 12px); } .alert .close { padding: 16px; line-height: 22px; } .alert .close:before { position: static; transform: none; margin: 0; font-size: 12px; } .alert { border-radius: 0; } .alert .close { color: #000000; opacity: 1; } @media (min-width: 1024px) { .alert { font-size: 16px; } } .alert-info { color: #2D64DA; } .badge-product-container { position: relative; z-index: 1; margin: 1px; display: flex; align-items: flex-start; pointer-events: none; top: 0; } @media (min-width: 769px) { .badge-product-container.badge-image-over { position: absolute; flex-direction: column; } } .product-detail .badge-product-container { position: relative; } @media (min-width: 769px) { .product-detail .badge-product-container.badge-image-over { position: absolute; flex-direction: column; } } .badge-product { text-align: left; padding: 3px 5px; margin-bottom: 1px; font-weight: 500; line-height: 1.4; border-radius: 3px; border-width: 0; border-style: solid; } .badge-product:not([class*='text--']) { color: #FFFFFF; } .badge-product:not([class*='background--']) { background-color: #333131; } .badge-product:not([class*='border--']) { border-color: transparent; } .badge-product:not([class*='font-size--']) { font-size: 10px; } .badge-product:not([class*='font--']) { font-family: "Nunito Sans", sans-serif; } @media (min-width: 1024px) { .badge-product { padding: 5px 6px; font-size: 14px; } } .badge-product-container.badge-image-over { position: absolute; flex-direction: column; top: 0px; left: 0px; } .badge-product-container.badge-image-over .badge-product { text-transform: uppercase; font-size: 10px; } @media (min-width: 1024px) { .badge-product-container.badge-image-over .badge-product { font-size: 13px; padding: 6px 10px; } } .badge-product-container.badge-image-over .badge-product.badge-product--preorder { background-color: #b69f5c; color: #333131; } .badge-product-container.badge-image-over .badge-product.badge-product--direct { background-color: #ece3da; color: #4B3A2D; } .badge-product-container.badge-image-over .badge-product.badge-product--outlet { background-color: #ea842a; color: #FFFFFF; } .badge-product-container.badge-image-over .badge-product.badge-product--special { background-color: #b69f5c; color: #333131; } .quick-view-dialog .badge-product-container.badge-image-over { display: none; } .blog-nav .nav { background: #fcfbfa; border-bottom: 1px solid #f4f4f4; } .blog-nav .nav-item .nav-link { text-decoration: none; } .blog-nav .nav-item.active .nav-link { font-weight: bold; } .blog-results { padding-top: 16px; padding-bottom: 16px; } .blog-results .result-count { padding: 24px 0; } .blog-detail-header .page-header-subtitle { display: flex; } .blog-detail-header.text-center .page-header-subtitle { justify-content: center; } .blog-detail-header .page-header-title { margin-top: 10px; } .blog-detail-header .blog-category { color: #989797; } .blog-detail-header .blog-category ~ .blog-creation-date::before { content: "|"; color: #989797; padding-left: 10px; padding-right: 10px; } .blog-detail-header .blog-creation-date { color: #989797; } .blog-detail-header .page-header-author { margin-top: 10px; color: #989797; } .blog .social-container .social-icons, .storepage .social-container .social-icons { display: inline-flex; align-items: center; justify-content: center; } .blog .social-container .social-icons li:not(:last-child), .storepage .social-container .social-icons li:not(:last-child) { margin-right: 30px; } .blog .social-container .social-icons .share-icons, .storepage .social-container .social-icons .share-icons { font-size: 30px; color: #333131; } .blog .social-container .social-icons .share-icons:hover, .storepage .social-container .social-icons .share-icons:hover { color: #4B3A2D; } .blog .blog-footer { text-align: center; } .blog .social-container { border-top: none; margin-top: 80px; padding-top: 0; } .blog .search-words-container { display: inline-flex; justify-content: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #f4f4f4; } .blog .search-words-container label { margin-right: 7px; margin-bottom: 0; } .blog .search-words-container .search-words { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; } .blog .search-words-container .search-words li { padding: 0; } .blog .search-words-container .search-words li:not(:last-child) a::after { content: ","; margin-left: 0; margin-right: 7px; } .breadcrumb { display: flex; list-style-type: none; padding: 0; margin: 0; margin: 0; font-size: 13px; line-height: 22px; letter-spacing: 0.035 px; } .breadcrumb li { padding: 0; } .breadcrumb .breadcrumb-item a { color: #333131; font-weight: 400; text-decoration: none; } .breadcrumb .breadcrumb-item a:hover { color: #4B3A2D; text-decoration: underline; } .breadcrumb .breadcrumb-item + .breadcrumb-item { display: flex; } .breadcrumb .breadcrumb-item + .breadcrumb-item:before { content: "/"; color: #333131; font-weight: 400; padding: 0 8px; } .breadcrumb .breadcrumb-item + .breadcrumb-item:last-of-type a { color: #4B3A2D; } .breadcrumb .breadcrumb-item h1 { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; margin: 0; } .breadcrumb-wrapper { margin-top: 14px; margin-bottom: 20px; } .breadcrumb-wrapper .mathis-breadcrumb .breadcrumb-item:only-child a { color: #4B3A2D; font-weight: 600; font-size: 14px; padding-top: 30px; padding-bottom: 20px; } .breadcrumb-wrapper .mathis-breadcrumb .breadcrumb-item:only-child a:hover { text-decoration: none; } .breadcrumb-wrapper .mathis-breadcrumb:last-of-type a { color: #989797; } .card { border: 1px solid #e6e6e6; border-radius: 5px; margin-bottom: 16px; font-size: 14px; letter-spacing: normal; line-height: 1.4; background-color: transparent; border: none; } .card .card-header { background-color: #FFFFFF; color: #333131; border: 1px solid #e6e6e6; border-bottom: none; padding: 0; flex-basis: auto; padding-left: 20px; } .card .card-header .pull-right { color: #333131; font-size: 14px; letter-spacing: normal; line-height: 1.4; padding-top: 17px; padding-right: 20px; } .card .card-header .card-reset-title { margin-top: 20px; } @media (min-width: 1024px) { .card .card-header .card-reset-title { width: 750px; margin-left: auto; margin-right: auto; } } .card.collapsible-xl .card-title, .card.collapsible-xl .title { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 16px; line-height: 1.4; font-weight: 500; letter-spacing: normal; text-transform: none; font-style: normal; margin-bottom: 0; } @media (min-width: 769px) { .card.collapsible-xl .card-title, .card.collapsible-xl .title { font-size: 17px; line-height: 1.4; font-weight: 500; letter-spacing: normal; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .card.collapsible-xl .card-title, .card.collapsible-xl .title { font-size: 18px; line-height: 1.4; font-weight: 500; letter-spacing: normal; text-transform: none; font-style: normal; } } .card.collapsible-xl .card-title:after, .card.collapsible-xl .title:after { top: 25px; } .card.collapsible-xl .card-body { border-color: #ece3da; } .card:not(.collapsible-xl) .card-header .card-title, .card:not(.collapsible-xl) .card-header .title { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 24px; line-height: 1.25; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: italic; padding-top: 17px; padding-left: 0; padding-right: 20px; padding-bottom: 22px; } @media (min-width: 769px) { .card:not(.collapsible-xl) .card-header .card-title, .card:not(.collapsible-xl) .card-header .title { font-size: 28px; line-height: 1.25; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: italic; } } @media (min-width: 1024px) { .card:not(.collapsible-xl) .card-header .card-title, .card:not(.collapsible-xl) .card-header .title { font-size: 30px; line-height: 1.2; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-style: italic; } } .borderless .card .card-header, .borderless .card .card-body, .borderless .card .card-footer { border-left: none; border-right: none; } .borderless .card:first-child .card-header, .borderless .card:first-child .card-footer, .borderless .card:last-child .card-header, .borderless .card:last-child .card-footer { border-radius: 0; } .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header .checkout-card-header, .card h2.card-header { font-family: "Nunito Sans", sans-serif; font-size: 16px; font-weight: normal; letter-spacing: 0.01em; line-height: 20px; text-decoration: none; text-transform: none; position: relative; margin-bottom: 0; padding-top: 17px; padding-left: 20px; padding-right: 20px; padding-bottom: 22px; } .card .card-body { background-color: #FFFFFF; color: #333131; padding: 20px; border: 1px solid #e6e6e6; border-top: none; } .card .card-body:first-child { border-top: 1px solid #e6e6e6; } .card .card-body:last-child { border-radius: 0 0 calc(5px - 1px) calc(5px - 1px); } .card .card-header ~ .card-body { padding: 0 20px 20px 20px; } .card .card-footer { background-color: #FFFFFF; color: #333131; padding: 17px 20px 22px 20px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-top: 0; } .card .card-footer a { color: #333131; } .card.ghost { opacity: 0.5; } .card.aside { border: 1px solid #f4f4f4; border-width: 1px 0; } .card.aside .card-header { border: none; } .card.aside .card-header .card-title { font-size: 13px; font-weight: bold; line-height: 18px; padding-top: 20px; padding-left: 0; padding-right: 20px; padding-bottom: 20px; } .card.aside .card-body { padding: 0; border: none; z-index: 1; } .card.aside .card-footer { border: none; } .card.no-borders .card-header, .card.no-borders .card-title, .card.no-borders .card-body, .card.no-borders .card-footer { border: none; padding-left: 0; padding-right: 0; } .carousel .icon-prev, .carousel .icon-next { background-color: #FFFFFF; font-size: 18px; padding: 16px; color: #000000; } .carousel .icon-prev:before { content: "\E909"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .carousel .icon-prev[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .carousel .icon-prev[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .carousel .icon-prev[class*="btn-"]:not(.title).btn-sm, .carousel .btn-group-sm > .icon-prev.btn[class*="btn-"]:not(.title), .carousel .p-w-r .pr-qa-display .btn-group-sm > .icon-prev.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .carousel .btn-group-sm > .icon-prev.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .carousel .icon-prev[class*="btn-"]:not(.title).btn-sm:before, .carousel .btn-group-sm > .icon-prev.btn[class*="btn-"]:not(.title):before, .carousel .p-w-r .pr-qa-display .btn-group-sm > .icon-prev.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .carousel .btn-group-sm > .icon-prev.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .carousel .icon-prev[class*="btn-"]:not(.title) [class*="icon-"], .carousel .icon-prev[class*="btn-"]:not(.title) [class^="icon-"], .carousel .icon-prev[class*="btn-"]:not(.title) .fa { display: none; } .carousel .icon-next:before { content: "\E90B"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .carousel .icon-next[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .carousel .icon-next[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .carousel .icon-next[class*="btn-"]:not(.title).btn-sm, .carousel .btn-group-sm > .icon-next.btn[class*="btn-"]:not(.title), .carousel .p-w-r .pr-qa-display .btn-group-sm > .icon-next.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .carousel .btn-group-sm > .icon-next.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .carousel .icon-next[class*="btn-"]:not(.title).btn-sm:before, .carousel .btn-group-sm > .icon-next.btn[class*="btn-"]:not(.title):before, .carousel .p-w-r .pr-qa-display .btn-group-sm > .icon-next.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .carousel .btn-group-sm > .icon-next.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .carousel .icon-next[class*="btn-"]:not(.title) [class*="icon-"], .carousel .icon-next[class*="btn-"]:not(.title) [class^="icon-"], .carousel .icon-next[class*="btn-"]:not(.title) .fa { display: none; } .carousel .carousel-control-prev { justify-content: flex-start; } .carousel .carousel-control-next { justify-content: flex-end; } .category-tile { display: block; position: relative; text-align: center; text-decoration: none; } .category-tile:hover { text-decoration: none; } @media (min-width: 769px) { .category-tile.zoom .image-wrapper { will-change: transform; transition: transform 200ms ease-out; } .category-tile.zoom:hover .image-wrapper { transform: scale(1.2); } } .category-tile .image-cropper { border-radius: 5px; overflow: hidden; margin: auto; width: 100%; max-width: 100%; max-height: 100%; } .category-tile .image-wrapper { width: 100%; position: relative; } .category-tile .image-wrapper .background-image { background-repeat: no-repeat; background-size: cover; background-position: center; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .category-tile .image-wrapper-custom .background-image-tablet, .category-tile .image-wrapper-custom .background-image-desktop { display: none; } @media (min-width: 769px) { .category-tile .image-wrapper-custom .background-image-mobile, .category-tile .image-wrapper-custom .background-image-desktop { display: none; } .category-tile .image-wrapper-custom .background-image-tablet { display: block; } } @media (min-width: 1024px) { .category-tile .image-wrapper-custom .background-image-mobile, .category-tile .image-wrapper-custom .background-image-tablet { display: none; } .category-tile .image-wrapper-custom .background-image-desktop { display: block; } } .category-tile .image-wrapper .video-container .video-aspect-ratio { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); padding-top: calc(9 / 16 * 100%); padding-left: calc(16 / 9 * 100vh); width: 0; height: 0; min-height: 100%; min-width: 100%; } .category-tile .image-wrapper .video-container .video-aspect-ratio .video-player { position: static; pointer-events: none; } .category-tile .image-wrapper .video-container .video-aspect-ratio iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .category-tile .image-wrapper .video-container .video-aspect-ratio iframe.video-player { position: absolute; } .category-tile .category-tile-text .primary-text:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: 14px; } .category-tile .category-tile-text .secondary-text:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: 14px; } .category-tile.text-placement-below .category-tile-text { margin-top: 16px; } .category-tile.text-placement-inside::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; } .category-tile.text-placement-inside .category-tile-text { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); color: #FFFFFF; z-index: 1; text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); } .category-tile.aspect-ratio-square .image-wrapper::after { display: block; content: ""; clear: both; } .category-tile.aspect-ratio-square .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1 * 100%); } .category-tile.aspect-ratio-landscape .image-wrapper::after { display: block; content: ""; clear: both; } .category-tile.aspect-ratio-landscape .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1.5 * 100%); } .category-tile.aspect-ratio-portrait .image-wrapper::after { display: block; content: ""; clear: both; } .category-tile.aspect-ratio-portrait .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1.5 / 1 * 100%); } body { font-family: "Nunito Sans", sans-serif; color: #333131; font-size: 14px; line-height: 1.4; letter-spacing: normal; background-color: #FFFFFF; } .page { background-color: #FFFFFF; } .error-page { padding-bottom: 16px; padding-top: 16px; } .error-messaging { position: fixed; top: 0; width: 100%; z-index: 1; } .error-message { margin-top: 50px; margin-bottom: 50px; } .error.continue-shopping { margin-bottom: 100px; } /* * ORIGINAL CSS * (everything under this comment was copied from Base and eventually * should be removed or moved above this comment if in use) */ .modal-background { background-color: #000000; display: none; height: 100vh; position: fixed; opacity: 0.5; width: 100vw; top: 0; left: 0; transform: translateZ(0); z-index: 201; } input[placeholder] { text-overflow: ellipsis; } .hide-order-discount { display: none; } .hide-shipping-discount { display: none; } .order-discount { color: #2A6E00; } .giftcertificate-discount { color: #2A6E00; } .shipping-discount { color: #2A6E00; } .error-messaging { position: fixed; top: 0; width: 100%; z-index: 1; } .error-message { margin-top: 3.125rem; margin-bottom: 3.125rem; } .error.continue-shopping { margin-bottom: 6.25em; } .error-unassigned-category { color: #AD2E24; } .skip { position: absolute; left: 0; top: -4.2em; overflow: hidden; padding: 1em 1.5em; background: #FFFFFF; transition: all 200ms ease-in-out; } a.skip:active, a.skip:focus, a.skip:hover { left: 0; top: 0; width: auto; height: auto; z-index: 10000000; background: #FFFFFF; transition: all 200ms ease-in-out; } .login-oauth .oauth-facebook { margin-bottom: 16px; } .login-oauth .oauth-facebook:before { content: "\E917"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .login-oauth .oauth-facebook[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title).btn-sm, .login-oauth .btn-group-sm > .oauth-facebook.btn[class*="btn-"]:not(.title), .login-oauth .p-w-r .pr-qa-display .btn-group-sm > .oauth-facebook.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .login-oauth .btn-group-sm > .oauth-facebook.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title).btn-sm:before, .login-oauth .btn-group-sm > .oauth-facebook.btn[class*="btn-"]:not(.title):before, .login-oauth .p-w-r .pr-qa-display .btn-group-sm > .oauth-facebook.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .login-oauth .btn-group-sm > .oauth-facebook.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title) [class*="icon-"], .login-oauth .oauth-facebook[class*="btn-"]:not(.title) [class^="icon-"], .login-oauth .oauth-facebook[class*="btn-"]:not(.title) .fa { display: none; } .login-oauth .oauth-facebook .fa-facebook-official { display: none; } .login-oauth .oauth-google { margin-bottom: 16px; } .login-oauth .oauth-google:before { content: "\E91B"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .login-oauth .oauth-google[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .login-oauth .oauth-google[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .login-oauth .oauth-google[class*="btn-"]:not(.title).btn-sm, .login-oauth .btn-group-sm > .oauth-google.btn[class*="btn-"]:not(.title), .login-oauth .p-w-r .pr-qa-display .btn-group-sm > .oauth-google.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .login-oauth .btn-group-sm > .oauth-google.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .login-oauth .oauth-google[class*="btn-"]:not(.title).btn-sm:before, .login-oauth .btn-group-sm > .oauth-google.btn[class*="btn-"]:not(.title):before, .login-oauth .p-w-r .pr-qa-display .btn-group-sm > .oauth-google.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .login-oauth .btn-group-sm > .oauth-google.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .login-oauth .oauth-google[class*="btn-"]:not(.title) [class*="icon-"], .login-oauth .oauth-google[class*="btn-"]:not(.title) [class^="icon-"], .login-oauth .oauth-google[class*="btn-"]:not(.title) .fa { display: none; } .login-oauth .oauth-google .fa-google { display: none; } .grecaptcha-badge { z-index: 99; } .login-oauth .btn, .login-oauth .p-w-r .pr-qa-display .pr-qa-display-show-more-questions, .p-w-r .pr-qa-display .login-oauth .pr-qa-display-show-more-questions { border: none; border-radius: 5px; padding: 10px 15px; padding-left: 45px !important; box-shadow: 0px 1px 2px #00000055; } .login-oauth .oauth-facebook { text-transform: none; color: #1A77F2; border: 1px solid #1A77F2; margin-bottom: 16px; } .login-oauth .oauth-facebook:before { content: "\E917"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .login-oauth .oauth-facebook[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title).btn-sm, .login-oauth .btn-group-sm > .oauth-facebook.btn[class*="btn-"]:not(.title), .login-oauth .p-w-r .pr-qa-display .btn-group-sm > .oauth-facebook.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .login-oauth .btn-group-sm > .oauth-facebook.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title).btn-sm:before, .login-oauth .btn-group-sm > .oauth-facebook.btn[class*="btn-"]:not(.title):before, .login-oauth .p-w-r .pr-qa-display .btn-group-sm > .oauth-facebook.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .login-oauth .btn-group-sm > .oauth-facebook.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title) [class*="icon-"], .login-oauth .oauth-facebook[class*="btn-"]:not(.title) [class^="icon-"], .login-oauth .oauth-facebook[class*="btn-"]:not(.title) .fa { display: none; } .login-oauth .oauth-facebook[class*="btn-"]:not(.title):before { font-size: 35px; transform: translateX(-35px); } .login-oauth .oauth-facebook .fa-facebook-official { display: none; } .login-oauth .oauth-google { margin-bottom: 16px; } .login-oauth .oauth-google .icon-container { position: absolute; transform: translateX(-30px); display: inline-block !important; width: 20px; } .login-oauth .oauth-google .fa-google { display: none; } .login-oauth .oauth-google:before { display: none !important; } .error-message { line-height: 2; } .custom-error-btn { width: 50%; margin: auto; } .complete-the-look { padding-left: 0; padding-right: 0; } .photo-hotspots-tooltip .complete-the-look-tooltip .photo-hotspots-tooltip-product { width: 100%; } .photo-hotspots-tooltip .complete-the-look-tooltip .photo-hotspots-tooltip-product .product-attributes .product-name { font-size: 16px; font-weight: 700; width: 100%; } .photo-hotspots-tooltip .complete-the-look-tooltip .photo-hotspots-tooltip-product .product-attributes .product-price { color: #4B3A2D; } .photo-hotspots-tooltip .complete-the-look-tooltip .photo-hotspots-tooltip-product .product-attributes .synchronyCTA-financing { font-size: 12px; color: #AD2E24; width: 100%; } .curated-reviews { margin-top: 20px; } .curated-reviews .tns-outer { margin-bottom: 35px; } .curated-reviews .curated-review { background: #f4f4f4; border-radius: 5px; padding: 12px 20px; text-align: center; } .curated-reviews .curated-review:before { content: "\E962"; font-family: "icomoon"; display: inline-block; font-size: 30px; color: inherit; font-weight: normal; } .curated-reviews .curated-review[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .curated-reviews .curated-review[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .curated-reviews .curated-review[class*="btn-"]:not(.title).btn-sm, .curated-reviews .btn-group-sm > .curated-review.btn[class*="btn-"]:not(.title), .curated-reviews .p-w-r .pr-qa-display .btn-group-sm > .curated-review.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .curated-reviews .btn-group-sm > .curated-review.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .curated-reviews .curated-review[class*="btn-"]:not(.title).btn-sm:before, .curated-reviews .btn-group-sm > .curated-review.btn[class*="btn-"]:not(.title):before, .curated-reviews .p-w-r .pr-qa-display .btn-group-sm > .curated-review.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .curated-reviews .btn-group-sm > .curated-review.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .curated-reviews .curated-review[class*="btn-"]:not(.title) [class*="icon-"], .curated-reviews .curated-review[class*="btn-"]:not(.title) [class^="icon-"], .curated-reviews .curated-review[class*="btn-"]:not(.title) .fa { display: none; } .curated-reviews .curated-review .curated-review-quote { font-size: 16px; font-weight: 700; line-height: 24px; } .curated-reviews .curated-review .curated-review-name { font-size: 13px; font-weight: 400; line-height: 22px; } .curated-reviews .curated-review .curated-review-name:before { content: '\2014 '; } .curated-reviews .curated-review .curated-review-verify { color: #AD2E24; font-size: 12px; font-weight: 400; line-height: 20px; } .wcli-reviews.container { padding: 0px; } @media (max-width: 543.98px) { .collapsible-xs { border-color: #ece3da; } .collapsible-xs .card-header { padding: 0; border-color: #ece3da; border-radius: 0; } .collapsible-xs .card-header:first-child { border-radius: 0; } .collapsible-xs .card-header:last-child { border-radius: 0; } .collapsible-xs .card-header button { text-align: left; display: block; width: 100%; } .collapsible-xs .card-header button:focus { z-index: 1; } .collapsible-xs .title { background-color: #FFFFFF; color: #333131; padding-top: 17px; padding-right: 37px; padding-bottom: 22px; padding-left: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 0; cursor: pointer; } .collapsible-xs .title:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; } .collapsible-xs .title[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-xs .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xs .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xs .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-xs .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .collapsible-xs .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-xs .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xs .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xs .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .collapsible-xs .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xs .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xs .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xs .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-xs .title::after { position: absolute; top: 17px; right: 20px; } .collapsible-xs .content, .collapsible-xs .card-body { display: none; background-color: #FFFFFF; color: #333131; border-radius: 0; } .collapsible-xs .content:first-child, .collapsible-xs .card-body:first-child { border-radius: 0; } .collapsible-xs .content:last-child, .collapsible-xs .card-body:last-child { border-radius: 0; border-bottom: none; } .collapsible-xs:not(:last-child) { margin-bottom: 0; border-bottom: none; border-radius: 0; } .collapsible-xs:not(:last-child) + .collapsible-xs { border-radius: 0; } .collapsible-xs.aside .title::after, .collapsible-xs.no-borders .title::after { right: 0; } .collapsible-xs.aside .title::after { top: 20px; } .collapsible-xs.no-borders .title::after { top: 17px; } .collapsible-xs:first-child .card-header, .collapsible-xs:first-child .card-title { border-radius: calc(5px - 1px) calc(5px - 1px) 0 0; } .collapsible-xs:last-child .card-header, .collapsible-xs:last-child .card-title, .collapsible-xs:last-child .card-body { border-radius: 0 0 calc(5px - 1px) calc(5px - 1px); } .collapsible-xs:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid #ece3da; } .collapsible-xs.active .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; } .collapsible-xs.active .title[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-xs.active .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xs.active .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xs.active .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-xs.active .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .collapsible-xs.active .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-xs.active .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xs.active .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xs.active .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .collapsible-xs.active .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xs.active .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xs.active .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xs.active .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-xs.active .content, .collapsible-xs.active .card-body { display: block; } .collapsible-xs.active:last-child .card-header, .collapsible-xs.active:last-child .card-title { border-radius: 0; border-bottom: none; } .collapsible-xs.active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: 1px solid #ece3da; } } @media (max-width: 768.98px) { .collapsible-sm { border-color: #ece3da; } .collapsible-sm .card-header { padding: 0; border-color: #ece3da; border-radius: 0; } .collapsible-sm .card-header:first-child { border-radius: 0; } .collapsible-sm .card-header:last-child { border-radius: 0; } .collapsible-sm .card-header button { text-align: left; display: block; width: 100%; } .collapsible-sm .card-header button:focus { z-index: 1; } .collapsible-sm .title { background-color: #FFFFFF; color: #333131; padding-top: 17px; padding-right: 37px; padding-bottom: 22px; padding-left: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 0; cursor: pointer; } .collapsible-sm .title:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; } .collapsible-sm .title[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-sm .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-sm .title[class*="btn-"]:not(.title).btn-sm, .collapsible-sm .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-sm .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .collapsible-sm .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-sm .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-sm .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-sm .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .collapsible-sm .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-sm .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-sm .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-sm .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-sm .title::after { position: absolute; top: 17px; right: 20px; } .collapsible-sm .content, .collapsible-sm .card-body { display: none; background-color: #FFFFFF; color: #333131; border-radius: 0; } .collapsible-sm .content:first-child, .collapsible-sm .card-body:first-child { border-radius: 0; } .collapsible-sm .content:last-child, .collapsible-sm .card-body:last-child { border-radius: 0; border-bottom: none; } .collapsible-sm:not(:last-child) { margin-bottom: 0; border-bottom: none; border-radius: 0; } .collapsible-sm:not(:last-child) + .collapsible-sm { border-radius: 0; } .collapsible-sm.aside .title::after, .collapsible-sm.no-borders .title::after { right: 0; } .collapsible-sm.aside .title::after { top: 20px; } .collapsible-sm.no-borders .title::after { top: 17px; } .collapsible-sm:first-child .card-header, .collapsible-sm:first-child .card-title { border-radius: calc(5px - 1px) calc(5px - 1px) 0 0; } .collapsible-sm:last-child .card-header, .collapsible-sm:last-child .card-title, .collapsible-sm:last-child .card-body { border-radius: 0 0 calc(5px - 1px) calc(5px - 1px); } .collapsible-sm:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid #ece3da; } .collapsible-sm.active .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; } .collapsible-sm.active .title[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-sm.active .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-sm.active .title[class*="btn-"]:not(.title).btn-sm, .collapsible-sm.active .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-sm.active .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .collapsible-sm.active .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-sm.active .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-sm.active .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-sm.active .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .collapsible-sm.active .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-sm.active .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-sm.active .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-sm.active .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-sm.active .content, .collapsible-sm.active .card-body { display: block; } .collapsible-sm.active:last-child .card-header, .collapsible-sm.active:last-child .card-title { border-radius: 0; border-bottom: none; } .collapsible-sm.active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: 1px solid #ece3da; } } @media (max-width: 1023.98px) { .collapsible-md { border-color: #ece3da; } .collapsible-md .card-header { padding: 0; border-color: #ece3da; border-radius: 0; } .collapsible-md .card-header:first-child { border-radius: 0; } .collapsible-md .card-header:last-child { border-radius: 0; } .collapsible-md .card-header button { text-align: left; display: block; width: 100%; } .collapsible-md .card-header button:focus { z-index: 1; } .collapsible-md .title { background-color: #FFFFFF; color: #333131; padding-top: 17px; padding-right: 37px; padding-bottom: 22px; padding-left: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 0; cursor: pointer; } .collapsible-md .title:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; } .collapsible-md .title[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-md .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-md .title[class*="btn-"]:not(.title).btn-sm, .collapsible-md .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-md .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .collapsible-md .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-md .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-md .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-md .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .collapsible-md .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-md .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-md .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-md .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-md .title::after { position: absolute; top: 17px; right: 20px; } .collapsible-md .content, .collapsible-md .card-body { display: none; background-color: #FFFFFF; color: #333131; border-radius: 0; } .collapsible-md .content:first-child, .collapsible-md .card-body:first-child { border-radius: 0; } .collapsible-md .content:last-child, .collapsible-md .card-body:last-child { border-radius: 0; border-bottom: none; } .collapsible-md:not(:last-child) { margin-bottom: 0; border-bottom: none; border-radius: 0; } .collapsible-md:not(:last-child) + .collapsible-md { border-radius: 0; } .collapsible-md.aside .title::after, .collapsible-md.no-borders .title::after { right: 0; } .collapsible-md.aside .title::after { top: 20px; } .collapsible-md.no-borders .title::after { top: 17px; } .collapsible-md:first-child .card-header, .collapsible-md:first-child .card-title { border-radius: calc(5px - 1px) calc(5px - 1px) 0 0; } .collapsible-md:last-child .card-header, .collapsible-md:last-child .card-title, .collapsible-md:last-child .card-body { border-radius: 0 0 calc(5px - 1px) calc(5px - 1px); } .collapsible-md:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid #ece3da; } .collapsible-md.active .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; } .collapsible-md.active .title[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-md.active .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-md.active .title[class*="btn-"]:not(.title).btn-sm, .collapsible-md.active .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-md.active .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .collapsible-md.active .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-md.active .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-md.active .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-md.active .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .collapsible-md.active .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-md.active .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-md.active .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-md.active .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-md.active .content, .collapsible-md.active .card-body { display: block; } .collapsible-md.active:last-child .card-header, .collapsible-md.active:last-child .card-title { border-radius: 0; border-bottom: none; } .collapsible-md.active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: 1px solid #ece3da; } } @media (max-width: 1439.98px) { .collapsible-lg { border-color: #ece3da; } .collapsible-lg .card-header { padding: 0; border-color: #ece3da; border-radius: 0; } .collapsible-lg .card-header:first-child { border-radius: 0; } .collapsible-lg .card-header:last-child { border-radius: 0; } .collapsible-lg .card-header button { text-align: left; display: block; width: 100%; } .collapsible-lg .card-header button:focus { z-index: 1; } .collapsible-lg .title { background-color: #FFFFFF; color: #333131; padding-top: 17px; padding-right: 37px; padding-bottom: 22px; padding-left: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 0; cursor: pointer; } .collapsible-lg .title:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; } .collapsible-lg .title[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-lg .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-lg .title[class*="btn-"]:not(.title).btn-sm, .collapsible-lg .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-lg .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .collapsible-lg .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-lg .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-lg .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-lg .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .collapsible-lg .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-lg .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-lg .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-lg .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-lg .title::after { position: absolute; top: 17px; right: 20px; } .collapsible-lg .content, .collapsible-lg .card-body { display: none; background-color: #FFFFFF; color: #333131; border-radius: 0; } .collapsible-lg .content:first-child, .collapsible-lg .card-body:first-child { border-radius: 0; } .collapsible-lg .content:last-child, .collapsible-lg .card-body:last-child { border-radius: 0; border-bottom: none; } .collapsible-lg:not(:last-child) { margin-bottom: 0; border-bottom: none; border-radius: 0; } .collapsible-lg:not(:last-child) + .collapsible-lg { border-radius: 0; } .collapsible-lg.aside .title::after, .collapsible-lg.no-borders .title::after { right: 0; } .collapsible-lg.aside .title::after { top: 20px; } .collapsible-lg.no-borders .title::after { top: 17px; } .collapsible-lg:first-child .card-header, .collapsible-lg:first-child .card-title { border-radius: calc(5px - 1px) calc(5px - 1px) 0 0; } .collapsible-lg:last-child .card-header, .collapsible-lg:last-child .card-title, .collapsible-lg:last-child .card-body { border-radius: 0 0 calc(5px - 1px) calc(5px - 1px); } .collapsible-lg:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid #ece3da; } .collapsible-lg.active .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; } .collapsible-lg.active .title[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-lg.active .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-lg.active .title[class*="btn-"]:not(.title).btn-sm, .collapsible-lg.active .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-lg.active .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .collapsible-lg.active .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-lg.active .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-lg.active .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-lg.active .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .collapsible-lg.active .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-lg.active .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-lg.active .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-lg.active .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-lg.active .content, .collapsible-lg.active .card-body { display: block; } .collapsible-lg.active:last-child .card-header, .collapsible-lg.active:last-child .card-title { border-radius: 0; border-bottom: none; } .collapsible-lg.active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: 1px solid #ece3da; } } .collapsible-xl { border-color: #ece3da; } .collapsible-xl .card-header { padding: 0; border-color: #ece3da; border-radius: 0; } .collapsible-xl .card-header:first-child { border-radius: 0; } .collapsible-xl .card-header:last-child { border-radius: 0; } .collapsible-xl .card-header button { text-align: left; display: block; width: 100%; } .collapsible-xl .card-header button:focus { z-index: 1; } .collapsible-xl .title { background-color: #FFFFFF; color: #333131; padding-top: 17px; padding-right: 37px; padding-bottom: 22px; padding-left: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 0; cursor: pointer; } .collapsible-xl .title:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; } .collapsible-xl .title[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-xl .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xl .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xl .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-xl .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .collapsible-xl .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-xl .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xl .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xl .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .collapsible-xl .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xl .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xl .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xl .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-xl .title::after { position: absolute; top: 17px; right: 20px; } .collapsible-xl .content, .collapsible-xl .card-body { display: none; background-color: #FFFFFF; color: #333131; border-radius: 0; } .collapsible-xl .content:first-child, .collapsible-xl .card-body:first-child { border-radius: 0; } .collapsible-xl .content:last-child, .collapsible-xl .card-body:last-child { border-radius: 0; border-bottom: none; } .collapsible-xl:not(:last-child) { margin-bottom: 0; border-bottom: none; border-radius: 0; } .collapsible-xl:not(:last-child) + .collapsible-xl { border-radius: 0; } .collapsible-xl.aside .title::after, .collapsible-xl.no-borders .title::after { right: 0; } .collapsible-xl.aside .title::after { top: 20px; } .collapsible-xl.no-borders .title::after { top: 17px; } .collapsible-xl:first-child .card-header, .collapsible-xl:first-child .card-title { border-radius: calc(5px - 1px) calc(5px - 1px) 0 0; } .collapsible-xl:last-child .card-header, .collapsible-xl:last-child .card-title, .collapsible-xl:last-child .card-body { border-radius: 0 0 calc(5px - 1px) calc(5px - 1px); } .collapsible-xl:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid #ece3da; } .collapsible-xl.active .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; } .collapsible-xl.active .title[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-xl.active .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xl.active .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xl.active .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-xl.active .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .collapsible-xl.active .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .collapsible-xl.active .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xl.active .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xl.active .p-w-r .pr-qa-display .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .collapsible-xl.active .btn-group-sm > .title.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xl.active .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xl.active .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xl.active .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-xl.active .content, .collapsible-xl.active .card-body { display: block; } .collapsible-xl.active:last-child .card-header, .collapsible-xl.active:last-child .card-title { border-radius: 0; border-bottom: none; } .collapsible-xl.active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: 1px solid #ece3da; } .content-grid + .content-grid { margin-top: 32px; } @media (max-width: 768.98px) { .content-grid .content-column[class*='col-md'] + .content-column[class*='col-12'] { margin-top: 32px; } .content-grid .content-column[class*='col-md'] + .content-column[class*='col-6']:nth-child(4n), .content-grid .content-column[class*='col-md'] + .content-column[class*='col-6']:nth-child(4n-1) { margin-top: 32px; } } .content-tile { display: block; text-decoration: none; margin-bottom: 0; } @media (min-width: 769px) { .content-tile .content-tile-image { will-change: transform; transition: transform 200ms ease-out; } .content-tile:hover .content-tile-image { transform: scale(1.2); } } .content-tile .content-tile-image-wrapper { display: block; overflow: hidden; position: relative; margin-bottom: 10px; } .content-tile .content-tile-image { display: block; } .content-tile .content-tile-image::after { display: block; content: ""; clear: both; } .content-tile .content-tile-image::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1 * 100%); } .content-tile .content-tile-body { display: block; } .content-tile .content-tile-category { display: block; font-family: "Nunito Sans", sans-serif; font-size: 12px; font-weight: 600; text-decoration: none; color: #989797; margin-bottom: 7px; } .content-tile .content-tile-name { font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 18px; font-weight: 600; text-decoration: none; color: #4B3A2D; margin-bottom: 10px; } .content-tile .content-tile-date { display: block; font-family: "Lora", Georgia, Times, "Times New Roman", serif; font-size: 12px; font-weight: 600; text-decoration: none; color: #4B3A2D; margin-bottom: 7px; text-transform: uppercase; } .content-tile .content-tile-description { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; color: #333131; } .content-tile:hover { text-decoration: none; } .content-tile:hover .content-tile-image-wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; box-shadow: inset 0px -0 0px #000000; } .content-tile:hover .content-tile-name { text-decoration: none; color: #333131; } .content-tile:hover .content-tile-description { text-decoration: none; color: #333131; } .card-number-wrapper { position: relative; } .card-number-wrapper input { padding-right: calc(20px + 48px); } .card-number-wrapper::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; background-repeat: no-repeat; background-image: url("../../images/credit.png"); background-size: contain; width: 36.11px; height: 25px; } .card-number-wrapper[data-type="visa"]::after { width: 39px; background-image: url("../../images/icon-visa-color@2x.png"); } .card-number-wrapper[data-type="mastercard"]::after { width: 39px; background-image: url("../../images/icon-mastercard-color@2x.png"); } .card-number-wrapper[data-type="amex"]::after { width: 39px; background-image: url("../../images/icon-amex-color@2x.png"); } .card-number-wrapper[data-type="discover"]::after { width: 39px; background-image: url("../../images/icon-discover-color@2x.png"); } .security-code-wrapper { position: relative; } .security-code-wrapper input { padding-right: calc(20px + 48px); } .security-code-wrapper::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; background-repeat: no-repeat; background-image: url("../../images/cvv.svg"); background-size: contain; width: 36.11px; height: 25px; } .dropdown-toggle:after { content: "\E916"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: inherit; font-weight: normal; } .dropdown-toggle[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .dropdown-toggle[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px); } .dropdown-toggle[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .dropdown-toggle.btn[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .btn-group-sm > .dropdown-toggle.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .dropdown-toggle[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .dropdown-toggle.btn[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .btn-group-sm > .dropdown-toggle.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px); } .dropdown-toggle[class*="btn-"]:not(.title) [class*="icon-"], .dropdown-toggle[class*="btn-"]:not(.title) [class^="icon-"], .dropdown-toggle[class*="btn-"]:not(.title) .fa { display: none; } .dropdown-toggle:after { border: none; vertical-align: top; margin-left: 5px; position: relative; } .dropdown.show .dropdown-toggle:after, .custom-dropdown.show .dropdown-toggle:after { transform: rotate(180deg); } .dropdown-toggle:not(a):not(button) { cursor: default; } .dropdown-menu { margin: 0; padding: 0; border-radius: 5px; border: 1px solid #4B3A2D; -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms; } .dropdown-menu .dropdown-item { text-decoration: none; padding: 0; } .dropdown-menu .dropdown-item + .dropdown-item { border-top: 1px solid #f4f4f4; } .dropdown-menu .dropdown-item:hover { background: #f4f4f4; color: #4B3A2D; text-decoration: none; } .dropdown-menu .dropdown-item .dropdown-link { display: block; padding: 16px; color: #333131; } .dropdown-menu .dropdown-item .dropdown-link:hover { color: #4B3A2D; } .dropdown-menu [class*="sub-asset-"] + .dropdown-item { border-top: 1px solid #f4f4f4; } .icon-deluxe-delivery { margin-right: 10px; } .icon-doorstep-dropoff { margin-right: 10px; } .icon-elite-delivery { margin-right: 10px; } #deluxeDeliveryPane .regular { display: flex; flex-direction: column; align-items: flex-end; } #deluxeDeliveryPane ul { margin-bottom: 0px; } #eliteDeliveryPane ul { margin-bottom: 0px; } #exploreModal .popular { font-family: "Nunito Sans", sans-serif; font-size: 12px; font-weight: bold; color: #AD2E24; text-transform: uppercase; margin-left: 10px; } #exploreModal .free { text-transform: uppercase; } #exploreModal .everyday-price { font-weight: 400; } .add-giftcertificate-messages { position: absolute; right: 50%; transform: translateX(50%); position: fixed; top: 0; padding: 50px 16px 16px; max-height: calc(100vh - 50px); overflow-y: auto; z-index: 1100; } .check-balance .balancemsg { font-weight: bold; font-size: 18px; margin-top: 16px; justify-content: center; } .remove-giftcertificate-pi { font-family: "Nunito Sans", sans-serif; border: none; border-radius: 50%; font-size: 0; cursor: pointer; z-index: 1; background-color: #FFFFFF; padding: 4px 6px; height: 22px; width: 22px; padding: 0px 5px; } .remove-giftcertificate-pi:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 11px; color: inherit; font-weight: normal; } .remove-giftcertificate-pi[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .remove-giftcertificate-pi[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-30px); } .remove-giftcertificate-pi[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .remove-giftcertificate-pi.btn[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .btn-group-sm > .remove-giftcertificate-pi.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .remove-giftcertificate-pi[class*="btn-"]:not(.title).btn-sm:before, .btn-group-sm > .remove-giftcertificate-pi.btn[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .btn-group-sm > .remove-giftcertificate-pi.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .remove-giftcertificate-pi[class*="btn-"]:not(.title) [class*="icon-"], .remove-giftcertificate-pi[class*="btn-"]:not(.title) [class^="icon-"], .remove-giftcertificate-pi[class*="btn-"]:not(.title) .fa { display: none; } .navbar { padding: 0; } @media (min-width: 1024px) { .navbar.bg-inverse { position: static; } .navbar.bg-inverse .navbar-nav { justify-content: space-between; flex-wrap: nowrap; } .navbar.bg-inverse .navbar-nav + .nav-item { margin-left: 0; } .navbar.bg-inverse .navbar-nav .nav-link { padding: 16px 0; white-space: nowrap; margin-right: 5px; white-space: break-spaces; text-align: center; } .logo-center .navbar.bg-inverse .nav-item > .nav-link { color: #FFFFFF; } .logo-center .navbar.bg-inverse .nav-item .nav-link > .nav-link, .logo-center .navbar.bg-inverse .nav-item .nav-link:hover, .logo-center .navbar.bg-inverse .nav-item .nav-link:focus, .logo-center .navbar.bg-inverse .nav-item.show > .nav-link, .logo-center .navbar.bg-inverse .nav-item.show:hover, .logo-center .navbar.bg-inverse .nav-item.show:focus { background-color: #FFFFFF; color: #333131; } .logo-center .navbar.bg-inverse .nav-item.highlight .nav-link { color: #4B3A2D; } .logo-center .navbar.bg-inverse .nav-item.highlight .nav-link:hover, .logo-center .navbar.bg-inverse .nav-item.highlight .nav-link:focus { background-color: #FFFFFF; color: #333131; } .logo-center .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.is-inview > .nav-link, .logo-center .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.contains-inview > .nav-link { background-color: #FFFFFF; color: #333131; } } .multilevel-dropdown .dropdown-menu { top: 100%; border: 0; border-top-left-radius: 0; border-top-right-radius: 0; } @media (min-width: 1024px) { .multilevel-dropdown .dropdown-menu { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); left: auto; } } .multilevel-dropdown .nav-item:not(.megamenu) > .dropdown-menu:not(:hover):not(:focus-within) .dropdown-item.contains-inview, .multilevel-dropdown .nav-item:not(.megamenu) > .dropdown-menu:not(:hover):not(:focus-within) .dropdown-item.is-inview { background: #f4f4f4; color: #4B3A2D; text-decoration: none; } .multilevel-dropdown .dropdown-item.custom-dropdown > .dropdown-toggle::after { transform: rotate(-90deg); } @media (min-width: 1024px) { .multilevel-dropdown .dropdown-menu > .custom-dropdown > .dropdown-menu { top: 0; left: 99%; } } .multilevel-dropdown .navbar > .close-menu { display: none; } .multilevel-dropdown .close-menu .back .caret-left:after { content: "\E909"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: inherit; font-weight: normal; } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title).btn-sm, .multilevel-dropdown .close-menu .back .btn-group-sm > .caret-left.btn[class*="btn-"]:not(.title), .multilevel-dropdown .close-menu .back .p-w-r .pr-qa-display .btn-group-sm > .caret-left.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .multilevel-dropdown .close-menu .back .btn-group-sm > .caret-left.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title).btn-sm:after, .multilevel-dropdown .close-menu .back .btn-group-sm > .caret-left.btn[class*="btn-"]:not(.title):after, .multilevel-dropdown .close-menu .back .p-w-r .pr-qa-display .btn-group-sm > .caret-left.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .multilevel-dropdown .close-menu .back .btn-group-sm > .caret-left.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title) [class*="icon-"], .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title) [class^="icon-"], .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title) .fa { display: none; } .multilevel-dropdown .dropdown-menu.show > .dropdown-item.show > .dropdown-toggle::after { transform: rotate(90deg); } .multilevel-dropdown .menu-group { width: 100%; } .multilevel-dropdown .menu-subcategories { padding-left: 0; display: flex; flex-flow: column wrap; } @media (min-width: 1024px) { .multilevel-dropdown .menu-subcategories { flex-flow: row wrap; } } .multilevel-dropdown .flex-0-0-100 { flex: 0 0 100%; } .navbar-nav { width: 100%; } @media (min-width: 1024px) { .navbar-nav .megamenu { position: static; } .navbar-nav .megamenu > .dropdown-menu { left: 0; top: auto; width: calc(100vw - 48px); max-width: calc(1440px - 32px); padding: 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); background: #FFFFFF; z-index: 0; justify-content: center; } .non-full-mega .navbar-nav .megamenu > .dropdown-menu { transform: unset; right: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 1440px; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; margin-left: -16px; box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.05), 2px 6px 8px 2px rgba(0, 0, 0, 0.05); } .navbar-nav .megamenu > .dropdown-menu.show { display: flex; } .navbar-nav .megamenu > .dropdown-menu:before { display: none; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories { display: flex; flex-wrap: wrap; align-self: flex-start; padding-top: 16px; padding-bottom: 16px; } } @media screen and (min-width: 1024px) and (-ms-high-contrast: active), (min-width: 1024px) and (-ms-high-contrast: none) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories { flex-grow: 1; } } @media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories > .dropdown-item { padding-left: 24px; padding-bottom: 24px; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-toggle:after { display: none; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-item { width: auto; border: none; white-space: normal; } .non-full-mega .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-item { width: 25%; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-item:hover { background: none; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .nav-link { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: capitalize; color: #333131; margin-right: 0; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .nav-link:hover { color: #4B3A2D; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-link { padding: 5px; display: inline-block; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu { margin-left: 2px; position: static; display: flex; box-shadow: none; border-radius: 0; background: transparent; flex-flow: row wrap; align-content: flex-start; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item { border: none; flex-basis: 100%; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item.custom-dropdown { flex-basis: 25%; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item { padding-top: unset; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item a { font-weight: 300; text-transform: none; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item:before { display: none; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item { padding-top: unset; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item a { font-weight: 300; text-transform: none; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item:before { display: none; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-link { color: #000000; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 300; text-transform: none; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-link:hover { color: #4B3A2D; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-menu { flex-flow: column; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories:not(:hover):not(:focus-within) .dropdown-item.contains-inview > .dropdown-menu > .dropdown-item.contains-inview > .dropdown-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories:not(:hover):not(:focus-within) .dropdown-item.contains-inview > .dropdown-menu > .dropdown-item.is-inview > .dropdown-link { color: #4B3A2D; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .menu-level-4 > .dropdown-item > .dropdown-link { padding: 5px 5px 5px 15px; } .navbar-nav .megamenu > .dropdown-menu .view-all-link { order: 1000; } .navbar-nav .megamenu > .dropdown-menu .view-all-link > .view-all-offset, .navbar-nav .megamenu > .dropdown-menu .view-all-link.view-all-offset { display: block; position: relative; padding-top: 16px; font-weight: bold; text-transform: uppercase; } .navbar-nav .megamenu > .dropdown-menu.mega-standard { flex-wrap: wrap; } .navbar-nav .megamenu > .dropdown-menu.mega-standard .menu-subcategories-container { flex-grow: 1; width: 75%; } .navbar-nav .megamenu > .dropdown-menu.mega-standard.has-asset-1.has-asset-2 .menu-subcategories-container { width: 50%; } .navbar-nav .megamenu > .dropdown-menu.mega-standard .subcat-columns { flex-direction: column; align-content: flex-start; max-height: 500px; } .navbar-nav .megamenu > .dropdown-menu.mega-standard .subcat-columns > .dropdown-item { width: 33%; } .navbar-nav .megamenu > .dropdown-menu.mega-standard .subcat-columns .menu-level-3 > .dropdown-item { flex-basis: 100%; } .navbar-nav .megamenu > .dropdown-menu.mega-left { justify-content: flex-start; } .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left { flex: 1 1 calc((100% - 15%)/2); } .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left .menu-subcategories > .dropdown-item { display: none; } .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left .menu-subcategories > .dropdown-item.active-list { display: flex; flex-flow: row wrap; } .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left .menu-subcategories > .dropdown-item.has-view-all-link > .menu-level-3 > .view-all-link { display: none !important; } .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left.has-sub-asset { flex: 1 1 calc(100% - 15%); } .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left.has-sub-asset + [class*="megamenu-asset-"] { display: none; } .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left.has-sub-asset + [class*="megamenu-asset-"] + [class*="megamenu-asset-"] { display: none; } .navbar-nav .megamenu > .dropdown-menu.mega-left .subcat-columns .menu-level-3 { flex-direction: column; flex-basis: 100%; align-content: flex-start; max-height: 500px; } .navbar-nav .megamenu > .dropdown-menu.mega-left .subcat-columns .menu-level-3 > .dropdown-item { width: 33%; flex-basis: auto; } .navbar-nav .megamenu > .dropdown-menu.mega-left .subcat-columns .menu-level-3 > .dropdown-item > a { font-weight: bold; font-size: 14px; text-transform: capitalize; } .navbar-nav .megamenu > .dropdown-menu > li > a.title { margin-bottom: 30px; padding: 0 5px; text-decoration: none; } .navbar-nav .megamenu > .dropdown-menu .megamenu-asset-only { width: 100%; } .navbar-nav .megamenu > .dropdown-menu .left-nav { margin-top: 16px; margin-bottom: 16px; flex: 0 0 15%; border-right: 2px solid #fcfbfa; } .navbar-nav .megamenu > .dropdown-menu .left-nav li { border-top: none; padding: 0; } .navbar-nav .megamenu > .dropdown-menu .left-nav li:hover { background: unset; } .navbar-nav .megamenu > .dropdown-menu .left-nav a { padding: 10px 15px; font-size: 18px; text-transform: uppercase; letter-spacing: 0; border-right: 2px solid #fcfbfa; margin-right: -2px; } .navbar-nav .megamenu > .dropdown-menu .left-nav a.active { color: #333131; border-right: 2px solid #333131; } } .navbar-nav .megamenu .has-asset-1 .megamenu-asset-1 { padding: 16px; border-top: none; } @media (min-width: 1024px) { .navbar-nav .megamenu .has-asset-1 .megamenu-asset-1 { padding: 16px 16px; margin: 0 auto; border-top: none; border-right: none; flex: 1 1 25%; } } .navbar-nav .megamenu .has-asset-2 .megamenu-asset-2 { padding: 16px; border-top: none; } @media (min-width: 1024px) { .navbar-nav .megamenu .has-asset-2 .megamenu-asset-2 { padding: 16px 16px; margin: 0 auto; padding-left: 8px; border-top: none; border-left: none; flex: 1 1 25%; } .navbar-nav .megamenu .has-asset-2 .megamenu-asset-2 img { margin-bottom: -16px; margin-top: -16px; margin-left: 16px; margin-right: -16px; } } @media (min-width: 1024px) { .navbar-nav .megamenu .mega-left .active-list + [class*="sub-asset-"] { display: flex; padding: 0; flex: 0 0 50%; } } .navbar-nav .megamenu .mega-left .sub-asset-1, .navbar-nav .megamenu .mega-left .sub-asset-2 { display: none; padding-top: 0; padding-right: 0; padding-bottom: 0; list-style: none; } .navbar-nav .megamenu .mega-left .sub-asset-1 .page-designer, .navbar-nav .megamenu .mega-left .sub-asset-2 .page-designer { flex: 0 0 100%; padding-right: 16px; } .navbar-nav .megamenu .mega-left .sub-asset-1.sub-asset-2 .page-designer { flex: 0 0 50%; } @media (min-width: 1024px) { .navbar-nav .megamenu .mega-left.has-asset-1 .megamenu-asset-1, .navbar-nav .megamenu .mega-left.has-asset-1 .megamenu-asset-2, .navbar-nav .megamenu .mega-left.has-asset-2 .megamenu-asset-1, .navbar-nav .megamenu .mega-left.has-asset-2 .megamenu-asset-2 { flex: 1 1 calc((100% - 15%)/2); padding: 16px 16px 16px 0; } } @media (min-width: 1024px) { .navbar-nav .megamenu .mega-left.has-asset-1.has-asset-2 .megamenu-asset-1, .navbar-nav .megamenu .mega-left.has-asset-1.has-asset-2 .megamenu-asset-2 { flex: 1 1 calc((100% - 15%)/4); } } @media (max-width: 1023.98px) { .navbar-nav .megamenu.show [class*="has-asset-"] .thirdCatOpen + [class*="megamenu-asset-"] { display: none; } .navbar-nav .megamenu.show [class*="has-asset-"] .thirdCatOpen + [class*="megamenu-asset-"] + [class*="megamenu-asset-"] { display: none; } } @media (min-width: 1024px) { .navbar-nav .megamenu .menu-subcategories > .dropdown-item { flex-basis: 20%; flex-grow: 0; } .navbar-nav .megamenu .has-asset-1 .menu-subcategories > .dropdown-item, .navbar-nav .megamenu .has-asset-2 .menu-subcategories > .dropdown-item { flex-basis: 33.33%; } .navbar-nav .megamenu .has-asset-1.has-asset-2 .menu-subcategories > .dropdown-item { flex-basis: 50%; } .non-full-mega .navbar-nav .megamenu .has-asset-1.has-asset-2 .menu-subcategories > .dropdown-item { flex-basis: 25%; } } @media (min-width: 1440px) { .navbar-nav .megamenu .has-asset-1 .menu-subcategories > .dropdown-item, .navbar-nav .megamenu .has-asset-2 .menu-subcategories > .dropdown-item { flex-basis: 20%; } .navbar-nav .megamenu .has-asset-1.has-asset-2 .menu-subcategories > .dropdown-item { flex-basis: 20%; } } .nav-item .expand-btn-sronly.sr-only { visibility: initial; } @media (max-width: 1023.98px) { .main-menu.menu-toggleable-left { position: fixed; transform: translateX(-100%); transition: transform 200ms ease-out; top: 0; left: 0; display: block; width: 321px; height: 100%; background-color: #fcfbfa; z-index: 1039; overflow-x: hidden; overflow-y: auto; } .main-menu.menu-toggleable-left.in { transform: translateX(0); } .main-menu.menu-toggleable-left.in .show > .dropdown-menu { transform: translateX(0); overflow: auto; } .main-menu.menu-toggleable-left > .container { height: 100%; padding-left: 0; padding-right: 0; } .main-menu.menu-toggleable-left .menu-level-3 .dropdown-link { text-transform: none; } .main-menu.menu-toggleable-left .menu-level-3 .dropdown-item:not(.top-category) .dropdown-link { font-weight: 600; } .main-menu.menu-toggleable-left .menu-level-3 .top-category { font-weight: bold; } .main-menu.menu-toggleable-left .menu-group { padding-bottom: 16px; } .main-menu.menu-toggleable-left .search-mobile .search-field { padding: 0 16px; border-radius: 0; border-left: none; border-right: none; font-size: 16px; line-height: normal; } .main-menu.menu-toggleable-left .search-mobile .fa-close, .main-menu.menu-toggleable-left .search-mobile .fa-search { right: 16px; } .main-menu.menu-toggleable-left .search-mobile .reset-button { display: none !important; } .main-menu.menu-toggleable-left .search-mobile .suggestions-wrapper { background-color: #f4f4f4; overflow: hidden; } .main-menu.menu-toggleable-left .search-mobile .suggestions-wrapper .suggestions { position: static; width: 100%; margin-bottom: 16px; box-shadow: none; } .main-menu.menu-toggleable-left .search-mobile .suggestions-wrapper .suggestions > .container { max-width: 321px; margin-left: 0; } .main-menu.menu-toggleable-left .dropdown-menu { position: fixed; transform: translateX(-100%); transition: transform 200ms ease-out; left: 0; top: 0; width: 100%; height: 100%; padding-bottom: 70px; overflow: hidden; display: block; background-color: #fcfbfa; } .main-menu.menu-toggleable-left .dropdown-toggle:after { transform: rotate(-90deg); float: right; } .main-menu.menu-toggleable-left .dropdown-item { border: none; } .main-menu.menu-toggleable-left .dropdown-item:hover { background: transparent; } .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories { border-top: none; padding-left: 16px; padding-right: 16px; } .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories > .dropdown-item > .dropdown-link, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories > .dropdown-item > .dropdown-link { padding-left: 0; text-transform: none; } .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories > .dropdown-item .top-category, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories > .dropdown-item .top-category { margin-bottom: -1px; border-bottom: none; } .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item { margin-left: 16px; margin-right: 16px; width: auto; } .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item > .dropdown-link, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item > .dropdown-link { padding-left: 0; } .main-menu.menu-toggleable-left .top-category .user-message { display: none; } .main-menu.menu-toggleable-left .support .top-category { border-bottom: 1px solid #4B3A2D; } .main-menu.menu-toggleable-left .navbar-footer { color: #4B3A2D; background: #ece3da; font-size: 12px; font-weight: 600; padding: 10px; } .main-menu.menu-toggleable-left .navbar-footer .navbar-toggler:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: black; font-weight: normal; } .main-menu.menu-toggleable-left .nav-item { position: relative; } .main-menu.menu-toggleable-left .nav-item ~ .nav-item { border-top: none; } .main-menu.menu-toggleable-left .nav-item .nav-link { padding: 16px; color: #333131; } .main-menu.menu-toggleable-left .nav-item .nav-link--no-transform { text-transform: none; } .main-menu.menu-toggleable-left .nav-item .nav-link.dropdown-toggle:hover { color: #4B3A2D; } .main-menu.menu-toggleable-left .nav-item .text-link { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } .main-menu.menu-toggleable-left .nav-item.highlight .nav-link { color: #AD2E24; } .main-menu.menu-toggleable-left .close-menu { background-color: transparent; } .main-menu.menu-toggleable-left .close-menu button { display: block; width: 100%; padding: 16px; text-align: left; text-transform: uppercase; border-bottom: 2px solid #ece3da !important; font-weight: bold; color: #4B3A2D; } .main-menu.menu-toggleable-left .close-menu .icon { float: left; display: block; margin-top: 3px; margin-right: 10px; color: #4B3A2D; } .main-menu.menu-toggleable-left .flag-icon { margin-right: 5px; } .main-menu.menu-toggleable-left a[href*="account"]:not(.text-link):before, .main-menu.menu-toggleable-left a[href*="Account-Show"]:not(.text-link):before, .main-menu.menu-toggleable-left a[href*="Login-Show"]:not(.text-link):before, .main-menu.menu-toggleable-left a[href*="login"]:not(.text-link):before { content: "\E900"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4B3A2D; font-weight: normal; } .main-menu.menu-toggleable-left a[href*="account"]:not(.text-link)[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="login"]:not(.text-link)[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .main-menu.menu-toggleable-left a[href*="account"]:not(.text-link)[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="login"]:not(.text-link)[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .main-menu.menu-toggleable-left a[href*="account"]:not(.text-link)[class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="account"]:not(.text-link)[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="account"]:not(.text-link)[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="account"]:not(.text-link)[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="login"]:not(.text-link)[class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="login"]:not(.text-link)[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="login"]:not(.text-link)[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="login"]:not(.text-link)[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .main-menu.menu-toggleable-left a[href*="account"]:not(.text-link)[class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="account"]:not(.text-link)[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="account"]:not(.text-link)[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="account"]:not(.text-link)[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="login"]:not(.text-link)[class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="login"]:not(.text-link)[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="login"]:not(.text-link)[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="login"]:not(.text-link)[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .main-menu.menu-toggleable-left a[href*="account"]:not(.text-link)[class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="account"]:not(.text-link)[class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="account"]:not(.text-link)[class*="btn-"]:not(.title) .fa, .main-menu.menu-toggleable-left a[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="Account-Show"]:not(.text-link)[class*="btn-"]:not(.title) .fa, .main-menu.menu-toggleable-left a[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="Login-Show"]:not(.text-link)[class*="btn-"]:not(.title) .fa, .main-menu.menu-toggleable-left a[href*="login"]:not(.text-link)[class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="login"]:not(.text-link)[class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="login"]:not(.text-link)[class*="btn-"]:not(.title) .fa { display: none; } .main-menu.menu-toggleable-left a[href*="account"]:not(.text-link):before, .main-menu.menu-toggleable-left a[href*="Account-Show"]:not(.text-link):before, .main-menu.menu-toggleable-left a[href*="Login-Show"]:not(.text-link):before, .main-menu.menu-toggleable-left a[href*="login"]:not(.text-link):before { padding-right: 10px; } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"]:before, .main-menu.menu-toggleable-left a[href*="wishlist"]:before { content: "\E94B"; font-family: "icomoon"; display: inline-block; font-size: 13px; color: #4B3A2D; font-weight: normal; } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="wishlist"][class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="wishlist"][class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"][class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Wishlist-Show"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Wishlist-Show"][class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Wishlist-Show"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="wishlist"][class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="wishlist"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="wishlist"][class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="wishlist"][class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"][class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Wishlist-Show"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Wishlist-Show"][class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Wishlist-Show"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="wishlist"][class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="wishlist"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="wishlist"][class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="wishlist"][class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"][class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="Wishlist-Show"][class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="Wishlist-Show"][class*="btn-"]:not(.title) .fa, .main-menu.menu-toggleable-left a[href*="wishlist"][class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="wishlist"][class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="wishlist"][class*="btn-"]:not(.title) .fa { display: none; } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"]:before, .main-menu.menu-toggleable-left a[href*="wishlist"]:before { padding-right: 10px; } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"]:before:before, .main-menu.menu-toggleable-left a[href*="wishlist"]:before:before { content: "\E900"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #333131; font-weight: normal; } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="wishlist"]:before[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="wishlist"]:before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #333131; font-weight: normal; position: absolute; transform: translateX(-30px); } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="wishlist"]:before[class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="wishlist"]:before[class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="wishlist"]:before[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="wishlist"]:before[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="wishlist"]:before[class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="wishlist"]:before[class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="wishlist"]:before[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="wishlist"]:before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #333131; font-weight: normal; position: absolute; transform: translateX(-22px); } .main-menu.menu-toggleable-left a[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="Wishlist-Show"]:before[class*="btn-"]:not(.title) .fa, .main-menu.menu-toggleable-left a[href*="wishlist"]:before[class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="wishlist"]:before[class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="wishlist"]:before[class*="btn-"]:not(.title) .fa { display: none; } .main-menu.menu-toggleable-left a[href*="Order-Lookup"]:before, .main-menu.menu-toggleable-left a[href*="Order-Track"]:before, .main-menu.menu-toggleable-left a[href*="track-my-order"]:before { content: "\E944"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4B3A2D; font-weight: normal; } .main-menu.menu-toggleable-left a[href*="Order-Lookup"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="Order-Track"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="track-my-order"][class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .main-menu.menu-toggleable-left a[href*="Order-Lookup"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="Order-Track"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="track-my-order"][class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .main-menu.menu-toggleable-left a[href*="Order-Lookup"][class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Order-Lookup"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Order-Lookup"][class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Order-Lookup"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="Order-Track"][class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Order-Track"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Order-Track"][class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Order-Track"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left a[href*="track-my-order"][class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="track-my-order"][class*="btn-"]:not(.title), .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="track-my-order"][class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="track-my-order"][class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .main-menu.menu-toggleable-left a[href*="Order-Lookup"][class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Order-Lookup"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Order-Lookup"][class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Order-Lookup"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="Order-Track"][class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="Order-Track"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Order-Track"][class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="Order-Track"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left a[href*="track-my-order"][class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > a.btn[href*="track-my-order"][class*="btn-"]:not(.title):before, .main-menu.menu-toggleable-left .p-w-r .pr-qa-display .btn-group-sm > a.pr-qa-display-show-more-questions[href*="track-my-order"][class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .main-menu.menu-toggleable-left .btn-group-sm > a.pr-qa-display-show-more-questions[href*="track-my-order"][class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .main-menu.menu-toggleable-left a[href*="Order-Lookup"][class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="Order-Lookup"][class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="Order-Lookup"][class*="btn-"]:not(.title) .fa, .main-menu.menu-toggleable-left a[href*="Order-Track"][class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="Order-Track"][class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="Order-Track"][class*="btn-"]:not(.title) .fa, .main-menu.menu-toggleable-left a[href*="track-my-order"][class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left a[href*="track-my-order"][class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left a[href*="track-my-order"][class*="btn-"]:not(.title) .fa { display: none; } .main-menu.menu-toggleable-left a[href*="Order-Lookup"]:before, .main-menu.menu-toggleable-left a[href*="Order-Track"]:before, .main-menu.menu-toggleable-left a[href*="track-my-order"]:before { padding-right: 10px; } } @media (max-width: 543.98px) { .main-menu.menu-toggleable-left { width: calc(100% - 50px); max-width: 321px; } } @media (max-width: 1023.98px) { .main-menu:not(.in) { visibility: hidden; } .main-menu .custom-dropdown:not(.show) .dropdown-menu { visibility: hidden; } .main-menu .custom-dropdown.show ~ .custom-dropdown { visibility: hidden; } } .header-banner { background-color: #333131; text-align: center; color: #FFFFFF; font-size: 11px; line-height: 20px; position: relative; padding-bottom: 10px; padding-top: 10px; } .header-banner .header-banner-column-1 .pull-left:not(:empty) { margin-left: 16px; } .header-banner .header-banner-column-2 .content { width: 100%; } .header-banner .header-banner-column-2 .close-button .close { opacity: 1; color: #FFFFFF; font-size: 10px; padding: 0 16px 0 3px; } .header-banner .header-banner-column-3 .pull-right { margin-right: 16px; } .header-banner .container { padding-left: 0; padding-right: 0; } .header-banner .dropdown-toggle:after { font-size: 10px; } .header-banner .nav-link { color: #FFFFFF; padding: 0; } .pre-nav-header { height: 30px; background-color: #fcfbfa; } @media (min-width: 769px) { .pre-nav-header { height: 40px; } } .pre-nav-header > .container { flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 0; } .pre-nav-header > .container .row { width: auto; } @media (min-width: 769px) { .pre-nav-header > .container .row { width: 100%; } } .pre-nav-header .site-switcher { display: flex; flex-flow: row nowrap; } .pre-nav-header .site-switcher > a { display: flex; justify-content: center; align-items: center; height: 30px; width: auto; } @media (min-width: 769px) { .pre-nav-header .site-switcher > a { height: 40px; padding: 0 16px; } } .pre-nav-header .site-switcher > a img { max-height: 15px; width: auto; padding: 0 5px; filter: grayscale(1); transition: 200ms; } @media (min-width: 769px) { .pre-nav-header .site-switcher > a img { max-height: 13.33333px; padding: 0; } } .pre-nav-header .site-switcher > a:hover img { filter: grayscale(0); } .pre-nav-header .site-switcher > a.active { background-color: #FFFFFF; } .pre-nav-header .site-switcher > a.active img { filter: grayscale(0); } .pre-nav-header .site-switcher p { margin-bottom: 0; color: #989797; font-family: "Nunito Sans", sans-serif; font-weight: normal; font-size: 11px; text-transform: uppercase; } .header-nav { position: relative; z-index: 1039; background: #FFFFFF; border-bottom: 1px solid #f4f4f4; } .header-nav.fixed { position: fixed; top: 0; width: 100%; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1); z-index: 1039; } .mobile-menu-in .header-nav.fixed { box-shadow: none; } .header-nav.fixed .brand .logo-home { background: url(../images/mathisbrothers/logo_mobile.png) no-repeat center; background-size: contain; } @media (min-width: 769px) { .header-nav.fixed .brand .logo-home { background: url(../images/mathisbrothers/logo_mobile.png) no-repeat center; background-size: contain; } } @media (min-width: 1024px) { .header-nav.fixed .brand .logo-home { background: url(../images/mathisbrothers/logo.png) no-repeat center; background-size: contain; } } @media (min-width: 1024px) { .header-nav.nav-center .navbar-nav { justify-content: center; text-align: center; } } @media (min-width: 1024px) { .logo-center .header-nav { border-bottom-width: 0; } } .sticky-header .fixed-header-enhanced:not(.transparent-header) { padding-bottom: var(--header-height); } .sticky-header .fixed-header-enhanced .header-nav { position: fixed; top: 0; width: 100%; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); z-index: 1039; will-change: transform; transform: translateY(-100%); -webkit-animation: slide-up 400ms ease-out forwards; animation: slide-up 400ms ease-out forwards; } .sticky-header.scroll-direction-up .fixed-header-enhanced .header-nav { -webkit-animation: slide-down 400ms ease-out forwards; animation: slide-down 400ms ease-out forwards; } .header .row .col:not(.modal-body .col) { display: flex; height: 100%; align-items: center; } .header { position: relative; height: 50px; padding: 0; } @media (min-width: 769px) { .header { height: 64px; } } @media (min-width: 1024px) { .header { height: 64px; } } .header .row { height: 100%; align-items: center; } .header > .row { flex-wrap: nowrap; } .header .logo-and-search-container .site-search .suggestions-wrapper { z-index: 1; } .header .logo-and-search-container .site-search .suggestions-wrapper .suggestions { max-width: 274px; } .header .header-column-1 > .pull-left:not(:empty) { margin-left: 16px; } .header .header-column-2 { flex-grow: 0; } .header .header-column-3 { justify-content: flex-end; } .header .header-column-3 > .pull-right { margin-right: 16px; } @media (min-width: 1024px) and (max-width: 1365.98px) { .header .header-column-3 .pull-right.store-location-container { margin: 0 5px; } .header .header-column-3 .pull-right.header-account-container, .header .header-column-3 .pull-right.header-wishlist-container { margin: 0; padding: 0; } .header .header-column-3 .minicart { padding-left: 5px; } } .header .nav-link, .header .country-selector { color: #4B3A2D; transition: color 200ms ease-out; } .header .nav-link:hover, .header .country-selector:hover { color: #000000; transition: color 200ms ease-out; } .header .nav-link { padding: 5px; } .header .brand { height: 100%; } .header .brand .logo-home { width: 225px; height: 100%; margin: 0 auto; font-size: 0; background: url(../images/mathisbrothers/logo_mobile.png) no-repeat center; background-size: contain; } @media (min-width: 769px) { .header .brand .logo-home { width: 225px; background: url(../images/mathisbrothers/logo_mobile.png) no-repeat center; background-size: contain; } } @media (min-width: 1024px) { .header .brand .logo-home { width: 400px; background: url(../images/mathisbrothers/logo.png) no-repeat center; background-size: contain; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .header .brand .logo-home { width: 260px; } } .header .navbar-toggler { padding-left: 16px; padding-right: 16px; } .header .navbar-toggler:before { content: "\E929"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: #4B3A2D; font-weight: normal; } .header .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .header .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm, .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title), .header .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .header .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before, .header .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .header .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .header .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], .header .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], .header .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } .header .navbar-toggler:hover { color: #000000; } .mobile-menu-in .header .navbar-toggler:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: #4B3A2D; font-weight: normal; } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm, .mobile-menu-in .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title), .mobile-menu-in .header .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .mobile-menu-in .header .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, .mobile-menu-in .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before, .mobile-menu-in .header .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .mobile-menu-in .header .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } .header .minicart .minicart-icon:before { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 22px; color: #4B3A2D; font-weight: normal; } .header .minicart .minicart-icon[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .header .minicart .minicart-icon[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .header .minicart .minicart-icon[class*="btn-"]:not(.title).btn-sm, .header .minicart .btn-group-sm > .minicart-icon.btn[class*="btn-"]:not(.title), .header .minicart .p-w-r .pr-qa-display .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .header .minicart .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .header .minicart .minicart-icon[class*="btn-"]:not(.title).btn-sm:before, .header .minicart .btn-group-sm > .minicart-icon.btn[class*="btn-"]:not(.title):before, .header .minicart .p-w-r .pr-qa-display .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .header .minicart .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .header .minicart .minicart-icon[class*="btn-"]:not(.title) [class*="icon-"], .header .minicart .minicart-icon[class*="btn-"]:not(.title) [class^="icon-"], .header .minicart .minicart-icon[class*="btn-"]:not(.title) .fa { display: none; } .header .minicart .minicart-icon:hover:before { color: #000000; } .header .minicart .minicart-total { position: relative; margin-right: 10px; } .header .minicart .minicart-quantity { position: absolute; top: -2px; right: -9px; background-color: #AD2E24; color: #FFFFFF; border-radius: 50%; width: 16px; height: 16px; line-height: 16px; display: inline-block; text-align: center; font-size: 9px; } .header .custom-dropdown.show .nav-link { color: #000000; } @media (max-width: 1023.98px) { .logo-left .header-column-1 { order: 1; } .logo-left .header-column-2 { order: 2; } .logo-left .header-column-3 { order: 2; } } @media (min-width: 1024px) { .logo-left .header-banner { overflow: visible; } .logo-left .header-banner-column-3 .dropdown-menu { left: auto; right: 0; } .logo-left .main-menu { background: transparent; } .logo-left .header-column-1 { margin-bottom: -1px; padding-left: 0; padding-right: 0; position: static; overflow-x: auto; overflow-y: hidden; -webkit-mask-image: linear-gradient(90deg, black 90%, transparent); mask-image: linear-gradient(90deg, black 90%, transparent); scrollbar-width: none; } .logo-left .header-column-1::-webkit-scrollbar { width: 0; height: 0; } .logo-left .header-column-1:hover, .logo-left .header-column-1:focus-within { -webkit-mask-image: unset; mask-image: unset; } .logo-left .nav-center .header-column-1 { text-align: center; } .logo-left .nav-center .header-column-1 .main-menu { margin: 0 auto; } .logo-left .header-column-2 { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) and (min-width: 1024px) { .logo-left .header-column-2 { min-width: calc(400px + (16px * 2)); } } @media (min-width: 1024px) and (min-width: 1440px) { .logo-left .header-column-2 { padding-right: 30px; min-width: calc(400px + 16px + 30px); } } @media (min-width: 1024px) { .logo-left .header-column-3 { flex-grow: 0; } } @media screen and (min-width: 1024px) and (-ms-high-contrast: active), (min-width: 1024px) and (-ms-high-contrast: none) { .logo-left .header-column-3 { flex: 1; } } @media (min-width: 1024px) { .logo-left .header-column-3 .pull-right { margin-left: 16px; margin-right: 16px; } .logo-left .header-column-3 .pull-right.search { margin-right: 0; } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link { padding-top: calc((64px - 20px) / 2); padding-bottom: calc((64px - 20px) / 2); position: relative; font-size: 14px; } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link:before { content: ''; display: block; height: 2px; background-color: #4B3A2D; position: absolute; bottom: 0; transition: right 200ms ease-out; left: 18px; right: 100%; z-index: 1001; } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link:hover:before, .logo-left .navbar.bg-inverse .navbar-nav > .nav-item.show .nav-link:before { right: 18px; } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item.highlight .nav-link { color: #AD2E24; } .logo-left .navbar.bg-inverse .navbar-nav.nav-item-hover > .nav-item:not(:hover) .nav-link { color: #989797; transition: color 200ms ease-out; } .logo-left .navbar.bg-inverse .navbar-nav.nav-item-hover > .nav-item.highlight .nav-link:hover { color: #333131; } .logo-left .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.is-inview > .nav-link:before, .logo-left .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.contains-inview > .nav-link:before { right: 18px; height: 1px; background-color: #4B3A2D; } } .main-menu { background-color: #333131; } @media (min-width: 1024px) { .main-menu .container { padding-left: 16px; } } .main-menu .navbar .close-menu button, .main-menu .navbar .close-button button { background-color: transparent; border: 0; -webkit-appearance: none; } .main-menu .navbar .close-button button:after { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; } .main-menu .navbar .close-button button[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title).btn-sm, .main-menu .navbar .close-button .btn-group-sm > button.btn[class*="btn-"]:not(.title), .main-menu .navbar .close-button .p-w-r .pr-qa-display .btn-group-sm > button.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu .navbar .close-button .btn-group-sm > button.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title).btn-sm:after, .main-menu .navbar .close-button .btn-group-sm > button.btn[class*="btn-"]:not(.title):after, .main-menu .navbar .close-button .p-w-r .pr-qa-display .btn-group-sm > button.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .main-menu .navbar .close-button .btn-group-sm > button.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title) [class*="icon-"], .main-menu .navbar .close-button button[class*="btn-"]:not(.title) [class^="icon-"], .main-menu .navbar .close-button button[class*="btn-"]:not(.title) .fa { display: none; } .main-menu .navbar .close-button button span { display: none; } @media (min-width: 1024px) { .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle:after { content: none; font-family: "icomoon"; display: inline-block; font-size: 10px; color: inherit; font-weight: normal; } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 20px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title).btn-sm, .main-menu .navbar .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.btn[class*="btn-"]:not(.title), .main-menu .navbar .p-w-r .pr-qa-display .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .main-menu .navbar .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-right: calc(30px + 20px); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title).btn-sm:after, .main-menu .navbar .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.btn[class*="btn-"]:not(.title):after, .main-menu .navbar .p-w-r .pr-qa-display .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after, .p-w-r .pr-qa-display .main-menu .navbar .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title) [class*="icon-"], .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title) [class^="icon-"], .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title) .fa { display: none; } } .main-menu .dropdown-link, .main-menu .nav-link { font-family: "Nunito Sans", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0.03em; } .main-menu .dropdown-link:hover, .main-menu .nav-link:hover { text-decoration: none; } .main-menu .dropdown-link-secondary, .main-menu .nav-link-secondary { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: capitalize; color: #333131; } .main-menu .dropdown-link-secondary:hover, .main-menu .nav-link-secondary:hover { color: #4B3A2D; } .main-menu .dropdown-link-tertiary, .main-menu .nav-link-tertiary { color: #000000; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 300; text-transform: none; } .main-menu .dropdown-link-tertiary:hover, .main-menu .nav-link-tertiary:hover { color: #4B3A2D; } .slide-up { transition-duration: 0.5s; transition-timing-function: ease-in; max-height: 100px; overflow: hidden; } .slide-up.hide { max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .cookie-warning-messaging.cookie-warning { position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0); text-align: center; display: none; } .valid-cookie-warning { background-color: #93b0c8; color: #FFFFFF; white-space: nowrap; } .valid-cookie-warning p { margin-top: 0; margin-bottom: 0.2em; padding-right: 2em; } .checkout-header .header-locale-container .country-selector { display: block; } .checkout-header .header-support-container .support { display: block; } .checkout-header .header-account-container { display: block; } .checkout-header .minicart { display: block; } .header-account-container { display: none; } @media (min-width: 1024px) { .header-account-container { display: block; } .header-account-container .header-link.nav-link { font-size: 14px; margin: 8px 0 0; } .header-account-container .header-link.nav-link:before { content: "\E900"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4B3A2D; font-weight: normal; } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title).btn-sm, .header-account-container .btn-group-sm > .header-link.nav-link.btn[class*="btn-"]:not(.title), .header-account-container .p-w-r .pr-qa-display .btn-group-sm > .header-link.nav-link.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .header-account-container .btn-group-sm > .header-link.nav-link.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title).btn-sm:before, .header-account-container .btn-group-sm > .header-link.nav-link.btn[class*="btn-"]:not(.title):before, .header-account-container .p-w-r .pr-qa-display .btn-group-sm > .header-link.nav-link.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .header-account-container .btn-group-sm > .header-link.nav-link.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title) [class*="icon-"], .header-account-container .header-link.nav-link[class*="btn-"]:not(.title) [class^="icon-"], .header-account-container .header-link.nav-link[class*="btn-"]:not(.title) .fa { display: none; } .header-account-container .header-link.nav-link > .header-link { display: none; } } @media (min-width: 1024px) { header .user .dropdown-menu, header .support .dropdown-menu { border: none; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); } header .user .dropdown-menu .dropdown-item + .dropdown-item, header .support .dropdown-menu .dropdown-item + .dropdown-item { border: none; } header .user .dropdown-menu .dropdown-item .header-link, header .support .dropdown-menu .dropdown-item .header-link { text-align: center; padding: 8px; } header .user .nav, header .support .nav { padding: 16px 0; display: block; } header.logo-center .header-link { font-size: 14px; } header.logo-center .support .dropdown-toggle { padding: calc((64px - 20px) / 2) 0; } header.logo-center .support .dropdown-menu-right { right: auto; max-width: 225px; } header.logo-center .header-column-2 { min-width: 400px; } } html:not(.sticky-header) .transparent-header .header-nav { width: 100%; transition: background-color 200ms linear, border-color 200ms linear; } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.nav-center .main-menu { transition: background-color 200ms linear; } html:not(.sticky-header) .transparent-header .header-nav .brand a { transition: filter 200ms linear; } html:not(.sticky-header) .transparent-header .header-nav .site-search input::-moz-placeholder { -moz-transition: color 200ms linear; transition: color 200ms linear; } html:not(.sticky-header) .transparent-header .header-nav .site-search input:-ms-input-placeholder { -ms-transition: color 200ms linear; transition: color 200ms linear; } html:not(.sticky-header) .transparent-header .header-nav .nav-link, html:not(.sticky-header) .transparent-header .header-nav .nav-link::before, html:not(.sticky-header) .transparent-header .header-nav .fa-search::before, html:not(.sticky-header) .transparent-header .header-nav .site-search input, html:not(.sticky-header) .transparent-header .header-nav .site-search input::placeholder, html:not(.sticky-header) .transparent-header .header-nav .minicart-icon::before { transition: color 200ms linear; } html:not(.sticky-header) .transparent-header .header-nav .site-search { transition: border-color 200ms linear; } html:not(.sticky-header) .transparent-header .header-nav .site-search .search-field { transition: width 200ms linear; } html:not(.sticky-header) .transparent-header .header-nav .minicart-quantity { transition: color 200ms linear, background-color 200ms linear; } } html:not(.sticky-header) .transparent-header .header-nav:not(.fixed) { position: absolute; } html:not(.sticky-header) .transparent-header .header-nav.fixed .header { background-color: rgba(255, 255, 255, 0.65); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav { transition: color 200ms ease-in-out, box-shadow 200ms ease-in-out; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark { color: #000000; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler:before { content: "\E929"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: #000000; font-weight: normal; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #000000; font-weight: normal; position: absolute; transform: translateX(-30px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title), html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #000000; font-weight: normal; position: absolute; transform: translateX(-22px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .brand a { filter: brightness(1); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before { color: #000000; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before:before { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 22px; color: color; font-weight: normal; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: color; font-weight: normal; position: absolute; transform: translateX(-30px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title), html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .p-w-r .pr-qa-display .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions::before[class*="btn-"]:not(.title), .p-w-r .pr-qa-display html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions::before[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .p-w-r .pr-qa-display .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions::before[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; position: absolute; transform: translateX(-22px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-quantity { color: #4B3A2D; background-color: #AD2E24; } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .nav-link, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .nav-link:before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .fa-search:before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search input { color: #000000; } } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field::-moz-placeholder { color: #000000; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field:-ms-input-placeholder { color: #000000; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field::placeholder { color: #000000; } } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) .nav-link { color: #000000; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) .nav-link:before { background-color: #000000; } } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:hover .nav-link { color: #000000; } } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light { color: #4B3A2D; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler:before { content: "\E929"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: #4B3A2D; font-weight: normal; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title), html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .brand a { filter: brightness(1) invert(0); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before { color: #4B3A2D; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before:before { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 22px; color: color; font-weight: normal; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: color; font-weight: normal; position: absolute; transform: translateX(-30px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title), html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .p-w-r .pr-qa-display .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions::before[class*="btn-"]:not(.title), .p-w-r .pr-qa-display html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions::before[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .p-w-r .pr-qa-display .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions::before[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.pr-qa-display-show-more-questions::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; position: absolute; transform: translateX(-22px); } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-quantity { color: #4B3A2D; background-color: #AD2E24; } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .nav-link, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .nav-link:before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .fa-search:before, html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search input { color: #4B3A2D; } } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field::-moz-placeholder { color: #4B3A2D; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field:-ms-input-placeholder { color: #4B3A2D; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field::placeholder { color: #4B3A2D; } } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) .nav-link { color: #4B3A2D; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) .nav-link:before { background-color: #4B3A2D; } } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:hover .nav-link { color: #4B3A2D; } } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav:not(.fixed) { background: rgba(255, 255, 255, 0.65); border-bottom: transparent; transition: background-color 200ms linear, border-color 200ms linear; width: 100%; position: absolute; } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav:not(.fixed) .main-menu { background-color: rgba(255, 255, 255, 0.65); transition: background-color 200ms linear; } } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav:not(.fixed) .header { transition: color 200ms linear; background: rgba(255, 255, 255, 0.65); } @media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav:not(.fixed) .header .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) .nav-link { transition: color 200ms ease-out; } } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav:not(.fixed) .header .site-search { border-color: transparent; } .header .minicart .minicart-quantity { letter-spacing: -1px; color: #FFFFFF; background-color: #4B3A2D; } .header .minicart .minicart-total { padding-bottom: 14px; margin-top: 14px; } .header .navbar-toggler { padding-left: 16px; padding-right: 16px; } .header .navbar-toggler:before { content: "\E929"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: #4B3A2D; font-weight: normal; } .header .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .header .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm, .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title), .header .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .header .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before, .header .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .header .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .header .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], .header .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], .header .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } .header .navbar-toggler:hover { color: #000000; } .mobile-menu-in .header .navbar-toggler { padding-top: 10px; padding-bottom: 10px; position: fixed; top: 0; z-index: 1039; background-color: rgba(0, 0, 0, 0.4); } .mobile-menu-in .header .navbar-toggler:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: #FFFFFF; font-weight: normal; } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #FFFFFF; font-weight: normal; position: absolute; transform: translateX(-30px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm, .mobile-menu-in .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title), .mobile-menu-in .header .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .mobile-menu-in .header .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, .mobile-menu-in .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before, .mobile-menu-in .header .p-w-r .pr-qa-display .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .mobile-menu-in .header .btn-group-sm > .navbar-toggler.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; position: absolute; transform: translateX(-22px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } .transparent-header .header-nav.fixed .header { background-color: transparent; } .transparent-header .header-nav.transparent-nav:not(.fixed) { background: rgba(255, 255, 255, 0.65); } .transparent-header .header-nav.transparent-nav:not(.fixed).transparent-nav-light:not(.fixed) .minicart .minicart-quantity { color: #FFFFFF; background-color: #AD2E24; } @media (min-width: 769px) { .transparent-header .header-nav.transparent-nav:not(.fixed) .main-menu { background-color: transparent; } } .transparent-header .header-nav.transparent-nav:not(.fixed) .header { background-color: transparent; } .header-nav a:focus-visible, .header-nav button:focus-visible { outline: 2px solid #4B3A2D !important; } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link:before { left: 0; } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link:hover:before, .logo-left .navbar.bg-inverse .navbar-nav > .nav-item.show .nav-link:before { right: 0; } .logo-left .header-column-3 { flex-grow: 1; } @media (min-width: 1024px) { .logo-left .header-column-3 { flex-grow: 2; width: 200px; } .logo-left .header-column-3 .separator { border-right: 1px solid #e6e6e6; height: 14px; } } @media (min-width: 1024px) { .logo-left .store-locator-btn-header, .logo-left .header-wishlist-container .header-link a { white-space: nowrap; } } @media (min-width: 1024px) { .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link { padding-top: calc((80px - 20px) / 2); padding-bottom: calc((80px - 20px) / 2); } } .store-location { letter-spacing: initial; } .store-location:before { content: "\E927"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4B3A2D; font-weight: normal; } .store-location[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .store-location[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .store-location[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .store-location.btn[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .btn-group-sm > .store-location.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .store-location[class*="btn-"]:not(.title).btn-sm:before, .btn-group-sm > .store-location.btn[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .btn-group-sm > .store-location.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .store-location[class*="btn-"]:not(.title) [class*="icon-"], .store-location[class*="btn-"]:not(.title) [class^="icon-"], .store-location[class*="btn-"]:not(.title) .fa { display: none; } .store-location span { padding-left: 8px; } .header-account-container .dropdown-menu, .header-wishlist-container .dropdown-menu { left: 50%; transform: translateX(-50%); } .header-account-container #dropdownAccountSelector .custom-dropdown.show .dropdown-toggle.header-link.nav-link, .header-account-container .dropdown-toggle.header-link.nav-link { padding-top: 18px; padding-bottom: 18px; } .header-account-container .custom-dropdown.show .dropdown-toggle.header-link.nav-link:after, .header-account-container .dropdown-toggle.header-link.nav-link:after { content: ''; font-family: "Nunito Sans", sans-serif; transform: none; text-transform: capitalize; font-size: 14px; } .header-account-container .custom-dropdown.show .dropdown-toggle.header-link.nav-link:hover:after, .header-account-container .dropdown-toggle.header-link.nav-link:hover:after { transform: none; } .header-link.nav-link { text-transform: none; } @media (min-width: 1024px) { .logo-left .header-column-3 .header-wishlist-container { margin-left: 11px; margin-right: 11px; } } .header-wishlist-container { display: none; } @media (min-width: 1024px) { .header-wishlist-container { display: block; } .header-wishlist-container .user .dropdown-menu { max-width: 193px; width: 152%; left: 46%; } .header-wishlist-container .header-link.nav-link { padding-top: 18px; padding-bottom: 18px; font-size: 14px; margin: 8px 0 0; } .header-wishlist-container .header-link.nav-link:before { content: "\E94B"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4B3A2D; font-weight: normal; } .header-wishlist-container .header-link.nav-link[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .header-wishlist-container .header-link.nav-link[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .header-wishlist-container .header-link.nav-link[class*="btn-"]:not(.title).btn-sm, .header-wishlist-container .btn-group-sm > .header-link.nav-link.btn[class*="btn-"]:not(.title), .header-wishlist-container .p-w-r .pr-qa-display .btn-group-sm > .header-link.nav-link.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .header-wishlist-container .btn-group-sm > .header-link.nav-link.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .header-wishlist-container .header-link.nav-link[class*="btn-"]:not(.title).btn-sm:before, .header-wishlist-container .btn-group-sm > .header-link.nav-link.btn[class*="btn-"]:not(.title):before, .header-wishlist-container .p-w-r .pr-qa-display .btn-group-sm > .header-link.nav-link.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .header-wishlist-container .btn-group-sm > .header-link.nav-link.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .header-wishlist-container .header-link.nav-link[class*="btn-"]:not(.title) [class*="icon-"], .header-wishlist-container .header-link.nav-link[class*="btn-"]:not(.title) [class^="icon-"], .header-wishlist-container .header-link.nav-link[class*="btn-"]:not(.title) .fa { display: none; } .header-wishlist-container .header-link.nav-link > .header-link { display: none; } } @media (min-width: 1440px) { .header-wishlist-container .user .dropdown-menu { max-width: 192px; width: 189px; left: 57px; } } .dropdown-menu .dropdown-item { white-space: normal; } .dropdown-menu .dropdown-item .header-link { text-transform: none; font-weight: 600; } .dropdown-menu h6 { font-weight: 500; word-wrap: break-word; } .dropdown-menu .login-logout-link { text-decoration: underline; font-size: 12px; } header .user .dropdown-menu .dropdown-item a { border-bottom: 1px solid #ece3da; } header .user .dropdown-menu .dropdown-item a.login-logout-link { border-bottom: none; } header .user .dropdown-menu .dropdown-item .header-link { padding: 20px 4px; } header .user .dropdown-menu .dropdown-item .header-link span { padding: 0; } header .user .dropdown-menu li.dropdown-item { padding: 0 10px; } .nav .account-rewards-banner { background-image: url(../images/banners/Rewards-Banner_Placeholder.png); text-align: center; margin-bottom: 0; } .nav .account-rewards-banner .link { color: #FFFFFF; position: relative; top: 105px; font-size: 12px; } .nav .account-rewards-banner .link:hover { color: #FFFFFF; } @media (min-width: 1024px) { .nav .account-rewards-banner { height: 140px; } } .account-rewards-menu-item { background-color: #28486a; color: #FFFFFF; text-align: center; padding: 10px; } .account-rewards-menu-item .heading { padding: 10px; font-size: 12px; } .account-rewards-menu-item .points { font-size: 24px; font-weight: bold; } .account-rewards-menu-item .link { padding: 10px 10px 5px; font-size: 12px; } .account-rewards-menu-item .link a { color: #FFFFFF; } .account-rewards-menu-item .link a:hover { color: #FFFFFF; } .header-account-container .nav h6 { margin-bottom: 0; } .wishlist-items { text-align: center; padding: 0 10px; } .wishlist-items .heading { font-weight: 600; line-height: 20px; letter-spacing: 0.05em; padding: 25px 10px 20px; } .wishlist-items .thumbnails { padding: 0 10px; } .wishlist-items .thumbnails .img-thumbnail { width: 55px; height: 41.25px; -o-object-fit: contain; object-fit: contain; } .wishlist-items .link { padding: 15px 10px; border-bottom: 1px solid #ece3da; } .wishlist-items .link a span { text-decoration: underline; font-size: 12px; font-weight: 600; } @media (min-width: 1024px) { header .header-account-container .user .dropdown-menu { border-top: 5px solid #cfc7c1; width: -webkit-max-content; width: -moz-max-content; width: max-content; border-radius: 0 0 5px 5px; max-width: 189px; left: 50%; } header .user .dropdown-menu { border-top: 5px solid #cfc7c1; border-radius: 0 0 5px 5px; max-width: 190px; width: 168px; left: 50%; } header .user .nav { padding: 0; } } .pre-header-nav { overflow-x: auto; border-bottom: 1px solid #f4f4f4; } .pre-header-nav .microsite-banner { gap: 15px; } .pre-header-nav .content a { font-size: 10px; text-decoration: none; text-transform: uppercase; } .pre-header-nav .content a.active { border-bottom: 2px solid #4B3A2D; } .pre-header-nav .content a strong:hover { text-decoration: underline; } .pre-header-nav .content .microsite-link { font-size: 12px; width: 144px; height: 40px; display: flex; align-items: center; justify-content: center; font-weight: bold; } .pre-header-nav .content .microsite-link.mathisbrothers:hover, .pre-header-nav .content .microsite-link.mathishome:hover { color: #4B3A2D; } .pre-header-nav .content .microsite-link.designstudio.active { border-color: #B69F5C; } .pre-header-nav .content .microsite-link.designstudio:hover { color: #B69F5C; } .pre-header-nav .content .microsite-link.mathisoutlet:hover { color: #EA842A; } .pre-header-nav .content .microsite-link.sleepcenter:hover { color: #53698A; } @media (min-width: 1024px) { .main-menu { border-top: 1px solid #e6e6e6; } } .agent-header { padding: 13px 0 9px 11px; font-size: 12px; } .search.desktop { max-width: 274px; } .site-search { position: relative; width: 100%; } .site-search .fa-close, .site-search .fa-search { position: absolute; top: 11px; border: none; right: 20px; padding: 0; background-color: transparent; } .site-search .fa-close:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: #4B3A2D; font-weight: normal; } .site-search .fa-close[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .site-search .fa-close[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .site-search .fa-close[class*="btn-"]:not(.title).btn-sm, .site-search .btn-group-sm > .fa-close.btn[class*="btn-"]:not(.title), .site-search .p-w-r .pr-qa-display .btn-group-sm > .fa-close.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .site-search .btn-group-sm > .fa-close.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .site-search .fa-close[class*="btn-"]:not(.title).btn-sm:before, .site-search .btn-group-sm > .fa-close.btn[class*="btn-"]:not(.title):before, .site-search .p-w-r .pr-qa-display .btn-group-sm > .fa-close.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .site-search .btn-group-sm > .fa-close.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .site-search .fa-close[class*="btn-"]:not(.title) [class*="icon-"], .site-search .fa-close[class*="btn-"]:not(.title) [class^="icon-"], .site-search .fa-close[class*="btn-"]:not(.title) .fa { display: none; } .site-search .fa-search:before { content: "\E935"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: #4B3A2D; font-weight: normal; } .site-search .fa-search[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .site-search .fa-search[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .site-search .fa-search[class*="btn-"]:not(.title).btn-sm, .site-search .btn-group-sm > .fa-search.btn[class*="btn-"]:not(.title), .site-search .p-w-r .pr-qa-display .btn-group-sm > .fa-search.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .site-search .btn-group-sm > .fa-search.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .site-search .fa-search[class*="btn-"]:not(.title).btn-sm:before, .site-search .btn-group-sm > .fa-search.btn[class*="btn-"]:not(.title):before, .site-search .p-w-r .pr-qa-display .btn-group-sm > .fa-search.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .site-search .btn-group-sm > .fa-search.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .site-search .fa-search[class*="btn-"]:not(.title) [class*="icon-"], .site-search .fa-search[class*="btn-"]:not(.title) [class^="icon-"], .site-search .fa-search[class*="btn-"]:not(.title) .fa { display: none; } .site-search .reset-button { position: absolute; top: 50%; transform: translateY(-50%); border: none; right: 20px; padding: 0 5px; background-color: #FFFFFF; z-index: 1; } .site-search .reset-button:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; } .site-search .reset-button[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .site-search .reset-button[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 20px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-30px); } .site-search .reset-button[class*="btn-"]:not(.title).btn-sm, .site-search .btn-group-sm > .reset-button.btn[class*="btn-"]:not(.title), .site-search .p-w-r .pr-qa-display .btn-group-sm > .reset-button.pr-qa-display-show-more-questions[class*="btn-"]:not(.title), .p-w-r .pr-qa-display .site-search .btn-group-sm > .reset-button.pr-qa-display-show-more-questions[class*="btn-"]:not(.title) { padding-left: calc(30px + 20px); } .site-search .reset-button[class*="btn-"]:not(.title).btn-sm:before, .site-search .btn-group-sm > .reset-button.btn[class*="btn-"]:not(.title):before, .site-search .p-w-r .pr-qa-display .btn-group-sm > .reset-button.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before, .p-w-r .pr-qa-display .site-search .btn-group-sm > .reset-button.pr-qa-display-show-more-questions[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4B3A2D; font-weight: normal; position: absolute; transform: translateX(-22px); } .site-search .reset-button[class*="btn-"]:not(.title) [class*="icon-"], .site-search .reset-button[class*="btn-"]:not(.title) [class^="icon-"], .site-search .reset-button[class*="btn-"]:not(.title) .fa { display: none; } .site-search .reset-button.d-sm-block + .fa-search { display: none; } .site-search input { height: calc(16px + 11px + 11px + (1px*2)); padding-right: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (min-width: 1024px) { .site-search input { height: 100%; } } .site-search input:hover { box-shadow: none; } @media (min-width: 1024px) { .site-search { float: right; display: block; height: 40px; border-width: 1px; border-color: #4B3A2D; border-style: solid; border-radius: 5px; } .site-search form { width: calc(100% - 22px); } .site-search .search-field { font-family: "Nunito Sans", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0.03em; border: none; text-align: left; color: #4B3A2D; padding-right: 40px; padding-left: 20px; transition: width 200ms ease-out; width: 100%; background: transparent; text-decoration: none; } .site-search .search-field:hover { text-decoration: none; } .site-search .search-field-secondary { font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: capitalize; color: #333131; } .site-search .search-field-secondary:hover { color: #4B3A2D; } .site-search .search-field-tertiary { color: #000000; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 300; text-transform: none; } .site-search .search-field-tertiary:hover { color: #4B3A2D; } .site-search .search-field::-moz-placeholder { color: #4B3A2D; } .site-search .search-field:-ms-input-placeholder { color: #4B3A2D; } .site-search .search-field::placeholder { color: #4B3A2D; } .site-search .search-field:focus { box-shadow: none; } .site-search .search-field:hover { text-decoration: none; } .site-search .fa-close, .site-search .fa-search { position: absolute; top: 50%; transform: translateY(-50%); } .site-search .fa-close::before, .site-search .fa-search::before, .site-search .reset-button::before { font-size: 22px; } } @media (min-width: 1440px) { .site-search .search-field:focus { width: 100%; } } .site-search .form-visual-search label { position: absolute; top: 0; left: 0; display: block; width: 100%; margin-bottom: 0; /* Override default `