/*! ab v3.6.0 */
@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-16-9,.video-js.vjs-4-3,.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-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;visibility:visible}.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}.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}.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}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.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}.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{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:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).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;background:0 0}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0}@charset "UTF-8";
@font-face { font-family: "icomoon"; src: url("../fonts/icomoon.ttf?pjflf4") format("truetype"), url("../fonts/icomoon.woff?pjflf4") format("woff"), url("../fonts/icomoon.svg?pjflf4#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block;
}
[class^=icon-]:not(.btn),
[class*=" icon-"]:not(.btn) { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.icon-personalization:before { content: "\E948";
}
.icon-shipping:before { content: "\E965";
}
.icon-unmatched-quality:before { content: "\E96F";
}
.icon-returns:before { content: "\E972";
}
.icon-product-brushed-extra-velvety:before { content: "\E920";
}
.icon-product-butter-soft-luminous-luxurious:before { content: "\E921";
}
.icon-product-crisp-cool:before { content: "\E922";
}
.icon-product-default-1:before { content: "\E924";
}
.icon-product-medium-weight:before { content: "\E925";
}
.icon-product-premium-flannel:before { content: "\E926";
}
.icon-product-rich-luster-elegant-drape:before { content: "\E927";
}
.icon-product-smooth-lustrous-look:before { content: "\E928";
}
.icon-product-soft:before { content: "\E929";
}
.icon-product-softer-with-every-wash:before { content: "\E93E";
}
.icon-product-year-round-non-seasonal:before { content: "\E940";
}
.icon-account:before { content: "\E900";
}
.icon-add-to-cart:before { content: "\E901";
}
.icon-alert:before { content: "\E902";
}
.icon-arrow-down:before { content: "\E903";
}
.icon-arrow-left-thin:before { content: "\E904";
}
.icon-arrow-left:before { content: "\E905";
}
.icon-arrow-right-thin:before { content: "\E906";
}
.icon-arrow-right:before { content: "\E907";
}
.icon-arrow-top:before { content: "\E908";
}
.icon-arrow-up:before { content: "\E909";
}
.icon-call:before { content: "\E90A";
}
.icon-cart:before { content: "\E90B";
}
.icon-checkmark:before { content: "\E90C";
}
.icon-close-small:before { content: "\E90D";
}
.icon-close:before { content: "\E90E";
}
.icon-collapse:before { content: "\E90F";
}
.icon-down:before { content: "\E910";
}
.icon-edit:before { content: "\E911";
}
.icon-email:before { content: "\E912";
}
.icon-expand:before { content: "\E913";
}
.icon-facebook:before { content: "\E914";
}
.icon-favorite-selected:before { content: "\E915";
}
.icon-favorite:before { content: "\E916";
}
.icon-film:before { content: "\E917";
}
.icon-globe:before { content: "\E918";
}
.icon-guarantee:before { content: "\E919";
}
.icon-image:before { content: "\E91A";
}
.icon-images:before { content: "\E91B";
}
.icon-info:before { content: "\E91C";
}
.icon-instagram:before { content: "\E91D";
}
.icon-jeff-customer-service:before { content: "\E91E";
}
.icon-jeff-eyemask:before { content: "\E91F";
}
.icon-jeff-leaping-right:before { content: "\E923";
}
.icon-jeff-leaping-left { transform: scaleX(-1);
}
.icon-jeff-leaping-left:before { content: "\E923";
}
.icon-jeff-nightcap:before { content: "\E947";
}
.icon-jeff-nightcapstars:before { content: "\E92A";
}
.icon-jeff-pillow:before { content: "\E92B";
}
.icon-jeff-scrunchie:before { content: "\E92C";
}
.icon-jeff-sleepy:before { content: "\E92D";
}
.icon-jeff:before { content: "\E92E";
}
.icon-left:before { content: "\E92F";
}
.icon-link:before { content: "\E930";
}
.icon-livechat:before { content: "\E931";
}
.icon-location:before { content: "\E932";
}
.icon-lock:before { content: "\E933";
}
.icon-menu:before { content: "\E934";
}
.icon-minus:before { content: "\E935";
}
.icon-offsite:before { content: "\E936";
}
.icon-pause:before { content: "\E937";
}
.icon-pinterest:before { content: "\E938";
}
.icon-play-hollow:before { content: "\E939";
}
.icon-plus:before { content: "\E93A";
}
.icon-print:before { content: "\E93B";
}
.icon-product-all-season-fabric:before { content: "\E93C";
}
.icon-product-breathable:before { content: "\E93D";
}
.icon-product-bug-proof:before { content: "\E93F";
}
.icon-product-calming:before { content: "\E941";
}
.icon-product-construction:before { content: "\E942";
}
.icon-product-cool:before { content: "\E943";
}
.icon-product-cotton:before { content: "\E944";
}
.icon-product-cozy-sleep:before { content: "\E945";
}
.icon-product-cozy:before { content: "\E946";
}
.icon-product-default:before { content: "\E94F";
}
.icon-product-down-alternative:before { content: "\E94A";
}
.icon-product-down-premium:before { content: "\E94B";
}
.icon-product-down-recycled:before { content: "\E94C";
}
.icon-product-down:before { content: "\E94D";
}
.icon-product-dual-use:before { content: "\E94E";
}
.icon-product-easy-care:before { content: "\E950";
}
.icon-product-eco-friendly:before { content: "\E951";
}
.icon-product-evenly-weighted-pressure:before { content: "\E952";
}
.icon-product-fade-resistant:before { content: "\E953";
}
.icon-product-favorite-t-shirt:before { content: "\E954";
}
.icon-product-gentle-on-skin:before { content: "\E955";
}
.icon-product-gets-better-with-time:before { content: "\E956";
}
.icon-product-gift-bag:before { content: "\E957";
}
.icon-product-hand-wash:before { content: "\E958";
}
.icon-product-handmade:before { content: "\E959";
}
.icon-product-high-quality:before { content: "\E95A";
}
.icon-product-lifetime-guarantee:before { content: "\E95B";
}
.icon-product-light-fluffy:before { content: "\E95C";
}
.icon-product-long-lasting-softness:before { content: "\E95D";
}
.icon-product-machine-washable:before { content: "\E95E";
}
.icon-product-made-in-usa:before { content: "\E95F";
}
.icon-product-natural-materials:before { content: "\E961";
}
.icon-product-organic:before { content: "\E962";
}
.icon-product-pillow-firmness-levels:before { content: "\E963";
}
.icon-product-pillow-types:before { content: "\E964";
}
.icon-product-protection:before { content: "\E966";
}
.icon-product-quilted-stitch:before { content: "\E967";
}
.icon-product-recycled-waterbottles:before { content: "\E968";
}
.icon-product-reversible:before { content: "\E969";
}
.icon-product-smooth-touch:before { content: "\E96C";
}
.icon-product-soft-touch-luxurious:before { content: "\E96D";
}
.icon-product-stain-resistant:before { content: "\E970";
}
.icon-product-support:before { content: "\E971";
}
.icon-product-warm:before { content: "\E973";
}
.icon-product-wool:before { content: "\E974";
}
.icon-product-wrap-in-warmth:before { content: "\E975";
}
.icon-product-year-round-comfort:before { content: "\E976";
}
.icon-product-zipper:before { content: "\E978";
}
.icon-question:before { content: "\E979";
}
.icon-remove:before { content: "\E97A";
}
.icon-right:before { content: "\E97B";
}
.icon-search:before { content: "\E97C";
}
.icon-size:before { content: "\E97D";
}
.icon-star-empty:before { content: "\E97E";
}
.icon-star-half:before { content: "\E97F";
}
.icon-star:before { content: "\E980";
}
.icon-twitter:before { content: "\E981";
}
.icon-youtube:before { content: "\E982";
}
.icon-zoom-out:before { content: "\E983";
}
.icon-zoom:before { content: "\E984";
}
.fa { display: inline-block; font-weight: normal; font-style: normal; text-rendering: auto; font-size: inherit;
}
.fa-stack { position: relative; display: inline-block; vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; line-height: inherit;
}
:root { --blue: #5A49B2; --indigo: #6610f2; --purple: #5A49B2; --pink: #e83e8c; --red: #A1001D; --orange: #fd7e14; --yellow: #FFEEBA; --green: #155724; --teal: #20c997; --cyan: #17a2b8; --white: #FEFEFE; --gray: #767676; --gray-dark: #343a40; --brand-primary: #134981; --brand-secondary: #0A2541; --accent-yellow: #FFEC93; --accent-lavender: #CBC3DC; --seasonal: #C56A4E; --seasonal-alt: #AD5338; --off-white: #F6F6F6; --light-gray: #D8D8D8; --dark-gray: #545454; --black: #222222; --success: #155724; --danger: #A1001D; --warning: #FFEEBA; --info: #5A49B2; --light-blue: #E7EFF5; --background-secondary: #ECF1F4; --background-tertiary: #F9F7F6; --border-secondary: #DBDBDB; --border-tertiary: #ECECEC; --primary: #5A49B2; --secondary: #6c757d; --success: #155724; --info: #5A49B2; --warning: #FFEEBA; --danger: #A1001D; --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", "Liberation 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(34, 34, 34, 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", "Liberation 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: #FEFEFE;
}
[tabindex="-1"]:focus:not(:focus-visible) { 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: 0.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: -0.25em;
}
sup { top: -0.5em;
}
a { color: #0A2541; text-decoration: none; background-color: transparent;
}
a:hover { color: #134981; text-decoration: underline;
}
a:not([href]):not([class]) { color: inherit; text-decoration: none;
}
a:not([href]):not([class]):hover { color: inherit; text-decoration: none;
}
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; -ms-overflow-style: scrollbar;
}
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; text-align: -webkit-match-parent;
}
label { display: inline-block; margin-bottom: 0.5rem;
}
button { border-radius: 0;
}
button:focus:not(:focus-visible) { outline: 0;
}
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;
}
[role=button] { cursor: pointer;
}
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;
}
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: 0.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, .h4, .h5, .h6 { margin-bottom: 8px; font-weight: 500; line-height: 1.2;
}
h1, .h1 { font-size: 2.375rem;
}
h2, .h2 { font-size: 1.75rem;
}
h3, .h3 { font-size: 1.5rem;
}
h4, .h4 { font-size: 1.25rem;
}
h5, .h5 { font-size: 1.0625rem;
}
h6, .h6 { font-size: 0.875rem;
}
.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(34, 34, 34, 0.1);
}
small,
.small { font-size: 0.875em; 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: 0.875em; color: #6c757d;
}
.blockquote-footer::before { content: "\2014\A0";
}
.img-fluid { max-width: 100%; height: auto;
}
.img-thumbnail { padding: 0.25rem; background-color: #FEFEFE; border: 1px solid #dee2e6; border-radius: var(--border-radius, 0px); 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-wrap: break-word;
}
a > code { color: inherit;
}
kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #FEFEFE; 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,
.container-fluid,
.container-xl,
.container-lg,
.container-md { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;
}
@media (min-width: 769px) { .container-md, .container-sm, .container { max-width: 1420px; }
}
@media (min-width: 1024px) { .container-lg, .container-md, .container-sm, .container { max-width: 1430px; }
}
@media (min-width: 1440px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1776px; }
}
.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-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px;
}
.col { flex-basis: 0; flex-grow: 1; max-width: 100%;
}
.row-cols-1 > * { flex: 0 0 100%; max-width: 100%;
}
.row-cols-2 > * { flex: 0 0 50%; max-width: 50%;
}
.row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%;
}
.row-cols-4 > * { flex: 0 0 25%; max-width: 25%;
}
.row-cols-5 > * { flex: 0 0 20%; max-width: 20%;
}
.row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%;
}
.col-auto { flex: 0 0 auto; width: auto; max-width: 100%;
}
.col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%;
}
.col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%;
}
.col-3 { flex: 0 0 25%; max-width: 25%;
}
.col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%;
}
.col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%;
}
.col-6 { flex: 0 0 50%; max-width: 50%;
}
.col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%;
}
.col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%;
}
.col-9 { flex: 0 0 75%; max-width: 75%;
}
.col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%;
}
.col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%;
}
.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.33333333%;
}
.offset-2 { margin-left: 16.66666667%;
}
.offset-3 { margin-left: 25%;
}
.offset-4 { margin-left: 33.33333333%;
}
.offset-5 { margin-left: 41.66666667%;
}
.offset-6 { margin-left: 50%;
}
.offset-7 { margin-left: 58.33333333%;
}
.offset-8 { margin-left: 66.66666667%;
}
.offset-9 { margin-left: 75%;
}
.offset-10 { margin-left: 83.33333333%;
}
.offset-11 { margin-left: 91.66666667%;
}
@media (min-width: 544px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; }
}
@media (min-width: 769px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; }
}
@media (min-width: 1024px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; }
}
@media (min-width: 1440px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; }
}
.table { width: 100%; margin-bottom: 16px; color: #212529;
}
.table th,
.table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #0A2541;
}
.table thead th { vertical-align: bottom; border-bottom: 2px solid #0A2541;
}
.table tbody + tbody { border-top: 2px solid #0A2541;
}
.table-sm th,
.table-sm td { padding: 0.3rem;
}
.table-bordered { border: 1px solid #0A2541;
}
.table-bordered th,
.table-bordered td { border: 1px solid #0A2541;
}
.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(34, 34, 34, 0.05);
}
.table-hover tbody tr:hover { color: #212529; background-color: rgba(34, 34, 34, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td { background-color: #d0cbe9;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody { border-color: #a9a0d6;
}
.table-hover .table-primary:hover { background-color: #c0b9e1;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th { background-color: #c0b9e1;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td { background-color: #d5d8da;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody { border-color: #b2b7bb;
}
.table-hover .table-secondary:hover { background-color: #c7cbce;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th { background-color: #c7cbce;
}
.table-success,
.table-success > th,
.table-success > td { background-color: #bdcfc1;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody { border-color: #85a78d;
}
.table-hover .table-success:hover { background-color: #aec4b3;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th { background-color: #aec4b3;
}
.table-info,
.table-info > th,
.table-info > td { background-color: #d0cbe9;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody { border-color: #a9a0d6;
}
.table-hover .table-info:hover { background-color: #c0b9e1;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th { background-color: #c0b9e1;
}
.table-warning,
.table-warning > th,
.table-warning > td { background-color: #fefaeb;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody { border-color: #fff6db;
}
.table-hover .table-warning:hover { background-color: #fdf4d3;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th { background-color: #fdf4d3;
}
.table-danger,
.table-danger > th,
.table-danger > td { background-color: #e4b7bf;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody { border-color: #ce7a89;
}
.table-hover .table-danger:hover { background-color: #dda4af;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th { background-color: #dda4af;
}
.table-light,
.table-light > th,
.table-light > td { background-color: #fcfdfd;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody { border-color: #fbfbfc;
}
.table-hover .table-light:hover { background-color: #edf3f3;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th { background-color: #edf3f3;
}
.table-dark,
.table-dark > th,
.table-dark > td { background-color: #c5c7c9;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody { border-color: #95989b;
}
.table-hover .table-dark:hover { background-color: #b8babd;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th { background-color: #b8babd;
}
.table-active,
.table-active > th,
.table-active > td { background-color: rgba(34, 34, 34, 0.075);
}
.table-hover .table-active:hover { background-color: rgba(21, 21, 21, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th { background-color: rgba(21, 21, 21, 0.075);
}
.table .thead-dark th { color: #FEFEFE; background-color: #343a40; border-color: #454d55;
}
.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #0A2541;
}
.table-dark { color: #FEFEFE; 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(254, 254, 254, 0.05);
}
.table-dark.table-hover tbody tr:hover { color: #FEFEFE; background-color: rgba(254, 254, 254, 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(20px + 13px + 13px + (1px*2)); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #FEFEFE; background-clip: padding-box; border: 1px solid #D8D8D8; border-radius: 4px; 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: #FEFEFE; border-color: #aba2d9; outline: 0; box-shadow: 0 0 0 0.2rem rgba(90, 73, 178, 0.25);
}
.form-control::-moz-placeholder { color: #545454; opacity: 1;
}
.form-control:-ms-input-placeholder { color: #545454; opacity: 1;
}
.form-control::placeholder { color: #545454; opacity: 1;
}
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1;
}
input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value { color: #495057; background-color: #FEFEFE;
}
.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: 0.375rem 0; margin-bottom: 0; font-size: 1rem; 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, .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: 0.875em; color: #155724;
}
.valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.75rem; line-height: 1.5; color: #FEFEFE; background-color: #155724; border-radius: 9px;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip { display: block;
}
.was-validated .form-control:valid, .form-control.is-valid { border-color: #155724; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23155724' 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: right calc(0.375em + 0.1875rem) center; 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: #155724; box-shadow: 0 0 0 0.2rem rgba(21, 87, 36, 0.25);
}
.was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center;
}
.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:valid, .custom-select.is-valid,
select.is-valid { border-color: #155724; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #FEFEFE url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23155724' 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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus,
.was-validated select:valid:focus, .custom-select.is-valid:focus,
select.is-valid:focus { border-color: #155724; box-shadow: 0 0 0 0.2rem rgba(21, 87, 36, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #155724;
}
.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: #155724;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #155724;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #1f8035; background-color: #1f8035;
}
.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(21, 87, 36, 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: #155724;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #155724;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #155724; box-shadow: 0 0 0 0.2rem rgba(21, 87, 36, 0.25);
}
.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #A1001D;
}
.invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.75rem; line-height: 1.5; color: #FEFEFE; background-color: #a1001d; border-radius: 9px;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip { display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #A1001D; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23A1001D' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23A1001D' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; 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: #A1001D; box-shadow: 0 0 0 0.2rem rgba(161, 0, 29, 0.25);
}
.was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center;
}
.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:invalid, .custom-select.is-invalid,
select.is-invalid { border-color: #A1001D; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #FEFEFE url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23A1001D' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23A1001D' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus,
.was-validated select:invalid:focus, .custom-select.is-invalid:focus,
select.is-invalid:focus { border-color: #A1001D; box-shadow: 0 0 0 0.2rem rgba(161, 0, 29, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #A1001D;
}
.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: #A1001D;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #A1001D;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #d40026; background-color: #d40026;
}
.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(161, 0, 29, 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: #A1001D;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #A1001D;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #A1001D; box-shadow: 0 0 0 0.2rem rgba(161, 0, 29, 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 { 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; }
}
.collapsing.width { width: 0; height: auto; transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) { .collapsing.width { 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: #FEFEFE; background-clip: padding-box; border: 1px solid rgba(34, 34, 34, 0.15); border-radius: var(--border-radius, 0px);
}
.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: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active { color: #FEFEFE; text-decoration: none; background-color: #5A49B2;
}
.dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; 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,
.btn-group-vertical > .btn { position: relative; flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover { z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active { 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),
.btn-group > .btn-group:not(:first-child) { margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn { 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 { padding-right: 0.375rem; padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .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,
.btn-group-vertical > .btn-group { width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn { margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn 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,
.input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.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,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > select + .custom-select,
.input-group > .custom-select + select,
.input-group > select + select,
.input-group > .custom-select + .custom-file,
.input-group > select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.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: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(:first-child),
.input-group > .custom-select: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:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.input-group-prepend,
.input-group-append { display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn { position: relative; z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus { z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn { 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 #D8D8D8; border-radius: 4px;
}
.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 { height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.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,
.input-group-lg > .input-group-append > .btn { 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 { height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.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,
.input-group-sm > .input-group-append > .btn { 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,
.input-group-sm > .custom-select,
.input-group-sm > select { padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn: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,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn: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; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; print-color-adjust: exact;
}
.custom-control-inline { display: inline-flex; margin-right: 1rem;
}
.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before { color: #FEFEFE; border-color: #5A49B2; background-color: #5A49B2;
}
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(90, 73, 178, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #aba2d9;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #FEFEFE; background-color: #cbc6e8; border-color: #cbc6e8;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .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: #FEFEFE; border: 1px solid #adb5bd;
}
.custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before { border-radius: var(--border-radius, 0px);
}
.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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23FEFEFE' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #5A49B2; background-color: #5A49B2;
}
.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' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23FEFEFE' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(90, 73, 178, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(90, 73, 178, 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' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FEFEFE'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(90, 73, 178, 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: #FEFEFE; transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(90, 73, 178, 0.5);
}
.custom-select, select.form-control,
select { display: inline-block; width: 100%; height: calc(20px + 13px + 13px + (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: #FEFEFE url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #D8D8D8; border-radius: var(--border-radius, 0px); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.custom-select:focus,
select:focus { border-color: #aba2d9; outline: 0; box-shadow: 0 0 0 0.2rem rgba(90, 73, 178, 0.25);
}
.custom-select:focus::-ms-value,
select:focus::-ms-value { color: #495057; background-color: #FEFEFE;
}
.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:-moz-focusring,
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057;
}
.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(20px + 13px + 13px + (1px*2)); margin-bottom: 0;
}
.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(20px + 13px + 13px + (1px*2)); margin: 0; overflow: hidden; opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label { border-color: #aba2d9; box-shadow: 0 0 0 0.2rem rgba(90, 73, 178, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .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(20px + 13px + 13px + (1px*2)); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #FEFEFE; border: 1px solid #D8D8D8; border-radius: 4px;
}
.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 4px 4px 0;
}
.custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.custom-range:focus { outline: 0;
}
.custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #FEFEFE, 0 0 0 0.2rem rgba(90, 73, 178, 0.25);
}
.custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #FEFEFE, 0 0 0 0.2rem rgba(90, 73, 178, 0.25);
}
.custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #FEFEFE, 0 0 0 0.2rem rgba(90, 73, 178, 0.25);
}
.custom-range::-moz-focus-outer { border: 0;
}
.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #5A49B2; 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: #cbc6e8;
}
.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: #5A49B2; 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: #cbc6e8;
}
.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: #5A49B2; 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: #cbc6e8;
}
.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: 1px solid #dee2e6;
}
.nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: var(--border-radius, 0px); border-top-right-radius: var(--border-radius, 0px);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6;
}
.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: #FEFEFE; border-color: #dee2e6 #dee2e6 #FEFEFE;
}
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0;
}
.nav-pills .nav-link { background: none; border: 0; border-radius: var(--border-radius, 0px);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { color: #FEFEFE; background-color: #5A49B2;
}
.nav-fill > .nav-link,
.nav-fill .nav-item { flex: 1 1 auto; text-align: center;
}
.nav-justified > .nav-link,
.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,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl { 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: var(--border-radius, 0px);
}
.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: 50%/100% 100% no-repeat;
}
.navbar-nav-scroll { max-height: 75vh; overflow-y: auto;
}
@media (max-width: 543.98px) { .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl { 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,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .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,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl { 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,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .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,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl { 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,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .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,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl { 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,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .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,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl { 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,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl { flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll { overflow: visible;
}
.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto;
}
.navbar-expand .navbar-toggler { display: none;
}
.navbar-light .navbar-brand { color: rgba(34, 34, 34, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(34, 34, 34, 0.9);
}
.navbar-light .navbar-nav .nav-link { color: rgba(34, 34, 34, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(34, 34, 34, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled { color: rgba(34, 34, 34, 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(34, 34, 34, 0.9);
}
.navbar-light .navbar-toggler { color: rgba(34, 34, 34, 0.5); border-color: rgba(34, 34, 34, 0.1);
}
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2834, 34, 34, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text { color: rgba(34, 34, 34, 0.5);
}
.navbar-light .navbar-text a { color: rgba(34, 34, 34, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(34, 34, 34, 0.9);
}
.navbar-dark .navbar-brand { color: #FEFEFE;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #FEFEFE;
}
.navbar-dark .navbar-nav .nav-link { color: rgba(254, 254, 254, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(254, 254, 254, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(254, 254, 254, 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: #FEFEFE;
}
.navbar-dark .navbar-toggler { color: rgba(254, 254, 254, 0.5); border-color: rgba(254, 254, 254, 0.1);
}
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28254, 254, 254, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text { color: rgba(254, 254, 254, 0.5);
}
.navbar-dark .navbar-text a { color: #FEFEFE;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #FEFEFE;
}
.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #FEFEFE; background-clip: border-box; border: 1px solid #DBDBDB; border-radius: var(--border-radius, 0px);
}
.card > hr { margin-right: 0; margin-left: 0;
}
.card > .list-group { border-top: inherit; border-bottom: inherit;
}
.card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(var(--border-radius, 0px) - 1px); border-top-right-radius: calc(var(--border-radius, 0px) - 1px);
}
.card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(var(--border-radius, 0px) - 1px); border-bottom-left-radius: calc(var(--border-radius, 0px) - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer { border-top: 0;
}
.card-body { flex: 1 1 auto; min-height: 1px; 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(34, 34, 34, 0.03); border-bottom: 1px solid #DBDBDB;
}
.card-header:first-child { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px) 0 0;
}
.card-footer { padding: 0.75rem 1.25rem; background-color: rgba(34, 34, 34, 0.03); border-top: 1px solid #DBDBDB;
}
.card-footer:last-child { border-radius: 0 0 calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 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; border-radius: calc(var(--border-radius, 0px) - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom { flex-shrink: 0; width: 100%;
}
.card-img,
.card-img-top { border-top-left-radius: calc(var(--border-radius, 0px) - 1px); border-top-right-radius: calc(var(--border-radius, 0px) - 1px);
}
.card-img,
.card-img-bottom { border-bottom-right-radius: calc(var(--border-radius, 0px) - 1px); border-bottom-left-radius: calc(var(--border-radius, 0px) - 1px);
}
.card-deck .card { margin-bottom: 15px;
}
@media (min-width: 544px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; }
}
.card-group > .card { margin-bottom: 15px;
}
@media (min-width: 544px) { .card-group { display: flex; 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 { overflow-anchor: none;
}
.accordion > .card { overflow: hidden;
}
.accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0;
}
.accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px;
}
.pagination { display: flex; padding-left: 0; list-style: none; border-radius: var(--border-radius, 0px);
}
.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #0A2541; background-color: #FEFEFE; border: 1px solid #dee2e6;
}
.page-link:hover { z-index: 2; color: #134981; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6;
}
.page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(90, 73, 178, 0.25);
}
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: var(--border-radius, 0px); border-bottom-left-radius: var(--border-radius, 0px);
}
.page-item:last-child .page-link { border-top-right-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px);
}
.page-item.active .page-link { z-index: 3; color: #FEFEFE; background-color: #5A49B2; border-color: #5A49B2;
}
.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #FEFEFE; 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: var(--border-radius, 0px); 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 { position: relative; top: -1px;
}
.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem;
}
.badge-primary { color: #FEFEFE; background-color: #5A49B2;
}
a.badge-primary:hover, a.badge-primary:focus { color: #FEFEFE; background-color: #483a8e;
}
a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(90, 73, 178, 0.5);
}
.badge-secondary { color: #FEFEFE; background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus { color: #FEFEFE; 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: #FEFEFE; background-color: #155724;
}
a.badge-success:hover, a.badge-success:focus { color: #FEFEFE; background-color: #0b2e13;
}
a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(21, 87, 36, 0.5);
}
.badge-info { color: #FEFEFE; background-color: #5A49B2;
}
a.badge-info:hover, a.badge-info:focus { color: #FEFEFE; background-color: #483a8e;
}
a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(90, 73, 178, 0.5);
}
.badge-warning { color: #212529; background-color: #FFEEBA;
}
a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #ffe187;
}
a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 238, 186, 0.5);
}
.badge-danger { color: #FEFEFE; background-color: #A1001D;
}
a.badge-danger:hover, a.badge-danger:focus { color: #FEFEFE; background-color: #6e0014;
}
a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(161, 0, 29, 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: #FEFEFE; background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus { color: #FEFEFE; 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: 6px;
}
.alert-heading { color: inherit;
}
.alert-link { font-weight: 700;
}
.alert-dismissible { padding-right: 4rem;
}
.alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit;
}
.alert-primary { color: #3f366d; background-color: #dddaef; border-color: #d0cbe9;
}
.alert-primary hr { border-top-color: #c0b9e1;
}
.alert-primary .alert-link { color: #2b254b;
}
.alert-secondary { color: #484d51; background-color: #e1e3e4; border-color: #d5d8da;
}
.alert-secondary hr { border-top-color: #c7cbce;
}
.alert-secondary .alert-link { color: #303336;
}
.alert-success { color: #1b3e23; background-color: #cfddd2; border-color: #bdcfc1;
}
.alert-success hr { border-top-color: #aec4b3;
}
.alert-success .alert-link { color: #0c1a0f;
}
.alert-info { color: #3f366d; background-color: #dddaef; border-color: #d0cbe9;
}
.alert-info hr { border-top-color: #c0b9e1;
}
.alert-info .alert-link { color: #2b254b;
}
.alert-warning { color: #958c71; background-color: #fefbf0; border-color: #fefaeb;
}
.alert-warning hr { border-top-color: #fdf4d3;
}
.alert-warning .alert-link { color: #79715a;
}
.alert-danger { color: #64101f; background-color: #ebcbd1; border-color: #e4b7bf;
}
.alert-danger hr { border-top-color: #dda4af;
}
.alert-danger .alert-link { color: #380911;
}
.alert-light { color: #919292; background-color: #fdfdfd; border-color: #fcfdfd;
}
.alert-light hr { border-top-color: #edf3f3;
}
.alert-light .alert-link { color: #777979;
}
.alert-dark { color: #2b2e32; background-color: #d6d7d8; border-color: #c5c7c9;
}
.alert-dark hr { border-top-color: #b8babd;
}
.alert-dark .alert-link { color: #131517;
}
@-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; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: var(--border-radius, 0px);
}
.progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #FEFEFE; text-align: center; white-space: nowrap; background-color: #5A49B2; transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; }
}
.progress-bar-striped { background-image: linear-gradient(45deg, rgba(254, 254, 254, 0.15) 25%, transparent 25%, transparent 50%, rgba(254, 254, 254, 0.15) 50%, rgba(254, 254, 254, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem;
}
.progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes;
}
@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; border-radius: var(--border-radius, 0px);
}
.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; background-color: #FEFEFE; border: 1px solid rgba(34, 34, 34, 0.125);
}
.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit;
}
.list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #FEFEFE;
}
.list-group-item.active { z-index: 2; color: #FEFEFE; background-color: #5A49B2; border-color: #5A49B2;
}
.list-group-item + .list-group-item { border-top-width: 0;
}
.list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px;
}
.list-group-horizontal { flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: var(--border-radius, 0px); border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child { border-top-right-radius: var(--border-radius, 0px); border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active { margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px;
}
@media (min-width: 544px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: var(--border-radius, 0px); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: var(--border-radius, 0px); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
@media (min-width: 769px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: var(--border-radius, 0px); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: var(--border-radius, 0px); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
@media (min-width: 1024px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: var(--border-radius, 0px); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: var(--border-radius, 0px); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
@media (min-width: 1440px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: var(--border-radius, 0px); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: var(--border-radius, 0px); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
.list-group-flush { border-radius: 0;
}
.list-group-flush > .list-group-item { border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child { border-bottom-width: 0;
}
.list-group-item-primary { color: #3f366d; background-color: #d0cbe9;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #3f366d; background-color: #c0b9e1;
}
.list-group-item-primary.list-group-item-action.active { color: #FEFEFE; background-color: #3f366d; border-color: #3f366d;
}
.list-group-item-secondary { color: #484d51; background-color: #d5d8da;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #484d51; background-color: #c7cbce;
}
.list-group-item-secondary.list-group-item-action.active { color: #FEFEFE; background-color: #484d51; border-color: #484d51;
}
.list-group-item-success { color: #1b3e23; background-color: #bdcfc1;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #1b3e23; background-color: #aec4b3;
}
.list-group-item-success.list-group-item-action.active { color: #FEFEFE; background-color: #1b3e23; border-color: #1b3e23;
}
.list-group-item-info { color: #3f366d; background-color: #d0cbe9;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #3f366d; background-color: #c0b9e1;
}
.list-group-item-info.list-group-item-action.active { color: #FEFEFE; background-color: #3f366d; border-color: #3f366d;
}
.list-group-item-warning { color: #958c71; background-color: #fefaeb;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #958c71; background-color: #fdf4d3;
}
.list-group-item-warning.list-group-item-action.active { color: #FEFEFE; background-color: #958c71; border-color: #958c71;
}
.list-group-item-danger { color: #64101f; background-color: #e4b7bf;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #64101f; background-color: #dda4af;
}
.list-group-item-danger.list-group-item-action.active { color: #FEFEFE; background-color: #64101f; border-color: #64101f;
}
.list-group-item-light { color: #919292; background-color: #fcfdfd;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #919292; background-color: #edf3f3;
}
.list-group-item-light.list-group-item-action.active { color: #FEFEFE; background-color: #919292; border-color: #919292;
}
.list-group-item-dark { color: #2b2e32; background-color: #c5c7c9;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #2b2e32; background-color: #b8babd;
}
.list-group-item-dark.list-group-item-action.active { color: #FEFEFE; background-color: #2b2e32; border-color: #2b2e32;
}
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #222222; text-shadow: 0 1px 0 #FEFEFE; opacity: 0.5;
}
.close:hover { color: #222222; text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75;
}
button.close { padding: 0; background-color: transparent; border: 0;
}
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.modal-static .modal-dialog { transform: scale(1.02);
}
.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); height: -webkit-min-content; height: -moz-min-content; height: min-content; 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: #FEFEFE; background-clip: padding-box; border: 1px solid rgba(34, 34, 34, 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: #222222;
}
.modal-backdrop.fade { opacity: 0;
}
.modal-backdrop.show { opacity: 0.5;
}
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 16px; border-bottom: 1px solid transparent; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close { padding: 16px; 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; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid transparent; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * { margin: 0.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); height: -webkit-min-content; height: -moz-min-content; height: min-content; } .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", "Liberation 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; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.75rem; 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: #222222;
}
.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: #222222;
}
.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: #222222;
}
.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: #222222;
}
.tooltip-inner { max-width: 300px; padding: 0.25rem 0.5rem; color: #FEFEFE; text-align: center; background-color: #222222; border-radius: 9px;
}
.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", "Liberation 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; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; background-color: #FEFEFE; background-clip: padding-box; border: 1px solid #DBDBDB; border-radius: var(--border-radius, 0px);
}
.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 var(--border-radius, 0px);
}
.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);
}
.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: #dbdbdb;
}
.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: #FEFEFE;
}
.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); width: 0.5rem; height: 1rem; margin: var(--border-radius, 0px) 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: #dbdbdb;
}
.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: #FEFEFE;
}
.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);
}
.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: #dbdbdb;
}
.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: #FEFEFE;
}
.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 #f6f6f6;
}
.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); width: 0.5rem; height: 1rem; margin: var(--border-radius, 0px) 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: #dbdbdb;
}
.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: #FEFEFE;
}
.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f6f6f6; border-bottom: 1px solid #eaeaea; border-top-left-radius: calc(var(--border-radius, 0px) - 1px); border-top-right-radius: calc(var(--border-radius, 0px) - 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: opacity 0s 0.6s;
}
@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%; padding: 0; color: #FEFEFE; text-align: center; background: none; border: 0; 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: #FEFEFE; 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: 50%/100% 100% no-repeat;
}
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FEFEFE' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FEFEFE' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-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: #FEFEFE; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.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: #FEFEFE; 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: #5A49B2 !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus { background-color: #483a8e !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: #155724 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus { background-color: #0b2e13 !important;
}
.bg-info { background-color: #5A49B2 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus { background-color: #483a8e !important;
}
.bg-warning { background-color: #FFEEBA !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus { background-color: #ffe187 !important;
}
.bg-danger { background-color: #A1001D !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus { background-color: #6e0014 !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: #FEFEFE !important;
}
.bg-transparent { background-color: transparent !important;
}
.border { border: 1px solid #0A2541 !important;
}
.border-top { border-top: 1px solid #0A2541 !important;
}
.border-right { border-right: 1px solid #0A2541 !important;
}
.border-bottom { border-bottom: 1px solid #0A2541 !important;
}
.border-left { border-left: 1px solid #0A2541 !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: #5A49B2 !important;
}
.border-secondary { border-color: #6c757d !important;
}
.border-success { border-color: #155724 !important;
}
.border-info { border-color: #5A49B2 !important;
}
.border-warning { border-color: #FFEEBA !important;
}
.border-danger { border-color: #A1001D !important;
}
.border-light { border-color: #f8f9fa !important;
}
.border-dark { border-color: #343a40 !important;
}
.border-white { border-color: #FEFEFE !important;
}
.rounded-sm { border-radius: 0.2rem !important;
}
.rounded { border-radius: var(--border-radius, 0px) !important;
}
.rounded-top { border-top-left-radius: var(--border-radius, 0px) !important; border-top-right-radius: var(--border-radius, 0px) !important;
}
.rounded-right { border-top-right-radius: var(--border-radius, 0px) !important; border-bottom-right-radius: var(--border-radius, 0px) !important;
}
.rounded-bottom { border-bottom-right-radius: var(--border-radius, 0px) !important; border-bottom-left-radius: var(--border-radius, 0px) !important;
}
.rounded-left { border-top-left-radius: var(--border-radius, 0px) !important; border-bottom-left-radius: var(--border-radius, 0px) !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.85714286%;
}
.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; }
}
.user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important;
}
.user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important;
}
.user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: 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: 1020; }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 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(34, 34, 34, 0.075) !important;
}
.shadow { box-shadow: 0 0.5rem 1rem rgba(34, 34, 34, 0.15) !important;
}
.shadow-lg { box-shadow: 0 1rem 3rem rgba(34, 34, 34, 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;
}
.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; }
}
.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);
}
.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: #FEFEFE !important;
}
.text-primary { color: #5A49B2 !important;
}
a.text-primary:hover, a.text-primary:focus { color: #3f337c !important;
}
.text-secondary { color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important;
}
.text-success { color: #155724 !important;
}
a.text-success:hover, a.text-success:focus { color: #06190b !important;
}
.text-info { color: #5A49B2 !important;
}
a.text-info:hover, a.text-info:focus { color: #3f337c !important;
}
.text-warning { color: #FFEEBA !important;
}
a.text-warning:hover, a.text-warning:focus { color: #ffdb6e !important;
}
.text-danger { color: #A1001D !important;
}
a.text-danger:hover, a.text-danger:focus { color: #55000f !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(34, 34, 34, 0.5) !important;
}
.text-white-50 { color: rgba(254, 254, 254, 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; word-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; } 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 #222222; } .table { border-collapse: collapse !important; } .table td,
.table th { background-color: #FEFEFE !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: #0A2541; } .table .thead-dark th { color: inherit; border-color: #0A2541; }
}
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: 24px;
}
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: #545454 !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: 30px; padding-left: 30px;
}
@media (min-width: 769px) { .container { padding-right: 32px; padding-left: 32px; }
}
@media (min-width: 1440px) { .container { padding-right: 48px; padding-left: 48px; }
}
.container-fluid, .container-md, .container-lg, .container-xl { padding-right: 30px; padding-left: 30px;
}
@media (min-width: 769px) { .container-fluid, .container-md, .container-lg, .container-xl { padding-right: 32px; padding-left: 32px; }
}
@media (min-width: 1440px) { .container-fluid, .container-md, .container-lg, .container-xl { padding-right: 48px; padding-left: 48px; }
}
:focus, button:focus { outline: 2px solid #545454;
}
:focus:not(.focus-visible) { outline: none;
}
.table-striped tbody tr:nth-of-type(odd) { background-color: #ECF1F4;
}
.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;
}
@-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: 16px; height: 16px; background-color: #f5f5dc; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-black { width: 16px; height: 16px; background-color: #222222; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-blue { width: 16px; height: 16px; background-color: #3091E7; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-brown { width: 16px; height: 16px; background-color: #a52a2a; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-green { width: 16px; height: 16px; background-color: #155724; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-grey { width: 16px; height: 16px; background-color: #8f979d; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-gray { width: 16px; height: 16px; background-color: #8f979d; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-ivory { width: 16px; height: 16px; background-color: #F5F0EE; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-navy { width: 16px; height: 16px; background-color: #000080; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-orange { width: 16px; height: 16px; background-color: #ffa500; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-orangecoral { width: 16px; height: 16px; background-color: #ffa500; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-pink { width: 16px; height: 16px; background-color: #fe249a; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-purple { width: 16px; height: 16px; background-color: #800080; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-red { width: 16px; height: 16px; background-color: #f00; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-tealturquoise { width: 16px; height: 16px; background-color: #47d1d1; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-white { width: 16px; height: 16px; background-color: #FEFEFE; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-yellow { width: 16px; height: 16px; background-color: #ff0; border-radius: 50%; display: inline-block; position: relative;
}
.swatch-circle-miscellaneous,
.swatch-circle-multi { background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 1px solid #0A2541; border-radius: 50%; display: inline-block; height: 16px; width: 16px; position: relative; transform: rotate(35deg);
}
.swatch-circle-miscellaneous.swatch-mark.color-value.selected::after,
.swatch-circle-multi.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 #DBDBDB;
}
.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; }
}
.text--blue { color: #5A49B2;
}
.text--indigo { color: #6610f2;
}
.text--purple { color: #5A49B2;
}
.text--pink { color: #e83e8c;
}
.text--red { color: #A1001D;
}
.text--orange { color: #fd7e14;
}
.text--yellow { color: #FFEEBA;
}
.text--green { color: #155724;
}
.text--teal { color: #20c997;
}
.text--cyan { color: #17a2b8;
}
.text--white { color: #FEFEFE;
}
.text--gray { color: #767676;
}
.text--gray-dark { color: #343a40;
}
.text--brand-primary { color: #134981;
}
.text--brand-secondary { color: #0A2541;
}
.text--accent-yellow { color: #FFEC93;
}
.text--accent-lavender { color: #CBC3DC;
}
.text--seasonal { color: #C56A4E;
}
.text--seasonal-alt { color: #AD5338;
}
.text--off-white { color: #F6F6F6;
}
.text--light-gray { color: #D8D8D8;
}
.text--dark-gray { color: #545454;
}
.text--black { color: #222222;
}
.text--success { color: #155724;
}
.text--danger { color: #A1001D;
}
.text--warning { color: #FFEEBA;
}
.text--info { color: #5A49B2;
}
.text--light-blue { color: #E7EFF5;
}
.text--background-secondary { color: #ECF1F4;
}
.text--background-tertiary { color: #F9F7F6;
}
.text--border-secondary { color: #DBDBDB;
}
.text--border-tertiary { color: #ECECEC;
}
@media (min-width: 769px) { .text--md--blue { color: #5A49B2; } .text--md--indigo { color: #6610f2; } .text--md--purple { color: #5A49B2; } .text--md--pink { color: #e83e8c; } .text--md--red { color: #A1001D; } .text--md--orange { color: #fd7e14; } .text--md--yellow { color: #FFEEBA; } .text--md--green { color: #155724; } .text--md--teal { color: #20c997; } .text--md--cyan { color: #17a2b8; } .text--md--white { color: #FEFEFE; } .text--md--gray { color: #767676; } .text--md--gray-dark { color: #343a40; } .text--md--brand-primary { color: #134981; } .text--md--brand-secondary { color: #0A2541; } .text--md--accent-yellow { color: #FFEC93; } .text--md--accent-lavender { color: #CBC3DC; } .text--md--seasonal { color: #C56A4E; } .text--md--seasonal-alt { color: #AD5338; } .text--md--off-white { color: #F6F6F6; } .text--md--light-gray { color: #D8D8D8; } .text--md--dark-gray { color: #545454; } .text--md--black { color: #222222; } .text--md--success { color: #155724; } .text--md--danger { color: #A1001D; } .text--md--warning { color: #FFEEBA; } .text--md--info { color: #5A49B2; } .text--md--light-blue { color: #E7EFF5; } .text--md--background-secondary { color: #ECF1F4; } .text--md--background-tertiary { color: #F9F7F6; } .text--md--border-secondary { color: #DBDBDB; } .text--md--border-tertiary { color: #ECECEC; }
}
@media (min-width: 1024px) { .text--lg--blue { color: #5A49B2; } .text--lg--indigo { color: #6610f2; } .text--lg--purple { color: #5A49B2; } .text--lg--pink { color: #e83e8c; } .text--lg--red { color: #A1001D; } .text--lg--orange { color: #fd7e14; } .text--lg--yellow { color: #FFEEBA; } .text--lg--green { color: #155724; } .text--lg--teal { color: #20c997; } .text--lg--cyan { color: #17a2b8; } .text--lg--white { color: #FEFEFE; } .text--lg--gray { color: #767676; } .text--lg--gray-dark { color: #343a40; } .text--lg--brand-primary { color: #134981; } .text--lg--brand-secondary { color: #0A2541; } .text--lg--accent-yellow { color: #FFEC93; } .text--lg--accent-lavender { color: #CBC3DC; } .text--lg--seasonal { color: #C56A4E; } .text--lg--seasonal-alt { color: #AD5338; } .text--lg--off-white { color: #F6F6F6; } .text--lg--light-gray { color: #D8D8D8; } .text--lg--dark-gray { color: #545454; } .text--lg--black { color: #222222; } .text--lg--success { color: #155724; } .text--lg--danger { color: #A1001D; } .text--lg--warning { color: #FFEEBA; } .text--lg--info { color: #5A49B2; } .text--lg--light-blue { color: #E7EFF5; } .text--lg--background-secondary { color: #ECF1F4; } .text--lg--background-tertiary { color: #F9F7F6; } .text--lg--border-secondary { color: #DBDBDB; } .text--lg--border-tertiary { color: #ECECEC; }
}
.background--blue { background-color: #5A49B2;
}
.background--indigo { background-color: #6610f2;
}
.background--purple { background-color: #5A49B2;
}
.background--pink { background-color: #e83e8c;
}
.background--red { background-color: #A1001D;
}
.background--orange { background-color: #fd7e14;
}
.background--yellow { background-color: #FFEEBA;
}
.background--green { background-color: #155724;
}
.background--teal { background-color: #20c997;
}
.background--cyan { background-color: #17a2b8;
}
.background--white { background-color: #FEFEFE;
}
.background--gray { background-color: #767676;
}
.background--gray-dark { background-color: #343a40;
}
.background--brand-primary { background-color: #134981;
}
.background--brand-secondary { background-color: #0A2541;
}
.background--accent-yellow { background-color: #FFEC93;
}
.background--accent-lavender { background-color: #CBC3DC;
}
.background--seasonal { background-color: #C56A4E;
}
.background--seasonal-alt { background-color: #AD5338;
}
.background--off-white { background-color: #F6F6F6;
}
.background--light-gray { background-color: #D8D8D8;
}
.background--dark-gray { background-color: #545454;
}
.background--black { background-color: #222222;
}
.background--success { background-color: #155724;
}
.background--danger { background-color: #A1001D;
}
.background--warning { background-color: #FFEEBA;
}
.background--info { background-color: #5A49B2;
}
.background--light-blue { background-color: #E7EFF5;
}
.background--background-secondary { background-color: #ECF1F4;
}
.background--background-tertiary { background-color: #F9F7F6;
}
.background--border-secondary { background-color: #DBDBDB;
}
.background--border-tertiary { background-color: #ECECEC;
}
@media (min-width: 769px) { .background--md--blue { background-color: #5A49B2; } .background--md--indigo { background-color: #6610f2; } .background--md--purple { background-color: #5A49B2; } .background--md--pink { background-color: #e83e8c; } .background--md--red { background-color: #A1001D; } .background--md--orange { background-color: #fd7e14; } .background--md--yellow { background-color: #FFEEBA; } .background--md--green { background-color: #155724; } .background--md--teal { background-color: #20c997; } .background--md--cyan { background-color: #17a2b8; } .background--md--white { background-color: #FEFEFE; } .background--md--gray { background-color: #767676; } .background--md--gray-dark { background-color: #343a40; } .background--md--brand-primary { background-color: #134981; } .background--md--brand-secondary { background-color: #0A2541; } .background--md--accent-yellow { background-color: #FFEC93; } .background--md--accent-lavender { background-color: #CBC3DC; } .background--md--seasonal { background-color: #C56A4E; } .background--md--seasonal-alt { background-color: #AD5338; } .background--md--off-white { background-color: #F6F6F6; } .background--md--light-gray { background-color: #D8D8D8; } .background--md--dark-gray { background-color: #545454; } .background--md--black { background-color: #222222; } .background--md--success { background-color: #155724; } .background--md--danger { background-color: #A1001D; } .background--md--warning { background-color: #FFEEBA; } .background--md--info { background-color: #5A49B2; } .background--md--light-blue { background-color: #E7EFF5; } .background--md--background-secondary { background-color: #ECF1F4; } .background--md--background-tertiary { background-color: #F9F7F6; } .background--md--border-secondary { background-color: #DBDBDB; } .background--md--border-tertiary { background-color: #ECECEC; }
}
@media (min-width: 1024px) { .background--lg--blue { background-color: #5A49B2; } .background--lg--indigo { background-color: #6610f2; } .background--lg--purple { background-color: #5A49B2; } .background--lg--pink { background-color: #e83e8c; } .background--lg--red { background-color: #A1001D; } .background--lg--orange { background-color: #fd7e14; } .background--lg--yellow { background-color: #FFEEBA; } .background--lg--green { background-color: #155724; } .background--lg--teal { background-color: #20c997; } .background--lg--cyan { background-color: #17a2b8; } .background--lg--white { background-color: #FEFEFE; } .background--lg--gray { background-color: #767676; } .background--lg--gray-dark { background-color: #343a40; } .background--lg--brand-primary { background-color: #134981; } .background--lg--brand-secondary { background-color: #0A2541; } .background--lg--accent-yellow { background-color: #FFEC93; } .background--lg--accent-lavender { background-color: #CBC3DC; } .background--lg--seasonal { background-color: #C56A4E; } .background--lg--seasonal-alt { background-color: #AD5338; } .background--lg--off-white { background-color: #F6F6F6; } .background--lg--light-gray { background-color: #D8D8D8; } .background--lg--dark-gray { background-color: #545454; } .background--lg--black { background-color: #222222; } .background--lg--success { background-color: #155724; } .background--lg--danger { background-color: #A1001D; } .background--lg--warning { background-color: #FFEEBA; } .background--lg--info { background-color: #5A49B2; } .background--lg--light-blue { background-color: #E7EFF5; } .background--lg--background-secondary { background-color: #ECF1F4; } .background--lg--background-tertiary { background-color: #F9F7F6; } .background--lg--border-secondary { background-color: #DBDBDB; } .background--lg--border-tertiary { background-color: #ECECEC; }
}
.border--blue { border-color: #5A49B2;
}
.border--indigo { border-color: #6610f2;
}
.border--purple { border-color: #5A49B2;
}
.border--pink { border-color: #e83e8c;
}
.border--red { border-color: #A1001D;
}
.border--orange { border-color: #fd7e14;
}
.border--yellow { border-color: #FFEEBA;
}
.border--green { border-color: #155724;
}
.border--teal { border-color: #20c997;
}
.border--cyan { border-color: #17a2b8;
}
.border--white { border-color: #FEFEFE;
}
.border--gray { border-color: #767676;
}
.border--gray-dark { border-color: #343a40;
}
.border--brand-primary { border-color: #134981;
}
.border--brand-secondary { border-color: #0A2541;
}
.border--accent-yellow { border-color: #FFEC93;
}
.border--accent-lavender { border-color: #CBC3DC;
}
.border--seasonal { border-color: #C56A4E;
}
.border--seasonal-alt { border-color: #AD5338;
}
.border--off-white { border-color: #F6F6F6;
}
.border--light-gray { border-color: #D8D8D8;
}
.border--dark-gray { border-color: #545454;
}
.border--black { border-color: #222222;
}
.border--success { border-color: #155724;
}
.border--danger { border-color: #A1001D;
}
.border--warning { border-color: #FFEEBA;
}
.border--info { border-color: #5A49B2;
}
.border--light-blue { border-color: #E7EFF5;
}
.border--background-secondary { border-color: #ECF1F4;
}
.border--background-tertiary { border-color: #F9F7F6;
}
.border--border-secondary { border-color: #DBDBDB;
}
.border--border-tertiary { border-color: #ECECEC;
}
@media (min-width: 769px) { .border--md--blue { border-color: #5A49B2; } .border--md--indigo { border-color: #6610f2; } .border--md--purple { border-color: #5A49B2; } .border--md--pink { border-color: #e83e8c; } .border--md--red { border-color: #A1001D; } .border--md--orange { border-color: #fd7e14; } .border--md--yellow { border-color: #FFEEBA; } .border--md--green { border-color: #155724; } .border--md--teal { border-color: #20c997; } .border--md--cyan { border-color: #17a2b8; } .border--md--white { border-color: #FEFEFE; } .border--md--gray { border-color: #767676; } .border--md--gray-dark { border-color: #343a40; } .border--md--brand-primary { border-color: #134981; } .border--md--brand-secondary { border-color: #0A2541; } .border--md--accent-yellow { border-color: #FFEC93; } .border--md--accent-lavender { border-color: #CBC3DC; } .border--md--seasonal { border-color: #C56A4E; } .border--md--seasonal-alt { border-color: #AD5338; } .border--md--off-white { border-color: #F6F6F6; } .border--md--light-gray { border-color: #D8D8D8; } .border--md--dark-gray { border-color: #545454; } .border--md--black { border-color: #222222; } .border--md--success { border-color: #155724; } .border--md--danger { border-color: #A1001D; } .border--md--warning { border-color: #FFEEBA; } .border--md--info { border-color: #5A49B2; } .border--md--light-blue { border-color: #E7EFF5; } .border--md--background-secondary { border-color: #ECF1F4; } .border--md--background-tertiary { border-color: #F9F7F6; } .border--md--border-secondary { border-color: #DBDBDB; } .border--md--border-tertiary { border-color: #ECECEC; }
}
@media (min-width: 1024px) { .border--lg--blue { border-color: #5A49B2; } .border--lg--indigo { border-color: #6610f2; } .border--lg--purple { border-color: #5A49B2; } .border--lg--pink { border-color: #e83e8c; } .border--lg--red { border-color: #A1001D; } .border--lg--orange { border-color: #fd7e14; } .border--lg--yellow { border-color: #FFEEBA; } .border--lg--green { border-color: #155724; } .border--lg--teal { border-color: #20c997; } .border--lg--cyan { border-color: #17a2b8; } .border--lg--white { border-color: #FEFEFE; } .border--lg--gray { border-color: #767676; } .border--lg--gray-dark { border-color: #343a40; } .border--lg--brand-primary { border-color: #134981; } .border--lg--brand-secondary { border-color: #0A2541; } .border--lg--accent-yellow { border-color: #FFEC93; } .border--lg--accent-lavender { border-color: #CBC3DC; } .border--lg--seasonal { border-color: #C56A4E; } .border--lg--seasonal-alt { border-color: #AD5338; } .border--lg--off-white { border-color: #F6F6F6; } .border--lg--light-gray { border-color: #D8D8D8; } .border--lg--dark-gray { border-color: #545454; } .border--lg--black { border-color: #222222; } .border--lg--success { border-color: #155724; } .border--lg--danger { border-color: #A1001D; } .border--lg--warning { border-color: #FFEEBA; } .border--lg--info { border-color: #5A49B2; } .border--lg--light-blue { border-color: #E7EFF5; } .border--lg--background-secondary { border-color: #ECF1F4; } .border--lg--background-tertiary { border-color: #F9F7F6; } .border--lg--border-secondary { border-color: #DBDBDB; } .border--lg--border-tertiary { border-color: #ECECEC; }
}
.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: "Poppins", sans-serif;
}
.font--secondary { font-family: "quincy-cf", Times, "Times New Roman", serif;
}
.font--header { font-family: "quincy-cf", Times, "Times New Roman", serif;
}
.font--banner { font-family: "quincy-cf", Times, "Times New Roman", serif;
}
.font--body { font-family: "Poppins", sans-serif;
}
h1,
.h1 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 38px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { h1,
.h1 { font-size: 38px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { h1,
.h1 { font-size: 46px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
h2,
.h2 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { h2,
.h2 { font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { h2,
.h2 { font-size: 33px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
h3,
.h3 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { h3,
.h3 { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { h3,
.h3 { font-size: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
h4,
.h4 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { h4,
.h4 { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { h4,
.h4 { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
h5,
.h5 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { h5,
.h5 { font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { h5,
.h5 { font-size: 19px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
h6,
.h6 { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { h6,
.h6 { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { h6,
.h6 { font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
.b1 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 64px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .b1 { font-size: 64px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .b1 { font-size: 96px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; text-transform: none; font-style: normal; }
}
.b2 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 40px; line-height: 1.2; font-weight: 500; letter-spacing: -0.015em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .b2 { font-size: 40px; line-height: 1.2; font-weight: 500; letter-spacing: -0.015em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .b2 { font-size: 60px; line-height: 1.2; font-weight: 500; letter-spacing: -0.015em; text-transform: none; font-style: normal; }
}
.b3 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 36px; line-height: 1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .b3 { font-size: 36px; line-height: 1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .b3 { font-size: 48px; line-height: 1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.b4 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 26px; line-height: 1; font-weight: 500; letter-spacing: 0.02em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .b4 { font-size: 26px; line-height: 1; font-weight: 500; letter-spacing: 0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .b4 { font-size: 32px; line-height: 1; font-weight: 500; letter-spacing: 0.02em; text-transform: none; font-style: normal; }
}
.b5 { font-family: "Poppins", sans-serif; font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; font-style: normal;
}
@media (min-width: 769px) { .b5 { font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; font-style: normal; }
}
@media (min-width: 1024px) { .b5 { font-size: 14px; line-height: 1; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; }
}
p,
.p { letter-spacing: 0.01em; font-size: 12px; margin-bottom: 16px; line-height: 1.75;
}
@media (min-width: 1024px) { p,
.p { font-size: 14px; }
}
@media (min-width: 1024px) { p,
.p { line-height: 1.75; }
}
p--small,
.p--small { letter-spacing: 0.01em; font-size: 11px; line-height: 1.75;
}
@media (min-width: 1024px) { p--small,
.p--small { font-size: 12px; }
}
@media (min-width: 1024px) { p--small,
.p--small { line-height: 1.75; }
}
p--large,
.p--large { letter-spacing: 0.01em; font-size: 16px;
}
@media (min-width: 1024px) { p--large,
.p--large { font-size: 17px; }
}
small { letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { small { font-size: 12px; }
}
.lead { letter-spacing: 0.01em; font-size: 16px;
}
@media (min-width: 1024px) { .lead { font-size: 17px; }
}
.btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px;
}
.btn[disabled], .btn.disabled { opacity: 1; color: #545454;
}
.btn[class*=icon-], .btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.btn[class*=icon-]:before, .btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.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: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.btn-primary:hover, .btn-primary[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.btn-primary:active { background-color: #0F194C;
}
.btn-primary:focus { outline: none;
}
.btn-primary:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .btn-primary { color: #FEFEFE;
}
.dark-theme .btn-primary:hover { color: #FEFEFE;
}
.btn-primary[disabled], .btn-primary.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.btn-primary[disabled], .btn-primary.disabled { opacity: 1; color: #545454;
}
.btn-primary[class*=icon-], .btn-primary[class^=icon-] { padding-left: calc(47px + 16px);
}
.btn-primary[class*=icon-]:before, .btn-primary[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.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: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.btn-secondary:hover, .btn-secondary[aria-describedby*=popover], .btn-outline-primary:hover, .btn-outline-primary[aria-describedby*=popover] { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
.btn-secondary:active, .btn-outline-primary:active { color: #545769; border: 1px solid #134981;
}
.btn-secondary:focus, .btn-outline-primary:focus { outline: none;
}
.btn-secondary:focus:active, .btn-outline-primary:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .btn-secondary, .dark-theme .btn-outline-primary { color: #0A2541;
}
.dark-theme .btn-secondary:hover, .dark-theme .btn-outline-primary:hover { color: #0A2541;
}
.btn-secondary[disabled], .btn-secondary.disabled, .btn-outline-primary[disabled], .btn-outline-primary.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.btn-secondary[disabled], .btn-secondary.disabled, .btn-outline-primary[disabled], .btn-outline-primary.disabled { opacity: 1; color: #545454;
}
.btn-secondary[class*=icon-], .btn-secondary[class^=icon-], .btn-outline-primary[class*=icon-], .btn-outline-primary[class^=icon-] { padding-left: calc(47px + 16px);
}
.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: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.btn-tertiary { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 17px 0 17px 0;
}
.btn-tertiary::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
.btn-tertiary:hover, .btn-tertiary[aria-describedby*=popover] { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
.btn-tertiary:hover::after, .btn-tertiary[aria-describedby*=popover]::after { left: calc(100% + 0.25em);
}
.btn-tertiary:active { color: #545454;
}
.btn-tertiary:focus { outline: none;
}
.btn-tertiary:focus:active { box-shadow: 0 0 0 1px #388BFF;
}
.btn-tertiary:focus:active::after { height: 0;
}
.dark-theme .btn-tertiary { color: #FEFEFE;
}
.dark-theme .btn-tertiary::after { color: #FEFEFE;
}
.dark-theme .btn-tertiary:hover { color: #FEFEFE;
}
.btn-tertiary[disabled]::after, .btn-tertiary.disabled::after { display: none;
}
.btn-tertiary[disabled], .btn-tertiary.disabled { opacity: 1; color: #545454;
}
.btn-tertiary[class*=icon-], .btn-tertiary[class^=icon-] { padding-left: calc(47px + 16px);
}
.btn-tertiary[class*=icon-]:before, .btn-tertiary[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.btn-sm, .btn-group-sm > .btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; line-height: 1; padding: 9px 23px 9px 23px; letter-spacing: 0.1em;
}
.btn-sm[disabled], .btn-group-sm > [disabled].btn, .btn-sm.disabled, .btn-group-sm > .disabled.btn { opacity: 1; color: #545454;
}
.btn-sm[class*=icon-], .btn-group-sm > [class*=icon-].btn, .btn-sm[class^=icon-], .btn-group-sm > [class^=icon-].btn { padding-left: calc(47px + 16px); padding-left: calc(23px + 16px);
}
.btn-sm[class*=icon-]:before, .btn-group-sm > [class*=icon-].btn:before, .btn-sm[class^=icon-]:before, .btn-group-sm > [class^=icon-].btn: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 { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; line-height: 1; padding: 9px 23px 9px 23px; letter-spacing: 0.1em; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 9px 23px 9px 23px;
}
.btn-sm.btn-primary:hover, .btn-group-sm > .btn-primary.btn:hover, .btn-sm.btn-primary[aria-describedby*=popover], .btn-group-sm > .btn-primary[aria-describedby*=popover].btn { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.btn-sm.btn-primary:active, .btn-group-sm > .btn-primary.btn:active { background-color: #0F194C;
}
.btn-sm.btn-primary:focus, .btn-group-sm > .btn-primary.btn:focus { outline: none;
}
.btn-sm.btn-primary:focus:active, .btn-group-sm > .btn-primary.btn:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .btn-sm.btn-primary, .dark-theme .btn-group-sm > .btn-primary.btn { color: #FEFEFE;
}
.dark-theme .btn-sm.btn-primary:hover, .dark-theme .btn-group-sm > .btn-primary.btn:hover { color: #FEFEFE;
}
.btn-sm.btn-primary[disabled], .btn-group-sm > .btn-primary[disabled].btn, .btn-sm.btn-primary.disabled, .btn-group-sm > .btn-primary.disabled.btn { background-color: #F9F7F6; border-color: #DBDBDB;
}
.btn-sm.btn-primary[disabled], .btn-group-sm > .btn-primary[disabled].btn, .btn-sm.btn-primary.disabled, .btn-group-sm > .btn-primary.disabled.btn { opacity: 1; color: #545454;
}
.btn-sm.btn-primary[class*=icon-], .btn-group-sm > .btn-primary[class*=icon-].btn, .btn-sm.btn-primary[class^=icon-], .btn-group-sm > .btn-primary[class^=icon-].btn { padding-left: calc(47px + 16px); padding-left: calc(23px + 16px);
}
.btn-sm.btn-primary[class*=icon-]:before, .btn-group-sm > .btn-primary[class*=icon-].btn:before, .btn-sm.btn-primary[class^=icon-]:before, .btn-group-sm > .btn-primary[class^=icon-].btn: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, .btn-sm.btn-outline-primary, .btn-group-sm > .btn-outline-primary.btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; line-height: 1; padding: 9px 23px 9px 23px; letter-spacing: 0.1em; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 9px 23px 9px 23px;
}
.btn-sm.btn-secondary:hover, .btn-group-sm > .btn-secondary.btn:hover, .btn-sm.btn-secondary[aria-describedby*=popover], .btn-group-sm > .btn-secondary[aria-describedby*=popover].btn, .btn-sm.btn-outline-primary:hover, .btn-group-sm > .btn-outline-primary.btn:hover, .btn-sm.btn-outline-primary[aria-describedby*=popover], .btn-group-sm > .btn-outline-primary[aria-describedby*=popover].btn { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
.btn-sm.btn-secondary:active, .btn-group-sm > .btn-secondary.btn:active, .btn-sm.btn-outline-primary:active, .btn-group-sm > .btn-outline-primary.btn:active { color: #545769; border: 1px solid #134981;
}
.btn-sm.btn-secondary:focus, .btn-group-sm > .btn-secondary.btn:focus, .btn-sm.btn-outline-primary:focus, .btn-group-sm > .btn-outline-primary.btn:focus { outline: none;
}
.btn-sm.btn-secondary:focus:active, .btn-group-sm > .btn-secondary.btn:focus:active, .btn-sm.btn-outline-primary:focus:active, .btn-group-sm > .btn-outline-primary.btn:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .btn-sm.btn-secondary, .dark-theme .btn-group-sm > .btn-secondary.btn, .dark-theme .btn-sm.btn-outline-primary, .dark-theme .btn-group-sm > .btn-outline-primary.btn { color: #0A2541;
}
.dark-theme .btn-sm.btn-secondary:hover, .dark-theme .btn-group-sm > .btn-secondary.btn:hover, .dark-theme .btn-sm.btn-outline-primary:hover, .dark-theme .btn-group-sm > .btn-outline-primary.btn:hover { color: #0A2541;
}
.btn-sm.btn-secondary[disabled], .btn-group-sm > .btn-secondary[disabled].btn, .btn-sm.btn-secondary.disabled, .btn-group-sm > .btn-secondary.disabled.btn, .btn-sm.btn-outline-primary[disabled], .btn-group-sm > .btn-outline-primary[disabled].btn, .btn-sm.btn-outline-primary.disabled, .btn-group-sm > .btn-outline-primary.disabled.btn { background-color: #F9F7F6; border-color: #DBDBDB;
}
.btn-sm.btn-secondary[disabled], .btn-group-sm > .btn-secondary[disabled].btn, .btn-sm.btn-secondary.disabled, .btn-group-sm > .btn-secondary.disabled.btn, .btn-sm.btn-outline-primary[disabled], .btn-group-sm > .btn-outline-primary[disabled].btn, .btn-sm.btn-outline-primary.disabled, .btn-group-sm > .btn-outline-primary.disabled.btn { opacity: 1; color: #545454;
}
.btn-sm.btn-secondary[class*=icon-], .btn-group-sm > .btn-secondary[class*=icon-].btn, .btn-sm.btn-secondary[class^=icon-], .btn-group-sm > .btn-secondary[class^=icon-].btn, .btn-sm.btn-outline-primary[class*=icon-], .btn-group-sm > .btn-outline-primary[class*=icon-].btn, .btn-sm.btn-outline-primary[class^=icon-], .btn-group-sm > .btn-outline-primary[class^=icon-].btn { padding-left: calc(47px + 16px); padding-left: calc(23px + 16px);
}
.btn-sm.btn-secondary[class*=icon-]:before, .btn-group-sm > .btn-secondary[class*=icon-].btn:before, .btn-sm.btn-secondary[class^=icon-]:before, .btn-group-sm > .btn-secondary[class^=icon-].btn:before, .btn-sm.btn-outline-primary[class*=icon-]:before, .btn-group-sm > .btn-outline-primary[class*=icon-].btn:before, .btn-sm.btn-outline-primary[class^=icon-]:before, .btn-group-sm > .btn-outline-primary[class^=icon-].btn: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 { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; line-height: 1; padding: 9px 23px 9px 23px; letter-spacing: 0.1em; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 9px 0 9px 0;
}
.btn-sm.btn-tertiary::after, .btn-group-sm > .btn-tertiary.btn::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
.btn-sm.btn-tertiary:hover, .btn-group-sm > .btn-tertiary.btn:hover, .btn-sm.btn-tertiary[aria-describedby*=popover], .btn-group-sm > .btn-tertiary[aria-describedby*=popover].btn { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
.btn-sm.btn-tertiary:hover::after, .btn-group-sm > .btn-tertiary.btn:hover::after, .btn-sm.btn-tertiary[aria-describedby*=popover]::after, .btn-group-sm > .btn-tertiary[aria-describedby*=popover].btn::after { left: calc(100% + 0.25em);
}
.btn-sm.btn-tertiary:active, .btn-group-sm > .btn-tertiary.btn:active { color: #545454;
}
.btn-sm.btn-tertiary:focus, .btn-group-sm > .btn-tertiary.btn:focus { outline: none;
}
.btn-sm.btn-tertiary:focus:active, .btn-group-sm > .btn-tertiary.btn:focus:active { box-shadow: 0 0 0 1px #388BFF;
}
.btn-sm.btn-tertiary:focus:active::after, .btn-group-sm > .btn-tertiary.btn:focus:active::after { height: 0;
}
.dark-theme .btn-sm.btn-tertiary, .dark-theme .btn-group-sm > .btn-tertiary.btn { color: #FEFEFE;
}
.dark-theme .btn-sm.btn-tertiary::after, .dark-theme .btn-group-sm > .btn-tertiary.btn::after { color: #FEFEFE;
}
.dark-theme .btn-sm.btn-tertiary:hover, .dark-theme .btn-group-sm > .btn-tertiary.btn:hover { color: #FEFEFE;
}
.btn-sm.btn-tertiary[disabled]::after, .btn-group-sm > .btn-tertiary[disabled].btn::after, .btn-sm.btn-tertiary.disabled::after, .btn-group-sm > .btn-tertiary.disabled.btn::after { display: none;
}
.btn-sm.btn-tertiary[disabled], .btn-group-sm > .btn-tertiary[disabled].btn, .btn-sm.btn-tertiary.disabled, .btn-group-sm > .btn-tertiary.disabled.btn { opacity: 1; color: #545454;
}
.btn-sm.btn-tertiary[class*=icon-], .btn-group-sm > .btn-tertiary[class*=icon-].btn, .btn-sm.btn-tertiary[class^=icon-], .btn-group-sm > .btn-tertiary[class^=icon-].btn { padding-left: calc(47px + 16px); padding-left: calc(23px + 16px);
}
.btn-sm.btn-tertiary[class*=icon-]:before, .btn-group-sm > .btn-tertiary[class*=icon-].btn:before, .btn-sm.btn-tertiary[class^=icon-]:before, .btn-group-sm > .btn-tertiary[class^=icon-].btn: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: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer;
}
a:hover,
.text-link:hover { color: #134981; text-decoration: underline;
}
.dark-theme a,
.dark-theme .text-link { color: #FEFEFE;
}
.dark-theme a:hover,
.dark-theme .text-link:hover { color: #FEFEFE;
}
.pull-left { float: left;
}
.pull-right { float: right;
}
.header-link { font-family: "Poppins", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: 1em; letter-spacing: 0.05em;
}
.header-link:hover { text-decoration: none;
}
.navigation-link { font-family: "Poppins", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 1em; letter-spacing: 0.08em;
}
.navigation-link:hover { text-decoration: underline;
}
.navigation-link-secondary { font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2em; text-transform: none; color: #0A2541;
}
.navigation-link-secondary:hover { color: #134981;
}
.navigation-link-tertiary { color: #0A2541; font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 400; text-transform: none;
}
.navigation-link-tertiary:hover { color: #134981;
}
.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%;
}
.custom-scrollbar { scrollbar-width: thin; scrollbar-color: #D8D8D8 #F6F6F6; }
.custom-scrollbar::-webkit-scrollbar { height: 8px; width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: #D8D8D8; border-radius: 9999px;
}
.custom-scrollbar::-webkit-scrollbar-track { background-color: #F6F6F6;
}
.hide-scrollbar { scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar { width: 0; height: 0;
}
.leading-lines { overflow: hidden; margin: 0 0 16px;
}
.leading-lines label { background-color: #FEFEFE;
}
.leading-lines p { margin-bottom: 0;
}
.leading-lines .start-lines { padding: 0; align-self: center;
}
.leading-lines .start-lines span { position: relative; background-color: #FEFEFE; 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: #FEFEFE; z-index: 2; display: inline-block;
}
.leading-lines .end-lines span:only-child, .leading-lines .end-lines span:last-child { padding-left: 16px; padding-right: 16px; margin-right: -16px;
}
.email-signup-message { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); position: fixed; padding: 16px; max-height: calc(100vh - (16px * 2)); overflow-y: auto; z-index: 1100;
}
.email-signup-alert { box-shadow: 0 2px 4px rgba(34, 34, 34, 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;
}
.email-signup-alert.alert-dismissible .close { padding: 16px;
}
.swatch-mark.color-value { transition: all 200ms ease-out;
}
.swatch-mark.color-value:hover { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #767676;
}
.swatch-mark.color-value.selected { box-shadow: 0 0 0 calc(3px - 1px) #FEFEFE, 0 0 0 3px #222222;
}
.swatch-mark.color-value.selected:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FEFEFE; font-weight: normal;
}
.swatch-mark.color-value.selected[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.swatch-mark.color-value.selected[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; 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[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.swatch-mark.color-value.selected[class*=btn-]:not(.title).btn-sm:after, .btn-group-sm > .swatch-mark.color-value.selected[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; 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(34, 34, 34, 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, .swatch-mark.color-value.unavailable:before, .swatch-mark.color-value.unavailable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.swatch-mark.color-value.unselectable:after, .swatch-mark.color-value.unavailable:after { background-color: #D8D8D8; width: 1px;
}
.swatch-mark.color-value.unselectable:before, .swatch-mark.color-value.unavailable:before { background-color: #FEFEFE; width: 5px;
}
.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: 100%;
}
.swatch-mark.color-value.out-of-stock:after { background-color: #D8D8D8; width: 1px;
}
.swatch-mark.color-value.out-of-stock:before { background-color: #FEFEFE; width: 5px;
}
.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: #DBDBDB; box-shadow: none;
}
.swatch-mark.non-color-swatch-value.selected, .swatch-mark.non-color-swatch-value.selected:hover { background: #FEFEFE; color: #0A2541; border-color: #0A2541; box-shadow: none;
}
.swatch-mark.non-color-swatch-value.selected:after, .swatch-mark.non-color-swatch-value.selected:hover:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FEFEFE; 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(47px + 16px);
}
.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: 16px; color: #FEFEFE; 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[class*=btn-].btn:not(.title), .swatch-mark.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm { padding-right: calc(23px + 16px);
}
.swatch-mark.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm:after, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected[class*=btn-].btn:not(.title):after, .swatch-mark.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; 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: calc(16px / -3); right: calc(16px / -3); background: #134981; 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 { color: #545454; text-decoration: line-through; position: relative;
}
.swatch-mark.non-color-swatch-value.unselectable { cursor: not-allowed;
}
.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.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: "Poppins", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 1em; letter-spacing: 0.08em; display: block; padding: calc(16px / 2) 0 calc(16px / 2) 0;
}
.navbar-nav .megamenu .megamenu-link-list ul li a:hover { text-decoration: underline;
}
.navbar-nav .megamenu .megamenu-link-list ul li a-secondary { font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2em; text-transform: none; color: #0A2541;
}
.navbar-nav .megamenu .megamenu-link-list ul li a-secondary:hover { color: #134981;
}
.navbar-nav .megamenu .megamenu-link-list ul li a-tertiary { color: #0A2541; font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 400; text-transform: none;
}
.navbar-nav .megamenu .megamenu-link-list ul li a-tertiary:hover { color: #134981;
}
.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; }
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component { display: flex; flex-wrap: nowrap; margin-top: 10px;
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(1)::before { content: "1";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(2)::before { content: "2";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(3)::before { content: "3";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(4)::before { content: "4";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(5)::before { content: "5";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(6)::before { content: "6";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(7)::before { content: "7";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(8)::before { content: "8";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(9)::before { content: "9";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(10)::before { content: "10";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(11)::before { content: "11";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(12)::before { content: "12";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(13)::before { content: "13";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(14)::before { content: "14";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(15)::before { content: "15";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(16)::before { content: "16";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(17)::before { content: "17";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(18)::before { content: "18";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(19)::before { content: "19";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(20)::before { content: "20";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(21)::before { content: "21";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(22)::before { content: "22";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(23)::before { content: "23";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(24)::before { content: "24";
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component:nth-child(25)::before { content: "25";
}
@media (min-width: 544px) { .numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component { margin-top: 24px; }
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component::before { display: block; background-color: #CBC3DC; border-radius: 50%; font-size: 12px; font-family: "Poppins", sans-serif; letter-spacing: 0; width: 24px; height: 24px; max-width: 24px; max-height: 24px; min-width: 24px; min-height: 24px; display: flex; align-items: center; justify-content: center; text-align: center; color: #134981; margin: 0 15px 0 0;
}
@media (min-width: 544px) { .numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component::before { margin-right: 24px; width: 34px; height: 34px; font-size: 18px; max-width: 34px; max-height: 34px; min-width: 34px; min-height: 34px; display: flex; align-items: center; justify-content: center; }
}
.numbered-circle-list.mobile-1r-1c > .container > .row > .region > .experience-component > div:first-child { margin-top: 0;
}
.numbered-circle-list.accordion > .card:nth-child(1) .card-header::before { content: "1";
}
.numbered-circle-list.accordion > .card:nth-child(2) .card-header::before { content: "2";
}
.numbered-circle-list.accordion > .card:nth-child(3) .card-header::before { content: "3";
}
.numbered-circle-list.accordion > .card:nth-child(4) .card-header::before { content: "4";
}
.numbered-circle-list.accordion > .card:nth-child(5) .card-header::before { content: "5";
}
.numbered-circle-list.accordion > .card:nth-child(6) .card-header::before { content: "6";
}
.numbered-circle-list.accordion > .card:nth-child(7) .card-header::before { content: "7";
}
.numbered-circle-list.accordion > .card:nth-child(8) .card-header::before { content: "8";
}
.numbered-circle-list.accordion > .card:nth-child(9) .card-header::before { content: "9";
}
.numbered-circle-list.accordion > .card:nth-child(10) .card-header::before { content: "10";
}
.numbered-circle-list.accordion > .card:nth-child(11) .card-header::before { content: "11";
}
.numbered-circle-list.accordion > .card:nth-child(12) .card-header::before { content: "12";
}
.numbered-circle-list.accordion > .card:nth-child(13) .card-header::before { content: "13";
}
.numbered-circle-list.accordion > .card:nth-child(14) .card-header::before { content: "14";
}
.numbered-circle-list.accordion > .card:nth-child(15) .card-header::before { content: "15";
}
.numbered-circle-list.accordion > .card:nth-child(16) .card-header::before { content: "16";
}
.numbered-circle-list.accordion > .card:nth-child(17) .card-header::before { content: "17";
}
.numbered-circle-list.accordion > .card:nth-child(18) .card-header::before { content: "18";
}
.numbered-circle-list.accordion > .card:nth-child(19) .card-header::before { content: "19";
}
.numbered-circle-list.accordion > .card:nth-child(20) .card-header::before { content: "20";
}
.numbered-circle-list.accordion > .card:nth-child(21) .card-header::before { content: "21";
}
.numbered-circle-list.accordion > .card:nth-child(22) .card-header::before { content: "22";
}
.numbered-circle-list.accordion > .card:nth-child(23) .card-header::before { content: "23";
}
.numbered-circle-list.accordion > .card:nth-child(24) .card-header::before { content: "24";
}
.numbered-circle-list.accordion > .card:nth-child(25) .card-header::before { content: "25";
}
.numbered-circle-list.accordion > .card .card-header { display: flex; flex-wrap: nowrap; align-items: center;
}
.numbered-circle-list.accordion > .card .card-header::before { display: block; background-color: #CBC3DC; border-radius: 50%; font-size: 12px; font-family: "Poppins", sans-serif; letter-spacing: 0; width: 24px; height: 24px; max-width: 24px; max-height: 24px; min-width: 24px; min-height: 24px; display: flex; align-items: center; justify-content: center; text-align: center; color: #134981; margin: 0 15px 0 0;
}
@media (min-width: 544px) { .numbered-circle-list.accordion > .card .card-header::before { margin-right: 24px; width: 34px; height: 34px; font-size: 18px; max-width: 34px; max-height: 34px; min-width: 34px; min-height: 34px; display: flex; align-items: center; justify-content: center; }
}
.numbered-circle-list.accordion > .card .card-title { padding-left: 0;
}
.experience-commerce_assets-wysiwyg > .no-p-mb > p:not(:last-child) { margin-bottom: 0;
}
.experience-commerce_assets-wysiwyg > [class*=p--] > p { font-size: inherit;
}
.experience-commerce_assets-wysiwyg > [class*=font-size--] > * { font-size: inherit;
}
.experience-commerce_assets-wysiwyg > [class*=line-height--] > * { line-height: inherit;
}
.experience-commerce_assets-wysiwyg > [class*=font--] > * { font-family: inherit;
}
.text-shadow { text-shadow: 2px 2px 13px rgba(0, 0, 0, 0.5607843137);
}
.flash-sale-dark { color: #0A2541; -webkit-animation: color-animation-dark 1.5s step-end infinite; animation: color-animation-dark 1.5s step-end infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes color-animation-dark { 50% { color: #C16A3A; }
}
@keyframes color-animation-dark { 50% { color: #C16A3A; }
}
.flash-sale-light { color: #FFEC93; -webkit-animation: color-animation-light 1.5s step-end infinite; animation: color-animation-light 1.5s step-end infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes color-animation-light { 50% { color: #FFFFFF; }
}
@keyframes color-animation-light { 50% { color: #FFFFFF; }
}
.mw-500px { max-width: 500px !important; margin-left: auto; margin-right: auto;
}
.mw-600px { max-width: 600px !important; margin-left: auto; margin-right: auto;
}
.mw-700px { max-width: 700px !important; margin-left: auto; margin-right: auto;
}
.mw-800px { max-width: 800px !important; margin-left: auto; margin-right: auto;
}
.mw-900px { max-width: 900px !important; margin-left: auto; margin-right: auto;
}
.mw-1000px { max-width: 1000px !important; margin-left: auto; margin-right: auto;
}
.secondary-promo-banner .mobile-2r-1c > .container > .row > .region { padding: 0;
}
.secondary-promo-banner .h4 { margin-bottom: 0;
}
.secondary-promo-banner .arrow-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 0; pointer-events: none;
}
.secondary-promo-banner .btn-tertiary { padding-right: 30px; margin-right: 0;
}
.secondary-promo-banner .btn-tertiary::after { padding-right: 30px; left: calc(100% - 30px + 0.15em);
}
.secondary-promo-banner .btn-tertiary:hover::after { left: calc(100% - 30px + 0.25em);
}
.secondary-promo-banner div { min-height: 0 !important;
}
.four-column-promo-banner { text-align: center;
}
.four-column-promo-banner > .container { padding-left: 0; padding-right: 0;
}
.four-column-promo-banner > .container > .row { justify-content: center; margin-left: 0; margin-right: 0;
}
.four-column-promo-banner > .container > .row > .region[class*=col-md] + .region[class*=col-12]:not(.order-1) { margin-top: 0;
}
@media (min-width: 769px) { .four-column-promo-banner > .container > .row > .region { display: flex; align-items: center; white-space: nowrap; max-width: none; flex-basis: fit-content; }
}
.mobile-sticky-panel { position: fixed; top: 54px; width: 100%; z-index: 299; box-shadow: 0 2px 2px rgba(34, 34, 34, 0.2);
}
.page-designer .experience-commerce_assets-heroBanner .plp-banner-min-height { min-height: 150px;
}
@media (min-width: 769px) { .page-designer .experience-commerce_assets-heroBanner .plp-banner-min-height { min-height: 170px; }
}
.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.3333333333em; 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);
}
.toast-messages { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); position: fixed; padding: 16px; max-height: calc(100vh - (16px * 2)); overflow-y: auto; z-index: 1100;
}
.toast-messages .alert { box-shadow: 0 2px 4px rgba(34, 34, 34, 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;
}
.toast-messages .alert.alert-dismissible .close { padding: 16px;
}
.pr-alert,
.alert { border-radius: 6px; padding: 16px calc(32px); font-size: 12px; letter-spacing: 0.02em; min-width: 300px;
}
.pr-alert-header,
.alert-header { font-size: 15px; font-weight: 500; margin-bottom: 4px;
}
.pr-alert-success,
.alert-success { background: #D4EDDA; border-color: #C3E6CB; color: #155724;
}
.pr-alert-success a, .pr-alert-success a:hover,
.alert-success a,
.alert-success a:hover { color: #0b2e13;
}
.pr-alert-success .close,
.alert-success .close { color: #155724;
}
.pr-alert-warning,
.alert-warning { background: #FFFDD3; border-color: #FFEEBA; color: #856404;
}
.pr-alert-warning a, .pr-alert-warning a:hover,
.alert-warning a,
.alert-warning a:hover { color: #533f03;
}
.pr-alert-warning .close,
.alert-warning .close { color: #856404;
}
.pr-alert-danger,
.alert-danger { background: #FFEBEE; border-color: #F5C6CB; color: #A1001D;
}
.pr-alert-danger a, .pr-alert-danger a:hover,
.alert-danger a,
.alert-danger a:hover { color: #6e0014;
}
.pr-alert-danger .close,
.alert-danger .close { color: #A1001D;
}
.pr-alert-info,
.alert-info { background: #F4F0FF; border-color: #E9E1FF; color: #5A49B2;
}
.pr-alert-info a, .pr-alert-info a:hover,
.alert-info a,
.alert-info a:hover { color: #483a8e;
}
.pr-alert-info .close,
.alert-info .close { color: #5A49B2;
}
.pr-alert-dismissible,
.alert-dismissible { padding-right: calc(32px + 12px);
}
.pr-alert .close,
.alert .close { padding: 16px; line-height: 16px;
}
.pr-alert .close:before,
.alert .close:before { position: static; transform: none; margin: 0; font-size: 12px;
}
.badge-product-container { position: relative; z-index: 1; margin: 6px; 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: 6px 12px; margin-bottom: 1px; font-weight: 400; line-height: 1.4; border-radius: 50px; border-width: 1px; border-style: solid;
}
.badge-product:not([class*=text--]) { color: #0A2541;
}
.badge-product:not([class*=background--]) { background-color: #FEFEFE;
}
.badge-product:not([class*=border--]) { border-color: transparent;
}
.badge-product:not([class*=font-size--]) { font-size: 11px;
}
.badge-product:not([class*=font--]) { font-family: "Poppins", sans-serif;
}
@media (min-width: 1024px) { .badge-product { padding: 6px 12px; font-size: 11px; }
}
.badge-product { letter-spacing: 0.02em;
}
.custom-badge { background-color: #F9F7F6; border-radius: 50px; font-size: 12px; line-height: 1.4; font-weight: 400; letter-spacing: 0.015em; padding: 4px 10px 3px;
}
.blog-nav .nav { background: #F6F6F6; border-bottom: 1px solid #0A2541;
}
.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: #545454;
}
.blog-detail-header .blog-category ~ .blog-creation-date::before { content: "|"; color: #545454; padding-left: 10px; padding-right: 10px;
}
.blog-detail-header .blog-creation-date { color: #545454;
}
.blog-detail-header .page-header-author { margin-top: 10px; color: #545454;
}
.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: #0A2541;
}
.blog .social-container .social-icons .share-icons:hover,
.storepage .social-container .social-icons .share-icons:hover { color: #134981;
}
.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 #0A2541;
}
.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;
}
.blog-wrapper { max-width: 795px; margin: auto;
}
.breadcrumb { display: flex; list-style-type: none; padding: 0; margin: 0; margin: 0; font-size: 11px; line-height: 15px; letter-spacing: 0.02em;
}
.breadcrumb li { padding: 0;
}
.breadcrumb .breadcrumb-item a { color: #545454; font-weight: 400; text-decoration: none;
}
.breadcrumb .breadcrumb-item a:hover { color: #134981; text-decoration: underline;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item { display: flex;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before { content: "/"; color: #545454; font-weight: 400; padding: 0 6px;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:last-of-type a { color: #134981;
}
.breadcrumb .breadcrumb-item h1 { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;
}
.breadcrumb { padding: 16px 0; flex-wrap: wrap; gap: 6px;
}
@media (min-width: 769px) { .search-results-header .breadcrumb { padding: 24px 0; }
}
.breadcrumb .breadcrumb-item { white-space: nowrap;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before { padding: 0 6px 0 0;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:last-of-type a { color: #545454;
}
.breadcrumb .breadcrumb-item .no-link-breadcrumb { color: #545454;
}
.card { border: 1px solid #DBDBDB; border-radius: var(--border-radius, 0px); margin-bottom: 16px; font-size: 14px; letter-spacing: 0.01em; line-height: 1.4; background-color: transparent;
}
.card .card-header { background-color: #FEFEFE; color: #0A2541; border-bottom: none; padding: 0; flex-basis: auto;
}
.card .card-header .pull-right { color: #0A2541; font-size: 14px; letter-spacing: 0.01em; line-height: 1.4; padding-top: 16px; padding-right: 16px;
}
.card .card-title,
.card .card-header h2,
.card .card-header h3,
.card .card-header h4,
.card .card-header .checkout-card-header,
.card h2.card-header { text-decoration: none; position: relative; margin-bottom: 0; padding-top: 16px; padding-left: 16px; padding-right: 16px; padding-bottom: 16px;
}
.card .card-title: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),
.card .card-header h2,
.card .card-header h3,
.card .card-header h4,
.card .card-header .checkout-card-header,
.card h2.card-header { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.1; text-transform: none;
}
.card .card-body { background-color: #FEFEFE; color: #0A2541; padding: 16px;
}
.card .card-header ~ .card-body { padding: 0 16px 16px 16px;
}
.card .card-footer { background-color: #FEFEFE; color: #0A2541; padding: 16px 16px 16px 16px;
}
.card .card-footer a { color: #0A2541;
}
.card .card-header,
.card .card-body,
.card .card-footer { border-top: 0; border-left: 0; border-right: 0; border-bottom: 0; border-radius: 0;
}
.card:first-child { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px) 0 0;
}
.card:first-child .card-header { border-top: 0; border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px) 0 0;
}
.card + .card { border-top: 0; border-radius: 0;
}
.card + .card:last-child { border-radius: 0 0 calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px);
}
.card .card { margin: -1px;
}
.card:last-child { border-top: 0; border-radius: 0 0 calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px);
}
.card:last-child .card-header:last-child,
.card:last-child .card-body:last-child,
.card:last-child .card-footer:last-child { border-radius: 0 0 calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px);
}
.card:only-child { border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; border-radius: calc(var(--border-radius, 0px) - 1px);
}
.card:only-child .card-header { border-top: 0;
}
.card:only-child .card-header:only-child,
.card:only-child .card-body:only-child,
.card:only-child .card-footer:only-child { border-radius: calc(var(--border-radius, 0px) - 1px);
}
.accordion .card { margin-bottom: 0;
}
.accordion .card .card-header [type=button] { text-align: left; width: 100%;
}
.accordion .card .card-header [type=button]:after { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.accordion .card .card-header [type=button][class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.accordion .card .card-header [type=button][class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.accordion .card .card-header [type=button][class*=btn-]:not(.title).btn-sm, .accordion .card .card-header .btn-group-sm > [type=button][class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.accordion .card .card-header [type=button][class*=btn-]:not(.title).btn-sm:after, .accordion .card .card-header .btn-group-sm > [type=button][class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.accordion .card .card-header [type=button][class*=btn-]:not(.title) [class*=icon-],
.accordion .card .card-header [type=button][class*=btn-]:not(.title) [class^=icon-],
.accordion .card .card-header [type=button][class*=btn-]:not(.title) .fa { display: none;
}
.accordion .card .card-header [type=button].collapsed:after { content: "\E913"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.accordion .card .card-header [type=button].collapsed[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.accordion .card .card-header [type=button].collapsed[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.accordion .card .card-header [type=button].collapsed[class*=btn-]:not(.title).btn-sm, .accordion .card .card-header .btn-group-sm > [type=button].collapsed[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.accordion .card .card-header [type=button].collapsed[class*=btn-]:not(.title).btn-sm:after, .accordion .card .card-header .btn-group-sm > [type=button].collapsed[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.accordion .card .card-header [type=button].collapsed[class*=btn-]:not(.title) [class*=icon-],
.accordion .card .card-header [type=button].collapsed[class*=btn-]:not(.title) [class^=icon-],
.accordion .card .card-header [type=button].collapsed[class*=btn-]:not(.title) .fa { display: none;
}
.accordion .card .card-header [type=button]:after { position: absolute; top: 16px; right: 16px;
}
.accordion .card .card-header .no-icon [type=button]:after { content: "";
}
.accordion .card .card-header .no-icon [type=button].collapsed:after { content: "";
}
.accordion .card .card-header,
.accordion .card .card-body { border-top: 1px solid #DBDBDB;
}
.accordion .card .card-body { padding: 0; margin: 0;
}
.accordion .card:first-child .card-header:first-child,
.accordion .card:first-child .card-body:first-child { border-top: 0;
}
.accordion .card:only-child:last-of-type { border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; border-radius: calc(var(--border-radius, 0px) - 1px);
}
.accordion.no-icon .card .card-header [type=button]:after { content: "";
}
.accordion.no-icon .card .card-header [type=button].collapsed:after { content: "";
}
.card.ghost { opacity: 0.5;
}
.card.aside { border: 1px solid #ECECEC; border-width: 1px 0;
}
.card.aside .card-header { border: none;
}
.card.aside .card-header .card-title { font-size: 12px; font-weight: 500; line-height: 1.4; padding-top: 16px; padding-left: 0; padding-right: 16px; padding-bottom: 16px;
}
.card.aside .card-body { padding: 0; border: none; z-index: 1;
}
.card.aside .card-footer { border: none;
}
.card.no-borders { 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;
}
@media (min-width: 769px) { .card .card-title,
.card .card-header h2,
.card .card-header h3,
.card .card-header h4,
.card .card-header .checkout-card-header,
.card h2.card-header { padding-top: 24px; padding-left: 32px; padding-right: 32px; padding-bottom: 24px; }
}
@media (min-width: 769px) { .card .card-header .pull-right { padding-top: 24px; padding-right: 32px; }
}
@media (min-width: 1024px) { .card .card-header p { line-height: 1.5; }
}
.card .card-body { padding-top: 16px;
}
@media (min-width: 769px) { .card .card-body { padding-top: 24px; }
}
@media (min-width: 769px) { .card .card-header ~ .card-body { padding: 0 32px 24px 32px; }
}
@media (min-width: 769px) { .card .card-footer { padding: 24px 32px 24px 32px; }
}
@media (min-width: 769px) { .card:not(.aside) .card-title: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),
.card:not(.aside) .card-header h2,
.card:not(.aside) .card-header h3,
.card:not(.aside) .card-header h4,
.card:not(.aside) .card-header .checkout-card-header,
.card:not(.aside) h2.card-header { font-size: 28px; }
}
.card.aside .card-header { padding: 0;
}
.card.aside .card-header .card-title: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: 12px; font-weight: 500; line-height: 1.4; padding-top: 16px; padding-left: 0; padding-right: 16px; padding-bottom: 16px; font-family: "Poppins", sans-serif;
}
.accordion > .card,
.card[class*=collapsible-] { border-left: none; border-right: none;
}
.accordion > .card:not(.aside) + .card,
.card[class*=collapsible-]:not(.aside) + .card { border-top: 1px solid #DBDBDB;
}
.accordion > .card .card-header,
.card[class*=collapsible-] .card-header { border-top: none;
}
.accordion > .card .card-header .title::after,
.accordion > .card .card-header [type=button]::after,
.card[class*=collapsible-] .card-header .title::after,
.card[class*=collapsible-] .card-header [type=button]::after { position: absolute; top: 50%; transform: translateY(-50%); right: 0;
}
.accordion > .card:not(.aside) .card-title: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),
.card[class*=collapsible-]:not(.aside) .card-title: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: 20px;
}
@media (min-width: 769px) { .accordion > .card:not(.aside) .card-title: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),
.card[class*=collapsible-]:not(.aside) .card-title: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: 22px; }
}
.accordion > .card:not(.aside) .card-title: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) h3,
.card[class*=collapsible-]:not(.aside) .card-title: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) h3 { padding: 0; font-size: 20px;
}
@media (min-width: 769px) { .accordion > .card:not(.aside) .card-title: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) h3,
.card[class*=collapsible-]:not(.aside) .card-title: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) h3 { font-size: 22px; }
}
.accordion > .card .title,
.card[class*=collapsible-] .title { padding-left: 0; padding-right: 10px;
}
.accordion > .card .card-body,
.card[class*=collapsible-] .card-body { padding: 0; border-top: none;
}
.accordion > .card:last-child:not(.active):not(.aside):not(.no-borders) .card-header, .accordion > .card.active:last-child:not(.aside):not(.no-borders) .card-body,
.card[class*=collapsible-]:last-child:not(.active):not(.aside):not(.no-borders) .card-header,
.card[class*=collapsible-].active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: none;
}
.accordion > .card:last-child,
.card[class*=collapsible-]:last-child { border-top: 1px solid #DBDBDB;
}
.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: var(--border-radius, 0px); 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: 56.25%; padding-left: 177.7777777778vh; 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: 16px;
}
.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: 12px;
}
.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: transparent; border-radius: var(--border-radius, 0px);
}
.category-tile.text-placement-inside .category-tile-text { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); color: #FEFEFE; z-index: 1; text-shadow: 0 0 2px rgba(34, 34, 34, 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: 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: 66.6666666667%;
}
.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: 150%;
}
.category-tile.text-placement-below .category-tile-text { margin-top: 0;
}
.category-tile.text-placement-below .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) { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 17px 0 17px 0;
}
.category-tile.text-placement-below .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)::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
.category-tile.text-placement-below .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):hover, .category-tile.text-placement-below .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)[aria-describedby*=popover] { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
.category-tile.text-placement-below .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):hover::after, .category-tile.text-placement-below .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)[aria-describedby*=popover]::after { left: calc(100% + 0.25em);
}
.category-tile.text-placement-below .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):active { color: #545454;
}
.category-tile.text-placement-below .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):focus { outline: none;
}
.category-tile.text-placement-below .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):focus:active { box-shadow: 0 0 0 1px #388BFF;
}
.category-tile.text-placement-below .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):focus:active::after { height: 0;
}
.dark-theme .category-tile.text-placement-below .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) { color: #FEFEFE;
}
.dark-theme .category-tile.text-placement-below .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)::after { color: #FEFEFE;
}
.dark-theme .category-tile.text-placement-below .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):hover { color: #FEFEFE;
}
.category-tile.text-placement-below .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)[disabled]::after, .category-tile.text-placement-below .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).disabled::after { display: none;
}
.category-tile.text-placement-below .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)[disabled], .category-tile.text-placement-below .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).disabled { opacity: 1; color: #545454;
}
.category-tile.text-placement-below .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)[class*=icon-], .category-tile.text-placement-below .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)[class^=icon-] { padding-left: calc(47px + 16px);
}
.category-tile.text-placement-below .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)[class*=icon-]:before, .category-tile.text-placement-below .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)[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
@media (max-width: 768.98px) { .category-visual-nav .slider-container.slider-buttons-hidden:not(.slider-bullets-inside-md):not(.slider-bullets-hidden-md) { margin-bottom: 30px; }
}
@media (max-width: 768.98px) { .category-visual-nav .slider-container.slider-bullets-hidden { padding-bottom: 12px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .category-visual-nav .slider-container.slider-bullets-hidden-md { padding-bottom: 4px; }
}
@media (min-width: 1024px) { .category-visual-nav .slider-container.slider-bullets-hidden-lg { padding-bottom: 16px; }
}
.category-visual-nav .slider { display: flex;
}
.category-visual-nav .slider .slide { padding: 2px;
}
.category-visual-nav .slider .visual-nav-item { height: 100%;
}
.visual-nav-item { box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08); display: block; text-decoration: none; display: grid;
}
.visual-nav-item:hover { text-decoration: none;
}
.visual-nav-item .visual-nav-text { display: block; text-align: center; padding: 12px; justify-self: center; line-height: 1.4;
}
.visual-nav-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;
}
@media (max-width: 1023.98px) { .visual-nav-pills { scrollbar-width: thin; scrollbar-color: #0A2541 #ECF1F4; flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; margin-right: -16px; align-items: center; padding: 2px 24px 2px 2px; margin-bottom: 0; } .visual-nav-pills::-webkit-scrollbar { height: 0px; width: 0px; } .visual-nav-pills::-webkit-scrollbar-thumb { background-color: #0A2541; border-radius: 9999px; } .visual-nav-pills::-webkit-scrollbar-track { background-color: #ECF1F4; } .visual-nav-pills .visual-nav-pill { margin-bottom: 12px; }
}
.visual-nav-pill { font-size: 14px; font-weight: 400; text-transform: capitalize; padding: 7px 20px; white-space: nowrap;
}
@media (max-width: 543.98px) { .collapsible-xs { border-color: #DBDBDB; } .collapsible-xs .card-header { padding: 0; border-color: #DBDBDB; 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: #FEFEFE; color: #0A2541; padding-top: 16px; padding-right: 37px; padding-bottom: 16px; padding-left: 16px; -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: "\E913"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; } .collapsible-xs .title[class*=btn-]:not(.title) { padding-right: calc(47px + 16px); } .collapsible-xs .title[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xs .title[class*=btn-]:not(.title).btn-sm, .collapsible-xs .btn-group-sm > .title[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px); } .collapsible-xs .title[class*=btn-]:not(.title).btn-sm:after, .collapsible-xs .btn-group-sm > .title[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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: 16px; right: 16px; } .collapsible-xs .content,
.collapsible-xs .card-body { display: none; background-color: #FEFEFE; color: #0A2541; 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: 16px; } .collapsible-xs.no-borders .title::after { top: 16px; } .collapsible-xs:first-child .card-header,
.collapsible-xs:first-child .card-title { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 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(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px); } .collapsible-xs:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid #DBDBDB; } .collapsible-xs.active > .card-header > .title:after,
.collapsible-xs.active > .content-asset > .title:after,
.collapsible-xs.active > .title:after { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; } .collapsible-xs.active > .card-header > .title[class*=btn-]:not(.title),
.collapsible-xs.active > .content-asset > .title[class*=btn-]:not(.title),
.collapsible-xs.active > .title[class*=btn-]:not(.title) { padding-right: calc(47px + 16px); } .collapsible-xs.active > .card-header > .title[class*=btn-]:not(.title):after,
.collapsible-xs.active > .content-asset > .title[class*=btn-]:not(.title):after,
.collapsible-xs.active > .title[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xs.active > .card-header > .title[class*=btn-]:not(.title).btn-sm, .collapsible-xs.active > .btn-group-sm.card-header > .title[class*=btn-].btn:not(.title),
.collapsible-xs.active > .content-asset > .title[class*=btn-]:not(.title).btn-sm,
.collapsible-xs.active > .btn-group-sm.content-asset > .title[class*=btn-].btn:not(.title),
.collapsible-xs.active > .title[class*=btn-]:not(.title).btn-sm,
.btn-group-sm.collapsible-xs.active > .title[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px); } .collapsible-xs.active > .card-header > .title[class*=btn-]:not(.title).btn-sm:after, .collapsible-xs.active > .btn-group-sm.card-header > .title[class*=btn-].btn:not(.title):after,
.collapsible-xs.active > .content-asset > .title[class*=btn-]:not(.title).btn-sm:after,
.collapsible-xs.active > .btn-group-sm.content-asset > .title[class*=btn-].btn:not(.title):after,
.collapsible-xs.active > .title[class*=btn-]:not(.title).btn-sm:after,
.btn-group-sm.collapsible-xs.active > .title[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-xs.active > .card-header > .title[class*=btn-]:not(.title) [class*=icon-],
.collapsible-xs.active > .card-header > .title[class*=btn-]:not(.title) [class^=icon-],
.collapsible-xs.active > .card-header > .title[class*=btn-]:not(.title) .fa,
.collapsible-xs.active > .content-asset > .title[class*=btn-]:not(.title) [class*=icon-],
.collapsible-xs.active > .content-asset > .title[class*=btn-]:not(.title) [class^=icon-],
.collapsible-xs.active > .content-asset > .title[class*=btn-]:not(.title) .fa,
.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 > .content-asset > .content,
.collapsible-xs.active > .card-body { display: block; } .collapsible-xs.active > .content > .content:not(.values),
.collapsible-xs.active > .content-asset > .content > .content:not(.values),
.collapsible-xs.active > .card-body > .content:not(.values) { 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 #DBDBDB; }
}
@media (max-width: 768.98px) { .collapsible-sm { border-color: #DBDBDB; } .collapsible-sm .card-header { padding: 0; border-color: #DBDBDB; 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: #FEFEFE; color: #0A2541; padding-top: 16px; padding-right: 37px; padding-bottom: 16px; padding-left: 16px; -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: "\E913"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; } .collapsible-sm .title[class*=btn-]:not(.title) { padding-right: calc(47px + 16px); } .collapsible-sm .title[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-sm .title[class*=btn-]:not(.title).btn-sm, .collapsible-sm .btn-group-sm > .title[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px); } .collapsible-sm .title[class*=btn-]:not(.title).btn-sm:after, .collapsible-sm .btn-group-sm > .title[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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: 16px; right: 16px; } .collapsible-sm .content,
.collapsible-sm .card-body { display: none; background-color: #FEFEFE; color: #0A2541; 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: 16px; } .collapsible-sm.no-borders .title::after { top: 16px; } .collapsible-sm:first-child .card-header,
.collapsible-sm:first-child .card-title { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 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(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px); } .collapsible-sm:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid #DBDBDB; } .collapsible-sm.active > .card-header > .title:after,
.collapsible-sm.active > .content-asset > .title:after,
.collapsible-sm.active > .title:after { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; } .collapsible-sm.active > .card-header > .title[class*=btn-]:not(.title),
.collapsible-sm.active > .content-asset > .title[class*=btn-]:not(.title),
.collapsible-sm.active > .title[class*=btn-]:not(.title) { padding-right: calc(47px + 16px); } .collapsible-sm.active > .card-header > .title[class*=btn-]:not(.title):after,
.collapsible-sm.active > .content-asset > .title[class*=btn-]:not(.title):after,
.collapsible-sm.active > .title[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-sm.active > .card-header > .title[class*=btn-]:not(.title).btn-sm, .collapsible-sm.active > .btn-group-sm.card-header > .title[class*=btn-].btn:not(.title),
.collapsible-sm.active > .content-asset > .title[class*=btn-]:not(.title).btn-sm,
.collapsible-sm.active > .btn-group-sm.content-asset > .title[class*=btn-].btn:not(.title),
.collapsible-sm.active > .title[class*=btn-]:not(.title).btn-sm,
.btn-group-sm.collapsible-sm.active > .title[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px); } .collapsible-sm.active > .card-header > .title[class*=btn-]:not(.title).btn-sm:after, .collapsible-sm.active > .btn-group-sm.card-header > .title[class*=btn-].btn:not(.title):after,
.collapsible-sm.active > .content-asset > .title[class*=btn-]:not(.title).btn-sm:after,
.collapsible-sm.active > .btn-group-sm.content-asset > .title[class*=btn-].btn:not(.title):after,
.collapsible-sm.active > .title[class*=btn-]:not(.title).btn-sm:after,
.btn-group-sm.collapsible-sm.active > .title[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-sm.active > .card-header > .title[class*=btn-]:not(.title) [class*=icon-],
.collapsible-sm.active > .card-header > .title[class*=btn-]:not(.title) [class^=icon-],
.collapsible-sm.active > .card-header > .title[class*=btn-]:not(.title) .fa,
.collapsible-sm.active > .content-asset > .title[class*=btn-]:not(.title) [class*=icon-],
.collapsible-sm.active > .content-asset > .title[class*=btn-]:not(.title) [class^=icon-],
.collapsible-sm.active > .content-asset > .title[class*=btn-]:not(.title) .fa,
.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 > .content-asset > .content,
.collapsible-sm.active > .card-body { display: block; } .collapsible-sm.active > .content > .content:not(.values),
.collapsible-sm.active > .content-asset > .content > .content:not(.values),
.collapsible-sm.active > .card-body > .content:not(.values) { 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 #DBDBDB; }
}
@media (max-width: 1023.98px) { .collapsible-md { border-color: #DBDBDB; } .collapsible-md .card-header { padding: 0; border-color: #DBDBDB; 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: #FEFEFE; color: #0A2541; padding-top: 16px; padding-right: 37px; padding-bottom: 16px; padding-left: 16px; -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: "\E913"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; } .collapsible-md .title[class*=btn-]:not(.title) { padding-right: calc(47px + 16px); } .collapsible-md .title[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-md .title[class*=btn-]:not(.title).btn-sm, .collapsible-md .btn-group-sm > .title[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px); } .collapsible-md .title[class*=btn-]:not(.title).btn-sm:after, .collapsible-md .btn-group-sm > .title[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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: 16px; right: 16px; } .collapsible-md .content,
.collapsible-md .card-body { display: none; background-color: #FEFEFE; color: #0A2541; 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: 16px; } .collapsible-md.no-borders .title::after { top: 16px; } .collapsible-md:first-child .card-header,
.collapsible-md:first-child .card-title { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 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(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px); } .collapsible-md:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid #DBDBDB; } .collapsible-md.active > .card-header > .title:after,
.collapsible-md.active > .content-asset > .title:after,
.collapsible-md.active > .title:after { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; } .collapsible-md.active > .card-header > .title[class*=btn-]:not(.title),
.collapsible-md.active > .content-asset > .title[class*=btn-]:not(.title),
.collapsible-md.active > .title[class*=btn-]:not(.title) { padding-right: calc(47px + 16px); } .collapsible-md.active > .card-header > .title[class*=btn-]:not(.title):after,
.collapsible-md.active > .content-asset > .title[class*=btn-]:not(.title):after,
.collapsible-md.active > .title[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-md.active > .card-header > .title[class*=btn-]:not(.title).btn-sm, .collapsible-md.active > .btn-group-sm.card-header > .title[class*=btn-].btn:not(.title),
.collapsible-md.active > .content-asset > .title[class*=btn-]:not(.title).btn-sm,
.collapsible-md.active > .btn-group-sm.content-asset > .title[class*=btn-].btn:not(.title),
.collapsible-md.active > .title[class*=btn-]:not(.title).btn-sm,
.btn-group-sm.collapsible-md.active > .title[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px); } .collapsible-md.active > .card-header > .title[class*=btn-]:not(.title).btn-sm:after, .collapsible-md.active > .btn-group-sm.card-header > .title[class*=btn-].btn:not(.title):after,
.collapsible-md.active > .content-asset > .title[class*=btn-]:not(.title).btn-sm:after,
.collapsible-md.active > .btn-group-sm.content-asset > .title[class*=btn-].btn:not(.title):after,
.collapsible-md.active > .title[class*=btn-]:not(.title).btn-sm:after,
.btn-group-sm.collapsible-md.active > .title[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-md.active > .card-header > .title[class*=btn-]:not(.title) [class*=icon-],
.collapsible-md.active > .card-header > .title[class*=btn-]:not(.title) [class^=icon-],
.collapsible-md.active > .card-header > .title[class*=btn-]:not(.title) .fa,
.collapsible-md.active > .content-asset > .title[class*=btn-]:not(.title) [class*=icon-],
.collapsible-md.active > .content-asset > .title[class*=btn-]:not(.title) [class^=icon-],
.collapsible-md.active > .content-asset > .title[class*=btn-]:not(.title) .fa,
.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 > .content-asset > .content,
.collapsible-md.active > .card-body { display: block; } .collapsible-md.active > .content > .content:not(.values),
.collapsible-md.active > .content-asset > .content > .content:not(.values),
.collapsible-md.active > .card-body > .content:not(.values) { 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 #DBDBDB; }
}
@media (max-width: 1439.98px) { .collapsible-lg { border-color: #DBDBDB; } .collapsible-lg .card-header { padding: 0; border-color: #DBDBDB; 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: #FEFEFE; color: #0A2541; padding-top: 16px; padding-right: 37px; padding-bottom: 16px; padding-left: 16px; -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: "\E913"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; } .collapsible-lg .title[class*=btn-]:not(.title) { padding-right: calc(47px + 16px); } .collapsible-lg .title[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-lg .title[class*=btn-]:not(.title).btn-sm, .collapsible-lg .btn-group-sm > .title[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px); } .collapsible-lg .title[class*=btn-]:not(.title).btn-sm:after, .collapsible-lg .btn-group-sm > .title[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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: 16px; right: 16px; } .collapsible-lg .content,
.collapsible-lg .card-body { display: none; background-color: #FEFEFE; color: #0A2541; 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: 16px; } .collapsible-lg.no-borders .title::after { top: 16px; } .collapsible-lg:first-child .card-header,
.collapsible-lg:first-child .card-title { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 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(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px); } .collapsible-lg:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid #DBDBDB; } .collapsible-lg.active > .card-header > .title:after,
.collapsible-lg.active > .content-asset > .title:after,
.collapsible-lg.active > .title:after { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; } .collapsible-lg.active > .card-header > .title[class*=btn-]:not(.title),
.collapsible-lg.active > .content-asset > .title[class*=btn-]:not(.title),
.collapsible-lg.active > .title[class*=btn-]:not(.title) { padding-right: calc(47px + 16px); } .collapsible-lg.active > .card-header > .title[class*=btn-]:not(.title):after,
.collapsible-lg.active > .content-asset > .title[class*=btn-]:not(.title):after,
.collapsible-lg.active > .title[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-lg.active > .card-header > .title[class*=btn-]:not(.title).btn-sm, .collapsible-lg.active > .btn-group-sm.card-header > .title[class*=btn-].btn:not(.title),
.collapsible-lg.active > .content-asset > .title[class*=btn-]:not(.title).btn-sm,
.collapsible-lg.active > .btn-group-sm.content-asset > .title[class*=btn-].btn:not(.title),
.collapsible-lg.active > .title[class*=btn-]:not(.title).btn-sm,
.btn-group-sm.collapsible-lg.active > .title[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px); } .collapsible-lg.active > .card-header > .title[class*=btn-]:not(.title).btn-sm:after, .collapsible-lg.active > .btn-group-sm.card-header > .title[class*=btn-].btn:not(.title):after,
.collapsible-lg.active > .content-asset > .title[class*=btn-]:not(.title).btn-sm:after,
.collapsible-lg.active > .btn-group-sm.content-asset > .title[class*=btn-].btn:not(.title):after,
.collapsible-lg.active > .title[class*=btn-]:not(.title).btn-sm:after,
.btn-group-sm.collapsible-lg.active > .title[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px); } .collapsible-lg.active > .card-header > .title[class*=btn-]:not(.title) [class*=icon-],
.collapsible-lg.active > .card-header > .title[class*=btn-]:not(.title) [class^=icon-],
.collapsible-lg.active > .card-header > .title[class*=btn-]:not(.title) .fa,
.collapsible-lg.active > .content-asset > .title[class*=btn-]:not(.title) [class*=icon-],
.collapsible-lg.active > .content-asset > .title[class*=btn-]:not(.title) [class^=icon-],
.collapsible-lg.active > .content-asset > .title[class*=btn-]:not(.title) .fa,
.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 > .content-asset > .content,
.collapsible-lg.active > .card-body { display: block; } .collapsible-lg.active > .content > .content:not(.values),
.collapsible-lg.active > .content-asset > .content > .content:not(.values),
.collapsible-lg.active > .card-body > .content:not(.values) { 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 #DBDBDB; }
}
.collapsible-xl { border-color: #DBDBDB;
}
.collapsible-xl .card-header { padding: 0; border-color: #DBDBDB; 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: #FEFEFE; color: #0A2541; padding-top: 16px; padding-right: 37px; padding-bottom: 16px; padding-left: 16px; -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: "\E913"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.collapsible-xl .title[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.collapsible-xl .title[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.collapsible-xl .title[class*=btn-]:not(.title).btn-sm, .collapsible-xl .btn-group-sm > .title[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.collapsible-xl .title[class*=btn-]:not(.title).btn-sm:after, .collapsible-xl .btn-group-sm > .title[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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: 16px; right: 16px;
}
.collapsible-xl .content,
.collapsible-xl .card-body { display: none; background-color: #FEFEFE; color: #0A2541; 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: 16px;
}
.collapsible-xl.no-borders .title::after { top: 16px;
}
.collapsible-xl:first-child .card-header,
.collapsible-xl:first-child .card-title { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 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(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px);
}
.collapsible-xl:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid #DBDBDB;
}
.collapsible-xl.active > .card-header > .title:after,
.collapsible-xl.active > .content-asset > .title:after,
.collapsible-xl.active > .title:after { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.collapsible-xl.active > .card-header > .title[class*=btn-]:not(.title),
.collapsible-xl.active > .content-asset > .title[class*=btn-]:not(.title),
.collapsible-xl.active > .title[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.collapsible-xl.active > .card-header > .title[class*=btn-]:not(.title):after,
.collapsible-xl.active > .content-asset > .title[class*=btn-]:not(.title):after,
.collapsible-xl.active > .title[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.collapsible-xl.active > .card-header > .title[class*=btn-]:not(.title).btn-sm, .collapsible-xl.active > .btn-group-sm.card-header > .title[class*=btn-].btn:not(.title),
.collapsible-xl.active > .content-asset > .title[class*=btn-]:not(.title).btn-sm,
.collapsible-xl.active > .btn-group-sm.content-asset > .title[class*=btn-].btn:not(.title),
.collapsible-xl.active > .title[class*=btn-]:not(.title).btn-sm,
.btn-group-sm.collapsible-xl.active > .title[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.collapsible-xl.active > .card-header > .title[class*=btn-]:not(.title).btn-sm:after, .collapsible-xl.active > .btn-group-sm.card-header > .title[class*=btn-].btn:not(.title):after,
.collapsible-xl.active > .content-asset > .title[class*=btn-]:not(.title).btn-sm:after,
.collapsible-xl.active > .btn-group-sm.content-asset > .title[class*=btn-].btn:not(.title):after,
.collapsible-xl.active > .title[class*=btn-]:not(.title).btn-sm:after,
.btn-group-sm.collapsible-xl.active > .title[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.collapsible-xl.active > .card-header > .title[class*=btn-]:not(.title) [class*=icon-],
.collapsible-xl.active > .card-header > .title[class*=btn-]:not(.title) [class^=icon-],
.collapsible-xl.active > .card-header > .title[class*=btn-]:not(.title) .fa,
.collapsible-xl.active > .content-asset > .title[class*=btn-]:not(.title) [class*=icon-],
.collapsible-xl.active > .content-asset > .title[class*=btn-]:not(.title) [class^=icon-],
.collapsible-xl.active > .content-asset > .title[class*=btn-]:not(.title) .fa,
.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 > .content-asset > .content,
.collapsible-xl.active > .card-body { display: block;
}
.collapsible-xl.active > .content > .content:not(.values),
.collapsible-xl.active > .content-asset > .content > .content:not(.values),
.collapsible-xl.active > .card-body > .content:not(.values) { 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 #DBDBDB;
}
body { font-family: "Poppins", sans-serif; color: #0A2541; font-size: 14px; line-height: 1.4; letter-spacing: 0.01em; background-color: #FEFEFE; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.page { background-color: #FEFEFE;
}
.error-page { padding-bottom: 16px; padding-top: 16px;
}
.error-page .error-message,
.error-page pre code { color: #FEFEFE;
}
.error-message { margin-top: 50px; margin-bottom: 50px;
}
.error.continue-shopping { margin-bottom: 100px;
}
button { color: inherit;
}
.modal-background { background-color: rgba(10, 37, 65, 0.45); height: 100vh; position: fixed; width: 100vw; top: 0; right: 0; transform: translateZ(0); z-index: 201; display: none;
}
input[placeholder] { text-overflow: ellipsis;
}
.hide-order-discount { display: none !important;
}
.hide-shipping-discount { display: none;
}
.order-discount { color: #155724;
}
.giftcertificate-discount { color: #155724;
}
.shipping-discount { color: #155724;
}
.error-messaging,
body .flash-messages-container { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); position: fixed; padding: 16px; max-height: calc(100vh - (16px * 2)); overflow-y: auto; z-index: 1100; left: auto; width: auto;
}
.error-messaging .alert,
body .flash-messages-container .alert { box-shadow: 0 2px 4px rgba(34, 34, 34, 0.4); text-align: center;
}
.error-messaging .alert.show,
body .flash-messages-container .alert.show { display: block;
}
.error-messaging .alert:not(.alert-dismissible),
body .flash-messages-container .alert:not(.alert-dismissible) { -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms);
}
.error-messaging .alert.alert-dismissible,
body .flash-messages-container .alert.alert-dismissible { -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms;
}
.error-messaging .alert.alert-dismissible .close,
body .flash-messages-container .alert.alert-dismissible .close { padding: 16px;
}
.error-messaging .alert .close:not(.icon-close):before,
body .flash-messages-container .alert .close:not(.icon-close):before { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal;
}
.error-messaging .alert .close:not(.icon-close)[class*=btn-]:not(.title),
body .flash-messages-container .alert .close:not(.icon-close)[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.error-messaging .alert .close:not(.icon-close)[class*=btn-]:not(.title):before,
body .flash-messages-container .alert .close:not(.icon-close)[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.error-messaging .alert .close:not(.icon-close)[class*=btn-]:not(.title).btn-sm, .error-messaging .alert .btn-group-sm > .close.btn:not(.icon-close)[class*=btn-]:not(.title),
body .flash-messages-container .alert .close:not(.icon-close)[class*=btn-]:not(.title).btn-sm,
body .flash-messages-container .alert .btn-group-sm > .close.btn:not(.icon-close)[class*=btn-]:not(.title) { padding-left: calc(23px + 16px);
}
.error-messaging .alert .close:not(.icon-close)[class*=btn-]:not(.title).btn-sm:before, .error-messaging .alert .btn-group-sm > .close.btn:not(.icon-close)[class*=btn-]:not(.title):before,
body .flash-messages-container .alert .close:not(.icon-close)[class*=btn-]:not(.title).btn-sm:before,
body .flash-messages-container .alert .btn-group-sm > .close.btn:not(.icon-close)[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.error-messaging .alert .close:not(.icon-close)[class*=btn-]:not(.title) [class*=icon-],
.error-messaging .alert .close:not(.icon-close)[class*=btn-]:not(.title) [class^=icon-],
.error-messaging .alert .close:not(.icon-close)[class*=btn-]:not(.title) .fa,
body .flash-messages-container .alert .close:not(.icon-close)[class*=btn-]:not(.title) [class*=icon-],
body .flash-messages-container .alert .close:not(.icon-close)[class*=btn-]:not(.title) [class^=icon-],
body .flash-messages-container .alert .close:not(.icon-close)[class*=btn-]:not(.title) .fa { display: none;
}
.error-messaging .alert .close:not(.icon-close)::before,
body .flash-messages-container .alert .close:not(.icon-close)::before { vertical-align: top;
}
.error-messaging .alert .close:not(.icon-close) span,
body .flash-messages-container .alert .close:not(.icon-close) span { display: none;
}
.error-message { margin-top: 3.125rem; margin-bottom: 3.125rem;
}
.error.continue-shopping { margin-bottom: 6.25em;
}
.error-unassigned-category { color: #A1001D;
}
.skip { position: absolute; left: 0; top: -4.2em; overflow: hidden; padding: 1em 1.5em; background: #FEFEFE; 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: #FEFEFE; transition: all 200ms ease-in-out;
}
.grecaptcha-badge { z-index: 199;
}
ul { letter-spacing: 0.01em; font-size: 12px;
}
@media (min-width: 1024px) { ul { font-size: 14px; }
}
.sitemaplist a { text-decoration: none;
}
.sitemaplist a:hover { text-decoration: none;
}
.sitemaplist .row { border-top: 1px solid #D8D8D8; margin-top: 24px; padding-top: 24px;
}
.sitemaplist .sitemap-subcategory-name { font-weight: 500;
}
.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; }
}
#gift-cards .photo-tile-container { max-width: 480px;
}
#blog-landing-top .blog-landing-header { border-bottom: 1px solid #D8D8D8;
}
#inspiration .content-page-header,
#gallery .content-page-header,
#e-catalog-header .content-page-header { border-bottom: 1px solid #D8D8D8;
}
#trade-sales .slider-title.trade-sales-testimonials { border-bottom: 1px solid;
}
@media (min-width: 769px) { #faqs .sticky-left-column > .container > .row > div:first-child { position: sticky; top: 100px; }
}
#faqs .mobile-4r-1c > .container-fluid > .row > .region > .experience-commerce_assets-imageAndText > .resize-icon > .image-cropper, #faqs .mobile-4r-1c > .container-md > .row > .region > .experience-commerce_assets-imageAndText > .resize-icon > .image-cropper, #faqs .mobile-4r-1c > .container-lg > .row > .region > .experience-commerce_assets-imageAndText > .resize-icon > .image-cropper, #faqs .mobile-4r-1c > .container-xl > .row > .region > .experience-commerce_assets-imageAndText > .resize-icon > .image-cropper { max-width: 50px;
}
#faqs .mobile-3r-1c > .container > .row > .region > .experience-commerce_assets-imageAndText > .resize-icon > .image-cropper { max-width: 100px;
}
#faqs .mobile-4r-1c > .container > .row > .region > .experience-commerce_assets-imageAndText > .resize-icon-sm > .image-cropper { max-width: 60px;
}
#faqs .contact-options a { text-decoration: none;
}
#faqs .contact-options .contact-option p { font-size: 16px;
}
#faqs .contact-options .contact-option-icon-email a,
#faqs .contact-options .contact-option-icon-phone a,
#faqs .contact-options .contact-option-icon-chat a { color: #134981;
}
#faqs .contact-options .contact-option-icon-phone,
#faqs .contact-options .contact-option-icon-chat { padding-top: 10px;
}
@media (max-width: 543.98px) { #gallery .content-page-header .hero-title { font-size: 8vmin; }
}
#gallery [id^=crl8] .CWQRJ { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; display: block;
}
#gallery [id^=crl8] .CWQRJ:hover, #gallery [id^=crl8] .CWQRJ[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
#gallery [id^=crl8] .CWQRJ:active { background-color: #0F194C;
}
#gallery [id^=crl8] .CWQRJ:focus { outline: none;
}
#gallery [id^=crl8] .CWQRJ:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme #gallery [id^=crl8] .CWQRJ { color: #FEFEFE;
}
.dark-theme #gallery [id^=crl8] .CWQRJ:hover { color: #FEFEFE;
}
#gallery [id^=crl8] .CWQRJ[disabled], #gallery [id^=crl8] .CWQRJ.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
#gallery [id^=crl8] .CWQRJ[disabled], #gallery [id^=crl8] .CWQRJ.disabled { opacity: 1; color: #545454;
}
#gallery [id^=crl8] .CWQRJ[class*=icon-], #gallery [id^=crl8] .CWQRJ[class^=icon-] { padding-left: calc(47px + 16px);
}
#gallery [id^=crl8] .CWQRJ[class*=icon-]:before, #gallery [id^=crl8] .CWQRJ[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#gallery [id^=crl8] .CWQRJ:hover { border-radius: 25px;
}
#header-contact-us { color: #0A2541;
}
#header-contact-us .contact-us-paragraph-style p { margin-bottom: 4px;
}
#e-catalog-thumbnails .ecat-container { width: 80%; max-width: 960px; margin: 40px auto;
}
@media (max-width: 768.98px) { #e-catalog-thumbnails .ecat-container.ecat-2022 { width: 100%; }
}
#e-catalog-thumbnails .ecat-container .ecat-year { border-bottom: 1px solid #D8D8D8;
}
#e-catalog-thumbnails .ecat-container .ecat-thumbnail-container .col-6,
#e-catalog-thumbnails .ecat-container .ecat-thumbnail-container .col-md-2 { padding-left: 5px; padding-right: 5px;
}
#e-catalog-thumbnails .ecat-container .ecat-thumbnail { border: #DBDBDB solid 1px;
}
@media (max-width: 768.98px) { #e-catalog-thumbnails [class*=experience-commerce_layouts] .region[class*=col-md] + .region[class*=col-6]:not(:nth-child(1)):not(:nth-child(2)) { margin-top: 10px; }
}
#checkout-custom-messaging { max-width: 1776px; padding-right: 30px; padding-left: 30px; padding-top: 16px; margin-left: auto; margin-right: auto;
}
@media (min-width: 769px) { #checkout-custom-messaging { padding-right: 32px; padding-left: 32px; }
}
@media (min-width: 1440px) { #checkout-custom-messaging { padding-right: 48px; padding-left: 48px; }
}
.shipping-content #checkout-custom-messaging { padding: 0; margin-top: 16px; margin-bottom: 16px;
}
.layout-error-page { background: linear-gradient(#0A2541, #134981);
}
.content-tile { display: block; text-decoration: none;
}
@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); }
}
.search-results .content-tile, .blog-results .content-tile, .content-grid .content-tile { margin-bottom: 45px;
}
.content-tile .content-tile-image-wrapper { display: block; overflow: hidden; position: relative; margin-bottom: 16px;
}
.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: 66.6666666667%;
}
.content-tile .content-tile-body { display: block;
}
.content-tile .content-tile-category { display: block; font-family: "Poppins", sans-serif; font-size: 11px; font-weight: 500; text-decoration: none; color: #545454; margin-bottom: 7px;
}
.content-tile .content-tile-name { font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 400; text-decoration: none; color: #0A2541; margin-bottom: 8px;
}
.content-tile .content-tile-date { display: block; font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 11px; font-weight: 500; text-decoration: none; color: #0A2541; margin-bottom: 7px; text-transform: uppercase;
}
.content-tile .content-tile-description { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; color: #0A2541;
}
.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 #222222;
}
.content-tile:hover .content-tile-name { text-decoration: none; color: #0A2541;
}
.content-tile:hover .content-tile-description { text-decoration: none; color: #0A2541;
}
.search-results .content-tile, .blog-results .content-tile, .content-grid .content-tile { margin-bottom: 19px;
}
@media (min-width: 769px) { .search-results .content-tile, .blog-results .content-tile, .content-grid .content-tile { margin-bottom: 35px; }
}
.content-tile .content-tile-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; margin-bottom: 0;
}
@media (min-width: 769px) { .content-tile .content-tile-name { font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .content-tile .content-tile-name { font-size: 19px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.content-tile .content-tile-description { letter-spacing: 0.01em; font-size: 12px; margin-bottom: 0; margin-top: 8px;
}
@media (min-width: 1024px) { .content-tile .content-tile-description { font-size: 14px; }
}
.content-tile .content-tile-button { margin-top: 2px;
}
.discount-price { display: inline-flex; flex-direction: column; font-size: var(--discount-price-font-size-mobile);
}
@media (min-width: 769px) { .discount-price { font-size: var(--discount-price-font-size); }
}
.discount-price__top { display: inline-flex; align-items: center; line-height: 1; font-family: "quincy-cf", Times, "Times New Roman", serif;
}
.discount-price__amount { margin-right: 3%;
}
.discount-price__percent-off { display: flex; justify-content: center; align-items: center; flex-direction: column;
}
.discount-price__percent { font-size: 54%;
}
.discount-price__off { font-size: 25%; text-transform: uppercase; font-weight: 600;
}
.discount-price__asterisk { font-size: 25%; align-self: flex-start; margin-top: 10%;
}
.discount-price__subtext { font-size: 25%;
}
.dropdown-toggle:after { content: "\E913"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: inherit; font-weight: normal;
}
.dropdown-toggle[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.dropdown-toggle[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.dropdown-toggle[class*=btn-]:not(.title).btn-sm, .btn-group-sm > .dropdown-toggle[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.dropdown-toggle[class*=btn-]:not(.title).btn-sm:after, .btn-group-sm > .dropdown-toggle[class*=btn-].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: var(--border-radius, 0px); border: 1px solid #D8D8D8; -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 #D8D8D8;
}
.dropdown-menu .dropdown-item:hover { background: #D8D8D8; color: #134981; text-decoration: none;
}
.dropdown-menu .dropdown-item:last-child:hover { border-radius: 0 0 var(--border-radius, 0px) var(--border-radius, 0px);
}
.dropdown-menu .dropdown-item .dropdown-link { display: block; padding: 20px; color: #0A2541;
}
.dropdown-menu .dropdown-item .dropdown-link:hover { color: #134981;
}
.dropdown-menu [class*=sub-asset-] + .dropdown-item { border-top: 1px solid #D8D8D8;
}
.header-account-container.popover,
.header-contact-us-container.popover,
.header-checkout-contact-us.popover { border: none; box-shadow: none; max-width: none;
}
.header-account-container.popover .popover-body,
.header-contact-us-container.popover .popover-body,
.header-checkout-contact-us.popover .popover-body { padding: 16px 0; width: 310px;
}
@media (min-width: 544px) { .header-account-container.popover .popover-body,
.header-contact-us-container.popover .popover-body,
.header-checkout-contact-us.popover .popover-body { width: 368px; }
}
.header-account-container.popover .popover-body .dropdown-item,
.header-contact-us-container.popover .popover-body .dropdown-item,
.header-checkout-contact-us.popover .popover-body .dropdown-item { white-space: normal;
}
.header-account-container.popover .popover-body .dropdown-item:hover,
.header-contact-us-container.popover .popover-body .dropdown-item:hover,
.header-checkout-contact-us.popover .popover-body .dropdown-item:hover { background: inherit;
}
.header-account-container.popover .popover-body .dropdown-item + .dropdown-item,
.header-contact-us-container.popover .popover-body .dropdown-item + .dropdown-item,
.header-checkout-contact-us.popover .popover-body .dropdown-item + .dropdown-item { border-top: none;
}
.header-account-container.popover .popover-body p,
.header-contact-us-container.popover .popover-body p,
.header-checkout-contact-us.popover .popover-body p { font-size: inherit;
}
.header-account-container .popover-body { transform: translateX(-259px);
}
@media (min-width: 544px) { .header-account-container .popover-body { transform: translateX(-317px); }
}
@media (min-width: 769px) { .header-account-container .popover-body { transform: translateX(-301px); }
}
@media (min-width: 1024px) { .header-account-container .popover-body { transform: translateX(-285px); }
}
@media (min-width: 1024px) { .header-contact-us-container .popover-body { transform: translateX(-236px); }
}
.header-checkout-contact-us .popover-body { transform: translateX(-305px);
}
@media (min-width: 544px) { .header-checkout-contact-us .popover-body { transform: translateX(-363px); }
}
@media (min-width: 769px) { .header-checkout-contact-us .popover-body { transform: translateX(-301px); }
}
@media (min-width: 1024px) { .header-checkout-contact-us .popover-body { transform: translateX(-282px); }
}
.dropdown-menu .dropdown-item + .dropdown-item { border-top: none;
}
.check-balance .balancemsg { font-weight: bold; font-size: 18px; margin-top: 16px; justify-content: center;
}
.remove-giftcertificate-pi { font-family: "Poppins", sans-serif; border: none; border-radius: 50%; font-size: 0; cursor: pointer; z-index: 1; background-color: #ECF1F4; padding: 1px 0 0; height: 24px; width: 24px; padding: 0px 5px;
}
.remove-giftcertificate-pi:before { content: "\E90D"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal;
}
.remove-giftcertificate-pi[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.remove-giftcertificate-pi[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.remove-giftcertificate-pi[class*=btn-]:not(.title).btn-sm, .btn-group-sm > .remove-giftcertificate-pi[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.remove-giftcertificate-pi[class*=btn-]:not(.title).btn-sm:before, .btn-group-sm > .remove-giftcertificate-pi[class*=btn-].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;
}
.max-quantity-msg { padding: 16px 0px;
}
.giftcert-page .gift-card-balance-content .gift-card-balance-header { border-bottom: 1px solid #DBDBDB;
}
.giftcert-page .gift-card-balance-content p:first-of-type { margin-top: 16px;
}
.giftcert-page .gift-card-balance-img { margin-top: 16px;
}
@media (max-width: 1023.98px) { .giftcert-page .gift-card-balance-img { text-align: center; }
}
.giftcert-page .gift-card-balance-img img { max-width: 100%;
}
.navbar { padding: 0;
}
.nav-left .navbar { justify-content: start;
}
.nav-center .navbar { justify-content: center;
}
@media (min-width: 1024px) { .navbar.bg-inverse { position: static; } .navbar.bg-inverse .navbar-nav { flex-wrap: nowrap; } .navbar.bg-inverse .navbar-nav + .nav-item { margin-left: 0; } .navbar.bg-inverse .navbar-nav .nav-link { padding: 20px calc(0px / 2); white-space: nowrap; } .secondary-nav .navbar.bg-inverse .navbar-nav .nav-link { padding: 12px calc(0px / 2); } .logo-center .navbar.bg-inverse .nav-item > .nav-link { color: #0A2541; } .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: #FEFEFE; color: #134981; } .logo-center .navbar.bg-inverse .nav-item.highlight .nav-link { color: #A1001D; } .logo-center .navbar.bg-inverse .nav-item.highlight .nav-link:hover, .logo-center .navbar.bg-inverse .nav-item.highlight .nav-link:focus { background-color: #FEFEFE; color: #A1001D; } .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: #FEFEFE; color: #134981; } .logo-center .secondary-nav .navbar.bg-inverse .nav-item > .nav-link { color: #0A2541; } .logo-center .secondary-nav .navbar.bg-inverse .nav-item .nav-link > .nav-link, .logo-center .secondary-nav .navbar.bg-inverse .nav-item .nav-link:hover, .logo-center .secondary-nav .navbar.bg-inverse .nav-item .nav-link:focus, .logo-center .secondary-nav .navbar.bg-inverse .nav-item.show > .nav-link, .logo-center .secondary-nav .navbar.bg-inverse .nav-item.show:hover, .logo-center .secondary-nav .navbar.bg-inverse .nav-item.show:focus { background-color: #FEFEFE; color: #134981; } .logo-center .secondary-nav .navbar.bg-inverse .nav-item.highlight .nav-link { color: #A1001D; } .logo-center .secondary-nav .navbar.bg-inverse .nav-item.highlight .nav-link:hover, .logo-center .secondary-nav .navbar.bg-inverse .nav-item.highlight .nav-link:focus { background-color: #FEFEFE; color: #A1001D; } .logo-center .secondary-nav .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.is-inview > .nav-link, .logo-center .secondary-nav .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.contains-inview > .nav-link { background-color: #FEFEFE; color: #134981; } html:not(.sticky-header) .logo-center[class*=fixed-header].transparent-header .header-nav.transparent-nav:not(.fixed) .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.is-inview > .nav-link, html:not(.sticky-header) .logo-center[class*=fixed-header].transparent-header .header-nav.transparent-nav:not(.fixed) .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.contains-inview > .nav-link { color: #134981; }
}
.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(34, 34, 34, 0.2); left: auto; }
}
.logo-center .multilevel-dropdown .dropdown-menu { top: 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: #D8D8D8; color: #134981; 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: auto; left: 99%; margin-top: calc(-40px - 1em); }
}
.multilevel-dropdown .navbar > .close-menu { display: none;
}
.multilevel-dropdown .close-menu .back .caret-left:after { content: "\E905"; 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(47px + 16px);
}
.multilevel-dropdown .close-menu .back .caret-left[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; 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[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.multilevel-dropdown .close-menu .back .caret-left[class*=btn-]:not(.title).btn-sm:after, .multilevel-dropdown .close-menu .back .btn-group-sm > .caret-left[class*=btn-].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%;
}
@media (min-width: 1024px) { .multilevel-dropdown .menu-group { width: auto; }
}
.multilevel-dropdown .menu-subcategories { padding-left: 0;
}
@media (min-width: 1024px) { .navbar-nav .megamenu { position: static; } .navbar-nav .megamenu .experience-component > .demo, .navbar-nav .megamenu > .dropdown-menu { max-width: 1776px; padding: 0; box-shadow: none; background: #FEFEFE; z-index: 0; justify-content: center; } .navbar-nav .megamenu .experience-component > .demo:not(.demo), .navbar-nav .megamenu > .dropdown-menu:not(.demo) { position: absolute; right: 50%; transform: translateX(50%); left: auto; top: auto; width: 100vw; } .navbar-nav .megamenu .experience-component > .demo.show, .navbar-nav .megamenu > .dropdown-menu.show { display: flex; } .logo-center .navbar-nav .megamenu .experience-component > .demo.show, .logo-center .navbar-nav .megamenu > .dropdown-menu.show { z-index: 1; } .navbar-nav .megamenu .experience-component > .demo:before, .navbar-nav .megamenu > .dropdown-menu:before { content: ""; position: absolute; right: 50%; transform: translateX(50%); left: auto; top: 0; bottom: 0; width: 100vw; z-index: -1; background: #FEFEFE; box-shadow: none; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories { display: flex; flex-wrap: wrap; align-self: flex-start; padding-top: 0; padding-bottom: 0; }
}
@media screen and (min-width: 1024px) and (-ms-high-contrast: active), (min-width: 1024px) and (-ms-high-contrast: none) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories { flex-grow: 1; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories > .dropdown-item, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories > .dropdown-item { padding-left: 16px; padding-bottom: 16px; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-toggle:after, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-toggle:after { display: none; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-item, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-item { width: auto; border: none; white-space: normal; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-item:hover, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-item:hover { background: none; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .nav-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .nav-link { font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2em; text-transform: none; color: #0A2541; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .nav-link:hover, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .nav-link:hover { color: #134981; background-color: transparent; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-link { padding: calc(16px / 2) 0 calc(16px / 2) 0; display: inline-block; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu { margin-left: 0; position: static; display: flex; box-shadow: none; border-radius: 0; background: transparent; flex-flow: row wrap; align-content: flex-start; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item { border: none; flex-basis: 100%; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item.custom-dropdown, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item.custom-dropdown { flex-basis: 25%; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item, .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 .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item a, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item a { font-weight: 400; text-transform: none; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item:before, .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 .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item, .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 .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item a, .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: 400; text-transform: none; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item:before, .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 .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-link { color: #0A2541; font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 400; text-transform: none; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-link:hover, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-link:hover { color: #134981; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-menu, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-menu { flex-flow: column; display: inline-flex; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories:not(:hover):not(:focus-within) .dropdown-item.contains-inview > .dropdown-menu > .dropdown-item.contains-inview > .dropdown-link, .navbar-nav .megamenu .experience-component > .demo .menu-subcategories:not(:hover):not(:focus-within) .dropdown-item.contains-inview > .dropdown-menu > .dropdown-item.is-inview > .dropdown-link, .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: #134981; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .menu-level-4 > .dropdown-item > .dropdown-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .menu-level-4 > .dropdown-item > .dropdown-link { padding: calc(calc(16px / 2) / 2) 0 calc(calc(16px / 2) / 2) calc(0 * 3); }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .view-all-link, .navbar-nav .megamenu > .dropdown-menu .view-all-link { order: 1000; } .navbar-nav .megamenu .experience-component > .demo .view-all-link > .view-all-offset, .navbar-nav .megamenu .experience-component > .demo .view-all-link.view-all-offset, .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: 400; text-transform: none; } .navbar-nav .megamenu .experience-component > .demo .view-all-link > .view-all-offset::before, .navbar-nav .megamenu .experience-component > .demo .view-all-link.view-all-offset::before, .navbar-nav .megamenu > .dropdown-menu .view-all-link > .view-all-offset::before, .navbar-nav .megamenu > .dropdown-menu .view-all-link.view-all-offset::before { content: ""; position: absolute; top: calc(16px / 2); left: 0; border-top: 1px solid #D8D8D8; width: 48px; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo.mega-standard, .navbar-nav .megamenu > .dropdown-menu.mega-standard { flex-wrap: wrap; } .navbar-nav .megamenu .experience-component > .demo.mega-standard .menu-subcategories-container, .navbar-nav .megamenu > .dropdown-menu.mega-standard .menu-subcategories-container { flex-grow: 1; width: 50%; } .navbar-nav .megamenu .experience-component > .demo.mega-standard .subcat-columns, .navbar-nav .megamenu > .dropdown-menu.mega-standard .subcat-columns { flex-direction: column; align-content: flex-start; max-height: none; } .navbar-nav .megamenu .experience-component > .demo.mega-standard .subcat-columns > .dropdown-item, .navbar-nav .megamenu > .dropdown-menu.mega-standard .subcat-columns > .dropdown-item { width: 33%; } .navbar-nav .megamenu .experience-component > .demo.mega-standard .subcat-columns .menu-level-3 > .dropdown-item, .navbar-nav .megamenu > .dropdown-menu.mega-standard .subcat-columns .menu-level-3 > .dropdown-item { flex-basis: 100%; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo.mega-left, .navbar-nav .megamenu > .dropdown-menu.mega-left { justify-content: flex-start; } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left, .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left { flex: 1 1 calc((100% - 15%) / 2); } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left .menu-subcategories > .dropdown-item, .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left .menu-subcategories > .dropdown-item { display: none; } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left .menu-subcategories > .dropdown-item.active-list, .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left .menu-subcategories > .dropdown-item.active-list { display: flex; flex-flow: row wrap; } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left .menu-subcategories > .dropdown-item.has-view-all-link > .menu-level-3 > .view-all-link, .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 .experience-component > .demo.mega-left > .mega-left .menu-subcategories .dropdown-menu .dropdown-menu, .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left .menu-subcategories .dropdown-menu .dropdown-menu { display: inline-flex; } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left.has-sub-asset, .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left.has-sub-asset { flex: 1 1 calc(100% - 15%); } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left.has-sub-asset + [class*=megamenu-asset-], .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left.has-sub-asset + [class*=megamenu-asset-] { display: none; } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left.has-sub-asset + [class*=megamenu-asset-] + [class*=megamenu-asset-], .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left.has-sub-asset + [class*=megamenu-asset-] + [class*=megamenu-asset-] { display: none; } .navbar-nav .megamenu .experience-component > .demo.mega-left .subcat-columns .menu-level-3, .navbar-nav .megamenu > .dropdown-menu.mega-left .subcat-columns .menu-level-3 { flex-direction: column; flex-basis: 100%; align-content: flex-start; max-height: none; } .navbar-nav .megamenu .experience-component > .demo.mega-left .subcat-columns .menu-level-3 > .dropdown-item, .navbar-nav .megamenu > .dropdown-menu.mega-left .subcat-columns .menu-level-3 > .dropdown-item { width: 33%; flex-basis: auto; } .navbar-nav .megamenu .experience-component > .demo.mega-left .subcat-columns .menu-level-3 > .dropdown-item > a, .navbar-nav .megamenu > .dropdown-menu.mega-left .subcat-columns .menu-level-3 > .dropdown-item > a { font-weight: 600; font-size: 13px; text-transform: none; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo > li > a.title, .navbar-nav .megamenu > .dropdown-menu > li > a.title { margin-bottom: 16px; padding: 0 5px; text-decoration: none; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .megamenu-asset-only, .navbar-nav .megamenu > .dropdown-menu .megamenu-asset-only { width: 100%; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .left-nav, .navbar-nav .megamenu > .dropdown-menu .left-nav { margin-top: 0; margin-bottom: 0; flex: 0 0 15%; border-right: 2px solid #F6F6F6; } .navbar-nav .megamenu .experience-component > .demo .left-nav li, .navbar-nav .megamenu > .dropdown-menu .left-nav li { border-top: none; padding: 0; } .navbar-nav .megamenu .experience-component > .demo .left-nav li:hover, .navbar-nav .megamenu > .dropdown-menu .left-nav li:hover { background: unset; } .navbar-nav .megamenu .experience-component > .demo .left-nav a, .navbar-nav .megamenu > .dropdown-menu .left-nav a { padding: 10px 15px; font-size: 18px; text-transform: var(--secondary-nav-text-transform, none); letter-spacing: 0; border-right: 2px solid #F6F6F6; margin-right: -2px; } .navbar-nav .megamenu .experience-component > .demo .left-nav a.active, .navbar-nav .megamenu > .dropdown-menu .left-nav a.active { color: #0A2541; border-right: 2px solid #0A2541; }
}
.navbar-nav .megamenu .has-asset-1 .megamenu-asset-1 { padding: 16px; border-top: 1px solid #D8D8D8;
}
@media (min-width: 1024px) { .navbar-nav .megamenu .has-asset-1 .megamenu-asset-1 { padding: 0 16px; margin: 0 auto; padding-left: 16px; border-top: none; border-right: none; flex-basis: 25%; }
}
.navbar-nav .megamenu .has-asset-2 .megamenu-asset-2 { padding: 16px; border-top: 1px solid #D8D8D8;
}
@media (min-width: 1024px) { .navbar-nav .megamenu .has-asset-2 .megamenu-asset-2 { padding: 0; margin: 0 auto; padding-left: 16px; border-top: none; border-left: none; flex-basis: 25%; } .navbar-nav .megamenu .has-asset-2 .megamenu-asset-2 img { margin-bottom: -0; margin-top: -0; 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: 0 16px 0 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%; } .navbar-nav .megamenu .has-asset-1 .menu-subcategories,
.navbar-nav .megamenu .has-asset-2 .menu-subcategories { flex-grow: 1; } .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%; }
}
@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: 33.33%; }
}
@media (max-width: 1023.98px) { .main-menu.menu-toggleable-left { transform: translateX(-100%); transition: transform 200ms ease-out; display: block; width: 350px; height: calc(100vh - 70px); background-color: #FEFEFE; z-index: 300; overflow-x: hidden; overflow-y: auto; } .main-menu.menu-toggleable-left:not(.demo) { position: fixed; top: 0; left: 0; } .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-group { padding-bottom: 16px; } .main-menu.menu-toggleable-left .search-mobile .search-field { padding: 0 20px; 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: #D8D8D8; 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: 350px; margin-left: 0; } .main-menu.menu-toggleable-left .dropdown-menu { width: 100%; height: 100%; padding-bottom: 70px; overflow: hidden; display: block; } .main-menu.menu-toggleable-left .dropdown-menu:not(.demo) { transform: translateX(-100%); transition: transform 200ms ease-out; position: fixed; left: 0; top: 0; } .main-menu.menu-toggleable-left .dropdown-toggle:after { transform: rotate(-90deg); } .main-menu.menu-toggleable-left .dropdown-item:hover { background: transparent; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories, .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: 1px solid #D8D8D8; padding-left: 16px; padding-right: 16px; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories > .dropdown-item > .dropdown-link, .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; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories > .dropdown-item .top-category, .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: 1px solid #D8D8D8; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item, .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 ~ .megamenu-asset-only .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item > .dropdown-link, .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 #D8D8D8; } .main-menu.menu-toggleable-left .nav-item ~ .nav-item { border-top: 1px solid #D8D8D8; } .main-menu.menu-toggleable-left .nav-item .nav-link { padding: 20px; color: #0A2541; } .main-menu.menu-toggleable-left .nav-item .nav-link.dropdown-toggle:hover { color: #134981; } .main-menu.menu-toggleable-left .nav-item.highlight .nav-link { color: #A1001D; } .main-menu.menu-toggleable-left .close-menu { background-color: #D8D8D8; } .main-menu.menu-toggleable-left .close-menu button { display: block; width: 100%; padding: 20px; text-align: left; } .main-menu.menu-toggleable-left .close-menu .icon { float: left; display: block; margin-top: 3px; margin-right: 10px; } .main-menu.menu-toggleable-left .flag-icon { margin-right: 5px; } .main-menu.menu-toggleable-left .store-locator-header-button { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 20px); } .main-menu.menu-toggleable-left .store-locator-header-button:before { content: "\E932"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .main-menu.menu-toggleable-left .store-locator-header-button[class*=btn-]:not(.title) { padding-left: calc(47px + 16px); } .main-menu.menu-toggleable-left .store-locator-header-button[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px); } .main-menu.menu-toggleable-left .store-locator-header-button[class*=btn-]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > .store-locator-header-button[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px); } .main-menu.menu-toggleable-left .store-locator-header-button[class*=btn-]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > .store-locator-header-button[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .main-menu.menu-toggleable-left .store-locator-header-button[class*=btn-]:not(.title) [class*=icon-],
.main-menu.menu-toggleable-left .store-locator-header-button[class*=btn-]:not(.title) [class^=icon-],
.main-menu.menu-toggleable-left .store-locator-header-button[class*=btn-]:not(.title) .fa { display: none; } .main-menu.menu-toggleable-left .store-locator-header-button::before { padding-right: 4px; }
}
@media (max-width: 768.98px) { .main-menu.menu-toggleable-left { height: calc(100vh - 54px); }
}
@media (max-width: 543.98px) { .main-menu.menu-toggleable-left { width: calc(100% - 50px); max-width: 350px; }
}
@media (min-width: 1024px) { .logo-center .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link { text-decoration: none; position: relative; } .logo-center .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link::after { position: absolute; right: 50%; transform: translateX(50%); top: calc(100% - 1px); content: ""; height: 2px; width: 0; background-color: #134981; transition: width 50ms ease-out; } .logo-center .navbar.bg-inverse .navbar-nav > .nav-item:hover > .nav-link::after, .logo-center .navbar.bg-inverse .navbar-nav > .nav-item.show > .nav-link::after { width: 100%; } .logo-center .navbar.bg-inverse .navbar-nav > .nav-item .desktop-nav-icon { width: auto; height: 1.4em; margin-top: -0.4em; margin-bottom: -0.2em; margin-right: 0.2em; pointer-events: none; } .logo-center .navbar.bg-inverse .navbar-nav > .nav-item.highlight .nav-link, .logo-center .navbar.bg-inverse .navbar-nav > .nav-item.highlight.is-inview .nav-link, .logo-center .navbar.bg-inverse .navbar-nav > .nav-item.highlight.contains-inview .nav-link { color: #A1001D; }
}
@media (min-width: 1024px) { .multilevel-dropdown { border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu { position: relative; } .navbar-nav .megamenu > .dropdown-menu { z-index: 1; }
}
@media (min-width: 1024px) and (min-width: 1790px) { .navbar-nav .megamenu > .dropdown-menu { max-width: calc(1680px + (24px * 2)); }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu:not(.demo) { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; top: calc(100% + 1px); }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu::before { display: none; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories-container { background: #FEFEFE; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories > .dropdown-item { padding: 24px; width: calc(20vw - 6px - var(--scrollBarWidth) / 5); } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories > .dropdown-item + .dropdown-item { border-left: 1px solid #ECECEC; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories > .dropdown-item:first-child { padding-left: 18px; }
}
@media (min-width: 1024px) and (min-width: 1440px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories > .dropdown-item:first-child { padding-left: 34px; }
}
@media (min-width: 1024px) and (min-width: 1790px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories > .dropdown-item:first-child { padding-left: 24px; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-link { font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2em; text-transform: none; color: #0A2541; margin-bottom: 5px; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-link:hover { color: #134981; background-color: transparent; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-link:not(:first-child) { margin-top: 24px; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-link { margin-bottom: 0; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-link-disabled:hover { color: #134981; text-decoration: none; cursor: text; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories.menu-level-2 { flex-wrap: nowrap; justify-content: center; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories.menu-level-2 > .dropdown-item { display: flex; flex-flow: column; flex-basis: auto; flex-grow: 0; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories.menu-level-2 > .dropdown-item:nth-child(n+6) { display: none; padding: 0; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories.menu-level-2 .menu-level-3 { flex-flow: column; min-width: 8rem; min-width: 0; } .navbar-nav .megamenu > .dropdown-menu .menu-subcategories.menu-level-2 .menu-level-4 { display: none; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .custom-pd-content > div { margin-top: 16px; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu .view-all-link a { text-decoration: underline; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu.mega-standard { flex-wrap: nowrap; width: auto; overflow-x: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #DBDBDB #FEFEFE; } .navbar-nav .megamenu > .dropdown-menu.mega-standard::-webkit-scrollbar { height: 8px; width: 8px; } .navbar-nav .megamenu > .dropdown-menu.mega-standard::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 9999px; } .navbar-nav .megamenu > .dropdown-menu.mega-standard::-webkit-scrollbar-track { background-color: #FEFEFE; } .navbar-nav .megamenu > .dropdown-menu.mega-standard .menu-subcategories-container { flex-grow: 1; width: 100%; } .navbar-nav .megamenu > .dropdown-menu.mega-standard .subcat-columns > .dropdown-item { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .navbar-nav .megamenu > .dropdown-menu.mega-standard.left-align-menu { left: 0; right: unset; transform: none; margin-left: 16px; }
}
@media (min-width: 1024px) and (min-width: 1790px) { .navbar-nav .megamenu > .dropdown-menu.mega-standard.left-align-menu { margin-left: 24px; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu > .dropdown-menu.mega-standard.right-align-menu { right: 0; left: unset; transform: none; margin-right: 16px; }
}
@media (min-width: 1024px) { .navbar-nav .megamenu.center-menu { position: static; } .navbar-nav .megamenu.center-menu > .dropdown-menu { top: 100%; }
}
@media (min-width: 1440px) { .navbar-nav .megamenu > .dropdown-menu .menu-subcategories > .dropdown-item { padding: 24px; }
}
@media (max-width: 1023.98px) { .main-menu.menu-toggleable-left { width: calc(100% - 40px); max-width: 350px; scrollbar-width: thin; scrollbar-color: #DBDBDB #FEFEFE; } .main-menu.menu-toggleable-left::-webkit-scrollbar { height: 2px; width: 2px; } .main-menu.menu-toggleable-left::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 9999px; } .main-menu.menu-toggleable-left::-webkit-scrollbar-track { background-color: #FEFEFE; } .main-menu.menu-toggleable-left.in .show > .dropdown-menu { -ms-scroll-chaining: none; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #DBDBDB #FEFEFE; } .main-menu.menu-toggleable-left.in .show > .dropdown-menu::-webkit-scrollbar { height: 2px; width: 2px; } .main-menu.menu-toggleable-left.in .show > .dropdown-menu::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 9999px; } .main-menu.menu-toggleable-left.in .show > .dropdown-menu::-webkit-scrollbar-track { background-color: #FEFEFE; } .main-menu.menu-toggleable-left .navbar-nav > .nav-item:first-child > .nav-link { padding-top: 24px; } .main-menu.menu-toggleable-left .navbar-nav .nav-item ~ .nav-item { border-top: none; } .main-menu.menu-toggleable-left .navbar-nav .nav-item ~ .nav-item.mobile-nav-bottom-link { border-top: 1px solid #DBDBDB; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-item,
.main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-toggle { white-space: normal; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link,
.main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-link { display: flex; align-items: center; text-align: left; line-height: 1.43; padding: 12px 16px; margin-top: 0 !important; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link img,
.main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-link img { width: 64px; height: auto; display: block; margin-right: 12px; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link:hover,
.main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-link:hover { text-decoration: none; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-toggle:after { content: "\E906"; font-family: "icomoon"; display: inline-block; font-size: 11px; color: #134981; font-weight: normal; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-toggle[class*=btn-]:not(.title) { padding-right: calc(47px + 16px); } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-toggle[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #134981; font-weight: normal; position: absolute; transform: translateX(10px); } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-toggle[class*=btn-]:not(.title).btn-sm, .main-menu.menu-toggleable-left .navbar-nav .nav-item .btn-group-sm > .dropdown-toggle[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px); } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-toggle[class*=btn-]:not(.title).btn-sm:after, .main-menu.menu-toggleable-left .navbar-nav .nav-item .btn-group-sm > .dropdown-toggle[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #134981; font-weight: normal; position: absolute; transform: translateX(10px); } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-toggle[class*=btn-]:not(.title) [class*=icon-],
.main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-toggle[class*=btn-]:not(.title) [class^=icon-],
.main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-toggle[class*=btn-]:not(.title) .fa { display: none; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-toggle::after { transform: rotate(0deg); margin-left: auto; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-custom-image { margin-top: calc(-16px / 2); margin-bottom: calc(-16px / 2); pointer-events: none; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-menu { display: flex; flex-direction: column; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-menu .menu-mobile-custom-content { order: 1; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-menu .menu-level-2 .dropdown-toggle::after { display: none; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-menu .menu-level-2 .dropdown-link { font-weight: 600; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-menu .menu-level-2 .dropdown-menu { position: static; transform: none; padding-bottom: 0; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-menu .menu-level-2 .menu-mobile-custom-content { padding-top: 0 !important; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-menu .menu-level-3 .dropdown-link { padding-left: calc(16px * 2); font-weight: normal; } .main-menu.menu-toggleable-left .navbar-nav .nav-item .dropdown-menu .menu-level-4 { display: none; } .main-menu.menu-toggleable-left .navbar-nav .nav-item.mobile-nav-bottom-link .nav-link { padding: 24px 16px; width: 100%; } .main-menu.menu-toggleable-left .navbar-nav .nav-item.mobile-nav-bottom-link .top-category .nav-link { padding-bottom: 16px; } .main-menu.menu-toggleable-left .navbar-nav .nav-item.mobile-nav-bottom-link .mobile-nav-icon { margin-left: auto; } .main-menu.menu-toggleable-left .navbar-nav .nav-item.mobile-nav-bottom-link .dropdown-menu .nav-link,
.main-menu.menu-toggleable-left .navbar-nav .nav-item.mobile-nav-bottom-link .dropdown-menu .dropdown-link { text-transform: capitalize; } .main-menu.menu-toggleable-left .navbar-nav .nav-item.mobile-nav-bottom-link .dropdown-menu .dropdown-link:not(.dropdown-toggle) { font-weight: 400; } .main-menu.menu-toggleable-left .navbar-nav .menu-subcategories .nav-link,
.main-menu.menu-toggleable-left .navbar-nav .menu-subcategories .dropdown-link { text-transform: none; font-weight: 600; } .main-menu.menu-toggleable-left .navbar-nav .menu-subcategories .dropdown-link:not(.dropdown-toggle) { font-weight: 400; } .main-menu.menu-toggleable-left .navbar-nav .menu-subcategories .has-menu-column-desktop-background { background-color: #FEFEFE !important; } .main-menu.menu-toggleable-left .navbar-nav .top-category ~ .megamenu-asset-only .menu-subcategories, .main-menu.menu-toggleable-left .navbar-nav .top-category ~ .mega-left .menu-subcategories, .main-menu.menu-toggleable-left .navbar-nav .top-category ~ .menu-subcategories-container .menu-subcategories { border-top: none; } .main-menu.menu-toggleable-left .navbar-nav .top-category ~ .megamenu-asset-only .menu-subcategories > .dropdown-item .top-category, .main-menu.menu-toggleable-left .navbar-nav .top-category ~ .mega-left .menu-subcategories > .dropdown-item .top-category, .main-menu.menu-toggleable-left .navbar-nav .top-category ~ .menu-subcategories-container .menu-subcategories > .dropdown-item .top-category { margin-bottom: 0; border-bottom: none; } .main-menu.menu-toggleable-left .navbar-nav .top-category .nav-link,
.main-menu.menu-toggleable-left .navbar-nav .top-category .dropdown-link { text-transform: none; padding-top: 24px; } .main-menu.menu-toggleable-left .navbar-nav .top-category .nav-link:not(.dropdown-toggle),
.main-menu.menu-toggleable-left .navbar-nav .top-category .dropdown-link:not(.dropdown-toggle) { font-weight: 600; } .main-menu.menu-toggleable-left .navbar-nav .top-category .nav-link .nav-custom-image,
.main-menu.menu-toggleable-left .navbar-nav .top-category .dropdown-link .nav-custom-image { display: none; } .main-menu.menu-toggleable-left .navbar-nav .nav-item.highlight .nav-link,
.main-menu.menu-toggleable-left .navbar-nav .nav-item.highlight .nav-link:hover { color: #A1001D; } .main-menu.menu-toggleable-left .close-menu { background-color: #ECF1F4; } .main-menu.menu-toggleable-left .close-menu button { padding: 16px; } .main-menu.menu-toggleable-left .close-menu .icon { font-size: 11px; }
}
.header-banner { background-color: #0A2541; text-align: center; color: #FEFEFE; font-size: 13px; line-height: 1.4; position: relative; padding-bottom: 0; padding-top: 0;
}
.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: #FEFEFE; 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: #FEFEFE; padding: 0;
}
.pre-nav-header { height: 30px; background-color: #F6F6F6;
}
@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: calc(30px / 2); min-height: calc(30px / 2); width: auto; padding: 0 5px; filter: grayscale(1); transition: 200ms;
}
@media (min-width: 769px) { .pre-nav-header .site-switcher > a img { max-height: calc(40px / 3); min-height: calc(40px / 3); padding: 0; }
}
.pre-nav-header .site-switcher > a:hover img { filter: grayscale(0);
}
.pre-nav-header .site-switcher > a.active { background-color: #FEFEFE;
}
.pre-nav-header .site-switcher > a.active img { filter: grayscale(0);
}
.pre-nav-header .site-switcher p { margin-bottom: 0; color: #545454; font-family: "Poppins", sans-serif; font-weight: normal; font-size: 11px; text-transform: uppercase;
}
.header-nav { position: relative; z-index: 300; background: var(--header-background-color, #FEFEFE); border-bottom: 0 solid #0A2541;
}
.header-nav.fixed { position: fixed; top: 0; width: 100%; z-index: 400;
}
.fixed-header-enhanced .header-nav.fixed { transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
.mobile-menu-in .header-nav.fixed { box-shadow: none;
}
.header-nav.fixed .brand .logo-home { background: var(--brand-logo-mobile, url("../images/1911-logo.svg")) no-repeat center; background-size: contain;
}
@media (min-width: 769px) { .header-nav.fixed .brand .logo-home { background: var(--brand-logo-desktop, url("../images/1911-logo.svg")) no-repeat center; background-size: contain; }
}
@media (min-width: 1024px) { .header-nav.fixed .brand .logo-home { background: var(--brand-logo-desktop, url("../images/1911-logo.svg")) 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; }
}
.header-nav.secondary-nav { background-color: var(--header-background-color, #FEFEFE); border-bottom: 0 solid #0A2541; z-index: 299;
}
.header-nav.secondary-nav.fixed { z-index: 399; box-shadow: 0 2px 2px rgba(34, 34, 34, 0.2);
}
@media (min-width: 1024px) { .header-nav.secondary-nav.fixed { top: 72px; opacity: 1; } .logo-center .header-nav.secondary-nav.fixed { top: unset; } .header-nav.secondary-nav.fixed:not(.show):after { content: ""; background-color: var(--header-background-color, #FEFEFE); width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .logo-center .header-nav.secondary-nav.fixed:not(.show):after { background-color: hsl(var(--brand-secondary-hue), var(--brand-secondary-saturation), calc(var(--brand-secondary-lightness) + 25%)); }
}
.logo-center .header-nav.secondary-nav { z-index: 0; background-color: hsl(var(--brand-secondary-hue), var(--brand-secondary-saturation), calc(var(--brand-secondary-lightness) + 25%)); opacity: 1;
}
.logo-center .header-nav.secondary-nav:not(.show) .main-menu { opacity: 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%; z-index: 400; will-change: transform; transform: translateY(-100%); -webkit-animation: slide-up 400ms ease-out forwards; animation: slide-up 400ms ease-out forwards;
}
.sticky-header .fixed-header-enhanced .secondary-nav { box-shadow: 0 2px 2px rgba(34, 34, 34, 0.2); z-index: 399; transition: margin 400ms ease-out; opacity: 1;
}
.sticky-header .fixed-header-enhanced .secondary-nav:not(.show):after { content: ""; background-color: var(--header-background-color, #FEFEFE); width: 100%; height: 100%; position: absolute; left: 0; top: 0;
}
.fixed-header-enhanced.logo-center .header-nav.secondary-nav { top: unset; position: relative; transform: none; -webkit-animation: none; animation: none; z-index: 0;
}
.sticky-header.scroll-direction-up .fixed-header-enhanced.logo-center .header-nav.secondary-nav { -webkit-animation: none; animation: none;
}
.sticky-header.scroll-direction-up .fixed-header-enhanced.logo-center .header-nav.secondary-nav:not(.show):after { background-color: hsl(var(--brand-secondary-hue), var(--brand-secondary-saturation), calc(var(--brand-secondary-lightness) + 25%));
}
.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;
}
@media (min-width: 1024px) { .sticky-header.scroll-direction-up .fixed-header-enhanced.logo-left .secondary-nav { margin-top: 72px; }
}
@media (min-width: 1024px) { .header .store-selector,
.header-banner .store-selector { max-width: 200px; }
}
.header .store-selector .store-locator-header-button,
.header-banner .store-selector .store-locator-header-button { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.header .store-selector .store-locator-header-button:before,
.header-banner .store-selector .store-locator-header-button:before { content: "\E932"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.header .store-selector .store-locator-header-button[class*=btn-]:not(.title),
.header-banner .store-selector .store-locator-header-button[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.header .store-selector .store-locator-header-button[class*=btn-]:not(.title):before,
.header-banner .store-selector .store-locator-header-button[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.header .store-selector .store-locator-header-button[class*=btn-]:not(.title).btn-sm, .header .store-selector .btn-group-sm > .store-locator-header-button[class*=btn-].btn:not(.title),
.header-banner .store-selector .store-locator-header-button[class*=btn-]:not(.title).btn-sm,
.header-banner .store-selector .btn-group-sm > .store-locator-header-button[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.header .store-selector .store-locator-header-button[class*=btn-]:not(.title).btn-sm:before, .header .store-selector .btn-group-sm > .store-locator-header-button[class*=btn-].btn:not(.title):before,
.header-banner .store-selector .store-locator-header-button[class*=btn-]:not(.title).btn-sm:before,
.header-banner .store-selector .btn-group-sm > .store-locator-header-button[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.header .store-selector .store-locator-header-button[class*=btn-]:not(.title) [class*=icon-],
.header .store-selector .store-locator-header-button[class*=btn-]:not(.title) [class^=icon-],
.header .store-selector .store-locator-header-button[class*=btn-]:not(.title) .fa,
.header-banner .store-selector .store-locator-header-button[class*=btn-]:not(.title) [class*=icon-],
.header-banner .store-selector .store-locator-header-button[class*=btn-]:not(.title) [class^=icon-],
.header-banner .store-selector .store-locator-header-button[class*=btn-]:not(.title) .fa { display: none;
}
.header .store-selector .store-locator-header-button::before,
.header-banner .store-selector .store-locator-header-button::before { padding-right: 4px;
}
.header .store-selector .store-locator-header-button:hover:before,
.header-banner .store-selector .store-locator-header-button:hover:before { color: #134981;
}
.header { position: relative; height: 54px; padding: 0;
}
@media (min-width: 769px) { .header { height: 70px; }
}
@media (min-width: 1024px) { .header { height: 72px; }
}
.header .row { height: 100%; align-items: center;
}
.header .row .col { display: flex; height: 100%; align-items: center;
}
.header > .row { flex-wrap: nowrap;
}
.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;
}
.header .nav-link,
.header .country-selector { color: #0A2541; transition: color 200ms ease-out;
}
.header .nav-link:hover,
.header .country-selector:hover { color: #134981; transition: color 200ms ease-out;
}
.header .nav-link { padding: 5px;
}
.header .brand { height: 100%; padding-top: calc(var(--header-logo-padding-y, 0px) / 2); padding-bottom: calc(var(--header-logo-padding-y, 0px) / 2);
}
.header .brand .logo-home { width: var(--brand-logo-mobile-size, 160px); height: 100%; margin: 0 auto; background: var(--brand-logo-mobile, url("../images/1911-logo.svg")) no-repeat center; background-size: contain;
}
@media (min-width: 769px) { .header .brand .logo-home { width: var(--brand-logo-desktop-size, 212px); background: var(--brand-logo-desktop, url("../images/1911-logo.svg")) no-repeat center; background-size: contain; }
}
@media (min-width: 1024px) { .header .brand .logo-home { width: var(--brand-logo-desktop-size, 212px); background: var(--brand-logo-desktop, url("../images/1911-logo.svg")) no-repeat center; background-size: contain; }
}
.header .navbar-toggler { padding-left: 16px; padding-right: 16px;
}
.header .navbar-toggler:before { content: "\E934"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: #0A2541; font-weight: normal;
}
.header .navbar-toggler[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.header .navbar-toggler[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.header .navbar-toggler[class*=btn-]:not(.title).btn-sm, .header .btn-group-sm > .navbar-toggler[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.header .navbar-toggler[class*=btn-]:not(.title).btn-sm:before, .header .btn-group-sm > .navbar-toggler[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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: #134981;
}
.mobile-menu-in .header .navbar-toggler:before { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: #0A2541; font-weight: normal;
}
.mobile-menu-in .header .navbar-toggler[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.mobile-menu-in .header .navbar-toggler[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.mobile-menu-in .header .navbar-toggler[class*=btn-]:not(.title).btn-sm, .mobile-menu-in .header .btn-group-sm > .navbar-toggler[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.mobile-menu-in .header .navbar-toggler[class*=btn-]:not(.title).btn-sm:before, .mobile-menu-in .header .btn-group-sm > .navbar-toggler[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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: "\E90B"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.header .minicart .minicart-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.header .minicart .minicart-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.header .minicart .minicart-icon[class*=btn-]:not(.title).btn-sm, .header .minicart .btn-group-sm > .minicart-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.header .minicart .minicart-icon[class*=btn-]:not(.title).btn-sm:before, .header .minicart .btn-group-sm > .minicart-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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: #134981;
}
.header .minicart .minicart-total { position: relative; margin-right: 10px;
}
.header .minicart .minicart-quantity { position: absolute; top: -2px; right: -9px; background-color: #0A2541; color: #FEFEFE; 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: #134981;
}
.secondary-nav { top: -1px;
}
.secondary-nav:has(.menu-group) { top: 0;
}
.logo-center .secondary-nav { background-color: hsl(var(--brand-secondary-hue), var(--brand-secondary-saturation), calc(var(--brand-secondary-lightness) + 25%)); border-bottom: 0; position: relative;
}
.secondary-nav .secondary-header { position: relative; height: unset; width: 100%; -webkit-mask-image: linear-gradient(90deg, #222222 90%, transparent); mask-image: linear-gradient(90deg, #222222 90%, transparent); scrollbar-width: none;
}
.secondary-nav .secondary-header::-webkit-scrollbar { width: 0; height: 0;
}
.secondary-nav .secondary-header:hover, .secondary-nav .secondary-header:focus-within { -webkit-mask-image: unset; mask-image: unset;
}
.secondary-nav .secondary-header .main-menu { overflow-x: auto; overflow-y: hidden; transition: opacity 200ms ease-out;
}
.secondary-nav .secondary-header .main-menu .menu-group { max-width: 100%; display: flex;
}
.logo-left .secondary-nav .secondary-header { padding: 0;
}
.secondary-nav .secondary-header .nav-link { color: #0A2541; transition: color 200ms ease-out;
}
.secondary-nav .secondary-header .nav-link:hover { color: #134981; transition: color 200ms ease-out;
}
@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-color: 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, #222222 90%, transparent); mask-image: linear-gradient(90deg, #222222 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(var(--brand-logo-desktop-size, 212px) + (16px * 2)); }
}
@media (min-width: 1024px) and (min-width: 1440px) { .logo-left .header-column-2 { padding-right: 30px; min-width: calc(var(--brand-logo-desktop-size, 212px) + 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; }
}
@media (min-width: 1024px) { .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link { padding-top: calc((72px - 1em) / 2); padding-bottom: calc((72px - 1em) / 2); position: relative; font-size: 14px; } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link:before { content: ""; display: block; height: 1px; background-color: #134981; position: absolute; bottom: 0px; transition: right 200ms ease-out; left: calc(0px / 2); 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: calc(0px / 2); } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item.highlight .nav-link { color: #A1001D; } .logo-left .navbar.bg-inverse .navbar-nav.nav-item-hover > .nav-item:not(:hover) .nav-link { color: #545454; transition: color 200ms ease-out; } .logo-left .navbar.bg-inverse .navbar-nav.nav-item-hover > .nav-item.highlight .nav-link:hover { color: #134981; } .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: calc(0px / 2); height: 1px; background-color: #134981; }
}
@media (min-width: 1024px) { .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link { padding: 12px calc(0px / 2); position: relative; height: calc(100% - 1px); transition: height 200ms ease; color: #134981; font-family: "Poppins", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 1.4; letter-spacing: 0.08em; } .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link:hover { text-decoration: underline; } .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link:before { content: ""; display: block; height: 1px; background-color: #134981; position: absolute; bottom: 0px; transition: right 200ms ease-out, bottom 200ms ease; left: calc(0px / 2); right: 100%; z-index: 1001; } .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav > .nav-item.megamenu.show > .nav-link { height: 100%; } .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav > .nav-item.megamenu.show > .nav-link:before { bottom: calc(0px + 1px); } .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link:hover:before, .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav > .nav-item.show .nav-link:before { right: calc(0px / 2); bottom: 0px; } .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav > .nav-item.highlight .nav-link { color: #A1001D; } .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav.nav-item-hover > .nav-item:not(:hover) .nav-link { color: #545454; transition: color 200ms ease-out; } .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav.nav-item-hover > .nav-item.highlight .nav-link:hover { color: #134981; } .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.is-inview > .nav-link:before, .logo-left .secondary-nav .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.contains-inview > .nav-link:before { right: calc(0px / 2); height: 1px; background-color: #134981; }
}
.main-menu { background-color: #FEFEFE;
}
.secondary-nav .main-menu { background-color: hsl(var(--brand-secondary-hue), var(--brand-secondary-saturation), calc(var(--brand-secondary-lightness) + 25%));
}
.logo-left .secondary-nav .main-menu { background-color: transparent; margin-bottom: -1px;
}
.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: "\E90E"; 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(47px + 16px);
}
.main-menu .navbar .close-button button[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; 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[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.main-menu .navbar .close-button button[class*=btn-]:not(.title).btn-sm:after, .main-menu .navbar .close-button .btn-group-sm > button[class*=btn-].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(47px + 16px); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; 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[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px); } .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[class*=btn-].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: "Poppins", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 1em; letter-spacing: 0.08em;
}
.main-menu .dropdown-link:hover,
.main-menu .nav-link:hover { text-decoration: underline;
}
.main-menu .dropdown-link-secondary,
.main-menu .nav-link-secondary { font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2em; text-transform: none; color: #0A2541;
}
.main-menu .dropdown-link-secondary:hover,
.main-menu .nav-link-secondary:hover { color: #134981;
}
.main-menu .dropdown-link-tertiary,
.main-menu .nav-link-tertiary { color: #0A2541; font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 400; text-transform: none;
}
.main-menu .dropdown-link-tertiary:hover,
.main-menu .nav-link-tertiary:hover { color: #134981;
}
.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: #5A49B2; color: #FEFEFE; 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; display: flex; } .header-account-container .header-link.nav-link:before { content: "\E900"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; } .header-account-container .header-link.nav-link[class*=btn-]:not(.title) { padding-left: calc(47px + 16px); } .header-account-container .header-link.nav-link[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px); } .header-account-container .header-link.nav-link[class*=btn-]:not(.title).btn-sm, .header-account-container .btn-group-sm > .header-link.nav-link[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px); } .header-account-container .header-link.nav-link[class*=btn-]:not(.title).btn-sm:before, .header-account-container .btn-group-sm > .header-link.nav-link[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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[data-account-icon-letter]:before { content: attr(data-account-icon-letter); font-size: calc(16px / 1.5); color: var(--header-background-color, #FEFEFE); font-weight: bold; background: #0A2541; border-radius: 100%; width: calc(16px + 2px); height: calc(16px + 2px); font-family: "Poppins", sans-serif; display: flex; align-items: center; justify-content: center; } .header-account-container .header-link.nav-link[data-account-icon-letter]:hover:before { background: #134981; } .header-account-container .header-link.nav-link:after { display: flex; align-items: center; justify-content: center; transition: all 200ms; } .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 .country-selector .dropdown-toggle,
header.logo-center .support .dropdown-toggle { padding: calc((72px - 1em) / 2) 0; } header.logo-center .country-selector .dropdown-menu-right,
header.logo-center .support .dropdown-menu-right { right: auto; max-width: 225px; } header.logo-center .header-column-2 { min-width: var(--brand-logo-desktop-size, 212px); }
}
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,
html:not(.sticky-header) .transparent-header .header-nav .store-locator-header-button { 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;
}
@media (min-width: 1024px) { html:not(.sticky-header) .transparent-header .header-nav:not(.fixed) .secondary-nav { margin-top: 0px; }
}
html:not(.sticky-header) .transparent-header .header-nav.fixed .header { background-color: transparent;
}
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: #222222;
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler:before { content: "\E934"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: #222222; 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(47px + 16px);
}
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: 16px; color: #222222; font-weight: normal; position: absolute; transform: translateX(-26px);
}
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[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
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[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #222222; 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(0);
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before { color: #222222;
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before:before { content: "\E90B"; font-family: "icomoon"; display: inline-block; font-size: 16px; 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(47px + 16px);
}
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: 16px; color: color; font-weight: normal; position: absolute; transform: translateX(-26px);
}
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) { padding-left: calc(23px + 16px);
}
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 { 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: #FEFEFE; background-color: #A1001D;
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .store-selector .store-locator-header-button { color: #222222;
}
@media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .nav-item > .nav-link,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .nav-item > .nav-link::before,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .user > .nav-link::before,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .user > .nav-link::after,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .support > .nav-link,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .support > .nav-link::after,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .country-selector > .dropdown-toggle::after,
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: #222222; }
}
@media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .user > .nav-link[data-account-icon-letter]:before { background-color: #222222; color: #FEFEFE; }
}
@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: #222222; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field:-ms-input-placeholder { color: #222222; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field::placeholder { color: #222222; }
}
@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: #222222; } 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: #222222; }
}
@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: #222222; }
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light { color: #FEFEFE;
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler:before { content: "\E934"; font-family: "icomoon"; display: inline-block; font-size: 18px; color: #FEFEFE; 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(47px + 16px);
}
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: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(-26px);
}
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[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
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[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; 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(0) invert(1);
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before { color: #FEFEFE;
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before:before { content: "\E90B"; font-family: "icomoon"; display: inline-block; font-size: 16px; 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(47px + 16px);
}
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: 16px; color: color; font-weight: normal; position: absolute; transform: translateX(-26px);
}
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) { padding-left: calc(23px + 16px);
}
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 { 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: #FEFEFE; background-color: #222222;
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .store-selector .store-locator-header-button { color: #FEFEFE;
}
@media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .nav-item > .nav-link,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .nav-item > .nav-link::before,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .user > .nav-link::before,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .user > .nav-link::after,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .support > .nav-link,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .support > .nav-link::after,
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .country-selector > .dropdown-toggle::after,
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: #FEFEFE; }
}
@media (min-width: 769px) { html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .user > .nav-link[data-account-icon-letter]:before { background-color: #FEFEFE; color: #222222; }
}
@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: #FEFEFE; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field:-ms-input-placeholder { color: #FEFEFE; } html:not(.sticky-header) .transparent-header .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field::placeholder { color: #FEFEFE; }
}
@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: #FEFEFE; } 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: #FEFEFE; }
}
@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: #FEFEFE; }
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav:not(.fixed) { background: transparent; 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: transparent; transition: background-color 200ms linear; }
}
html:not(.sticky-header) .transparent-header .header-nav.transparent-nav:not(.fixed) .header { transition: color 200ms linear; background: transparent;
}
@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;
}
html:not(.sticky-header) .transparent-header .secondary-nav { box-shadow: 0 2px 2px rgba(34, 34, 34, 0.2);
}
@media (min-width: 1024px) { html:not(.sticky-header) .transparent-header .secondary-nav:not(.fixed) { margin-top: 72px; top: unset; }
}
html:not(.sticky-header) .transparent-header .secondary-nav.transparent-nav.transparent-nav-dark { color: #222222;
}
@media (min-width: 769px) { html:not(.sticky-header) .transparent-header .secondary-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link { color: #222222; } html:not(.sticky-header) .transparent-header .secondary-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link::before { background-color: #222222; }
}
@media (min-width: 769px) { html:not(.sticky-header) .transparent-header .secondary-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:hover > .nav-link { color: #222222; }
}
html:not(.sticky-header) .transparent-header .secondary-nav.transparent-nav.transparent-nav-light { color: #FEFEFE;
}
@media (min-width: 769px) { html:not(.sticky-header) .transparent-header .secondary-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link { color: #FEFEFE; } html:not(.sticky-header) .transparent-header .secondary-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link::before { background-color: #FEFEFE; }
}
@media (min-width: 769px) { html:not(.sticky-header) .transparent-header .secondary-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:hover > .nav-link { color: #FEFEFE; }
}
html:not(.sticky-header) .transparent-header .secondary-nav.transparent-nav:not(.fixed) { box-shadow: none; background-color: transparent;
}
html:not(.sticky-header) .transparent-header.logo-center .secondary-nav.transparent-nav:not(.fixed) { position: relative; top: unset;
}
@media (min-width: 769px) { .header-nav .navbar-nav [class*=inview] .dropdown-menu.has-secondary-nav { display: none; }
}
.header-nav { transition: transform 200ms ease-out;
}
.header-nav.fixed .brand .logo-home { background: none;
}
@media (max-width: 768.98px) { .header-nav.fixed { border-bottom: 1px solid #ECECEC; }
}
@media (min-width: 1024px) { .header-nav.nav-center .navbar,
.header-nav.nav-center .menu-group { display: block; } .header-nav.nav-center .navbar-nav { justify-content: space-between; padding-left: 32px; padding-right: 32px; }
}
@media (min-width: 1440px) { .header-nav.nav-center .navbar-nav { padding-left: 48px; padding-right: 48px; }
}
.header-nav.slide-up-animate { transform: translateY(-100%); overflow: hidden;
}
.header-custom-links-container { width: 100%; background-color: #ECF1F4; overflow-x: auto; overflow-y: hidden;
}
@media (min-width: 1024px) { .header-custom-links-container { height: 100%; width: auto; background-color: inherit; }
}
.header-custom-links-container ul { padding-left: 0; font-size: 13px;
}
.header-custom-links-container .header-custom-links { display: flex; flex-wrap: nowrap; padding: 10px 0;
}
@media (min-width: 1024px) { .header-custom-links-container .header-custom-links { padding: 20px 0 19px; } .header-custom-links-container .header-custom-links li:first-child { margin-left: 0; } .header-custom-links-container .header-custom-links li:first-child a { padding-left: 0; }
}
.header-custom-links-container .header-custom-links li:last-child a { margin-right: 12px;
}
.header-custom-links-container .header-custom-links li { display: inline; white-space: nowrap; margin-left: 12px;
}
@media (min-width: 1024px) { .header-custom-links-container .header-custom-links li { border-radius: unset; background-color: inherit; } .header-custom-links-container .header-custom-links li a:hover { text-decoration: underline; }
}
.header-custom-links-container .header-custom-links li a { border-radius: 17px; background-color: #FEFEFE; text-decoration: none; display: block; padding: 7px 8px;
}
.header-account-container { display: block;
}
.header-account-container .header-link.nav-link { display: flex;
}
.header-account-container .header-link.nav-link:before { content: "\E900"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.header-account-container .header-link.nav-link[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.header-account-container .header-link.nav-link[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.header-account-container .header-link.nav-link[class*=btn-]:not(.title).btn-sm, .header-account-container .btn-group-sm > .header-link.nav-link[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.header-account-container .header-link.nav-link[class*=btn-]:not(.title).btn-sm:before, .header-account-container .btn-group-sm > .header-link.nav-link[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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;
}
.header-account-container .account-sign-out,
.header-account-container .account-sign-in { margin-bottom: 30px;
}
@media (min-width: 1024px) { .header-account-container .account-sign-out,
.header-account-container .account-sign-in { margin-bottom: 14px; }
}
.header-account-container .header-account-custom-links a { font-weight: 600; text-decoration: none;
}
.header-account-container .header-account-custom-links a:hover { text-decoration: underline;
}
.header-account-container .my-account-welcome-message { padding-right: 30px; padding-left: 30px; padding-top: 8px; padding-bottom: 24px; font-size: 16px; color: #0A2541; text-transform: capitalize;
}
@media (min-width: 769px) { .header-account-container .my-account-welcome-message { padding-right: 32px; padding-left: 32px; }
}
@media (min-width: 1440px) { .header-account-container .my-account-welcome-message { padding-right: 48px; padding-left: 48px; }
}
.header-account-container .btn-primary { padding: 17px 5px; width: 100%;
}
.header-account-container .account-contact-dropdown-target.show .header-link.nav-link::after { border-bottom: 1px solid #134981; content: ""; display: block; position: absolute; bottom: 14px; left: 6px; width: 20px;
}
@media (min-width: 769px) { .header-account-container .account-contact-dropdown-target.show .header-link.nav-link::after { bottom: 23px; left: 14px; }
}
.header-account-container .account-contact-dropdown-target .nav-link { height: 54px;
}
.header-account-container .account-contact-dropdown-target .nav-link::before { align-self: center;
}
@media (min-width: 769px) { .header-account-container .account-contact-dropdown-target .nav-link { height: 70px; }
}
@media (min-width: 1024px) { .header-account-container .account-contact-dropdown-target .nav-link { height: 72px; }
}
.header-contact-us-container .header-link.nav-link.header-contact:before { content: "\E90A"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.header-contact-us-container .header-link.nav-link.header-contact[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.header-contact-us-container .header-link.nav-link.header-contact[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.header-contact-us-container .header-link.nav-link.header-contact[class*=btn-]:not(.title).btn-sm, .header-contact-us-container .btn-group-sm > .header-link.nav-link.header-contact[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.header-contact-us-container .header-link.nav-link.header-contact[class*=btn-]:not(.title).btn-sm:before, .header-contact-us-container .btn-group-sm > .header-link.nav-link.header-contact[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.header-contact-us-container .header-link.nav-link.header-contact[class*=btn-]:not(.title) [class*=icon-],
.header-contact-us-container .header-link.nav-link.header-contact[class*=btn-]:not(.title) [class^=icon-],
.header-contact-us-container .header-link.nav-link.header-contact[class*=btn-]:not(.title) .fa { display: none;
}
.header-contact-us-container .header-link.nav-link.header-contact > .header-link { display: none;
}
.header-contact-us-container .account-contact-dropdown-target.show .header-link.nav-link::after { border-bottom: 1px solid #134981; content: ""; display: block; position: absolute; bottom: 23px; left: 14px; width: 20px;
}
.header-contact-us-container .account-contact-dropdown-target .nav-link::before { align-self: center;
}
@media (min-width: 1024px) { .header-contact-us-container .account-contact-dropdown-target .nav-link { height: 72px; }
}
.header-checkout-contact-us .header-link.nav-link.header-contact:after { content: "\E90A"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.header-checkout-contact-us .header-link.nav-link.header-contact[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.header-checkout-contact-us .header-link.nav-link.header-contact[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.header-checkout-contact-us .header-link.nav-link.header-contact[class*=btn-]:not(.title).btn-sm, .header-checkout-contact-us .btn-group-sm > .header-link.nav-link.header-contact[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.header-checkout-contact-us .header-link.nav-link.header-contact[class*=btn-]:not(.title).btn-sm:after, .header-checkout-contact-us .btn-group-sm > .header-link.nav-link.header-contact[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.header-checkout-contact-us .header-link.nav-link.header-contact[class*=btn-]:not(.title) [class*=icon-],
.header-checkout-contact-us .header-link.nav-link.header-contact[class*=btn-]:not(.title) [class^=icon-],
.header-checkout-contact-us .header-link.nav-link.header-contact[class*=btn-]:not(.title) .fa { display: none;
}
.header-checkout-contact-us .account-contact-dropdown-target .nav-link { align-items: center; height: 54px;
}
@media (min-width: 769px) { .header-checkout-contact-us .account-contact-dropdown-target .nav-link { height: 70px; }
}
@media (min-width: 1024px) { .header-checkout-contact-us .account-contact-dropdown-target .nav-link { height: 72px; }
}
@media (min-width: 1024px) { .header { padding-left: 32px; padding-right: 32px; } .header .header-column-1 > .pull-left:not(:empty) { margin-left: 0; }
}
@media (min-width: 1440px) { .header { padding-left: 48px; padding-right: 48px; }
}
.header .header-column-3 > .pull-right { margin-right: 0px;
}
@media (min-width: 1024px) { .header .header-column-3 > .pull-right.search { padding-right: calc(16px / 2); }
}
.header .brand .logo-home { background: none; display: flex; align-items: center;
}
.header .brand .logo-home img { width: 100%;
}
.header .minicart { padding: 8px 16px 8px 8px;
}
@media (min-width: 769px) { .header .minicart { padding: 16px; }
}
@media (min-width: 1024px) { .header .minicart { padding-right: 0; }
}
.header .minicart .minicart-link { text-decoration: none;
}
.header .minicart .minicart-link .minicart-icon { display: flex;
}
.header .minicart .minicart-quantity { font-weight: 600;
}
.header .minicart .popover { border: none;
}
.header .nav-link { padding: 8px;
}
@media (min-width: 769px) { .header .nav-link { padding: 16px; }
}
.checkout-header { position: sticky; top: 0; z-index: 400;
}
.checkout-header .header-nav { border-bottom: 1px solid #D8D8D8;
}
.checkout-header .simplified-header-list-container li { display: inline; font-size: 13px;
}
.header-banner > .container { max-width: none;
}
.primary-promo-banner { min-height: 40px; margin-bottom: 0 !important;
}
@media (min-width: 769px) { .primary-promo-banner { min-height: 50px; }
}
.primary-promo-banner .tns-outer { display: flex; justify-content: center; align-items: center; width: 100%;
}
.primary-promo-banner .tns-outer .tns-ovh { margin-right: 0 !important;
}
.primary-promo-banner .tns-outer .tns-nav { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; bottom: auto; right: auto; width: auto; justify-content: flex-start; align-items: center; gap: 5px;
}
.primary-promo-banner .tns-outer .tns-nav button { width: 12px; height: 12px; margin: 0;
}
@media (min-width: 1024px) { .primary-promo-banner .tns-outer .tns-nav { left: calc(16px * 2); }
}
@media (min-width: 1440px) { .primary-promo-banner .tns-outer .tns-nav { left: calc(24px * 2); }
}
@media (min-width: calc(1776px + 14px)) { .primary-promo-banner .tns-outer .tns-nav { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); left: auto; margin-right: calc((1776px - 48px - 48px - 63px) / 2); }
}
.primary-promo-banner .tns-outer .tns-nav-controller { padding-right: 0; display: block; text-decoration: none; line-height: 12px;
}
.primary-promo-banner .tns-outer .tns-nav-controller::before { display: block; font-size: 12px;
}
.primary-promo-banner.dark .tns-nav-controller::before { color: #0A2541;
}
.primary-promo-banner.light .tns-nav-controller::before { color: #FEFEFE;
}
.primary-promo-banner.light .tns-outer .tns-nav button,
.primary-promo-banner.light .tns-outer .tns-nav button.tns-nav-active { border: 1px solid #FEFEFE;
}
.primary-promo-banner.light .tns-outer .tns-nav button { background: transparent;
}
.primary-promo-banner.light .tns-outer .tns-nav button.tns-nav-active { background: #FEFEFE;
}
.primary-promo-banner.dark .tns-outer .tns-nav button,
.primary-promo-banner.dark .tns-outer .tns-nav button.tns-nav-active { border: 1px solid #0A2541;
}
.primary-promo-banner.dark .tns-outer .tns-nav button { background: transparent;
}
.primary-promo-banner.dark .tns-outer .tns-nav button.tns-nav-active { background: #0A2541;
}
.primary-promo-banner.pagination-style-dots .tns-outer .tns-nav button { border-radius: 50%;
}
@media (min-width: 769px) { .primary-promo-banner.pagination-style-dots[data-slider-items-md="1"] .hero-container { max-width: calc(100% - 160px); }
}
@media (min-width: 1024px) { .primary-promo-banner.pagination-style-dots[data-slider-items-lg="1"] .hero-container { max-width: calc(100% - 200px); }
}
@media (min-width: 1440px) { .primary-promo-banner.pagination-style-dots[data-slider-items-lg="1"] .hero-container { max-width: calc(100% - 240px); }
}
@media (min-width: 1776px) { .primary-promo-banner.pagination-style-dots[data-slider-items-lg="1"] .hero-container { max-width: calc(1776px - 240px); }
}
@media (min-width: 1440px) { .primary-promo-banner:not([data-slider-items-lg="1"]) .tns-outer { max-width: 1920px; margin-left: auto; margin-right: auto; }
}
.primary-promo-banner .slider { display: flex;
}
.primary-promo-banner .slider .slide > div { height: 100%; display: flex; flex-direction: column; justify-content: center;
}
.primary-promo-banner .slider .slide > .button button { width: 100%; text-decoration: none; font-size: 13px; font-weight: 500; padding: 0; min-height: 40px;
}
.primary-promo-banner .slider .slide > .button button:after { content: "\E903"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: #FEFEFE; font-weight: normal;
}
.primary-promo-banner .slider .slide > .button button[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.primary-promo-banner .slider .slide > .button button[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.primary-promo-banner .slider .slide > .button button[class*=btn-]:not(.title).btn-sm, .primary-promo-banner .slider .slide > .button .btn-group-sm > button[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.primary-promo-banner .slider .slide > .button button[class*=btn-]:not(.title).btn-sm:after, .primary-promo-banner .slider .slide > .button .btn-group-sm > button[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.primary-promo-banner .slider .slide > .button button[class*=btn-]:not(.title) [class*=icon-],
.primary-promo-banner .slider .slide > .button button[class*=btn-]:not(.title) [class^=icon-],
.primary-promo-banner .slider .slide > .button button[class*=btn-]:not(.title) .fa { display: none;
}
.primary-promo-banner .slider .slide > .button button::after { position: absolute; padding-left: 12px;
}
@media (min-width: 769px) { .primary-promo-banner .slider .slide > .button button { min-height: 50px; }
}
.primary-promo-banner .hero .hero-container { padding: 8px; font-weight: 500; min-height: 40px;
}
@media (min-width: 769px) { .primary-promo-banner .hero .hero-container { min-height: 50px; }
}
.primary-promo-banner .hero .hero-container .hero-text { display: inline;
}
.primary-promo-banner .hero .hero-container .hero-text div,
.primary-promo-banner .hero .hero-container .hero-text p { display: inline;
}
.primary-promo-banner .hero .hero-container .hero-text div { margin-top: 0;
}
.primary-promo-banner .hero .hero-container .hero-text .hero-body:not([class*=line-height--]) { line-height: 1.4;
}
.primary-promo-banner.slide-dividers .tns-slide-active + .slide::after { content: ""; width: 1px; height: calc(100% - 8px - 8px); position: absolute; top: 50%; transform: translateY(-50%); left: 0;
}
.primary-promo-banner.slide-dividers.light .tns-slide-active + .slide::after { background: #FEFEFE;
}
.primary-promo-banner.slide-dividers.dark .tns-slide-active + .slide::after { background: #0A2541;
}
.site-search { position: relative; width: 100%;
}
.site-search .search-field { border-top: none;
}
.site-search .fa-close,
.site-search .fa-search { position: absolute; top: 13px; border: none; right: 20px; padding: 0; background-color: transparent;
}
.site-search .fa-close:before { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: #0A2541; font-weight: normal;
}
.site-search .fa-close[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.site-search .fa-close[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.site-search .fa-close[class*=btn-]:not(.title).btn-sm, .site-search .btn-group-sm > .fa-close[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.site-search .fa-close[class*=btn-]:not(.title).btn-sm:before, .site-search .btn-group-sm > .fa-close[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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: "\E97C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: #0A2541; font-weight: normal;
}
.site-search .fa-search[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.site-search .fa-search[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.site-search .fa-search[class*=btn-]:not(.title).btn-sm, .site-search .btn-group-sm > .fa-search[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.site-search .fa-search[class*=btn-]:not(.title).btn-sm:before, .site-search .btn-group-sm > .fa-search[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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: var(--header-background-color, #FEFEFE); z-index: 1;
}
.site-search .reset-button:before { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal;
}
.site-search .reset-button[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.site-search .reset-button[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.site-search .reset-button[class*=btn-]:not(.title).btn-sm, .site-search .btn-group-sm > .reset-button[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.site-search .reset-button[class*=btn-]:not(.title).btn-sm:before, .site-search .btn-group-sm > .reset-button[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; 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 input { height: calc(20px + 13px + 13px + (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: 72px; border-width: 1px; border-color: #D8D8D8; border-style: solid; } .site-search form { float: right; } .site-search .search-field { font-family: "Poppins", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 1em; letter-spacing: 0.08em; border: none; text-align: left; color: #0A2541; padding-top: calc((72px - 1em) / 2); padding-bottom: calc((72px - 1em) / 2); padding-right: 40px; padding-left: 20px; transition: width 200ms ease-out; width: 170px; background: transparent; text-decoration: none; } .site-search .search-field:hover { text-decoration: underline; } .site-search .search-field-secondary { font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2em; text-transform: none; color: #0A2541; } .site-search .search-field-secondary:hover { color: #134981; } .site-search .search-field-tertiary { color: #0A2541; font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 400; text-transform: none; } .site-search .search-field-tertiary:hover { color: #134981; } .site-search .search-field::-moz-placeholder { color: #0A2541; } .site-search .search-field:-ms-input-placeholder { color: #0A2541; } .site-search .search-field::placeholder { color: #0A2541; } .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: 16px; }
}
@media (min-width: 1440px) { .site-search .search-field:focus { width: 170px; }
}
@media (min-width: 1024px) { .search-icon-only .site-search { border-color: transparent; border-style: solid; border-width: 1px; transition: border 200ms ease-out; width: auto; } .search-icon-only .site-search .search-field { border-left: none; border-right: none; width: 0; } .search-icon-only .site-search.expanded { border-color: #D8D8D8; } .search-icon-only .site-search.expanded .search-field { width: 170px; } .search-icon-only .site-search.expanded button { color: #0A2541; } .logo-center .search-icon-only .site-search { height: 72px; border-bottom: 0; border-top: 0; }
}
@media (min-width: 1440px) { .search-icon-only .site-search.expanded .search-field { width: 170px; }
}
.suggestions-wrapper { position: relative;
}
.suggestions-wrapper .suggestions { list-style-type: none; display: block; background-color: #FEFEFE; top: 0; right: 0; box-shadow: none; position: absolute; width: 350px;
}
.suggestions-wrapper .suggestions-header { font-family: "Poppins", sans-serif; font-size: 12px; margin-bottom: 5px; color: #545454; text-transform: none; padding-top: 16px; background: transparent;
}
.suggestions-wrapper .suggestions-header:not(:first-child) { border-top: 1px solid #DBDBDB;
}
.suggestions-wrapper .suggestions-items { font-family: "Poppins", sans-serif; font-size: 13px; padding-bottom: 16px;
}
.suggestions-wrapper .suggestions-item a { display: flex; align-items: center; text-decoration: none; padding-top: 3px; padding-bottom: 3px;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail { width: 30px; height: 30px; background-color: #FEFEFE; background-size: cover; display: block; position: relative; text-align: center; border-radius: 50%; margin-right: 16px;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value { transition: all 200ms ease-out;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value:hover:not(.unselectable):not(.selected) { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #0A2541;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected { box-shadow: 0 0 0 4px #FEFEFE, 0 0 0 5px #0A2541; transform: scale(0.8);
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FEFEFE; font-weight: normal;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title).btn-sm, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.color-value.selected[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title).btn-sm:after, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.color-value.selected[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) [class*=icon-],
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) [class^=icon-],
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) .fa { display: none;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected::after { position: absolute; top: calc(14px / -3); right: calc(14px / -3); display: none; background: rgba(34, 34, 34, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable:after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unavailable:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unavailable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable:after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unavailable:after { background-color: #D8D8D8; width: 1px;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unavailable:before { background-color: #FEFEFE; width: 5px;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable { cursor: not-allowed;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock:after { background-color: #D8D8D8; width: 1px;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock:before { background-color: #FEFEFE; width: 5px;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock.selected:after { display: block;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value:not(.unselectable):hover { border-color: #DBDBDB; box-shadow: none;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover { background: #FEFEFE; color: #0A2541; border-color: #0A2541; box-shadow: none;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FEFEFE; font-weight: normal;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title), .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title):after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-].btn:not(.title), .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm { padding-right: calc(23px + 16px);
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm:after, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-].btn:not(.title):after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title) [class*=icon-],
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title) [class^=icon-],
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title) .fa, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class*=icon-],
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class^=icon-],
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) .fa { display: none;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected::after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(16px / -3); right: calc(16px / -3); background: #134981; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.unselectable, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.unavailable { color: #545454; text-decoration: line-through; position: relative;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.unselectable { cursor: not-allowed;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.out-of-stock.selected:after { display: block;
}
.suggestions-wrapper .suggestions-item .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.suggestions-wrapper .suggestions-item .category-parent { color: #545454;
}
.suggestions-wrapper .suggestions-item.selected { background-color: #D8D8D8;
}
.site-search { margin: auto; padding: 0 16px 12px 16px;
}
.site-search .search-field { border-radius: 50px; text-align: left; border-top: unset; border: 1px solid lightgray; padding-left: 36px; position: relative; text-transform: none; font-weight: 400; color: #0A2541; letter-spacing: 0.02em;
}
.site-search .search-field::-moz-placeholder { color: #0A2541;
}
.site-search .search-field:-ms-input-placeholder { color: #0A2541;
}
.site-search .search-field::placeholder { color: #0A2541;
}
.site-search .search-field.alternate-placeholder::-moz-placeholder { color: #545454;
}
.site-search .search-field.alternate-placeholder:-ms-input-placeholder { color: #545454;
}
.site-search .search-field.alternate-placeholder::placeholder { color: #545454;
}
@media (min-width: 1024px) { .site-search .search-field { text-align: left; border: none; padding-left: 16px; font-size: 14px; }
}
.site-search .fa-search { left: 16px; top: 16px; right: unset; display: flex;
}
@media (min-width: 1024px) { .site-search .fa-search { left: 15px; top: 50%; }
}
.site-search .reset-button { right: 14px;
}
@media (min-width: 1024px) { .site-search .reset-button { right: 9px; }
}
@media (min-width: 1024px) { .site-search { height: 40px; border-radius: 50px; } .site-search .search-field { padding: 10px 18px 8px 24px; text-overflow: unset; }
}
.search-mobile .site-search form { position: relative;
}
.suggestions-modal-background { background-color: rgba(10, 37, 65, 0.45); height: 100vh; position: fixed; width: 100vw; top: 0; right: 0; transform: translateZ(0); z-index: 201; z-index: 1;
}
@media (max-width: 1023.98px) { .suggestions-modal-background { z-index: 301; }
}
.suggestions-wrapper { z-index: 1;
}
@media (max-width: 1023.98px) { .suggestions-wrapper { z-index: 302; }
}
.suggestions-wrapper .suggestions-background { width: 100%; position: absolute; right: 50%; transform: translateX(50%); background-color: transparent;
}
@media (min-width: 1024px) { .suggestions-wrapper .suggestions-background.no-products { width: auto; transform: none; right: 0px; } .suggestions-wrapper .suggestions-background.no-products .suggestion-section:first-child .suggestions-header { padding-top: 0; }
}
.suggestions-wrapper .suggestions-background .suggestions { width: 100%; background: transparent; position: relative; margin-bottom: 0; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; background-color: #FEFEFE; scrollbar-width: thin; scrollbar-color: #DBDBDB #FEFEFE; }
.suggestions-wrapper .suggestions-background .suggestions::-webkit-scrollbar { height: 8px; width: 8px;
}
.suggestions-wrapper .suggestions-background .suggestions::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 9999px;
}
.suggestions-wrapper .suggestions-background .suggestions::-webkit-scrollbar-track { background-color: #FEFEFE;
}
.suggestions-wrapper .suggestions-background .suggestions .suggestion-section { border-bottom: 1px solid #DBDBDB;
}
.suggestions-wrapper .suggestions-background .suggestions .suggestion-section:last-child:not(.suggestions-product) { border-bottom: none;
}
.suggestions-wrapper .suggestions-background .suggestions .suggestions-header { padding-top: 24px; margin-bottom: calc(24px / 2);
}
.suggestions-wrapper .suggestions-background .suggestions .suggestions-items { padding-bottom: calc(24px /2);
}
.suggestions-wrapper .suggestions-background .suggestions .suggestions-items .suggestions-item a { font-weight: 600; line-height: 1.2em; letter-spacing: 0.02em; padding-top: calc(24px /2); padding-bottom: calc(24px /2);
}
.suggestions-wrapper .suggestions-background .suggestions .suggestions-items .suggestions-item + .suggestions-item a { padding-top: calc(24px /2); padding-bottom: calc(24px /2);
}
.suggestions-wrapper .suggestions-background .suggestions .suggestions-items .category-parent { font-weight: normal; margin-left: 0.1em;
}
.suggestions-wrapper .suggestions-background .suggestions .suggestion-products .suggestions-items { text-align: center;
}
.suggestions-wrapper .suggestions-background .suggestions .suggestion-products .suggestions-items .slider-container { text-align: left;
}
.suggestions-wrapper .suggestions-background .suggestions .suggestion-products .suggestions-items .suggestion-product-tiles { display: flex; gap: 20px; justify-content: center; text-align: left;
}
.suggestions-wrapper .suggestions-background .suggestions .suggestion-products .suggestions-items .suggestion-product-tiles .product { flex-basis: 25%;
}
@media (max-width: 1023.98px) { .suggestions-wrapper .suggestions-background .suggestions { display: flex; flex-direction: column; padding: 0 16px 16px; } .suggestions-wrapper .suggestions-background .suggestions .suggestion-section { padding: 0 16px; } .suggestions-wrapper .suggestions-background .suggestions .suggestion-phrases { order: 1; } .suggestions-wrapper .suggestions-background .suggestions .suggestion-products { order: 2; } .suggestions-wrapper .suggestions-background .suggestions .suggestion-products .suggestions-items { padding-bottom: 0; } .suggestions-wrapper .suggestions-background .suggestions .suggestion-categories { order: 3; } .suggestions-wrapper .suggestions-background .suggestions .suggestion-content { order: 4; }
}
@media (max-width: 768.98px) { .suggestions-wrapper .suggestions-background .suggestions .suggestion-products { padding-right: 0; } .suggestions-wrapper .suggestions-background .suggestions .suggestion-products .slider-container:not(.next-slide-0) .tns-ovh { margin-right: -16px; } .suggestions-wrapper .suggestions-background .suggestions .suggestion-products .slider-container + .btn-secondary { margin-left: calc(16px / -2); }
}
@media (min-width: 769px) { .suggestions-wrapper .suggestions-background .suggestions .suggestions-items .slider-container:not(.next-slide-0) .tns-ovh { margin-right: 0; }
}
@media (min-width: 1024px) { .suggestions-wrapper .suggestions-background .suggestions { padding-top: 24px; padding-bottom: 24px; } .suggestions-wrapper .suggestions-background .suggestions::after { display: block; content: ""; clear: both; } .suggestions-wrapper .suggestions-background .suggestions .suggestion-section { width: 330px; float: right; clear: right; } .suggestions-wrapper .suggestions-background .suggestions .suggestion-products { padding-right: 30px; padding-left: 30px; float: left; width: calc(100% - 330px); border-bottom: none; }
}
@media (min-width: 1024px) and (min-width: 769px) { .suggestions-wrapper .suggestions-background .suggestions .suggestion-products { padding-right: 32px; padding-left: 32px; }
}
@media (min-width: 1024px) and (min-width: 1440px) { .suggestions-wrapper .suggestions-background .suggestions .suggestion-products { padding-right: 48px; padding-left: 48px; }
}
@media (min-width: 1024px) { .suggestions-wrapper .suggestions-background .suggestions .suggestion-products:only-child { width: 100%; padding-right: 0; }
}
@media (min-width: 1024px) { .suggestions-wrapper .suggestions-background .suggestions .suggestion-products.suggestion-section { padding-left: 0; }
}
@media (min-width: 1024px) { .suggestions-wrapper .suggestions-background .suggestions .suggestion-products + .suggestion-section .suggestions-header { padding-top: 0; }
}
@media (min-width: 1024px) { .suggestions-wrapper .suggestions-background .suggestions .suggestion-products .suggestions-header { padding-top: 0; }
}
@media (min-width: 1024px) { .suggestions-wrapper .suggestions-background .suggestions .suggestion-products .suggestions-items { padding-bottom: 0; }
}
.hero { position: relative; overflow: hidden; display: flex;
}
.hero .hero-container { display: flex; padding: 16px; height: 100%; width: 100%;
}
@media (min-width: 769px) { .hero .hero-container { padding: 16px; }
}
@media (min-width: 1024px) { .hero .hero-container { padding: calc(24px * 2); }
}
@media (min-width: 1440px) { .full-bleed .hero .hero-container { max-width: 1776px; margin-left: auto; margin-right: auto; }
}
.hero .hero-container .hero-background-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;
}
.hero .hero-container .hero-background-link .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.hero .hero-container .hero-background-link .video-container .video-player { display: none;
}
.hero .hero-container.has-background-link .embedded-component .btn { z-index: 1;
}
.hero .embedded-component { width: 100%;
}
.hero .embedded-component:empty { display: none;
}
.hero .embedded-component .experience-region:empty { display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .hero { height: 0; } .hero.no-image { height: auto; }
}
.hero.short { min-height: 0;
}
@media (min-width: 769px) { .hero.short { min-height: 0; }
}
@media (min-width: 1024px) { .hero.short { min-height: 0; }
}
.hero.medium { min-height: 423px;
}
@media (min-width: 769px) { .hero.medium { min-height: 450px; }
}
@media (min-width: 1024px) { .hero.medium { min-height: 450px; }
}
.hero.tall { min-height: 526px;
}
@media (min-width: 769px) { .hero.tall { min-height: 625px; }
}
@media (min-width: 1024px) { .hero.tall { min-height: 700px; }
}
.hero.screen-height { min-height: 100vh;
}
.fixed-header ~ div .hero.screen-height { min-height: calc(100vh - 54px);
}
@media (min-width: 769px) { .fixed-header ~ div .hero.screen-height { min-height: calc(100vh - 70px); }
}
@media (min-width: 1024px) { .fixed-header ~ div .hero.screen-height { min-height: calc(100vh - 72px); }
}
.experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 54px - 0 - 1.4 - 0 - 0);
}
.multi-brand .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 54px - 0 - 1.4 - 0 - 0 - 30px);
}
@media (min-width: 769px) { .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 70px - 0 - 1.4 - 0 - 0); } .multi-brand .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 70px - 0 - 1.4 - 0 - 0- 40px); }
}
@media (min-width: 1024px) { .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 72px - 0 - 1.4 - 0 - 0); } .multi-brand .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 72px - 0 - 1.4 - 0 - 0 - 40px); }
}
.transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 1.4 - 0 - 0);
}
.multi-brand .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 1.4 - 0 - 0 - 30px);
}
@media (min-width: 769px) { .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 1.4 - 0 - 0); } .multi-brand .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 1.4 - 0 - 0 - 40px); }
}
@media (min-width: 1024px) { .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 1.4 - 0 - 0); } .multi-brand .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 1.4 - 0 - 0 - 40px); }
}
.hero-media { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); height: 100%; width: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center;
}
.full-bleed .hero-media { width: calc(100vw + 2px);
}
.hero-media.hero-media-tablet, .hero-media.hero-media-desktop { display: none;
}
@media (min-width: 769px) { .hero-media.hero-media-mobile, .hero-media.hero-media-desktop { display: none; } .hero-media.hero-media-tablet { display: block; }
}
@media (min-width: 1024px) { .hero-media.hero-media-mobile, .hero-media.hero-media-tablet { display: none; } .hero-media.hero-media-desktop { display: block; }
}
.hero-media.video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; right: auto; transform: none; transition: opacity 200ms ease-out;
}
.hero-media.video-container .video-aspect-ratio { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 0; height: 0; min-height: 100%; min-width: 100%;
}
.hero-media.video-container .video-aspect-ratio.aspect-ratio-16-9 { padding-top: 56.25%; padding-left: 177.7777777778vh;
}
.hero-media.video-container .video-aspect-ratio.aspect-ratio-9-16 { padding-top: 177.7777777778%; padding-left: 56.25vh;
}
.hero-media.video-container .video-aspect-ratio.aspect-ratio-4-3 { padding-top: 75%; padding-left: 133.3333333333vh;
}
.hero-media.video-container .video-aspect-ratio.aspect-ratio-3-4 { padding-top: 133.3333333333%; padding-left: 75vh;
}
.hero-media.video-container .video-aspect-ratio.aspect-ratio-1-1 { padding-top: 100%; padding-left: 100vh;
}
.hero-media.video-container .video-aspect-ratio .video-player { position: static; pointer-events: none;
}
.hero-media.video-container .video-aspect-ratio iframe,
.hero-media.video-container .video-aspect-ratio video { position: absolute; width: 100%; height: 100%; top: 0; left: 0;
}
.hero-media.video-container .video-aspect-ratio iframe.video-player,
.hero-media.video-container .video-aspect-ratio video.video-player { position: absolute;
}
.hero-media.video-container ~ .replay-video { z-index: 1; position: absolute; opacity: 0; transition: opacity 200ms ease-out;
}
.align-items-start .hero-media.video-container ~ .replay-video, .align-items-center .hero-media.video-container ~ .replay-video { bottom: 16px;
}
.align-items-end .hero-media.video-container ~ .replay-video { top: 16px;
}
.transparent-header ~ div .align-items-end .hero-media.video-container ~ .replay-video { top: 70px;
}
@media (min-width: 769px) { .transparent-header ~ div .align-items-end .hero-media.video-container ~ .replay-video { top: 86px; }
}
@media (min-width: 1024px) { .transparent-header ~ div .align-items-end .hero-media.video-container ~ .replay-video { top: 88px; }
}
.justify-content-md-start .hero-media.video-container ~ .replay-video { right: 16px;
}
.justify-content-md-end .hero-media.video-container ~ .replay-video, .justify-content-md-center .hero-media.video-container ~ .replay-video { left: 16px;
}
.hero-media.video-container.video-stopped { opacity: 0;
}
.hero-media.video-container.video-stopped ~ .replay-video { transition: opacity 200ms ease-out 600ms; opacity: 1;
}
.hero-text { overflow: visible; display: flex; flex-direction: column; position: relative; width: 100%;
}
.text-in-card .hero-text { padding: 16px; border-width: 1px; border-style: solid;
}
@media (min-width: 769px) { .text-in-card .hero-text { padding: 16px; }
}
@media (min-width: 1024px) { .text-in-card .hero-text { padding: 16px; }
}
.text-in-card .hero-text:not([class*=border--]) { border-color: transparent;
}
.text-in-card .hero-text.semitransparent:not([class*=background--]).dark-theme { background: rgba(10, 37, 65, 0.9);
}
.text-in-card .hero-text.semitransparent:not([class*=background--]).light-theme { background: rgba(254, 254, 254, 0.9);
}
.text-in-card .hero-text.opaque:not([class*=background--]).dark-theme { background: #0A2541;
}
.text-in-card .hero-text.opaque:not([class*=background--]).light-theme { background: #FEFEFE;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .hero-text.text-center { align-items: center; } .hero-text.text-right { align-items: flex-end; }
}
@media (min-width: 769px) { .hero-text.width-1-4 { max-width: 25%; } .hero-text.width-1-3 { max-width: 33.3333%; } .hero-text.width-1-2 { max-width: 50%; } .hero-text.width-2-3 { max-width: 66.6666%; } .hero-text.width-3-4 { max-width: 75%; } .hero-text.width-1 { max-width: 100%; }
}
.hero-text .hero-subtitle > *,
.hero-text .hero-title > *,
.hero-text .hero-body > * { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; margin-bottom: 0;
}
.hero-text .hero-subtitle: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-family: "Poppins", sans-serif; font-size: 11px; text-transform: none;
}
.hero-text .hero-title: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-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .hero-text .hero-title: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: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .hero-text .hero-title: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: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.hero-text .hero-body ul { list-style: disc; list-style-position: outside; margin-left: 16px;
}
@media (min-width: 544px) { .hero-text .hero-body ul { -moz-columns: 2; columns: 2; }
}
.hero-text .hero-subtitle + .hero-title,
.hero-text .hero-title + .hero-body,
.hero-text .hero-embedded-component + .hero-body,
.hero-text .hero-body + .hero-buttons .hero-button,
.hero-text .hero-embedded-component .experience-region > * { margin-top: 16px;
}
.hero-text .hero-buttons { font-size: 0;
}
.hero-text .hero-button { margin-top: 16px; display: inline-block; position: relative;
}
.has-background-link .hero-text .hero-button { z-index: 1;
}
.hero-text.text-center .hero-button:not(:only-child) { margin-left: calc(16px / 2); margin-right: calc(16px / 2);
}
.hero-text.text-left .hero-button:not(:only-child) { margin-right: 16px;
}
.hero-text.text-right .hero-button:not(:only-child) { margin-left: 16px;
}
.hero-slider-container .hero-slot.container { padding-left: 0; padding-right: 0;
}
@media (max-width: 768.98px) { .hero.half-and-half { height: auto; } .hero.half-and-half .hero-container { flex-flow: column !important; } .hero.half-and-half .hero-media { transform: translateX(50%); top: 0; position: relative; width: calc(100% + 32px); margin: calc(16px * -1) 0 16px calc(16px * -2); } .hero.half-and-half.short { min-height: 0; } .hero.half-and-half.short .hero-media { height: 0; } .hero.half-and-half.medium { min-height: 0; } .hero.half-and-half.medium .hero-media { height: 423px; } .hero.half-and-half.tall, .hero.half-and-half.screen-height { min-height: 0; } .hero.half-and-half.tall .hero-media, .hero.half-and-half.screen-height .hero-media { height: 526px; } .hero.half-and-half [class*=justify-content-md] .hero-media.video-container { position: absolute; margin-left: -50%; margin-top: 0; }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media:not(.video-container) { transform: translateY(-50%); } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-1-4 { max-width: 75%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-1-3 { max-width: 66.66666%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-1-2 { max-width: 50%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-2-3 { max-width: 33.3333%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-3-4 { max-width: 25%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-1 { max-width: 50%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-text.width-1 { max-width: 50%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media { right: 0; left: auto; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-4.video-container { transform: translateX(25%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-4.video-container .video-aspect-ratio { right: 62.5%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-3.video-container { transform: translateX(33.3333%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-3.video-container .video-aspect-ratio { right: 66.66665%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-2.video-container, .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1.video-container { transform: translateX(50%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-2.video-container .video-aspect-ratio, .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1.video-container .video-aspect-ratio { right: 75%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-2-3.video-container { transform: translateX(66.6666%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-2-3.video-container .video-aspect-ratio { right: 83.3333%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-3-4.video-container { transform: translateX(75%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-3-4.video-container .video-aspect-ratio { right: 87.5%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-text { padding-right: 16px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 769px) { .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-text { padding-right: 16px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 1024px) { .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-text { padding-right: calc(24px * 2); }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media { left: 0; right: auto; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-4.video-container { transform: translateX(-25%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-4.video-container .video-aspect-ratio { right: 37.5%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-3.video-container { transform: translateX(-33.3333%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-3.video-container .video-aspect-ratio { right: 33.33335%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-2.video-container, .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1.video-container { transform: translateX(-50%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-2.video-container .video-aspect-ratio, .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1.video-container .video-aspect-ratio { right: 25%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-2-3.video-container { transform: translateX(-66.6666%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-2-3.video-container .video-aspect-ratio { right: 16.6667%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-3-4.video-container { transform: translateX(-75%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-3-4.video-container .video-aspect-ratio { right: 12.5%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-text { padding-left: 16px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 769px) { .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-text { padding-left: 16px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 1024px) { .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-text { padding-left: calc(24px * 2); }
}
@media (min-width: 1024px) { .hero.half-and-half .hero-media:not(.video-container) { transform: translateY(-50%); } .hero.half-and-half .hero-media.width-1-4 { max-width: 75%; } .hero.half-and-half .hero-media.width-1-3 { max-width: 66.66666%; } .hero.half-and-half .hero-media.width-1-2 { max-width: 50%; } .hero.half-and-half .hero-media.width-2-3 { max-width: 33.3333%; } .hero.half-and-half .hero-media.width-3-4 { max-width: 25%; } .hero.half-and-half .hero-media.width-1 { max-width: 50%; } .hero.half-and-half .hero-text.width-1 { max-width: 50%; } .hero.half-and-half.justify-content-md-start .hero-media { right: 0; left: auto; } .hero.half-and-half.justify-content-md-start .hero-media.width-1-4.video-container { transform: translateX(25%); } .hero.half-and-half.justify-content-md-start .hero-media.width-1-4.video-container .video-aspect-ratio { right: 62.5%; } .hero.half-and-half.justify-content-md-start .hero-media.width-1-3.video-container { transform: translateX(33.3333%); } .hero.half-and-half.justify-content-md-start .hero-media.width-1-3.video-container .video-aspect-ratio { right: 66.66665%; } .hero.half-and-half.justify-content-md-start .hero-media.width-1-2.video-container, .hero.half-and-half.justify-content-md-start .hero-media.width-1.video-container { transform: translateX(50%); } .hero.half-and-half.justify-content-md-start .hero-media.width-1-2.video-container .video-aspect-ratio, .hero.half-and-half.justify-content-md-start .hero-media.width-1.video-container .video-aspect-ratio { right: 75%; } .hero.half-and-half.justify-content-md-start .hero-media.width-2-3.video-container { transform: translateX(66.6666%); } .hero.half-and-half.justify-content-md-start .hero-media.width-2-3.video-container .video-aspect-ratio { right: 83.3333%; } .hero.half-and-half.justify-content-md-start .hero-media.width-3-4.video-container { transform: translateX(75%); } .hero.half-and-half.justify-content-md-start .hero-media.width-3-4.video-container .video-aspect-ratio { right: 87.5%; } .hero.half-and-half.justify-content-md-start .hero-text { padding-right: 16px; }
}
@media (min-width: 1024px) and (min-width: 769px) { .hero.half-and-half.justify-content-md-start .hero-text { padding-right: 16px; }
}
@media (min-width: 1024px) and (min-width: 1024px) { .hero.half-and-half.justify-content-md-start .hero-text { padding-right: calc(24px * 2); }
}
@media (min-width: 1024px) { .hero.half-and-half.justify-content-md-end .hero-media { left: 0; right: auto; } .hero.half-and-half.justify-content-md-end .hero-media.width-1-4.video-container { transform: translateX(-25%); } .hero.half-and-half.justify-content-md-end .hero-media.width-1-4.video-container .video-aspect-ratio { right: 37.5%; } .hero.half-and-half.justify-content-md-end .hero-media.width-1-3.video-container { transform: translateX(-33.3333%); } .hero.half-and-half.justify-content-md-end .hero-media.width-1-3.video-container .video-aspect-ratio { right: 33.33335%; } .hero.half-and-half.justify-content-md-end .hero-media.width-1-2.video-container, .hero.half-and-half.justify-content-md-end .hero-media.width-1.video-container { transform: translateX(-50%); } .hero.half-and-half.justify-content-md-end .hero-media.width-1-2.video-container .video-aspect-ratio, .hero.half-and-half.justify-content-md-end .hero-media.width-1.video-container .video-aspect-ratio { right: 25%; } .hero.half-and-half.justify-content-md-end .hero-media.width-2-3.video-container { transform: translateX(-66.6666%); } .hero.half-and-half.justify-content-md-end .hero-media.width-2-3.video-container .video-aspect-ratio { right: 16.6667%; } .hero.half-and-half.justify-content-md-end .hero-media.width-3-4.video-container { transform: translateX(-75%); } .hero.half-and-half.justify-content-md-end .hero-media.width-3-4.video-container .video-aspect-ratio { right: 12.5%; } .hero.half-and-half.justify-content-md-end .hero-text { padding-left: 16px; }
}
@media (min-width: 1024px) and (min-width: 769px) { .hero.half-and-half.justify-content-md-end .hero-text { padding-left: 16px; }
}
@media (min-width: 1024px) and (min-width: 1024px) { .hero.half-and-half.justify-content-md-end .hero-text { padding-left: calc(24px * 2); }
}
@media (max-width: 768.98px) { .hero .flex-column .hero-media { transform: translateX(50%); top: 0; position: relative; width: calc(100% + 32px); margin: -16px 0 16px -32px; } .flex-column .hero-media.video-container { margin-left: -50%; position: absolute; margin-top: 0; margin-bottom: 0; } .hero.short .flex-column { min-height: 0; } .hero.short .flex-column .hero-media { height: 0; } .hero.medium .flex-column { min-height: 0; } .hero.medium .flex-column .hero-media { height: 423px; } .hero.tall .flex-column, .hero.screen-height .flex-column { min-height: 0; } .hero.tall .flex-column .hero-media, .hero.screen-height .flex-column .hero-media { height: 526px; } .hero.half-and-half .flex-column[class*=justify-content-md] .hero-media { left: auto; right: 50%; max-width: calc(100% + 32px); } .hero.half-and-half .flex-column[class*=justify-content-md] .hero-text { padding-left: 0; padding-right: 0; }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .hero .flex-md-column .hero-media { transform: translateX(50%); top: 0; position: relative; width: calc(100% + 32px); margin: -16px 0 16px -32px; } .flex-md-column .hero-media.video-container { margin-left: -50%; position: absolute; margin-top: 0; margin-bottom: 0; } .hero.short .flex-md-column { min-height: 0; } .hero.short .flex-md-column .hero-media { height: 0; } .hero.medium .flex-md-column { min-height: 0; } .hero.medium .flex-md-column .hero-media { height: 423px; } .hero.tall .flex-md-column, .hero.screen-height .flex-md-column { min-height: 0; } .hero.tall .flex-md-column .hero-media, .hero.screen-height .flex-md-column .hero-media { height: 526px; } .hero.half-and-half .flex-md-column[class*=justify-content-md] .hero-media { left: auto; right: 50%; max-width: calc(100% + 32px); } .hero.half-and-half .flex-md-column[class*=justify-content-md] .hero-text { padding-left: 0; padding-right: 0; }
}
.experience-component .hero-button .video-container::before,
.experience-component .hero-button .video-container .video-player,
.experience-component .button .video-container::before,
.experience-component .button .video-container .video-player,
.experience-component .image-text-block-button .video-container::before,
.experience-component .image-text-block-button .video-container .video-player { display: none;
}
.hero .hero-container.has-background-link .hero-text a,
.hero .hero-container.has-background-link .hero-text button { z-index: 1; position: relative;
}
.full-bleed .hero-media { width: calc(100% + 2px);
}
.hero-text .hero-subtitle: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-weight: 500; letter-spacing: 0.12em; font-size: 12px;
}
@media (min-width: 769px) { .hero-text .hero-subtitle: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; }
}
.hero-text .hero-subtitle + .hero-title { margin-top: calc(16px / 2);
}
.hero-text .hero-title: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-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 36px; line-height: 1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .hero-text .hero-title: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: 36px; line-height: 1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .hero-text .hero-title: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: 48px; line-height: 1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.hero-text .hero-body:not([class*=line-height--]) { line-height: 1.75;
}
.hero-text .hero-buttons { margin-top: 16px;
}
.hero-text .hero-buttons.button-grid { display: grid; gap: 16px; justify-content: center;
}
.hero-text .hero-buttons.button-grid .hero-button { margin: 0;
}
.hero-text .hero-buttons.button-grid .hero-button .btn { width: 100%; padding-left: 0; padding-right: 0;
}
.hero-text .hero-buttons.button-grid.grid-1-2 { grid-template-columns: 1fr;
}
@media (min-width: 769px) { .hero-text .hero-buttons.button-grid.grid-1-2 { grid-template-columns: 1fr 1fr; }
}
.hero-text .hero-buttons.button-grid.grid-2-2 { grid-template-columns: 1fr 1fr;
}
.hero-text .hero-buttons.button-grid.grid-2-3 { grid-template-columns: 1fr 1fr;
}
@media (min-width: 769px) { .hero-text .hero-buttons.button-grid.grid-2-3 { grid-template-columns: 1fr 1fr 1fr; }
}
.hero-text .hero-subtext > * { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; margin-bottom: 0;
}
.hero-text .hero-embedded-component + .hero-subtext,
.hero-text .hero-buttons + .hero-subtext { margin-top: 16px;
}
.hero-text .hero-embedded-component-2 .experience-region > * { margin-top: 16px;
}
.text-in-card .hero-text { border-radius: 25px;
}
@media (max-width: 768.98px) { .text-in-card .hero-text.semitransparent:not([class*=background--]).dark-theme-mobile { background: rgba(10, 37, 65, 0.9); } .text-in-card .hero-text.semitransparent:not([class*=background--]).light-theme-mobile { background: rgba(254, 254, 254, 0.9); } .text-in-card .hero-text.opaque:not([class*=background--]).dark-theme-mobile { background: #0A2541; } .text-in-card .hero-text.opaque:not([class*=background--]).light-theme-mobile { background: #FEFEFE; }
}
@media (max-width: 768.98px) { .hero.half-and-half.short .hero-media, .hero.half-and-half.medium .hero-media, .hero.half-and-half.tall .hero-media, .hero.half-and-half.screen-height .hero-media { height: 281px; }
}
.image-text-block { display: block; position: relative; text-align: center; text-decoration: none;
}
.image-text-block:hover { text-decoration: none;
}
@media (min-width: 769px) { .image-text-block.zoom .image-wrapper { will-change: transform; transition: transform 200ms ease-out; } .image-text-block.zoom:hover .image-wrapper { transform: scale(1.2); }
}
.image-text-block .image-cropper { border-radius: var(--border-radius, 0px); overflow: hidden; margin: auto; width: 100%; max-width: 100%; max-height: 100%;
}
.image-text-block .image-wrapper { width: 100%; position: relative;
}
.image-text-block .image-wrapper .background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; display: block;
}
.image-text-block .image-wrapper .background-image-tablet,
.image-text-block .image-wrapper .background-image-desktop { display: none;
}
@media (min-width: 769px) { .image-text-block .image-wrapper .background-image-mobile,
.image-text-block .image-wrapper .background-image-desktop { display: none; } .image-text-block .image-wrapper .background-image-tablet { display: block; }
}
@media (min-width: 1024px) { .image-text-block .image-wrapper .background-image-mobile,
.image-text-block .image-wrapper .background-image-tablet { display: none; } .image-text-block .image-wrapper .background-image-desktop { display: block; }
}
.image-text-block .image-wrapper .video-container .video-aspect-ratio { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); padding-top: 56.25%; padding-left: 177.7777777778vh; width: 0; height: 0; min-height: 100%; min-width: 100%;
}
.image-text-block .image-wrapper .video-container .video-aspect-ratio .video-player { position: static; pointer-events: none;
}
.image-text-block .image-wrapper .video-container .video-aspect-ratio iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;
}
.image-text-block .image-wrapper .video-container .video-aspect-ratio iframe.video-player { position: absolute;
}
.image-text-block .image-text-block-text .primary-text > *,
.image-text-block .image-text-block-text .secondary-text > *,
.image-text-block .image-text-block-text .image-text-block-subtitle > * { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; margin-bottom: 0;
}
.image-text-block .image-text-block-text .image-text-block-subtitle: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: 12px;
}
.image-text-block .image-text-block-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: 16px;
}
.image-text-block .image-text-block-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: 12px;
}
.image-text-block .image-text-block-text .image-text-block-subtitle + .primary-text { margin-top: 5px;
}
.image-text-block .image-text-block-text .secondary-text + .image-text-block-button { margin-top: 16px;
}
.image-text-block .image-text-block-text .image-text-block-button { text-shadow: none;
}
.image-text-block.text-placement-below .image-text-block-text { margin-top: 16px;
}
.image-text-block.text-placement-inside::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: var(--border-radius, 0px);
}
.image-text-block.text-placement-inside .image-text-block-text { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); color: #FEFEFE; z-index: 1; text-shadow: 0 0 2px rgba(34, 34, 34, 0.6); width: calc(100% - 16px);
}
@media (min-width: 1024px) { .image-text-block.text-placement-inside .image-text-block-text { width: calc(100% - 32px); }
}
.image-text-block.aspect-ratio-square .image-wrapper::after { display: block; content: ""; clear: both;
}
.image-text-block.aspect-ratio-square .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 100%;
}
.image-text-block.aspect-ratio-landscape .image-wrapper::after { display: block; content: ""; clear: both;
}
.image-text-block.aspect-ratio-landscape .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 66.6666666667%;
}
.image-text-block.aspect-ratio-portrait .image-wrapper::after { display: block; content: ""; clear: both;
}
.image-text-block.aspect-ratio-portrait .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 150%;
}
.image-text-block .primary-text[class*=p--],
.image-text-block .secondary-text[class*=p--] { line-height: 1.75;
}
.image-text-block .image-text-block-button .btn-tertiary { padding-top: 0; padding-bottom: 0;
}
footer { background-color: var(--header-background-color, #FEFEFE); border-top: 1px solid #0A2541; padding-bottom: 32px; padding-top: 32px; margin-top: 48px;
}
footer ul { list-style: none; padding-left: 0; padding-top: 12px;
}
footer .title,
footer .email-description { position: relative; color: #FEFEFE; font-size: 16px; line-height: 22px; font-weight: bold; font-family: "Poppins", sans-serif; text-transform: uppercase;
}
footer .content { font-size: 13px;
}
footer .content li { height: 34px;
}
footer .content li a { text-decoration: none;
}
footer .store .btn { margin-bottom: 10px; margin-top: 20px;
}
footer .store .content { display: none;
}
@media (min-width: 769px) { footer .store { border: none; } footer .store .btn { margin-top: 5px; } footer .store .content { display: block; }
}
footer .store .social::after { display: block; content: ""; clear: both;
}
footer .back-to-top { margin: 5px; padding: 10px 0 0 0; background-color: transparent; border: 0; -webkit-appearance: none;
}
footer .back-to-top .fa-stack { width: 40px; height: 40px; line-height: 40px;
}
footer .back-to-top .fa-arrow-up { width: 100%; height: 100%;
}
footer .back-to-top .fa-arrow-up:before { content: "\E908"; font-family: "icomoon"; display: inline-block; font-size: 20px; color: #FEFEFE; font-weight: normal;
}
footer .back-to-top .fa-arrow-up[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
footer .back-to-top .fa-arrow-up[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(-26px);
}
footer .back-to-top .fa-arrow-up[class*=btn-]:not(.title).btn-sm, footer .back-to-top .btn-group-sm > .fa-arrow-up[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
footer .back-to-top .fa-arrow-up[class*=btn-]:not(.title).btn-sm:before, footer .back-to-top .btn-group-sm > .fa-arrow-up[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(-22px);
}
footer .back-to-top .fa-arrow-up[class*=btn-]:not(.title) [class*=icon-],
footer .back-to-top .fa-arrow-up[class*=btn-]:not(.title) [class^=icon-],
footer .back-to-top .fa-arrow-up[class*=btn-]:not(.title) .fa { display: none;
}
footer .back-to-top .fa-circle { background-color: var(--footer-link-color, var(--secondary-nav-color, #134981)); box-shadow: 0 2px 10px rgba(34, 34, 34, 0.2); width: 100%; height: 100%; border-radius: 50%;
}
footer .copyright,
footer .postscript { color: #545454; font-size: 11px; mix-blend-mode: normal;
}
footer .copyright a,
footer .postscript a { color: #545454; text-decoration: none;
}
footer hr { border-color: transparent; margin: 72px 0 10px 0;
}
footer a, footer .text-link { color: var(--footer-link-color, var(--secondary-nav-color, #134981));
}
footer a:hover, footer .text-link:hover { color: var(--footer-link-color-hover, var(--secondary-nav-color-hover, var(--primary-nav-color, #0A2541)));
}
.footer-item.collapsible-sm { padding-left: 0; padding-right: 0;
}
.footer-item.collapsible-sm ~ .collapsible-sm { margin-top: 0;
}
.footer-item.collapsible-sm .content { margin-bottom: 0;
}
.footer-item.collapsible-sm .title { border-bottom: 1px solid #D8D8D8; padding: 20px 40px 20px 0;
}
.footer-item.collapsible-sm .title::after { color: #FEFEFE; font-size: 16px; right: 0;
}
.footer-item.collapsible-sm button { text-align: left; display: block; width: 100%;
}
.footer-item.collapsible-sm button:focus { z-index: 1;
}
@media (min-width: 769px) { .footer-item.collapsible-sm .title { border-bottom: 0; padding: 0; } .footer-item.collapsible-sm button { cursor: text; }
}
@media (min-width: 769px) { .footer-item.collapsible-sm { border: none; padding-left: 16px; padding-right: 16px; } .footer-item.collapsible-sm .content { padding-left: 0; padding-right: 0; }
}
.email-signup-form { margin-top: 5px;
}
.email-signup-form .email-success,
.email-signup-form .email-description { font-weight: bold; font-size: 16px; line-height: 22px; letter-spacing: 0.01em;
}
.email-signup-form .email-input input { color: var(--footer-link-color, var(--secondary-nav-color, #134981));
}
.email-signup-form .btn:after { content: "\E908"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #134981; font-weight: normal;
}
.email-signup-form .btn[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.email-signup-form .btn[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #134981; font-weight: normal; position: absolute; transform: translateX(10px);
}
.email-signup-form .btn[class*=btn-]:not(.title).btn-sm, .email-signup-form .btn-group-sm > .btn[class*=btn-]:not(.title) { padding-right: calc(23px + 16px);
}
.email-signup-form .btn[class*=btn-]:not(.title).btn-sm:after, .email-signup-form .btn-group-sm > .btn[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #134981; font-weight: normal; position: absolute; transform: translateX(10px);
}
.email-signup-form .btn[class*=btn-]:not(.title) [class*=icon-],
.email-signup-form .btn[class*=btn-]:not(.title) [class^=icon-],
.email-signup-form .btn[class*=btn-]:not(.title) .fa { display: none;
}
.email-signup-form .btn::after { transform: rotate(90deg);
}
.email-signup-form .email-success,
.email-signup-form .email-error { display: none;
}
.email-signup-form.submit-success .email-success { display: block;
}
.email-signup-form.submit-success .email-description,
.email-signup-form.submit-success .email-input { display: none;
}
.email-signup-form.submit-error .email-error { display: block;
}
footer { border-top: none; padding-top: 0; padding-bottom: 32px; background-color: #0A2541; color: #FEFEFE;
}
footer .pre-footer-container { padding-top: 48px; padding-bottom: 48px; background-color: #FEFEFE; color: #0A2541;
}
footer .pre-footer-container .pre-footer-item { text-align: center;
}
footer .pre-footer-container .pre-footer-item .p--small { line-height: 1.43;
}
footer .pre-footer-container .pre-footer-item-header { margin-top: 16px;
}
@media (max-width: 1023.98px) { footer .pre-footer-container { padding-top: 40px; padding-bottom: 40px; } footer .pre-footer-container .pre-footer-item:not(:last-child) { padding-bottom: 32px; }
}
footer .footer-container { padding-top: 40px;
}
@media (min-width: 1024px) { footer .footer-container { padding-top: 48px; }
}
footer a,
footer .text-link { color: #FEFEFE;
}
footer .email-signup-form { margin-top: 0;
}
footer .email-signup-form input { font-size: 14px;
}
footer .email-signup-form .btn:after { content: "\E907"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal;
}
footer .email-signup-form .btn[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
footer .email-signup-form .btn[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
footer .email-signup-form .btn[class*=btn-]:not(.title).btn-sm, footer .email-signup-form .btn-group-sm > .btn[class*=btn-]:not(.title) { padding-right: calc(23px + 16px);
}
footer .email-signup-form .btn[class*=btn-]:not(.title).btn-sm:after, footer .email-signup-form .btn-group-sm > .btn[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
footer .email-signup-form .btn[class*=btn-]:not(.title) [class*=icon-],
footer .email-signup-form .btn[class*=btn-]:not(.title) [class^=icon-],
footer .email-signup-form .btn[class*=btn-]:not(.title) .fa { display: none;
}
footer .email-signup-form .btn::after { transform: none;
}
footer input[type=text]::-moz-placeholder { color: #FEFEFE;
}
footer input[type=text]:-ms-input-placeholder { color: #FEFEFE;
}
footer input[type=text]::placeholder { color: #FEFEFE;
}
footer .form-control:focus { color: #FEFEFE;
}
footer .inline-btn,
footer .inline-btn:hover { border-color: #FEFEFE;
}
footer .inline-btn .btn,
footer .inline-btn:hover .btn { padding-left: 0;
}
footer .inline-btn input,
footer .inline-btn:hover input { border: none; padding-right: 0; color: #FEFEFE; color-scheme: dark;
}
footer #collapsible-help,
footer #collapsible-about { background-color: #0A2541;
}
footer #collapsible-help a:hover,
footer #collapsible-about a:hover { color: #FEFEFE; text-decoration: underline;
}
footer #collapsible-contact-us { background-color: #0A2541; color: #FEFEFE; padding-top: 12px;
}
footer #collapsible-contact-us a,
footer #collapsible-contact-us .text-link { text-decoration: none;
}
footer #collapsible-contact-us a:hover,
footer #collapsible-contact-us .text-link:hover { color: #FEFEFE; text-decoration: underline;
}
footer #collapsible-press { background-color: #0A2541; padding-top: 12px;
}
footer .footer-item img { max-width: 100%;
}
footer .footer-item.collapsible-md { padding-left: 0; padding-right: 0;
}
footer .footer-item.collapsible-md ~ .collapsible-sm { margin-top: 0;
}
footer .footer-item.collapsible-md .content { margin-bottom: 0;
}
footer .footer-item.collapsible-md .title { border-bottom: 1px solid #D8D8D8; padding: 20px 40px 20px 0; background-color: #0A2541; color: #FEFEFE;
}
footer .footer-item.collapsible-md .title::after { color: #FEFEFE; font-size: 16px; right: 0; top: 50%; transform: translateY(-50%);
}
@media (max-width: 1023.98px) { footer .footer-item.collapsible-md .title h4 { margin-bottom: 0; }
}
footer .footer-item.collapsible-md.active .title::after { color: #FEFEFE;
}
footer .footer-item.collapsible-md button { text-align: left; display: block; width: 100%;
}
footer .footer-item.collapsible-md button:focus { z-index: 1;
}
@media (min-width: 1024px) { footer .footer-item.collapsible-md { border: none; padding-left: 16px; padding-right: 16px; } footer .footer-item.collapsible-md .content { padding-left: 0; padding-right: 0; } footer .footer-item.collapsible-md .title { border-bottom: 0; padding: 0; } footer .footer-item.collapsible-md button:not(.text-link) { cursor: text; }
}
footer .signup-form-desc { margin-top: 16px;
}
footer .sms-signup .btn { display: flex; align-items: center; white-space: nowrap; padding-top: 0; padding-bottom: 0;
}
footer .sms-signup .btn::before { content: ""; background: url("../images/sms-icon.svg") no-repeat; background-size: contain; display: block; width: 19px; height: 16px; margin-right: 8px;
}
footer .sms-signup .btn:focus:active::after { height: auto;
}
footer .refer-a-friend { margin-top: 32px;
}
@media (min-width: 769px) { footer .refer-a-friend { margin-top: 48px; }
}
footer .refer-a-friend .c-footer-signup_promo a { text-decoration: none; display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 17px 0 17px 0; color: #FEFEFE; padding-top: 3px;
}
footer .refer-a-friend .c-footer-signup_promo a::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
footer .refer-a-friend .c-footer-signup_promo a:hover, footer .refer-a-friend .c-footer-signup_promo a[aria-describedby*=popover] { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
footer .refer-a-friend .c-footer-signup_promo a:hover::after, footer .refer-a-friend .c-footer-signup_promo a[aria-describedby*=popover]::after { left: calc(100% + 0.25em);
}
footer .refer-a-friend .c-footer-signup_promo a:active { color: #545454;
}
footer .refer-a-friend .c-footer-signup_promo a:focus { outline: none;
}
footer .refer-a-friend .c-footer-signup_promo a:focus:active { box-shadow: 0 0 0 1px #388BFF;
}
footer .refer-a-friend .c-footer-signup_promo a:focus:active::after { height: 0;
}
.dark-theme footer .refer-a-friend .c-footer-signup_promo a { color: #FEFEFE;
}
.dark-theme footer .refer-a-friend .c-footer-signup_promo a::after { color: #FEFEFE;
}
.dark-theme footer .refer-a-friend .c-footer-signup_promo a:hover { color: #FEFEFE;
}
footer .refer-a-friend .c-footer-signup_promo a[disabled]::after, footer .refer-a-friend .c-footer-signup_promo a.disabled::after { display: none;
}
footer .refer-a-friend .c-footer-signup_promo a[disabled], footer .refer-a-friend .c-footer-signup_promo a.disabled { opacity: 1; color: #545454;
}
footer .refer-a-friend .c-footer-signup_promo a[class*=icon-], footer .refer-a-friend .c-footer-signup_promo a[class^=icon-] { padding-left: calc(47px + 16px);
}
footer .refer-a-friend .c-footer-signup_promo a[class*=icon-]:before, footer .refer-a-friend .c-footer-signup_promo a[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
footer .refer-a-friend .c-footer-signup_promo a:hover { color: #FEFEFE;
}
footer .social-links li:first-child { margin-left: 0;
}
footer .social-links a { font-size: 24px;
}
footer .social-links a:hover { color: #FEFEFE;
}
footer .screen-read-seal { margin-top: 32px;
}
@media (min-width: 1024px) { footer .screen-read-seal { margin-top: 56px; margin-bottom: 32px; }
}
footer .screen-read-seal img { float: right; margin-top: -9px;
}
footer .screen-read-seal p { font-size: 9px; margin-bottom: 12px;
}
@media (max-width: 1023.98px) { footer .screen-read-seal .copyright { margin-top: 32px; }
}
footer #footer-screen-read { font-size: 9px;
}
footer #footer-screen-read a { text-decoration: none;
}
footer #footer-screen-read a:hover { color: #FEFEFE; text-decoration: underline;
}
footer .california-privacy p { font-size: 9px;
}
footer .california-privacy a { text-decoration: none;
}
footer .california-privacy a:hover { color: #FEFEFE; text-decoration: underline;
}
footer [data-asset-id=footerBottomLeft] { font-size: 9px;
}
@media (max-width: 1023.98px) { footer [data-asset-id=footerBottomLeft] { margin-top: 32px; }
}
footer [data-asset-id=footerBottomLeft] a { text-decoration: none;
}
footer [data-asset-id=footerBottomLeft] a:hover { color: #FEFEFE; text-decoration: underline;
}
@media (max-width: 1023.98px) { footer .copyright-notice { margin-top: 20px; }
}
footer .copyright { font-size: 9px; color: #FEFEFE;
}
@media (max-width: 768.98px) { footer#checkoutfootercontent { padding-bottom: 128px; }
}
@media (max-width: 1023.98px) { footer#checkoutfootercontent .footer-payment-types { margin-top: 24px; }
}
footer#checkoutfootercontent .payment-types { margin-top: 22px;
}
@media (min-width: 1024px) { footer#checkoutfootercontent .payment-types { margin-top: 34px; }
}
footer#checkoutfootercontent .screen-read-seal { margin-top: 42px;
}
@media (min-width: 1024px) { footer#checkoutfootercontent .screen-read-seal { margin-top: 40px; }
}
.row .form-group { margin-top: calc(24px - 6px);
}
.form-group { margin: 0;
}
.form-group ~ .form-group, .form-group ~ .btn-block { margin-top: 24px;
}
.form-group.required .form-control-label::before { content: "* "; color: #A1001D;
}
.form-group label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em; color: #0A2541;
}
.form-group .form-text,
.form-group .invalid-feedback { font-size: 12px; line-height: 1; letter-spacing: 0.02em; margin-top: 6px; display: block;
}
.form-group .form-text { color: #545454;
}
.form-group .invalid-feedback { color: #A1001D;
}
.form-group .form-control:not(.is-invalid) ~ .invalid-feedback { display: none;
}
.form-group .was-validated .form-control:invalid { display: block;
}
.form-control, select.form-control { outline: none; border: 1px solid #D8D8D8; box-shadow: none; color: #0A2541; background-color: #FEFEFE; border-radius: 4px; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 0.02em; transition: border-color 200ms ease-out, box-shadow 200ms ease-out; padding: 13px 16px 13px 16px; height: calc(20px + 13px + 13px + (1px*2)); background-clip: border-box;
}
@media (min-width: 769px) { .form-control, select.form-control { font-size: 14px; }
}
.form-control:hover, select.form-control:hover { border-color: #0A2541; box-shadow: 0 2px 4px rgba(34, 34, 34, 0.08);
}
.form-control:focus, .form-control.focus .form-control:focus:hover, select.form-control:focus, .form-control.focus select.form-control:focus:hover, select.form-control.focus .form-control:focus:hover, select.form-control.focus select.form-control:focus:hover { outline: none; border-color: #388BFF; box-shadow: none;
}
.form-control:disabled, .form-control.disabled, select.form-control:disabled, select.form-control.disabled { opacity: 0.5; pointer-events: none; background-color: #FEFEFE;
}
.form-control.form-control-sm, select.form-control.form-control-sm { font-size: 13px; line-height: 16px; padding: 8px 12px 6px 12px; height: calc(16px + 8px + 6px + (1px*2));
}
.form-control.is-invalid, select.form-control.is-invalid { background-image: none; border-color: #A1001D; padding-right: 16px;
}
.form-control.is-invalid:focus, select.form-control.is-invalid:focus { border-color: #A1001D; box-shadow: none;
}
.form-control::-moz-placeholder, select.form-control::-moz-placeholder { color: #545454;
}
.form-control:-ms-input-placeholder, select.form-control:-ms-input-placeholder { color: #545454;
}
.form-control::placeholder, select.form-control::placeholder { color: #545454;
}
.custom-control { min-height: 0;
}
.custom-radio,
.custom-checkbox { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: calc(16px + 8px);
}
.custom-radio .custom-control-label,
.custom-checkbox .custom-control-label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; text-transform: none; letter-spacing: 0.02em; vertical-align: middle; transition: box-shadow 200ms ease-out;
}
.custom-radio .custom-control-label:hover:before,
.custom-checkbox .custom-control-label:hover:before { box-shadow: 0 0 0 1px #0A2541;
}
.custom-radio .custom-control-label:before, .custom-radio .custom-control-label:after,
.custom-checkbox .custom-control-label:before,
.custom-checkbox .custom-control-label:after { top: 0; left: calc(-16px - 8px);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label:before { background-color: #0A2541; border-color: #0A2541;
}
.custom-radio .custom-control-input:disabled ~ .custom-control-label,
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label { color: inherit; opacity: 0.5;
}
.custom-radio .custom-control-input:disabled ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before { box-shadow: none;
}
.custom-radio .custom-control-input.is-invalid ~ .custom-control-label:before,
.custom-checkbox .custom-control-input.is-invalid ~ .custom-control-label:before { background-color: #ffbbc7; border-color: #A1001D;
}
.custom-radio .custom-control-input:focus ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before { box-shadow: none; border-color: #0A2541;
}
.custom-checkbox .custom-control-label:before { content: ""; width: 16px; height: 16px; border: 1px solid #0A2541; background-color: #FEFEFE; border-radius: 2px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before { content: ""; width: 16px; height: 16px; background-color: #0A2541; border: 1px solid #0A2541; border-radius: 2px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { content: "\E90C"; width: 16px; height: 16px; line-height: calc(16px + 1px); background: none; font-family: "icomoon"; font-size: 16px; text-align: center; color: #FEFEFE;
}
.custom-checkbox + .custom-checkbox { margin-top: 3px;
}
.custom-radio .custom-control-label:before { content: ""; width: 16px; height: 16px; border: 1px solid #0A2541; border-radius: 50%; background-color: #FEFEFE;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:before { width: 16px; height: 16px; border-radius: 50%; background-color: #FEFEFE; border: 1px solid #0A2541;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:after { content: ""; background: none; width: 10px; height: 10px; top: calc(6px/ 2); left: calc(-24px + 6px/ 2); background-color: #0A2541; border-radius: 50%;
}
.custom-radio + .custom-radio { margin-top: 3px;
}
.custom-select, select.form-control,
select { background-image: url(../images/icons/icon-arrow-down.svg); background-size: 9px; padding-right: 30px;
}
.custom-select.form-control-sm,
select.form-control-sm { background-size: 10px; padding-right: 27px;
}
.custom-select.is-invalid,
select.is-invalid { background-image: url(../images/icons/icon-arrow-down.svg); background-size: 9px; padding-right: 30px;
}
.custom-select.is-invalid.form-control-sm,
select.is-invalid.form-control-sm { background-size: 10px; padding-right: 27px;
}
select { overflow: hidden; max-width: 100vw;
}
.quantity-stepper { display: flex; padding: 0;
}
.quantity-stepper input,
.quantity-stepper button { border: none; padding: 0;
}
.quantity-stepper input { width: calc(100% - 20px - 16px - 16px - 6px); text-align: center; height: 100%; padding-bottom: 13px; padding-top: 13px;
}
.quantity-stepper input:focus { outline: none;
}
.quantity-stepper button { font-size: 10px; padding-top: 13px; padding-bottom: 13px;
}
.quantity-stepper button:before { font-weight: bold;
}
.quantity-stepper button.icon-minus { padding-left: 16px; padding-right: 3px;
}
.quantity-stepper button.icon-plus { padding-right: 16px; padding-left: 3px;
}
.quantity-stepper.form-control-sm { padding: 0;
}
.quantity-stepper.form-control-sm input { width: calc(100% - 16px - 12px - 12px - 6px); padding-top: 8px; padding-bottom: 6px;
}
.quantity-stepper.form-control-sm button { font-size: 8px; padding-top: 8px; padding-bottom: 6px;
}
.quantity-stepper.form-control-sm button.icon-minus { padding-left: 12px; padding-right: 2px;
}
.quantity-stepper.form-control-sm button.icon-plus { padding-right: 12px; padding-left: 2px;
}
.inline-btn { background-color: transparent; border-color: #0A2541; border-radius: 0; border-style: solid; border-width: 0 0 1px 0;
}
.inline-btn:hover, .inline-btn:focus { border-color: #222222; box-shadow: none;
}
.inline-btn input { background-color: transparent; border-color: transparent; border-radius: 0; color: #0A2541; padding-left: 0;
}
.inline-btn input:hover { border: none; box-shadow: none;
}
.inline-btn input:focus { background-color: transparent; outline: none;
}
.inline-btn input::-moz-placeholder { color: #545454;
}
.inline-btn input:-ms-input-placeholder { color: #545454;
}
.inline-btn input::placeholder { color: #545454;
}
.inline-btn .btn { border: none; padding: 0 5px 0 10px;
}
.show-password { float: right;
}
.show-password input { margin-right: calc(16px / 2);
}
.validator-container { width: 100%; padding: 16px 16px 0 16px;
}
.validator-container .password-validation-helper { margin: 0 auto; padding: 0;
}
.validator-container .password-validation-helper li { font-family: inherit; list-style-type: none; padding: calc(16px/3) calc(16px/2); display: flex; flex-flow: wrap; align-items: center; color: #222222;
}
.validator-container .password-validation-helper li:before { content: "\E907"; font-family: "icomoon"; display: inline-block; font-size: 13px; color: #767676; font-weight: normal;
}
.validator-container .password-validation-helper li[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.validator-container .password-validation-helper li[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #767676; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.validator-container .password-validation-helper li[class*=btn-]:not(.title).btn-sm, .validator-container .password-validation-helper .btn-group-sm > li[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.validator-container .password-validation-helper li[class*=btn-]:not(.title).btn-sm:before, .validator-container .password-validation-helper .btn-group-sm > li[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #767676; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.validator-container .password-validation-helper li[class*=btn-]:not(.title) [class*=icon-],
.validator-container .password-validation-helper li[class*=btn-]:not(.title) [class^=icon-],
.validator-container .password-validation-helper li[class*=btn-]:not(.title) .fa { display: none;
}
.validator-container .password-validation-helper li:before { width: 32px;
}
.validator-container .password-validation-helper li.valid { color: #D8D8D8;
}
.validator-container .password-validation-helper li.valid:before { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: 13px; color: #155724; font-weight: normal;
}
.validator-container .password-validation-helper li.valid[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.validator-container .password-validation-helper li.valid[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #155724; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.validator-container .password-validation-helper li.valid[class*=btn-]:not(.title).btn-sm, .validator-container .password-validation-helper .btn-group-sm > li.valid[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.validator-container .password-validation-helper li.valid[class*=btn-]:not(.title).btn-sm:before, .validator-container .password-validation-helper .btn-group-sm > li.valid[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #155724; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.validator-container .password-validation-helper li.valid[class*=btn-]:not(.title) [class*=icon-],
.validator-container .password-validation-helper li.valid[class*=btn-]:not(.title) [class^=icon-],
.validator-container .password-validation-helper li.valid[class*=btn-]:not(.title) .fa { display: none;
}
.validator-container .password-validation-helper li.error:before { content: "\E902"; font-family: "icomoon"; display: inline-block; font-size: 13px; color: #A1001D; font-weight: normal;
}
.validator-container .password-validation-helper li.error[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.validator-container .password-validation-helper li.error[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #A1001D; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.validator-container .password-validation-helper li.error[class*=btn-]:not(.title).btn-sm, .validator-container .password-validation-helper .btn-group-sm > li.error[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.validator-container .password-validation-helper li.error[class*=btn-]:not(.title).btn-sm:before, .validator-container .password-validation-helper .btn-group-sm > li.error[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #A1001D; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.validator-container .password-validation-helper li.error[class*=btn-]:not(.title) [class*=icon-],
.validator-container .password-validation-helper li.error[class*=btn-]:not(.title) [class^=icon-],
.validator-container .password-validation-helper li.error[class*=btn-]:not(.title) .fa { display: none;
}
.order-confirm-create-account .validator-container { padding-left: 0; padding-right: 0;
}
.order-confirm-create-account .validator-container .password-validation-helper li { padding-left: 0; padding-right: 0;
}
.form-group label { line-height: inherit;
}
.form-control:disabled, .form-control.disabled, select.form-control:disabled, select.form-control.disabled { opacity: 1; color: #545454; background-color: #F9F7F6;
}
.form-control:disabled::-moz-placeholder, .form-control.disabled::-moz-placeholder, select.form-control:disabled::-moz-placeholder, select.form-control.disabled::-moz-placeholder { color: #545454;
}
.form-control:disabled:-ms-input-placeholder, .form-control.disabled:-ms-input-placeholder, select.form-control:disabled:-ms-input-placeholder, select.form-control.disabled:-ms-input-placeholder { color: #545454;
}
.form-control:disabled::placeholder, .form-control.disabled::placeholder, select.form-control:disabled::placeholder, select.form-control.disabled::placeholder { color: #545454;
}
select.form-control.is-invalid { background-image: url(../images/icons/icon-arrow-down.svg); padding-right: 30px !important; background-position: right 0.75rem center;
}
.custom-select.form-control-sm,
select.form-control-sm, .custom-select.form-control.form-control-sm { background-size: 10px; padding-right: 27px; background-position: right 0.5rem center;
}
.custom-select.is-invalid.form-control.form-control-sm, select.is-invalid.form-control.form-control-sm { background-size: 10px; padding-right: 27px; background-position: right 0.5rem center;
}
.custom-radio .custom-control-input:disabled ~ .custom-control-label, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label,
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label,
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label { opacity: 1;
}
.custom-radio .custom-control-input:disabled ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #F9F7F6; border-color: #DBDBDB;
}
.custom-radio .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #ffbbc7; border-color: #A1001D;
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after { background-color: #545454;
}
.custom-radio .custom-control-input.is-invalid:checked ~ .custom-control-label::after { background-color: #A1001D;
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after { color: #545454;
}
.custom-checkbox .custom-control-input.is-invalid:checked ~ .custom-control-label::after { color: #A1001D;
}
.character-count { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em; line-height: inherit; float: right;
}
.password-validate + .invalid-feedback { margin: 0;
}
.validator-container { padding: 16px 0 0 0; margin-bottom: -8px;
}
.validator-container p,
.validator-container ul { font-size: 12px;
}
.validator-container p { margin-bottom: 6px;
}
.validator-container .password-validation-helper li { padding: 0; flex-flow: unset; color: #545454;
}
.validator-container .password-validation-helper li + li { padding-top: 4px;
}
.validator-container .password-validation-helper li::before { width: 16px; font-size: 11px; line-height: 1em; color: inherit;
}
.validator-container .password-validation-helper li:not(.error):not(.valid)::before { content: "\B7"; font-size: 27px; margin-top: -10px; margin-bottom: -5px; text-indent: 3px;
}
.validator-container .password-validation-helper li.valid { color: #545454;
}
[class*=experience-commerce_layouts] + [class*=experience-commerce_layouts] > div:first-child { margin-top: 32px;
}
@media (max-width: 768.98px) { [class*=experience-commerce_layouts] .region[class*=col-md] + .region[class*=col-12]:not(.order-1), [class*=experience-commerce_layouts] .region[class*=col-md].order-2[class*=col-12] { margin-top: 32px; } [class*=experience-commerce_layouts] .region[class*=col-md] + .region[class*=col-6]:not(:nth-child(1)):not(:nth-child(2)) { margin-top: 32px; } [class*=experience-commerce_layouts] .region[class*=col-md] + .region[class*=col-4]:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) { margin-top: 32px; }
}
[class*=experience-commerce_layouts] .container-fluid, [class*=experience-commerce_layouts] .container-md, [class*=experience-commerce_layouts] .container-lg, [class*=experience-commerce_layouts] .container-xl { overflow-x: hidden;
}
[class*=experience-commerce_layouts] .region[class*=col-md-6] .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]),
[class*=experience-commerce_layouts] .region[class*=col-md-6] [class*=experience-commerce_assets] > div, [class*=experience-commerce_layouts] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]),
[class*=experience-commerce_layouts] .region.align-self-stretch [class*=experience-commerce_assets] > div { height: auto;
}
[class*=experience-commerce_layouts] .region[class*=col-md-6] .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]):only-child,
[class*=experience-commerce_layouts] .region[class*=col-md-6] [class*=experience-commerce_assets] > div:only-child, [class*=experience-commerce_layouts] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]):only-child,
[class*=experience-commerce_layouts] .region.align-self-stretch [class*=experience-commerce_assets] > div:only-child { height: 100%;
}
[class*=experience-commerce_layouts] .region[class*=col-md-6] .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]) + .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]),
[class*=experience-commerce_layouts] .region[class*=col-md-6] .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]) [class*=experience-commerce_assets] > div,
[class*=experience-commerce_layouts] .region[class*=col-md-6] [class*=experience-commerce_assets] > div + .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]),
[class*=experience-commerce_layouts] .region[class*=col-md-6] [class*=experience-commerce_assets] > div [class*=experience-commerce_assets] > div, [class*=experience-commerce_layouts] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]) + .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]),
[class*=experience-commerce_layouts] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]) [class*=experience-commerce_assets] > div,
[class*=experience-commerce_layouts] .region.align-self-stretch [class*=experience-commerce_assets] > div + .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]),
[class*=experience-commerce_layouts] .region.align-self-stretch [class*=experience-commerce_assets] > div [class*=experience-commerce_assets] > div { height: auto;
}
[class*=experience-commerce_layouts] .region[class*=col-md-6] .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]) + .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]):only-child,
[class*=experience-commerce_layouts] .region[class*=col-md-6] .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]) [class*=experience-commerce_assets] > div:only-child,
[class*=experience-commerce_layouts] .region[class*=col-md-6] [class*=experience-commerce_assets] > div + .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]):only-child,
[class*=experience-commerce_layouts] .region[class*=col-md-6] [class*=experience-commerce_assets] > div [class*=experience-commerce_assets] > div:only-child, [class*=experience-commerce_layouts] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]) + .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]):only-child,
[class*=experience-commerce_layouts] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]) [class*=experience-commerce_assets] > div:only-child,
[class*=experience-commerce_layouts] .region.align-self-stretch [class*=experience-commerce_assets] > div + .experience-component:not(.experience-commerce_assets-html):not([class*=experience-commerce_layouts]):only-child,
[class*=experience-commerce_layouts] .region.align-self-stretch [class*=experience-commerce_assets] > div [class*=experience-commerce_assets] > div:only-child { height: 100%;
}
[class*=experience-commerce_layouts] .no-gutters .row { padding-right: 16px; padding-left: 16px;
}
@media (min-width: 1440px) { [class*=experience-commerce_layouts] .no-gutters .row { padding-right: 24px; padding-left: 24px; }
}
[class*=experience-commerce_layouts] .no-gutters .row > [class*=" col-"] { padding-right: 0; padding-left: 0;
}
[class*=experience-commerce_layouts] .has-background-image { position: relative;
}
[class*=experience-commerce_layouts] .has-background-image > .container { position: relative;
}
[class*=experience-commerce_layouts] .has-background-image > .container .column-background { width: calc(100% - 32px);
}
@media (min-width: 1440px) { [class*=experience-commerce_layouts] .has-background-image > .container .column-background { width: calc(100% - 48px); }
}
[class*=experience-commerce_layouts] .has-background-image .column-background { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); height: 100%; width: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center;
}
.full-bleed [class*=experience-commerce_layouts] .has-background-image .column-background { width: calc(100vw + 2px);
}
[class*=experience-commerce_layouts] .has-background-image .column-background.column-background-tablet, [class*=experience-commerce_layouts] .has-background-image .column-background.column-background-desktop { display: none;
}
@media (min-width: 769px) { [class*=experience-commerce_layouts] .has-background-image .column-background.column-background-mobile, [class*=experience-commerce_layouts] .has-background-image .column-background.column-background-desktop { display: none; } [class*=experience-commerce_layouts] .has-background-image .column-background.column-background-tablet { display: block; }
}
@media (min-width: 1024px) { [class*=experience-commerce_layouts] .has-background-image .column-background.column-background-mobile, [class*=experience-commerce_layouts] .has-background-image .column-background.column-background-tablet { display: none; } [class*=experience-commerce_layouts] .has-background-image .column-background.column-background-desktop { display: block; }
}
.region-square,
.region-landscape,
.region-portrait { position: relative;
}
.region-square .experience-component,
.region-landscape .experience-component,
.region-portrait .experience-component { position: absolute; top: 0; overflow: hidden; padding-left: 0; padding-right: 0; max-width: calc(100% - 32px);
}
@media (min-width: 1440px) { .region-square .experience-component,
.region-landscape .experience-component,
.region-portrait .experience-component { max-width: calc(100% - 48px); }
}
.region-square::after { display: block; content: ""; clear: both;
}
.region-square::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 100%;
}
.region-landscape::after { display: block; content: ""; clear: both;
}
.region-landscape::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 66.6666666667%;
}
.region-portrait::after { display: block; content: ""; clear: both;
}
.region-portrait::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 150%;
}
div.sf-interactions-proxyHoverContainer a { overflow: visible;
}
.hover-switch--hover { display: none;
}
.hover-switch:hover .hover-switch--load { display: none;
}
.hover-switch:hover .hover-switch--hover { display: block;
}
.product-grid .experience-region,
.product-grid .experience-component,
.product-grid .chromeless { height: 100%;
}
.product-grid .hero { min-height: calc(100% - 45px); margin-bottom: 45px;
}
.folder-nav-layout { padding: 0;
}
@media (max-width: 768.98px) { .folder-nav-layout .folder-nav-menu { padding: 16px; } .folder-nav-layout .folder-based-navigation .card .card-body a.active { color: #0A2541; font-weight: bold; } .folder-nav-layout .folder-based-navigation .card .card-body a + .card { margin-top: 16px; }
}
@media (min-width: 769px) { .folder-nav-layout .folder-nav-menu { width: 250px; max-width: 250px; background: transparent; } .folder-nav-layout .folder-nav-content { width: calc(100% - 250px); max-width: calc(100% - 250px); } .folder-nav-layout .folder-based-navigation { position: sticky; top: calc(70px + 16px); padding-top: 16px; padding-left: 16px; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - (70px + 1.4 + 0 + 0)); } .multi-brand .folder-nav-layout .folder-based-navigation { max-height: calc(100vh - (70px + 1.4 + 0 + 0 + 40px)); } .folder-nav-layout .folder-based-navigation .card { margin-bottom: 0; border: none; } .folder-nav-layout .folder-based-navigation .card .card-header { background: transparent; } .folder-nav-layout .folder-based-navigation .card .card-title { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; padding: 0; margin-bottom: 3px; cursor: text; }
}
@media (min-width: 769px) and (min-width: 769px) { .folder-nav-layout .folder-based-navigation .card .card-title { font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 769px) and (min-width: 1024px) { .folder-nav-layout .folder-based-navigation .card .card-title { font-size: 19px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 769px) { .folder-nav-layout .folder-based-navigation .card .card-body { padding: 0; margin-bottom: 16px; background: transparent; } .folder-nav-layout .folder-based-navigation .card .card-body a { padding: 2px 0 2px 5px; } .folder-nav-layout .folder-based-navigation .card .card-body a.active { color: #0A2541; font-weight: bold; } .folder-nav-layout .folder-based-navigation .card .card-body a + .card { margin-top: 16px; } .folder-nav-layout .folder-based-navigation .card .card-body .card { padding-left: 16px; border-left: 1px solid #0A2541; }
}
@media (min-width: 1024px) { .folder-nav-layout .folder-based-navigation { top: calc(72px + 16px); max-height: calc(100vh - (72px + 1.4 + 0 + 0)); } .multi-brand .folder-nav-layout .folder-based-navigation { max-height: calc(100vh - (72px + 1.4 + 0 + 0 + 40px)); }
}
@media (min-width: 769px) { [class*=experience-commerce_layouts] + [class*=experience-commerce_layouts] > div:first-child { margin-top: 48px; }
}
#maincontent { max-width: 1920px; margin: 0 auto;
}
#belowFoldRegion { min-height: calc(30px + calc(16px * 2)); position: relative;
}
ul.styled-list,
ol.styled-list,
.styled-list ul,
.styled-list ol { margin-left: 2px; padding-left: 16px;
}
ul.styled-list li,
ol.styled-list li,
.styled-list ul li,
.styled-list ol li { margin-bottom: calc(14px / 2); padding-left: 4px;
}
ul.styled-list li::marker,
ol.styled-list li::marker,
.styled-list ul li::marker,
.styled-list ol li::marker { color: inherit;
}
ol.styled-list,
.styled-list ol { counter-reset: ol-items;
}
ol.styled-list li,
.styled-list ol li { display: list-item; counter-increment: ol-items;
}
ol.styled-list li::marker,
.styled-list ol li::marker { display: list-item; content: counter(ol-items) " "; font-family: "Poppins", sans-serif; font-size: inherit; font-style: normal; font-weight: inherit;
}
.modal { z-index: 1050;
}
.modal .modal-content { background-color: transparent; border: none; border-radius: var(--border-radius, 0px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
}
.modal .modal-header { padding: 16px; background-color: #FEFEFE; color: #0A2541; border-bottom-color: transparent; border-top-left-radius: calc(var(--border-radius, 0px) - 1px); border-top-right-radius: calc(var(--border-radius, 0px) - 1px);
}
.modal .modal-header .modal-title { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .modal .modal-header .modal-title { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .modal .modal-header .modal-title { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.modal .modal-header .close { line-height: 75%; margin: 0; padding: 0; text-shadow: none; opacity: 1;
}
.modal .modal-header .close:before { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.modal .modal-header .close[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.modal .modal-header .close[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.modal .modal-header .close[class*=btn-]:not(.title).btn-sm, .modal .modal-header .btn-group-sm > .close[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.modal .modal-header .close[class*=btn-]:not(.title).btn-sm:before, .modal .modal-header .btn-group-sm > .close[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.modal .modal-header .close[class*=btn-]:not(.title) [class*=icon-],
.modal .modal-header .close[class*=btn-]:not(.title) [class^=icon-],
.modal .modal-header .close[class*=btn-]:not(.title) .fa { display: none;
}
.modal .modal-header .close [aria-hidden=true] { display: none;
}
.modal .modal-header a { color: #0A2541;
}
.modal .modal-body { flex: 0 0 auto; padding: 0 16px 16px; color: #0A2541; background-color: #FEFEFE;
}
.modal .modal-footer { padding: 0 16px 16px; color: #0A2541; background-color: #FEFEFE; border-top-color: transparent; border-bottom-left-radius: calc(var(--border-radius, 0px) - 1px); border-bottom-right-radius: calc(var(--border-radius, 0px) - 1px);
}
.modal .modal-footer .button-wrapper .btn + .btn { margin-left: 16px;
}
.modal .modal-footer > .btn + .btn { margin-left: 16px;
}
.modal.show ~ .modal.show { z-index: 1052;
}
.modal-backdrop { background-color: rgba(10, 37, 65, 0.45);
}
.modal-backdrop.show { opacity: 1; z-index: 1000;
}
.modal-backdrop.show ~ .modal-backdrop.show { z-index: 1051;
}
.modal-backdrop.show + .modal.show { z-index: 1052;
}
.modal-dialog { max-width: none; margin: 8px; max-width: 500px;
}
@media (min-width: 544px) { .modal-dialog { margin: 32px auto; }
}
.modal-sm { max-width: none; margin: 8px; max-width: 500px;
}
@media (min-width: 544px) { .modal-sm { margin: 32px auto; }
}
@media (min-width: 544px) { .modal-sm { max-width: 300px; }
}
.modal-lg { max-width: none; margin: 8px;
}
@media (min-width: 1024px) { .modal-lg { max-width: 900px; margin: 32px auto; }
}
.modal-xl { max-width: none; margin: 8px;
}
@media (min-width: 1024px) { .modal-xl { max-width: 900px; margin: 32px auto; }
}
@media (min-width: 769px) { .modal-xl { max-width: none; margin-left: 16px; margin-right: 16px; }
}
@media (min-width: 1024px) { .modal-xl { max-width: none; margin-left: 48px; margin-right: 48px; }
}
@media (min-width: calc(1776px + 48px + 48px)) { .modal-xl { max-width: 1776px; margin-left: auto; margin-right: auto; }
}
.modal-scrollbody { overflow: hidden;
}
.modal-scrollbody .modal-body { overflow-x: hidden; overflow-y: auto;
}
.modal .modal-dialog { display: flex; align-items: center; min-height: calc(100% - (8px * 2));
}
@media (min-width: 544px) { .modal .modal-dialog { min-height: calc(100% - (16px * 4)); }
}
.modal.fade:not(.promo-banner-modal):not(.monogram-experience) .modal-dialog { transform: none;
}
.modal .modal-header { padding: 16px;
}
@media (min-width: 769px) { .modal .modal-header { padding: 24px; }
}
.modal .modal-body { padding: 0 16px 16px;
}
@media (min-width: 769px) { .modal .modal-body { padding: 0 24px 24px; }
}
.modal .modal-footer { justify-content: flex-start; padding: 0 16px 16px;
}
@media (max-width: 768.98px) { .modal .modal-footer { flex-direction: column; align-items: stretch; }
}
@media (min-width: 769px) { .modal .modal-footer { padding: 0 24px 24px; }
}
.modal.promo-banner-modal .modal-dialog, .modal.monogram-experience .modal-dialog { max-width: 628px;
}
@media (min-width: 544px) { .modal.promo-banner-modal .modal-dialog, .modal.monogram-experience .modal-dialog { margin: 0; position: absolute; right: 0; width: 100%; max-width: 90%; } .modal.promo-banner-modal .modal-dialog .modal-content, .modal.monogram-experience .modal-dialog .modal-content { height: 100vh; background: #FEFEFE; }
}
@media (min-width: 769px) { .modal.promo-banner-modal .modal-dialog, .modal.monogram-experience .modal-dialog { max-width: 628px; }
}
@media (min-width: 769px) { .modal.promo-banner-modal .modal-header,
.modal.promo-banner-modal .modal-body, .modal.monogram-experience .modal-header,
.modal.monogram-experience .modal-body { padding-left: 48px; padding-right: 48px; }
}
.modal.promo-banner-modal .modal-body, .modal.monogram-experience .modal-body { padding-bottom: 0;
}
@media (min-width: 544px) { .modal.promo-banner-modal .modal-dialog, .modal.monogram-experience .modal-dialog { transform: translateX(100%); transition: transform calc(200ms * 1.5) ease-out; } .modal.promo-banner-modal.show .modal-dialog, .modal.monogram-experience.show .modal-dialog { transform: translateX(0); }
}
.modal.add-to-bag-modal .modal-dialog { max-width: 600px;
}
.modal.add-to-bag-modal .scrollable-area { max-height: calc(100vh - 75px - (16px) * 4); overflow-x: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #DBDBDB #FEFEFE; }
.modal.add-to-bag-modal .scrollable-area::-webkit-scrollbar { height: 8px; width: 8px;
}
.modal.add-to-bag-modal .scrollable-area::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 9999px;
}
.modal.add-to-bag-modal .scrollable-area::-webkit-scrollbar-track { background-color: #FEFEFE;
}
.modal.add-to-bag-modal .modal-body { background: #F9F7F6; padding-top: 16px; padding-bottom: 3px; position: relative; min-height: 160px;
}
.modal.add-to-bag-modal .modal-footer { display: block; padding: 0;
}
.modal.add-to-bag-modal .modal-footer > * { margin: 0; padding: 0 16px 16px;
}
@media (min-width: 769px) { .modal.add-to-bag-modal .modal-footer > * { padding: 0 24px 24px; }
}
.modal.add-to-bag-modal .slider-container:not(.next-slide-lg-0) .tns-ovh { margin-right: -16px;
}
@media (min-width: 769px) { .modal.add-to-bag-modal .slider-container:not(.next-slide-lg-0) .tns-ovh { margin-right: -24px; }
}
.modal.add-to-bag-modal .minicart-item + .minicart-item { margin-top: 8px;
}
.modal.add-to-bag-modal .estimated-total { display: grid; grid-template-columns: auto auto; justify-content: space-between; font-weight: 500; padding: 16px 0;
}
.modal.add-to-bag-modal .estimated-total .sub-total { font-weight: 400;
}
#search-noresults-help .noresults-title { font-weight: 500;
}
#search-noresults-help .noresults-contact a { text-decoration: none;
}
#search-noresults-recommendations { margin-top: 24px;
}
@media (min-width: 769px) { #search-noresults-recommendations { margin-top: 32px; }
}
.offset-image-container { position: relative;
}
.offset-image-container > .offset-image { display: block; position: absolute; width: var(--offset-image-size); height: var(--offset-image-size);
}
@media (min-width: 769px) { .offset-image-container > .offset-image { width: var(--offset-image-size-md); height: var(--offset-image-size-md); }
}
@media (min-width: 1024px) { .offset-image-container > .offset-image { width: var(--offset-image-size-lg); height: var(--offset-image-size-lg); }
}
.offset-image-container > .offset-image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;
}
.offset-image-container > .offset-image figcaption { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 100%; text-align: center;
}
.offset-image-container > .offset-image .experience-offsetImageText { min-width: 0 !important; min-height: 0 !important;
}
.offset-image-container.placement--top > .offset-image { bottom: calc(100% - var(--offset-image-size) * var(--offset-multiplier)); left: calc(50% - var(--offset-image-size) / 2);
}
@media (min-width: 769px) { .offset-image-container.placement--top > .offset-image { bottom: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); left: calc(50% - var(--offset-image-size-md) / 2); }
}
@media (min-width: 1024px) { .offset-image-container.placement--top > .offset-image { bottom: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); left: calc(50% - var(--offset-image-size-lg) / 2); }
}
.offset-image-container.placement--top-right > .offset-image { bottom: calc(100% - var(--offset-image-size) * var(--offset-multiplier)); left: calc(100% - var(--offset-image-size) * var(--offset-multiplier));
}
@media (min-width: 769px) { .offset-image-container.placement--top-right > .offset-image { bottom: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); left: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); }
}
@media (min-width: 1024px) { .offset-image-container.placement--top-right > .offset-image { bottom: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); left: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); }
}
.offset-image-container.placement--top-left > .offset-image { bottom: calc(100% - var(--offset-image-size) * var(--offset-multiplier)); right: calc(100% - var(--offset-image-size) * var(--offset-multiplier));
}
@media (min-width: 769px) { .offset-image-container.placement--top-left > .offset-image { bottom: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); right: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); }
}
@media (min-width: 1024px) { .offset-image-container.placement--top-left > .offset-image { bottom: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); right: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); }
}
.offset-image-container.placement--bottom > .offset-image { top: calc(100% - var(--offset-image-size) * var(--offset-multiplier)); left: calc(50% - var(--offset-image-size) / 2);
}
@media (min-width: 769px) { .offset-image-container.placement--bottom > .offset-image { top: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); left: calc(50% - var(--offset-image-size-md) / 2); }
}
@media (min-width: 1024px) { .offset-image-container.placement--bottom > .offset-image { top: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); left: calc(50% - var(--offset-image-size-lg) / 2); }
}
.offset-image-container.placement--bottom-right > .offset-image { top: calc(100% - var(--offset-image-size) * var(--offset-multiplier)); left: calc(100% - var(--offset-image-size) * var(--offset-multiplier));
}
@media (min-width: 769px) { .offset-image-container.placement--bottom-right > .offset-image { top: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); left: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); }
}
@media (min-width: 1024px) { .offset-image-container.placement--bottom-right > .offset-image { top: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); left: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); }
}
.offset-image-container.placement--bottom-left > .offset-image { top: calc(100% - var(--offset-image-size) * var(--offset-multiplier)); right: calc(100% - var(--offset-image-size) * var(--offset-multiplier));
}
@media (min-width: 769px) { .offset-image-container.placement--bottom-left > .offset-image { top: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); right: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); }
}
@media (min-width: 1024px) { .offset-image-container.placement--bottom-left > .offset-image { top: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); right: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); }
}
.offset-image-container.placement--left > .offset-image { top: calc(50% - var(--offset-image-size) / 2); right: calc(100% - var(--offset-image-size) * var(--offset-multiplier));
}
@media (min-width: 769px) { .offset-image-container.placement--left > .offset-image { top: calc(50% - var(--offset-image-size-md) / 2); right: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); }
}
@media (min-width: 1024px) { .offset-image-container.placement--left > .offset-image { top: calc(50% - var(--offset-image-size-lg) / 2); right: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); }
}
.offset-image-container.placement--right > .offset-image { top: calc(50% - var(--offset-image-size) / 2); left: calc(100% - var(--offset-image-size) * var(--offset-multiplier));
}
@media (min-width: 769px) { .offset-image-container.placement--right > .offset-image { top: calc(50% - var(--offset-image-size-md) / 2); left: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier)); }
}
@media (min-width: 1024px) { .offset-image-container.placement--right > .offset-image { top: calc(50% - var(--offset-image-size-lg) / 2); left: calc(100% - var(--offset-image-size-lg) * var(--offset-multiplier)); }
}
.offset-image-container.placement--center > .offset-image { top: calc(50% - var(--offset-image-size) / 2); left: calc(50% - var(--offset-image-size) / 2);
}
@media (min-width: 769px) { .offset-image-container.placement--center > .offset-image { top: calc(50% - var(--offset-image-size-md) / 2); left: calc(50% - var(--offset-image-size-md) / 2); }
}
@media (min-width: 1024px) { .offset-image-container.placement--center > .offset-image { top: calc(50% - var(--offset-image-size-lg) / 2); left: calc(50% - var(--offset-image-size-lg) / 2); }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .offset-image-container.placement-tablet--top > .offset-image { bottom: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); left: calc(50% - var(--offset-image-size-md) / 2); top: auto; right: auto; } .offset-image-container.placement-tablet--top-right > .offset-image { bottom: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); left: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); top: auto; right: auto; } .offset-image-container.placement-tablet--top-left > .offset-image { bottom: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); right: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); top: auto; left: auto; } .offset-image-container.placement-tablet--bottom > .offset-image { top: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); left: calc(50% - var(--offset-image-size-md) / 2); bottom: auto; right: auto; } .offset-image-container.placement-tablet--bottom-right > .offset-image { top: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); left: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); bottom: auto; right: auto; } .offset-image-container.placement-tablet--bottom-left > .offset-image { top: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); right: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); bottom: auto; left: auto; } .offset-image-container.placement-tablet--left > .offset-image { top: calc(50% - var(--offset-image-size-md) / 2); right: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); bottom: auto; left: auto; } .offset-image-container.placement-tablet--right > .offset-image { top: calc(50% - var(--offset-image-size-md) / 2); left: calc(100% - var(--offset-image-size-md) * var(--offset-multiplier-tablet)); bottom: auto; right: auto; } .offset-image-container.placement-tablet--center > .offset-image { top: calc(50% - var(--offset-image-size-md) / 2); left: calc(50% - var(--offset-image-size-md) / 2); bottom: auto; right: auto; }
}
@media (max-width: 768.98px) { .offset-image-container.placement-mobile--top > .offset-image { bottom: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); left: calc(50% - var(--offset-image-size) / 2); top: auto; right: auto; } .offset-image-container.placement-mobile--top-right > .offset-image { bottom: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); left: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); top: auto; right: auto; } .offset-image-container.placement-mobile--top-left > .offset-image { bottom: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); right: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); top: auto; left: auto; } .offset-image-container.placement-mobile--bottom > .offset-image { top: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); left: calc(50% - var(--offset-image-size) / 2); bottom: auto; right: auto; } .offset-image-container.placement-mobile--bottom-right > .offset-image { top: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); left: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); bottom: auto; right: auto; } .offset-image-container.placement-mobile--bottom-left > .offset-image { top: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); right: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); bottom: auto; left: auto; } .offset-image-container.placement-mobile--left > .offset-image { top: calc(50% - var(--offset-image-size) / 2); right: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); bottom: auto; left: auto; } .offset-image-container.placement-mobile--right > .offset-image { top: calc(50% - var(--offset-image-size) / 2); left: calc(100% - var(--offset-image-size) * var(--offset-multiplier-mobile)); bottom: auto; right: auto; } .offset-image-container.placement-mobile--center > .offset-image { top: calc(50% - var(--offset-image-size) / 2); left: calc(50% - var(--offset-image-size) / 2); bottom: auto; right: auto; }
}
.offset-image-container.auto-margins[class*=-top] { margin-top: calc(var(--offset-image-size) - var(--offset-image-size) * var(--offset-multiplier));
}
@media (min-width: 769px) { .offset-image-container.auto-margins[class*=-top] { margin-top: calc(var(--offset-image-size-md) - var(--offset-image-size-md) * var(--offset-multiplier)); }
}
@media (min-width: 1024px) { .offset-image-container.auto-margins[class*=-top] { margin-top: calc(var(--offset-image-size-lg) - var(--offset-image-size-lg) * var(--offset-multiplier)); }
}
.offset-image-container.auto-margins[class*=-bottom] { margin-bottom: calc(var(--offset-image-size) - var(--offset-image-size) * var(--offset-multiplier));
}
@media (min-width: 769px) { .offset-image-container.auto-margins[class*=-bottom] { margin-bottom: calc(var(--offset-image-size-md) - var(--offset-image-size-md) * var(--offset-multiplier)); }
}
@media (min-width: 1024px) { .offset-image-container.auto-margins[class*=-bottom] { margin-bottom: calc(var(--offset-image-size-lg) - var(--offset-image-size-lg) * var(--offset-multiplier)); }
}
.offset-image-container.auto-margins[class*=-left] { margin-left: calc(var(--offset-image-size) - var(--offset-image-size) * var(--offset-multiplier));
}
@media (min-width: 769px) { .offset-image-container.auto-margins[class*=-left] { margin-left: calc(var(--offset-image-size-md) - var(--offset-image-size-md) * var(--offset-multiplier)); }
}
@media (min-width: 1024px) { .offset-image-container.auto-margins[class*=-left] { margin-left: calc(var(--offset-image-size-lg) - var(--offset-image-size-lg) * var(--offset-multiplier)); }
}
.offset-image-container.auto-margins[class*=-right] { margin-right: calc(var(--offset-image-size) - var(--offset-image-size) * var(--offset-multiplier));
}
@media (min-width: 769px) { .offset-image-container.auto-margins[class*=-right] { margin-right: calc(var(--offset-image-size-md) - var(--offset-image-size-md) * var(--offset-multiplier)); }
}
@media (min-width: 1024px) { .offset-image-container.auto-margins[class*=-right] { margin-right: calc(var(--offset-image-size-lg) - var(--offset-image-size-lg) * var(--offset-multiplier)); }
}
.page-header { padding-top: 16px; padding-bottom: 16px;
}
@media (min-width: 769px) { .page-header { padding-top: 44px; padding-bottom: 44px; }
}
.page-header.blog-detail-header .page-header-title { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .page-header.blog-detail-header .page-header-title { font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .page-header.blog-detail-header .page-header-title { font-size: 33px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
.page-header.search-results-header .page-header-title { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; margin-top: 32px;
}
@media (min-width: 769px) { .page-header.search-results-header .page-header-title { font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .page-header.search-results-header .page-header-title { font-size: 33px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
.hero-slider-container + .page-header .page-header-title, .hero-slot + .page-header .page-header-title { display: none;
}
.page-header { padding-top: 0; padding-bottom: 0;
}
@media (max-width: 1023.98px) { .page-header.product-detail-header, .page-header.search-results-header { padding-left: 16px; padding-right: 16px; }
}
.page-header.search-results-header { padding-bottom: 16px;
}
@media (min-width: 769px) { .page-header.search-results-header { padding-bottom: 24px; }
}
.page-header.search-results-header .page-header-title { margin-top: 0;
}
.page-header.search-results-header .search-results-page-header-title { margin-bottom: 8px;
}
@media (min-width: 769px) { .page-header.search-results-header .search-results-page-header-title { margin-bottom: 16px; }
}
.page-header.search-results-header .search-result-count { font-weight: 500;
}
.page-header.search-results-header .page-header-page-description { margin-top: 16px;
}
.page-header.search-results-header .page-header-page-description p { margin-bottom: 0;
}
.photo-hotspots { position: relative;
}
.photo-hotspots .hotspot { position: absolute; width: 12px; height: 12px; background: #FEFEFE; border-radius: 50%; margin-top: calc(12px / -2); margin-left: calc(12px / -2); box-shadow: none; transition: all 200ms ease-out; text-decoration: none;
}
.photo-hotspots .hotspot::before { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 10px;
}
.photo-hotspots .hotspot .hotspot-border-inner,
.photo-hotspots .hotspot .hotspot-border-outer { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); border-radius: 50%; transition: all 200ms ease-out;
}
.photo-hotspots .hotspot .hotspot-border-inner { font-size: 10px; line-height: 12px; width: 12px; height: 12px; border: 0 solid transparent; z-index: 1;
}
.photo-hotspots .hotspot .hotspot-border-outer { content: ""; width: 24px; height: 24px; border: 6px solid rgba(10, 37, 65, 0.72);
}
.photo-hotspots .hotspot:hover { width: 16px; height: 16px; margin-top: calc(16px / -2); margin-left: calc(16px / -2);
}
.photo-hotspots .hotspot:hover .hotspot-border-inner { line-height: 16px; width: 16px; height: 16px; border: 0 solid transparent;
}
.photo-hotspots .hotspot:hover .hotspot-border-outer { width: 28px; height: 28px; border: 6px solid rgba(10, 37, 65, 0.72);
}
.photo-hotspots .hotspot.dark { background: #0A2541;
}
.photo-hotspots .hotspot.dark::before { color: transparent;
}
.photo-hotspots .hotspot.dark .hotspot-border-inner { border-color: transparent;
}
.photo-hotspots .hotspot.dark .hotspot-border-outer { border-color: rgba(254, 254, 254, 0.72);
}
.photo-hotspots .hotspot.dark:hover .hotspot-border-inner { border-color: transparent;
}
.photo-hotspots .hotspot.dark:hover .hotspot-border-outer { border-color: rgba(254, 254, 254, 0.72);
}
.photo-hotspots-tooltip.tooltip { z-index: 999;
}
.photo-hotspots-tooltip.tooltip .tooltip-inner { padding: 0; max-width: 300px;
}
.modal.show ~ .photo-hotspots-tooltip.tooltip { z-index: 1051;
}
.photo-hotspots-tooltip-text { text-align: left; padding: 8px;
}
.photo-hotspots-tooltip-text > * { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; margin-bottom: 0;
}
.photo-hotspots-tooltip-text + .secondary-text { padding-top: 0;
}
.photo-hotspots-tooltip-text + .photo-hotspots-tooltip-product { border-top: 1px solid #0A2541;
}
.photo-hotspots-tooltip-product { text-decoration: none;
}
.photo-hotspots-tooltip-product:hover { text-decoration: none;
}
.photo-hotspots-tooltip-product .product-image { width: 75px; height: 75px; background-size: cover; background-repeat: no-repeat;
}
.photo-hotspots-tooltip-product .product-attributes { max-width: calc(300px - 75px - 5px); padding: 8px; text-align: left;
}
.photo-hotspots-tooltip-product .product-name { font-size: 14px; color: #222222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.photo-hotspots-tooltip-product .product-price { font-size: 12px; color: #545454; margin-top: calc(8px / 2);
}
.photo-hotspots-tooltip-product .product-price .strike-through { margin-right: 5px;
}
.photo-hotspots-tooltip-product .product-price .sales { color: #A1001D;
}
.photo-hotspots-tooltip-product .product-message { display: block; font-size: 10px; text-transform: uppercase; color: #545454; margin-top: calc(8px / 2);
}
.photo-hotspots-tooltip-product .product-image { border-radius: 9px 0 0 9px;
}
.popover { font-family: "Poppins", sans-serif; font-size: 12px; background-color: #FEFEFE; border-color: #DBDBDB; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); border-radius: var(--border-radius, 0px); max-width: 300px;
}
.popover .popover-header { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.43; letter-spacing: 0.02em; background-color: #FEFEFE; color: #0A2541; border-top-left-radius: calc(var(--border-radius, 0px) - 1px); border-top-right-radius: calc(var(--border-radius, 0px) - 1px);
}
.popover .popover-body { padding: 16px; font-size: 12px;
}
.popover .popover-body p { font-size: 12px;
}
.popover .popover-body ul:only-child { margin-bottom: 0;
}
.popover.bs-popover-bottom .popover-header:before, .popover.bs-popover-auto[x-placement^=bottom] .popover-header:before { display: none;
}
.popover.bs-popover-bottom .arrow:after, .popover.bs-popover-auto[x-placement^=bottom] .arrow:after { border-bottom-color: #DBDBDB;
}
#maincontent > .popover { z-index: 399;
}
body .p-w-r { font-family: "Poppins", sans-serif; color: #0A2541; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale;
}
body .p-w-r :focus { box-shadow: none;
}
body .p-w-r p { color: #0A2541; line-height: 1.43; margin: 0;
}
body .p-w-r ul { margin: 0;
}
body .p-w-r a { color: unset;
}
body .p-w-r label,
body .p-w-r span { -webkit-font-smoothing: antialiased; font-size: inherit; color: inherit;
}
body .p-w-r dt,
body .p-w-r dd { line-height: 1.43; font-weight: inherit;
}
body .p-w-r .form-group,
body .p-w-r .pr-form-group { margin-bottom: 24px; display: flex; flex-direction: column;
}
body .p-w-r .form-group .pr-helper-text,
body .p-w-r .pr-form-group .pr-helper-text { order: 3; font-size: 12px; line-height: 1; letter-spacing: 0.02em; margin-top: 6px; display: block;
}
body .p-w-r .form-group .pr-form-control-helpertext-bottom:empty,
body .p-w-r .pr-form-group .pr-form-control-helpertext-bottom:empty { margin-top: 0;
}
body .p-w-r .form-group > .form-group,
body .p-w-r .pr-form-group > .form-group { margin-bottom: 0;
}
body .p-w-r .form-group input::placeholder, body .p-w-r .form-group input::-webkit-input-placeholder,
body .p-w-r .form-group textarea::placeholder,
body .p-w-r .form-group textarea::-webkit-input-placeholder,
body .p-w-r .pr-form-group input::placeholder,
body .p-w-r .pr-form-group input::-webkit-input-placeholder,
body .p-w-r .pr-form-group textarea::placeholder,
body .p-w-r .pr-form-group textarea::-webkit-input-placeholder { font-weight: inherit;
}
body .p-w-r .pr-required-indicator,
body .p-w-r .pr-has-error .pr-control-label span { color: #A1001D;
}
body .p-w-r .pr-form-group .pr-form-control-error-wrapper .pr-form-control-error-icon { fill: #A1001D;
}
body .p-w-r .pr-btn { border-width: 1px;
}
body .p-w-r .pr-alert-container { max-width: none;
}
body .p-w-r .pr-rating-stars,
body .p-w-r .pr-snippet-stars .pr-rating-stars { white-space: nowrap;
}
body .p-w-r .pr-rating-stars .pr-star-v4,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4 { background-image: none; font-size: 12px; width: auto; margin-right: 0; padding: 0; height: auto; line-height: 1;
}
body .p-w-r .pr-rating-stars .pr-star-v4:hover,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4:hover { width: auto; margin-right: 0;
}
body .p-w-r .pr-rating-stars .pr-star-v4 + .pr-star-v4,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4 + .pr-star-v4 { margin-left: 4px;
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled:before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled:before { content: "\E980"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title),
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title):before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title).btn-sm, body .p-w-r .pr-rating-stars .btn-group-sm > .pr-star-v4.pr-star-v4-100-filled[class*=btn-].btn:not(.title),
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title).btn-sm { padding-left: calc(23px + 16px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title).btn-sm:before, body .p-w-r .pr-rating-stars .btn-group-sm > .pr-star-v4.pr-star-v4-100-filled[class*=btn-].btn:not(.title):before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title).btn-sm:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title) [class*=icon-],
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title) [class^=icon-],
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title) .fa,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title) [class*=icon-],
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title) [class^=icon-],
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-100-filled[class*=btn-]:not(.title) .fa { display: none;
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled:before, body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled:before, body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled:before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled:before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled:before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled:before { content: "\E97F"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title), body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title), body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title),
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title),
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title),
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title):before, body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title):before, body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title):before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title):before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title):before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title).btn-sm, body .p-w-r .pr-rating-stars .btn-group-sm > .pr-star-v4.pr-star-v4-25-filled[class*=btn-].btn:not(.title), body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title).btn-sm, body .p-w-r .pr-rating-stars .btn-group-sm > .pr-star-v4.pr-star-v4-50-filled[class*=btn-].btn:not(.title), body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title).btn-sm, body .p-w-r .pr-rating-stars .btn-group-sm > .pr-star-v4.pr-star-v4-75-filled[class*=btn-].btn:not(.title),
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title).btn-sm,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title).btn-sm,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title).btn-sm { padding-left: calc(23px + 16px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title).btn-sm:before, body .p-w-r .pr-rating-stars .btn-group-sm > .pr-star-v4.pr-star-v4-25-filled[class*=btn-].btn:not(.title):before, body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title).btn-sm:before, body .p-w-r .pr-rating-stars .btn-group-sm > .pr-star-v4.pr-star-v4-50-filled[class*=btn-].btn:not(.title):before, body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title).btn-sm:before, body .p-w-r .pr-rating-stars .btn-group-sm > .pr-star-v4.pr-star-v4-75-filled[class*=btn-].btn:not(.title):before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title).btn-sm:before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title).btn-sm:before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title).btn-sm:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title) [class*=icon-],
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title) [class^=icon-],
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title) .fa, body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title) [class*=icon-],
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title) [class^=icon-],
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title) .fa, body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title) [class*=icon-],
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title) [class^=icon-],
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title) .fa,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title) [class*=icon-],
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title) [class^=icon-],
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-25-filled[class*=btn-]:not(.title) .fa,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title) [class*=icon-],
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title) [class^=icon-],
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-50-filled[class*=btn-]:not(.title) .fa,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title) [class*=icon-],
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title) [class^=icon-],
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-75-filled[class*=btn-]:not(.title) .fa { display: none;
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled:before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled:before { content: "\E97E"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title),
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title):before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title).btn-sm, body .p-w-r .pr-rating-stars .btn-group-sm > .pr-star-v4.pr-star-v4-0-filled[class*=btn-].btn:not(.title),
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title).btn-sm { padding-left: calc(23px + 16px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title).btn-sm:before, body .p-w-r .pr-rating-stars .btn-group-sm > .pr-star-v4.pr-star-v4-0-filled[class*=btn-].btn:not(.title):before,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title).btn-sm:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title) [class*=icon-],
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title) [class^=icon-],
body .p-w-r .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title) .fa,
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title) [class*=icon-],
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title) [class^=icon-],
body .p-w-r .pr-snippet-stars .pr-rating-stars .pr-star-v4.pr-star-v4-0-filled[class*=btn-]:not(.title) .fa { display: none;
}
body .p-w-r .pr-rating-stars input:focus + label,
body .p-w-r .pr-snippet-stars .pr-rating-stars input:focus + label { background-color: transparent; border: none; outline: none;
}
body .p-w-r .pr-category-snippet { display: flex; align-items: center;
}
body .p-w-r .pr-category-snippet .pr-category-snippet__total { font-size: 11px; color: #545454; margin-top: 1px;
}
body .p-w-r .pr-category-snippet .pr-snippet-stars .pr-rating-stars + .pr-snippet-rating-decimal { display: none;
}
body .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars { cursor: pointer;
}
body .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet-stars-container { display: inline-block;
}
body .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet-stars-container .pr-snippet-rating-decimal { display: none;
}
body .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet-read-and-write { margin-top: 0;
}
body .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet-read-and-write .pr-snippet-review-count { padding: 0 0 0 7px; margin-top: 1px; color: #545454; font-size: 11px !important;
}
@media (min-width: 1024px) { body .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet-read-and-write .pr-snippet-review-count { font-size: 12px !important; }
}
body .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-write-review-link,
body .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-reco { display: none;
}
body .p-w-r .pr-star-icon__group { fill: #0A2541;
}
body .p-w-r .pr-no-reviews { display: none;
}
body .p-w-r .pr-media-card-footer { background-color: inherit;
}
body .p-w-r .pr-rd-helpful-action-btn-group { display: flex; gap: 24px; align-items: center; justify-content: flex-end;
}
body .p-w-r .pr-helpful-btn { border: none; background-color: transparent !important; margin: 0; padding: 0;
}
body .p-w-r .pr-helpful-btn:hover, body .p-w-r .pr-helpful-btn.pr-helpful-active { opacity: 1;
}
body .p-w-r .pr-helpful-btn:hover .pr-thumbs-icon,
body .p-w-r .pr-helpful-btn:hover .pr-helpful-count, body .p-w-r .pr-helpful-btn.pr-helpful-active .pr-thumbs-icon,
body .p-w-r .pr-helpful-btn.pr-helpful-active .pr-helpful-count { color: #134981;
}
body .p-w-r .pr-helpful-btn:hover .pr-thumbs-icon svg path,
body .p-w-r .pr-helpful-btn:hover .pr-helpful-count svg path, body .p-w-r .pr-helpful-btn.pr-helpful-active .pr-thumbs-icon svg path,
body .p-w-r .pr-helpful-btn.pr-helpful-active .pr-helpful-count svg path { fill: currentColor;
}
body .p-w-r .pr-helpful-btn .pr-thumbs-icon { width: 27px; color: #0A2541;
}
body .p-w-r .pr-helpful-btn .pr-thumbs-icon svg { width: 27px; height: auto;
}
body .p-w-r .pr-helpful-btn .pr-thumbs-icon svg path { fill: currentColor;
}
body .p-w-r .pr-helpful-btn .pr-helpful-count { font-size: 11px; color: #0A2541; padding-top: 3px;
}
body .p-w-r .pr-btn-group.pr-btn-group--radio-vertical { margin-top: 0;
}
body .p-w-r .pr-btn-group.pr-btn-group--radio-vertical .pr-btn { font-size: 12px; border-color: #DBDBDB; padding: 12px; box-shadow: none;
}
body .p-w-r .pr-btn-group.pr-btn-group--radio-vertical .pr-btn:hover { background-color: #F9F7F6;
}
body .p-w-r .pr-btn-group.pr-btn-group--radio-vertical .pr-btn.active, body .p-w-r .pr-btn-group.pr-btn-group--radio-vertical .pr-btn.active:hover { background-color: #134981; color: #FEFEFE;
}
body .p-w-r .pr-btn-group.pr-btn-group--radio-vertical .pr-btn:focus { box-shadow: none;
}
body .p-w-r .pr-btn-group.pr-btn-group--radio-vertical .pr-btn:last-of-type { border-bottom-width: 1px;
}
body .p-w-r .pr-media-modal { display: flex; z-index: 2147483001;
}
body .p-w-r .pr-media-modal .overlay { background-color: rgba(10, 37, 65, 0.45);
}
body .p-w-r .pr-media-modal .modal__body .button__close:hover .pr-cross-icon__circle,
body .p-w-r .pr-media-modal .modal__body .button__close:hover .pr-cross-icon__line { stroke: #D8D8D8;
}
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel:not(.pr-no-conflict) .slide--dark img { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
}
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel:not(.pr-no-conflict) .theme--dark span { color: inherit;
}
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel:not(.pr-no-conflict) .carousel__footer span { letter-spacing: 0.01em; font-size: 16px; font-weight: 500; width: calc(100% - 100px);
}
@media (min-width: 1024px) { body .p-w-r .pr-media-modal .modal__body .pr-media-carousel:not(.pr-no-conflict) .carousel__footer span { font-size: 17px; }
}
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel:not(.pr-no-conflict) .carousel__footer--flagging { display: flex; flex-direction: column;
}
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel:not(.pr-no-conflict) .carousel__footer--flagging .pr-helpful-active .pr-helpful-count { color: #134981 !important;
}
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel:not(.pr-no-conflict) .carousel__footer--flagging aside a { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer; text-align: right;
}
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel:not(.pr-no-conflict) .carousel__footer--flagging aside a:hover { color: #134981; text-decoration: underline;
}
.dark-theme body .p-w-r .pr-media-modal .modal__body .pr-media-carousel:not(.pr-no-conflict) .carousel__footer--flagging aside a { color: #FEFEFE;
}
.dark-theme body .p-w-r .pr-media-modal .modal__body .pr-media-carousel:not(.pr-no-conflict) .carousel__footer--flagging aside a:hover { color: #FEFEFE;
}
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel .button__prev .pr-caret-icon__line,
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel .button__next .pr-caret-icon__line { stroke: #0A2541;
}
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel .button__prev:hover .pr-caret-icon,
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel .button__next:hover .pr-caret-icon { background: #FEFEFE;
}
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel .button__prev:hover .pr-caret-icon__line,
body .p-w-r .pr-media-modal .modal__body .pr-media-carousel .button__next:hover .pr-caret-icon__line { stroke: #134981;
}
body .p-w-r .pr-media-modal .modal__body .carousel__footer { color: #0A2541; box-shadow: none; background: #FEFEFE;
}
body .p-w-r .pr-media-modal .modal__body .carousel__footer .carousel__footer--flagging { display: block;
}
body .p-w-r .pr-media-modal .modal__body .carousel__footer .pr-rd-helpful-action .pr-rd-helpful-text { display: none;
}
body .p-w-r .pr-media-modal .modal__body .carousel__footer .pr-rd-helpful-action .pr-helpful-voting { display: flex; gap: 16px;
}
.pr-pdp-review-display { margin-top: calc(32px + 16px);
}
@media (max-width: 543.98px) { .pr-pdp-review-display { margin-top: calc(32px + 70px); }
}
@media (min-width: 769px) { .pr-pdp-review-display { margin-top: calc(48px + 16px); }
}
#pr-reviewdisplay { padding-top: 32px;
}
#pr-reviewdisplay [id^=pr-review-display-] { display: flex; flex-direction: column;
}
#pr-reviewdisplay [data-testid=review-snapshot] { order: 1; position: relative; padding-bottom: 24px; display: flex; flex-direction: column; justify-content: center; align-items: stretch; row-gap: 16px;
}
#pr-reviewdisplay [data-testid=review-snapshot]::before, #pr-reviewdisplay [data-testid=review-snapshot]::after,
#pr-reviewdisplay [data-testid=review-snapshot] .pr-accessible-focus-element { display: none;
}
@media (min-width: 544px) { #pr-reviewdisplay [data-testid=review-snapshot] { flex-direction: row; row-gap: 0; -moz-column-gap: 24px; column-gap: 24px; align-items: center; }
}
@media (min-width: 769px) { #pr-reviewdisplay [data-testid=review-snapshot] { -moz-column-gap: 48px; column-gap: 48px; }
}
#pr-reviewdisplay [data-testid=review-snapshot] .pr-review-snapshot-header { padding: 0; margin: 0;
}
#pr-reviewdisplay [data-testid=review-snapshot] .pr-review-snapshot-block-container { margin-bottom: 0;
}
#pr-reviewdisplay [data-testid=review-snapshot] .pr-review-snapshot-block-container::before, #pr-reviewdisplay [data-testid=review-snapshot] .pr-review-snapshot-block-container::after { display: none;
}
#pr-reviewdisplay [data-testid=review-snapshot] .pr-review-snapshot-block-container .pr-review-snapshot-block { padding: 0; min-height: 0; border-right: none;
}
@media (min-width: 544px) { #pr-reviewdisplay [data-testid=review-snapshot] .pr-review-snapshot-block-container .pr-review-snapshot-block { width: 266px; }
}
#pr-reviewdisplay [data-testid=review-snapshot] .pr-snippet-write-review-link { position: absolute; top: -140px; right: 0;
}
@media (min-width: 544px) { #pr-reviewdisplay [data-testid=review-snapshot] .pr-snippet-write-review-link { top: -94px; }
}
#pr-reviewdisplay [data-testid=review-snapshot] .pr-review-snapshot-header-intro,
#pr-reviewdisplay [data-testid=review-snapshot] .pr-review-snapshot-block-pros,
#pr-reviewdisplay [data-testid=review-snapshot] .pr-review-snapshot-block-cons,
#pr-reviewdisplay [data-testid=review-snapshot] .pr-snippet-stars-reco-reco,
#pr-reviewdisplay [data-testid=review-snapshot] .pr-review-snapshot-msq-container { display: none;
}
#pr-reviewdisplay [data-testid=review-list] { order: 3;
}
#pr-reviewdisplay [data-testid=review-image-display] { order: 2; margin-top: 24px;
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet { justify-content: center;
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button .pr-caret-icon { display: block; background-color: #ECF1F4; width: 32px; height: 32px; border-radius: 50%; position: relative;
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button .pr-caret-icon::before { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button .pr-caret-icon svg { display: none;
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .pr-caret-icon { margin-right: auto;
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .pr-caret-icon:before { content: "\E904"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #0A2541; font-weight: normal;
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .pr-caret-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .pr-caret-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .pr-caret-icon[class*=btn-]:not(.title).btn-sm, #pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .btn-group-sm > .pr-caret-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .pr-caret-icon[class*=btn-]:not(.title).btn-sm:before, #pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .btn-group-sm > .pr-caret-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .pr-caret-icon[class*=btn-]:not(.title) [class*=icon-],
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .pr-caret-icon[class*=btn-]:not(.title) [class^=icon-],
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-leftbtn .pr-caret-icon[class*=btn-]:not(.title) .fa { display: none;
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .pr-caret-icon { margin-left: auto;
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .pr-caret-icon:before { content: "\E906"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #0A2541; font-weight: normal;
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .pr-caret-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .pr-caret-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .pr-caret-icon[class*=btn-]:not(.title).btn-sm, #pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .btn-group-sm > .pr-caret-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .pr-caret-icon[class*=btn-]:not(.title).btn-sm:before, #pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .btn-group-sm > .pr-caret-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .pr-caret-icon[class*=btn-]:not(.title) [class*=icon-],
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .pr-caret-icon[class*=btn-]:not(.title) [class^=icon-],
#pr-reviewdisplay [data-testid=review-image-display] .pr-irlsnippet > button.pr-irlsnippet-rightbtn .pr-caret-icon[class*=btn-]:not(.title) .fa { display: none;
}
#pr-reviewdisplay .pr-rd-no-reviews { padding: 0;
}
#pr-reviewdisplay .pr-rd-no-reviews .pr-snippet-write-review-link { position: absolute; top: -59px; right: 0;
}
@media (min-width: 544px) { #pr-reviewdisplay .pr-rd-no-reviews .pr-snippet-write-review-link { top: -13px; }
}
#pr-reviewdisplay .pr-read-review p,
#pr-reviewdisplay .pr-review-display p { letter-spacing: 0.01em; font-size: 12px; color: #0A2541;
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-read-review p,
#pr-reviewdisplay .pr-review-display p { font-size: 14px; }
}
#pr-reviewdisplay .pr-snippet-stars-reco-inline { display: flex; flex-direction: column; align-items: center;
}
#pr-reviewdisplay .pr-snippet-stars-reco-stars .pr-snippet { justify-content: center; flex-direction: column; gap: 8px;
}
#pr-reviewdisplay .pr-snippet-stars-reco-stars .pr-snippet-stars { flex-direction: column; row-gap: 8px;
}
#pr-reviewdisplay .pr-snippet-stars-reco-stars .pr-snippet-rating-decimal { display: block; order: 1; border: none; font-family: "quincy-cf", Times, "Times New Roman", serif; font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 38px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal; line-height: 1; color: #0A2541; margin: 0; width: auto; height: auto;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-snippet-stars-reco-stars .pr-snippet-rating-decimal { font-size: 38px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-snippet-stars-reco-stars .pr-snippet-rating-decimal { font-size: 46px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
#pr-reviewdisplay .pr-snippet-stars-reco-stars .pr-rating-stars { order: 2;
}
#pr-reviewdisplay .pr-snippet-stars-reco-stars .pr-rating-stars .pr-star-v4 { font-size: 24px; margin-right: 0; padding: 0; height: auto; width: auto;
}
#pr-reviewdisplay .pr-snippet-stars-reco-stars .pr-snippet-read-and-write { justify-content: center; width: 100%; margin-left: 0; margin-bottom: 0; margin-top: 0;
}
#pr-reviewdisplay .pr-snippet-stars-reco-stars .pr-snippet-read-and-write .pr-snippet-review-count { padding: 0; color: #545454; font-style: normal; font-size: 14px !important;
}
#pr-reviewdisplay .pr-review-snapshot-block-headline { display: none;
}
#pr-reviewdisplay .pr-ratings-histogram { margin: 0;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-ratings-histogram-list-item .pr-histogram-label { display: none;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-ratings-histogram-list-item .pr-histogram-stars::before { display: table-cell; width: calc(1em + 8px); text-align: center; vertical-align: middle; padding-right: 4px;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-ratings-histogram-list-item .pr-histogram-5Stars::before { content: "5";
}
#pr-reviewdisplay .pr-ratings-histogram .pr-ratings-histogram-list-item .pr-histogram-4Stars::before { content: "4";
}
#pr-reviewdisplay .pr-ratings-histogram .pr-ratings-histogram-list-item .pr-histogram-3Stars::before { content: "3";
}
#pr-reviewdisplay .pr-ratings-histogram .pr-ratings-histogram-list-item .pr-histogram-2Stars::before { content: "2";
}
#pr-reviewdisplay .pr-ratings-histogram .pr-ratings-histogram-list-item .pr-histogram-1Stars::before { content: "1";
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-stars { height: 22px;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-stars[class*=pr-hist-filter-], #pr-reviewdisplay .pr-ratings-histogram .pr-histogram-stars:hover { background-color: #ECF1F4;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-stars[class*=pr-hist-filter-]:hover .pr-histogram-label { color: inherit;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-stars .pr-histogram-label { padding-left: 0; padding-right: 8px;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-ratings-histogram-bar-container .pr-ratings-histogram-bar { background-color: #F9F7F6; border-radius: 12px; box-shadow: 0px 0px 2px 0px rgba(10, 37, 65, 0.25) inset; height: 12px;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-ratings-histogram-bar-container .pr-ratings-histogram-barValue { background: #0A2541; height: 12px;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-count { display: none;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross { text-align: center; width: 0;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .pr-cross-icon { height: 20px; width: 20px; font-size: 20px;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .pr-cross-icon:before { content: "\E90D"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .pr-cross-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .pr-cross-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .pr-cross-icon[class*=btn-]:not(.title).btn-sm, #pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .btn-group-sm > .pr-cross-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .pr-cross-icon[class*=btn-]:not(.title).btn-sm:before, #pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .btn-group-sm > .pr-cross-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .pr-cross-icon[class*=btn-]:not(.title) [class*=icon-],
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .pr-cross-icon[class*=btn-]:not(.title) [class^=icon-],
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross .pr-cross-icon[class*=btn-]:not(.title) .fa { display: none;
}
#pr-reviewdisplay .pr-ratings-histogram .pr-histogram-cross svg { display: none;
}
#pr-reviewdisplay .pr-snippet-write-review-link { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; text-decoration: none; font-size: 12px !important; margin: 0; width: 100%;
}
#pr-reviewdisplay .pr-snippet-write-review-link:hover, #pr-reviewdisplay .pr-snippet-write-review-link[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
#pr-reviewdisplay .pr-snippet-write-review-link:active { background-color: #0F194C;
}
#pr-reviewdisplay .pr-snippet-write-review-link:focus { outline: none;
}
#pr-reviewdisplay .pr-snippet-write-review-link:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme #pr-reviewdisplay .pr-snippet-write-review-link { color: #FEFEFE;
}
.dark-theme #pr-reviewdisplay .pr-snippet-write-review-link:hover { color: #FEFEFE;
}
#pr-reviewdisplay .pr-snippet-write-review-link[disabled], #pr-reviewdisplay .pr-snippet-write-review-link.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
#pr-reviewdisplay .pr-snippet-write-review-link[disabled], #pr-reviewdisplay .pr-snippet-write-review-link.disabled { opacity: 1; color: #545454;
}
#pr-reviewdisplay .pr-snippet-write-review-link[class*=icon-], #pr-reviewdisplay .pr-snippet-write-review-link[class^=icon-] { padding-left: calc(47px + 16px);
}
#pr-reviewdisplay .pr-snippet-write-review-link[class*=icon-]:before, #pr-reviewdisplay .pr-snippet-write-review-link[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
@media (min-width: 544px) { #pr-reviewdisplay .pr-snippet-write-review-link { width: auto; }
}
#pr-reviewdisplay .pr-rd-main-header { display: flex; flex-direction: column; margin: 0; padding-top: 24px; margin-top: 24px; flex-direction: row; flex-wrap: wrap;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents { order: 1; width: calc(100% - 235px); background: transparent; text-align: left; padding: 0; display: flex; flex-direction: column;
}
@media (max-width: 543.98px) { #pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents { order: 2; width: 100%; }
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-review-total { order: 2; font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; text-transform: capitalize; margin: 24px 0 0; float: none;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-review-total { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-review-total { font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container { order: 1; margin-top: 0; float: none; max-width: 416px;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input input { border-radius: 50px; border: 1px solid #D8D8D8; padding-left: 40px; padding-right: 16px; padding-top: 9px; padding-bottom: 9px; height: auto !important; line-height: 20px; font-size: 16px; color: #0A2541; transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input input::-moz-placeholder { color: #0A2541; font-weight: 400; font-size: 14px;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input input:-ms-input-placeholder { color: #0A2541; font-weight: 400; font-size: 14px;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input input::placeholder { color: #0A2541; font-weight: 400; font-size: 14px;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input input:hover { box-shadow: 0 2px 4px rgba(34, 34, 34, 0.08); border: 1px solid #0A2541;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input input:focus { box-shadow: none; border: 1px solid #388BFF;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input input::-webkit-search-cancel-button { margin-right: 0;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input input { font-size: 14px; }
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button,
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn { top: 4px; right: auto; left: 4px; background-color: transparent; border: none; width: 40px;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon:before,
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .pr-search-icon:before { content: "\E97C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title),
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title):before,
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title).btn-sm, #pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .btn-group-sm > .pr-search-icon[class*=btn-].btn:not(.title),
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title).btn-sm,
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .btn-group-sm > .pr-search-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title).btn-sm:before, #pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .btn-group-sm > .pr-search-icon[class*=btn-].btn:not(.title):before,
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title).btn-sm:before,
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .btn-group-sm > .pr-search-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title) [class*=icon-],
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title) [class^=icon-],
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title) .fa,
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title) [class*=icon-],
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title) [class^=icon-],
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title) .fa { display: none;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon svg,
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-contents .pr-rd-search-container .pr-rd-search-reviews-input .pr-qa-search-btn .pr-search-icon svg { display: none;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-sorts { order: 2; width: 135px; display: flex; justify-content: flex-end; padding: 0; margin-left: auto;
}
@media (max-width: 543.98px) { #pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-sorts { order: 1; width: 100%; margin-bottom: 12px; margin-top: -12px; }
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-sorts .pr-rd-sort-group { padding: 0;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-sorts .pr-rd-sort-group select { text-overflow: ellipsis;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-sorts .pr-rd-sort-group .pr-rd-sort { letter-spacing: 0.01em; font-size: 12px; min-width: 0; width: auto; border: none; padding: 0 30px 0 0; margin-right: -10px; height: 40px; max-width: 110px;
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-sorts .pr-rd-sort-group .pr-rd-sort { font-size: 14px; }
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-sorts .pr-rd-sort-group .pr-rd-sort { max-width: 125px; }
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-sorts .pr-rd-sort-group #pr-rd-filter-variant-by { margin-left: 24px; max-width: 100px;
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-rd-main-header .pr-rd-review-header-sorts .pr-rd-sort-group #pr-rd-filter-variant-by { max-width: 120px; }
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-display-search-no-results { padding: 0 0 16px; color: #A1001D; text-align: left;
}
#pr-reviewdisplay .pr-rd-main-header .pr-rd-display-search-no-results .pr-rd-no-results-msg { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; margin-bottom: 0;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-rd-main-header .pr-rd-display-search-no-results .pr-rd-no-results-msg { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-rd-main-header .pr-rd-display-search-no-results .pr-rd-no-results-msg { font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar { order: 3; width: 100%; margin: 0;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-review-filter-headline { display: none;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn { background-color: #ECF1F4; border-radius: 24px; display: flex; margin: 16px 8px 8px 0; padding: 8px 8px 8px 20px;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__buttonText { order: 1; color: #0A2541;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon { order: 2; padding-right: 0; padding-left: 8px;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .pr-cross-icon { color: #0A2541; height: 20px; width: 20px; font-size: 20px; line-height: 20px;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .pr-cross-icon:before { content: "\E90D"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .pr-cross-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .pr-cross-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .pr-cross-icon[class*=btn-]:not(.title).btn-sm, #pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .btn-group-sm > .pr-cross-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .pr-cross-icon[class*=btn-]:not(.title).btn-sm:before, #pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .btn-group-sm > .pr-cross-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .pr-cross-icon[class*=btn-]:not(.title) [class*=icon-],
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .pr-cross-icon[class*=btn-]:not(.title) [class^=icon-],
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon .pr-cross-icon[class*=btn-]:not(.title) .fa { display: none;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn .pr-filter-btn__icon svg { display: none;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn:hover .pr-filter-btn__buttonText { color: #0A2541;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn:hover .pr-filter-btn__icon { color: #0A2541;
}
#pr-reviewdisplay .pr-rd-main-header .pr-review-filter-info-bar .pr-filter-btn:hover .pr-filter-btn__icon .pr-cross-icon { background: transparent; border-radius: 0;
}
#pr-reviewdisplay .pr-review { margin-bottom: 0; padding-top: 16px; padding-bottom: 16px; display: flex; flex-direction: column; position: relative;
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-review { padding-top: 24px; padding-bottom: 24px; }
}
#pr-reviewdisplay .pr-review + .pr-review { border-top: 1px solid #ECECEC;
}
#pr-reviewdisplay .pr-review .pr-rd-content-block { width: 100%;
}
#pr-reviewdisplay .pr-review .pr-rd-header { order: 1; display: flex; flex-direction: column; gap: 4px; margin: 0;
}
#pr-reviewdisplay .pr-review .pr-rd-header::before, #pr-reviewdisplay .pr-review .pr-rd-header::after { display: none;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-review .pr-rd-header { flex-direction: row; gap: 12px; }
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-review .pr-rd-header { width: calc(100% - 120px - 24px); }
}
#pr-reviewdisplay .pr-review .pr-rd-header .pr-rd-star-rating { float: none;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-review .pr-rd-header .pr-rd-star-rating { padding-top: 2px; min-width: 160px; max-width: 160px; }
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-review .pr-rd-header .pr-rd-star-rating { min-width: 200px; max-width: 200px; }
}
#pr-reviewdisplay .pr-review .pr-rd-header .pr-rd-star-rating .pr-snippet-stars { margin: 0;
}
#pr-reviewdisplay .pr-review .pr-rd-header .pr-rd-star-rating .pr-snippet-rating-decimal { display: none;
}
#pr-reviewdisplay .pr-review .pr-rd-header .pr-rd-review-headline { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; float: none; margin: 0;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-review .pr-rd-header .pr-rd-review-headline { font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-review .pr-rd-header .pr-rd-review-headline { font-size: 19px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
#pr-reviewdisplay .pr-review .pr-rd-description { order: 2; display: flex; flex-direction: column; margin: 12px 0 0;
}
#pr-reviewdisplay .pr-review .pr-rd-description::before, #pr-reviewdisplay .pr-review .pr-rd-description::after { display: none;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-review .pr-rd-description { display: grid; grid-template-columns: 160px 1fr; margin-top: 4px; margin-bottom: 0; -moz-column-gap: 12px; column-gap: 12px; }
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-review .pr-rd-description { max-width: calc(100% - 120px - 24px); grid-template-columns: 200px 1fr; }
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block { order: 1; padding: 0; margin: 0; margin-bottom: 12px; position: static; display: flex; flex-direction: column; gap: 4px;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block { padding-top: 4px; margin-bottom: 0; min-width: 160px; max-width: 160px; grid-column: 1; grid-row: 1/4; }
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block { min-width: 200px; max-width: 200px; }
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block .pr-rd-reviewer-details { margin: 0; display: flex; flex-direction: column; gap: 4px;
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block .pr-rd-reviewer-details .pr-rd-details { font-weight: 400;
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block .pr-rd-reviewer-details .pr-rd-details span { color: #545454; display: inline-block;
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block .pr-rd-reviewer-details .pr-rd-details .pr-rd-bold { font-weight: 500;
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block .pr-rd-reviewer-details .pr-rd-details .pr-rd-bold::after { content: ":"; margin-left: -0.2em; margin-right: 0.4em;
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block .pr-rd-reviewer-type { margin-bottom: 0; display: block;
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block .pr-rd-reviewer-type .pr-badging-icon { display: none;
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block .pr-rd-reviewer-type .pr-rd-badging-text { color: #545454; padding-left: 0;
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block .pr-rd-review-disclosure { color: #545454; margin-bottom: 0; letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-side-content-block .pr-rd-review-disclosure { font-size: 12px; }
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-review-product { order: 2; padding: 4px 0 2px; color: #0A2541; font-weight: 500;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-review-product { grid-column: 2; grid-row: 1; align-self: start; letter-spacing: 0.01em; font-size: 11px; }
}
@media (min-width: 769px) and (min-width: 1024px) { #pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-review-product { font-size: 12px; }
}
#pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-description-text { order: 3; color: #545454; line-height: 1.75; max-width: 90em;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-review .pr-rd-description .pr-rd-description-text { grid-column: 2; grid-row: 2; align-self: start; }
}
#pr-reviewdisplay .pr-review .pr-rd-images { order: 4; margin-bottom: 0; display: flex; flex-wrap: wrap; gap: 8px;
}
#pr-reviewdisplay .pr-review .pr-rd-images::before, #pr-reviewdisplay .pr-review .pr-rd-images::after { display: none;
}
#pr-reviewdisplay .pr-review .pr-rd-images:not(:empty) { margin: 16px 0 0;
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-review .pr-rd-images:not(:empty) { max-width: calc(100% - 120px - 24px); }
}
#pr-reviewdisplay .pr-review .pr-rd-images .pr-rd-image-container { margin: 0;
}
#pr-reviewdisplay .pr-review .pr-rd-merchant-response { order: 3; margin: 12px 0 0; padding: 8px; background-color: #F9F7F6;
}
@media (min-width: 769px) { #pr-reviewdisplay .pr-review .pr-rd-merchant-response { padding: 12px; }
}
@media (min-width: 1440px) { #pr-reviewdisplay .pr-review .pr-rd-merchant-response { max-width: calc(100% - 120px - 24px); }
}
#pr-reviewdisplay .pr-review .pr-rd-merchant-response .pr-rd-merchant-response-headline { margin-bottom: 4px;
}
#pr-reviewdisplay .pr-review .pr-rd-merchant-response .pr-rd-merchant-response-headline strong { color: #0A2541; font-weight: 500;
}
#pr-reviewdisplay .pr-review .pr-rd-merchant-response .pr-rd-description-text { color: #545454; line-height: 1.75;
}
#pr-reviewdisplay .pr-review .pr-rd-footer { order: 5; padding: 0; margin: 12px 0 0; display: flex; justify-content: space-between; align-items: center;
}
#pr-reviewdisplay .pr-review .pr-rd-footer::before, #pr-reviewdisplay .pr-review .pr-rd-footer::after { display: none;
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-review .pr-rd-footer { position: absolute; top: 24px; right: 0; width: 120px; flex-direction: column; gap: 8px; align-items: flex-end; margin-top: 0; }
}
#pr-reviewdisplay .pr-review .pr-rd-footer .pr-rd-bottomline { font-weight: 500; margin-bottom: 0;
}
#pr-reviewdisplay .pr-review .pr-rd-footer .pr-rd-bottomline span { letter-spacing: 0.01em; font-size: 12px; color: #0A2541; display: inline-block;
}
@media (min-width: 1024px) { #pr-reviewdisplay .pr-review .pr-rd-footer .pr-rd-bottomline span { font-size: 14px; }
}
#pr-reviewdisplay .pr-review .pr-rd-footer .pr-rd-bottomline .pr-rd-bold { font-weight: 400;
}
#pr-reviewdisplay .pr-review .pr-rd-footer .pr-rd-bottomline .pr-rd-bold::after { content: ":"; margin-right: 0.4em;
}
#pr-reviewdisplay .pr-review .pr-rd-footer .pr-rd-helpful-action { margin-left: auto;
}
#pr-reviewdisplay .pr-review .pr-rd-footer .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-rd-helpful-action-btn-group { margin: 0;
}
#pr-reviewdisplay .pr-review .pr-rd-footer .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-rd-helpful-action-legend,
#pr-reviewdisplay .pr-review .pr-rd-footer .pr-rd-helpful-action .pr-rd-helpful-action-group .pr-rd-flag-review-container { display: none;
}
#pr-reviewdisplay .pr-rd-main-footer { border-bottom: none; padding-bottom: 0; border-top: 1px solid #ECECEC; padding-top: 24px;
}
#pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block { width: 100%;
}
#pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-review-position span { color: #0A2541; font-weight: 400;
}
#pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-review-position span.pr-rd-bold { font-weight: 500;
}
#pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-to-top { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer;
}
#pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-to-top:hover { color: #134981; text-decoration: underline;
}
.dark-theme #pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-to-top { color: #FEFEFE;
}
.dark-theme #pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-to-top:hover { color: #FEFEFE;
}
#pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-pagination { border: none; padding: 0; margin: 0;
}
#pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-pagination:not(:empty) { margin-top: 24px; padding: 16px 0; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC;
}
@media (min-width: 860px) { #pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-pagination:not(:empty) { border: none; margin: 0; padding: 0; }
}
#pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-pagination .pr-rd-pagination-btn { color: #0A2541;
}
#pr-reviewdisplay .pr-rd-main-footer .pr-rd-content-block .pr-rd-pagination .pr-rd-pagination-btn:hover { color: #134981;
}
#pr-reviewdisplay .pr-rd-to-top { display: none;
}
#pr-questiondisplay .pr-qa-display { padding: 0; display: flex; flex-direction: column;
}
#pr-questiondisplay .pr-qa-display span { color: inherit; font-size: inherit;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question { order: -1;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; margin: 0; position: absolute; top: -62px; right: 0;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question:hover, #pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question:active { background-color: #0F194C;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question:focus { outline: none;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme #pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question { color: #FEFEFE;
}
.dark-theme #pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question:hover { color: #FEFEFE;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question[disabled], #pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question[disabled], #pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question.disabled { opacity: 1; color: #545454;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question[class*=icon-], #pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question[class^=icon-] { padding-left: calc(47px + 16px);
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question[class*=icon-]:before, #pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
@media (max-width: 543.98px) { #pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question { top: -108px; width: 100% !important; }
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question .pr-cross-icon { display: none;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-btn-ask-question span { color: inherit; font-size: inherit; vertical-align: unset; text-shadow: none;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question #pr-question-form-content-container:not(:empty) { margin-top: 24px;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question #pr-question-form-content-container:not(:empty) .pr-waqwaa { margin-bottom: 0;
}
#pr-questiondisplay .pr-qa-display > .pr-qa-display-ask-question .pr-qa-display-thankyou-headline { margin-top: 24px; margin-bottom: 0;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-tablet .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details { position: relative; padding-right: 132px; display: block;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-tablet .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-helpful-voting { position: absolute; top: 0; right: 0; width: 120px; margin-top: 0; justify-content: flex-end;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-desktop .pr-qa-display-question { width: 100%; float: none;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-desktop .pr-qa-display-question .pr-qa-display-questionlist::after { display: block; content: ""; clear: both;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-desktop .pr-qa-display-question .pr-qa-display-questionlist > :not(.pr-qa-display-item-details) { width: calc(100% - 200px); float: right;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-desktop .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item-details { margin-top: 0;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-desktop .pr-qa-display-question .pr-qa-display-questionlist + .pr-qa-display-questionlist .pr-qa-display-item-details { top: 24px;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-desktop .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item { padding-right: 212px;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-desktop .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details { position: relative; padding-right: 212px; display: block;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-desktop .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-helpful-voting { position: absolute; top: 0; right: 0; width: 200px; margin-top: 0; justify-content: flex-end;
}
#pr-questiondisplay .pr-qa-display.pr-qa-display-desktop .pr-qa-display-item-details { width: 200px; top: 0; left: 0; margin: 0;
}
#pr-questiondisplay .pr-qa-display .pr-qa-display-thankyou-headline { float: none; width: 100%; margin-top: 0; margin-bottom: 24px; text-align: center; border-radius: 6px; padding: 16px calc(32px); font-size: 12px; letter-spacing: 0.02em; background: #D4EDDA; border: 1px solid #C3E6CB; color: #155724;
}
#pr-questiondisplay .pr-qa-display-ask-question { float: none; padding: 0; margin: 0; position: static; width: 100%;
}
#pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; position: absolute; right: 0;
}
#pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn:hover, #pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
#pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn:active { background-color: #0F194C;
}
#pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn:focus { outline: none;
}
#pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme #pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn { color: #FEFEFE;
}
.dark-theme #pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn:hover { color: #FEFEFE;
}
#pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn[disabled], #pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
#pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn[disabled], #pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn.disabled { opacity: 1; color: #545454;
}
#pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn[class*=icon-], #pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
#pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn[class*=icon-]:before, #pr-questiondisplay .pr-qa-display-ask-question .pr-qa-display-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container { position: relative; overflow: hidden;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa { width: 100%; max-width: none; background: #ECF1F4; padding: 16px; margin-bottom: 24px;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa { padding: 24px; }
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-alert-container { margin-top: 0;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-alert-message .pr-alert_heading { margin: 0 0 8px; font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-alert-message .pr-alert_heading { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-alert-message .pr-alert_heading { font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-alert-message .pr-alert_list { margin-bottom: 0; letter-spacing: 0.01em; font-size: 12px;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-alert-message .pr-alert_list { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-header-required { margin-bottom: 12px;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-control-label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal { display: flex; margin-top: 0; margin-bottom: 0; max-width: 440px;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; line-height: 1; padding: 9px 23px 9px 23px; letter-spacing: 0.1em; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 9px 23px 9px 23px; padding-left: 5px; padding-right: 5px; background-color: #FEFEFE; color: #0A2541; border-color: #D8D8D8; box-shadow: none !important;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn:hover, #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn:active { background-color: #0F194C;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn:focus { outline: none;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn { color: #FEFEFE;
}
.dark-theme #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn:hover { color: #FEFEFE;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn[disabled], #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn[disabled], #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn.disabled { opacity: 1; color: #545454;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn[class*=icon-], #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn[class^=icon-] { padding-left: calc(47px + 16px); padding-left: calc(23px + 16px);
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn[class*=icon-]:before, #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn:first-of-type { border-top-right-radius: 0; border-bottom-right-radius: 0;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn:last-of-type { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn:hover { border-color: #D8D8D8;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-btn-group--radio-horizontal .pr-btn.active { border-color: #D8D8D8; background-color: #134981; color: #FEFEFE;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-waq-prequestion-message { background: #F9F7F6; border: 1px solid #ECECEC; margin: 0; padding: 16px;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-waq-prequestion-message { padding: 24px; }
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-waq-prequestion-message .pr-prequestion-size { margin: 0;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-waq-prequestion-message .pr-prequestion-size p,
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-waq-prequestion-message .pr-prequestion-size ul { line-height: 1.75;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-waq-prequestion-message .pr-prequestion-size p { margin-bottom: 4px;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-waq-prequestion-message h3 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; margin: 0 0 12px;
}
@media (min-width: 769px) { #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-waq-prequestion-message h3 { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-waq-prequestion-message h3 { font-size: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-form-control { border-color: #D8D8D8; background-color: #FEFEFE; outline: none; box-shadow: none; color: #0A2541; border-width: 1px; border-radius: 4px; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 0.02em; padding-top: 13px; padding-bottom: 13px; padding-left: 16px; padding-right: 16px; height: calc(20px + 13px + 13px + (1px*2)); outline: 0;
}
@media (min-width: 769px) { #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-form-control { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-form-control::-moz-placeholder { color: #545454;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-form-control:-ms-input-placeholder { color: #545454;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-form-control::placeholder { color: #545454;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-form-control:hover { border-color: #0A2541; outline: none; box-shadow: 0 2px 4px rgba(34, 34, 34, 0.08);
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-form-control:focus { border-color: #388BFF; outline: none; box-shadow: none;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; margin: 0 auto;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review:hover, #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review:active { background-color: #0F194C;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review:focus { outline: none;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review { color: #FEFEFE;
}
.dark-theme #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review:hover { color: #FEFEFE;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review[disabled], #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review[disabled], #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review.disabled { opacity: 1; color: #545454;
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review[class*=icon-], #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review[class^=icon-] { padding-left: calc(47px + 16px);
}
#pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review[class*=icon-]:before, #pr-questiondisplay .pr-qa-display-ask-question #pr-question-form-content-container .pr-waqwaa .pr-submit .pr-btn-review[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#pr-questiondisplay .pr-qa-display-headline { margin: 0; padding: 24px 0 calc(24px + 1.2em + 24px); display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;
}
#pr-questiondisplay .pr-qa-display-headline::before, #pr-questiondisplay .pr-qa-display-headline::after { display: none;
}
#pr-questiondisplay .pr-qa-display-headline .pr-h1 { display: none;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-ask-question .pr-qa-display-btn { top: -62px;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-sort { padding: 0; justify-content: flex-end; border: none; width: 120px;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-sort .pr-qa-sort-headline { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; position: absolute; top: calc(100% - (24px + 1.2em)); left: 0; margin: 0;
}
@media (min-width: 769px) { #pr-questiondisplay .pr-qa-display-headline .pr-qa-display-sort .pr-qa-sort-headline { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-headline .pr-qa-display-sort .pr-qa-sort-headline { font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-sort .pr-qa-sort-group label { display: none;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-sort .pr-qa-sort-group .pr-qa-sort { letter-spacing: 0.01em; font-size: 12px; min-width: 0; width: auto; border: none; padding: 0 30px 0 0; margin-right: -10px; direction: rtl; height: 40px;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-headline .pr-qa-display-sort .pr-qa-sort-group .pr-qa-sort { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search { background-color: transparent; padding: 0; width: calc(100% - 120px); max-width: 416px; position: static;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search label { display: none;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar input { border-radius: 50px; border: 1px solid #D8D8D8; padding-left: 40px; padding-right: 16px; padding-top: 9px; padding-bottom: 9px; height: auto !important; line-height: 20px; font-size: 16px; color: #0A2541; transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar input::-moz-placeholder { color: #0A2541; font-weight: 400; font-size: 14px;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar input:-ms-input-placeholder { color: #0A2541; font-weight: 400; font-size: 14px;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar input::placeholder { color: #0A2541; font-weight: 400; font-size: 14px;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar input:hover { box-shadow: 0 2px 4px rgba(34, 34, 34, 0.08); border: 1px solid #0A2541;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar input:focus { box-shadow: none; border: 1px solid #388BFF;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar input::-webkit-search-cancel-button { margin-right: 0;
}
@media (min-width: 769px) { #pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar input { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button,
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn { top: 4px; right: auto; left: 4px; background-color: transparent; border: none; width: 40px;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .pr-search-icon:before,
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .pr-search-icon:before { content: "\E97C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title),
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title):before,
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title).btn-sm, #pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .btn-group-sm > .pr-search-icon[class*=btn-].btn:not(.title),
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title).btn-sm,
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .btn-group-sm > .pr-search-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title).btn-sm:before, #pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .btn-group-sm > .pr-search-icon[class*=btn-].btn:not(.title):before,
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title).btn-sm:before,
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .btn-group-sm > .pr-search-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title) [class*=icon-],
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title) [class^=icon-],
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .pr-search-icon[class*=btn-]:not(.title) .fa,
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title) [class*=icon-],
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title) [class^=icon-],
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .pr-search-icon[class*=btn-]:not(.title) .fa { display: none;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-rd-search-reviews-icon-button .pr-search-icon svg,
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-searchbar .pr-qa-search-btn .pr-search-icon svg { display: none;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-clear-search-button { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer; letter-spacing: 0.01em; font-size: 12px; position: absolute; bottom: calc(24px + 1px); right: 0px;
}
#pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-clear-search-button:hover { color: #134981; text-decoration: underline;
}
.dark-theme #pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-clear-search-button { color: #FEFEFE;
}
.dark-theme #pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-clear-search-button:hover { color: #FEFEFE;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-headline .pr-qa-display-search .pr-qa-display-clear-search-button { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-question { margin-bottom: 24px; border-bottom: 1px solid #ECECEC;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-item-text,
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-answer-text { letter-spacing: 0.01em; font-size: 12px; line-height: 1.75; color: #0A2541; max-width: 90em;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-item-text,
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-answer-text { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-question dl { margin: 0;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist { margin: 0; padding: 0 0 24px; border-left: none;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist + .pr-qa-display-questionlist { border-top: 1px solid #ECECEC; padding-top: 24px;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item { color: #0A2541; margin: 0;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item .pr-qa-display-item-icon { display: none;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item span { font-weight: 500;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item-details { display: flex; flex-direction: column; gap: 4px; line-height: inherit; margin-bottom: 0; margin-top: 12px;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item-details sub,
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item-details time { letter-spacing: 0.01em; font-size: 12px; color: #545454; font-weight: 400;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item-details sub,
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item-details time { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-item-details time { margin-left: 0;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer-link-container { margin: 0; margin-top: 12px;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer-link-container .pr-btn-answer { letter-spacing: 0.01em; font-size: 12px; color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer; line-height: 1.43; margin: 0;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer-link-container .pr-btn-answer { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer-link-container .pr-btn-answer:hover { color: #134981; text-decoration: underline;
}
.dark-theme #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer-link-container .pr-btn-answer { color: #FEFEFE;
}
.dark-theme #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer-link-container .pr-btn-answer:hover { color: #FEFEFE;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer-link-container .pr-btn-answer .pr-cross-icon { display: none;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer-link-container .pr-btn-answer .pr-qa-display-text { color: inherit; vertical-align: unset;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer { margin: 0;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa { width: 100%; max-width: none; background: #ECF1F4; margin: 24px 0; padding: 16px;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa { padding: 24px; }
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-alert-container { margin-top: 0;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-alert-message .pr-alert_heading { margin: 0 0 8px; font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-alert-message .pr-alert_heading { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-alert-message .pr-alert_heading { font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-alert-message .pr-alert_list { margin-bottom: 0; letter-spacing: 0.01em; font-size: 12px;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-alert-message .pr-alert_list { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-header-required { margin-bottom: 12px; text-align: right;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-control-label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-form-control { border-color: #D8D8D8; background-color: #FEFEFE; outline: none; box-shadow: none; color: #0A2541; border-width: 1px; border-radius: 4px; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 0.02em; padding-top: 13px; padding-bottom: 13px; padding-left: 16px; padding-right: 16px; height: calc(20px + 13px + 13px + (1px*2)); outline: 0;
}
@media (min-width: 769px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-form-control { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-form-control::-moz-placeholder { color: #545454;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-form-control:-ms-input-placeholder { color: #545454;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-form-control::placeholder { color: #545454;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-form-control:hover { border-color: #0A2541; outline: none; box-shadow: 0 2px 4px rgba(34, 34, 34, 0.08);
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-form-control:focus { border-color: #388BFF; outline: none; box-shadow: none;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; margin: 0 auto;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review:hover, #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review:active { background-color: #0F194C;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review:focus { outline: none;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review { color: #FEFEFE;
}
.dark-theme #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review:hover { color: #FEFEFE;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review[disabled], #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review[disabled], #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review.disabled { opacity: 1; color: #545454;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review[class*=icon-], #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review[class^=icon-] { padding-left: calc(47px + 16px);
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review[class*=icon-]:before, #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-add-answer .pr-qa-display-form .pr-waqwaa .pr-submit .pr-btn-review[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer { letter-spacing: 0.01em; font-size: 12px; margin: 0; margin-top: 16px;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container { border-left: 1px solid #388BFF; padding-left: 12px;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container { padding-left: 16px; }
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details { padding: 0;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-qa-display-answer-icon { display: none;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-qa-display-answer-by { letter-spacing: 0.01em; font-size: 12px; font-weight: 500; color: #0A2541; margin-bottom: 4px;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-qa-display-answer-by { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-qa-display-answer-text { color: #545454;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-qa-display-answer-text a { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-qa-display-answer-text a:hover { color: #134981; text-decoration: underline;
}
.dark-theme #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-qa-display-answer-text a { color: #FEFEFE;
}
.dark-theme #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-qa-display-answer-text a:hover { color: #FEFEFE;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-helpful-voting { display: flex; gap: 16px; margin-top: 12px;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-answer .pr-qa-display-answer-by-container .pr-qa-display-answer-details .pr-helpful-voting .pr-helpful-btn { padding: 0;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-show-more-answers { margin: 0; margin-top: 16px;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-show-more-answers .pr-btn-show-more { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer; letter-spacing: 0.01em; font-size: 12px; text-decoration: none; margin: 0; padding: 0; display: flex; align-items: center; color: #0A2541;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-show-more-answers .pr-btn-show-more:hover { color: #134981; text-decoration: underline;
}
.dark-theme #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-show-more-answers .pr-btn-show-more { color: #FEFEFE;
}
.dark-theme #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-show-more-answers .pr-btn-show-more:hover { color: #FEFEFE;
}
@media (min-width: 1024px) { #pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-show-more-answers .pr-btn-show-more { font-size: 14px; }
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-show-more-answers .pr-btn-show-more .pr-qa-display-text { order: 1;
}
#pr-questiondisplay .pr-qa-display-question .pr-qa-display-questionlist .pr-qa-display-show-more-answers .pr-btn-show-more .pr-caret-icon { order: 2; position: static; width: 12px; height: 12px;
}
#pr-questiondisplay .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: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; width: auto !important; display: block; margin: 0 auto;
}
#pr-questiondisplay .pr-qa-display-show-more-questions:hover, #pr-questiondisplay .pr-qa-display-show-more-questions[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
#pr-questiondisplay .pr-qa-display-show-more-questions:active { background-color: #0F194C;
}
#pr-questiondisplay .pr-qa-display-show-more-questions:focus { outline: none;
}
#pr-questiondisplay .pr-qa-display-show-more-questions:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme #pr-questiondisplay .pr-qa-display-show-more-questions { color: #FEFEFE;
}
.dark-theme #pr-questiondisplay .pr-qa-display-show-more-questions:hover { color: #FEFEFE;
}
#pr-questiondisplay .pr-qa-display-show-more-questions[disabled], #pr-questiondisplay .pr-qa-display-show-more-questions.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
#pr-questiondisplay .pr-qa-display-show-more-questions[disabled], #pr-questiondisplay .pr-qa-display-show-more-questions.disabled { opacity: 1; color: #545454;
}
#pr-questiondisplay .pr-qa-display-show-more-questions[class*=icon-], #pr-questiondisplay .pr-qa-display-show-more-questions[class^=icon-] { padding-left: calc(47px + 16px);
}
#pr-questiondisplay .pr-qa-display-show-more-questions[class*=icon-]:before, #pr-questiondisplay .pr-qa-display-show-more-questions[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
#pr-questiondisplay .pr-qa-display-show-more-questions .pr-caret-icon { display: none;
}
body .p-w-r .pr-war { max-width: none; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; padding-top: 24px; margin: 0 auto;
}
body .p-w-r .pr-war .pr-header { width: 100%; border-bottom: none; margin-bottom: 24px;
}
@media (min-width: 1024px) { body .p-w-r .pr-war .pr-header { width: 50%; position: sticky; top: calc(72px + 55px); margin-bottom: 0; padding-top: 24px; } body .p-w-r .pr-war .pr-header .pr-header-table { justify-content: center; padding-right: 24px; }
}
body .p-w-r .pr-war .pr-header .pr-header-table { margin: 0; display: flex; -moz-column-gap: 12px; column-gap: 12px;
}
body .p-w-r .pr-war .pr-header .pr-header-table .pr-header-product-img { width: 100px;
}
body .p-w-r .pr-war .pr-header .pr-header-table .pr-header-product-img img { display: block; width: 100%; height: auto;
}
body .p-w-r .pr-war .pr-header .pr-header-table .pr-table-cell { display: flex; flex-direction: column; justify-content: center; padding: 0;
}
body .p-w-r .pr-war .pr-header .pr-header-table .pr-table-cell .pr-header-title { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; margin: 0 0 8px;
}
@media (min-width: 769px) { body .p-w-r .pr-war .pr-header .pr-header-table .pr-table-cell .pr-header-title { font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { body .p-w-r .pr-war .pr-header .pr-header-table .pr-table-cell .pr-header-title { font-size: 33px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
body .p-w-r .pr-war .pr-header .pr-header-table .pr-table-cell .pr-header-product-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 14px; font-weight: 500 !important; color: #0A2541 !important; text-decoration: none; margin: 0;
}
@media (min-width: 1024px) { body .p-w-r .pr-war .pr-header .pr-header-table .pr-table-cell .pr-header-product-name { font-size: 16px; line-height: 1.4; }
}
body .p-w-r .pr-war .pr-header .pr-header-table .pr-table-cell .pr-header-product-name:hover { color: #0A2541; text-decoration: none;
}
body .p-w-r .pr-war .pr-header .pr-header-table .pr-table-cell .pr-header-product-name .pr-underline { text-decoration: none;
}
body .p-w-r .pr-war #pr-war-form { width: 100%;
}
@media (min-width: 1024px) { body .p-w-r .pr-war #pr-war-form { width: 50%; }
}
body .p-w-r .pr-war #pr-war-form .pr-header-required { text-align: right; margin-bottom: 12px;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-label,
body .p-w-r .pr-war #pr-war-form .pr-control-label,
body .p-w-r .pr-war #pr-war-form .pr-media-input-display-captionGroup label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em; display: block;
}
body .p-w-r .pr-war #pr-war-form .pr-form-control { border-color: #D8D8D8; background-color: #FEFEFE; outline: none; box-shadow: none; color: #0A2541; border-width: 1px; border-radius: 4px; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 0.02em; padding-top: 13px; padding-bottom: 13px; padding-left: 16px; padding-right: 16px; height: calc(20px + 13px + 13px + (1px*2)); outline: 0;
}
@media (min-width: 769px) { body .p-w-r .pr-war #pr-war-form .pr-form-control { font-size: 14px; }
}
body .p-w-r .pr-war #pr-war-form .pr-form-control::-moz-placeholder { color: #545454;
}
body .p-w-r .pr-war #pr-war-form .pr-form-control:-ms-input-placeholder { color: #545454;
}
body .p-w-r .pr-war #pr-war-form .pr-form-control::placeholder { color: #545454;
}
body .p-w-r .pr-war #pr-war-form .pr-form-control:hover { border-color: #0A2541; outline: none; box-shadow: 0 2px 4px rgba(34, 34, 34, 0.08);
}
body .p-w-r .pr-war #pr-war-form .pr-form-control:focus { border-color: #388BFF; outline: none; box-shadow: none;
}
body .p-w-r .pr-war #pr-war-form .pr-star-v4 { font-size: 24px; margin-right: 0; padding: 0; height: auto; width: auto;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group { flex-wrap: wrap; gap: 6px;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-file-input-label { width: 100%; margin-bottom: 0;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; padding-left: 24px; padding-right: 24px; margin-left: 0;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput:hover, body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput[aria-describedby*=popover] { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput:active { color: #545769; border: 1px solid #134981;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput:focus { outline: none;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput { color: #0A2541;
}
.dark-theme body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput:hover { color: #0A2541;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput[disabled], body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput[disabled], body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput.disabled { opacity: 1; color: #545454;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput[class*=icon-], body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput[class^=icon-] { padding-left: calc(47px + 16px);
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput[class*=icon-]:before, body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput svg { margin-top: -15px; margin-bottom: -15px;
}
body .p-w-r .pr-war #pr-war-form .pr-file-input-btn-group .pr-btn-fileinput svg circle { fill: transparent;
}
body .p-w-r .pr-war #pr-war-form .pr-clear-all-radios { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer;
}
body .p-w-r .pr-war #pr-war-form .pr-clear-all-radios:hover { color: #134981; text-decoration: underline;
}
.dark-theme body .p-w-r .pr-war #pr-war-form .pr-clear-all-radios { color: #FEFEFE;
}
.dark-theme body .p-w-r .pr-war #pr-war-form .pr-clear-all-radios:hover { color: #FEFEFE;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table { margin-bottom: 24px;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display { margin-bottom: 24px;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display .pr-media-input-display-thumbnail { margin-right: 12px;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; line-height: 1; padding: 9px 23px 9px 23px; letter-spacing: 0.1em; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 9px 23px 9px 23px; padding: 0;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button:hover, body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button[aria-describedby*=popover] { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button:active { color: #545769; border: 1px solid #134981;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button:focus { outline: none;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button { color: #0A2541;
}
.dark-theme body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button:hover { color: #0A2541;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button[disabled], body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button[disabled], body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button.disabled { opacity: 1; color: #545454;
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button[class*=icon-], body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button[class^=icon-] { padding-left: calc(47px + 16px); padding-left: calc(23px + 16px);
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button[class*=icon-]:before, body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-captionGroup-buttons .pr-media-input-display-captionGroup-button[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
body .p-w-r .pr-war #pr-war-form .pr-media-table .pr-media-input-display-thumbnail-wrapper { background: #F9F7F6;
}
body .p-w-r .pr-war .pr-submit { width: 100%;
}
@media (min-width: 1024px) { body .p-w-r .pr-war .pr-submit { width: 50%; margin-left: auto; }
}
body .p-w-r .pr-war .pr-submit .pr-footer { border-top: none; font-size: inherit; padding-top: 0;
}
body .p-w-r .pr-war .pr-submit .pr-footer .pr-subscript { letter-spacing: 0.01em; font-size: 11px; margin-bottom: 24px;
}
@media (min-width: 1024px) { body .p-w-r .pr-war .pr-submit .pr-footer .pr-subscript { font-size: 12px; }
}
body .p-w-r .pr-war .pr-submit .pr-footer .pr-subscript a { font-size: inherit;
}
body .p-w-r .pr-war .pr-submit .pr-btn-review { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
body .p-w-r .pr-war .pr-submit .pr-btn-review:hover, body .p-w-r .pr-war .pr-submit .pr-btn-review[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
body .p-w-r .pr-war .pr-submit .pr-btn-review:active { background-color: #0F194C;
}
body .p-w-r .pr-war .pr-submit .pr-btn-review:focus { outline: none;
}
body .p-w-r .pr-war .pr-submit .pr-btn-review:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme body .p-w-r .pr-war .pr-submit .pr-btn-review { color: #FEFEFE;
}
.dark-theme body .p-w-r .pr-war .pr-submit .pr-btn-review:hover { color: #FEFEFE;
}
body .p-w-r .pr-war .pr-submit .pr-btn-review[disabled], body .p-w-r .pr-war .pr-submit .pr-btn-review.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
body .p-w-r .pr-war .pr-submit .pr-btn-review[disabled], body .p-w-r .pr-war .pr-submit .pr-btn-review.disabled { opacity: 1; color: #545454;
}
body .p-w-r .pr-war .pr-submit .pr-btn-review[class*=icon-], body .p-w-r .pr-war .pr-submit .pr-btn-review[class^=icon-] { padding-left: calc(47px + 16px);
}
body .p-w-r .pr-war .pr-submit .pr-btn-review[class*=icon-]:before, body .p-w-r .pr-war .pr-submit .pr-btn-review[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
body .p-w-r .thank-you-page { display: flex; flex-direction: column; gap: 24px;
}
@media (min-width: 1024px) { body .p-w-r .thank-you-page { flex-direction: row; } body .p-w-r .thank-you-page > .pr-row { width: 50%; }
}
body .p-w-r .thank-you-page > #fb-root { display: none;
}
body .p-w-r .thank-you-page > .pr-row:not(.review-preview) { margin-left: 0; margin-right: 0;
}
body .p-w-r .thank-you-page .header { border-bottom: none; margin: 24px 0; padding: 0; float: none; height: auto;
}
body .p-w-r .thank-you-page .header .title { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; margin: 0 0 12px;
}
@media (min-width: 769px) { body .p-w-r .thank-you-page .header .title { font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { body .p-w-r .thank-you-page .header .title { font-size: 33px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
body .p-w-r .thank-you-page .header .subtitle { letter-spacing: 0.01em; font-size: 16px; margin: 0 0 24px; font-weight: unset; color: inherit !important; line-height: 1.75;
}
@media (min-width: 1024px) { body .p-w-r .thank-you-page .header .subtitle { font-size: 17px; }
}
body .p-w-r .thank-you-page .header .pr-h5 a { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
body .p-w-r .thank-you-page .header .pr-h5 a:hover, body .p-w-r .thank-you-page .header .pr-h5 a[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
body .p-w-r .thank-you-page .header .pr-h5 a:active { background-color: #0F194C;
}
body .p-w-r .thank-you-page .header .pr-h5 a:focus { outline: none;
}
body .p-w-r .thank-you-page .header .pr-h5 a:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme body .p-w-r .thank-you-page .header .pr-h5 a { color: #FEFEFE;
}
.dark-theme body .p-w-r .thank-you-page .header .pr-h5 a:hover { color: #FEFEFE;
}
body .p-w-r .thank-you-page .header .pr-h5 a[disabled], body .p-w-r .thank-you-page .header .pr-h5 a.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
body .p-w-r .thank-you-page .header .pr-h5 a[disabled], body .p-w-r .thank-you-page .header .pr-h5 a.disabled { opacity: 1; color: #545454;
}
body .p-w-r .thank-you-page .header .pr-h5 a[class*=icon-], body .p-w-r .thank-you-page .header .pr-h5 a[class^=icon-] { padding-left: calc(47px + 16px);
}
body .p-w-r .thank-you-page .header .pr-h5 a[class*=icon-]:before, body .p-w-r .thank-you-page .header .pr-h5 a[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
body .p-w-r .thank-you-page .review-preview { margin-top: 24px;
}
body .p-w-r .thank-you-page .review-preview > .col-sm-12:first-child { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;
}
body .p-w-r .thank-you-page .review-preview > .col-sm-12:first-child .pr-custom-star-image,
body .p-w-r .thank-you-page .review-preview > .col-sm-12:first-child .pr-custom-star-image-hover,
body .p-w-r .thank-you-page .review-preview > .col-sm-12:first-child .pr-clearfix { display: none;
}
body .p-w-r .thank-you-page .review-preview .pr-star-v4 { font-size: 24px; margin-right: 0; padding: 0; height: auto; width: auto;
}
body .p-w-r .thank-you-page .review-preview .pr-rating-number { display: none;
}
body .p-w-r .thank-you-page .review-preview .headline,
body .p-w-r .thank-you-page .review-preview .pr-text,
body .p-w-r .thank-you-page .review-preview .text { margin: 0 0 12px;
}
body .p-w-r .thank-you-page .review-preview .headline { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { body .p-w-r .thank-you-page .review-preview .headline { font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { body .p-w-r .thank-you-page .review-preview .headline { font-size: 19px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
body .p-w-r .thank-you-page .review-preview .pr-text,
body .p-w-r .thank-you-page .review-preview .text { letter-spacing: 0.01em; font-size: 12px;
}
@media (min-width: 1024px) { body .p-w-r .thank-you-page .review-preview .pr-text,
body .p-w-r .thank-you-page .review-preview .text { font-size: 14px; }
}
body .p-w-r .thank-you-page .review-preview .pr-rating-date { border: none; padding: 0; color: #545454; margin-top: 3px;
}
body .p-w-r .thank-you-page .review-preview .pr-dark { color: inherit;
}
.quick-view-dialog .p-w-r { pointer-events: none;
}
.pr-gallery .pr-gallery-header + .pr-gallery-slider .pr-irlsnippet-header { display: none;
}
.pr-gallery .pr-gallery-header { padding-top: 24px; padding-bottom: 24px; display: flex; flex-direction: column; justify-content: flex-start; row-gap: 11px;
}
.pr-gallery .pr-gallery-header.align-left { align-items: flex-start;
}
.pr-gallery .pr-gallery-header.align-center { align-items: center;
}
@media (min-width: 769px) { .pr-gallery .pr-gallery-header { flex-direction: row; -moz-column-gap: 16px; column-gap: 16px; align-items: flex-end; } .pr-gallery .pr-gallery-header.align-left { align-items: flex-end; justify-content: flex-start; } .pr-gallery .pr-gallery-header.align-center { align-items: flex-end; justify-content: center; }
}
@media (min-width: 1024px) { .pr-gallery .pr-gallery-header { -moz-column-gap: 24px; column-gap: 24px; }
}
.pr-gallery .pr-gallery-header .pr-gallery-title: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-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .pr-gallery .pr-gallery-header .pr-gallery-title: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: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .pr-gallery .pr-gallery-header .pr-gallery-title: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: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.pr-gallery .pr-gallery-header .pr-gallery-title > * { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; margin-bottom: 0;
}
.pr-gallery .pr-gallery-header .pr-gallery-primary-text.btn,
.pr-gallery .pr-gallery-header .pr-gallery-secondary-text.btn { padding-top: 5px; padding-bottom: 5px;
}
@media (min-width: 769px) { .pr-gallery .pr-gallery-header .pr-gallery-secondary-text { margin-left: auto; }
}
@media (max-width: 768.98px) { .pr-gallery .pr-gallery-slider { overflow: hidden; margin-right: -30px; }
}
.pr-gallery .pr-gallery-slider .pr-irl-gallery { display: flex; flex-direction: column;
}
.pr-gallery .pr-gallery-slider .pr-irl-gallery .pr-irlsnippet-header { padding-top: 24px; padding-bottom: 24px; margin: 0; font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .pr-gallery .pr-gallery-slider .pr-irl-gallery .pr-irlsnippet-header { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .pr-gallery .pr-gallery-slider .pr-irl-gallery .pr-irlsnippet-header { font-size: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.pr-gallery .pr-gallery-slider.align-left .pr-irlsnippet-header { text-align: left;
}
.pr-gallery .pr-gallery-slider.align-left .pr-irl-gallery { justify-content: flex-start;
}
.pr-gallery .pr-gallery-slider.align-center .pr-irlsnippet-header { text-align: center;
}
.pr-gallery .pr-gallery-slider.align-center .pr-irl-gallery { justify-content: center;
}
.pr-gallery .pr-gallery-slider .pr-sgl { justify-content: stretch; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;
}
@media (max-width: 768.98px) { .pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_window { width: calc(100vw - 30px) !important; }
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn { position: absolute; top: 0; height: 100%; width: 39px !important; z-index: 1;
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn:disabled { opacity: 0;
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn--prev { left: 0; margin-left: -19.5px;
}
@media (max-width: 768.98px) { .pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn--prev { margin-left: 16px; }
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn--next { right: 0; margin-right: -19.5px;
}
@media (max-width: 768.98px) { .pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn--next { margin-right: 16px; }
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon { border-radius: 50%; background: #ECF1F4; width: 39px; height: 39px; position: relative; display: block;
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon:before { content: "\E905"; font-family: "icomoon"; display: inline-block; font-size: 13px; color: #0A2541; font-weight: normal;
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon[class*=btn-]:not(.title).btn-sm, .pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .btn-group-sm > .pr-caret-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon[class*=btn-]:not(.title).btn-sm:before, .pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .btn-group-sm > .pr-caret-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon[class*=btn-]:not(.title) [class*=icon-],
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon[class*=btn-]:not(.title) [class^=icon-],
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon[class*=btn-]:not(.title) .fa { display: none;
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon::before { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_pagination-btn .pr-caret-icon svg { display: none;
}
.pr-gallery .pr-gallery-slider .pr-sgl .pr-sgl_list .pr-sgl_list_item .pr-icon { display: none;
}
.pr-reviewsnippetpreview { height: 22px;
}
.product-detail .price,
.quick-view-dialog .price,
.cart-explicit-recommendations .price { color: #222222;
}
.product-detail .price .strike-through,
.quick-view-dialog .price .strike-through,
.cart-explicit-recommendations .price .strike-through { text-decoration: line-through; color: #545454;
}
.product-detail .price del ~ .sales,
.quick-view-dialog .price del ~ .sales,
.cart-explicit-recommendations .price del ~ .sales { float: left; margin-right: 4px;
}
.product-detail .price .tiered,
.quick-view-dialog .price .tiered,
.cart-explicit-recommendations .price .tiered { color: #222222;
}
.product-detail .price .tiered table .table-header,
.quick-view-dialog .price .tiered table .table-header,
.cart-explicit-recommendations .price .tiered table .table-header { display: none;
}
.product-detail .price .tiered td,
.product-detail .price .tiered span.price,
.quick-view-dialog .price .tiered td,
.quick-view-dialog .price .tiered span.price,
.cart-explicit-recommendations .price .tiered td,
.cart-explicit-recommendations .price .tiered span.price { font-size: paragraph-font-size(small); font-weight: bold;
}
.product-detail .price .tiered td,
.quick-view-dialog .price .tiered td,
.cart-explicit-recommendations .price .tiered td { padding: calc(16px / 2);
}
.product-detail .price .tiered td.quantity,
.quick-view-dialog .price .tiered td.quantity,
.cart-explicit-recommendations .price .tiered td.quantity { font-weight: normal; text-align: right;
}
.product-detail .price .tiered td.value,
.quick-view-dialog .price .tiered td.value,
.cart-explicit-recommendations .price .tiered td.value { text-align: left;
}
.product-detail .price .tiered .table-header,
.quick-view-dialog .price .tiered .table-header,
.cart-explicit-recommendations .price .tiered .table-header { padding: calc(16px / 2);
}
.product-detail .price .tiered .column-header,
.quick-view-dialog .price .tiered .column-header,
.cart-explicit-recommendations .price .tiered .column-header { padding: calc(16px / 2); font-weight: normal;
}
.product-detail .price .tiered .column-header.quantity,
.quick-view-dialog .price .tiered .column-header.quantity,
.cart-explicit-recommendations .price .tiered .column-header.quantity { text-align: right;
}
.product-info .product-line-item + .product-line-item, .product-info .product-line-item + .bonus-product-line-item, .product-info .product-line-item + .shipment-block,
.product-info .bonus-product-line-item + .product-line-item,
.product-info .bonus-product-line-item + .bonus-product-line-item,
.product-info .bonus-product-line-item + .shipment-block,
.product-info .multi-shipping + .product-line-item,
.product-info .multi-shipping + .bonus-product-line-item,
.product-info .multi-shipping + .shipment-block,
.product-info .shipment-block + .product-line-item,
.product-info .shipment-block + .bonus-product-line-item,
.product-info .shipment-block + .shipment-block,
.product-summary .product-line-item + .product-line-item,
.product-summary .product-line-item + .bonus-product-line-item,
.product-summary .product-line-item + .shipment-block,
.product-summary .bonus-product-line-item + .product-line-item,
.product-summary .bonus-product-line-item + .bonus-product-line-item,
.product-summary .bonus-product-line-item + .shipment-block,
.product-summary .multi-shipping + .product-line-item,
.product-summary .multi-shipping + .bonus-product-line-item,
.product-summary .multi-shipping + .shipment-block,
.product-summary .shipment-block + .product-line-item,
.product-summary .shipment-block + .bonus-product-line-item,
.product-summary .shipment-block + .shipment-block { margin-top: calc(16px - (16px / 2)); padding-top: 16px; border-top: 1px solid #DBDBDB; border-radius: var(--border-radius, 0px);
}
.product-info .bonus-product-line-item + .product-line-item, .product-info .bonus-product-line-item + .bonus-product-line-item,
.product-summary .bonus-product-line-item + .product-line-item,
.product-summary .bonus-product-line-item + .bonus-product-line-item { border-top: none;
}
.product-info .shipment-block + .shipment-block,
.product-summary .shipment-block + .shipment-block { margin-top: 24px; padding-top: 24px;
}
.order-product-summary .product-info,
.order-product-summary .product-summary,
.order-product-summary .multi-shipping { padding: 0; margin: 0;
}
.order-product-summary .product-info h3:not(:first-child),
.order-product-summary .product-summary h3:not(:first-child),
.order-product-summary .multi-shipping h3:not(:first-child) { margin-top: 16px;
}
.product-info .product-summary-block > .card,
.product-summary .product-summary-block > .card,
.multi-shipping .product-summary-block > .card { border: none;
}
.product-info .product-summary-block > .card .card-body,
.product-summary .product-summary-block > .card .card-body,
.multi-shipping .product-summary-block > .card .card-body { padding: 0;
}
.product-info .item-image,
.product-summary .item-image,
.multi-shipping .item-image { width: 100px; margin-right: 16px; flex-grow: 0; flex-shrink: 0;
}
.product-info .item-image img.product-image,
.product-summary .item-image img.product-image,
.multi-shipping .item-image img.product-image { display: block; margin: 0 auto; max-width: 100%; height: auto;
}
.product-info .line-item-name,
.product-summary .line-item-name,
.multi-shipping .line-item-name { display: block; font-family: "Poppins", sans-serif; letter-spacing: 0.01em; font-size: 12px; text-transform: none; font-weight: normal; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 16px);
}
@media (min-width: 1024px) { .product-info .line-item-name,
.product-summary .line-item-name,
.multi-shipping .line-item-name { font-size: 14px; }
}
@media (min-width: 769px) { .product-info .line-item-name,
.product-summary .line-item-name,
.multi-shipping .line-item-name { width: calc(100% - 24px); }
}
.product-info .item-attributes,
.product-summary .item-attributes,
.multi-shipping .item-attributes { color: #545454; padding: 0 0 calc(16px / 2); width: calc(100% - 100px);
}
.product-info .item-attributes,
.product-info .item-attributes p,
.product-info .item-price-qty,
.product-info .line-item-availability,
.product-summary .item-attributes,
.product-summary .item-attributes p,
.product-summary .item-price-qty,
.product-summary .line-item-availability,
.multi-shipping .item-attributes,
.multi-shipping .item-attributes p,
.multi-shipping .item-price-qty,
.multi-shipping .line-item-availability { font-size: 14px; margin: 0;
}
.product-info .line-item-availability .line-item-attributes,
.product-summary .line-item-availability .line-item-attributes,
.multi-shipping .line-item-availability .line-item-attributes { display: inline;
}
.product-info .line-item-availability .line-item-attributes:first-child:after,
.product-summary .line-item-availability .line-item-attributes:first-child:after,
.multi-shipping .line-item-availability .line-item-attributes:first-child:after { content: ": ";
}
.product-info .line-item-pricing-info,
.product-summary .line-item-pricing-info,
.multi-shipping .line-item-pricing-info { font-size: 14px; margin-bottom: 0;
}
.product-info .item-price-qty,
.product-info .product-card-footer,
.product-summary .item-price-qty,
.product-summary .product-card-footer,
.multi-shipping .item-price-qty,
.multi-shipping .product-card-footer { padding-top: calc(16px / 2); padding-bottom: calc(16px / 2);
}
.product-info .item-price-qty.row > .col,
.product-info .product-card-footer.row > .col,
.product-summary .item-price-qty.row > .col,
.product-summary .product-card-footer.row > .col,
.multi-shipping .item-price-qty.row > .col,
.multi-shipping .product-card-footer.row > .col { padding: 0;
}
.product-info .item-price-qty .line-item-unit-price + .line-item-quantity,
.product-info .item-price-qty .col-4 + .line-item-quantity,
.product-info .product-card-footer .line-item-unit-price + .line-item-quantity,
.product-info .product-card-footer .col-4 + .line-item-quantity,
.product-summary .item-price-qty .line-item-unit-price + .line-item-quantity,
.product-summary .item-price-qty .col-4 + .line-item-quantity,
.product-summary .product-card-footer .line-item-unit-price + .line-item-quantity,
.product-summary .product-card-footer .col-4 + .line-item-quantity,
.multi-shipping .item-price-qty .line-item-unit-price + .line-item-quantity,
.multi-shipping .item-price-qty .col-4 + .line-item-quantity,
.multi-shipping .product-card-footer .line-item-unit-price + .line-item-quantity,
.multi-shipping .product-card-footer .col-4 + .line-item-quantity { align-items: center; text-align: center;
}
.product-info .item-price-qty .line-item-total-price,
.product-info .product-card-footer .line-item-total-price,
.product-summary .item-price-qty .line-item-total-price,
.product-summary .product-card-footer .line-item-total-price,
.multi-shipping .item-price-qty .line-item-total-price,
.multi-shipping .product-card-footer .line-item-total-price { align-items: flex-end; text-align: right;
}
.product-info .quantity-label,
.product-summary .quantity-label,
.multi-shipping .quantity-label { display: none;
}
.product-info del,
.product-info .strike-through,
.product-summary del,
.product-summary .strike-through,
.multi-shipping del,
.multi-shipping .strike-through { text-decoration: line-through; color: #545454;
}
.product-info del .value,
.product-info .strike-through .value,
.product-summary del .value,
.product-summary .strike-through .value,
.multi-shipping del .value,
.multi-shipping .strike-through .value { margin-right: 4px;
}
.product-info .bonus-line-item-msg,
.product-summary .bonus-line-item-msg,
.multi-shipping .bonus-line-item-msg { margin-top: calc(16px / 2);
}
.product-info .nested-line-item,
.product-summary .nested-line-item,
.multi-shipping .nested-line-item { margin: 0; border: 1px solid #DBDBDB; padding: calc(16px / 2);
}
.product-info .nested-line-item ~ .nested-line-item,
.product-summary .nested-line-item ~ .nested-line-item,
.multi-shipping .nested-line-item ~ .nested-line-item { border-top: 0;
}
.product-info .bonus-line-item-msg,
.product-info .unit-price-label,
.product-info .qty-card-quantity-label,
.product-info .quantity-label,
.product-info .line-item-total-price-label,
.product-summary .bonus-line-item-msg,
.product-summary .unit-price-label,
.product-summary .qty-card-quantity-label,
.product-summary .quantity-label,
.product-summary .line-item-total-price-label,
.multi-shipping .bonus-line-item-msg,
.multi-shipping .unit-price-label,
.multi-shipping .qty-card-quantity-label,
.multi-shipping .quantity-label,
.multi-shipping .line-item-total-price-label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em;
}
.product-info .non-adjusted-price,
.product-summary .non-adjusted-price,
.multi-shipping .non-adjusted-price { display: none;
}
.product-info .line-item-promo,
.product-summary .line-item-promo,
.multi-shipping .line-item-promo { color: #155724; font-size: 14px;
}
.product-line-item { background-color: #FEFEFE; padding: 12px;
}
.product-line-item .item-image { width: 64px; height: 64px;
}
@media (min-width: 1024px) { .product-line-item .item-image { width: 88px; height: 88px; }
}
.product-line-item .line-item-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-weight: 500; letter-spacing: -0.01em; font-size: 13px; line-height: 15.5px; white-space: normal; width: 100%; margin-bottom: 5px;
}
@media (min-width: 1024px) { .product-line-item .line-item-name { font-size: 16px; line-height: 20px; }
}
.product-line-item .item-attributes { padding: 0;
}
.minicart-item .product-line-item .item-attributes { color: #0A2541;
}
.product-line-item .item-attributes,
.product-line-item .item-attributes p,
.product-line-item .item-price-qty,
.product-line-item .line-item-availability { letter-spacing: 0.01em; font-size: 11px; line-height: 1.43;
}
@media (min-width: 1024px) { .product-line-item .item-attributes,
.product-line-item .item-attributes p,
.product-line-item .item-price-qty,
.product-line-item .line-item-availability { font-size: 12px; }
}
.product-line-item .qty-price-container { display: grid; grid-template-columns: auto auto; justify-content: space-between; margin-bottom: 8px;
}
.product-line-item .line-item-total-price { color: #A1001D;
}
.product-line-item .line-item-total-price .no-sale { color: #0A2541;
}
.product-line-item .line-item-total-price .price { display: flex; gap: 0.3em;
}
.product-line-item .monogram-info { margin-bottom: 8px;
}
.product-line-item .monogram-info .monogram-label { display: grid; grid-template-columns: auto auto; justify-content: space-between;
}
.product-line-item .monogram-info .monogram-label .price .pdp-default-pricing { display: flex; gap: 3px;
}
.product-line-item .monogram-info .monogram-label .price .pdp-default-pricing .sales { order: 1;
}
.product-line-item .monogram-info .monogram-label .price .pdp-default-pricing .savings-container { order: 2;
}
.product-line-item .monogram-info .unit-price-monogramming { display: flex; align-items: flex-start;
}
.product-line-item .monogram-info .unit-price-monogramming::before { content: "+"; margin: 0 4px;
}
.product-line-item .gift-card-data { margin-bottom: 8px;
}
@media (max-width: 543.98px) { .product-info .line-item-availability,
.product-summary .line-item-availability,
.multi-shipping .line-item-availability { display: flex; flex-direction: column; }
}
.product-info .line-item-availability[data-status=backorder] span, .product-info .line-item-availability[data-status=preorder] span, .product-info .line-item-availability[data-status=lowinstock] span, .product-info .line-item-availability[data-status=dropship] span, .product-info .line-item-availability[data-status=out-of-stock] span,
.product-summary .line-item-availability[data-status=backorder] span,
.product-summary .line-item-availability[data-status=preorder] span,
.product-summary .line-item-availability[data-status=lowinstock] span,
.product-summary .line-item-availability[data-status=dropship] span,
.product-summary .line-item-availability[data-status=out-of-stock] span,
.multi-shipping .line-item-availability[data-status=backorder] span,
.multi-shipping .line-item-availability[data-status=preorder] span,
.multi-shipping .line-item-availability[data-status=lowinstock] span,
.multi-shipping .line-item-availability[data-status=dropship] span,
.multi-shipping .line-item-availability[data-status=out-of-stock] span { color: #0A2541;
}
.product-info .line-item-availability[data-status=backorder] .line-item-availability-status, .product-info .line-item-availability[data-status=preorder] .line-item-availability-status, .product-info .line-item-availability[data-status=lowinstock] .line-item-availability-status, .product-info .line-item-availability[data-status=dropship] .line-item-availability-status, .product-info .line-item-availability[data-status=out-of-stock] .line-item-availability-status,
.product-summary .line-item-availability[data-status=backorder] .line-item-availability-status,
.product-summary .line-item-availability[data-status=preorder] .line-item-availability-status,
.product-summary .line-item-availability[data-status=lowinstock] .line-item-availability-status,
.product-summary .line-item-availability[data-status=dropship] .line-item-availability-status,
.product-summary .line-item-availability[data-status=out-of-stock] .line-item-availability-status,
.multi-shipping .line-item-availability[data-status=backorder] .line-item-availability-status,
.multi-shipping .line-item-availability[data-status=preorder] .line-item-availability-status,
.multi-shipping .line-item-availability[data-status=lowinstock] .line-item-availability-status,
.multi-shipping .line-item-availability[data-status=dropship] .line-item-availability-status,
.multi-shipping .line-item-availability[data-status=out-of-stock] .line-item-availability-status { color: #A1001D;
}
.product-info .line-item-availability[data-status=out-of-stock],
.product-summary .line-item-availability[data-status=out-of-stock],
.multi-shipping .line-item-availability[data-status=out-of-stock] { background-color: #FFEBEE; padding: 4px 8px;
}
.product-info .line-item-availability[data-status=madetoorder],
.product-summary .line-item-availability[data-status=madetoorder],
.multi-shipping .line-item-availability[data-status=madetoorder] { color: #A1001D;
}
.product-info .line-item-availability[data-status=madetoorder] .line-item-availability-status,
.product-summary .line-item-availability[data-status=madetoorder] .line-item-availability-status,
.multi-shipping .line-item-availability[data-status=madetoorder] .line-item-availability-status { font-weight: 500;
}
@media (min-width: 544px) { .product-info .line-item-availability .line-item-availability-status ~ .line-item-estimated-delivery::before,
.product-summary .line-item-availability .line-item-availability-status ~ .line-item-estimated-delivery::before,
.multi-shipping .line-item-availability .line-item-availability-status ~ .line-item-estimated-delivery::before { content: "- "; }
}
.product-info .card-error-message,
.product-summary .card-error-message,
.multi-shipping .card-error-message { color: #A1001D; background-color: #FFEBEE; padding: 4px 8px; align-self: flex-start; margin-top: 8px; display: inline-block; border-radius: 3px;
}
.product-info .line-item-sku,
.product-summary .line-item-sku,
.multi-shipping .line-item-sku { font-size: 10px; margin-bottom: 8px;
}
.account-page .product-info .line-item-sku,
.account-page .product-summary .line-item-sku,
.account-page .multi-shipping .line-item-sku { display: none;
}
.product-tile { position: relative;
}
.product-grid .product-tile { margin-bottom: 45px;
}
.product-tile .image-container { position: relative; margin-bottom: 8px;
}
.product-tile .tile-image { width: 100%; position: relative; top: 0; left: 0; right: 0; bottom: 0;
}
.product-tile .product-tile-image-link { display: block;
}
.product-tile .quick-action-btns { display: flex; flex-direction: column; position: absolute; bottom: 10px; right: 10px; width: calc(100% - 20px); align-items: flex-end;
}
.product-tile .quick-action-btns.icons { flex-direction: row;
}
@media (min-width: 1024px) { .product-tile .quick-action-btns { flex-direction: row; }
}
.product-tile .quickview { text-decoration: none; align-content: flex-end;
}
.product-tile .quickview .quickview-icon { width: 30px; height: 30px; line-height: 30px; background-color: rgba(254, 254, 254, 0.7); box-shadow: none; border-radius: 50%; position: relative; right: 0px;
}
.product-tile .quickview .quickview-icon:before { content: "\E93A"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: rgba(34, 34, 34, 0.7); font-weight: normal;
}
.product-tile .quickview .quickview-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.product-tile .quickview .quickview-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: rgba(34, 34, 34, 0.7); font-weight: normal; position: absolute; transform: translateX(-26px);
}
.product-tile .quickview .quickview-icon[class*=btn-]:not(.title).btn-sm, .product-tile .quickview .btn-group-sm > .quickview-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.product-tile .quickview .quickview-icon[class*=btn-]:not(.title).btn-sm:before, .product-tile .quickview .btn-group-sm > .quickview-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: rgba(34, 34, 34, 0.7); font-weight: normal; position: absolute; transform: translateX(-22px);
}
.product-tile .quickview .quickview-icon[class*=btn-]:not(.title) [class*=icon-],
.product-tile .quickview .quickview-icon[class*=btn-]:not(.title) [class^=icon-],
.product-tile .quickview .quickview-icon[class*=btn-]:not(.title) .fa { display: none;
}
.product-tile .quickview .quickview-icon::before { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);
}
.product-tile .quickview.btn { flex: 1 1 50%; opacity: 0;
}
.product-tile .quick-add-to-cart,
.product-tile .single-variant-quick-add-to-cart { text-decoration: none;
}
.product-tile .quick-add-to-cart .icon-add-to-cart,
.product-tile .single-variant-quick-add-to-cart .icon-add-to-cart { width: 30px; height: 30px; line-height: 30px; background-color: rgba(254, 254, 254, 0.7); box-shadow: none; border-radius: 50%;
}
.product-tile .quick-add-to-cart .icon-add-to-cart:before,
.product-tile .single-variant-quick-add-to-cart .icon-add-to-cart:before { font-size: 20px; margin-left: 0.425em;
}
.product-tile .quick-add-to-cart .icon-add-to-cart .path2:before,
.product-tile .single-variant-quick-add-to-cart .icon-add-to-cart .path2:before { font-size: 30px; margin-left: -0.9em;
}
.product-tile .quick-add-to-cart .icon-add-to-cart .path3:before,
.product-tile .single-variant-quick-add-to-cart .icon-add-to-cart .path3:before { font-size: 40px; margin-left: -1.015em; bottom: -0.06em; position: relative;
}
.product-tile .quick-add-to-cart.btn,
.product-tile .single-variant-quick-add-to-cart.btn { flex: 1 1 50%; opacity: 0; padding-left: 0; padding-right: 0;
}
.product-tile .quick-add-to-cart.btn:not(.d-none) + .quickview,
.product-tile .single-variant-quick-add-to-cart.btn:not(.d-none) + .quickview { margin-left: 16px;
}
@media (min-width: 1024px) { .product-tile .quick-add-to-cart:not(.d-none) + .quickview,
.product-tile .single-variant-quick-add-to-cart:not(.d-none) + .quickview { margin-left: 16px; }
}
.product-tile .tile-body { padding-top: 5px; padding-bottom: 16px; position: relative; display: flex; flex-flow: column;
}
.product-tile .tile-body :last-child { margin-bottom: 0;
}
.product-tile .tile-body.align-items-center { text-align: center;
}
.product-tile .tile-body.align-items-end { text-align: right;
}
.product-tile .color-swatches { margin-bottom: 2px; font-size: 0;
}
.product-tile .color-swatches .swatches::after { display: block; content: ""; clear: both;
}
.product-tile .color-swatches .swatch-link { display: block; float: left; text-decoration: none;
}
.product-tile .color-swatches .swatch-link:first-child .swatch-circle { margin-left: 1px;
}
.product-tile .color-swatches .swatch-circle { width: 22px; height: 22px; background-color: #FEFEFE; background-size: cover; display: block; position: relative; text-align: center; border-radius: 50%; margin-right: 10px; margin-bottom: 10px;
}
.product-tile .color-swatches .swatch-circle.color-value { transition: all 200ms ease-out;
}
.product-tile .color-swatches .swatch-circle.color-value:hover { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #767676;
}
.product-tile .color-swatches .swatch-circle.color-value.selected { box-shadow: 0 0 0 calc(3px - 1px) #FEFEFE, 0 0 0 3px #222222;
}
.product-tile .color-swatches .swatch-circle.color-value.selected:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FEFEFE; font-weight: normal;
}
.product-tile .color-swatches .swatch-circle.color-value.selected[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-tile .color-swatches .swatch-circle.color-value.selected[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .color-swatches .swatch-circle.color-value.selected[class*=btn-]:not(.title).btn-sm, .product-tile .color-swatches .btn-group-sm > .swatch-circle.color-value.selected[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-tile .color-swatches .swatch-circle.color-value.selected[class*=btn-]:not(.title).btn-sm:after, .product-tile .color-swatches .btn-group-sm > .swatch-circle.color-value.selected[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .color-swatches .swatch-circle.color-value.selected[class*=btn-]:not(.title) [class*=icon-],
.product-tile .color-swatches .swatch-circle.color-value.selected[class*=btn-]:not(.title) [class^=icon-],
.product-tile .color-swatches .swatch-circle.color-value.selected[class*=btn-]:not(.title) .fa { display: none;
}
.product-tile .color-swatches .swatch-circle.color-value.selected::after { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); display: none; background: rgba(34, 34, 34, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1;
}
.product-tile .color-swatches .swatch-circle.color-value.unselectable:before, .product-tile .color-swatches .swatch-circle.color-value.unselectable:after, .product-tile .color-swatches .swatch-circle.color-value.unavailable:before, .product-tile .color-swatches .swatch-circle.color-value.unavailable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-tile .color-swatches .swatch-circle.color-value.unselectable:after, .product-tile .color-swatches .swatch-circle.color-value.unavailable:after { background-color: #D8D8D8; width: 1px;
}
.product-tile .color-swatches .swatch-circle.color-value.unselectable:before, .product-tile .color-swatches .swatch-circle.color-value.unavailable:before { background-color: #FEFEFE; width: 5px;
}
.product-tile .color-swatches .swatch-circle.color-value.unselectable, .product-tile .color-swatches .swatch-circle.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative;
}
.product-tile .color-swatches .swatch-circle.color-value.unselectable { cursor: not-allowed;
}
.product-tile .color-swatches .swatch-circle.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.product-tile .color-swatches .swatch-circle.color-value.out-of-stock:before, .product-tile .color-swatches .swatch-circle.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-tile .color-swatches .swatch-circle.color-value.out-of-stock:after { background-color: #D8D8D8; width: 1px;
}
.product-tile .color-swatches .swatch-circle.color-value.out-of-stock:before { background-color: #FEFEFE; width: 5px;
}
.product-tile .color-swatches .swatch-circle.color-value.out-of-stock.selected:after { display: block;
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out;
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value:not(.unselectable):hover { border-color: #DBDBDB; box-shadow: none;
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover { background: #FEFEFE; color: #0A2541; border-color: #0A2541; box-shadow: none;
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:after, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FEFEFE; font-weight: normal;
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title), .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title):after, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected[class*=btn-].btn:not(.title), .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm { padding-right: calc(23px + 16px);
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm:after, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected[class*=btn-].btn:not(.title):after, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title) [class*=icon-],
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title) [class^=icon-],
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title) .fa, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class*=icon-],
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class^=icon-],
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) .fa { display: none;
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected::after, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(16px / -3); right: calc(16px / -3); background: #134981; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none;
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.unselectable, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.unavailable { color: #545454; text-decoration: line-through; position: relative;
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.unselectable { cursor: not-allowed;
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.product-tile .color-swatches .swatch-circle.non-color-swatch-value.out-of-stock.selected:after { display: block;
}
.product-tile .color-swatches .swatch-circle.selected { box-shadow: 0 0 0 calc(3px - 1px) #FEFEFE, 0 0 0 3px #222222;
}
.product-tile .color-swatches .swatch-circle.unselectable, .product-tile .color-swatches .swatch-circle.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative;
}
.product-tile .color-swatches .swatch-circle.unselectable { cursor: not-allowed;
}
.product-tile .color-swatches .swatch-circle.unselectable:before, .product-tile .color-swatches .swatch-circle.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-tile .color-swatches .swatch-circle.unselectable:after { background-color: #767676; width: 1px;
}
.product-tile .color-swatches .swatch-circle.unselectable:before { background-color: #FEFEFE; width: 5px;
}
.product-tile .color-swatches .swatch-thumbnail { width: var(--product-tile-thumbnail-size, 30px); height: var(--product-tile-thumbnail-size, 30px); background-color: #FEFEFE; background-size: cover; display: block; position: relative; text-align: center; border-radius: 50%; margin-right: 1px; margin-bottom: 1px;
}
.product-tile .color-swatches .swatch-thumbnail.color-value { transition: all 200ms ease-out;
}
.product-tile .color-swatches .swatch-thumbnail.color-value:hover:not(.unselectable):not(.selected) { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #0A2541;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.selected { box-shadow: 0 0 0 4px #FEFEFE, 0 0 0 5px #0A2541; transform: scale(0.8);
}
.product-tile .color-swatches .swatch-thumbnail.color-value.selected:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FEFEFE; font-weight: normal;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title).btn-sm, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.color-value.selected[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title).btn-sm:after, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.color-value.selected[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) [class*=icon-],
.product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) [class^=icon-],
.product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) .fa { display: none;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.selected::after { position: absolute; top: calc(14px / -3); right: calc(14px / -3); display: none; background: rgba(34, 34, 34, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.unselectable:before, .product-tile .color-swatches .swatch-thumbnail.color-value.unselectable:after, .product-tile .color-swatches .swatch-thumbnail.color-value.unavailable:before, .product-tile .color-swatches .swatch-thumbnail.color-value.unavailable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.unselectable:after, .product-tile .color-swatches .swatch-thumbnail.color-value.unavailable:after { background-color: #D8D8D8; width: 1px;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.unselectable:before, .product-tile .color-swatches .swatch-thumbnail.color-value.unavailable:before { background-color: #FEFEFE; width: 5px;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.unselectable, .product-tile .color-swatches .swatch-thumbnail.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.unselectable { cursor: not-allowed;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock:before, .product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock:after { background-color: #D8D8D8; width: 1px;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock:before { background-color: #FEFEFE; width: 5px;
}
.product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock.selected:after { display: block;
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out;
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value:not(.unselectable):hover { border-color: #DBDBDB; box-shadow: none;
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover { background: #FEFEFE; color: #0A2541; border-color: #0A2541; box-shadow: none;
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:after, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FEFEFE; font-weight: normal;
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title), .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title):after, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-].btn:not(.title), .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm { padding-right: calc(23px + 16px);
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm:after, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-].btn:not(.title):after, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title) [class*=icon-],
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title) [class^=icon-],
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title) .fa, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class*=icon-],
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class^=icon-],
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) .fa { display: none;
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected::after, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(16px / -3); right: calc(16px / -3); background: #134981; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none;
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.unselectable, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.unavailable { color: #545454; text-decoration: line-through; position: relative;
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.unselectable { cursor: not-allowed;
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.out-of-stock.selected:after { display: block;
}
.product-tile .color-swatches .swatch-thumbnail.selected { box-shadow: 0 0 0 4px #FEFEFE, 0 0 0 5px #0A2541;
}
.product-tile .color-swatches .swatch-thumbnail.unselectable { cursor: not-allowed;
}
.product-tile .color-swatches .swatch-thumbnail.unselectable:before, .product-tile .color-swatches .swatch-thumbnail.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: calc(100% + 15px);
}
.product-tile .color-swatches .swatch-thumbnail.unselectable:after { background-color: #767676; width: 1px;
}
.product-tile .color-swatches .swatch-thumbnail.unselectable:before { background-color: #FEFEFE; width: 5px;
}
.product-tile .color-swatches .swatch-color-count { font-size: 14px; line-height: 22px; letter-spacing: 0.01em; margin-left: 5px; white-space: nowrap; display: inline-block; vertical-align: middle; color: #0A2541;
}
@media (min-width: 1024px) { .product-tile .color-swatches .swatch-color-count { position: absolute; right: 0; top: 0; transform: translateY(180%); line-height: 1.4; }
}
.product-tile .pdp-link { margin-bottom: 8px;
}
.product-tile .pdp-link .link { display: block; font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 14px; font-weight: 500; color: #0A2541; text-decoration: none;
}
@media (min-width: 1024px) { .product-tile .pdp-link .link { font-size: 16px; line-height: 1.4; }
}
.product-tile .pdp-link .link:hover { color: #0A2541; text-decoration: none;
}
.product-tile .price { margin-bottom: 4px; font-size: 12px; color: #0A2541;
}
.product-tile .price::after { display: block; content: ""; clear: both;
}
@media (min-width: 1024px) { .product-tile .price { font-size: 12px; line-height: 1.4; }
}
.product-tile .price del,
.product-tile .price .strike-through { color: #545454;
}
.product-tile .price del ~ .sales { float: left; margin-right: 16px; color: var(--product-tile-sale-color, #A1001D);
}
.product-tile .promotion { margin-bottom: 4px;
}
.product-tile .ratings { margin-bottom: 0px; font-size: 12px; color: #0A2541; flex-basis: 100%; max-width: 100%;
}
.product-tile .ratings .fa-star:before { content: "\E980"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.product-tile .ratings .fa-star[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.product-tile .ratings .fa-star[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.product-tile .ratings .fa-star[class*=btn-]:not(.title).btn-sm, .product-tile .ratings .btn-group-sm > .fa-star[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.product-tile .ratings .fa-star[class*=btn-]:not(.title).btn-sm:before, .product-tile .ratings .btn-group-sm > .fa-star[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.product-tile .ratings .fa-star[class*=btn-]:not(.title) [class*=icon-],
.product-tile .ratings .fa-star[class*=btn-]:not(.title) [class^=icon-],
.product-tile .ratings .fa-star[class*=btn-]:not(.title) .fa { display: none;
}
.product-tile .ratings .fa-star-half-o:before { content: "\E97F"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.product-tile .ratings .fa-star-half-o[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.product-tile .ratings .fa-star-half-o[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.product-tile .ratings .fa-star-half-o[class*=btn-]:not(.title).btn-sm, .product-tile .ratings .btn-group-sm > .fa-star-half-o[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.product-tile .ratings .fa-star-half-o[class*=btn-]:not(.title).btn-sm:before, .product-tile .ratings .btn-group-sm > .fa-star-half-o[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.product-tile .ratings .fa-star-half-o[class*=btn-]:not(.title) [class*=icon-],
.product-tile .ratings .fa-star-half-o[class*=btn-]:not(.title) [class^=icon-],
.product-tile .ratings .fa-star-half-o[class*=btn-]:not(.title) .fa { display: none;
}
.product-tile .ratings .fa-star-o:before { content: "\E97E"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.product-tile .ratings .fa-star-o[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.product-tile .ratings .fa-star-o[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.product-tile .ratings .fa-star-o[class*=btn-]:not(.title).btn-sm, .product-tile .ratings .btn-group-sm > .fa-star-o[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.product-tile .ratings .fa-star-o[class*=btn-]:not(.title).btn-sm:before, .product-tile .ratings .btn-group-sm > .fa-star-o[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.product-tile .ratings .fa-star-o[class*=btn-]:not(.title) [class*=icon-],
.product-tile .ratings .fa-star-o[class*=btn-]:not(.title) [class^=icon-],
.product-tile .ratings .fa-star-o[class*=btn-]:not(.title) .fa { display: none;
}
@media (min-width: 1024px) { .product-tile.on-hover .color-swatches .swatches { opacity: 0; } .product-tile.on-hover:hover .color-swatches .swatches { opacity: 1; }
}
@media (min-width: 769px) { .product-tile .show-secondary-image:hover .product-tile-image { display: none; } .product-tile .show-secondary-image:hover .product-tile-image-secondary { display: block; }
}
.product-tile .show-secondary-image .product-tile-image { display: block;
}
.product-tile .show-secondary-image .product-tile-image-secondary { display: none;
}
.product-tile.bottom-border:hover .product-tile-image-container:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; box-shadow: inset 0px -0 0px #222222;
}
.product-tile.zoom-image .image-container { overflow: hidden;
}
.product-tile.zoom-image .product-tile-image-link { transition: transform 600ms ease-in-out;
}
.product-tile.zoom-image:hover .product-tile-image-link { transform: scale(1.035);
}
.product-tile.underline-title:hover .tile-body .pdp-link .link { text-decoration: underline;
}
.product-tile:hover .quick-action-btns .btn { opacity: 1;
}
.product-grid .product-tile { margin-bottom: 24px;
}
@media (min-width: 1024px) { .product-grid .product-tile { margin-bottom: calc(24px * 2); }
}
.product-tile .ratings { font-size: 12px; align-items: flex-end; gap: 8px; margin-top: 2px;
}
.product-tile .ratings .star-container { display: flex; gap: 4px;
}
.product-tile .ratings .ratings-count { font-size: 11px; line-height: 11px; letter-spacing: 0.22px; color: #545454;
}
.product-tile .price { font-size: 12px;
}
@media (min-width: 1024px) { .product-tile .price { font-size: 14px; }
}
.product-tile .price .clearance-label { letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { .product-tile .price .clearance-label { font-size: 12px; }
}
.product-tile .price .default-pricing { display: flex; align-items: center; -moz-column-gap: 4px; column-gap: 4px; flex-wrap: wrap;
}
.product-tile .price .strike-through { text-decoration: line-through;
}
.product-tile .price .sales { display: flex; -moz-column-gap: 4px; column-gap: 4px;
}
.product-tile .custom-badges { position: absolute; top: 6px; left: 6px; display: flex; gap: 8px;
}
@media (min-width: 1024px) { .product-tile .custom-badges { top: 8px; left: 8px; }
}
.product-tile .custom-badges .custom-badge { letter-spacing: 0.01em; font-size: 11px; padding: 3px 8px 2px;
}
@media (min-width: 1024px) { .product-tile .custom-badges .custom-badge { font-size: 12px; }
}
@media (min-width: 1024px) { .product-tile .custom-badges .custom-badge { padding: 4px 10px 3px; }
}
@media (max-width: 1023.98px) { .product-tile .custom-badges .custom-badge:not(:first-child) { display: none; }
}
.product-tile .press-badges { position: absolute; bottom: 6px; right: 6px; display: flex; gap: 8px;
}
@media (min-width: 1024px) { .product-tile .press-badges { bottom: 8px; right: 8px; }
}
.product-tile .press-badges .press-badge { width: 48px;
}
@media (min-width: 1024px) { .product-tile .press-badges .press-badge { width: 56px; }
}
.product-tile .press-badges .press-badge img { width: 100%; height: auto;
}
.product-tile .tile-body { padding-bottom: 0; padding-top: 4px;
}
.product-tile .product-brand { font-weight: 300; font-size: 12px;
}
@media (min-width: 1024px) { .product-tile .product-brand { font-size: 14px; }
}
.product-tile .product-brand .brand-link { color: inherit; font-size: inherit; text-decoration: none;
}
.product-tile .color-swatches { margin-bottom: 0;
}
.product-tile .color-swatches .swatches .swatch-link-allcolors { text-decoration: none; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #ECECEC; float: left; position: relative;
}
.product-tile .color-swatches .swatches .swatch-link-allcolors:after { content: "\E93A"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal;
}
.product-tile .color-swatches .swatches .swatch-link-allcolors[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-tile .color-swatches .swatches .swatch-link-allcolors[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .color-swatches .swatches .swatch-link-allcolors[class*=btn-]:not(.title).btn-sm, .product-tile .color-swatches .swatches .btn-group-sm > .swatch-link-allcolors[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-tile .color-swatches .swatches .swatch-link-allcolors[class*=btn-]:not(.title).btn-sm:after, .product-tile .color-swatches .swatches .btn-group-sm > .swatch-link-allcolors[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .color-swatches .swatches .swatch-link-allcolors[class*=btn-]:not(.title) [class*=icon-],
.product-tile .color-swatches .swatches .swatch-link-allcolors[class*=btn-]:not(.title) [class^=icon-],
.product-tile .color-swatches .swatches .swatch-link-allcolors[class*=btn-]:not(.title) .fa { display: none;
}
.product-tile .color-swatches .swatches .swatch-link-allcolors::after { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);
}
@media (max-width: 1023.98px) { .product-tile .color-swatches .swatches .swatch-link:nth-child(1n+5) { display: none; }
}
.product-tile .color-swatches .swatches .swatch-link-white .swatch { border: 1px solid #DBDBDB;
}
.product-tile .color-swatches .swatches .swatch-link:hover .swatch-circle:not(.selected) { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #767676;
}
.product-tile .color-swatches .swatches .swatch-circle { transition: none; margin-bottom: 8px;
}
@media (min-width: 769px) { .product-tile .color-swatches .swatches .swatch-circle { width: 24px; height: 24px; }
}
.product-tile .color-swatches .swatches .swatch-circle.selected { transform: scale(0.8);
}
.product-tile .color-swatches .swatches .swatch-circle.unavailable, .product-tile .color-swatches .swatches .swatch-circle.unselectable { opacity: 1;
}
.product-tile .color-swatches .swatches .swatch-circle.unselectable:before, .product-tile .color-swatches .swatches .swatch-circle.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-tile .color-swatches .swatches .swatch-circle.unselectable:after { background-color: #D8D8D8; width: 1px;
}
.product-tile .color-swatches .swatches .swatch-circle.unselectable:before { background-color: #FEFEFE; width: 5px;
}
.product-tile .pdp-link .link { line-height: 1.1; letter-spacing: -0.01em;
}
.product-tile .promotion { letter-spacing: 0.01em; font-size: 11px; background-color: #ECF1F4; border-radius: 3px; color: #0A2541; font-weight: 500; padding: 4px 8px; display: inline-block; text-align: left; text-decoration: none;
}
@media (min-width: 1024px) { .product-tile .promotion { font-size: 12px; }
}
.product-tile .promotion[data-toggle=popover]:after, .product-tile .promotion.launch-promo-modal:after { content: "\E91C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.product-tile .promotion[data-toggle=popover][class*=btn-]:not(.title), .product-tile .promotion.launch-promo-modal[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-tile .promotion[data-toggle=popover][class*=btn-]:not(.title):after, .product-tile .promotion.launch-promo-modal[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .promotion[data-toggle=popover][class*=btn-]:not(.title).btn-sm, .product-tile .btn-group-sm > .promotion[data-toggle=popover][class*=btn-].btn:not(.title), .product-tile .promotion.launch-promo-modal[class*=btn-]:not(.title).btn-sm, .product-tile .btn-group-sm > .promotion.launch-promo-modal[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-tile .promotion[data-toggle=popover][class*=btn-]:not(.title).btn-sm:after, .product-tile .btn-group-sm > .promotion[data-toggle=popover][class*=btn-].btn:not(.title):after, .product-tile .promotion.launch-promo-modal[class*=btn-]:not(.title).btn-sm:after, .product-tile .btn-group-sm > .promotion.launch-promo-modal[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .promotion[data-toggle=popover][class*=btn-]:not(.title) [class*=icon-],
.product-tile .promotion[data-toggle=popover][class*=btn-]:not(.title) [class^=icon-],
.product-tile .promotion[data-toggle=popover][class*=btn-]:not(.title) .fa, .product-tile .promotion.launch-promo-modal[class*=btn-]:not(.title) [class*=icon-],
.product-tile .promotion.launch-promo-modal[class*=btn-]:not(.title) [class^=icon-],
.product-tile .promotion.launch-promo-modal[class*=btn-]:not(.title) .fa { display: none;
}
.product-tile .promotion[data-toggle=popover]::after, .product-tile .promotion.launch-promo-modal::after { vertical-align: top; margin-left: 4px;
}
.product-tile .promotion.promo-applied { background-color: #D4EDDA; color: #155724;
}
.product-tile .promotion.promo-applied:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.product-tile .promotion.promo-applied[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-tile .promotion.promo-applied[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .promotion.promo-applied[class*=btn-]:not(.title).btn-sm, .product-tile .btn-group-sm > .promotion.promo-applied[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-tile .promotion.promo-applied[class*=btn-]:not(.title).btn-sm:after, .product-tile .btn-group-sm > .promotion.promo-applied[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-tile .promotion.promo-applied[class*=btn-]:not(.title) [class*=icon-],
.product-tile .promotion.promo-applied[class*=btn-]:not(.title) [class^=icon-],
.product-tile .promotion.promo-applied[class*=btn-]:not(.title) .fa { display: none;
}
.quick-view-dialog,
.choose-bonus-product-dialog { max-width: none; margin: 8px;
}
@media (min-width: 1024px) { .quick-view-dialog,
.choose-bonus-product-dialog { max-width: 900px; margin: 32px auto; }
}
.quick-view-dialog .modal-body,
.choose-bonus-product-dialog .modal-body { overflow-x: hidden; overflow-y: auto;
}
.quick-view-dialog .product-quickview,
.choose-bonus-product-dialog .product-quickview { padding: 0;
}
.quick-view-dialog .product-quickview .availability,
.choose-bonus-product-dialog .product-quickview .availability { margin-left: 0; margin-right: 0;
}
.quick-view-dialog .product-quickview .product-availability,
.choose-bonus-product-dialog .product-quickview .product-availability { display: none;
}
.quick-view-dialog .product-quickview .pdp-in-store-inventory,
.choose-bonus-product-dialog .product-quickview .pdp-in-store-inventory { margin-top: 16px; width: 100%;
}
.quick-view-dialog .product-detail,
.choose-bonus-product-dialog .product-detail { margin-top: 0; margin-bottom: 0;
}
.quick-view-dialog .product-detail .product-name,
.choose-bonus-product-dialog .product-detail .product-name { margin-bottom: 0;
}
.quick-view-dialog .product-detail .attribute.quantity,
.choose-bonus-product-dialog .product-detail .attribute.quantity { flex-direction: column; align-items: flex-start;
}
.quick-view-dialog .product-detail .attribute.quantity .quantity-select,
.quick-view-dialog .product-detail .attribute.quantity .quantity-stepper,
.choose-bonus-product-dialog .product-detail .attribute.quantity .quantity-select,
.choose-bonus-product-dialog .product-detail .attribute.quantity .quantity-stepper { max-width: 160px;
}
.quick-view-dialog .product-detail .attribute.quantity label::after,
.choose-bonus-product-dialog .product-detail .attribute.quantity label::after { display: none;
}
.quick-view-dialog .primary-images,
.choose-bonus-product-dialog .primary-images { margin: 0 0 16px;
}
@media (min-width: 769px) { .quick-view-dialog .primary-images,
.choose-bonus-product-dialog .primary-images { margin-bottom: 0; }
}
.quick-view-dialog .selectable-bonus-product-line-item,
.choose-bonus-product-dialog .selectable-bonus-product-line-item { margin-top: calc(16px / 2); margin-bottom: calc(16px / 2); padding-top: calc(16px / 2); padding-bottom: calc(16px / 2);
}
.quick-view-dialog .beenSelected,
.choose-bonus-product-dialog .beenSelected { background-color: #D8D8D8;
}
.quick-view-dialog .availability-container,
.choose-bonus-product-dialog .availability-container { padding: 0;
}
.quick-view-dialog .modal-footer,
.choose-bonus-product-dialog .modal-footer { padding-top: 16px; border-top: 1px solid #0A2541;
}
.quick-view-dialog .modal-footer > .col:first-child,
.choose-bonus-product-dialog .modal-footer > .col:first-child { padding-left: 0;
}
.quick-view-dialog .modal-footer > .col:last-child,
.choose-bonus-product-dialog .modal-footer > .col:last-child { padding-right: 0;
}
@media (max-width: 768.98px) { .quick-view-dialog .modal-footer > .col:last-child,
.choose-bonus-product-dialog .modal-footer > .col:last-child { padding-left: 0; }
}
.quick-view-dialog .modal-footer .prices,
.choose-bonus-product-dialog .modal-footer .prices { text-align: center; margin-bottom: calc(16px / 2);
}
.quick-view-dialog .modal-footer .prices .price,
.quick-view-dialog .modal-footer .prices .sales,
.choose-bonus-product-dialog .modal-footer .prices .price,
.choose-bonus-product-dialog .modal-footer .prices .sales { font-size: 20px; font-family: "Poppins", sans-serif;
}
.quick-view-dialog .modal-footer label,
.quick-view-dialog .modal-footer .non-input-label,
.choose-bonus-product-dialog .modal-footer label,
.choose-bonus-product-dialog .modal-footer .non-input-label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em;
}
.quick-view-dialog .set-items,
.choose-bonus-product-dialog .set-items { padding: 0;
}
.quick-view-dialog .set-items .set-item-product-name,
.choose-bonus-product-dialog .set-items .set-item-product-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; margin-bottom: calc(16px / 2);
}
@media (min-width: 769px) { .quick-view-dialog .set-items .set-item-product-name,
.choose-bonus-product-dialog .set-items .set-item-product-name { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .quick-view-dialog .set-items .set-item-product-name,
.choose-bonus-product-dialog .set-items .set-item-product-name { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.quick-view-dialog .set-items .product-availability,
.choose-bonus-product-dialog .set-items .product-availability { display: block;
}
.quick-view-dialog .set-items .product-availability .availability-container,
.choose-bonus-product-dialog .set-items .product-availability .availability-container { padding-left: 0;
}
.quick-view-dialog .product-set-contains,
.choose-bonus-product-dialog .product-set-contains { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; color: #222222;
}
@media (min-width: 769px) { .quick-view-dialog .product-set-contains,
.choose-bonus-product-dialog .product-set-contains { font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .quick-view-dialog .product-set-contains,
.choose-bonus-product-dialog .product-set-contains { font-size: 19px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.quick-view-dialog .bonus-product-item,
.choose-bonus-product-dialog .bonus-product-item { padding: 0;
}
.quick-view-dialog .bonus-product-item ~ .bonus-product-item,
.choose-bonus-product-dialog .bonus-product-item ~ .bonus-product-item { margin-top: 16px; padding-top: 16px; border-top: 1px solid #0A2541;
}
.quick-view-dialog .bonus-product-item .product-quickview + hr,
.choose-bonus-product-dialog .bonus-product-item .product-quickview + hr { display: none;
}
.quick-view-dialog .bonus-product-item .bonus-quantity,
.quick-view-dialog .bonus-product-item .bonus-option,
.quick-view-dialog .bonus-product-item .select-bonus-product,
.quick-view-dialog .bonus-product-item .bonus-product-price:not(:empty),
.choose-bonus-product-dialog .bonus-product-item .bonus-quantity,
.choose-bonus-product-dialog .bonus-product-item .bonus-option,
.choose-bonus-product-dialog .bonus-product-item .select-bonus-product,
.choose-bonus-product-dialog .bonus-product-item .bonus-product-price:not(:empty) { margin-top: 16px;
}
.quick-view-dialog .bonus-product-item .attribute label,
.choose-bonus-product-dialog .bonus-product-item .attribute label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em;
}
.quick-view-dialog .bonus-product-item .quantity,
.choose-bonus-product-dialog .bonus-product-item .quantity { margin-bottom: 0;
}
.quick-view-dialog .bonus-product-item .quantity label,
.choose-bonus-product-dialog .bonus-product-item .quantity label { display: block; margin-right: 0;
}
.quick-view-dialog .bonus-product-item .quantity label:after,
.choose-bonus-product-dialog .bonus-product-item .quantity label:after { display: none;
}
.quick-view-dialog .selected-bonus-products ~ .col-sm-6,
.choose-bonus-product-dialog .selected-bonus-products ~ .col-sm-6 { text-align: right;
}
.quick-view-dialog .selected-bonus-products .bonus-summary,
.choose-bonus-product-dialog .selected-bonus-products .bonus-summary { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em;
}
.quick-view-dialog .selected-bonus-products .bonus-summary.alert-danger,
.choose-bonus-product-dialog .selected-bonus-products .bonus-summary.alert-danger { background: transparent; border: none;
}
.quick-view-dialog .selected-bonus-products .bonus-summary .pre-cart-products,
.choose-bonus-product-dialog .selected-bonus-products .bonus-summary .pre-cart-products { font-weight: bold;
}
.quick-view-dialog .selected-bonus-products .bonus-summary-products-container,
.choose-bonus-product-dialog .selected-bonus-products .bonus-summary-products-container { position: relative; padding: 0 16px 0 16px; border: 1px solid #0A2541; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; min-height: calc(20px + 13px + 13px + (1px*2));
}
.quick-view-dialog .selected-bonus-products .selected-pid,
.choose-bonus-product-dialog .selected-bonus-products .selected-pid { position: relative; line-height: calc(20px + 13px + 13px + (1px*2));
}
.quick-view-dialog .selected-bonus-products .selected-pid .bonus-product-name,
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .bonus-product-name { padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.quick-view-dialog .selected-bonus-products .selected-pid + .selected-pid::before,
.choose-bonus-product-dialog .selected-bonus-products .selected-pid + .selected-pid::before { content: ""; display: block; width: 100%; height: 1px; background-color: #0A2541;
}
.quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product,
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product { font-family: "Poppins", sans-serif; border: none; border-radius: 50%; font-size: 0; position: absolute; top: 0; right: 0; margin: 0 16px 16px 16px; cursor: pointer; z-index: 1; background-color: #ECF1F4; padding: 1px 0 0; height: 24px; width: 24px; background-color: transparent; margin: 0; padding: 0;
}
.quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product:before,
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product:before { content: "\E90D"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal;
}
.quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title),
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title):before,
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title).btn-sm, .quick-view-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product[class*=btn-].btn:not(.title),
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title).btn-sm,
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title).btn-sm:before, .quick-view-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product[class*=btn-].btn:not(.title):before,
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title).btn-sm:before,
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title) [class*=icon-],
.quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title) [class^=icon-],
.quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title) .fa,
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title) [class*=icon-],
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title) [class^=icon-],
.choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*=btn-]:not(.title) .fa { display: none;
}
.popover[role=tooltip] .arrow { display: none;
}
.popover[role=tooltip] .product-quick-add-to-cart { padding: 0; margin: 0;
}
.popover[role=tooltip] .product-quick-add-to-cart .attributes .swatch + .swatch { margin-top: 16px;
}
.popover[role=tooltip] .product-quick-add-to-cart .attribute { margin-top: 0;
}
.popover[role=tooltip] .product-quick-add-to-cart .attribute .non-input-label { text-align: center;
}
.popover[role=tooltip] .product-quick-add-to-cart .attribute [class*=-attribute] { padding: 0 5px;
}
.popover[role=tooltip] .product-quick-add-to-cart .attribute .swatch-tile-container { margin: 5px 0;
}
.popover[role=tooltip] .product-quick-add-to-cart .availability .availability-container { margin-top: 16px;
}
.quick-view-dialog,
.choose-bonus-product-dialog { max-width: none; margin: 8px;
}
@media (min-width: 1024px) { .quick-view-dialog,
.choose-bonus-product-dialog { max-width: 900px; margin: 32px auto; }
}
@media (min-width: 769px) { .quick-view-dialog,
.choose-bonus-product-dialog { max-width: none; margin-left: 16px; margin-right: 16px; }
}
@media (min-width: 1024px) { .quick-view-dialog,
.choose-bonus-product-dialog { max-width: none; margin-left: 48px; margin-right: 48px; }
}
@media (min-width: calc(1776px + 48px + 48px)) { .quick-view-dialog,
.choose-bonus-product-dialog { max-width: 1776px; margin-left: auto; margin-right: auto; }
}
.quick-view-dialog .full-pdp-link,
.choose-bonus-product-dialog .full-pdp-link { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 17px 0 17px 0; padding-top: 3px; padding-bottom: 0;
}
.quick-view-dialog .full-pdp-link::after,
.choose-bonus-product-dialog .full-pdp-link::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
.quick-view-dialog .full-pdp-link:hover, .quick-view-dialog .full-pdp-link[aria-describedby*=popover],
.choose-bonus-product-dialog .full-pdp-link:hover,
.choose-bonus-product-dialog .full-pdp-link[aria-describedby*=popover] { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
.quick-view-dialog .full-pdp-link:hover::after, .quick-view-dialog .full-pdp-link[aria-describedby*=popover]::after,
.choose-bonus-product-dialog .full-pdp-link:hover::after,
.choose-bonus-product-dialog .full-pdp-link[aria-describedby*=popover]::after { left: calc(100% + 0.25em);
}
.quick-view-dialog .full-pdp-link:active,
.choose-bonus-product-dialog .full-pdp-link:active { color: #545454;
}
.quick-view-dialog .full-pdp-link:focus,
.choose-bonus-product-dialog .full-pdp-link:focus { outline: none;
}
.quick-view-dialog .full-pdp-link:focus:active,
.choose-bonus-product-dialog .full-pdp-link:focus:active { box-shadow: 0 0 0 1px #388BFF;
}
.quick-view-dialog .full-pdp-link:focus:active::after,
.choose-bonus-product-dialog .full-pdp-link:focus:active::after { height: 0;
}
.dark-theme .quick-view-dialog .full-pdp-link,
.dark-theme .choose-bonus-product-dialog .full-pdp-link { color: #FEFEFE;
}
.dark-theme .quick-view-dialog .full-pdp-link::after,
.dark-theme .choose-bonus-product-dialog .full-pdp-link::after { color: #FEFEFE;
}
.dark-theme .quick-view-dialog .full-pdp-link:hover,
.dark-theme .choose-bonus-product-dialog .full-pdp-link:hover { color: #FEFEFE;
}
.quick-view-dialog .full-pdp-link[disabled]::after, .quick-view-dialog .full-pdp-link.disabled::after,
.choose-bonus-product-dialog .full-pdp-link[disabled]::after,
.choose-bonus-product-dialog .full-pdp-link.disabled::after { display: none;
}
.quick-view-dialog .full-pdp-link[disabled], .quick-view-dialog .full-pdp-link.disabled,
.choose-bonus-product-dialog .full-pdp-link[disabled],
.choose-bonus-product-dialog .full-pdp-link.disabled { opacity: 1; color: #545454;
}
.quick-view-dialog .full-pdp-link[class*=icon-], .quick-view-dialog .full-pdp-link[class^=icon-],
.choose-bonus-product-dialog .full-pdp-link[class*=icon-],
.choose-bonus-product-dialog .full-pdp-link[class^=icon-] { padding-left: calc(47px + 16px);
}
.quick-view-dialog .full-pdp-link[class*=icon-]:before, .quick-view-dialog .full-pdp-link[class^=icon-]:before,
.choose-bonus-product-dialog .full-pdp-link[class*=icon-]:before,
.choose-bonus-product-dialog .full-pdp-link[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.quick-view-dialog .full-pdp-link:empty::after,
.choose-bonus-product-dialog .full-pdp-link:empty::after { display: none;
}
.quick-view-dialog .primary-images,
.choose-bonus-product-dialog .primary-images { margin-bottom: 0;
}
.quick-view-dialog .product-detail .product-name,
.choose-bonus-product-dialog .product-detail .product-name { margin-bottom: 10px;
}
.quick-view-dialog .product-detail .availability-container,
.choose-bonus-product-dialog .product-detail .availability-container { letter-spacing: 0.01em; font-size: 12px; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 4px;
}
@media (min-width: 1024px) { .quick-view-dialog .product-detail .availability-container,
.choose-bonus-product-dialog .product-detail .availability-container { font-size: 14px; }
}
.quick-view-dialog .product-detail .qty-cart-container,
.choose-bonus-product-dialog .product-detail .qty-cart-container { padding-bottom: 16px;
}
@media (max-width: 768.98px) { .quick-view-dialog .product-detail .attributes,
.choose-bonus-product-dialog .product-detail .attributes { display: flex; flex-direction: column; } .quick-view-dialog .product-detail .attributes [data-attr=color],
.choose-bonus-product-dialog .product-detail .attributes [data-attr=color] { order: -1; } .quick-view-dialog .product-detail .attributes [data-attr=color] .attribute,
.choose-bonus-product-dialog .product-detail .attributes [data-attr=color] .attribute { padding-top: 0; }
}
.quick-view-dialog .modal-body,
.choose-bonus-product-dialog .modal-body { min-height: 100px;
}
.quick-view-dialog .modal-footer,
.choose-bonus-product-dialog .modal-footer { display: none;
}
.reviews-landing hr { border-color: #ECECEC;
}
.reviews-landing .review { padding-bottom: 16px; margin-bottom: 24px; border-bottom: 1px solid #ECECEC; flex-direction: column;
}
@media (min-width: 769px) { .reviews-landing .review { flex-direction: row; padding-bottom: 24px; }
}
@media (min-width: 769px) { .reviews-landing .review__header { width: 200px; }
}
.reviews-landing .review__header h5 { margin-bottom: 8px;
}
.reviews-landing .review__name { font-weight: 500;
}
@media (min-width: 769px) { .reviews-landing .review__name { color: #545454; }
}
.reviews-landing .review__verified, .reviews-landing .review__date { color: #545454;
}
.reviews-landing .review__description { margin-top: 8px;
}
@media (min-width: 769px) { .reviews-landing .review__description { margin-top: 0; width: calc(100% - 200px); }
}
.reviews-landing .review__description p { color: #545454;
}
.reviews-landing .review__product-name { font-size: 12px; font-weight: 500;
}
.reviews-landing .review__product-name a { text-decoration: none; font-weight: 500;
}
.reviews-landing .review__product-name a:hover { text-decoration: underline;
}
.reviews-landing .review .pr-rating-stars { display: flex; flex-wrap: nowrap; gap: 4px; margin-bottom: 6px;
}
@media (min-width: 769px) { .reviews-landing .review .pr-rating-stars { margin-bottom: 8px; }
}
.reviews-landing .review .pr-rating-stars .pr-star-v4 { background-image: none; font-size: 12px; width: auto; margin-right: 0; padding: 0; height: auto; line-height: 1;
}
.reviews-landing .reviews-pagination { padding-bottom: calc(16px * 2); text-align: center;
}
@media (min-width: 769px) { .reviews-landing .reviews-pagination { display: flex; justify-content: space-between; }
}
@media (max-width: 768.98px) { .reviews-landing .reviews-pagination__displaying-text { margin-bottom: 24px; }
}
.reviews-landing .reviews-pagination__nav { display: flex; flex-wrap: nowrap; justify-content: center;
}
.reviews-landing .reviews-pagination__previous, .reviews-landing .reviews-pagination__next { text-decoration: none; white-space: nowrap;
}
.reviews-landing .reviews-pagination__previous::before { content: "<";
}
.reviews-landing .reviews-pagination__next::after { content: ">";
}
.reviews-landing .reviews-pagination__next:not(:only-child) { margin-left: 24px; padding-left: 24px; border-left: 1px solid #ECECEC;
}
.slider-title { text-align: left; padding-top: 16px; padding-bottom: 16px;
}
.slider-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .slider-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .slider-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.slider-container { position: relative; padding-left: 32px; padding-right: 32px; letter-spacing: 0;
}
@media (max-width: 768.98px) { .slider-container:not(.slider-bullets-inside):not(.slider-bullets-hidden) { margin-bottom: 66px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .slider-container:not(.slider-bullets-inside-md):not(.slider-bullets-hidden-md) { margin-bottom: 66px; }
}
@media (min-width: 1024px) { .slider-container:not(.slider-bullets-inside-lg):not(.slider-bullets-hidden-lg) { margin-bottom: 66px; }
}
.slider-container .slider { opacity: 0;
}
.slider-container .slider.tns-slider { opacity: 1;
}
.slider-container .slider.tns-gallery .tns-slide-active { z-index: 1;
}
.slider-container .slide { transform: translateZ(0);
}
.slider-container .tns-controls button { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; width: 32px; height: 100%; background-color: #ECF1F4; border: none; display: flex; text-align: center; transition: background-color 200ms ease-out; font-size: 0; padding: 0;
}
.slider-container .tns-controls button:before { width: 100%; align-self: center; transition: color 200ms ease-out;
}
.slider-container .tns-controls button:hover { background-color: #ECF1F4;
}
.slider-container .tns-controls button:hover:before { color: #0A2541;
}
.slider-container [data-controls=prev] { left: 0;
}
.slider-container [data-controls=prev]:before { content: "\E904"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #0A2541; font-weight: normal;
}
.slider-container [data-controls=prev][class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.slider-container [data-controls=prev][class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.slider-container [data-controls=prev][class*=btn-]:not(.title).btn-sm, .slider-container .btn-group-sm > [data-controls=prev][class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.slider-container [data-controls=prev][class*=btn-]:not(.title).btn-sm:before, .slider-container .btn-group-sm > [data-controls=prev][class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.slider-container [data-controls=prev][class*=btn-]:not(.title) [class*=icon-],
.slider-container [data-controls=prev][class*=btn-]:not(.title) [class^=icon-],
.slider-container [data-controls=prev][class*=btn-]:not(.title) .fa { display: none;
}
.slider-container [data-controls=next] { right: 0;
}
.slider-container [data-controls=next]:before { content: "\E906"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #0A2541; font-weight: normal;
}
.slider-container [data-controls=next][class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.slider-container [data-controls=next][class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.slider-container [data-controls=next][class*=btn-]:not(.title).btn-sm, .slider-container .btn-group-sm > [data-controls=next][class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.slider-container [data-controls=next][class*=btn-]:not(.title).btn-sm:before, .slider-container .btn-group-sm > [data-controls=next][class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.slider-container [data-controls=next][class*=btn-]:not(.title) [class*=icon-],
.slider-container [data-controls=next][class*=btn-]:not(.title) [class^=icon-],
.slider-container [data-controls=next][class*=btn-]:not(.title) .fa { display: none;
}
.slider-container .tns-nav { position: absolute; right: 50%; transform: translateX(50%); display: flex; bottom: 0; z-index: 2; bottom: -66px;
}
.slider-container .tns-nav button { display: block; background: #ECF1F4; border: none; width: 2px; height: 2px; margin: 40px 0 24px 0; padding: 0; cursor: pointer; transition: transform 200ms ease-out;
}
.slider-container .tns-nav button.tns-nav-active { background: #134981; border: none; transform: scale(1);
}
.slider-container .tns-nav.with-pagination-btn button { order: 1;
}
.slider-container .tns-nav.with-pagination-btn .with-pagination { order: 0;
}
.slider-container.pagination-style-dots .tns-nav { align-items: center;
}
.slider-container.pagination-style-dots .tns-nav button { border-radius: 50%;
}
.slider-container.pagination-style-shortLines .tns-nav { align-items: flex-end;
}
.slider-container.pagination-style-shortLines .tns-nav button { background-color: #0A2541; border: none; width: 20px; height: 2px;
}
.slider-container.pagination-style-shortLines .tns-nav button.tns-nav-active, .slider-container.pagination-style-shortLines .tns-nav button:hover:not(.tns-nav-active) { background-color: #134981; height: 4px; transition: background-color 200ms ease-in-out, height 200ms ease-in-out;
}
.slider-container.light .tns-controls button { background-color: #ECF1F4;
}
.slider-container.light .tns-controls button::before { color: #0A2541;
}
.slider-container.light .tns-controls button:hover { background-color: #ECF1F4;
}
.slider-container.light .tns-controls button:hover::before { color: #0A2541;
}
.slider-container.light .tns-nav button { background: #ECF1F4; border: none;
}
.slider-container.light .tns-nav button.tns-nav-active { background: #134981; border: none;
}
.slider-container.light .tns-nav-controller::before { color: #FEFEFE;
}
.slider-container.light .tns-nav-controller.pause::before { color: #FEFEFE;
}
.slider-container.light.pagination-style-shortLines .tns-nav button { background-color: #134981;
}
.slider-container.light.pagination-style-shortLines .tns-nav button.tns-nav-active, .slider-container.light.pagination-style-shortLines .tns-nav button:hover:not(.tns-nav-active) { background-color: #134981;
}
.slider-container [data-action=stop],
.slider-container [data-action=start] { display: none;
}
@media (max-width: 768.98px) { .slider-container.slider-buttons-hidden { padding-left: 0; padding-right: 0; } .slider-container.slider-buttons-hidden .tns-controls { display: none; } .slider-container.slider-bullets-hidden .tns-nav { display: none; } .slider-container.slider-buttons-inside { padding-left: 0; padding-right: 0; } .slider-container.slider-bullets-inside .tns-nav { bottom: 0; } .slider-container.next-slide-1 .tns-inner { padding-right: 1%; } .slider-container.next-slide-1.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-1 .tns-inner { padding-left: 1%; } .slider-container.prev-slide-1.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-2 .tns-inner { padding-right: 2%; } .slider-container.next-slide-2.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-2 .tns-inner { padding-left: 2%; } .slider-container.prev-slide-2.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-3 .tns-inner { padding-right: 3%; } .slider-container.next-slide-3.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-3 .tns-inner { padding-left: 3%; } .slider-container.prev-slide-3.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-4 .tns-inner { padding-right: 4%; } .slider-container.next-slide-4.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-4 .tns-inner { padding-left: 4%; } .slider-container.prev-slide-4.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-5 .tns-inner { padding-right: 5%; } .slider-container.next-slide-5.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-5 .tns-inner { padding-left: 5%; } .slider-container.prev-slide-5.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-6 .tns-inner { padding-right: 6%; } .slider-container.next-slide-6.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-6 .tns-inner { padding-left: 6%; } .slider-container.prev-slide-6.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-7 .tns-inner { padding-right: 7%; } .slider-container.next-slide-7.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-7 .tns-inner { padding-left: 7%; } .slider-container.prev-slide-7.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-8 .tns-inner { padding-right: 8%; } .slider-container.next-slide-8.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-8 .tns-inner { padding-left: 8%; } .slider-container.prev-slide-8.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-9 .tns-inner { padding-right: 9%; } .slider-container.next-slide-9.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-9 .tns-inner { padding-left: 9%; } .slider-container.prev-slide-9.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-10 .tns-inner { padding-right: 10%; } .slider-container.next-slide-10.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-10 .tns-inner { padding-left: 10%; } .slider-container.prev-slide-10.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-11 .tns-inner { padding-right: 11%; } .slider-container.next-slide-11.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-11 .tns-inner { padding-left: 11%; } .slider-container.prev-slide-11.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-12 .tns-inner { padding-right: 12%; } .slider-container.next-slide-12.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-12 .tns-inner { padding-left: 12%; } .slider-container.prev-slide-12.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-13 .tns-inner { padding-right: 13%; } .slider-container.next-slide-13.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-13 .tns-inner { padding-left: 13%; } .slider-container.prev-slide-13.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-14 .tns-inner { padding-right: 14%; } .slider-container.next-slide-14.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-14 .tns-inner { padding-left: 14%; } .slider-container.prev-slide-14.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-15 .tns-inner { padding-right: 15%; } .slider-container.next-slide-15.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-15 .tns-inner { padding-left: 15%; } .slider-container.prev-slide-15.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-16 .tns-inner { padding-right: 16%; } .slider-container.next-slide-16.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-16 .tns-inner { padding-left: 16%; } .slider-container.prev-slide-16.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-17 .tns-inner { padding-right: 17%; } .slider-container.next-slide-17.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-17 .tns-inner { padding-left: 17%; } .slider-container.prev-slide-17.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-18 .tns-inner { padding-right: 18%; } .slider-container.next-slide-18.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-18 .tns-inner { padding-left: 18%; } .slider-container.prev-slide-18.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-19 .tns-inner { padding-right: 19%; } .slider-container.next-slide-19.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-19 .tns-inner { padding-left: 19%; } .slider-container.prev-slide-19.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-20 .tns-inner { padding-right: 20%; } .slider-container.next-slide-20.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-20 .tns-inner { padding-left: 20%; } .slider-container.prev-slide-20.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-21 .tns-inner { padding-right: 21%; } .slider-container.next-slide-21.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-21 .tns-inner { padding-left: 21%; } .slider-container.prev-slide-21.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-22 .tns-inner { padding-right: 22%; } .slider-container.next-slide-22.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-22 .tns-inner { padding-left: 22%; } .slider-container.prev-slide-22.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-23 .tns-inner { padding-right: 23%; } .slider-container.next-slide-23.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-23 .tns-inner { padding-left: 23%; } .slider-container.prev-slide-23.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-24 .tns-inner { padding-right: 24%; } .slider-container.next-slide-24.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-24 .tns-inner { padding-left: 24%; } .slider-container.prev-slide-24.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-25 .tns-inner { padding-right: 25%; } .slider-container.next-slide-25.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-25 .tns-inner { padding-left: 25%; } .slider-container.prev-slide-25.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-26 .tns-inner { padding-right: 26%; } .slider-container.next-slide-26.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-26 .tns-inner { padding-left: 26%; } .slider-container.prev-slide-26.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-27 .tns-inner { padding-right: 27%; } .slider-container.next-slide-27.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-27 .tns-inner { padding-left: 27%; } .slider-container.prev-slide-27.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-28 .tns-inner { padding-right: 28%; } .slider-container.next-slide-28.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-28 .tns-inner { padding-left: 28%; } .slider-container.prev-slide-28.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-29 .tns-inner { padding-right: 29%; } .slider-container.next-slide-29.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-29 .tns-inner { padding-left: 29%; } .slider-container.prev-slide-29.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-30 .tns-inner { padding-right: 30%; } .slider-container.next-slide-30.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-30 .tns-inner { padding-left: 30%; } .slider-container.prev-slide-30.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-31 .tns-inner { padding-right: 31%; } .slider-container.next-slide-31.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-31 .tns-inner { padding-left: 31%; } .slider-container.prev-slide-31.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-32 .tns-inner { padding-right: 32%; } .slider-container.next-slide-32.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-32 .tns-inner { padding-left: 32%; } .slider-container.prev-slide-32.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-33 .tns-inner { padding-right: 33%; } .slider-container.next-slide-33.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-33 .tns-inner { padding-left: 33%; } .slider-container.prev-slide-33.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-34 .tns-inner { padding-right: 34%; } .slider-container.next-slide-34.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-34 .tns-inner { padding-left: 34%; } .slider-container.prev-slide-34.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-35 .tns-inner { padding-right: 35%; } .slider-container.next-slide-35.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-35 .tns-inner { padding-left: 35%; } .slider-container.prev-slide-35.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-36 .tns-inner { padding-right: 36%; } .slider-container.next-slide-36.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-36 .tns-inner { padding-left: 36%; } .slider-container.prev-slide-36.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-37 .tns-inner { padding-right: 37%; } .slider-container.next-slide-37.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-37 .tns-inner { padding-left: 37%; } .slider-container.prev-slide-37.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-38 .tns-inner { padding-right: 38%; } .slider-container.next-slide-38.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-38 .tns-inner { padding-left: 38%; } .slider-container.prev-slide-38.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-39 .tns-inner { padding-right: 39%; } .slider-container.next-slide-39.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-39 .tns-inner { padding-left: 39%; } .slider-container.prev-slide-39.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-40 .tns-inner { padding-right: 40%; } .slider-container.next-slide-40.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-40 .tns-inner { padding-left: 40%; } .slider-container.prev-slide-40.slider-buttons-hidden { margin-left: -16px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .slider-container.slider-buttons-hidden-md { padding-left: 0; padding-right: 0; } .slider-container.slider-buttons-hidden-md .tns-controls { display: none; } .slider-container.slider-bullets-hidden-md { margin-bottom: 0; } .slider-container.slider-bullets-hidden-md .tns-nav { display: none; } .slider-container.slider-buttons-inside-md { padding-left: 0; padding-right: 0; } .slider-container.slider-bullets-inside-md { margin-bottom: 0; } .slider-container.slider-bullets-inside-md .tns-nav { bottom: 0; } .slider-container.next-slide-md-1 .tns-inner { padding-right: 1%; } .slider-container.prev-slide-md-1 .tns-inner { padding-left: 1%; } .slider-container.next-slide-md-2 .tns-inner { padding-right: 2%; } .slider-container.prev-slide-md-2 .tns-inner { padding-left: 2%; } .slider-container.next-slide-md-3 .tns-inner { padding-right: 3%; } .slider-container.prev-slide-md-3 .tns-inner { padding-left: 3%; } .slider-container.next-slide-md-4 .tns-inner { padding-right: 4%; } .slider-container.prev-slide-md-4 .tns-inner { padding-left: 4%; } .slider-container.next-slide-md-5 .tns-inner { padding-right: 5%; } .slider-container.prev-slide-md-5 .tns-inner { padding-left: 5%; } .slider-container.next-slide-md-6 .tns-inner { padding-right: 6%; } .slider-container.prev-slide-md-6 .tns-inner { padding-left: 6%; } .slider-container.next-slide-md-7 .tns-inner { padding-right: 7%; } .slider-container.prev-slide-md-7 .tns-inner { padding-left: 7%; } .slider-container.next-slide-md-8 .tns-inner { padding-right: 8%; } .slider-container.prev-slide-md-8 .tns-inner { padding-left: 8%; } .slider-container.next-slide-md-9 .tns-inner { padding-right: 9%; } .slider-container.prev-slide-md-9 .tns-inner { padding-left: 9%; } .slider-container.next-slide-md-10 .tns-inner { padding-right: 10%; } .slider-container.prev-slide-md-10 .tns-inner { padding-left: 10%; } .slider-container.next-slide-md-11 .tns-inner { padding-right: 11%; } .slider-container.prev-slide-md-11 .tns-inner { padding-left: 11%; } .slider-container.next-slide-md-12 .tns-inner { padding-right: 12%; } .slider-container.prev-slide-md-12 .tns-inner { padding-left: 12%; } .slider-container.next-slide-md-13 .tns-inner { padding-right: 13%; } .slider-container.prev-slide-md-13 .tns-inner { padding-left: 13%; } .slider-container.next-slide-md-14 .tns-inner { padding-right: 14%; } .slider-container.prev-slide-md-14 .tns-inner { padding-left: 14%; } .slider-container.next-slide-md-15 .tns-inner { padding-right: 15%; } .slider-container.prev-slide-md-15 .tns-inner { padding-left: 15%; } .slider-container.next-slide-md-16 .tns-inner { padding-right: 16%; } .slider-container.prev-slide-md-16 .tns-inner { padding-left: 16%; } .slider-container.next-slide-md-17 .tns-inner { padding-right: 17%; } .slider-container.prev-slide-md-17 .tns-inner { padding-left: 17%; } .slider-container.next-slide-md-18 .tns-inner { padding-right: 18%; } .slider-container.prev-slide-md-18 .tns-inner { padding-left: 18%; } .slider-container.next-slide-md-19 .tns-inner { padding-right: 19%; } .slider-container.prev-slide-md-19 .tns-inner { padding-left: 19%; } .slider-container.next-slide-md-20 .tns-inner { padding-right: 20%; } .slider-container.prev-slide-md-20 .tns-inner { padding-left: 20%; } .slider-container.next-slide-md-21 .tns-inner { padding-right: 21%; } .slider-container.prev-slide-md-21 .tns-inner { padding-left: 21%; } .slider-container.next-slide-md-22 .tns-inner { padding-right: 22%; } .slider-container.prev-slide-md-22 .tns-inner { padding-left: 22%; } .slider-container.next-slide-md-23 .tns-inner { padding-right: 23%; } .slider-container.prev-slide-md-23 .tns-inner { padding-left: 23%; } .slider-container.next-slide-md-24 .tns-inner { padding-right: 24%; } .slider-container.prev-slide-md-24 .tns-inner { padding-left: 24%; } .slider-container.next-slide-md-25 .tns-inner { padding-right: 25%; } .slider-container.prev-slide-md-25 .tns-inner { padding-left: 25%; } .slider-container.next-slide-md-26 .tns-inner { padding-right: 26%; } .slider-container.prev-slide-md-26 .tns-inner { padding-left: 26%; } .slider-container.next-slide-md-27 .tns-inner { padding-right: 27%; } .slider-container.prev-slide-md-27 .tns-inner { padding-left: 27%; } .slider-container.next-slide-md-28 .tns-inner { padding-right: 28%; } .slider-container.prev-slide-md-28 .tns-inner { padding-left: 28%; } .slider-container.next-slide-md-29 .tns-inner { padding-right: 29%; } .slider-container.prev-slide-md-29 .tns-inner { padding-left: 29%; } .slider-container.next-slide-md-30 .tns-inner { padding-right: 30%; } .slider-container.prev-slide-md-30 .tns-inner { padding-left: 30%; } .slider-container.next-slide-md-31 .tns-inner { padding-right: 31%; } .slider-container.prev-slide-md-31 .tns-inner { padding-left: 31%; } .slider-container.next-slide-md-32 .tns-inner { padding-right: 32%; } .slider-container.prev-slide-md-32 .tns-inner { padding-left: 32%; } .slider-container.next-slide-md-33 .tns-inner { padding-right: 33%; } .slider-container.prev-slide-md-33 .tns-inner { padding-left: 33%; } .slider-container.next-slide-md-34 .tns-inner { padding-right: 34%; } .slider-container.prev-slide-md-34 .tns-inner { padding-left: 34%; } .slider-container.next-slide-md-35 .tns-inner { padding-right: 35%; } .slider-container.prev-slide-md-35 .tns-inner { padding-left: 35%; } .slider-container.next-slide-md-36 .tns-inner { padding-right: 36%; } .slider-container.prev-slide-md-36 .tns-inner { padding-left: 36%; } .slider-container.next-slide-md-37 .tns-inner { padding-right: 37%; } .slider-container.prev-slide-md-37 .tns-inner { padding-left: 37%; } .slider-container.next-slide-md-38 .tns-inner { padding-right: 38%; } .slider-container.prev-slide-md-38 .tns-inner { padding-left: 38%; } .slider-container.next-slide-md-39 .tns-inner { padding-right: 39%; } .slider-container.prev-slide-md-39 .tns-inner { padding-left: 39%; } .slider-container.next-slide-md-40 .tns-inner { padding-right: 40%; } .slider-container.prev-slide-md-40 .tns-inner { padding-left: 40%; }
}
@media (min-width: 1024px) { .slider-container.slider-buttons-hidden-lg { padding-left: 0; padding-right: 0; } .slider-container.slider-buttons-hidden-lg .tns-controls { display: none; } .slider-container.slider-bullets-hidden-lg { margin-bottom: 0; } .slider-container.slider-bullets-hidden-lg .tns-nav { display: none; } .slider-container.slider-buttons-inside-lg { padding-left: 0; padding-right: 0; } .slider-container.slider-bullets-inside-lg { margin-bottom: 0; } .slider-container.slider-bullets-inside-lg .tns-nav { bottom: 0; } .slider-container.next-slide-lg-1 .tns-inner { padding-right: 1%; } .slider-container.prev-slide-lg-1 .tns-inner { padding-left: 1%; } .slider-container.next-slide-lg-2 .tns-inner { padding-right: 2%; } .slider-container.prev-slide-lg-2 .tns-inner { padding-left: 2%; } .slider-container.next-slide-lg-3 .tns-inner { padding-right: 3%; } .slider-container.prev-slide-lg-3 .tns-inner { padding-left: 3%; } .slider-container.next-slide-lg-4 .tns-inner { padding-right: 4%; } .slider-container.prev-slide-lg-4 .tns-inner { padding-left: 4%; } .slider-container.next-slide-lg-5 .tns-inner { padding-right: 5%; } .slider-container.prev-slide-lg-5 .tns-inner { padding-left: 5%; } .slider-container.next-slide-lg-6 .tns-inner { padding-right: 6%; } .slider-container.prev-slide-lg-6 .tns-inner { padding-left: 6%; } .slider-container.next-slide-lg-7 .tns-inner { padding-right: 7%; } .slider-container.prev-slide-lg-7 .tns-inner { padding-left: 7%; } .slider-container.next-slide-lg-8 .tns-inner { padding-right: 8%; } .slider-container.prev-slide-lg-8 .tns-inner { padding-left: 8%; } .slider-container.next-slide-lg-9 .tns-inner { padding-right: 9%; } .slider-container.prev-slide-lg-9 .tns-inner { padding-left: 9%; } .slider-container.next-slide-lg-10 .tns-inner { padding-right: 10%; } .slider-container.prev-slide-lg-10 .tns-inner { padding-left: 10%; } .slider-container.next-slide-lg-11 .tns-inner { padding-right: 11%; } .slider-container.prev-slide-lg-11 .tns-inner { padding-left: 11%; } .slider-container.next-slide-lg-12 .tns-inner { padding-right: 12%; } .slider-container.prev-slide-lg-12 .tns-inner { padding-left: 12%; } .slider-container.next-slide-lg-13 .tns-inner { padding-right: 13%; } .slider-container.prev-slide-lg-13 .tns-inner { padding-left: 13%; } .slider-container.next-slide-lg-14 .tns-inner { padding-right: 14%; } .slider-container.prev-slide-lg-14 .tns-inner { padding-left: 14%; } .slider-container.next-slide-lg-15 .tns-inner { padding-right: 15%; } .slider-container.prev-slide-lg-15 .tns-inner { padding-left: 15%; } .slider-container.next-slide-lg-16 .tns-inner { padding-right: 16%; } .slider-container.prev-slide-lg-16 .tns-inner { padding-left: 16%; } .slider-container.next-slide-lg-17 .tns-inner { padding-right: 17%; } .slider-container.prev-slide-lg-17 .tns-inner { padding-left: 17%; } .slider-container.next-slide-lg-18 .tns-inner { padding-right: 18%; } .slider-container.prev-slide-lg-18 .tns-inner { padding-left: 18%; } .slider-container.next-slide-lg-19 .tns-inner { padding-right: 19%; } .slider-container.prev-slide-lg-19 .tns-inner { padding-left: 19%; } .slider-container.next-slide-lg-20 .tns-inner { padding-right: 20%; } .slider-container.prev-slide-lg-20 .tns-inner { padding-left: 20%; } .slider-container.next-slide-lg-21 .tns-inner { padding-right: 21%; } .slider-container.prev-slide-lg-21 .tns-inner { padding-left: 21%; } .slider-container.next-slide-lg-22 .tns-inner { padding-right: 22%; } .slider-container.prev-slide-lg-22 .tns-inner { padding-left: 22%; } .slider-container.next-slide-lg-23 .tns-inner { padding-right: 23%; } .slider-container.prev-slide-lg-23 .tns-inner { padding-left: 23%; } .slider-container.next-slide-lg-24 .tns-inner { padding-right: 24%; } .slider-container.prev-slide-lg-24 .tns-inner { padding-left: 24%; } .slider-container.next-slide-lg-25 .tns-inner { padding-right: 25%; } .slider-container.prev-slide-lg-25 .tns-inner { padding-left: 25%; } .slider-container.next-slide-lg-26 .tns-inner { padding-right: 26%; } .slider-container.prev-slide-lg-26 .tns-inner { padding-left: 26%; } .slider-container.next-slide-lg-27 .tns-inner { padding-right: 27%; } .slider-container.prev-slide-lg-27 .tns-inner { padding-left: 27%; } .slider-container.next-slide-lg-28 .tns-inner { padding-right: 28%; } .slider-container.prev-slide-lg-28 .tns-inner { padding-left: 28%; } .slider-container.next-slide-lg-29 .tns-inner { padding-right: 29%; } .slider-container.prev-slide-lg-29 .tns-inner { padding-left: 29%; } .slider-container.next-slide-lg-30 .tns-inner { padding-right: 30%; } .slider-container.prev-slide-lg-30 .tns-inner { padding-left: 30%; } .slider-container.next-slide-lg-31 .tns-inner { padding-right: 31%; } .slider-container.prev-slide-lg-31 .tns-inner { padding-left: 31%; } .slider-container.next-slide-lg-32 .tns-inner { padding-right: 32%; } .slider-container.prev-slide-lg-32 .tns-inner { padding-left: 32%; } .slider-container.next-slide-lg-33 .tns-inner { padding-right: 33%; } .slider-container.prev-slide-lg-33 .tns-inner { padding-left: 33%; } .slider-container.next-slide-lg-34 .tns-inner { padding-right: 34%; } .slider-container.prev-slide-lg-34 .tns-inner { padding-left: 34%; } .slider-container.next-slide-lg-35 .tns-inner { padding-right: 35%; } .slider-container.prev-slide-lg-35 .tns-inner { padding-left: 35%; } .slider-container.next-slide-lg-36 .tns-inner { padding-right: 36%; } .slider-container.prev-slide-lg-36 .tns-inner { padding-left: 36%; } .slider-container.next-slide-lg-37 .tns-inner { padding-right: 37%; } .slider-container.prev-slide-lg-37 .tns-inner { padding-left: 37%; } .slider-container.next-slide-lg-38 .tns-inner { padding-right: 38%; } .slider-container.prev-slide-lg-38 .tns-inner { padding-left: 38%; } .slider-container.next-slide-lg-39 .tns-inner { padding-right: 39%; } .slider-container.prev-slide-lg-39 .tns-inner { padding-left: 39%; } .slider-container.next-slide-lg-40 .tns-inner { padding-right: 40%; } .slider-container.prev-slide-lg-40 .tns-inner { padding-left: 40%; }
}
.tns-nav-controller { cursor: pointer;
}
.tns-nav-controller:before { content: "\E937"; font-family: "icomoon"; display: inline-block; font-size: 25px; color: #D8D8D8; font-weight: normal;
}
.tns-nav-controller[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.tns-nav-controller[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #D8D8D8; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.tns-nav-controller[class*=btn-]:not(.title).btn-sm, .btn-group-sm > .tns-nav-controller[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.tns-nav-controller[class*=btn-]:not(.title).btn-sm:before, .btn-group-sm > .tns-nav-controller[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #D8D8D8; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.tns-nav-controller[class*=btn-]:not(.title) [class*=icon-],
.tns-nav-controller[class*=btn-]:not(.title) [class^=icon-],
.tns-nav-controller[class*=btn-]:not(.title) .fa { display: none;
}
.tns-nav-controller.pause:before { content: "\E939"; font-family: "icomoon"; display: inline-block; font-size: 25px; color: #134981; font-weight: normal;
}
.tns-nav-controller.pause[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.tns-nav-controller.pause[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #134981; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.tns-nav-controller.pause[class*=btn-]:not(.title).btn-sm, .btn-group-sm > .tns-nav-controller.pause[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.tns-nav-controller.pause[class*=btn-]:not(.title).btn-sm:before, .btn-group-sm > .tns-nav-controller.pause[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #134981; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.tns-nav-controller.pause[class*=btn-]:not(.title) [class*=icon-],
.tns-nav-controller.pause[class*=btn-]:not(.title) [class^=icon-],
.tns-nav-controller.pause[class*=btn-]:not(.title) .fa { display: none;
}
.tns-nav-controller:not(.with-pagination) { position: absolute; padding: 10px; z-index: 2;
}
.tns-nav-controller.top-right { top: 0; right: 0;
}
.tns-nav-controller.top-left { top: 0; left: 0;
}
.tns-nav-controller.bottom-right { bottom: 0; right: 0;
}
.tns-nav-controller.bottom-left { bottom: 0; left: 0;
}
.tns-nav-controller.with-pagination { padding-right: 5px;
}
.slider-thumbnails { padding-left: 44px; padding-right: 44px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.slider-thumbnails .slider { overflow: auto; text-align: center; padding-bottom: 50px; margin-bottom: -50px;
}
.slider-thumbnails .slide { min-width: 56px; max-width: 56px; flex-basis: 56px;
}
@media (min-width: 769px) { .slider-thumbnails .slide { min-width: 56px; max-width: 56px; flex-basis: 56px; }
}
@media (min-width: 1024px) { .slider-thumbnails .slide { min-width: 56px; max-width: 56px; flex-basis: 56px; }
}
.slider-thumbnails .slide > * { width: 100%;
}
.slider-thumbnails .slide::after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-style: solid; border-width: 0; border-color: transparent; transition: border 200ms ease-out;
}
.slider-thumbnails .slide.tns-nav-active::after { border-width: 0 0 2px 0; border-color: #0A2541;
}
@media (max-width: 768.98px) { .slider-thumbnails.slider-thumbnail-dots .slide { min-width: 2px; max-width: 2px; height: 2px; margin: 40px 0 24px 0; } .slider-thumbnails.slider-thumbnail-dots .slide:after { background: #ECF1F4; border: none; border-radius: 50%; } .slider-thumbnails.slider-thumbnail-dots .slide.tns-nav-active::after { background: #134981; border: none; transform: scale(1); } .slider-thumbnails.slider-thumbnail-dots .slide img { display: none !important; }
}
.primary-images-thumbnails-dots .slider-thumbnails.slider-thumbnail-dots .slide { min-width: 2px; max-width: 2px; height: 2px; margin: 40px 0 24px 0;
}
.primary-images-thumbnails-dots .slider-thumbnails.slider-thumbnail-dots .slide:after { background: #ECF1F4; border: none; border-radius: 50%;
}
.primary-images-thumbnails-dots .slider-thumbnails.slider-thumbnail-dots .slide.tns-nav-active::after { background: #134981; border: none; transform: scale(1);
}
.primary-images-thumbnails-dots .slider-thumbnails.slider-thumbnail-dots .slide img { display: none !important;
}
.slider-thumbnails.slider-thumbnail-dots .slider-thumbnail-controls { display: none;
}
.primary-images-thumbnails .slider-thumbnails.slider-thumbnail-dots .slider-thumbnail-controls { display: block;
}
.slider-thumbnails .tns-horizontal > .tns-item { vertical-align: middle;
}
.slider-thumbnails .slider-thumbnail-controls .prev,
.slider-thumbnails .slider-thumbnail-controls .next { position: absolute; top: 0; height: 100%; width: 11px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #FEFEFE; transition: opacity 200ms ease-out;
}
.slider-thumbnails .slider-thumbnail-controls .prev::before,
.slider-thumbnails .slider-thumbnail-controls .next::before { position: absolute; top: 50%; transform: translateY(-50%);
}
.slider-thumbnails .slider-thumbnail-controls .prev:hover,
.slider-thumbnails .slider-thumbnail-controls .next:hover { background-color: #FEFEFE;
}
.slider-thumbnails .slider-thumbnail-controls .prev:hover::before,
.slider-thumbnails .slider-thumbnail-controls .next:hover::before { color: #0A2541;
}
.slider-thumbnails .slider-thumbnail-controls .prev[aria-disabled=true],
.slider-thumbnails .slider-thumbnail-controls .next[aria-disabled=true] { opacity: 0;
}
.slider-thumbnails .slider-thumbnail-controls .prev { left: 0;
}
.slider-thumbnails .slider-thumbnail-controls .prev:before { content: "\E904"; font-family: "icomoon"; display: inline-block; font-size: 28px; color: #0A2541; font-weight: normal;
}
.slider-thumbnails .slider-thumbnail-controls .prev[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.slider-thumbnails .slider-thumbnail-controls .prev[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.slider-thumbnails .slider-thumbnail-controls .prev[class*=btn-]:not(.title).btn-sm, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .prev[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.slider-thumbnails .slider-thumbnail-controls .prev[class*=btn-]:not(.title).btn-sm:before, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .prev[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.slider-thumbnails .slider-thumbnail-controls .prev[class*=btn-]:not(.title) [class*=icon-],
.slider-thumbnails .slider-thumbnail-controls .prev[class*=btn-]:not(.title) [class^=icon-],
.slider-thumbnails .slider-thumbnail-controls .prev[class*=btn-]:not(.title) .fa { display: none;
}
.slider-thumbnails .slider-thumbnail-controls .next { right: 0;
}
.slider-thumbnails .slider-thumbnail-controls .next:before { content: "\E906"; font-family: "icomoon"; display: inline-block; font-size: 28px; color: #0A2541; font-weight: normal;
}
.slider-thumbnails .slider-thumbnail-controls .next[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.slider-thumbnails .slider-thumbnail-controls .next[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.slider-thumbnails .slider-thumbnail-controls .next[class*=btn-]:not(.title).btn-sm, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .next[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.slider-thumbnails .slider-thumbnail-controls .next[class*=btn-]:not(.title).btn-sm:before, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .next[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.slider-thumbnails .slider-thumbnail-controls .next[class*=btn-]:not(.title) [class*=icon-],
.slider-thumbnails .slider-thumbnail-controls .next[class*=btn-]:not(.title) [class^=icon-],
.slider-thumbnails .slider-thumbnail-controls .next[class*=btn-]:not(.title) .fa { display: none;
}
.slider-thumbnails .tns-horizontal.tns-no-subpixel { white-space: nowrap;
}
.slider-thumbnails .tns-horizontal.tns-no-subpixel > .tns-item { float: none; display: inline-block; margin: 0; margin-left: 0 !important;
}
.slider-thumbnails .video-container .video-thumbnail-button::before { font-size: 26px;
}
@media (max-width: 768.98px) { .slider-thumbnails.slider-thumbnails-vertical { position: absolute; top: 0; bottom: 0; width: 100%; } .slider-thumbnails.slider-thumbnails-vertical .tns-outer,
.slider-thumbnails.slider-thumbnails-vertical .tns-ovh { max-height: 100%; position: absolute; top: 0; bottom: 0; width: 100%; } .slider-thumbnails.slider-thumbnails-vertical .tns-inner { width: calc(100% + 50px); margin-right: -50px !important; overflow: auto; max-height: 100%; } .slider-thumbnails.slider-thumbnails-vertical .slider { padding-bottom: 0; margin-bottom: 0; width: 100% !important; } .slider-thumbnails.slider-thumbnails-vertical .slide { display: block; width: 100% !important; padding-right: 0 !important; } .slider-thumbnails.slider-thumbnails-vertical .slide + .slide { margin-top: 16px; } .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .prev,
.slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .next { left: 0; text-align: center; height: 11px; width: 56px; }
}
@media (max-width: 768.98px) and (min-width: 769px) { .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .prev,
.slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .next { width: 56px; }
}
@media (max-width: 768.98px) and (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .prev,
.slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .next { width: 56px; }
}
@media (max-width: 768.98px) { .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .prev::before,
.slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .next::before { transform: rotate(90deg); top: auto; bottom: 0; left: calc(50% - (28px / 2)); width: 11px; height: 28px; }
}
@media (max-width: 768.98px) { .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .prev { top: 0; }
}
@media (max-width: 768.98px) { .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .next { top: auto; bottom: 0; }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .slider-thumbnails.slider-thumbnails-vertical-md { position: absolute; top: 0; bottom: 0; width: 100%; } .slider-thumbnails.slider-thumbnails-vertical-md .tns-outer,
.slider-thumbnails.slider-thumbnails-vertical-md .tns-ovh { max-height: 100%; position: absolute; top: 0; bottom: 0; width: 100%; } .slider-thumbnails.slider-thumbnails-vertical-md .tns-inner { width: calc(100% + 50px); margin-right: -50px !important; overflow: auto; max-height: 100%; } .slider-thumbnails.slider-thumbnails-vertical-md .slider { padding-bottom: 0; margin-bottom: 0; width: 100% !important; } .slider-thumbnails.slider-thumbnails-vertical-md .slide { display: block; width: 100% !important; padding-right: 0 !important; } .slider-thumbnails.slider-thumbnails-vertical-md .slide + .slide { margin-top: 16px; } .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev,
.slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next { left: 0; text-align: center; height: 11px; width: 56px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 769px) { .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev,
.slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next { width: 56px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev,
.slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next { width: 56px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev::before,
.slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next::before { transform: rotate(90deg); top: auto; bottom: 0; left: calc(50% - (28px / 2)); width: 11px; height: 28px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev { top: 0; }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next { top: auto; bottom: 0; }
}
@media (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical-lg { position: absolute; top: 0; bottom: 0; width: 100%; } .slider-thumbnails.slider-thumbnails-vertical-lg .tns-outer,
.slider-thumbnails.slider-thumbnails-vertical-lg .tns-ovh { max-height: 100%; position: absolute; top: 0; bottom: 0; width: 100%; } .slider-thumbnails.slider-thumbnails-vertical-lg .tns-inner { width: calc(100% + 50px); margin-right: -50px !important; overflow: auto; max-height: 100%; } .slider-thumbnails.slider-thumbnails-vertical-lg .slider { padding-bottom: 0; margin-bottom: 0; width: 100% !important; } .slider-thumbnails.slider-thumbnails-vertical-lg .slide { display: block; width: 100% !important; padding-right: 0 !important; } .slider-thumbnails.slider-thumbnails-vertical-lg .slide + .slide { margin-top: 16px; } .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev,
.slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { left: 0; text-align: center; height: 11px; width: 56px; }
}
@media (min-width: 1024px) and (min-width: 769px) { .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev,
.slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { width: 56px; }
}
@media (min-width: 1024px) and (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev,
.slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { width: 56px; }
}
@media (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev::before,
.slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next::before { transform: rotate(90deg); top: auto; bottom: 0; left: calc(50% - (28px / 2)); width: 11px; height: 28px; }
}
@media (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev { top: 0; }
}
@media (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { top: auto; bottom: 0; }
}
.slider-title { padding-top: 24px; padding-bottom: 24px;
}
.slider-container { padding-left: 0; padding-right: 0;
}
.slider-container .slider { height: 0; overflow: hidden;
}
.slider-container .slider.tns-slider { height: unset; overflow: unset;
}
.slider-container .tns-controls button { height: 32px; border-radius: 50%; border: 2px solid #FEFEFE;
}
.slider-container .tns-controls button[data-controls=prev] { left: 16px;
}
.slider-container .tns-controls button[data-controls=next] { right: 16px;
}
.slider-container .tns-nav { justify-content: space-evenly; width: 100%;
}
.full-bleed .slider-container .tns-nav { width: calc(100% - (30px * 2)); margin-left: auto; margin-right: auto;
}
@media (min-width: 769px) { .full-bleed .slider-container .tns-nav { width: calc(100% - (32px * 2)); }
}
@media (min-width: 1440px) { .full-bleed .slider-container .tns-nav { width: calc(100% - (48px * 2)); }
}
.slider-container .tns-nav button { width: 100%; transform: none;
}
.slider-container .tns-nav button.tns-nav-active { transform: none;
}
.slider-container.pagination-style-dots .tns-nav button { border-radius: 0;
}
@media (max-width: 768.98px) { .slider-container.slider-buttons-inside .tns-controls { bottom: auto; top: calc(100% + 40px - calc(32px / 2)); } .slider-container.slider-buttons-inside:not(.slider-bullets-inside) .tns-nav { padding-right: calc((32px * 2) + (16px * 2)); } .slider-container.slider-bullets-inside .tns-nav button { margin-bottom: 0; } .slider-container.slider-bullets-inside .tns-nav button:not(.tns-nav-active) { opacity: 0.5; } .slider-container.slider-buttons-hidden:not(.slider-bullets-inside):not(.slider-bullets-hidden) { margin-bottom: 42px; } .slider-container.slider-buttons-hidden .tns-nav { bottom: -42px; } .slider-container.slider-buttons-hidden .tns-nav button { margin-top: 16px; } .slider-container.next-slide-1.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-2.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-3.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-4.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-5.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-6.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-7.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-8.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-9.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-10.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-11.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-12.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-13.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-14.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-15.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-16.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-17.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-18.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-19.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-20.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-21.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-22.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-23.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-24.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-25.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-26.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-27.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-28.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-29.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-30.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-31.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-32.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-33.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-34.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-35.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-36.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-37.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-38.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-39.slider-buttons-hidden { margin-right: 0; } .slider-container.next-slide-40.slider-buttons-hidden { margin-right: 0; } .slider-container:not(.next-slide-0) .tns-ovh { margin-right: -30px; } .category-visual-nav .slider-container:not(.next-slide-0) .tns-ovh { margin-right: -16px; } .slider-container:not(.next-slide-0) .tns-controls button[data-controls=next] { right: -16px; }
}
@media (min-width: 769px) and (max-width: 1023.98px) { .slider-container.slider-buttons-inside-md .tns-controls { bottom: auto; top: calc(100% + 40px - calc(32px / 2)); } .slider-container.slider-buttons-inside-md:not(.slider-bullets-inside) .tns-nav { padding-right: calc((32px * 2) + (16px * 2)); } .slider-container.slider-bullets-inside-md .tns-nav button { margin-bottom: 0; } .slider-container.slider-bullets-inside-md .tns-nav button:not(.tns-nav-active) { opacity: 0.5; } .slider-container:not(.next-slide-md-0) .tns-ovh { margin-right: -32px; } .slider-container:not(.next-slide-md-0) .tns-controls button[data-controls=next] { right: -16px; }
}
@media (min-width: 1024px) { .slider-container.slider-buttons-inside-lg .tns-controls { bottom: auto; top: calc(100% + 40px - calc(32px / 2)); } .slider-container.slider-buttons-inside-lg:not(.slider-bullets-inside) .tns-nav { padding-right: calc((32px * 2) + (16px * 2)); } .slider-container.slider-bullets-inside-lg .tns-nav button { margin-bottom: 0; } .slider-container.slider-bullets-inside-lg .tns-nav button:not(.tns-nav-active) { opacity: 0.5; } .slider-container:not(.next-slide-lg-0) .tns-ovh { margin-right: -32px; } .slider-container:not(.next-slide-lg-0) .tns-controls button[data-controls=next] { right: -16px; }
}
.social-links { list-style: none; display: inline-flex; flex-flow: wrap; padding-left: 0px; margin-bottom: 0px;
}
.social-links li { margin: 20px 10px;
}
.social-links a { font-size: 40px; line-height: 40px; text-decoration: none;
}
.social-links a:hover { text-decoration: none;
}
.social-links .fa-facebook-square:before { content: "\E914"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-links .fa-facebook-square[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-links .fa-facebook-square[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-links .fa-facebook-square[class*=btn-]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-facebook-square[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-links .fa-facebook-square[class*=btn-]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-facebook-square[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-links .fa-facebook-square[class*=btn-]:not(.title) [class*=icon-],
.social-links .fa-facebook-square[class*=btn-]:not(.title) [class^=icon-],
.social-links .fa-facebook-square[class*=btn-]:not(.title) .fa { display: none;
}
.social-links .fa-twitter-square:before { content: "\E981"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-links .fa-twitter-square[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-links .fa-twitter-square[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-links .fa-twitter-square[class*=btn-]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-twitter-square[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-links .fa-twitter-square[class*=btn-]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-twitter-square[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-links .fa-twitter-square[class*=btn-]:not(.title) [class*=icon-],
.social-links .fa-twitter-square[class*=btn-]:not(.title) [class^=icon-],
.social-links .fa-twitter-square[class*=btn-]:not(.title) .fa { display: none;
}
.social-links .fa-youtube-square:before { content: "\E982"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-links .fa-youtube-square[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-links .fa-youtube-square[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-links .fa-youtube-square[class*=btn-]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-youtube-square[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-links .fa-youtube-square[class*=btn-]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-youtube-square[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-links .fa-youtube-square[class*=btn-]:not(.title) [class*=icon-],
.social-links .fa-youtube-square[class*=btn-]:not(.title) [class^=icon-],
.social-links .fa-youtube-square[class*=btn-]:not(.title) .fa { display: none;
}
.social-links .fa-pinterest-square:before { content: "\E938"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-links .fa-pinterest-square[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-links .fa-pinterest-square[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-links .fa-pinterest-square[class*=btn-]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-pinterest-square[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-links .fa-pinterest-square[class*=btn-]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-pinterest-square[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-links .fa-pinterest-square[class*=btn-]:not(.title) [class*=icon-],
.social-links .fa-pinterest-square[class*=btn-]:not(.title) [class^=icon-],
.social-links .fa-pinterest-square[class*=btn-]:not(.title) .fa { display: none;
}
.social-links .fa-email-square:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-links .fa-email-square[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-links .fa-email-square[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-links .fa-email-square[class*=btn-]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-email-square[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-links .fa-email-square[class*=btn-]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-email-square[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-links .fa-email-square[class*=btn-]:not(.title) [class*=icon-],
.social-links .fa-email-square[class*=btn-]:not(.title) [class^=icon-],
.social-links .fa-email-square[class*=btn-]:not(.title) .fa { display: none;
}
.social-links .fa-link-square:before { content: "\E930"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-links .fa-link-square[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-links .fa-link-square[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-links .fa-link-square[class*=btn-]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-link-square[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-links .fa-link-square[class*=btn-]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-link-square[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-links .fa-link-square[class*=btn-]:not(.title) [class*=icon-],
.social-links .fa-link-square[class*=btn-]:not(.title) [class^=icon-],
.social-links .fa-link-square[class*=btn-]:not(.title) .fa { display: none;
}
.social-links .fa-instagram-square:before { content: "\E91D"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-links .fa-instagram-square[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-links .fa-instagram-square[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-links .fa-instagram-square[class*=btn-]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-instagram-square[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-links .fa-instagram-square[class*=btn-]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-instagram-square[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-links .fa-instagram-square[class*=btn-]:not(.title) [class*=icon-],
.social-links .fa-instagram-square[class*=btn-]:not(.title) [class^=icon-],
.social-links .fa-instagram-square[class*=btn-]:not(.title) .fa { display: none;
}
.social-links .share-link { font-size: initial;
}
.social-icons { list-style-type: none; padding: 0; margin: 0;
}
.social-icons li { padding: 0;
}
.social-icons .fa-pinterest:before { content: "\E938"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-icons .fa-pinterest[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-icons .fa-pinterest[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-icons .fa-pinterest[class*=btn-]:not(.title).btn-sm, .social-icons .btn-group-sm > .fa-pinterest[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-icons .fa-pinterest[class*=btn-]:not(.title).btn-sm:before, .social-icons .btn-group-sm > .fa-pinterest[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-icons .fa-pinterest[class*=btn-]:not(.title) [class*=icon-],
.social-icons .fa-pinterest[class*=btn-]:not(.title) [class^=icon-],
.social-icons .fa-pinterest[class*=btn-]:not(.title) .fa { display: none;
}
.social-icons .fa-facebook-official:before { content: "\E914"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-icons .fa-facebook-official[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-icons .fa-facebook-official[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-icons .fa-facebook-official[class*=btn-]:not(.title).btn-sm, .social-icons .btn-group-sm > .fa-facebook-official[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-icons .fa-facebook-official[class*=btn-]:not(.title).btn-sm:before, .social-icons .btn-group-sm > .fa-facebook-official[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-icons .fa-facebook-official[class*=btn-]:not(.title) [class*=icon-],
.social-icons .fa-facebook-official[class*=btn-]:not(.title) [class^=icon-],
.social-icons .fa-facebook-official[class*=btn-]:not(.title) .fa { display: none;
}
.social-icons .fa-twitter:before { content: "\E981"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-icons .fa-twitter[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-icons .fa-twitter[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-icons .fa-twitter[class*=btn-]:not(.title).btn-sm, .social-icons .btn-group-sm > .fa-twitter[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-icons .fa-twitter[class*=btn-]:not(.title).btn-sm:before, .social-icons .btn-group-sm > .fa-twitter[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-icons .fa-twitter[class*=btn-]:not(.title) [class*=icon-],
.social-icons .fa-twitter[class*=btn-]:not(.title) [class^=icon-],
.social-icons .fa-twitter[class*=btn-]:not(.title) .fa { display: none;
}
.social-icons .fa-link:before { content: "\E930"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.social-icons .fa-link[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.social-icons .fa-link[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.social-icons .fa-link[class*=btn-]:not(.title).btn-sm, .social-icons .btn-group-sm > .fa-link[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.social-icons .fa-link[class*=btn-]:not(.title).btn-sm:before, .social-icons .btn-group-sm > .fa-link[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.social-icons .fa-link[class*=btn-]:not(.title) [class*=icon-],
.social-icons .fa-link[class*=btn-]:not(.title) [class^=icon-],
.social-icons .fa-link[class*=btn-]:not(.title) .fa { display: none;
}
.social-icons .share-link { text-decoration: none; display: block;
}
.veil { position: absolute; z-index: 1000; text-align: center; top: 0; left: 0; width: 100%; height: 100%;
}
.veil .underlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background-color: #FEFEFE;
}
.veil + .veil { display: none;
}
.spinner { width: 30px; height: 30px; position: absolute; top: 50%; right: 50%; margin-top: calc(-30px / 2); margin-right: calc(-30px / 2); background-image: url("../images/spinner.svg"); background-size: contain; background-repeat: no-repeat; -webkit-animation: spinnerRotate 1s infinite ease-in-out, spinnerFade 1s infinite linear; animation: spinnerRotate 1s infinite ease-in-out, spinnerFade 1s infinite linear; opacity: 0;
}
.spinner .dot1,
.spinner .dot2 { display: none;
}
@-webkit-keyframes spinnerRotate { 0% { transform: rotate(0deg); } 90% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
}
@keyframes spinnerRotate { 0% { transform: rotate(0deg); } 90% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
}
@-webkit-keyframes spinnerFade { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; }
}
@keyframes spinnerFade { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; }
}
.nav-links,
.nav-tabs,
.nav-pills { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; position: relative;
}
.nav-links .nav-item,
.nav-tabs .nav-item,
.nav-pills .nav-item { white-space: nowrap;
}
.nav-links .nav-item:only-child .nav-link,
.nav-tabs .nav-item:only-child .nav-link,
.nav-pills .nav-item:only-child .nav-link { border: none; background: transparent;
}
.nav-tabs { border-bottom: none; padding-bottom: 2px;
}
.nav-tabs .nav-link { border-radius: var(--border-radius, 0px) var(--border-radius, 0px) 0 0; border-top: none; border-right: none; border-bottom: none; border-left: none; font: 12px "Poppins", sans-serif; text-transform: uppercase; font-weight: 500; text-decoration: none; letter-spacing: 0.12em; padding: 16px 16px 14px 16px; background-color: transparent; color: #0A2541;
}
.nav-tabs .nav-link:hover { border-top: none; border-right: none; border-bottom: none; border-left: none; text-decoration: none; background-color: transparent; color: #134981;
}
.nav-tabs .nav-link.active { border-top: none; border-right: none; border-bottom: none; border-left: none; text-decoration: none; background-color: transparent; color: #0A2541;
}
.nav-links .nav-link { font: 12px "Poppins", sans-serif; text-transform: uppercase; font-weight: normal; text-decoration: underline; letter-spacing: 0.12em; color: #0A2541; padding: calc(16px / 2) 16px calc(16px / 2) 16px;
}
.nav-links .nav-link:hover { text-decoration: underline; color: #134981; font-weight: normal; text-transform: uppercase;
}
.nav-links .nav-link.active { text-decoration: none; color: #0A2541; font-weight: bold; text-transform: uppercase;
}
.nav-pills .nav-link { font: 12px "Poppins", sans-serif; text-transform: uppercase; font-weight: 500; text-decoration: none; letter-spacing: 0.12em; background-color: transparent; color: #0A2541; padding: calc(16px / 2) 16px calc(16px / 2) 16px; border-radius: 6px;
}
.nav-pills .nav-link:hover { text-decoration: none; background-color: transparent; color: #134981;
}
.nav-pills .nav-link.active { text-decoration: none; background-color: #134981; color: #FEFEFE;
}
.nav-tabs-container { position: relative;
}
.nav-tabs-container.has-overflow::after { content: ""; -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms; position: absolute; top: 0; right: 0; width: 100%; height: calc(var(--nav-tabs-height) - 8px); background: #FEFEFE; -webkit-mask-image: linear-gradient(to left, #222222 0%, transparent); mask-image: linear-gradient(to left, #222222 0%, transparent); -webkit-mask-size: 40px 100%; mask-size: 40px 100%; -webkit-mask-position: top right; mask-position: top right; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; pointer-events: none;
}
.nav-tabs-container.has-overflow .nav.custom-scrollbar { padding-right: 16px;
}
.nav-tabs-container.has-overflow .nav.custom-scrollbar.nav-pills { padding-bottom: calc(16px / 2);
}
.nav-tabs::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 1px; left: 0; background-color: #DBDBDB;
}
.nav-tabs .nav-item { z-index: 1;
}
.nav-tabs .nav-item:first-child .nav-link { padding-left: 0;
}
.nav-tabs .nav-item:first-child .nav-link.active::after { width: calc(100% - 16px); left: 0; transform: none;
}
.nav-tabs .nav-item:last-child .nav-link { padding-right: 0;
}
.nav-tabs .nav-item:last-child .nav-link.active::after { width: calc(100% - 16px); right: 0; transform: none;
}
.nav-tabs .nav-link { position: relative;
}
.nav-tabs .nav-link.active::after { content: ""; width: calc(100% - 16px - 16px); height: 2px; position: absolute; right: 50%; transform: translateX(50%); bottom: 0; background-color: #0A2541;
}
.info-icon,
.tooltip-icon { border: none; padding: 0; position: relative; top: -2px; background: inherit; display: inline-block; cursor: pointer; font: inherit;
}
.info-icon:before,
.tooltip-icon:before { content: "\E91C"; font-family: "icomoon"; display: inline-block; font-size: 100%; color: #134981; font-weight: normal;
}
.info-icon[class*=btn-]:not(.title),
.tooltip-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.info-icon[class*=btn-]:not(.title):before,
.tooltip-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #134981; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.info-icon[class*=btn-]:not(.title).btn-sm, .btn-group-sm > .info-icon[class*=btn-].btn:not(.title),
.tooltip-icon[class*=btn-]:not(.title).btn-sm,
.btn-group-sm > .tooltip-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.info-icon[class*=btn-]:not(.title).btn-sm:before, .btn-group-sm > .info-icon[class*=btn-].btn:not(.title):before,
.tooltip-icon[class*=btn-]:not(.title).btn-sm:before,
.btn-group-sm > .tooltip-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #134981; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.info-icon[class*=btn-]:not(.title) [class*=icon-],
.info-icon[class*=btn-]:not(.title) [class^=icon-],
.info-icon[class*=btn-]:not(.title) .fa,
.tooltip-icon[class*=btn-]:not(.title) [class*=icon-],
.tooltip-icon[class*=btn-]:not(.title) [class^=icon-],
.tooltip-icon[class*=btn-]:not(.title) .fa { display: none;
}
.info-icon .icon,
.tooltip-icon .icon { display: none;
}
.info-icon:hover:before, .info-icon[aria-describedby*=tooltip]:before,
.tooltip-icon:hover:before,
.tooltip-icon[aria-describedby*=tooltip]:before { color: #0A2541;
}
.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before { border-right-color: #FEFEFE;
}
.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before { border-left-color: #FEFEFE;
}
.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before { border-top-color: #FEFEFE;
}
.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before { border-bottom-color: #FEFEFE;
}
.tooltip .tooltip-inner { border-radius: 9px; padding: 8px 16px; text-align: center; max-width: 300px; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
}
.tooltip .tooltip-inner:not([class*=background--]) { background: #FEFEFE;
}
.tooltip .tooltip-inner:not([class*=text--]) { color: #0A2541;
}
.tooltip .tooltip-inner:not([class*=font-size--]) { font-size: 12px;
}
.tooltip.show { opacity: 1;
}
.info-icon,
.tooltip-icon { top: 0;
}
.info-icon::before,
.tooltip-icon::before { color: inherit;
}
.info-icon:hover::before,
.tooltip-icon:hover::before { color: inherit;
}
.tooltip p { line-height: 1.43;
}
.video-container { position: relative; max-width: 100%; min-width: 100%; max-height: 100%;
}
.video-container.aspect-ratio-16-9::after { display: block; content: ""; clear: both;
}
.video-container.aspect-ratio-16-9::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 56.25%;
}
.video-container.aspect-ratio-16-9 .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both;
}
.video-container.aspect-ratio-16-9 .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 56.25%;
}
.video-container.aspect-ratio-9-16::after { display: block; content: ""; clear: both;
}
.video-container.aspect-ratio-9-16::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 177.7777777778%;
}
.video-container.aspect-ratio-9-16 .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both;
}
.video-container.aspect-ratio-9-16 .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 177.7777777778%;
}
.video-container.aspect-ratio-4-3::after { display: block; content: ""; clear: both;
}
.video-container.aspect-ratio-4-3::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 75%;
}
.video-container.aspect-ratio-4-3 .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both;
}
.video-container.aspect-ratio-4-3 .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 75%;
}
.video-container.aspect-ratio-3-4::after { display: block; content: ""; clear: both;
}
.video-container.aspect-ratio-3-4::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 133.3333333333%;
}
.video-container.aspect-ratio-3-4 .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both;
}
.video-container.aspect-ratio-3-4 .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 133.3333333333%;
}
.video-container.aspect-ratio-1-1::after { display: block; content: ""; clear: both;
}
.video-container.aspect-ratio-1-1::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 100%;
}
.video-container.aspect-ratio-1-1 .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both;
}
.video-container.aspect-ratio-1-1 .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 100%;
}
.video-container .video-player,
.video-container .video-player iframe,
.video-container video.vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.video-container .video-thumbnail:not(.btn) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 1; transition: opacity 200ms; z-index: 1;
}
.video-container .video-thumbnail:not(.btn).faded { opacity: 0; transition: opacity 200ms;
}
.video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button:before { content: "\E937"; font-family: "icomoon"; display: inline-block; font-size: 56px; color: #FEFEFE; font-weight: normal;
}
.video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*=btn-]:not(.title).btn-sm, .video-container .video-thumbnail:not(.btn).faded .btn-group-sm > .video-thumbnail-button[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*=btn-]:not(.title).btn-sm:before, .video-container .video-thumbnail:not(.btn).faded .btn-group-sm > .video-thumbnail-button[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*=btn-]:not(.title) [class*=icon-],
.video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*=btn-]:not(.title) [class^=icon-],
.video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*=btn-]:not(.title) .fa { display: none;
}
.video-container .video-thumbnail:not(.btn).faded .video-thumbnail-image { opacity: 0; pointer-events: none;
}
.video-container .video-thumbnail:not(.btn).faded:hover { opacity: 1;
}
.video-container .video-thumbnail:not(.btn):focus .video-thumbnail-button:before, .video-container .video-thumbnail:not(.btn):hover:not(.faded) .video-thumbnail-button:before { color: #FEFEFE; transform: scale(1.1);
}
.video-container.has-controls .video-thumbnail.faded { pointer-events: none;
}
.video-container.has-controls .video-thumbnail.faded .video-thumbnail-button { opacity: 0;
}
.video-container.has-controls .video-js .vjs-big-play-button { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); left: auto; border: none; background: transparent; width: 56px; height: 56px;
}
.video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\E939"; font-family: "icomoon"; display: inline-block; font-size: 56px; color: #FEFEFE; font-weight: normal;
}
.video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*=btn-]:not(.title).btn-sm, .video-container.has-controls .video-js .vjs-big-play-button .btn-group-sm > .vjs-icon-placeholder[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*=btn-]:not(.title).btn-sm:before, .video-container.has-controls .video-js .vjs-big-play-button .btn-group-sm > .vjs-icon-placeholder[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*=btn-]:not(.title) [class*=icon-],
.video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*=btn-]:not(.title) [class^=icon-],
.video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*=btn-]:not(.title) .fa { display: none;
}
.video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder:before { transition: all 200ms ease-in-out;
}
.video-container.has-controls .video-js:hover .vjs-icon-placeholder::before { color: #FEFEFE; transform: scale(1.1);
}
.video-container.has-controls .video-js .vjs-poster { background-size: cover; background-repeat: no-repeat; background-position: center center;
}
.video-container .video-thumbnail-button { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);
}
.video-container .video-thumbnail-button:before { content: "\E939"; font-family: "icomoon"; display: inline-block; font-size: 56px; color: #FEFEFE; font-weight: normal;
}
.video-container .video-thumbnail-button[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.video-container .video-thumbnail-button[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.video-container .video-thumbnail-button[class*=btn-]:not(.title).btn-sm, .video-container .btn-group-sm > .video-thumbnail-button[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.video-container .video-thumbnail-button[class*=btn-]:not(.title).btn-sm:before, .video-container .btn-group-sm > .video-thumbnail-button[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.video-container .video-thumbnail-button[class*=btn-]:not(.title) [class*=icon-],
.video-container .video-thumbnail-button[class*=btn-]:not(.title) [class^=icon-],
.video-container .video-thumbnail-button[class*=btn-]:not(.title) .fa { display: none;
}
.video-container .video-thumbnail-button:before { transition: all 200ms ease-in-out;
}
.video-container .video-thumbnail-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center;
}
.video-container .video-thumbnail-image.background-image-tablet, .video-container .video-thumbnail-image.background-image-desktop { display: none;
}
@media (min-width: 769px) { .video-container .video-thumbnail-image.background-image-mobile, .video-container .video-thumbnail-image.background-image-desktop { display: none; } .video-container .video-thumbnail-image.background-image-tablet { display: block; }
}
@media (min-width: 1024px) { .video-container .video-thumbnail-image.background-image-mobile, .video-container .video-thumbnail-image.background-image-tablet { display: none; } .video-container .video-thumbnail-image.background-image-desktop { display: block; }
}
.video-modal .modal-dialog { max-width: none; margin: 8px;
}
@media (min-width: 1024px) { .video-modal .modal-dialog { max-width: 900px; margin: 32px auto; }
}
@media (min-width: 769px) { .video-modal .modal-dialog { max-width: none; margin-left: 16px; margin-right: 16px; }
}
@media (min-width: 1024px) { .video-modal .modal-dialog { max-width: none; margin-left: 48px; margin-right: 48px; }
}
@media (min-width: calc(1776px + 48px + 48px)) { .video-modal .modal-dialog { max-width: 1776px; margin-left: auto; margin-right: auto; }
}
.video-modal .modal-body { padding: 0;
}
.video-modal .video-player { width: 100%;
}
.flex-grid-wrapper .grid-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 38px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .flex-grid-wrapper .grid-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: 38px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .flex-grid-wrapper .grid-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: 46px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
.flex-grid-wrapper .flex-grid { display: flex; flex-flow: row wrap;
}
.flex-grid-wrapper .flex-grid .flex-grid-item { position: relative; display: flex; flex-flow: row wrap; margin-bottom: 32px;
}
@media (min-width: 1440px) { .flex-grid-wrapper .flex-grid .flex-grid-item { margin-bottom: 48px; }
}
.flex-grid-wrapper .flex-grid .flex-grid-item > * { width: 100%;
}
.flex-grid-wrapper .flex-grid.no-gutters .row { padding-left: 0; padding-right: 0;
}
.flex-grid-wrapper .flex-grid.no-gutters .flex-grid-item { margin-bottom: 0;
}
.login-page { padding-top: 16px;
}
.login-page .login-nav-tabs { background: #FEFEFE; padding: 0; border-bottom: none; margin: -1px -1px 20px -1px;
}
.login-page .login-nav-tabs .nav-link { padding-top: 16px; padding-bottom: 14px;
}
.login-page .login-nav-tabs .nav-link:hover { color: #0A2541;
}
.login-page .login-nav-tabs .nav-link.active { background: #FEFEFE; color: #0A2541; border-color: #DBDBDB; border-width: 1px;
}
.login-page .login-nav-tabs .nav-link:not(.active) { border-bottom: 1px solid #DBDBDB; color: #0A2541; margin-bottom: 1px;
}
.login-page .login-form-nav .login-oauth { margin-top: 24px;
}
.login-page .login-form-nav .remember-me { margin-top: 20px;
}
.login-page .login-form-nav .remember-me .custom-control-label { margin-bottom: 0;
}
.login-page .login-form-nav .forgot-password { margin-top: 20px; font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em;
}
.login-page .request-password-body { margin-bottom: 16px;
}
.login-page .privacy-policy { margin-top: 16px;
}
.login-page .login-nav-tabs .nav-link,
.login-page .card-header.track-order-header { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 14px; font-weight: 500; letter-spacing: 0.01em; line-height: 1.4; text-decoration: none; text-transform: none;
}
.account-page { padding-top: 16px; padding-bottom: 16px;
}
@media (min-width: 1024px) { .account-page .col-12 > .card:only-child .card-body > form { width: 750px; margin-left: auto; margin-right: auto; }
}
.account-page .card:not(:last-of-type) { margin-bottom: 0;
}
.account-page .card:not(:last-of-type) .card-body,
.account-page .card:not(:last-of-type) .card-footer { border-bottom: 0;
}
.account-page .card-header + .card-footer a { color: inherit;
}
.account-page .dashboard-info,
.account-page dl dt,
.account-page .dashboard-cards-block-title,
.account-page .dashboard-info { color: #0A2541;
}
.account-page .dashboard-cards-block-title { margin-bottom: 16px;
}
.account-page .marketing-email-title { color: #0A2541; margin-bottom: 16px; font-weight: 500;
}
.account-page dl { margin-bottom: 24px;
}
.account-page dl dd { color: #0A2541; margin-bottom: 0; margin-top: 1px;
}
.account-page dl:last-child { margin-bottom: 0;
}
.account-page .card-body.card-info-group p,
.account-page .card-body .card-info-group p { color: #0A2541;
}
.account-page .card-body p { color: #0A2541;
}
.account-page .address-card .card-body div { color: #0A2541;
}
.account-page .card-info-group p { margin-bottom: 5px;
}
.account-page .card-info-group p:last-child { margin-bottom: 0;
}
.account-page .card-info-group .wishlist-row { position: relative;
}
.account-page .card-info-group .wishlist-row:not(:last-child) { border-bottom: 1px solid #D8D8D8; margin-bottom: 20px; padding-bottom: 20px;
}
.account-page .tracking-consent { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer; display: inline-block;
}
.account-page .tracking-consent:hover { color: #134981; text-decoration: underline;
}
.dark-theme .account-page .tracking-consent { color: #FEFEFE;
}
.dark-theme .account-page .tracking-consent:hover { color: #FEFEFE;
}
.account-page .change-password-form .row,
.account-page [name=change-password-form] .row,
.account-page .address-form .row,
.account-page .payment-form .row { margin-top: 24px;
}
.account-page .col-12 > .address-card:only-child .card-body,
.account-page .col-12 > .payment-card:only-child .card-body { position: relative;
}
@media (min-width: 1024px) { .account-page .col-12 > .address-card:only-child .card-body,
.account-page .col-12 > .payment-card:only-child .card-body { width: 100%; }
}
.account-page .card-make-default-link,
.account-page .make-default-payment { margin-top: 16px;
}
.account-page .remove-btn { font-family: "Poppins", sans-serif; border: none; border-radius: 50%; font-size: 0; position: absolute; top: 0; right: 0; margin: 0 16px 16px 16px; cursor: pointer; z-index: 1; background-color: #ECF1F4; padding: 1px 0 0; height: 24px; width: 24px;
}
.account-page .remove-btn:before { content: "\E90D"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal;
}
.account-page .remove-btn[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.account-page .remove-btn[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.account-page .remove-btn[class*=btn-]:not(.title).btn-sm, .account-page .btn-group-sm > .remove-btn[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.account-page .remove-btn[class*=btn-]:not(.title).btn-sm:before, .account-page .btn-group-sm > .remove-btn[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.account-page .remove-btn[class*=btn-]:not(.title) [class*=icon-],
.account-page .remove-btn[class*=btn-]:not(.title) [class^=icon-],
.account-page .remove-btn[class*=btn-]:not(.title) .fa { display: none;
}
.account-page .product-summary-block .shipment-block span.ship-to-name,
.account-page .product-summary-block .shipment-block span.ship-to-address1,
.account-page .product-summary-block .shipment-block span.ship-to-address2,
.account-page .product-summary-block .shipment-block span.ship-to-phone,
.account-page .product-summary-block .shipment-block span.ship-to-city-st-zip { display: block;
}
.account-page .product-summary-block .shipment-block h3:not(:first-child) { margin-top: 16px;
}
.order-card .order-image-col { min-width: 120px; max-width: 120px;
}
.order-card .order-details-col { max-width: calc(100% - 120px); padding-left: 0;
}
@media (min-width: 544px) { .order-card .order-details-col { padding-left: 16px; }
}
.login-page [data-asset-id=profileBirthdayGiftMessage] p,
.account-page [data-asset-id=profileBirthdayGiftMessage] p { font-size: 12px;
}
.login-page .login-nav-tabs .nav-link,
.login-page .login-nav-tabs .nav-link.active,
.login-page .login-nav-tabs .nav-link:not(.active) { margin: 0; padding-top: 0; border: none; background: transparent;
}
.login-page .login-nav-tabs .nav-link,
.login-page .card-header.track-order-header { font-size: 24px; letter-spacing: -0.01em; line-height: 1.1;
}
@media (min-width: 769px) { .login-page .login-nav-tabs .nav-link,
.login-page .card-header.track-order-header { font-size: 28px; }
}
.account-page .card-body .account-availability-status { color: #A1001D; font-weight: 600;
}
.account-page .card-body .account-availability-messaging { color: #A1001D;
}
.account-page .myaccount-greeting-container { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom: 24px;
}
.account-page .myaccount-greeting-container .page-title { text-transform: capitalize;
}
.account-page .nav-tabs-container { padding-bottom: 24px;
}
.account-page .mobile-account-container { margin-bottom: 24px;
}
.account-page .account-dashboard-container a { text-decoration: none;
}
.account-page .account-dashboard-container .account-card-container > .card { height: calc(100% - 16px);
}
.account-page .account-dashboard-container .account-card-img { width: 60px;
}
.account-page .account-dashboard-container .account-card-text { width: calc(100% - 60px); padding-left: 24px;
}
.account-page .account-dashboard-container .account-card-header h2 { font-weight: 600;
}
.account-page .account-dashboard-container .account-card-desc { font-weight: 300;
}
.account-page .order-dashboard-container { margin-top: 16px;
}
.account-page .order-dashboard-container .account-order-slider-header .slider-title .btn { margin-left: 16px; padding-bottom: 11px;
}
.account-page .order-dashboard-container .account-order-slider .card-body { padding-left: 24px; background-color: #ECF1F4;
}
@media (max-width: 768.98px) { .account-page .order-dashboard-container .account-order-slider .card-body { padding-right: 5px; }
}
.account-page .order-dashboard-container .account-order-slider .card-body p { font-size: 14px; font-weight: 600;
}
.account-page .order-dashboard-container .account-order-slider .card-body a { font-weight: 600;
}
.account-page .order-dashboard-container .account-order-slider .card-footer { padding: 10px 0px;
}
.account-page .order-dashboard-container .account-order-slider .card-footer a { color: #134981;
}
@media (max-width: 768.98px) { .account-page .order-dashboard-container .account-order-slider .card-footer a { font-size: 12px; }
}
@media (min-width: 769px) { .account-page #account-footer { margin-top: 24px; }
}
.account-page .personal-info-header .header-icon,
.account-page .address-book-header .header-icon,
.account-page .payment-method-header .header-icon { border: 1px solid #0A2541; border-radius: 50%; width: 30px; height: 30px; position: relative; font-size: 16px;
}
.account-page .personal-info-header .header-icon::before,
.account-page .address-book-header .header-icon::before,
.account-page .payment-method-header .header-icon::before { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);
}
.account-page .payment-method-header .header-icon::before { content: "$"; font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 300;
}
.account-page .payment-method-header .add-payment-method { margin-left: 16px; padding-bottom: 11px; text-decoration: none; color: #0A2541; display: inline-block !important;
}
.account-page .payment-method-header .add-payment-method:hover { color: #134981;
}
@media (min-width: 769px) { .account-page .personal-info-card { width: 50%; } .account-page .personal-info-card img { position: absolute; top: 25%; right: 15%; } .account-page .personal-info-card dl { position: relative; }
}
.account-page .address-book-header button.add-address { margin-left: 16px; padding-bottom: 11px;
}
.account-page .no-saved-address-msg { width: 250px; margin: 48px auto; text-align: center;
}
.account-page .no-saved-address-msg img { width: 150px;
}
.account-page .address-card a { font-size: 12px;
}
.account-page .modal-body .address-form .row { margin-top: 0;
}
.account-page .modal-body .address-form .row:first-child .form-group { margin-top: 0;
}
.account-page .modal-body .address-form .row:last-child { margin-top: 24px;
}
.account-page .no-saved-payments-msg { width: 250px; margin: 48px auto; text-align: center;
}
.account-page .no-saved-payments-msg img { width: 100px;
}
.account-page .account-payment-gift-card-balance-container { margin-top: 24px;
}
@media (min-width: 1024px) { .account-page .account-payment-gift-card-balance-container { margin-top: 48px; }
}
.account-page .account-payment-gift-card-balance-container .account-card-balance-image-container { justify-content: center; align-items: center; flex-direction: column; padding-top: 24px; padding-bottom: 24px; background: #ECF1F4;
}
@media (max-width: 1023.98px) { .account-page .account-payment-gift-card-balance-container .account-card-balance-image-container { margin-top: 24px; }
}
.account-page .account-payment-gift-card-balance-container .account-card-balance-image-container .giftcertificate-question-container { align-items: center;
}
@media (max-width: 768.98px) { .account-page .account-payment-gift-card-balance-container .account-card-balance-image-container .giftcertificate-question-container { width: 70%; }
}
.account-page .account-payment-gift-card-balance-container .account-card-balance-image-container .giftcertifcate-question-img { width: 25px;
}
.account-page .account-payment-gift-card-balance-container .account-card-balance-image-container .giftcertificate-question-msg { margin-left: 10px;
}
.account-page .account-payment-gift-card-balance-container .account-card-balance-image-container img { max-width: 100%;
}
.account-page .order-list-container .card-header { padding: 16px; margin-bottom: 48px; border-bottom: 1px solid #DBDBDB; text-transform: uppercase;
}
@media (min-width: 769px) { .account-page .order-list-container .card-header { padding: 24px 32px; }
}
.account-page .order-list-container .order-history-items { display: flex; flex-direction: column; justify-content: space-between;
}
@media (min-width: 1024px) { .account-page .order-list-container .order-history-items { flex-direction: row; }
}
.account-page .order-list-container .order-history-items .order-history-list { width: 100%;
}
@media (min-width: 1024px) { .account-page .order-list-container .order-history-items .order-history-list { width: 33.33%; }
}
.account-page .order-list-container .order-history-items .order-history-list:last-child { display: flex; align-items: center; justify-content: center;
}
.account-page .order-list-container .order-history-items .order-history-row { display: flex; flex-direction: row; margin-bottom: 16px;
}
@media (min-width: 1024px) { .account-page .order-list-container .order-history-items .order-history-row:last-child { margin-bottom: 0; }
}
.account-page .order-list-container .order-history-items .order-history-col { width: 50%;
}
.account-page .order-list-container .order-history-items .order-history-col p { font-size: 12px;
}
.account-page .btn-back-to-orders .btn-tertiary { padding-left: 24px;
}
.account-page .btn-back-to-orders .btn-tertiary::after { display: none;
}
.account-page .order-details-order-header .order-details-order-col p { font-size: 12px;
}
.account-page .order-details-order-header .order-details-order-col p:first-child { margin-bottom: 5px;
}
@media (min-width: 1024px) { .account-page .order-details-order-header .order-details-order-col p:last-child { margin-bottom: 0; }
}
@media (max-width: 1023.98px) { .account-page .order-details-order-header .order-details-order-col .order-details-order-type { margin-bottom: 0; }
}
.account-page .summary-details,
.account-page .shipping-items { font-size: 12px; margin-bottom: 16px;
}
.account-page .shipping-items .shipping-method-title { font-size: 12px;
}
.account-page .payment-details { font-size: 12px;
}
.account-page .order-details-product-summary-header { border: none; margin-bottom: 10px; font-size: 12px;
}
@media (max-width: 1023.98px) { .account-page .order-details-product-summary-header { display: none; }
}
.account-page .order-details-product-summary-header.card:last-child { border-top: none;
}
.account-page .order-details-product-summary-header .card-body { padding-bottom: 0;
}
.account-page .order-review-header,
.account-page .order-review-header h2 { font-size: 18px; font-weight: 500; text-transform: uppercase;
}
.account-page .order-product-summary .fulfilled-status-top { display: flex; flex-direction: column; padding-bottom: 0;
}
@media (min-width: 769px) { .account-page .order-product-summary .fulfilled-status-top { flex-direction: row; padding-bottom: 16px; }
}
.account-page .order-product-summary .fulfilled-status-top .tracking-link { padding-left: 0;
}
@media (min-width: 769px) { .account-page .order-product-summary .fulfilled-status-top .tracking-link { padding-left: 32px; }
}
.account-page .order-product-summary .cancelled-header .cancelled-status { color: #A1001D;
}
@media (max-width: 768.98px) { .account-page .order-product-summary .product-summary-block .product-line-item .row.clearfix { display: block; } .account-page .order-product-summary .product-summary-block .product-line-item .line-item-item-image { width: 50%; float: left; } .account-page .order-product-summary .product-summary-block .product-line-item .line-item-item-details,
.account-page .order-product-summary .product-summary-block .product-line-item .line-item-item-buyagain,
.account-page .order-product-summary .product-summary-block .product-line-item .line-item-ordered-backordered,
.account-page .order-product-summary .product-summary-block .product-line-item .line-item-item-price { width: 50%; float: right; clear: right; }
}
.account-page .order-product-summary .product-summary-block .product-line-item .line-item-item-buyagain { display: flex; flex-direction: column; align-items: stretch;
}
.account-page .order-product-summary .product-summary-block .product-line-item .line-item-item-buyagain > .btn { max-width: 170px; padding-left: 5px; padding-right: 5px;
}
.account-page .order-product-summary .product-summary-block .product-line-item .line-item-item-price .price { display: flex; gap: 3px; font-size: 12px;
}
.account-page .order-product-summary .product-summary-block .product-line-item .line-item-item-price .price .line-item-total-price-amount { color: #0A2541;
}
.account-page .product-info .strike-through { font-size: 12px;
}
.account-page .monogram-details { padding-bottom: 16px; font-size: 12px;
}
.account-page .product-line-item .line-item-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-weight: 500; letter-spacing: -0.01em; font-size: 13px; margin-bottom: 16px; white-space: normal;
}
@media (min-width: 1024px) { .account-page .product-line-item .line-item-name { font-size: 16px; }
}
.account-page .product-line-item .line-item-attributes { font-size: 12px;
}
.account-page .product-line-item .line-item-attributes .monogram-details { font-size: 12px;
}
.account-page .product-line-item .btn { margin-bottom: 16px;
}
.account-page .product-line-item .line-item-ordered-backordered p,
.account-page .product-line-item .item-total-null p { font-size: 12px;
}
@media (max-width: 1023.98px) { .account-page .checkout-order-total-summary .order-total-summary { align-self: normal !important; }
}
.account-page .checkout-order-total-summary .order-total-summary .order-receipt-label { font-weight: 600; font-size: 12px;
}
.account-page .checkout-order-total-summary .order-total-summary .start-lines { white-space: nowrap;
}
.account-page .checkout-order-total-summary .order-total-summary .end-lines { font-size: 12px;
}
.account-page .checkout-order-total-summary .order-total-summary .grand-total .order-receipt-label { font-weight: 600;
}
.account-page .checkout-order-total-summary .order-total-summary .grand-total .grand-total-sum { padding-left: 0;
}
.account-page .creditCard-accounts .payment-method-card-number { display: block;
}
.account-page .creditCard-accounts .payment-method-buttons { display: flex; flex-wrap: wrap; gap: 16px; row-gap: 5px; margin-top: 5px;
}
.account-page .creditCard-accounts .payment-method-buttons .card-link { float: none; color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer;
}
.account-page .creditCard-accounts .payment-method-buttons .card-link:hover { color: #134981; text-decoration: underline;
}
.dark-theme .account-page .creditCard-accounts .payment-method-buttons .card-link { color: #FEFEFE;
}
.dark-theme .account-page .creditCard-accounts .payment-method-buttons .card-link:hover { color: #FEFEFE;
}
.account-page .creditCard-accounts .payment-method-buttons .card-link + .card-link { margin-left: 0;
}
.account-page .creditCard-accounts .payment-method + .payment-method { margin-top: 24px;
}
.account-page .creditCard-accounts .payment-method-card-number.font-weight-bold { font-weight: normal !important;
}
.account-page .payment-method-braintree { margin-top: calc(24px - 6px);
}
.account-page .payment-method-braintree .form-caption { font-size: 12px; line-height: 1; letter-spacing: 0.02em; margin-top: 6px; color: #545454;
}
.account-page .braintree-add-payment-buttons { row-gap: 16px;
}
.account-page .braintree-add-payment-buttons button { width: 100%;
}
.pac-container { z-index: 1055;
}
.cart-page .cart-error-messaging.cart-error { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); position: fixed; padding: 16px; max-height: calc(100vh - (16px * 2)); overflow-y: auto; z-index: 1100;
}
.cart-page .valid-cart-error { box-shadow: 0 2px 4px rgba(34, 34, 34, 0.4); text-align: center;
}
.cart-page .valid-cart-error.show { display: block;
}
.cart-page .valid-cart-error:not(.alert-dismissible) { -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms);
}
.cart-page .valid-cart-error.alert-dismissible { -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms;
}
.cart-page .valid-cart-error.alert-dismissible .close { padding: 16px;
}
.cart-page .card { margin-bottom: -1px;
}
.cart-page .cart-header { align-items: center; margin-bottom: 18px; margin-top: 40px;
}
.cart-page .cart-header .number-of-items { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: normal; line-height: 1.4; letter-spacing: 0.01em; margin: 0;
}
.cart-page .product-card-footer { padding-top: 0;
}
.cart-page .product-info .remove-btn { font-family: "Poppins", sans-serif; border: none; border-radius: 50%; font-size: 0; position: absolute; top: 0; right: 0; margin: 0 16px 16px 16px; cursor: pointer; z-index: 1; background-color: #ECF1F4; padding: 1px 0 0; height: 24px; width: 24px; margin: 21px 21px 21px 21px; left: 0; right: auto;
}
.cart-page .product-info .remove-btn:before { content: "\E90D"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal;
}
.cart-page .product-info .remove-btn[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.cart-page .product-info .remove-btn[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.cart-page .product-info .remove-btn[class*=btn-]:not(.title).btn-sm, .cart-page .product-info .btn-group-sm > .remove-btn[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.cart-page .product-info .remove-btn[class*=btn-]:not(.title).btn-sm:before, .cart-page .product-info .btn-group-sm > .remove-btn[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.cart-page .product-info .remove-btn[class*=btn-]:not(.title) [class*=icon-],
.cart-page .product-info .remove-btn[class*=btn-]:not(.title) [class^=icon-],
.cart-page .product-info .remove-btn[class*=btn-]:not(.title) .fa { display: none;
}
.cart-page .product-info label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em; color: #545454;
}
.cart-page .product-info .product-edit,
.cart-page .product-info .line-item-promo { margin-top: 5px;
}
.cart-page .product-info .product-edit a,
.cart-page .product-info .line-item-promo a { display: block;
}
.cart-page .product-info .product-edit a + a,
.cart-page .product-info .line-item-promo a + a { margin-top: 5px;
}
.cart-page .product-info .bonus-product-button { margin: 16px 0 0;
}
.cart-page .product-info .item-image { width: 100px;
}
@media (min-width: 1024px) { .cart-page .product-info .item-image { width: 176px; }
}
@media (min-width: 1024px) { .cart-page .item-attributes { width: calc(100% - 176px); }
}
.cart-page .line-item-name,
.cart-page .line-item-attributes { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;
}
.cart-page .single-approaching-discount { background-color: #FEFEFE; border: 1px solid #DBDBDB; border-radius: var(--border-radius, 0px); margin-bottom: 16px; padding: 16px 16px 16px 16px; color: #155724;
}
.cart-page .bonus-line-item-msg { margin-top: 16px; margin-left: 0;
}
.cart-page .bundled-line-item:not(:empty) { border-top: 1px solid #DBDBDB; padding: 16px 0px;
}
.cart-page .bundled-line-item .item-attributes { margin-left: 0;
}
@media (min-width: 1024px) { .cart-page .bundled-line-item .line-item-total-price { padding-right: 16px; }
}
@media (min-width: 1440px) { .cart-page .bundled-line-item .line-item-total-price { padding-right: 24px; }
}
.cart-page .coupon-price-adjustment { margin-top: 16px; background-color: #FEFEFE; border: 1px solid #DBDBDB; border-radius: var(--border-radius, 0px); padding: 13px 16px 13px 16px; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; position: relative;
}
.cart-page .coupon-price-adjustment .coupon-applied,
.cart-page .coupon-price-adjustment .coupon-not-applied { letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { .cart-page .coupon-price-adjustment .coupon-applied,
.cart-page .coupon-price-adjustment .coupon-not-applied { font-size: 12px; }
}
.cart-page .coupon-price-adjustment .coupon-applied { color: #155724;
}
.cart-page .coupon-price-adjustment .coupon-not-applied { color: #A1001D;
}
.cart-page .coupon-price-adjustment .remove-coupon { font-family: "Poppins", sans-serif; border: none; border-radius: 50%; font-size: 0; position: absolute; top: 0; right: 0; margin: 0 16px 16px 16px; cursor: pointer; z-index: 1; background-color: #ECF1F4; padding: 1px 0 0; height: 24px; width: 24px; padding: 13px 16px 13px 16px;
}
.cart-page .coupon-price-adjustment .remove-coupon:before { content: "\E90D"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal;
}
.cart-page .coupon-price-adjustment .remove-coupon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.cart-page .coupon-price-adjustment .remove-coupon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.cart-page .coupon-price-adjustment .remove-coupon[class*=btn-]:not(.title).btn-sm, .cart-page .coupon-price-adjustment .btn-group-sm > .remove-coupon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.cart-page .coupon-price-adjustment .remove-coupon[class*=btn-]:not(.title).btn-sm:before, .cart-page .coupon-price-adjustment .btn-group-sm > .remove-coupon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.cart-page .coupon-price-adjustment .remove-coupon[class*=btn-]:not(.title) [class*=icon-],
.cart-page .coupon-price-adjustment .remove-coupon[class*=btn-]:not(.title) [class^=icon-],
.cart-page .coupon-price-adjustment .remove-coupon[class*=btn-]:not(.title) .fa { display: none;
}
.cart-page .coupon-price-adjustment .coupon-promotion-relationship { letter-spacing: 0.01em; font-size: 11px; margin-bottom: 0;
}
@media (min-width: 1024px) { .cart-page .coupon-price-adjustment .coupon-promotion-relationship { font-size: 12px; }
}
.cart-page .coupon-missing-error { display: none;
}
.cart-page .promotion-information { margin-bottom: calc(16px / 2); margin-top: calc(16px / 2);
}
.cart-page .promotion-information::after { display: block; content: ""; clear: both;
}
.cart-page .applied-promotion-discount { color: #155724; float: right;
}
.cart-page .totals .card .card-body { flex: none;
}
.cart-page .totals .card .card-body:not(:first-child) { border-top: 1px solid #DBDBDB;
}
.cart-page .totals .shipping-method { margin-bottom: 24px;
}
.cart-page .totals .estimated-total { margin-bottom: 0;
}
.cart-page .totals .estimated-total p { font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 600; text-transform: none;
}
.cart-page .checkout-btn:before { content: "\E933"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.cart-page .checkout-btn[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.cart-page .checkout-btn[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.cart-page .checkout-btn[class*=btn-]:not(.title).btn-sm, .cart-page .btn-group-sm > .checkout-btn[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.cart-page .checkout-btn[class*=btn-]:not(.title).btn-sm:before, .cart-page .btn-group-sm > .checkout-btn[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.cart-page .checkout-btn[class*=btn-]:not(.title) [class*=icon-],
.cart-page .checkout-btn[class*=btn-]:not(.title) [class^=icon-],
.cart-page .checkout-btn[class*=btn-]:not(.title) .fa { display: none;
}
@media (max-width: 543.98px) { .cart-page .checkout-btn:after { content: " | " attr(data-price); }
}
@media (max-width: 543.98px) { .cart-page .checkout-continue { position: fixed; bottom: 0; border: 0; background-color: #FEFEFE; box-shadow: none; width: 100%; z-index: 200; margin-right: -16px; margin-left: -16px; max-height: calc(100vh - 54px); overflow: auto; }
}
.cart-page .checkout-continue .js-paymentmethod-mutationobserver .paypal-button-container-mini,
.cart-page .checkout-continue .js-paymentmethod-mutationobserver .paypal-button-container-cart1,
.cart-page .checkout-continue .js-paymentmethod-mutationobserver .v-checkout-wrapper,
.cart-page .checkout-continue .js-paymentmethod-mutationobserver #js-googlepay-container,
.cart-page .checkout-continue .js-paymentmethod-mutationobserver .applePaySpecificityOverride { margin-top: 10px; margin-bottom: 0; width: 100%; border-radius: 25px;
}
.cart-page .checkout-continue .js-paymentmethod-mutationobserver .paypal-button-container-mini button,
.cart-page .checkout-continue .js-paymentmethod-mutationobserver .paypal-button-container-cart1 button,
.cart-page .checkout-continue .js-paymentmethod-mutationobserver .v-checkout-wrapper button,
.cart-page .checkout-continue .js-paymentmethod-mutationobserver #js-googlepay-container button,
.cart-page .checkout-continue .js-paymentmethod-mutationobserver .applePaySpecificityOverride button { width: 100%; border-radius: 25px;
}
.cart-page .checkout-continue .js-paymentmethod-mutationobserver #cart-paypal-button-container { margin-top: 10px; margin-bottom: 0;
}
.cart-page .cart ~ .cart-recommendations { border-top: 1px solid #0A2541; margin-top: 130px; padding-top: 95px;
}
.delete-coupon-confirmation-body .coupon-to-remove { margin: 16px 0 0; font-weight: bold;
}
.delete-confirmation-body .product-to-remove { margin: 16px 0 0; font-weight: bold;
}
.cart-page .cart-page-top { background-color: #F9F7F6;
}
@media (min-width: 769px) { .cart-page .cart-page-top { padding-bottom: 24px; }
}
.cart-page .cart-page-bottom { padding-top: 8px;
}
@media (min-width: 769px) { .cart-page .cart-page-bottom { padding-top: 24px; }
}
.cart-page .cart-error-messaging.cart-error { position: static; transform: none; padding: 0;
}
.cart-page .cart-error-messaging.cart-error .alert { box-shadow: none; text-align: left; margin-bottom: 24px;
}
.cart-page .cart-error-messaging.cart-error .alert .close { display: none;
}
.cart-page .cart-header { margin: 0; align-items: flex-end;
}
.cart-page h2 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 28px; font-weight: 600;
}
.cart-page .product-cards > .card { border-color: #ECECEC;
}
.cart-page .product-cards > .card ~ .card { border-top: 1px solid #ECECEC; margin-top: 8px;
}
@media (min-width: 1024px) { .cart-page .product-cards > .card ~ .card { margin-top: 16px; }
}
.cart-page .product-cards > .approaching-discounts + .card { margin-top: 8px;
}
@media (min-width: 1024px) { .cart-page .product-cards > .approaching-discounts + .card { margin-top: 16px; }
}
.cart-page .product-cards .js-availability-grouping-append + .availability-headers { margin-top: 24px;
}
@media (min-width: 769px) { .cart-page .product-cards .js-availability-grouping-append + .availability-headers { margin-top: 32px; }
}
.cart-page .product-cards .cart-personalization-msg { font-weight: 600; padding: 4px 8px;
}
.cart-page .product-info { padding: 12px;
}
@media (min-width: 1024px) { .cart-page .product-info { padding: 16px; }
}
.cart-page .product-info .remove-btn { left: auto; right: 0; top: 0; margin: 12px;
}
@media (min-width: 1024px) { .cart-page .product-info .remove-btn { margin: 16px; }
}
.cart-page .product-info .item-image { width: 64px; margin-right: 8px;
}
@media (min-width: 1024px) { .cart-page .product-info .item-image { width: 200px; margin-right: 16px; }
}
.cart-page .product-info .line-item-header { margin-bottom: 8px;
}
@media (min-width: 1024px) { .cart-page .product-info .line-item-header { margin-bottom: 16px; }
}
.cart-page .product-info .line-item-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-weight: 500; letter-spacing: -0.01em; width: calc(100% - 24px - 5px); text-overflow: initial; white-space: normal; font-size: 13px;
}
@media (min-width: 1024px) { .cart-page .product-info .line-item-name { font-size: 16px; }
}
.cart-page .product-info .item-attributes { letter-spacing: 0.01em; font-size: 11px; width: calc(100% - 64px - 8px); padding-bottom: 0; color: #0A2541;
}
@media (min-width: 1024px) { .cart-page .product-info .item-attributes { font-size: 12px; }
}
@media (min-width: 1024px) { .cart-page .product-info .item-attributes { width: calc(100% - 200px - 16px); }
}
.cart-page .product-info .cart-product-card-price .cart-quantity-price { display: grid; gap: 8px; grid-template-columns: 1fr; align-items: center;
}
@media (min-width: 769px) { .cart-page .product-info .cart-product-card-price .cart-quantity-price { grid-template-columns: 1fr 1fr; }
}
.cart-page .product-info .cart-product-card-price .line-item-quantity select { width: auto; min-width: 65px;
}
.cart-page .product-info .cart-product-card-price .line-item-quantity input[readonly] { width: 65px;
}
.cart-page .product-info .cart-product-card-price .line-item-total-price { color: #A1001D;
}
.cart-page .product-info .cart-product-card-price .line-item-total-price .no-sale { color: #0A2541;
}
.cart-page .product-info .cart-product-card-price .line-item-total-price .price-wrap,
.cart-page .product-info .cart-product-card-price .line-item-total-price .price { display: flex; gap: 0.3em;
}
.cart-page .product-info .cart-product-card-price .line-item-total-price .price-wrap { flex-wrap: wrap;
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button { letter-spacing: 0.01em; font-size: 11px; background-color: #ECF1F4; border-radius: 3px; color: #0A2541; font-weight: 500; padding: 4px 8px; display: inline-block; text-align: left; text-decoration: none; margin-top: 2px;
}
@media (min-width: 1024px) { .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button { font-size: 12px; }
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button[data-toggle=popover]:after, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.launch-promo-modal:after { content: "\E91C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title), .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title):after, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title).btn-sm, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .btn-group-sm > .promo-modal-button[data-toggle=popover][class*=btn-].btn:not(.title), .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title).btn-sm, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .btn-group-sm > .promo-modal-button.launch-promo-modal[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title).btn-sm:after, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .btn-group-sm > .promo-modal-button[data-toggle=popover][class*=btn-].btn:not(.title):after, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title).btn-sm:after, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .btn-group-sm > .promo-modal-button.launch-promo-modal[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title) [class*=icon-],
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title) [class^=icon-],
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title) .fa, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title) [class*=icon-],
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title) [class^=icon-],
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title) .fa { display: none;
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button[data-toggle=popover]::after, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.launch-promo-modal::after { vertical-align: top; margin-left: 4px;
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.promo-applied { background-color: #D4EDDA; color: #155724;
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.promo-applied:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.promo-applied[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.promo-applied[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.promo-applied[class*=btn-]:not(.title).btn-sm, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .btn-group-sm > .promo-modal-button.promo-applied[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.promo-applied[class*=btn-]:not(.title).btn-sm:after, .cart-page .product-info .cart-product-card-price .line-item-promo .promotion .btn-group-sm > .promo-modal-button.promo-applied[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.promo-applied[class*=btn-]:not(.title) [class*=icon-],
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.promo-applied[class*=btn-]:not(.title) [class^=icon-],
.cart-page .product-info .cart-product-card-price .line-item-promo .promotion .promo-modal-button.promo-applied[class*=btn-]:not(.title) .fa { display: none;
}
.cart-page .product-info .line-item-availability { letter-spacing: 0.01em; font-size: 11px; margin-top: 8px; align-self: flex-start;
}
@media (min-width: 1024px) { .cart-page .product-info .line-item-availability { font-size: 12px; }
}
.cart-page .product-info .line-item-availability-additional-message { color: #A1001D;
}
.cart-page .product-info .product-edit { margin-top: auto; padding-top: 8px; display: flex; gap: 16px;
}
.cart-page .product-info .product-edit .wishlist-toggle-product { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer;
}
.cart-page .product-info .product-edit .wishlist-toggle-product:hover { color: #134981; text-decoration: underline;
}
.dark-theme .cart-page .product-info .product-edit .wishlist-toggle-product { color: #FEFEFE;
}
.dark-theme .cart-page .product-info .product-edit .wishlist-toggle-product:hover { color: #FEFEFE;
}
.cart-page .product-info .gift-card-data { margin-top: 8px;
}
.cart-page .product-info .monogram-info { margin-top: 8px;
}
.cart-page .product-info .monogram-info .monogram-label { display: flex; gap: 0.5em; align-items: center;
}
@media (min-width: 769px) { .cart-page .product-info .monogram-info .monogram-label { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; }
}
.cart-page .product-info .monogram-info .monogram-label .price { display: flex; gap: 3px;
}
.cart-page .product-info .monogram-info .monogram-label .price::before { content: "+";
}
.cart-page .product-info .monogram-info .monogram-label .price .pdp-default-pricing { display: flex; gap: 3px;
}
.cart-page .product-info .monogram-info .monogram-label .price .pdp-default-pricing .sales { order: 1;
}
.cart-page .product-info .monogram-info .monogram-label .price .pdp-default-pricing .savings-container { order: 2;
}
.cart-page .product-info .monogram-info .content-asset { color: #A1001D; margin-top: 1px;
}
@media (max-width: 768.98px) { .cart-page .totals { padding-top: 24px; }
}
.cart-page .totals > .card { border: none;
}
.cart-page .totals > .card > .card-body { background: transparent; padding: 0;
}
.cart-page .totals > .card > .card-body:not(:first-child) { border-top: none;
}
.cart-page .totals .leading-lines { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px;
}
.cart-page .totals .leading-lines span { background: transparent;
}
.cart-page .totals .leading-lines span span { padding-right: 0;
}
.cart-page .totals .leading-lines .start-lines span:last-child { padding: 0;
}
.cart-page .totals .leading-lines .start-lines::before { display: none;
}
.cart-page .totals .leading-lines .end-lines span:last-child { padding: 0; margin: 0;
}
.cart-page .totals .leading-lines .end-lines::after { display: none;
}
.cart-page .totals .cart-totals { letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { .cart-page .totals .cart-totals { font-size: 12px; }
}
@media (min-width: 769px) { .cart-page .totals .cart-totals { margin-bottom: 16px; }
}
.cart-page .totals .cart-totals p { letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { .cart-page .totals .cart-totals p { font-size: 12px; }
}
.cart-page .totals .cart-totals .leading-lines { overflow: visible;
}
.cart-page .totals .cart-totals .leading-lines .tooltip-icon { padding-right: 0;
}
.cart-page .totals .cart-totals .estimated-total { padding-top: 8px;
}
.cart-page .totals .cart-totals .estimated-total p { font-size: 15px; font-weight: 500;
}
.cart-page .totals .cart-totals .amount-saved { padding-top: 8px;
}
.cart-page .free-shipping-meter { margin-top: 2px;
}
.cart-page .free-shipping-meter .meter-title { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center; margin-bottom: 14px;
}
.cart-page .free-shipping-meter .meter-title .meter-title-text { font-family: "Poppins", sans-serif; font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; font-style: normal; line-height: 1.43; margin-bottom: 0;
}
@media (min-width: 769px) { .cart-page .free-shipping-meter .meter-title .meter-title-text { font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; font-style: normal; }
}
@media (min-width: 1024px) { .cart-page .free-shipping-meter .meter-title .meter-title-text { font-size: 14px; line-height: 1; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; }
}
@media (min-width: 769px) { .cart-page .free-shipping-meter .meter-title .meter-title-text { line-height: 1.43; }
}
@media (min-width: 1024px) { .cart-page .free-shipping-meter .meter-title .meter-title-text { font-size: 12px; line-height: 1.43; }
}
.cart-page .free-shipping-meter .meter-bar-container { box-shadow: inset 0 0 2px rgba(10, 37, 65, 0.2); background-color: #FEFEFE; border-radius: 8px;
}
.cart-page .free-shipping-meter .meter-bar-container .meter-bar { max-width: 100%; height: 12px; background-color: #0A2541; border-radius: 8px 0 0 8px; position: relative; transition: width 200ms;
}
.cart-page .free-shipping-meter .meter-bar-container .meter-bar::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -10px; background-color: #0A2541; border: 2px solid #FEFEFE; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
}
.cart-page .free-shipping-meter .meter-bar-container .meter-bar .icon-checkmark { position: absolute; top: -1px; right: -7px; color: #FEFEFE; z-index: 1; font-size: 13px;
}
.cart-page .free-shipping-meter .meter-description { margin-top: 12px; margin-bottom: 8px;
}
.cart-page .promo-code-form .form-group { margin-top: 8px; margin-bottom: 16px;
}
.cart-page .promo-code-input-container { position: relative;
}
.cart-page .promo-code-input-container .coupon-code-field { padding-right: 98px;
}
.cart-page .promo-code-input-container .promo-code-btn { position: absolute; top: 50%; transform: translateY(-50%); right: 6px;
}
.cart-page .coupons-and-promos .coupon-price-adjustment,
.cart-page .coupons-and-promos .promotion-information { padding: 8px 0;
}
.cart-page .coupon-price-adjustment { letter-spacing: 0.01em; font-size: 11px; background-color: transparent; padding: 0; border: none; margin-top: 0;
}
@media (min-width: 1024px) { .cart-page .coupon-price-adjustment { font-size: 12px; }
}
.cart-page .coupon-price-adjustment.leading-lines { align-items: flex-start;
}
.cart-page .coupon-price-adjustment .code { font-weight: 500;
}
.cart-page .coupon-price-adjustment .coupon-not-applied { color: inherit;
}
.cart-page .coupon-price-adjustment .remove-coupon { padding: 0; background: transparent; width: auto; height: auto; margin: 0; position: static; letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { .cart-page .coupon-price-adjustment .remove-coupon { font-size: 12px; }
}
.cart-page .coupon-price-adjustment .remove-coupon::before { display: none;
}
.cart-page .promotion-information { letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { .cart-page .promotion-information { font-size: 12px; }
}
.cart-page .promotion-information::after { display: none;
}
.cart-page .estimated-delivery-location { display: flex; align-items: center;
}
.cart-page .estimated-delivery-location .estimated-delivery-label { margin-right: 8px;
}
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn:after { content: "\E911"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal;
}
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title).btn-sm, .cart-page .estimated-delivery-location .btn-group-sm > .estimated-delivery-collapsible-btn[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title).btn-sm:after, .cart-page .estimated-delivery-location .btn-group-sm > .estimated-delivery-collapsible-btn[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title) [class*=icon-],
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title) [class^=icon-],
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title) .fa { display: none;
}
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn::after { padding-left: 4px;
}
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn .sr-only { position: absolute;
}
.cart-page .estimated-delivery-location .estimated-delivery-collapsible-btn .estimated-delivery-collapsible-text { text-decoration: underline;
}
.cart-page .estimated-delivery-location .input-group { box-shadow: inset 0 0 0 1px #DBDBDB; border: none; border-radius: 3px; font-size: 14px; max-width: 80px;
}
.cart-page .estimated-delivery-location .input-group.is-invalid { box-shadow: inset 0 0 0 1px #A1001D;
}
@media (min-width: 1024px) { .cart-page .estimated-delivery-location .input-group { margin-top: -8px; margin-bottom: -8px; }
}
.cart-page .estimated-delivery-location .input-group input { padding-right: 0; border: none;
}
.cart-page .estimated-delivery-location .input-group button { padding-right: 12px;
}
.cart-page .estimated-delivery-location .input-group .sr-only { position: absolute;
}
.cart-page .estimated-delivery-location > span:last-child { padding-right: 0;
}
.cart-page .estimated-delivery-location .veil .underlay { display: none;
}
.cart-page .estimated-delivery-location .spinner { width: 20px; height: 20px; margin-top: -10px; margin-right: -10px;
}
.cart-page .checkout-btn[class*=btn-]:not(.title) { padding-left: 47px;
}
.cart-page .checkout-btn.btn[class*=btn-]:not(.title)::before, .cart-page .checkout-btn::after { display: none;
}
.cart-page .checkout-btn.disabled ~ .braintree-cart-buttons-wrap { opacity: 0.5; pointer-events: none;
}
@media (min-width: 769px) { .cart-page .checkout-btn { height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 28px; }
}
.cart-page .card .checkout-continue .braitnree-cart-paypal-button { display: flex;
}
.cart-page .card .checkout-continue [data-pp-message] > span { display: grid; width: 100%; margin-top: 12px; margin-bottom: 12px;
}
.cart-page .card .checkout-continue [data-pp-message] iframe { justify-self: center;
}
.cart-page .card .checkout-continue .applepay-cart-button-div { min-width: 100%; border: 1px solid #0A2541; overflow: hidden; position: relative; border-radius: 50px; margin-top: 12px;
}
.cart-page .card .checkout-continue .braintree-cart-apple-buttons-wrap { margin-right: 16px; height: 40px;
}
@media (max-width: 768.98px) { .cart-page .card .checkout-continue { position: fixed; bottom: 0; left: 0; border: 0; width: 100%; z-index: 200; max-height: calc(100vh - 54px); overflow: auto; margin: 0; } .cart-page .card .checkout-continue.card-body { padding: 12px 16px 16px; background-color: #FEFEFE; } .cart-page .card .checkout-continue.card-body:not(:first-child) { border-top: 1px solid #DBDBDB; } .cart-page .card .checkout-continue .mobile-footer-total { display: grid; grid-template-columns: auto auto; justify-content: space-between; margin-bottom: 8px; } .cart-page .card .checkout-continue .mobile-footer-total label { margin-bottom: 0; } .cart-page .card .checkout-continue .checkout-btn { margin-bottom: 12px; } .cart-page .card .checkout-continue .braintree-cart-buttons-wrap { display: flex; flex-direction: row; gap: 8px; } .cart-page .card .checkout-continue .braintree-cart-paypal-buttons-wrap { padding-bottom: 0; } .cart-page .card .checkout-continue .applepay-cart-button-div { margin-top: 0; min-width: calc(50% - 16px); }
}
.cart-page .card .checkout-continue .form-group { margin-top: 0;
}
.cart-page .card .checkout-continue .form-group .form-text { text-align: center; margin: 12px 0;
}
.cart-page .cart-recommendations { padding-top: 18px;
}
@media (min-width: 769px) { .cart-page .cart-recommendations { padding-top: 48px; padding-bottom: 24px; }
}
.cart-page .cart-empty { padding: 10vh 0 20vh;
}
.cart-page .cart-explicit-recommendations { margin: 0 16px calc(16px * 2);
}
.cart-page .cart-explicit-recommendations .slider-title { float: left; padding-top: 0; padding-bottom: 0; margin-top: 8px;
}
@media (min-width: 1024px) { .cart-page .cart-explicit-recommendations .slider-title { font-size: 12px; margin-top: 10px; }
}
.cart-page .cart-explicit-recommendations .slider-container { margin-top: 4px;
}
@media (min-width: 1024px) { .cart-page .cart-explicit-recommendations .slider-container { margin-top: 6px; }
}
.cart-page .cart-explicit-recommendations .slider-container .tns-controls { position: static; margin-left: auto; margin-top: 12px;
}
@media (min-width: 1024px) { .cart-page .cart-explicit-recommendations .slider-container .tns-controls { margin-top: 16px; }
}
.cart-page .cart-explicit-recommendations .slider-container .tns-ovh { clear: left; padding-top: 12px;
}
@media (max-width: 768.98px) { .cart-page .cart-explicit-recommendations .slider-container .tns-ovh { margin-right: calc((30px + 16px) * -1); }
}
@media (min-width: 1024px) { .cart-page .cart-explicit-recommendations .slider-container .tns-ovh { padding-top: 16px; }
}
@media (min-width: 769px) { .cart-page .cart-explicit-recommendations .slider-container .tns-inner { margin-right: -7px !important; padding-left: 1px; }
}
.cart-page .cart-explicit-recommendations .slider-container .slider { display: flex; align-items: stretch;
}
.cart-page .cart-explicit-recommendations .slider-container .slide .card { height: 100%;
}
.cart-page .cart-explicit-recommendations .card { margin: 0; border-color: #ECECEC;
}
.cart-page .cart-explicit-recommendations .card .card-body { padding: 12px 12px 10px; gap: 8px;
}
.cart-page .cart-explicit-recommendations .card .card-footer { padding: 4px 12px 8px; font-size: 12px;
}
.cart-page .cart-explicit-recommendations .card .card-footer > div { border-top: 1px solid #ECECEC; padding-top: 4px;
}
.cart-page .cart-explicit-recommendations .card .cart-recommendation-add::before { content: "+";
}
.cart-page .cart-explicit-recommendations .product-image { width: 52px; height: auto;
}
.customer-information-block .btn-link { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer; padding: 0; vertical-align: baseline; margin-top: 10px; border: none;
}
.customer-information-block .btn-link:hover { color: #134981; text-decoration: underline;
}
.dark-theme .customer-information-block .btn-link { color: #FEFEFE;
}
.dark-theme .customer-information-block .btn-link:hover { color: #FEFEFE;
}
.customer-information-block .submit-customer { margin-top: 10px;
}
.customer-information-block .btn-block + .btn-block { margin-top: 10px;
}
.customer-information-block .password-form { margin-bottom: 20px;
}
.data-checkout-stage { }
.data-checkout-stage .row > .col-12 .text-center { margin-bottom: 10px;
}
.data-checkout-stage .row [class*=col-] .card { margin-bottom: 0;
}
.data-checkout-stage .row [class*=col-] .card ~ .card .card-header { border-top: 0;
}
.data-checkout-stage .row [class*=col-] .card ~ .card.customer-section, .data-checkout-stage .row [class*=col-] .card ~ .card.customer-summary { border-top: 1px solid #DBDBDB;
}
.data-checkout-stage .row [class*=col-] .card ~ .card.ghost.payment { border: solid #DBDBDB; border-width: 0 0 1px 0;
}
.data-checkout-stage .card-header .edit-button { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer; color: #0A2541;
}
.data-checkout-stage .card-header .edit-button:hover { color: #134981; text-decoration: underline;
}
.dark-theme .data-checkout-stage .card-header .edit-button { color: #FEFEFE;
}
.dark-theme .data-checkout-stage .card-header .edit-button:hover { color: #FEFEFE;
}
.data-checkout-stage .card-header .edit-button:hover { color: #0A2541;
}
.data-checkout-stage .shipping-summary .leading-lines,
.data-checkout-stage .payment-summary .leading-lines { margin-bottom: 0;
}
.data-checkout-stage .shipping-summary .summary-details,
.data-checkout-stage .payment-summary .summary-details { padding-bottom: 0;
}
.data-checkout-stage .shipping-summary .summary-details .address-summary,
.data-checkout-stage .shipping-summary .summary-details .shipping-phone,
.data-checkout-stage .shipping-summary .summary-details .shipping-method,
.data-checkout-stage .shipping-summary .summary-details .gift-message-summary,
.data-checkout-stage .shipping-summary .summary-details .order-summary-email,
.data-checkout-stage .shipping-summary .summary-details .order-summary-phone,
.data-checkout-stage .shipping-summary .summary-details .payment-details,
.data-checkout-stage .payment-summary .summary-details .address-summary,
.data-checkout-stage .payment-summary .summary-details .shipping-phone,
.data-checkout-stage .payment-summary .summary-details .shipping-method,
.data-checkout-stage .payment-summary .summary-details .gift-message-summary,
.data-checkout-stage .payment-summary .summary-details .order-summary-email,
.data-checkout-stage .payment-summary .summary-details .order-summary-phone,
.data-checkout-stage .payment-summary .summary-details .payment-details { color: #0A2541; margin-bottom: 1px;
}
.data-checkout-stage .payment-summary .addressInformation.hideAddressInformationForPayment { display: none;
}
.data-checkout-stage .view-address-block h3:not(:first-child),
.data-checkout-stage .view-address-block .multi-shipping,
.data-checkout-stage .shipment-block h3:not(:first-child),
.data-checkout-stage .shipment-block .multi-shipping,
.data-checkout-stage .product-summary-block h3:not(:first-child),
.data-checkout-stage .product-summary-block .multi-shipping { margin-top: 16px;
}
.data-checkout-stage .view-address-block address,
.data-checkout-stage .view-address-block .store-details,
.data-checkout-stage .view-address-block .shipping-header-text + p,
.data-checkout-stage .shipment-block address,
.data-checkout-stage .shipment-block .store-details,
.data-checkout-stage .shipment-block .shipping-header-text + p,
.data-checkout-stage .product-summary-block address,
.data-checkout-stage .product-summary-block .store-details,
.data-checkout-stage .product-summary-block .shipping-header-text + p { margin-left: 16px;
}
.data-checkout-stage .view-address-block address address,
.data-checkout-stage .view-address-block .store-details address,
.data-checkout-stage .view-address-block .shipping-header-text + p address,
.data-checkout-stage .shipment-block address address,
.data-checkout-stage .shipment-block .store-details address,
.data-checkout-stage .shipment-block .shipping-header-text + p address,
.data-checkout-stage .product-summary-block address address,
.data-checkout-stage .product-summary-block .store-details address,
.data-checkout-stage .product-summary-block .shipping-header-text + p address { margin-left: 0;
}
.data-checkout-stage .shipping-method-block h3 { margin-bottom: 16px;
}
.data-checkout-stage .shipping-method-block .shipping-method-list .start-lines { margin-bottom: 12px;
}
.data-checkout-stage .shipping-method-block .shipping-method-list .start-lines:before { left: 48px;
}
.data-checkout-stage .shipping-method-block .shipping-method-list .end-lines { margin-bottom: 12px;
}
.data-checkout-stage .shipping-method-block span.display-name { padding-right: 0;
}
.data-checkout-stage .shipping-method-block .text-muted.arrival-time { padding-top: 3px; margin-top: -3px; top: -1px; padding-left: 3px; left: -3px; padding-right: 0;
}
.data-checkout-stage .shipping-method-block .shipping-cost { float: right;
}
.data-checkout-stage .gift-message-block { margin-bottom: 16px;
}
.data-checkout-stage .gift-message-block .gift-message { margin-top: 16px;
}
.data-checkout-stage .gift-message-summary { margin-bottom: 16px;
}
.data-checkout-stage .shipment-selector-block .btn-show-details,
.data-checkout-stage .shipment-selector-block .btn-add-new,
.data-checkout-stage .address-selector-block .btn-show-details,
.data-checkout-stage .address-selector-block .btn-add-new { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer; margin-top: 24px; padding: 0; border: none;
}
.data-checkout-stage .shipment-selector-block .btn-show-details:hover,
.data-checkout-stage .shipment-selector-block .btn-add-new:hover,
.data-checkout-stage .address-selector-block .btn-show-details:hover,
.data-checkout-stage .address-selector-block .btn-add-new:hover { color: #134981; text-decoration: underline;
}
.dark-theme .data-checkout-stage .shipment-selector-block .btn-show-details,
.dark-theme .data-checkout-stage .shipment-selector-block .btn-add-new,
.dark-theme .data-checkout-stage .address-selector-block .btn-show-details,
.dark-theme .data-checkout-stage .address-selector-block .btn-add-new { color: #FEFEFE;
}
.dark-theme .data-checkout-stage .shipment-selector-block .btn-show-details:hover,
.dark-theme .data-checkout-stage .shipment-selector-block .btn-add-new:hover,
.dark-theme .data-checkout-stage .address-selector-block .btn-show-details:hover,
.dark-theme .data-checkout-stage .address-selector-block .btn-add-new:hover { color: #FEFEFE;
}
.data-checkout-stage .contact-info-block .info-icon { font-size: 12px;
}
.data-checkout-stage .giftcertificate-information { margin-top: 16px;
}
.data-checkout-stage .giftcertificate-information .applybalancebutton { margin-top: auto; margin-bottom: 6px;
}
.data-checkout-stage .payment-information .payment-options .nav-item { margin-bottom: 24px; display: flex;
}
.data-checkout-stage .payment-information .payment-options .nav-item:only-child { display: none;
}
.data-checkout-stage .payment-information .payment-options .nav-item:not(:only-child) { margin-top: calc(24px - 6px);
}
.data-checkout-stage .payment-information .payment-options .nav-item > .nav-link { width: 100%;
}
.data-checkout-stage .form-control.shippingZipCode ~ span,
.data-checkout-stage .form-control.shippingPhoneNumber ~ span,
.data-checkout-stage .form-control.billingZipCode ~ span { font-size: 12px; line-height: 1; letter-spacing: 0.02em; margin-top: 4px; display: block;
}
.data-checkout-stage .form-control.shippingZipCode ~ span:not(.invalid-feedback),
.data-checkout-stage .form-control.shippingPhoneNumber ~ span:not(.invalid-feedback),
.data-checkout-stage .form-control.billingZipCode ~ span:not(.invalid-feedback) { color: #545454;
}
.data-checkout-stage .credit-card-selection-new .info-icon { font-size: 12px;
}
.data-checkout-stage .credit-card-selection-new .paypal-content { max-width: 350px; margin-left: auto; margin-right: auto;
}
.data-checkout-stage .credit-card-selection-new .saved-payment-information { margin-top: calc(24px / 2);
}
@media (min-width: 544px) { .data-checkout-stage .credit-card-selection-new .saved-payment-information { margin-top: 0; }
}
.data-checkout-stage .credit-card-selection-new .card-image { max-width: 100%;
}
.data-checkout-stage .credit-card-selection-new .saved-payment-instrument { padding-top: calc(24px / 2); padding-bottom: calc(24px / 2); align-items: center;
}
.data-checkout-stage .credit-card-selection-new .add-payment { margin-top: calc(24px / 2);
}
.data-checkout-stage .credit-card-selection-new .cancel-new-payment { margin-top: 24px;
}
.data-checkout-stage .credit-card-selection-new .selected-payment { background-color: #F6F6F6; border: 1px solid #134981; color: #134981;
}
.data-checkout-stage .credit-card-selection-new .save-credit-card { margin-top: 5px;
}
.data-checkout-stage .credit-card-form select:invalid { color: #545454;
}
.data-checkout-stage .next-step-button { margin-top: 24px;
}
@media (max-width: 768.98px) { .data-checkout-stage .next-step-button { position: fixed; bottom: 0; padding-right: 0; padding-left: 0; background-color: #FEFEFE; box-shadow: none; z-index: 200; } .data-checkout-stage .next-step-button .btn { margin-top: 24px; margin-bottom: 24px; }
}
.data-checkout-stage .next-step-button .card { border: 0;
}
.data-checkout-stage [data-customer-type=guest] .single-shipping .shipment-selector-block,
.data-checkout-stage option[value=new],
.data-checkout-stage .single-shipping .shipping-form:not(.in-store-pickup) .multi-ship-action-buttons,
.data-checkout-stage .single-shipping .view-address-block,
.data-checkout-stage .multi-ship .single-shipping .shipping-content,
.data-checkout-stage .multi-ship .shipping-summary .single-shipping,
.data-checkout-stage .multi-ship .confirm-details .single-shipping,
.data-checkout-stage .multi-shipping,
.data-checkout-stage .error-message,
.data-checkout-stage .checkout-hidden { display: none;
}
.data-checkout-stage.multi-ship .multi-shipping,
.data-checkout-stage span.ship-to-name,
.data-checkout-stage span.ship-to-address1,
.data-checkout-stage span.ship-to-address2,
.data-checkout-stage span.ship-to-phone,
.data-checkout-stage span.ship-to-city-st-zip { display: block;
}
.data-checkout-stage[data-checkout-stage] .card.payment-summary,
.data-checkout-stage[data-checkout-stage] .shipping-summary,
.data-checkout-stage[data-checkout-stage] button.place-order,
.data-checkout-stage[data-checkout-stage] button.submit-payment,
.data-checkout-stage[data-checkout-stage] button.submit-shipping { display: none;
}
.data-checkout-stage[data-checkout-stage] .card.secure-acceptance-iframe,
.data-checkout-stage[data-checkout-stage] button.sa_redirect,
.data-checkout-stage[data-checkout-stage] button.alipay, .data-checkout-stage[data-checkout-stage] button.sof, .data-checkout-stage[data-checkout-stage] button.eps, .data-checkout-stage[data-checkout-stage] button.idl, .data-checkout-stage[data-checkout-stage] button.gpy, .data-checkout-stage[data-checkout-stage] button.mch, .data-checkout-stage[data-checkout-stage] button.klarna, .data-checkout-stage[data-checkout-stage] button.credit_card, .data-checkout-stage[data-checkout-stage] button.dw_google_pay,
.data-checkout-stage[data-checkout-stage] button.sa_iframe,
.data-checkout-stage[data-checkout-stage] button.sa_silentpost,
.data-checkout-stage[data-checkout-stage] button.sa_flex { display: none;
}
.data-checkout-stage[data-checkout-stage=customer] .shipping-address-block > .row .form-group { margin-top: calc(24px - 6px);
}
.data-checkout-stage[data-checkout-stage=customer] .shipping-address-block:not(.d-none) + .shipping-method-block { margin-top: 0;
}
.data-checkout-stage[data-checkout-stage=customer] .card.ghost.customer,
.data-checkout-stage[data-checkout-stage=customer] .card.customer-summary,
.data-checkout-stage[data-checkout-stage=customer] .card.payment-form,
.data-checkout-stage[data-checkout-stage=customer] .card.ghost.shipping { display: none;
}
.data-checkout-stage[data-checkout-stage=customer] button.submit-customer,
.data-checkout-stage[data-checkout-stage=customer] button.submit-shipping { display: block;
}
.data-checkout-stage[data-checkout-stage=shipping] .card.customer-section,
.data-checkout-stage[data-checkout-stage=shipping] button.submit-customer,
.data-checkout-stage[data-checkout-stage=shipping] .card.ghost.customer,
.data-checkout-stage[data-checkout-stage=shipping] .card.payment-form,
.data-checkout-stage[data-checkout-stage=shipping] .card.ghost,
.data-checkout-stage[data-checkout-stage=shipping] [data-address-mode=customer] .shipping-address-block,
.data-checkout-stage[data-checkout-stage=shipping] [data-address-mode=shipment] .shipping-address-form,
.data-checkout-stage[data-checkout-stage=shipping] [data-address-mode=edit] .shipping-address-block,
.data-checkout-stage[data-checkout-stage=shipping] [data-address-mode=new] .btn-show-details,
.data-checkout-stage[data-checkout-stage=shipping] [data-address-mode=new] .btn-add-new { display: none;
}
.data-checkout-stage[data-checkout-stage=shipping] button.submit-shipping { display: block;
}
.data-checkout-stage[data-checkout-stage=shipping] .shipping-address-block > .row .form-group { margin-top: calc(24px - 6px);
}
.data-checkout-stage[data-checkout-stage=shipping] .shipping-address-block:not(.d-none) + .shipping-method-block { margin-top: 0;
}
.data-checkout-stage[data-checkout-stage=shipping] .multi-shipping .card .card-header { border-top: 0;
}
.data-checkout-stage[data-checkout-stage=shipping] .multi-shipping .card .card-title { border-bottom: 0;
}
.data-checkout-stage[data-checkout-stage=payment] button.submit-customer,
.data-checkout-stage[data-checkout-stage=payment] .customer-section,
.data-checkout-stage[data-checkout-stage=payment] .shipping-section,
.data-checkout-stage[data-checkout-stage=payment] .card.ghost,
.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=customer] .billing-address,
.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=shipment] .billing-address,
.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=edit] .billing-address,
.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=new] .btn-show-details,
.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=new] .btn-add-new,
.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=details] .btn-show-details,
.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=details] .btn-add-new,
.data-checkout-stage[data-checkout-stage=payment] button#hideSubmitPayment,
.data-checkout-stage[data-checkout-stage=payment] .card.secure-acceptance-iframe,
.data-checkout-stage[data-checkout-stage=payment] button.sa_redirect,
.data-checkout-stage[data-checkout-stage=payment] button.sa_iframe,
.data-checkout-stage[data-checkout-stage=payment] button.alipay, .data-checkout-stage[data-checkout-stage=payment] button.sof, .data-checkout-stage[data-checkout-stage=payment] button.eps, .data-checkout-stage[data-checkout-stage=payment] button.idl, .data-checkout-stage[data-checkout-stage=payment] button.gpy, .data-checkout-stage[data-checkout-stage=payment] button.mch, .data-checkout-stage[data-checkout-stage=payment] button.klarna, .data-checkout-stage[data-checkout-stage=payment] button.credit_card, .data-checkout-stage[data-checkout-stage=payment] button.dw_google_pay,
.data-checkout-stage[data-checkout-stage=payment] button.sa_silentpost,
.data-checkout-stage[data-checkout-stage=payment] button.sa_flex { display: none;
}
.data-checkout-stage[data-checkout-stage=payment] .card.payment-form,
.data-checkout-stage[data-checkout-stage=payment] .shipping-summary,
.data-checkout-stage[data-checkout-stage=payment] button.submit-payment,
.data-checkout-stage[data-checkout-stage=payment] button#showSubmitPayment { display: block;
}
.data-checkout-stage[data-checkout-stage=payment] .contact-info-block > .row .form-group,
.data-checkout-stage[data-checkout-stage=payment] .billing-address > .row .form-group,
.data-checkout-stage[data-checkout-stage=payment] .billingAddressFields > .row .form-group,
.data-checkout-stage[data-checkout-stage=payment] .credit-card-form > .row .form-group { margin-top: calc(24px - 6px);
}
.data-checkout-stage[data-checkout-stage=placeOrder] button.submit-customer,
.data-checkout-stage[data-checkout-stage=placeOrder] .customer-section,
.data-checkout-stage[data-checkout-stage=placeOrder] .shipping-section,
.data-checkout-stage[data-checkout-stage=placeOrder] .card.payment-form,
.data-checkout-stage[data-checkout-stage=placeOrder] .card.ghost,
.data-checkout-stage[data-checkout-stage=placeOrder] button.sasilentpost,
.data-checkout-stage[data-checkout-stage=placeOrder] .card.secure-acceptance-iframe { display: none;
}
.data-checkout-stage[data-checkout-stage=placeOrder] .card.payment-summary,
.data-checkout-stage[data-checkout-stage=placeOrder] .shipping-summary,
.data-checkout-stage[data-checkout-stage=placeOrder] button.place-order,
.data-checkout-stage[data-checkout-stage=placeOrder] .card.secure-acceptance-iframe,
.data-checkout-stage[data-checkout-stage=placeOrder] button.sa_redirect,
.data-checkout-stage[data-checkout-stage=placeOrder] button.sa_iframe,
.data-checkout-stage[data-checkout-stage=placeOrder] button.sa_silentpost,
.data-checkout-stage[data-checkout-stage=placeOrder] button.alipay, .data-checkout-stage[data-checkout-stage=placeOrder] button.sof, .data-checkout-stage[data-checkout-stage=placeOrder] button.eps, .data-checkout-stage[data-checkout-stage=placeOrder] button.idl, .data-checkout-stage[data-checkout-stage=placeOrder] button.gpy, .data-checkout-stage[data-checkout-stage=placeOrder] button.mch, .data-checkout-stage[data-checkout-stage=placeOrder] button.klarna, .data-checkout-stage[data-checkout-stage=placeOrder] button.credit_card, .data-checkout-stage[data-checkout-stage=placeOrder] button.dw_google_pay,
.data-checkout-stage[data-checkout-stage=placeOrder] button.sa_flex { display: block;
}
.data-checkout-stage[data-checkout-stage=submitted] .shipping-form,
.data-checkout-stage[data-checkout-stage=submitted] .card.payment-form,
.data-checkout-stage[data-checkout-stage=submitted] button.submit-customer,
.data-checkout-stage[data-checkout-stage=submitted] .card.ghost,
.data-checkout-stage[data-checkout-stage=submitted] .summary-section-label.shipping-addr-label,
.data-checkout-stage[data-checkout-stage=submitted] button.place-order { display: none;
}
.data-checkout-stage[data-checkout-stage=submitted] .card.payment-summary,
.data-checkout-stage[data-checkout-stage=submitted] .shipping-summary { display: block;
}
.data-checkout-stage .order-total-summary .grand-total,
.data-checkout-stage .order-total-summary .grand-total .order-receipt-label,
.data-checkout-stage .order-total-summary .grand-total-sum,
.data-checkout-stage .order-product-summary .grand-total,
.data-checkout-stage .order-product-summary .grand-total .order-receipt-label,
.data-checkout-stage .order-product-summary .grand-total-sum,
.receipt .order-total-summary .grand-total,
.receipt .order-total-summary .grand-total .order-receipt-label,
.receipt .order-total-summary .grand-total-sum,
.receipt .order-product-summary .grand-total,
.receipt .order-product-summary .grand-total .order-receipt-label,
.receipt .order-product-summary .grand-total-sum,
.account-page .order-total-summary .grand-total,
.account-page .order-total-summary .grand-total .order-receipt-label,
.account-page .order-total-summary .grand-total-sum,
.account-page .order-product-summary .grand-total,
.account-page .order-product-summary .grand-total .order-receipt-label,
.account-page .order-product-summary .grand-total-sum { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 600; text-transform: none;
}
.data-checkout-stage .summary-section-label,
.data-checkout-stage .shipping-section h3,
.data-checkout-stage .product-summary-block .shipment-block h3,
.data-checkout-stage .product-summary-block .multi-shipping h3,
.receipt .summary-section-label,
.receipt .shipping-section h3,
.receipt .product-summary-block .shipment-block h3,
.receipt .product-summary-block .multi-shipping h3,
.account-page .summary-section-label,
.account-page .shipping-section h3,
.account-page .product-summary-block .shipment-block h3,
.account-page .product-summary-block .multi-shipping h3 { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em; display: block; color: #0A2541;
}
.data-checkout-stage .order-total-summary .grand-total,
.receipt .order-total-summary .grand-total,
.account-page .order-total-summary .grand-total { margin-bottom: 5px;
}
.data-checkout-stage .order-product-summary .product-summary-block,
.receipt .order-product-summary .product-summary-block,
.account-page .order-product-summary .product-summary-block { padding-top: 16px;
}
.data-checkout-stage .order-product-summary .card-header,
.receipt .order-product-summary .card-header,
.account-page .order-product-summary .card-header { border-bottom: 1px solid #DBDBDB; padding: 24px 16px 24px 16px;
}
.data-checkout-stage .order-product-summary .leading-lines,
.receipt .order-product-summary .leading-lines,
.account-page .order-product-summary .leading-lines { margin-bottom: 0;
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-name,
.data-checkout-stage .order-product-summary .product-line-item .line-item-pricing-info,
.receipt .order-product-summary .product-line-item .line-item-name,
.receipt .order-product-summary .product-line-item .line-item-pricing-info,
.account-page .order-product-summary .product-line-item .line-item-name,
.account-page .order-product-summary .product-line-item .line-item-pricing-info { text-decoration: none;
}
.data-checkout-stage .order-product-summary .product-line-item .item-attributes,
.receipt .order-product-summary .product-line-item .item-attributes,
.account-page .order-product-summary .product-line-item .item-attributes { padding: 0;
}
.data-checkout-stage .order-product-summary .product-line-item .item-attributes .line-item-attributes, .data-checkout-stage .order-product-summary .product-line-item .item-attributes .item-options,
.receipt .order-product-summary .product-line-item .item-attributes .line-item-attributes,
.receipt .order-product-summary .product-line-item .item-attributes .item-options,
.account-page .order-product-summary .product-line-item .item-attributes .line-item-attributes,
.account-page .order-product-summary .product-line-item .item-attributes .item-options { color: #0A2541; margin-top: 1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;
}
.data-checkout-stage .order-product-summary .product-line-item .item-price-qty,
.receipt .order-product-summary .product-line-item .item-price-qty,
.account-page .order-product-summary .product-line-item .item-price-qty { border-top: none; padding-top: 24px;
}
.data-checkout-stage .order-product-summary .product-line-item .item-price-qty > .col,
.receipt .order-product-summary .product-line-item .item-price-qty > .col,
.account-page .order-product-summary .product-line-item .item-price-qty > .col { padding: 0;
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-total-text,
.receipt .order-product-summary .product-line-item .line-item-total-text,
.account-page .order-product-summary .product-line-item .line-item-total-text { color: #0A2541;
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-total-price-amount,
.receipt .order-product-summary .product-line-item .line-item-total-price-amount,
.account-page .order-product-summary .product-line-item .line-item-total-price-amount { color: #222222;
}
.data-checkout-stage .order-product-summary .product-line-item ~ .store-details,
.receipt .order-product-summary .product-line-item ~ .store-details,
.account-page .order-product-summary .product-line-item ~ .store-details { margin-left: 16px; margin-bottom: 16px;
}
.data-checkout-stage .order-product-summary .product-line-item ~ address,
.receipt .order-product-summary .product-line-item ~ address,
.account-page .order-product-summary .product-line-item ~ address { margin-left: 16px;
}
.data-checkout-stage .order-product-summary .product-line-item ~ address span,
.receipt .order-product-summary .product-line-item ~ address span,
.account-page .order-product-summary .product-line-item ~ address span { display: block;
}
.data-checkout-stage .confirm-details .summary-section-label,
.receipt .confirm-details .summary-section-label,
.account-page .confirm-details .summary-section-label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em; display: block; color: #0A2541;
}
.data-checkout-stage .confirm-details .summary-section-label:not(.order-number-label),
.receipt .confirm-details .summary-section-label:not(.order-number-label),
.account-page .confirm-details .summary-section-label:not(.order-number-label) { margin-top: 24px;
}
.data-checkout-stage .confirm-details .shipping-method-arrival-time,
.receipt .confirm-details .shipping-method-arrival-time,
.account-page .confirm-details .shipping-method-arrival-time { letter-spacing: 0.01em; font-size: 11px; padding-top: 3px; margin-top: -3px; top: -1px; padding-left: 3px; left: -3px;
}
@media (min-width: 1024px) { .data-checkout-stage .confirm-details .shipping-method-arrival-time,
.receipt .confirm-details .shipping-method-arrival-time,
.account-page .confirm-details .shipping-method-arrival-time { font-size: 12px; }
}
.data-checkout-stage .confirm-details .summary-details,
.data-checkout-stage .confirm-details .shipping-method,
.data-checkout-stage .confirm-details .pricing,
.receipt .confirm-details .summary-details,
.receipt .confirm-details .shipping-method,
.receipt .confirm-details .pricing,
.account-page .confirm-details .summary-details,
.account-page .confirm-details .shipping-method,
.account-page .confirm-details .pricing { color: #0A2541;
}
.data-checkout-stage .confirm-details .card-body > .summary-details:last-child,
.receipt .confirm-details .card-body > .summary-details:last-child,
.account-page .confirm-details .card-body > .summary-details:last-child { padding-bottom: 0;
}
.receipt .confirm-details,
.account-page .confirm-details { margin-bottom: 0;
}
.receipt .checkout-order-total-summary .order-total-summary { border-top: none;
}
.pac-container:empty { box-shadow: none; border-top: 0;
}
.data-checkout-stage .summary-section-label,
.data-checkout-stage .shipping-section h3,
.data-checkout-stage .payment-form h3,
.data-checkout-stage .product-summary-block .shipment-block h3,
.data-checkout-stage .product-summary-block .multi-shipping h3,
.receipt .summary-section-label,
.receipt .shipping-section h3,
.receipt .payment-form h3,
.receipt .product-summary-block .shipment-block h3,
.receipt .product-summary-block .multi-shipping h3,
.account-page .summary-section-label,
.account-page .shipping-section h3,
.account-page .payment-form h3,
.account-page .product-summary-block .shipment-block h3,
.account-page .product-summary-block .multi-shipping h3 { font-size: 14px; font-weight: 600; font-family: "Poppins", sans-serif;
}
.data-checkout-stage .order-total-summary .leading-lines,
.receipt .order-total-summary .leading-lines,
.account-page .order-total-summary .leading-lines { margin-bottom: 12px;
}
.data-checkout-stage .order-total-summary.card-body,
.receipt .order-total-summary.card-body,
.account-page .order-total-summary.card-body { padding-bottom: 12px;
}
.data-checkout-stage .order-product-summary .product-summary-block,
.receipt .order-product-summary .product-summary-block,
.account-page .order-product-summary .product-summary-block { padding-top: 0;
}
.data-checkout-stage .order-product-summary .product-summary-block .leading-lines,
.receipt .order-product-summary .product-summary-block .leading-lines,
.account-page .order-product-summary .product-summary-block .leading-lines { color: #545454;
}
.data-checkout-stage .order-product-summary .product-summary-block .leading-lines.availability-title .h5,
.receipt .order-product-summary .product-summary-block .leading-lines.availability-title .h5,
.account-page .order-product-summary .product-summary-block .leading-lines.availability-title .h5 { color: #0A2541;
}
.data-checkout-stage .order-product-summary .card-header,
.data-checkout-stage .order-product-summary .card-body,
.receipt .order-product-summary .card-header,
.receipt .order-product-summary .card-body,
.account-page .order-product-summary .card-header,
.account-page .order-product-summary .card-body { padding-left: 12px; padding-right: 12px;
}
@media (min-width: 1024px) { .data-checkout-stage .order-product-summary .card-header,
.data-checkout-stage .order-product-summary .card-body,
.receipt .order-product-summary .card-header,
.receipt .order-product-summary .card-body,
.account-page .order-product-summary .card-header,
.account-page .order-product-summary .card-body { padding-left: 16px; padding-right: 16px; }
}
.data-checkout-stage .order-product-summary .card-header,
.receipt .order-product-summary .card-header,
.account-page .order-product-summary .card-header { padding-top: 16px; padding-bottom: 16px;
}
.data-checkout-stage .order-product-summary .card-header .leading-lines span,
.receipt .order-product-summary .card-header .leading-lines span,
.account-page .order-product-summary .card-header .leading-lines span { background: transparent;
}
.data-checkout-stage .order-product-summary .card-body,
.receipt .order-product-summary .card-body,
.account-page .order-product-summary .card-body { padding-bottom: 12px;
}
.data-checkout-stage .order-product-summary .availability-headers + .product-line-item,
.receipt .order-product-summary .availability-headers + .product-line-item,
.account-page .order-product-summary .availability-headers + .product-line-item { border-top: 1px solid #ECECEC;
}
.data-checkout-stage .order-product-summary .product-line-item,
.receipt .order-product-summary .product-line-item,
.account-page .order-product-summary .product-line-item { padding-left: 0; padding-right: 0; padding-top: 12px; padding-bottom: 12px;
}
@media (min-width: 1024px) { .data-checkout-stage .order-product-summary .product-line-item,
.receipt .order-product-summary .product-line-item,
.account-page .order-product-summary .product-line-item { padding-top: 16px; padding-bottom: 16px; }
}
.data-checkout-stage .order-product-summary .product-line-item .item-image,
.receipt .order-product-summary .product-line-item .item-image,
.account-page .order-product-summary .product-line-item .item-image { margin-right: 8px;
}
.data-checkout-stage .order-product-summary .product-line-item .item-attributes,
.receipt .order-product-summary .product-line-item .item-attributes,
.account-page .order-product-summary .product-line-item .item-attributes { width: calc(100% - 64px - 8px);
}
@media (min-width: 1024px) { .data-checkout-stage .order-product-summary .product-line-item .item-attributes,
.receipt .order-product-summary .product-line-item .item-attributes,
.account-page .order-product-summary .product-line-item .item-attributes { width: calc(100% - 88px - 8px); }
}
.data-checkout-stage .order-product-summary .product-line-item .item-attributes .item-options,
.receipt .order-product-summary .product-line-item .item-attributes .item-options,
.account-page .order-product-summary .product-line-item .item-attributes .item-options { margin-top: 0;
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-total-price-amount,
.receipt .order-product-summary .product-line-item .line-item-total-price-amount,
.account-page .order-product-summary .product-line-item .line-item-total-price-amount { color: unset;
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-total-price-amount.no-sale,
.receipt .order-product-summary .product-line-item .line-item-total-price-amount.no-sale,
.account-page .order-product-summary .product-line-item .line-item-total-price-amount.no-sale { color: #545454;
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-promo,
.receipt .order-product-summary .product-line-item .line-item-promo,
.account-page .order-product-summary .product-line-item .line-item-promo { letter-spacing: 0.01em; font-size: 11px; font-weight: 300; text-align: right; color: #545454; margin-top: -8px; padding-bottom: 8px;
}
@media (min-width: 1024px) { .data-checkout-stage .order-product-summary .product-line-item .line-item-promo,
.receipt .order-product-summary .product-line-item .line-item-promo,
.account-page .order-product-summary .product-line-item .line-item-promo { font-size: 12px; }
}
@media (max-width: 543.98px) { .data-checkout-stage .order-product-summary .product-line-item .line-item-availability,
.receipt .order-product-summary .product-line-item .line-item-availability,
.account-page .order-product-summary .product-line-item .line-item-availability { display: flex; flex-direction: column; }
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=backorder] span, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=preorder] span, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=lowinstock] span, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=dropship] span, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=out-of-stock] span,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=backorder] span,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=preorder] span,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=lowinstock] span,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=dropship] span,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=out-of-stock] span,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=backorder] span,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=preorder] span,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=lowinstock] span,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=dropship] span,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=out-of-stock] span { color: #545454;
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=backorder] .line-item-availability-status, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=preorder] .line-item-availability-status, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=lowinstock] .line-item-availability-status, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=dropship] .line-item-availability-status, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=out-of-stock] .line-item-availability-status,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=backorder] .line-item-availability-status,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=preorder] .line-item-availability-status,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=lowinstock] .line-item-availability-status,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=dropship] .line-item-availability-status,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=out-of-stock] .line-item-availability-status,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=backorder] .line-item-availability-status,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=preorder] .line-item-availability-status,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=lowinstock] .line-item-availability-status,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=dropship] .line-item-availability-status,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=out-of-stock] .line-item-availability-status { color: #A1001D;
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=backorder] .line-item-availability-additional-message, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=preorder] .line-item-availability-additional-message, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=lowinstock] .line-item-availability-additional-message, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=dropship] .line-item-availability-additional-message, .data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=out-of-stock] .line-item-availability-additional-message,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=backorder] .line-item-availability-additional-message,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=preorder] .line-item-availability-additional-message,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=lowinstock] .line-item-availability-additional-message,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=dropship] .line-item-availability-additional-message,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=out-of-stock] .line-item-availability-additional-message,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=backorder] .line-item-availability-additional-message,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=preorder] .line-item-availability-additional-message,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=lowinstock] .line-item-availability-additional-message,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=dropship] .line-item-availability-additional-message,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=out-of-stock] .line-item-availability-additional-message { display: none;
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=madetoorder],
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=madetoorder],
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=madetoorder] { color: #A1001D; font-weight: 500;
}
.data-checkout-stage .order-product-summary .product-line-item .line-item-availability[data-status=madetoorder] .line-item-availability-additional-message,
.receipt .order-product-summary .product-line-item .line-item-availability[data-status=madetoorder] .line-item-availability-additional-message,
.account-page .order-product-summary .product-line-item .line-item-availability[data-status=madetoorder] .line-item-availability-additional-message { font-weight: normal;
}
@media (min-width: 544px) { .data-checkout-stage .order-product-summary .product-line-item .line-item-availability .line-item-availability-status ~ .line-item-estimated-delivery::before,
.receipt .order-product-summary .product-line-item .line-item-availability .line-item-availability-status ~ .line-item-estimated-delivery::before,
.account-page .order-product-summary .product-line-item .line-item-availability .line-item-availability-status ~ .line-item-estimated-delivery::before { content: "- "; }
}
.data-checkout-stage .order-product-summary .product-line-item .state-exclusion-messaging,
.receipt .order-product-summary .product-line-item .state-exclusion-messaging,
.account-page .order-product-summary .product-line-item .state-exclusion-messaging { background-color: inherit; padding: 0;
}
.data-checkout-stage .order-product-summary .product-line-item + .product-line-item,
.receipt .order-product-summary .product-line-item + .product-line-item,
.account-page .order-product-summary .product-line-item + .product-line-item { margin-top: 0; border-color: #ECECEC;
}
.data-checkout-stage .order-product-summary .product-info-shipping-method,
.receipt .order-product-summary .product-info-shipping-method,
.account-page .order-product-summary .product-info-shipping-method { padding-top: 16px;
}
.data-checkout-stage .order-product-summary .gift-summary,
.receipt .order-product-summary .gift-summary,
.account-page .order-product-summary .gift-summary { padding-top: 16px; margin-top: 16px; color: #0A2541;
}
.data-checkout-stage .order-product-summary .gift-summary .summary-section-label,
.receipt .order-product-summary .gift-summary .summary-section-label,
.account-page .order-product-summary .gift-summary .summary-section-label { letter-spacing: 0.01em; font-size: 11px; display: block; color: #0A2541; font-weight: normal;
}
@media (min-width: 1024px) { .data-checkout-stage .order-product-summary .gift-summary .summary-section-label,
.receipt .order-product-summary .gift-summary .summary-section-label,
.account-page .order-product-summary .gift-summary .summary-section-label { font-size: 12px; }
}
.data-checkout-stage .order-product-summary .gift-summary .gift-message-summary,
.receipt .order-product-summary .gift-summary .gift-message-summary,
.account-page .order-product-summary .gift-summary .gift-message-summary { letter-spacing: 0.01em; font-size: 12px; font-weight: 500; margin-bottom: 0;
}
@media (min-width: 1024px) { .data-checkout-stage .order-product-summary .gift-summary .gift-message-summary,
.receipt .order-product-summary .gift-summary .gift-message-summary,
.account-page .order-product-summary .gift-summary .gift-message-summary { font-size: 14px; }
}
.page[data-action*=Checkout],
.page[data-action=Order-Confirm] { background-color: #F9F7F6;
}
.page[data-action=Order-Confirm] footer { margin-top: 0;
}
.data-checkout-stage .order-product-summary .card-header .grand-total-label,
.data-checkout-stage .order-product-summary .card-header .grand-total-price,
.receipt .order-product-summary .card-header .grand-total-label,
.receipt .order-product-summary .card-header .grand-total-price { font-weight: 500;
}
.data-checkout-stage .order-product-summary .card-header .shipping-items,
.receipt .order-product-summary .card-header .shipping-items { font-weight: 500;
}
.data-checkout-stage .order-total-summary,
.receipt .order-total-summary { padding-bottom: 8px;
}
.data-checkout-stage .order-total-summary .leading-lines,
.receipt .order-total-summary .leading-lines { margin-bottom: 8px;
}
.data-checkout-stage .card + .card, .data-checkout-stage .card:last-child,
.receipt .card + .card,
.receipt .card:last-child { border-top: 1px solid #DBDBDB;
}
.data-checkout-stage .card .availability-headers,
.receipt .card .availability-headers { margin-left: -12px; margin-right: -12px; padding: 12px;
}
@media (min-width: 1024px) { .data-checkout-stage .card .availability-headers,
.receipt .card .availability-headers { margin-left: -16px; margin-right: -16px; padding: 16px; }
}
.data-checkout-stage .card .availability-grouping-append + .availability-headers,
.receipt .card .availability-grouping-append + .availability-headers { border-top: 1px solid #ECECEC;
}
#checkout-main .page-title { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; margin-bottom: 0; padding: 24px 0;
}
@media (min-width: 769px) { #checkout-main .page-title { font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { #checkout-main .page-title { font-size: 33px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
#checkout-main .page-title + .row:first-of-type { display: none;
}
.data-checkout-stage .row [class*=col-] .card { margin-bottom: 16px;
}
.data-checkout-stage .customer-information-block .form-group:first-child { margin-top: 0;
}
.data-checkout-stage .customer-summary .customer-summary-email { color: #545454;
}
.data-checkout-stage .shipping-summary .summary-details .address-summary,
.data-checkout-stage .shipping-summary .summary-details .shipping-phone,
.data-checkout-stage .shipping-summary .summary-details .shipping-method,
.data-checkout-stage .shipping-summary .summary-details .gift-message-summary,
.data-checkout-stage .shipping-summary .summary-details .order-summary-email,
.data-checkout-stage .shipping-summary .summary-details .order-summary-phone,
.data-checkout-stage .shipping-summary .summary-details .payment-details,
.data-checkout-stage .payment-summary .summary-details .address-summary,
.data-checkout-stage .payment-summary .summary-details .shipping-phone,
.data-checkout-stage .payment-summary .summary-details .shipping-method,
.data-checkout-stage .payment-summary .summary-details .gift-message-summary,
.data-checkout-stage .payment-summary .summary-details .order-summary-email,
.data-checkout-stage .payment-summary .summary-details .order-summary-phone,
.data-checkout-stage .payment-summary .summary-details .payment-details { color: #545454;
}
.data-checkout-stage .shipping-summary .shipping-method-title,
.data-checkout-stage .shipping-summary .paymentOptionsSummary,
.data-checkout-stage .payment-summary .shipping-method-title,
.data-checkout-stage .payment-summary .paymentOptionsSummary { color: #545454;
}
.data-checkout-stage .payment-information .payment-options .nav-item { margin-bottom: 0;
}
.data-checkout-stage .payment-form-fields > .alert { margin-top: 16px; margin-bottom: 16px;
}
.data-checkout-stage .payment-form-fields .form-group .form-caption { font-size: 12px; line-height: 1; letter-spacing: 0.02em; margin-top: 6px; color: #545454; display: block;
}
.data-checkout-stage .shipping-method-block, .data-checkout-stage[data-checkout-stage=shipping] .shipping-address-block:not(.d-none) + .shipping-method-block { margin-top: 24px;
}
.data-checkout-stage .shipping-method-block h3,
.data-checkout-stage .address-selector-block h3 { margin-bottom: 16px;
}
.data-checkout-stage .shipping-method-option { line-height: 1.4;
}
.data-checkout-stage .shipment-selector-block > .form-group:first-child { margin-top: 0;
}
.data-checkout-stage .shipment-selector-block.d-none ~ .shipping-address-block > .row:first-child .form-group:first-child { margin-top: 0;
}
.data-checkout-stage .gift-card-section .card-header { position: relative; display: flex;
}
.data-checkout-stage .gift-card-section .card-header [type=button]::after { right: auto; left: 0;
}
.data-checkout-stage .gift-card-section .card-header .card-title { margin-left: 24px; padding: 16px 0; font-family: "Poppins", sans-serif; font-size: 15px; line-height: 1; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap;
}
.data-checkout-stage .gift-card-section .card-header .gift-card-image { margin-left: auto; pointer-events: none;
}
.data-checkout-stage .gift-card-section .card-header .gift-card-image p { margin: 0;
}
.data-checkout-stage .gift-card-section .card-header .gift-card-image img { height: 32px; width: auto; display: block;
}
.data-checkout-stage .gift-card-section .GiftCertificateForm { padding-bottom: 16px;
}
.data-checkout-stage .gift-card-section .GiftCertificateForm .form-group:first-child { margin-top: 0;
}
.data-checkout-stage .gift-message-block { margin-bottom: 0;
}
.data-checkout-stage .gift-message-block .custom-checkbox .custom-control-label { margin-bottom: 0;
}
.data-checkout-stage .gift-message-block .gift-message .gift-message-hint { padding-left: calc(16px + 8px); padding-bottom: 24px;
}
.data-checkout-stage .gift-message-block .gift-message .gift-message-hint ul { font-size: 12px; padding-left: 18px;
}
.data-checkout-stage .gift-message-block .gift-message .form-group { margin-top: 0; margin-bottom: 16px; display: flex; flex-direction: column;
}
.data-checkout-stage .gift-message-block .gift-message .invalid-feedback { order: 1;
}
.data-checkout-stage .gift-message-block .gift-message .invalid-feedback:not(:empty) { margin-bottom: 16px;
}
.data-checkout-stage .gift-message-block .gift-message .empty-prompt { order: 2; line-height: 1.3; color: #A1001D;
}
.data-checkout-stage .gift-message-block .gift-message .gift-message-field { order: 3; padding: 100px 30px 4px; height: 240px; box-shadow: 0 6px 14px 5px rgba(0, 0, 0, 0.08); border-radius: 15px; background: url("../images/cresent-msg-white.svg") no-repeat; background-size: 100px; background-position: center 20px;
}
@media (min-width: 1024px) { .data-checkout-stage .gift-message-block .gift-message .gift-message-field { padding-left: 80px; padding-right: 80px; }
}
.data-checkout-stage .gift-message-block .gift-message .gift-message-field::-moz-placeholder { text-align: center;
}
.data-checkout-stage .gift-message-block .gift-message .gift-message-field:-ms-input-placeholder { text-align: center;
}
.data-checkout-stage .gift-message-block .gift-message .gift-message-field::placeholder { text-align: center;
}
.data-checkout-stage .gift-message-block .gift-message .gift-message-field.is-invalid { padding-right: 30px !important;
}
@media (min-width: 1024px) { .data-checkout-stage .gift-message-block .gift-message .gift-message-field.is-invalid { padding-right: 80px !important; }
}
.data-checkout-stage .gift-message-block .gift-message .character-count { order: 4; line-height: 1.3;
}
.data-checkout-stage .gift-bag-image { width: 92px; height: 92px; border: 1px solid #ECECEC;
}
@media (max-width: 768.98px) { .data-checkout-stage .next-step-button { left: 0; border-top: 1px solid #DBDBDB; } .data-checkout-stage .next-step-button .btn { padding-left: 5px; padding-right: 5px; margin-top: 16px; margin-bottom: 16px; }
}
.data-checkout-stage .product-line-item a { pointer-events: none;
}
.data-checkout-stage .billing-same-shipping-container .form-group { margin-top: 0;
}
.shipping-address-block .shipping-address-2-button:before { content: "\E93A"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: inherit; font-weight: normal;
}
.shipping-address-block .shipping-address-2-button[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.shipping-address-block .shipping-address-2-button[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.shipping-address-block .shipping-address-2-button[class*=btn-]:not(.title).btn-sm, .shipping-address-block .btn-group-sm > .shipping-address-2-button[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.shipping-address-block .shipping-address-2-button[class*=btn-]:not(.title).btn-sm:before, .shipping-address-block .btn-group-sm > .shipping-address-2-button[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.shipping-address-block .shipping-address-2-button[class*=btn-]:not(.title) [class*=icon-],
.shipping-address-block .shipping-address-2-button[class*=btn-]:not(.title) [class^=icon-],
.shipping-address-block .shipping-address-2-button[class*=btn-]:not(.title) .fa { display: none;
}
.shipping-address-block .shipping-address-2-button::before { margin-right: 0.25em;
}
.shipping-address-block .shipping-address-2-text { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em;
}
.receipt .confirmation-header { display: flex; align-items: flex-end; justify-content: space-between;
}
.receipt .confirmation-header .content-asset h1 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; margin-bottom: 0;
}
@media (min-width: 769px) { .receipt .confirmation-header .content-asset h1 { font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .receipt .confirmation-header .content-asset h1 { font-size: 33px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
@media (max-width: 543.98px) { .receipt .confirmation-header { flex-direction: column; row-gap: 12px; } .receipt .confirmation-header .content-asset { order: 2; align-self: flex-start; } .receipt .confirmation-header .print-link { order: 1; align-self: flex-end; }
}
.receipt .card .summary-section-label:not(:first-child) { margin-top: 24px;
}
.receipt .card .shipping-method-price { display: none;
}
@media (min-width: 769px) { .receipt .create-account-column > div { position: sticky; top: 145px; padding-bottom: 16px; } .receipt .create-account-column .order-confirm-create-account { margin-top: 79px; margin-bottom: 0; }
}
@media (min-width: 1024px) { .receipt .create-account-column .order-confirm-create-account { margin-top: 84px; }
}
.receipt .confirmation-extole-title a { display: block; text-decoration: none; font-weight: 500; padding: 0 0 24px 0;
}
@media (min-width: 1024px) { .receipt .confirmation-extole-title a { padding: 24px 0; }
}
.receipt .confirmation-extole-content { display: flex; justify-content: space-between; align-items: baseline;
}
.receipt .confirmation-extole-content.card-body { padding-top: 16px;
}
.receipt .confirmation-extole-content .confirmation-extole-content-link a { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; text-decoration: none;
}
.receipt ~ .pd-section { background-color: #FEFEFE; padding: 24px 0 calc(24px * 2); margin-top: 24px; margin-bottom: -24px;
}
@media (min-width: 1024px) { .receipt ~ .pd-section { padding: calc(24px * 2) 0 calc(24px * 3); }
}
@media print { [data-action=Order-Confirm] { background-color: #FEFEFE; } [data-action=Order-Confirm] header,
[data-action=Order-Confirm] footer,
[data-action=Order-Confirm] .confirmation-header,
[data-action=Order-Confirm] .create-account-column,
[data-action=Order-Confirm] .cart-recommendations { display: none; } [data-action=Order-Confirm] .order-details-column { max-width: 100%; flex-basis: 100%; } [data-action=Order-Confirm] .card { border: none; } [data-action=Order-Confirm] .card .col-lg-6,
[data-action=Order-Confirm] .card .col-xl-6 { max-width: 50%; flex-basis: 50%; } [data-action=Order-Confirm] .card .col-xl-3 { max-width: 25%; flex-basis: 25%; } [data-action=Order-Confirm] .card .mt-lg-0,
[data-action=Order-Confirm] .card .mt-xl-0 { margin-top: 0 !important; }
}
@media (max-width: 768.98px) { .pep .main-product-detail .primary-images { padding-right: 0; }
}
@media (max-width: 543.98px) { .pep .main-product-detail .primary-images [data-test=nav-prev],
.pep .main-product-detail .primary-images [data-test=nav-next],
.pep .main-product-detail .primary-images [data-test=zoom-wrap] { display: none; }
}
@media (max-width: 543.98px) { .pep .main-product-detail .product-details-top { padding-left: 8px; }
}
.pep .main-product-detail .product-detail-attributes { padding-top: 16px;
}
.pep .main-product-detail .product-detail-attributes .pep-attributes { display: flex; flex-wrap: wrap; gap: 12px; padding-bottom: 12px;
}
.pep .main-product-detail .product-detail-attributes .pep-attributes .pep-attribute { flex: calc(50% - 6px);
}
.pep .main-product-detail .product-detail-attributes .pep-attributes .pep-attribute label { font-size: 12px;
}
.pep .main-product-detail .product-detail-attributes .attribute { padding-top: 0; padding-bottom: 0;
}
.pep .main-product-detail .product-detail-attributes .attribute label { margin-bottom: 6px;
}
.pep .experience-commerce_layouts-searchResultsTitle { padding-right: 30px; padding-left: 30px; max-width: 1776px; margin: 0 auto;
}
@media (min-width: 769px) { .pep .experience-commerce_layouts-searchResultsTitle { padding-right: 32px; padding-left: 32px; }
}
@media (min-width: 1440px) { .pep .experience-commerce_layouts-searchResultsTitle { padding-right: 48px; padding-left: 48px; }
}
@media (max-width: 1023.98px) { .pep .experience-commerce_layouts-searchResultsTitle { padding-left: 16px; padding-right: 16px; }
}
.pep .experience-commerce_layouts-searchResultsTitle .page-header-title { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; margin-top: 24px;
}
@media (min-width: 769px) { .pep .experience-commerce_layouts-searchResultsTitle .page-header-title { font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .pep .experience-commerce_layouts-searchResultsTitle .page-header-title { font-size: 33px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal; }
}
.pep .experience-commerce_layouts-searchResultsTitle .page-header-page-description { margin-top: 16px;
}
.pep .experience-commerce_layouts-searchResults > div:first-child { margin-top: 0;
}
@media (max-width: 1023.98px) { .pep .experience-main > .experience-component > .mobile-1r-1c > .container { padding-left: 16px; padding-right: 16px; } .pep .experience-main > .experience-component > .mobile-1r-1c > .container .slider-container:not(.next-slide-0) .tns-ovh { margin-right: -16px; }
}
.product-detail { margin-bottom: 16px;
}
.product-detail .primary-images .slider-container { margin-bottom: 0;
}
.product-detail .primary-images .primary-images-main.product-has-thumbnails { margin-bottom: 16px;
}
@media (min-width: 1024px) { .product-detail .primary-images > .row { margin-left: 0; margin-right: 0; } .product-detail .primary-images .primary-images-thumbnails { flex-basis: 56px; max-width: 56px; padding-left: 0; padding-right: 0; } .product-detail .primary-images .primary-images-main { padding-left: 0; padding-right: 0; } .product-detail .primary-images .primary-images-main.product-has-thumbnails { flex-basis: calc(100% - 56px - 16px); max-width: calc(100% - 56px - 16px); margin-left: 16px; margin-bottom: 0; }
}
@media (min-width: 544px) and (max-width: 768.98px) { .product-detail .primary-images + .col-sm-6 { max-width: 100%; flex-basis: 100%; }
}
@media (min-width: 769px) { .product-detail .row > .product-data { padding-left: 8px; }
}
@media (min-width: 1024px) { .product-detail .row > .product-data { padding-left: 8px; }
}
@media (min-width: 1440px) { .product-detail .row > .product-data { padding-left: 0px; }
}
.product-detail .product-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; color: #222222;
}
@media (min-width: 769px) { .product-detail .product-name { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .product-detail .product-name { font-size: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.product-detail .product-name a { text-decoration: none;
}
.product-detail .attribute,
.product-detail .product-option { margin-top: 0px;
}
@media (min-width: 769px) { .product-detail .attribute,
.product-detail .product-option { margin-top: 0px; }
}
@media (min-width: 1024px) { .product-detail .attribute,
.product-detail .product-option { margin-top: 0px; }
}
.product-detail .attribute label,
.product-detail .product-option label { display: block;
}
.product-detail .qty-cart-container { margin-top: 16px; margin-bottom: 16px;
}
.product-detail .quantity { display: flex; align-items: center; margin-bottom: 16px;
}
.product-detail .quantity label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em; margin-right: 10px;
}
.product-detail .quantity label:after { content: ":";
}
@media (min-width: 544px) { .product-detail .quantity-stepper,
.product-detail .quantity-select { width: calc(100% - 10px); }
}
.product-detail .simple-quantity { margin-top: 16px;
}
.product-detail .availability-container { display: flex; align-items: center; margin-bottom: 6px; margin-top: 0px;
}
@media (min-width: 769px) { .product-detail .availability-container { margin-top: 0px; }
}
@media (min-width: 1024px) { .product-detail .availability-container { margin-top: 0px; }
}
.product-detail .swatch-circle { width: var(--pdp-color-swatch-size, 18px); height: var(--pdp-color-swatch-size, 18px); background-color: #FEFEFE; background-size: cover; display: block; position: relative; text-align: center; border-radius: 50%; margin: calc(20px / 2) 20px calc(20px / 2) 0;
}
.product-detail .swatch-circle.color-value { transition: all 200ms ease-out;
}
.product-detail .swatch-circle.color-value:hover { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #767676;
}
.product-detail .swatch-circle.color-value.selected { box-shadow: 0 0 0 calc(3px - 1px) #FEFEFE, 0 0 0 3px #222222;
}
.product-detail .swatch-circle.color-value.selected:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FEFEFE; font-weight: normal;
}
.product-detail .swatch-circle.color-value.selected[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .swatch-circle.color-value.selected[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .swatch-circle.color-value.selected[class*=btn-]:not(.title).btn-sm, .product-detail .btn-group-sm > .swatch-circle.color-value.selected[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-detail .swatch-circle.color-value.selected[class*=btn-]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .swatch-circle.color-value.selected[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .swatch-circle.color-value.selected[class*=btn-]:not(.title) [class*=icon-],
.product-detail .swatch-circle.color-value.selected[class*=btn-]:not(.title) [class^=icon-],
.product-detail .swatch-circle.color-value.selected[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .swatch-circle.color-value.selected::after { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); display: none; background: rgba(34, 34, 34, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1;
}
.product-detail .swatch-circle.color-value.unselectable:before, .product-detail .swatch-circle.color-value.unselectable:after, .product-detail .swatch-circle.color-value.unavailable:before, .product-detail .swatch-circle.color-value.unavailable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-detail .swatch-circle.color-value.unselectable:after, .product-detail .swatch-circle.color-value.unavailable:after { background-color: #D8D8D8; width: 1px;
}
.product-detail .swatch-circle.color-value.unselectable:before, .product-detail .swatch-circle.color-value.unavailable:before { background-color: #FEFEFE; width: 5px;
}
.product-detail .swatch-circle.color-value.unselectable, .product-detail .swatch-circle.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative;
}
.product-detail .swatch-circle.color-value.unselectable { cursor: not-allowed;
}
.product-detail .swatch-circle.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.product-detail .swatch-circle.color-value.out-of-stock:before, .product-detail .swatch-circle.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-detail .swatch-circle.color-value.out-of-stock:after { background-color: #D8D8D8; width: 1px;
}
.product-detail .swatch-circle.color-value.out-of-stock:before { background-color: #FEFEFE; width: 5px;
}
.product-detail .swatch-circle.color-value.out-of-stock.selected:after { display: block;
}
.product-detail .swatch-circle.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out;
}
.product-detail .swatch-circle.non-color-swatch-value:not(.unselectable):hover { border-color: #DBDBDB; box-shadow: none;
}
.product-detail .swatch-circle.non-color-swatch-value.selected, .product-detail .swatch-circle.non-color-swatch-value.selected:hover { background: #FEFEFE; color: #0A2541; border-color: #0A2541; box-shadow: none;
}
.product-detail .swatch-circle.non-color-swatch-value.selected:after, .product-detail .swatch-circle.non-color-swatch-value.selected:hover:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FEFEFE; font-weight: normal;
}
.product-detail .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title), .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title):after, .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm, .product-detail .btn-group-sm > .swatch-circle.non-color-swatch-value.selected[class*=btn-].btn:not(.title), .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm { padding-right: calc(23px + 16px);
}
.product-detail .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .swatch-circle.non-color-swatch-value.selected[class*=btn-].btn:not(.title):after, .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title) [class*=icon-],
.product-detail .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title) [class^=icon-],
.product-detail .swatch-circle.non-color-swatch-value.selected[class*=btn-]:not(.title) .fa, .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class*=icon-],
.product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class^=icon-],
.product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .swatch-circle.non-color-swatch-value.selected::after, .product-detail .swatch-circle.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(16px / -3); right: calc(16px / -3); background: #134981; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none;
}
.product-detail .swatch-circle.non-color-swatch-value.unselectable, .product-detail .swatch-circle.non-color-swatch-value.unavailable { color: #545454; text-decoration: line-through; position: relative;
}
.product-detail .swatch-circle.non-color-swatch-value.unselectable { cursor: not-allowed;
}
.product-detail .swatch-circle.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.product-detail .swatch-circle.non-color-swatch-value.out-of-stock.selected:after { display: block;
}
.product-detail .swatch-thumbnail { width: 38px; height: 38px; background-color: #FEFEFE; background-size: cover; display: block; position: relative; text-align: center; border-radius: 50%; margin: calc(8px / 2) 8px calc(8px / 2) 0;
}
.product-detail .swatch-thumbnail.color-value { transition: all 200ms ease-out;
}
.product-detail .swatch-thumbnail.color-value:hover:not(.unselectable):not(.selected) { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #0A2541;
}
.product-detail .swatch-thumbnail.color-value.selected { box-shadow: 0 0 0 4px #FEFEFE, 0 0 0 5px #0A2541; transform: scale(0.8);
}
.product-detail .swatch-thumbnail.color-value.selected:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FEFEFE; font-weight: normal;
}
.product-detail .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title).btn-sm, .product-detail .btn-group-sm > .swatch-thumbnail.color-value.selected[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-detail .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .swatch-thumbnail.color-value.selected[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) [class*=icon-],
.product-detail .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) [class^=icon-],
.product-detail .swatch-thumbnail.color-value.selected[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .swatch-thumbnail.color-value.selected::after { position: absolute; top: calc(14px / -3); right: calc(14px / -3); display: none; background: rgba(34, 34, 34, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1;
}
.product-detail .swatch-thumbnail.color-value.unselectable:before, .product-detail .swatch-thumbnail.color-value.unselectable:after, .product-detail .swatch-thumbnail.color-value.unavailable:before, .product-detail .swatch-thumbnail.color-value.unavailable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-detail .swatch-thumbnail.color-value.unselectable:after, .product-detail .swatch-thumbnail.color-value.unavailable:after { background-color: #D8D8D8; width: 1px;
}
.product-detail .swatch-thumbnail.color-value.unselectable:before, .product-detail .swatch-thumbnail.color-value.unavailable:before { background-color: #FEFEFE; width: 5px;
}
.product-detail .swatch-thumbnail.color-value.unselectable, .product-detail .swatch-thumbnail.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative;
}
.product-detail .swatch-thumbnail.color-value.unselectable { cursor: not-allowed;
}
.product-detail .swatch-thumbnail.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.product-detail .swatch-thumbnail.color-value.out-of-stock:before, .product-detail .swatch-thumbnail.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-detail .swatch-thumbnail.color-value.out-of-stock:after { background-color: #D8D8D8; width: 1px;
}
.product-detail .swatch-thumbnail.color-value.out-of-stock:before { background-color: #FEFEFE; width: 5px;
}
.product-detail .swatch-thumbnail.color-value.out-of-stock.selected:after { display: block;
}
.product-detail .swatch-thumbnail.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out;
}
.product-detail .swatch-thumbnail.non-color-swatch-value:not(.unselectable):hover { border-color: #DBDBDB; box-shadow: none;
}
.product-detail .swatch-thumbnail.non-color-swatch-value.selected, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover { background: #FEFEFE; color: #0A2541; border-color: #0A2541; box-shadow: none;
}
.product-detail .swatch-thumbnail.non-color-swatch-value.selected:after, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FEFEFE; font-weight: normal;
}
.product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title), .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title):after, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm, .product-detail .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-].btn:not(.title), .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm { padding-right: calc(23px + 16px);
}
.product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-].btn:not(.title):after, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title) [class*=icon-],
.product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title) [class^=icon-],
.product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*=btn-]:not(.title) .fa, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class*=icon-],
.product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class^=icon-],
.product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .swatch-thumbnail.non-color-swatch-value.selected::after, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(16px / -3); right: calc(16px / -3); background: #134981; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none;
}
.product-detail .swatch-thumbnail.non-color-swatch-value.unselectable, .product-detail .swatch-thumbnail.non-color-swatch-value.unavailable { color: #545454; text-decoration: line-through; position: relative;
}
.product-detail .swatch-thumbnail.non-color-swatch-value.unselectable { cursor: not-allowed;
}
.product-detail .swatch-thumbnail.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.product-detail .swatch-thumbnail.non-color-swatch-value.out-of-stock.selected:after { display: block;
}
.product-detail [disabled] .swatch,
.product-detail .swatch.unselectable { cursor: not-allowed;
}
.product-detail [disabled] .swatch.color-value.selected::after,
.product-detail .swatch.unselectable.color-value.selected::after { background-color: #767676;
}
.product-detail label.color ~ a:hover { text-decoration: none;
}
.product-detail .non-color-attribute-swatches::after { display: block; content: ""; clear: both;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container { float: left; display: block; margin: calc(8px / 2) 8px calc(8px / 2) 0;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch { background: none; display: block; position: relative; padding: 0; border: none;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value { position: relative; color: #0A2541; background: #FEFEFE; border: 1px solid #ECECEC; border-radius: 24px; padding: 7px 12px; display: block; min-width: var(--pdp-non-color-swatch-size, 38px); line-height: 1.4;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value { transition: all 200ms ease-out;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value:hover { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #767676;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.selected { box-shadow: 0 0 0 calc(3px - 1px) #FEFEFE, 0 0 0 3px #222222;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.selected:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FEFEFE; font-weight: normal;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.selected[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.selected[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.selected[class*=btn-]:not(.title).btn-sm, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-sm > .swatch-value.color-value.selected[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.selected[class*=btn-]:not(.title).btn-sm:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-sm > .swatch-value.color-value.selected[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.selected[class*=btn-]:not(.title) [class*=icon-],
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.selected[class*=btn-]:not(.title) [class^=icon-],
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.selected[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.selected::after { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); display: none; background: rgba(34, 34, 34, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unselectable:before, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unselectable:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unavailable:before, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unavailable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unselectable:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unavailable:after { background-color: #D8D8D8; width: 1px;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unselectable:before, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unavailable:before { background-color: #FEFEFE; width: 5px;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unselectable, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.unselectable { cursor: not-allowed;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.out-of-stock:before, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.out-of-stock:after { background-color: #D8D8D8; width: 1px;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.out-of-stock:before { background-color: #FEFEFE; width: 5px;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.color-value.out-of-stock.selected:after { display: block;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value:not(.unselectable):hover { border-color: #DBDBDB; box-shadow: none;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover { background: #FEFEFE; color: #0A2541; border-color: #0A2541; box-shadow: none;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FEFEFE; font-weight: normal;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title), .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title):after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-sm > .swatch-value.non-color-swatch-value.selected[class*=btn-].btn:not(.title), .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm { padding-right: calc(23px + 16px);
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-sm > .swatch-value.non-color-swatch-value.selected[class*=btn-].btn:not(.title):after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title) [class*=icon-],
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title) [class^=icon-],
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title) .fa, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class*=icon-],
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class^=icon-],
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected::after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(16px / -3); right: calc(16px / -3); background: #134981; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.unselectable, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.unavailable { color: #545454; text-decoration: line-through; position: relative;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.unselectable { cursor: not-allowed;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.out-of-stock.selected:after { display: block;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .description { display: block; text-align: center; font-size: 14px; color: #0A2541; font-weight: normal;
}
.product-detail .social-container { padding-top: 0px;
}
.product-detail .social-container .social-icons { align-items: center;
}
.product-detail .social-container .social-icons li:not(:last-child) { margin-right: 30px;
}
.product-detail .social-container .social-icons .share-icons { font-size: 30px; color: #0A2541;
}
.product-detail .social-container .social-icons .share-icons:hover { color: #134981;
}
.product-detail .product-number-rating { display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: 16px; clear: left;
}
.product-detail .product-number { color: #545454; font-size: 13px;
}
.product-detail .ratings { margin-left: 32px;
}
.product-detail .ratings .fa-star:before { content: "\E980"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.product-detail .ratings .fa-star[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.product-detail .ratings .fa-star[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.product-detail .ratings .fa-star[class*=btn-]:not(.title).btn-sm, .product-detail .ratings .btn-group-sm > .fa-star[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.product-detail .ratings .fa-star[class*=btn-]:not(.title).btn-sm:before, .product-detail .ratings .btn-group-sm > .fa-star[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.product-detail .ratings .fa-star[class*=btn-]:not(.title) [class*=icon-],
.product-detail .ratings .fa-star[class*=btn-]:not(.title) [class^=icon-],
.product-detail .ratings .fa-star[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .ratings .fa-star-half-o:before { content: "\E97F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.product-detail .ratings .fa-star-half-o[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.product-detail .ratings .fa-star-half-o[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.product-detail .ratings .fa-star-half-o[class*=btn-]:not(.title).btn-sm, .product-detail .ratings .btn-group-sm > .fa-star-half-o[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.product-detail .ratings .fa-star-half-o[class*=btn-]:not(.title).btn-sm:before, .product-detail .ratings .btn-group-sm > .fa-star-half-o[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.product-detail .ratings .fa-star-half-o[class*=btn-]:not(.title) [class*=icon-],
.product-detail .ratings .fa-star-half-o[class*=btn-]:not(.title) [class^=icon-],
.product-detail .ratings .fa-star-half-o[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .ratings .fa-star-o:before { content: "\E97E"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.product-detail .ratings .fa-star-o[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.product-detail .ratings .fa-star-o[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.product-detail .ratings .fa-star-o[class*=btn-]:not(.title).btn-sm, .product-detail .ratings .btn-group-sm > .fa-star-o[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.product-detail .ratings .fa-star-o[class*=btn-]:not(.title).btn-sm:before, .product-detail .ratings .btn-group-sm > .fa-star-o[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.product-detail .ratings .fa-star-o[class*=btn-]:not(.title) [class*=icon-],
.product-detail .ratings .fa-star-o[class*=btn-]:not(.title) [class^=icon-],
.product-detail .ratings .fa-star-o[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .promotions { margin-top: 16px;
}
.product-detail .promotions .promotion { color: #545454;
}
.product-detail .prices { margin-top: 16px; margin-bottom: 16px;
}
@media (min-width: 544px) { .product-detail .prices { margin-bottom: calc(16px / 2); }
}
@media (min-width: 769px) { .product-detail .prices { margin-top: 0; }
}
.product-detail .prices .price { font-size: 20px; font-family: "Poppins", sans-serif;
}
.product-detail .size-chart { font-size: 11px;
}
.product-detail .size-chart h2 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .product-detail .size-chart h2 { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .product-detail .size-chart h2 { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.product-detail .size-chart .sizinginformation .nav-tabs .nav-link.active { background-color: #FEFEFE;
}
.product-detail .size-chart .sizinginformation .tab-content { border: 2px solid #DBDBDB; margin-bottom: 16px;
}
.product-detail .size-chart .sizinginformation .tab-content .sizechart { margin-top: -2px;
}
.product-detail .size-chart .sizinginformation .tab-content .sizecharttable { margin-bottom: 0;
}
.product-detail .attribute .size-chart { position: absolute; right: 16px;
}
.product-detail .color-attribute { display: block; float: left;
}
.product-detail label,
.product-detail .non-input-label { font-family: "Poppins", sans-serif; font-weight: normal; font-size: 12px; line-height: 1; margin-bottom: 6px; text-transform: none; letter-spacing: 0.02em; display: block;
}
.product-detail .set-item, .product-detail.set-item { padding: 0;
}
.product-detail .set-item .attribute.quantity, .product-detail.set-item .attribute.quantity { align-self: flex-end; margin-bottom: calc(8px / 2);
}
.product-detail .set-item .size-chart, .product-detail.set-item .size-chart { margin-top: calc(0px - calc(8px / 2));
}
@media (min-width: 769px) { .product-detail .set-item .size-chart, .product-detail.set-item .size-chart { margin-top: calc(0px - calc(8px / 2)); }
}
@media (min-width: 1024px) { .product-detail .set-item .size-chart, .product-detail.set-item .size-chart { margin-top: calc(0px - calc(8px / 2)); }
}
.product-detail .set-items { padding-top: 44px;
}
@media (min-width: 1024px) { .product-detail .set-items.product-has-thumbnails { margin-left: calc(56px - 16px); }
}
.product-detail .set-items .product-set-item-main-image { margin-bottom: 16px;
}
.product-detail .product-set-contains { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; color: #222222; border-top: #0A2541 solid 1px; border-bottom: #0A2541 solid 1px; margin: 24px 0; padding: 24px 0; background-color: transparent;
}
@media (min-width: 769px) { .product-detail .product-set-contains { font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .product-detail .product-set-contains { font-size: 19px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.product-detail .product-set-contains + .product-set-item-detail { border-top: 0; margin-top: 0;
}
.product-detail .product-set-item-detail { border-top: #0A2541 solid 1px; margin-top: 28px; padding-top: 44px;
}
.product-detail .product-set-item-detail .set-item-product-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; color: #222222;
}
@media (min-width: 769px) { .product-detail .product-set-item-detail .set-item-product-name { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .product-detail .product-set-item-detail .set-item-product-name { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.product-detail .product-set-item-detail .set-item-product-name a { text-decoration: none;
}
.product-detail .product-set-item-detail .set-item-headline-and-description { display: block;
}
.product-detail .product-set-item-detail .set-item-price .price { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; color: #222222;
}
@media (min-width: 769px) { .product-detail .product-set-item-detail .set-item-price .price { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .product-detail .product-set-item-detail .set-item-price .price { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.product-detail .product-set-item-detail .mini-attributes .attribute,
.product-detail .product-set-item-detail .mini-attributes .availability-container,
.product-detail .product-set-item-detail .mini-attributes .qty-cart-container { margin-top: 24px;
}
.product-detail .product-set-item-detail .mini-attributes .qty-cart-container { margin-bottom: 0;
}
@media (min-width: 1440px) { .product-detail .product-set-item-detail .mini-attributes .attribute .size-chart { padding-right: 8px; }
}
.product-detail .product-bundle .addtocart-sticky-bar [class*=add-to-cart].btn.btn-primary { width: 100%;
}
.product-detail .product-bundle .bundle-footer .qty-cart-container .quantity.d-none + .prices-add-to-cart-actions { flex: 0 0 100%; max-width: 100%;
}
.product-detail .bundle-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); grid-gap: 32px 16px;
}
.product-detail .bundle-items .bundle-item { padding: 16px; border-top: 1px solid #0A2541;
}
.product-detail .bundle-items .bundle-item .zoomImg { display: none !important;
}
.product-detail .bundle-items .bundle-item .product-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .product-detail .bundle-items .bundle-item .product-name { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .product-detail .bundle-items .bundle-item .product-name { font-size: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.product-detail .bundle-items .bundle-item .product-number-rating { flex-direction: column;
}
.product-detail .bundle-items .bundle-item .product-number-rating .ratings { margin-left: 0;
}
.product-detail .bundle-items .bundle-item .product-number-rating,
.product-detail .bundle-items .bundle-item .ratings,
.product-detail .bundle-items .bundle-item .availability-container,
.product-detail .bundle-items .bundle-item .attribute,
.product-detail .bundle-items .bundle-item .product-option { margin-top: calc(16px / 2);
}
@media (min-width: 769px) { .product-detail .bundle-items .bundle-item .product-number-rating,
.product-detail .bundle-items .bundle-item .ratings,
.product-detail .bundle-items .bundle-item .availability-container,
.product-detail .bundle-items .bundle-item .attribute,
.product-detail .bundle-items .bundle-item .product-option { margin-top: calc(16px / 2); }
}
@media (min-width: 1024px) { .product-detail .bundle-items .bundle-item .product-number-rating,
.product-detail .bundle-items .bundle-item .ratings,
.product-detail .bundle-items .bundle-item .availability-container,
.product-detail .bundle-items .bundle-item .attribute,
.product-detail .bundle-items .bundle-item .product-option { margin-top: calc(16px / 2); }
}
.product-detail .bundle-items .bundle-item .product-option { padding-left: 0;
}
.tabs { margin-top: 16px; margin-bottom: 16px; padding-top: 16px;
}
@media (min-width: 769px) { .tabs { padding-top: 30px; }
}
@media (min-width: 1024px) { .tabs { padding-top: 60px; }
}
.tabs .nav-link { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .tabs .nav-link { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .tabs .nav-link { font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .tabs.product-has-thumbnails { padding-left: 56px; }
}
.main-content-group .main-content-item { margin-top: 16px; margin-bottom: 16px; padding-top: 16px;
}
@media (min-width: 769px) { .main-content-group .main-content-item { padding-top: 30px; }
}
@media (min-width: 1024px) { .main-content-group .main-content-item { padding-top: 60px; }
}
@media (min-width: 1024px) { .main-content-group.product-has-thumbnails { padding-left: 56px; }
}
.main-content-group .card .card-header .title { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .main-content-group .card .card-header .title { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .main-content-group .card .card-header .title { font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
.main-content-group .card .card-body { padding-bottom: 16px;
}
@media (min-width: 769px) { .main-content-group .card .card-body { padding-bottom: 30px; }
}
@media (min-width: 1024px) { .main-content-group .card .card-body { padding-bottom: 60px; }
}
.main-content-group .main-attributes { margin-bottom: 16px;
}
.main-content-group .product-attributes .attribute-name { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .main-content-group .product-attributes .attribute-name { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .main-content-group .product-attributes .attribute-name { font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; }
}
@media (max-width: 768.98px) { .main-content-group .product-attributes + .collapsible-content.collapsible-sm.border-top,
.main-content-group .collapsible-content.collapsible-sm.border-top { border-top: 1px solid #0A2541; }
}
.main-content-group .product-attributes + .collapsible-content.collapsible-xl.border-top,
.main-content-group .collapsible-content.collapsible-xl.border-top { border-top: 1px solid #0A2541;
}
.cart-and-ipay { text-align: center;
}
.cart-and-ipay.row:not(.no-gutters) { margin-left: 0; margin-right: 0;
}
.cart-and-ipay.row:not(.no-gutters) > .col-sm-12 { padding-left: 0; padding-right: 0;
}
.cart-and-ipay .btn { width: 100%;
}
@media (min-width: 544px) { .cart-and-ipay { padding-bottom: 0; }
}
.add-to-cart-messages { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); position: fixed; padding: 16px; max-height: calc(100vh - (16px * 2)); overflow-y: auto; z-index: 1100;
}
.add-to-basket-alert { box-shadow: 0 2px 4px rgba(34, 34, 34, 0.4); text-align: center;
}
.add-to-basket-alert.show { display: block;
}
.add-to-basket-alert:not(.alert-dismissible) { -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms);
}
.add-to-basket-alert.alert-dismissible { -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms;
}
.add-to-basket-alert.alert-dismissible .close { padding: 16px;
}
.jumplink-anchor { position: absolute; top: -150px;
}
.addtocart-sticky-bar { pointer-events: none; display: block; position: fixed; top: 0; background: #FEFEFE; width: 100%; left: 0; z-index: 200; padding: 10px 0; opacity: 1; transform: translateY(-100%); transition: transform 200ms linear; overflow: hidden; box-shadow: 0 2px 2px rgba(34, 34, 34, 0.2);
}
.addtocart-sticky-bar .name,
.addtocart-sticky-bar .links { margin: auto;
}
.addtocart-sticky-bar h1.product-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; color: #222222; margin: 0;
}
@media (min-width: 769px) { .addtocart-sticky-bar h1.product-name { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .addtocart-sticky-bar h1.product-name { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.addtocart-sticky-bar a.jumplink { margin: 0 15px; position: relative; z-index: 10;
}
.addtocart-sticky-bar a.jumplink.selected, .addtocart-sticky-bar a.jumplink:hover { text-decoration: none;
}
.addtocart-sticky-bar .sticky-attribute { float: left;
}
.addtocart-sticky-bar .sticky-attribute + .sticky-attribute { margin-left: 16px;
}
.addtocart-sticky-bar .attribute { margin-top: 0;
}
.addtocart-sticky-bar .attribute label,
.addtocart-sticky-bar .attribute .non-input-label,
.addtocart-sticky-bar .attribute .size-chart { display: none;
}
.addtocart-sticky-bar .attribute .swatch-circle { width: var(--pdp-color-swatch-size, 18px); height: var(--pdp-color-swatch-size, 18px); margin: calc(10px / 2) 10px calc(10px / 2) 0;
}
.addtocart-sticky-bar .attribute .swatch-thumbnail { width: calc(16px + 8px + 6px + (1px*2)); height: calc(16px + 8px + 6px + (1px*2)); margin: calc(8px / 2) 8px calc(8px / 2) 0;
}
.addtocart-sticky-bar .attribute .custom-select,
.addtocart-sticky-bar .attribute select { font-size: 13px; line-height: 16px; padding: 8px 27px 6px 12px; height: calc(16px + 8px + 6px + (1px*2));
}
.addtocart-sticky-bar .cart-and-ipay { text-align: right; padding-bottom: 0;
}
.addtocart-sticky-bar .cart-and-ipay [class*=add-to-cart].btn.btn-primary { font-size: 12px; line-height: 1; padding: 9px 23px 9px 23px; letter-spacing: 0.1em; width: auto;
}
.sticky-header .addtocart-sticky-bar { transition: transform 400ms ease-out;
}
.sticky-header.scroll-direction-up .showstickybar .addtocart-sticky-bar { transform: translateY(var(--header-height)); transition: transform 400ms ease-out 50ms;
}
.showstickybar .addtocart-sticky-bar { pointer-events: auto; transform: translateY(0);
}
.product-detail { margin-bottom: 0;
}
@media (max-width: 768.98px) { .product-detail .primary-images::after { display: block; content: ""; clear: both; } .product-detail .primary-images::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 95.47920434%; }
}
@media (max-width: 543.98px) { .product-detail .primary-images::after { display: block; content: ""; clear: both; } .product-detail .primary-images::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 90.0542495479%; }
}
@media (max-width: 1023.98px) { .product-detail.container { padding-left: 16px; padding-right: 16px; }
}
.product-detail .main-product-top-container { display: flex; row-gap: 8px; -moz-column-gap: 24px; column-gap: 24px; flex-wrap: wrap;
}
.product-detail .main-product-brand { font-size: 12px;
}
@media (min-width: 1024px) { .product-detail .main-product-brand { font-size: 14px; }
}
.product-detail .prices { margin-top: 4px; margin-bottom: 0;
}
.product-detail .prices .price { letter-spacing: 0.01em; font-size: 12px; font-weight: 500;
}
@media (min-width: 1024px) { .product-detail .prices .price { font-size: 14px; }
}
.product-detail .prices .price .strike-through .value { font-weight: 400;
}
.product-detail .prices .clearance-label { display: none;
}
.product-detail .prices .price-from { display: none;
}
.product-detail .product-number-rating { margin-top: 0; margin-bottom: 10px;
}
.product-detail .ratings { margin-left: 0;
}
.product-detail .attribute,
.product-detail .product-option { padding: 12px 0;
}
.product-detail label,
.product-detail .non-input-label { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; line-height: 1.4; display: block; margin-bottom: 12px;
}
.product-detail label [class*=display-value],
.product-detail .non-input-label [class*=display-value] { font-weight: 400; color: #545454;
}
@media (min-width: 769px) { .product-detail label,
.product-detail .non-input-label { font-size: 14px; }
}
.product-detail .product-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 18px; line-height: 1.1; font-weight: 500; margin-bottom: 4px;
}
@media (min-width: 1024px) { .product-detail .product-name { font-size: 24px; letter-spacing: -0.01em; }
}
.product-detail .see-product-details { margin-top: 8px; letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { .product-detail .see-product-details { font-size: 12px; }
}
.product-detail .availability-container { display: block; margin-top: 12px;
}
.product-detail .availability-container .availability-status-container { display: flex;
}
.product-detail .availability-container .product-total-price { font-weight: 500;
}
.product-detail .availability-container[data-status=backorder] .availability-status-container, .product-detail .availability-container[data-status=preorder] .availability-status-container, .product-detail .availability-container[data-status=lowinstock] .availability-status-container, .product-detail .availability-container[data-status=dropship] .availability-status-container, .product-detail .availability-container[data-status=madetoorder] .availability-status-container { color: #A1001D;
}
.product-detail .main-product-detail > .hidden-sm-down,
.product-detail .main-product-detail .non-input-label,
.product-detail .main-product-detail .color-attribute-price,
.product-detail .main-product-detail .product-detail-attributes > .product-monogram,
.product-detail .main-product-detail .product-detail-attributes .promotion,
.product-detail .main-product-detail .product-availability,
.product-detail .main-product-detail .estimated-delivery,
.product-detail .main-product-detail .shipping-surcharge-msg,
.product-detail .main-product-detail .ltl-messaging,
.product-detail .main-product-detail .state-exclusion-messaging,
.product-detail .main-product-detail .product-detail-credit-message,
.product-detail .main-product-detail .bt-pdp-credit-message { padding-left: 4px;
}
.product-detail .main-product-detail > .hidden-sm-down .non-input-label,
.product-detail .main-product-detail .non-input-label .non-input-label,
.product-detail .main-product-detail .color-attribute-price .non-input-label,
.product-detail .main-product-detail .product-detail-attributes > .product-monogram .non-input-label,
.product-detail .main-product-detail .product-detail-attributes .promotion .non-input-label,
.product-detail .main-product-detail .product-availability .non-input-label,
.product-detail .main-product-detail .estimated-delivery .non-input-label,
.product-detail .main-product-detail .shipping-surcharge-msg .non-input-label,
.product-detail .main-product-detail .ltl-messaging .non-input-label,
.product-detail .main-product-detail .state-exclusion-messaging .non-input-label,
.product-detail .main-product-detail .product-detail-credit-message .non-input-label,
.product-detail .main-product-detail .bt-pdp-credit-message .non-input-label { padding-left: unset;
}
@media (min-width: 769px) and (max-width: 1023.98px) { .product-detail .main-product-detail .swatch-preview-container .tooltip { padding-left: 4px; }
}
.product-detail .main-product-detail .availability-container { letter-spacing: 0.01em; font-size: 12px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; line-height: 1.1;
}
@media (min-width: 1024px) { .product-detail .main-product-detail .availability-container { font-size: 14px; }
}
.product-detail .main-product-detail .availability-container label,
.product-detail .main-product-detail .availability-container .non-input-label { line-height: 1.1;
}
@media (min-width: 769px) { .product-detail .main-product-detail .product-detail-attributes { padding-top: 12px; }
}
.product-detail .ltl-messaging { font-weight: 500;
}
.product-detail .ltl-messaging:not(:empty),
.product-detail .shipping-surcharge-msg:not(:empty),
.product-detail .state-exclusion-messaging:not(:empty) { margin-bottom: 16px;
}
.product-detail .estimated-delivery .estimated-delivery-container { letter-spacing: 0.01em; font-size: 12px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px;
}
@media (min-width: 1024px) { .product-detail .estimated-delivery .estimated-delivery-container { font-size: 14px; }
}
@media (max-width: 543.98px) { .product-detail .estimated-delivery .estimated-delivery-container { flex-direction: column; }
}
.product-detail .estimated-delivery .estimated-delivery-location { display: flex; align-items: center; margin-right: 8px;
}
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-label { margin-right: 8px;
}
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-collapsible-btn:after { content: "\E911"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal;
}
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title).btn-sm, .product-detail .estimated-delivery .estimated-delivery-location .btn-group-sm > .estimated-delivery-collapsible-btn[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title).btn-sm:after, .product-detail .estimated-delivery .estimated-delivery-location .btn-group-sm > .estimated-delivery-collapsible-btn[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title) [class*=icon-],
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title) [class^=icon-],
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-collapsible-btn[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-collapsible-btn::after { padding-left: 4px;
}
.product-detail .estimated-delivery .estimated-delivery-location .estimated-delivery-collapsible-btn .estimated-delivery-collapsible-text { text-decoration: underline;
}
.product-detail .estimated-delivery .estimated-delivery-location .input-group { box-shadow: inset 0 0 0 1px #DBDBDB; border: none; border-radius: 3px; font-size: 14px; max-width: 80px;
}
.product-detail .estimated-delivery .estimated-delivery-location .input-group.is-invalid { box-shadow: inset 0 0 0 1px #A1001D;
}
@media (min-width: 1024px) { .product-detail .estimated-delivery .estimated-delivery-location .input-group { margin-top: -8px; margin-bottom: -8px; }
}
.product-detail .estimated-delivery .estimated-delivery-location .input-group input { padding-right: 0; border: none;
}
.product-detail .estimated-delivery .estimated-delivery-location .input-group button { padding-right: 12px;
}
.product-detail .estimated-delivery .estimated-delivery-location .veil .underlay { display: none;
}
.product-detail .estimated-delivery .estimated-delivery-location .spinner { width: 20px; height: 20px; margin-top: -10px; margin-right: -10px;
}
.product-detail .estimated-delivery .estimated-delivery-date { font-weight: 500;
}
.product-detail .estimated-delivery .estimated-delivery-date .estimated-delivery-date-label { font-weight: 400;
}
.product-detail .estimated-delivery .estimated-delivery-date .estimated-delivery-date-label::before { content: "\2013 ";
}
.product-detail .non-color-attribute-swatches .non-color-attributes { display: flex; flex-wrap: wrap; gap: 8px;
}
.product-detail .non-color-attribute-swatches .swatch-tile-container { margin-top: 0; margin-bottom: 0; float: none; margin: 0;
}
.product-detail .promotions { margin-top: 0;
}
.product-detail .promo-modal-button { letter-spacing: 0.01em; font-size: 11px; background-color: #ECF1F4; border-radius: 3px; color: #0A2541; font-weight: 500; padding: 4px 8px; display: inline-block; text-align: left; text-decoration: none;
}
@media (min-width: 1024px) { .product-detail .promo-modal-button { font-size: 12px; }
}
.product-detail .promo-modal-button[data-toggle=popover]:after, .product-detail .promo-modal-button.launch-promo-modal:after { content: "\E91C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.product-detail .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title), .product-detail .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title):after, .product-detail .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title).btn-sm, .product-detail .btn-group-sm > .promo-modal-button[data-toggle=popover][class*=btn-].btn:not(.title), .product-detail .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title).btn-sm, .product-detail .btn-group-sm > .promo-modal-button.launch-promo-modal[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-detail .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .promo-modal-button[data-toggle=popover][class*=btn-].btn:not(.title):after, .product-detail .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .promo-modal-button.launch-promo-modal[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title) [class*=icon-],
.product-detail .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title) [class^=icon-],
.product-detail .promo-modal-button[data-toggle=popover][class*=btn-]:not(.title) .fa, .product-detail .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title) [class*=icon-],
.product-detail .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title) [class^=icon-],
.product-detail .promo-modal-button.launch-promo-modal[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .promo-modal-button[data-toggle=popover]::after, .product-detail .promo-modal-button.launch-promo-modal::after { vertical-align: top; margin-left: 4px;
}
.product-detail .promo-modal-button.promo-applied { background-color: #D4EDDA; color: #155724;
}
.product-detail .promo-modal-button.promo-applied:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.product-detail .promo-modal-button.promo-applied[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .promo-modal-button.promo-applied[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .promo-modal-button.promo-applied[class*=btn-]:not(.title).btn-sm, .product-detail .btn-group-sm > .promo-modal-button.promo-applied[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.product-detail .promo-modal-button.promo-applied[class*=btn-]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .promo-modal-button.promo-applied[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .promo-modal-button.promo-applied[class*=btn-]:not(.title) [class*=icon-],
.product-detail .promo-modal-button.promo-applied[class*=btn-]:not(.title) [class^=icon-],
.product-detail .promo-modal-button.promo-applied[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .main-product-price .prices .clearance-label { display: block; letter-spacing: 0.01em; font-size: 11px; margin-bottom: 3px;
}
@media (min-width: 1024px) { .product-detail .main-product-price .prices .clearance-label { font-size: 12px; }
}
.product-detail .main-product-price .prices .pdp-default-pricing { display: flex; align-items: center;
}
.product-detail .main-product-price .prices .pdp-default-pricing .sales { order: 1; font-size: 26px; letter-spacing: -0.52px; font-weight: 500; line-height: 1em;
}
@media (min-width: 1024px) { .product-detail .main-product-price .prices .pdp-default-pricing .sales { font-size: 30px; letter-spacing: -1.2px; }
}
.product-detail .main-product-price .prices .pdp-default-pricing .savings-container { order: 2; display: flex; flex-direction: column; border-left: 1px solid #D8D8D8; padding-left: 12px; margin-left: 12px; letter-spacing: 0.01em; font-size: 11px; line-height: 1.2em;
}
@media (min-width: 1024px) { .product-detail .main-product-price .prices .pdp-default-pricing .savings-container { font-size: 12px; }
}
.product-detail .main-product-promotions .promotion { margin-top: 8px; margin-bottom: 4px;
}
.product-detail .main-product-promotions .promotion:not(.has-popover) { letter-spacing: 0.01em; font-size: 11px; background-color: #ECF1F4; border-radius: 3px; color: #0A2541; font-weight: 500; padding: 4px 8px; display: inline-block; text-align: left; text-decoration: none;
}
@media (min-width: 1024px) { .product-detail .main-product-promotions .promotion:not(.has-popover) { font-size: 12px; }
}
.product-detail .main-product-promotions .promotion:not(.has-popover)[data-toggle=popover]:after, .product-detail .main-product-promotions .promotion:not(.has-popover).launch-promo-modal:after { content: "\E91C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.product-detail .main-product-promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title), .product-detail .main-product-promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .main-product-promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title):after, .product-detail .main-product-promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .main-product-promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title).btn-sm, .product-detail .main-product-promotions .btn-group-sm > .promotion.btn:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title), .product-detail .main-product-promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title).btn-sm, .product-detail .main-product-promotions .btn-group-sm > .promotion.btn:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title) { padding-right: calc(23px + 16px);
}
.product-detail .main-product-promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title).btn-sm:after, .product-detail .main-product-promotions .btn-group-sm > .promotion.btn:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title):after, .product-detail .main-product-promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title).btn-sm:after, .product-detail .main-product-promotions .btn-group-sm > .promotion.btn:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .main-product-promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title) [class*=icon-],
.product-detail .main-product-promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title) [class^=icon-],
.product-detail .main-product-promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title) .fa, .product-detail .main-product-promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title) [class*=icon-],
.product-detail .main-product-promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title) [class^=icon-],
.product-detail .main-product-promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .main-product-promotions .promotion:not(.has-popover)[data-toggle=popover]::after, .product-detail .main-product-promotions .promotion:not(.has-popover).launch-promo-modal::after { vertical-align: top; margin-left: 4px;
}
.product-detail .main-product-promotions .promotion:not(.has-popover).promo-applied { background-color: #D4EDDA; color: #155724;
}
.product-detail .main-product-promotions .promotion:not(.has-popover).promo-applied:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.product-detail .main-product-promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.product-detail .main-product-promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .main-product-promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title).btn-sm, .product-detail .main-product-promotions .btn-group-sm > .promotion.btn:not(.has-popover).promo-applied[class*=btn-]:not(.title) { padding-right: calc(23px + 16px);
}
.product-detail .main-product-promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title).btn-sm:after, .product-detail .main-product-promotions .btn-group-sm > .promotion.btn:not(.has-popover).promo-applied[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.product-detail .main-product-promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title) [class*=icon-],
.product-detail .main-product-promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title) [class^=icon-],
.product-detail .main-product-promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title) .fa { display: none;
}
.product-detail .main-product-promotions .promo-modal-button { font-size: 12px;
}
@media (min-width: 1440px) { .product-detail .attribute .size-chart { right: 24px; }
}
.product-detail .attribute .size-chart a { text-decoration: none; font-size: 12px; letter-spacing: 0.015em; display: flex; align-items: center;
}
.product-detail .attribute .size-chart a [class^=icon] { margin-right: 0.5em; font-size: 16px;
}
.product-detail .attribute .size-chart a .guide-icon { max-width: 16px; max-height: 16px; margin-right: 0.5em;
}
.product-detail .color-attribute-group + .color-attribute-group { margin-top: 24px;
}
.product-detail .color-attribute-group .promotion { margin-top: 4px;
}
.product-detail .color-attributes { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px;
}
.product-detail .color-attributes .color-attribute { float: none;
}
.product-detail .color-attributes .swatch-thumbnail { margin: 0;
}
.product-detail .swatch-thumbnail[data-attr-value=WHITE] { border: 1px solid #DBDBDB;
}
.product-detail .swatch-thumbnail.color-value.unavailable, .product-detail .swatch-thumbnail.color-value.unselectable { opacity: 1;
}
.product-detail .product-monogram { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; line-height: 1.4; display: flex;
}
.product-detail .product-monogram [class*=display-value] { font-weight: 400; color: #545454;
}
@media (min-width: 769px) { .product-detail .product-monogram { font-size: 14px; }
}
.product-detail .product-monogram .monogram-checkbox .custom-control-label { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; line-height: 1.4; font-weight: 400; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; cursor: pointer;
}
.product-detail .product-monogram .monogram-checkbox .custom-control-label [class*=display-value] { font-weight: 400; color: #545454;
}
@media (min-width: 769px) { .product-detail .product-monogram .monogram-checkbox .custom-control-label { font-size: 14px; }
}
.product-detail .product-monogram .monogram-checkbox .custom-control-label::before, .product-detail .product-monogram .monogram-checkbox .custom-control-label::after { top: auto;
}
.product-detail .product-monogram .price { display: inline;
}
.product-detail .product-monogram .price .pdp-default-pricing { display: flex; gap: 3px;
}
.product-detail .product-monogram .price .pdp-default-pricing .sales { order: 1;
}
.product-detail .product-monogram .price .pdp-default-pricing .sales:not(:only-child) { color: #A1001D;
}
.product-detail .product-monogram .price .pdp-default-pricing .savings-container { order: 2;
}
.product-detail .product-monogram .monogram-icon { margin: 0 0.5em;
}
.product-detail .product-monogram .content-asset { display: inline; margin-left: 0.5em;
}
.product-detail .qty-cart-container { align-items: flex-start; margin-top: 0; margin-bottom: 0;
}
.product-detail .qty-cart-container .quantity { max-width: 84px; margin-right: 8px; margin-bottom: 0; padding-top: 12px;
}
@media (min-width: 1024px) { .product-detail .qty-cart-container .quantity { max-width: 92px; }
}
.product-detail .qty-cart-container .quantity-select { width: 100%; height: 56px; border-radius: 36px; border-color: #0A2541; text-align: center; -moz-text-align-last: center; text-align-last: center; padding-right: 16px;
}
.modal .product-detail .qty-cart-container .quantity-select { height: auto;
}
.product-detail .qty-cart-container .prices-add-to-cart-actions { padding-top: 12px;
}
.product-detail .qty-cart-container .add-to-cart { padding-left: 8px; padding-right: 8px; height: 56px; border-radius: 36px;
}
.product-detail .qty-cart-container .cart-and-ipay { padding-left: 0; padding-right: 0;
}
@media (min-width: 544px) { .product-detail .quantity-stepper,
.product-detail .quantity-select { width: auto; }
}
.product-detail .product-detail-credit-message { margin-bottom: 16px;
}
.product-detail .product-detail-credit-message span[id*=zoid-paypal-message] { display: flex;
}
@media (max-width: 768.98px) { .product-detail .addtocartbutton .add-to-cart { transition: none; } .product-detail .addtocartbutton.sticky { position: fixed; bottom: 0; left: 0; background: #FEFEFE; width: 100%; z-index: 200; border-top: 1px solid #ECECEC; padding-top: 12px; } .product-detail .addtocartbutton.sticky .add-to-cart { margin-left: 16px; margin-right: 16px; width: calc(100% - (16px * 2)); } .product-detail .product-detail-attributes { display: flex; flex-direction: column; } .product-detail .product-detail-attributes [data-attr=color] { order: -1; } .product-detail .product-detail-attributes [data-attr=color] .attribute { padding-top: 0; }
}
.description-and-detail { margin-bottom: 16px;
}
@media (min-width: 769px) { .description-and-detail { margin-bottom: 24px; }
}
.description-and-detail .desktop-description-container p,
.description-and-detail .desktop-description-container ul { color: #545454;
}
.description-and-detail .desktop-description-container ul { line-height: 1.75;
}
.description-and-detail .product-spec-collapsible .collapsible-xl .card-body { padding-bottom: 12px;
}
.description-and-detail .product-spec-collapsible .collapsible-xl .card-body p,
.description-and-detail .product-spec-collapsible .collapsible-xl .card-body ul { color: #545454;
}
.description-and-detail .product-spec-collapsible .collapsible-xl .card-body ul { line-height: 1.75; margin-top: 12px;
}
.description-and-detail .product-spec-collapsible .card-title { padding-top: 24px; padding-bottom: 24px;
}
.description-and-detail .product-spec-collapsible .card-title h2,
.description-and-detail .product-spec-collapsible .card-title h3 { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .description-and-detail .product-spec-collapsible .card-title h2,
.description-and-detail .product-spec-collapsible .card-title h3 { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .description-and-detail .product-spec-collapsible .card-title h2,
.description-and-detail .product-spec-collapsible .card-title h3 { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.description-and-detail .product-spec-certifications [data-toggle=tooltip] { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer;
}
.description-and-detail .product-spec-certifications [data-toggle=tooltip]:hover { color: #134981; text-decoration: underline;
}
.dark-theme .description-and-detail .product-spec-certifications [data-toggle=tooltip] { color: #FEFEFE;
}
.dark-theme .description-and-detail .product-spec-certifications [data-toggle=tooltip]:hover { color: #FEFEFE;
}
.description-and-detail .product-spec-certifications ul { display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
}
.description-and-detail .product-spec-certifications ul img { display: block;
}
.description-and-detail .product-spec-certifications ul p { margin: 0; text-align: center;
}
.description-and-detail .main-product-badges .press-badges { display: flex; row-gap: 8px; -moz-column-gap: 24px; column-gap: 24px; margin-bottom: 12px; flex-wrap: wrap;
}
@media (min-width: 769px) { .description-and-detail .main-product-badges .press-badges { margin-bottom: 8px; }
}
.description-and-detail .main-product-badges .press-badges .press-badge { letter-spacing: 0.01em; font-size: 11px; color: #545454; display: flex; gap: 8px;
}
@media (min-width: 1024px) { .description-and-detail .main-product-badges .press-badges .press-badge { font-size: 12px; }
}
.description-and-detail .main-product-badges .press-badges .press-badge img { filter: grayscale(100%); width: 16px; height: auto; max-height: 16px;
}
.description-and-detail .main-product-badges .press-badges .press-badge .custom-badge { background-color: transparent; font-size: inherit; padding: 0;
}
.cloudinary-gallery-container { position: relative; overflow: hidden;
}
@media (min-width: 769px) { .cloudinary-gallery-container { position: sticky; margin-bottom: calc(24px * 2); }
}
@media (max-width: 768.98px) { .cloudinary-gallery-container { top: 0 !important; }
}
.cloudinary-gallery-container #qv-cld-gallery .css-15r2t8e,
.cloudinary-gallery-container #cld-gallery .css-15r2t8e { width: 24px;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev],
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next],
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev],
.cloudinary-gallery-container #cld-gallery [data-test=nav-next] { opacity: 1; border-radius: 50%; border: 2px solid #FEFEFE; background-color: #ECF1F4; width: 32px; height: 32px; min-width: 32px; min-height: 32px;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev] [data-test=svg-image],
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next] [data-test=svg-image],
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev] [data-test=svg-image],
.cloudinary-gallery-container #cld-gallery [data-test=nav-next] [data-test=svg-image] { display: none;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev],
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev] { left: 5px;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev]:before,
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev]:before { content: "\E904"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #0A2541; font-weight: normal;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev][class*=btn-]:not(.title),
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev][class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev][class*=btn-]:not(.title):before,
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev][class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev][class*=btn-]:not(.title).btn-sm, .cloudinary-gallery-container #qv-cld-gallery .btn-group-sm > [data-test=nav-prev][class*=btn-].btn:not(.title),
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev][class*=btn-]:not(.title).btn-sm,
.cloudinary-gallery-container #cld-gallery .btn-group-sm > [data-test=nav-prev][class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev][class*=btn-]:not(.title).btn-sm:before, .cloudinary-gallery-container #qv-cld-gallery .btn-group-sm > [data-test=nav-prev][class*=btn-].btn:not(.title):before,
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev][class*=btn-]:not(.title).btn-sm:before,
.cloudinary-gallery-container #cld-gallery .btn-group-sm > [data-test=nav-prev][class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev][class*=btn-]:not(.title) [class*=icon-],
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev][class*=btn-]:not(.title) [class^=icon-],
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev][class*=btn-]:not(.title) .fa,
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev][class*=btn-]:not(.title) [class*=icon-],
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev][class*=btn-]:not(.title) [class^=icon-],
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev][class*=btn-]:not(.title) .fa { display: none;
}
@media (min-width: 544px) { .cloudinary-gallery-container #qv-cld-gallery [data-test=nav-prev],
.cloudinary-gallery-container #cld-gallery [data-test=nav-prev] { left: 10px; }
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next],
.cloudinary-gallery-container #cld-gallery [data-test=nav-next] { right: 5px;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next]:before,
.cloudinary-gallery-container #cld-gallery [data-test=nav-next]:before { content: "\E906"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #0A2541; font-weight: normal;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next][class*=btn-]:not(.title),
.cloudinary-gallery-container #cld-gallery [data-test=nav-next][class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next][class*=btn-]:not(.title):before,
.cloudinary-gallery-container #cld-gallery [data-test=nav-next][class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next][class*=btn-]:not(.title).btn-sm, .cloudinary-gallery-container #qv-cld-gallery .btn-group-sm > [data-test=nav-next][class*=btn-].btn:not(.title),
.cloudinary-gallery-container #cld-gallery [data-test=nav-next][class*=btn-]:not(.title).btn-sm,
.cloudinary-gallery-container #cld-gallery .btn-group-sm > [data-test=nav-next][class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next][class*=btn-]:not(.title).btn-sm:before, .cloudinary-gallery-container #qv-cld-gallery .btn-group-sm > [data-test=nav-next][class*=btn-].btn:not(.title):before,
.cloudinary-gallery-container #cld-gallery [data-test=nav-next][class*=btn-]:not(.title).btn-sm:before,
.cloudinary-gallery-container #cld-gallery .btn-group-sm > [data-test=nav-next][class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next][class*=btn-]:not(.title) [class*=icon-],
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next][class*=btn-]:not(.title) [class^=icon-],
.cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next][class*=btn-]:not(.title) .fa,
.cloudinary-gallery-container #cld-gallery [data-test=nav-next][class*=btn-]:not(.title) [class*=icon-],
.cloudinary-gallery-container #cld-gallery [data-test=nav-next][class*=btn-]:not(.title) [class^=icon-],
.cloudinary-gallery-container #cld-gallery [data-test=nav-next][class*=btn-]:not(.title) .fa { display: none;
}
@media (min-width: 544px) { .cloudinary-gallery-container #qv-cld-gallery [data-test=nav-next],
.cloudinary-gallery-container #cld-gallery [data-test=nav-next] { right: 10px; }
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev],
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next],
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev],
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] { margin: 0;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button,
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button { height: 28px;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button:disabled,
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button:disabled,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button:disabled,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button:disabled { transition: height 200ms ease-out; opacity: 0;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button svg,
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button svg,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button svg,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button svg { display: none;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button:disabled,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button:disabled { height: 0;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button:after,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button:after { content: "\E909"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title),
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title):after,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title).btn-sm, .cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] .btn-group-sm > button[class*=btn-].btn:not(.title),
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title).btn-sm,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] .btn-group-sm > button[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title).btn-sm:after, .cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] .btn-group-sm > button[class*=btn-].btn:not(.title):after,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title).btn-sm:after,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] .btn-group-sm > button[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title) [class*=icon-],
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title) [class^=icon-],
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title) .fa,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title) [class*=icon-],
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title) [class^=icon-],
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-prev] button[class*=btn-]:not(.title) .fa { display: none;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button:after,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button:after { content: "\E903"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title),
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title):after,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title).btn-sm, .cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] .btn-group-sm > button[class*=btn-].btn:not(.title),
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title).btn-sm,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] .btn-group-sm > button[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title).btn-sm:after, .cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] .btn-group-sm > button[class*=btn-].btn:not(.title):after,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title).btn-sm:after,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] .btn-group-sm > button[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title) [class*=icon-],
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title) [class^=icon-],
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title) .fa,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title) [class*=icon-],
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title) [class^=icon-],
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=carousel-nav-next] button[class*=btn-]:not(.title) .fa { display: none;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=slide-item-wrap] .thumbnails-wrap,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=slide-item-wrap] .thumbnails-wrap { align-items: flex-start;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=slide-item-wrap] .assetWrapper,
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=slide-item-wrap] .assetWrapper { border: none;
}
.cloudinary-gallery-container #qv-cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=selected-wrap],
.cloudinary-gallery-container #cld-gallery [data-test=gallery-thumbnail-wrap] [data-test=selected-wrap] { background-image: none; border-left: none; border-bottom: 2px solid #0A2541; box-shadow: inset 0px -3px 0px white; top: auto; bottom: 0;
}
@media (max-width: 768.98px) { .cloudinary-gallery-container [data-test=gallery-spacer] { height: 0; } .cloudinary-gallery-container [data-test=gallery-thumbnail-wrap] { justify-content: stretch; height: 2px; margin-top: 12px; margin-bottom: 16px; } .cloudinary-gallery-container [data-test=indicators-wrap] { width: 100%; height: 2px; } .cloudinary-gallery-container [data-test=indicators-wrap] > div { width: 100%; justify-content: space-evenly; } .cloudinary-gallery-container [data-test=indicators-wrap] > div > div { width: 100%; height: 2px; margin: 0; border-radius: 0; background: #ECF1F4; } .cloudinary-gallery-container [data-test=indicators-wrap] > div > div[selected=true] { background: #134981; } .cloudinary-gallery-container [data-test=zoom-media-icon-wrap] [data-test=tip-wrap] { font-family: "Poppins", sans-serif; font-size: 12px; background-color: rgba(10, 37, 65, 0.45); border-radius: 4px; }
}
.cloudinary-gallery-container .custom-badges,
.cloudinary-gallery-container .press-badges { display: inline-flex; flex-wrap: wrap; gap: 8px; position: absolute; left: 10px;
}
@media (min-width: 769px) { .cloudinary-gallery-container .custom-badges,
.cloudinary-gallery-container .press-badges { left: calc(56px + 24px + 16px); }
}
.cloudinary-gallery-container .custom-badges { position: absolute; top: 10px; max-width: 300px;
}
@media (min-width: 769px) { .cloudinary-gallery-container .custom-badges { top: 18px; max-width: 100%; }
}
.cloudinary-gallery-container .press-badges { position: absolute; bottom: calc(16px + 2px + 10px + 12px);
}
@media (min-width: 769px) { .cloudinary-gallery-container .press-badges { bottom: 18px; }
}
.cloudinary-gallery-container .press-badges img { height: auto; width: 46px;
}
@media (min-width: 769px) { .cloudinary-gallery-container .press-badges img { width: 80px; }
}
@media (min-width: 1024px) { .cloudinary-gallery-container .wishlist-toggle-product .wishlist-icon { width: 28px; height: 28px; } .cloudinary-gallery-container .wishlist-toggle-product .wishlist-icon.selected::before, .cloudinary-gallery-container .wishlist-toggle-product .wishlist-icon::before { font-size: 16px; }
}
.swatch-preview { text-align: left;
}
@media (min-width: 1024px) { .swatch-preview { padding: calc(16px / 2) 0; } .swatch-preview .swatch-preview-text { width: 144px; margin-top: calc(16px / 2); }
}
.swatch-preview .swatch-preview-image { width: 88px; height: 88px;
}
@media (min-width: 1024px) { .swatch-preview .swatch-preview-image { width: 144px; height: 144px; }
}
.swatch-preview .swatch-preview-image.color-White { border: 1px solid #DBDBDB;
}
.swatch-preview .swatch-preview-name { margin-bottom: 0;
}
.swatch-preview .swatch-preview-description { color: #545454;
}
@media (max-width: 1023.98px) { .swatch-preview .swatch-preview-description { margin-top: 4px; }
}
@media (max-width: 1023.98px) { .swatch-preview-container { position: relative; min-height: 88px; margin-bottom: 16px; }
}
.swatch-preview-container .swatch-preview { display: flex;
}
.swatch-preview-container .swatch-preview-text { display: flex; flex-direction: column; justify-content: center; padding-left: 12px;
}
.swatch-preview-container .tooltip { transform: none !important; padding: 0; z-index: 0;
}
.swatch-preview-container .tooltip-inner { background: transparent; border-radius: 0; padding: 0; box-shadow: none; max-width: none; text-align: left;
}
.swatch-preview-container .arrow { display: none;
}
.monogram-experience .monogram-attribute-label,
.monogram-confirmation .monogram-attribute-label { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; line-height: 1.4; margin-bottom: 10px;
}
.monogram-experience .monogram-attribute-label [class*=display-value],
.monogram-confirmation .monogram-attribute-label [class*=display-value] { font-weight: 400; color: #545454;
}
@media (min-width: 769px) { .monogram-experience .monogram-attribute-label,
.monogram-confirmation .monogram-attribute-label { font-size: 14px; }
}
.monogram-experience .monogram-text-overlay,
.monogram-confirmation .monogram-text-overlay { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); z-index: 1; padding: 24px 16px; min-width: 245px;
}
.monogram-experience .monogram-image,
.monogram-confirmation .monogram-image { display: inline-block; position: relative; max-width: 100%; max-height: 100%; width: auto;
}
.monogram-experience .monogram-swatch,
.monogram-confirmation .monogram-swatch { width: 100%;
}
.monogram-experience .monogram-same-checkbox-wrapper,
.monogram-experience .monogram-section-count { padding: 16px; background: #ECF1F4;
}
.monogram-experience .monogram-same-checkbox-wrapper { padding-right: calc(16px * 2);
}
.monogram-experience .monogram-section-count:not(.d-none) { margin-bottom: 16px;
}
.monogram-experience .monogram-section-count .monogram-personalization { font-weight: 500;
}
.monogram-experience .monogram-section-count p { margin-bottom: 0;
}
.monogram-experience .monogram-images .slider-container { margin-bottom: calc(24px * 2);
}
.monogram-experience .monogram-images .slider-container .tns-ovh { margin-right: -16px;
}
@media (min-width: 769px) { .monogram-experience .monogram-images .slider-container .tns-ovh { margin-right: -48px; }
}
.monogram-experience .monogram-images .slider-container .tns-nav { bottom: calc(24px * -2);
}
.monogram-experience .monogram-images .slider-container .tns-nav button { margin-top: calc(24px - 1px); margin-bottom: calc(24px - 1px);
}
.monogram-experience .monogram-images .slider-container .tns-controls { top: calc(100% + 24px - calc(32px / 2));
}
.monogram-experience .monogram-images .slider-container .slide { vertical-align: middle;
}
.monogram-experience .monogram-images .slider-container .slide::after { display: block; content: ""; clear: both;
}
.monogram-experience .monogram-images .slider-container .slide::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 100%;
}
.monogram-experience .monogram-images .slider-container .slide img { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);
}
.monogram-experience .monogram-images + .monogram-section-single { padding-top: 5px;
}
.monogram-experience .monogram-attribute { padding: 0 0 24px;
}
.monogram-experience .monogram-fonts .monogram-fonts-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px;
}
.monogram-experience .monogram-fonts .monogram-font-item { border: 1px solid #ECECEC; border-radius: 24px; overflow: hidden; text-align: center;
}
.monogram-experience .monogram-fonts .monogram-font-item img { width: auto; max-height: 34px;
}
.monogram-experience .monogram-fonts .monogram-font-item.monogram-option-selected { border-color: #0A2541;
}
.monogram-experience .monogram-style .monogram-style-container { display: flex; gap: 8px;
}
.monogram-experience .monogram-style .monogram-style-item button { border: 1px solid #ECECEC; border-radius: 24px; font-size: 14px; padding: 7px 12px;
}
.monogram-experience .monogram-style .monogram-style-item.monogram-option-selected button { border-color: #0A2541;
}
.monogram-experience .monogram-colors .monogram-color-container { display: flex; flex-wrap: wrap; gap: 8px;
}
.monogram-experience .monogram-colors .monogram-color-item { display: flex;
}
.monogram-experience .monogram-colors .monogram-color-item .monogram-color-button span { border-radius: 50%; overflow: hidden; display: block; height: 38px; width: 38px;
}
.monogram-experience .monogram-colors .monogram-color-item .monogram-color-button span:hover { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #0A2541;
}
.monogram-experience .monogram-colors .monogram-color-item.monogram-option-selected .monogram-color-button span { box-shadow: 0 0 0 4px #FEFEFE, 0 0 0 5px #0A2541; transform: scale(0.8);
}
.monogram-experience .monogram-colors .monogram-color-item.monogram-option-selected .monogram-color-button span:hover { padding: 0;
}
.monogram-experience .monogram-button-container { padding-bottom: 16px; text-align: center;
}
.monogram-applied-items { margin-top: -1px;
}
.monogram-confirmation { display: flex;
}
.monogram-confirmation .monogram-confirmation-image { width: 120px;
}
.monogram-confirmation .monogram-image { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); max-width: calc(100% - (16px * 2));
}
.monogram-confirmation .monogram-selections { width: calc(100% - 120px);
}
.monogram-confirmation .monogram-img-selection { position: relative;
}
.monogram-confirmation .monogram-text-overlay { min-height: 40px; min-width: 120px; padding: 16px;
}
.monogram-confirmation .monogram-swatch-text,
.monogram-confirmation .monogram-swatch-text-error { display: none;
}
.shop-collection { padding: 24px 16px 16px; margin-top: 24px; background: #F9F7F6; position: relative;
}
@media (max-width: 768.98px) { .shop-collection { margin-left: -16px; margin-right: -16px; }
}
@media (min-width: 769px) { .shop-collection { margin-bottom: calc(24px * 2); }
}
.shop-collection .shop-collection-header { padding-bottom: calc(16px / 2);
}
.shop-collection .shop-collection-header p { margin-bottom: calc(16px / 2);
}
.shop-collection .shop-collection-header h2 { font-size: 18px;
}
@media (min-width: 1024px) { .shop-collection .shop-collection-header h2 { font-size: 24px; }
}
.shop-collection .shop-collection-subheader { font-size: 12px;
}
@media (min-width: 1024px) { .shop-collection .shop-collection-subheader { font-size: 14px; }
}
.shop-collection .shop-collection-products .shop-collection-tile { border: 1px solid #ECECEC; padding: 20px 36px; background: transparent; transition: background 200ms;
}
.shop-collection .shop-collection-products .shop-collection-tile:not(.selected) .shop-collection-tile-header .product-name,
.shop-collection .shop-collection-products .shop-collection-tile:not(.selected) .shop-collection-tile-header .price { color: #545454;
}
.shop-collection .shop-collection-products .shop-collection-tile:not(.selected) .shop-collection-tile-attrs .attribute label { color: #545454;
}
.shop-collection .shop-collection-products .shop-collection-tile:not(.selected) .shop-collection-tile-attrs .attribute .custom-select,
.shop-collection .shop-collection-products .shop-collection-tile:not(.selected) .shop-collection-tile-attrs .attribute select,
.shop-collection .shop-collection-products .shop-collection-tile:not(.selected) .shop-collection-tile-footer .custom-select,
.shop-collection .shop-collection-products .shop-collection-tile:not(.selected) .shop-collection-tile-footer select { border-color: #DBDBDB; color: #545454; background-image: url(../images/icons/icon-arrow-down-dark-gray.svg);
}
.shop-collection .shop-collection-products .shop-collection-tile:not(.selected) .shop-collection-tile-footer .availability-msg { color: #545454;
}
.shop-collection .shop-collection-products .shop-collection-tile.selected { background: #FEFEFE;
}
.shop-collection .shop-collection-products .shop-collection-tile.selected .shop-collection-tile-attrs .attribute .custom-select,
.shop-collection .shop-collection-products .shop-collection-tile.selected .shop-collection-tile-attrs .attribute select,
.shop-collection .shop-collection-products .shop-collection-tile.selected .shop-collection-tile-footer .custom-select,
.shop-collection .shop-collection-products .shop-collection-tile.selected .shop-collection-tile-footer select { border-color: #0A2541;
}
.shop-collection .shop-collection-products .shop-collection-tile + .shop-collection-tile { margin-top: -1px;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header { display: flex; align-items: center; position: relative;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .tile-container-checkbox { position: absolute; top: 50%; transform: translateY(-50%); padding: 0;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .tile-container-checkbox .custom-control-input { position: absolute; top: 50%; transform: translateY(-50%); left: -36px; width: 109px; height: 72px; cursor: pointer;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .tile-container-checkbox .custom-control-label::before, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .tile-container-checkbox .custom-control-label::after { top: -5px;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .tile-container-image { margin-right: 8px;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .shop-collection-tile-image { width: 72px; height: 72px;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .product-tile-name-link { text-decoration: none;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .product-tile-name-link:hover { text-decoration: underline;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .product-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-weight: 500; letter-spacing: -0.01em; font-size: 15px; margin-bottom: 0;
}
@media (min-width: 769px) { .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .product-name { font-size: 16px; }
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .prices { margin: 4px 0 0;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .prices .price { letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .prices .price { font-size: 12px; }
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .prices .pdp-default-pricing { display: flex; gap: 4px;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .prices .pdp-default-pricing .sales { order: 1;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .prices .pdp-default-pricing .savings-container { order: 2;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .prices .clearance-label { display: none;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .prices .price-from { display: none;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .prices .price-saved { display: none;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions { margin-top: 4px;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover) { letter-spacing: 0.01em; font-size: 11px; background-color: #ECF1F4; border-radius: 3px; color: #0A2541; font-weight: 500; padding: 4px 8px; display: inline-block; text-align: left; text-decoration: none;
}
@media (min-width: 1024px) { .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover) { font-size: 12px; }
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover)[data-toggle=popover]:after, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).launch-promo-modal:after { content: "\E91C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title), .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title):after, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title).btn-sm, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .btn-group-sm > .promotion.btn:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title), .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title).btn-sm, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .btn-group-sm > .promotion.btn:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title) { padding-right: calc(23px + 16px);
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title).btn-sm:after, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .btn-group-sm > .promotion.btn:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title):after, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title).btn-sm:after, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .btn-group-sm > .promotion.btn:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title) [class*=icon-],
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title) [class^=icon-],
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover)[data-toggle=popover][class*=btn-]:not(.title) .fa, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title) [class*=icon-],
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title) [class^=icon-],
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).launch-promo-modal[class*=btn-]:not(.title) .fa { display: none;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover)[data-toggle=popover]::after, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).launch-promo-modal::after { vertical-align: top; margin-left: 4px;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).promo-applied { background-color: #D4EDDA; color: #155724;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).promo-applied:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title).btn-sm, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .btn-group-sm > .promotion.btn:not(.has-popover).promo-applied[class*=btn-]:not(.title) { padding-right: calc(23px + 16px);
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title).btn-sm:after, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .btn-group-sm > .promotion.btn:not(.has-popover).promo-applied[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title) [class*=icon-],
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title) [class^=icon-],
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-header .promotions .promotion:not(.has-popover).promo-applied[class*=btn-]:not(.title) .fa { display: none;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-attrs { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px;
}
@media (min-width: 769px) { .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-attrs { margin-top: 16px; }
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-attrs .attribute { border: none; padding-top: 0; padding-bottom: 0;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-attrs .attribute label { font-size: 12px; font-weight: 400; margin-bottom: 6px;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-attrs .attribute .custom-select,
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-attrs .attribute select { background-color: transparent; cursor: pointer;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-attrs .shop-collection-attr { flex: calc(50% - 6px);
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 12px;
}
@media (min-width: 769px) { .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer { margin-top: 16px; }
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .quantity { margin-bottom: 0;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right { display: flex; flex-direction: column; text-align: right;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container { letter-spacing: 0.01em; font-size: 11px; margin: 0;
}
@media (min-width: 1024px) { .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container { font-size: 12px; }
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container .availability-status-container { display: flex; justify-content: flex-end;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container .availability-status-container .tooltip-icon { margin-left: 0.5em;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container[data-status=backorder] .availability-msg, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container[data-status=preorder] .availability-msg, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container[data-status=lowinstock] .availability-msg, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container[data-status=dropship] .availability-msg, .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container[data-status=madetoorder] .availability-msg { color: #A1001D;
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container .non-input-label { letter-spacing: 0.01em; font-size: 11px;
}
@media (min-width: 1024px) { .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .tile-footer-right .availability-container .non-input-label { font-size: 12px; }
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .product-total-price-container { letter-spacing: 0.01em; font-size: 11px; margin-bottom: 0;
}
@media (min-width: 1024px) { .shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .product-total-price-container { font-size: 12px; }
}
.shop-collection .shop-collection-products .shop-collection-tile .shop-collection-tile-footer .product-total-price-container .product-total-price { font-weight: 500;
}
.shop-collection .shop-collection-products.has-selected ~ .shop-collection-button-container.sticky { position: sticky; bottom: 0; z-index: 1;
}
.shop-collection .shop-collection-products.has-selected ~ .shop-collection-sticky-border { width: calc(100% + (16px * 2)); height: 1px; background-color: #DBDBDB; position: sticky; bottom: 80px; margin-left: -16px; margin-right: -16px; margin-bottom: -1px;
}
.shop-collection .shop-collection-footer { margin-top: 12px;
}
@media (min-width: 769px) { .shop-collection .shop-collection-footer { margin-top: 16px; }
}
.shop-collection .shop-collection-footer .shop-collection-totals-container { display: flex; justify-content: space-between;
}
.shop-collection .shop-collection-footer .shop-collection-totals-container label { margin-bottom: 0;
}
.shop-collection .shop-collection-footer .shop-collection-totals-container .shop-collection-price { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; line-height: 1.4; margin-bottom: 0;
}
.shop-collection .shop-collection-footer .shop-collection-totals-container .shop-collection-price [class*=display-value] { font-weight: 400; color: #545454;
}
@media (min-width: 769px) { .shop-collection .shop-collection-footer .shop-collection-totals-container .shop-collection-price { font-size: 14px; }
}
.shop-collection .shop-collection-button-container { padding: 16px; background: #F9F7F6; margin-left: -16px; margin-right: -16px;
}
.quantity-dropdown-container { position: relative;
}
.quantity-dropdown { text-align: left; white-space: nowrap; text-decoration: none; min-width: 60px;
}
.quantity-dropdown:hover { text-decoration: none; color: inherit;
}
.quantity-dropdown-popover { max-width: none; width: 100%; margin-top: 0; border-radius: 4px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16); border: 1px solid #DBDBDB;
}
.quantity-dropdown-popover .popover-body { padding: 5px;
}
.quantity-dropdown-content { scrollbar-width: thin; scrollbar-color: #0A2541 #ECF1F4; overflow-x: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; max-height: 300px; display: flex; flex-direction: column;
}
.quantity-dropdown-content::-webkit-scrollbar { height: 2px; width: 2px;
}
.quantity-dropdown-content::-webkit-scrollbar-thumb { background-color: #0A2541; border-radius: 9999px;
}
.quantity-dropdown-content::-webkit-scrollbar-track { background-color: #ECF1F4;
}
.quantity-dropdown-content .quantity-dropdown-option { display: flex; align-items: center; margin-right: 5px; padding: 0 12px;
}
.quantity-dropdown-content .quantity-dropdown-option + .quantity-dropdown-option { border-top: 1px solid #ECECEC;
}
.quantity-dropdown-content .quantity-dropdown-option:hover .quantity-dropdown-value { color: #0A2541;
}
.quantity-dropdown-content .quantity-dropdown-option.selected .quantity-dropdown-value { padding-right: 5px;
}
.quantity-dropdown-content .quantity-dropdown-option.selected .quantity-dropdown-value:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #0A2541; font-weight: normal;
}
.quantity-dropdown-content .quantity-dropdown-option.selected .quantity-dropdown-value[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.quantity-dropdown-content .quantity-dropdown-option.selected .quantity-dropdown-value[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.quantity-dropdown-content .quantity-dropdown-option.selected .quantity-dropdown-value[class*=btn-]:not(.title).btn-sm, .quantity-dropdown-content .quantity-dropdown-option.selected .btn-group-sm > .quantity-dropdown-value[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.quantity-dropdown-content .quantity-dropdown-option.selected .quantity-dropdown-value[class*=btn-]:not(.title).btn-sm:after, .quantity-dropdown-content .quantity-dropdown-option.selected .btn-group-sm > .quantity-dropdown-value[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.quantity-dropdown-content .quantity-dropdown-option.selected .quantity-dropdown-value[class*=btn-]:not(.title) [class*=icon-],
.quantity-dropdown-content .quantity-dropdown-option.selected .quantity-dropdown-value[class*=btn-]:not(.title) [class^=icon-],
.quantity-dropdown-content .quantity-dropdown-option.selected .quantity-dropdown-value[class*=btn-]:not(.title) .fa { display: none;
}
.quantity-dropdown-content .quantity-dropdown-option.selected .quantity-dropdown-value::after { position: absolute; top: 50%; transform: translateY(-50%); right: -10px;
}
.quantity-dropdown-content .quantity-dropdown-value { width: 100%; padding: 12px 0; color: #545454; font-size: 12px; letter-spacing: 0.02em; line-height: 1.3em; text-align: left; position: relative; color: #0A2541;
}
.swatch-dropdown-container { position: relative;
}
.swatch-dropdown { text-align: left; white-space: nowrap; text-decoration: none;
}
.swatch-dropdown:hover { text-decoration: none; color: inherit;
}
.swatch-dropdown-popover { max-width: none; width: 100%; margin-top: 0; border-radius: 4px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16); border: 1px solid #DBDBDB;
}
.swatch-dropdown-popover .popover-body { padding: 5px;
}
.swatch-dropdown-content { scrollbar-width: thin; scrollbar-color: #0A2541 #ECF1F4; overflow-x: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; max-height: 300px; display: flex; flex-direction: column;
}
.swatch-dropdown-content::-webkit-scrollbar { height: 2px; width: 2px;
}
.swatch-dropdown-content::-webkit-scrollbar-thumb { background-color: #0A2541; border-radius: 9999px;
}
.swatch-dropdown-content::-webkit-scrollbar-track { background-color: #ECF1F4;
}
.swatch-dropdown-content .swatch-dropdown-attribute { display: flex; align-items: center; margin-right: 5px; padding: 0 12px;
}
.swatch-dropdown-content .swatch-dropdown-attribute.unselectable { pointer-events: none;
}
.swatch-dropdown-content .swatch-dropdown-attribute.unselectable .swatch-dropdown-value.non-color, .swatch-dropdown-content .swatch-dropdown-attribute.unavailable .swatch-dropdown-value.non-color { text-decoration: line-through;
}
.swatch-dropdown-content .swatch-dropdown-attribute:disabled, .swatch-dropdown-content .swatch-dropdown-attribute[disabled] { opacity: 1;
}
.swatch-dropdown-content .swatch-dropdown-attribute + .swatch-dropdown-attribute { border-top: 1px solid #ECECEC;
}
.swatch-dropdown-content .swatch-dropdown-attribute:hover .swatch-dropdown-value { color: #0A2541;
}
.swatch-dropdown-content .swatch { background-image: var(--swatch-image); width: 24px; min-width: 24px; height: 24px; margin: 8px 8px 8px 0;
}
.swatch-dropdown-content .swatch.swatch-thumbnail.color-value.unselectable { pointer-events: none;
}
.swatch-dropdown-content .swatch.selected + .swatch-dropdown-value { color: #0A2541; padding-right: 5px;
}
.swatch-dropdown-content .swatch.selected + .swatch-dropdown-value:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #0A2541; font-weight: normal;
}
.swatch-dropdown-content .swatch.selected + .swatch-dropdown-value[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.swatch-dropdown-content .swatch.selected + .swatch-dropdown-value[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.swatch-dropdown-content .swatch.selected + .swatch-dropdown-value[class*=btn-]:not(.title).btn-sm, .swatch-dropdown-content .btn-group-sm > .swatch.selected + .swatch-dropdown-value[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.swatch-dropdown-content .swatch.selected + .swatch-dropdown-value[class*=btn-]:not(.title).btn-sm:after, .swatch-dropdown-content .btn-group-sm > .swatch.selected + .swatch-dropdown-value[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.swatch-dropdown-content .swatch.selected + .swatch-dropdown-value[class*=btn-]:not(.title) [class*=icon-],
.swatch-dropdown-content .swatch.selected + .swatch-dropdown-value[class*=btn-]:not(.title) [class^=icon-],
.swatch-dropdown-content .swatch.selected + .swatch-dropdown-value[class*=btn-]:not(.title) .fa { display: none;
}
.swatch-dropdown-content .swatch.selected + .swatch-dropdown-value::after { position: absolute; top: 50%; transform: translateY(-50%); right: -10px;
}
.swatch-dropdown-content .swatch.non-color { display: none;
}
.swatch-dropdown-content .swatch-dropdown-value { width: calc(100% - 24px - 8px); color: #545454; font-size: 12px; letter-spacing: 0.02em; line-height: 1.3em; text-align: left; position: relative;
}
.swatch-dropdown-content .swatch-dropdown-value.non-color { width: 100%; padding: 12px 0;
}
.search-nav { margin-top: 16px; margin-bottom: 16px; padding-left: 16px; padding-right: 16px; border-bottom: 1px solid #767676;
}
.search-nav.hide-search-tabs { display: none;
}
.search-nav .nav-tabs-wrapper { padding: 0; width: 100%;
}
.search-nav .nav-tabs-wrapper .nav-link.active { background-color: #FEFEFE;
}
@media (min-width: 544px) { .search-nav .nav-tabs-wrapper { width: auto; }
}
.search-results .show-more,
.search-results .show-more-content { padding: 16px 0; clear: both;
}
.search-results .search-keywords { font-weight: bold;
}
.search-results .category-item { margin-bottom: 16px;
}
.search-results .tab-pane.active:focus { outline: none;
}
.grid-header,
.content-grid-header { margin-bottom: 16px;
}
@media (min-width: 1024px) { .grid-header,
.content-grid-header { margin-bottom: 0; }
}
.grid-header .breadcrumb-container > .row,
.content-grid-header .breadcrumb-container > .row { align-items: center; height: 100%;
}
@media (min-width: 1024px) { .grid-header .breadcrumb,
.content-grid-header .breadcrumb { margin-bottom: 0; }
}
.grid-header .result-count p,
.content-grid-header .result-count p { margin-bottom: 16px;
}
@media (min-width: 544px) { .grid-header .result-count p,
.content-grid-header .result-count p { margin-bottom: 0; }
}
.grid-header .filter-results,
.grid-header select,
.content-grid-header .filter-results,
.content-grid-header select { width: 100%;
}
@media (min-width: 1024px) { .content-grid-header { margin-top: 24px; }
}
.filter-header { margin-left: -16px; margin-right: -16px;
}
.header-bar { background-color: #FEFEFE; border-bottom: 1px solid transparent; padding: 20px;
}
.header-bar button.close { line-height: 75%; margin: 0; padding: 0; text-shadow: none; opacity: 1;
}
.header-bar button.close:after { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.header-bar button.close[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.header-bar button.close[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.header-bar button.close[class*=btn-]:not(.title).btn-sm, .header-bar .btn-group-sm > button.close[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.header-bar button.close[class*=btn-]:not(.title).btn-sm:after, .header-bar .btn-group-sm > button.close[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.header-bar button.close[class*=btn-]:not(.title) [class*=icon-],
.header-bar button.close[class*=btn-]:not(.title) [class^=icon-],
.header-bar button.close[class*=btn-]:not(.title) .fa { display: none;
}
.header-bar button.close span { display: none;
}
.header-bar .result-count { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; color: #0A2541;
}
@media (min-width: 769px) { .header-bar .result-count { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .header-bar .result-count { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.filter-bar ul { padding-left: 16px; margin: 0;
}
@media (min-width: 1440px) { .filter-bar ul { padding-left: 24px; }
}
.filter-bar li { list-style: none; float: left; margin-right: 5px; margin-bottom: 16px;
}
.filter-bar li:not(:first-child) { margin-left: 5px;
}
.filter-bar li.filter-value { position: relative;
}
.filter-bar li.filter-value button { color: #222222; background: #FEFEFE; font-size: 12px; font-weight: 400; line-height: 1; border: 1px solid #D8D8D8; border-radius: 24px; padding-top: 8px; padding-right: 25px; padding-bottom: 7px; padding-left: 10px;
}
.filter-bar li.filter-value button:after { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: inherit; font-weight: normal;
}
.filter-bar li.filter-value button[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title).btn-sm, .filter-bar li.filter-value .btn-group-sm > button[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title).btn-sm:after, .filter-bar li.filter-value .btn-group-sm > button[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title) [class*=icon-],
.filter-bar li.filter-value button[class*=btn-]:not(.title) [class^=icon-],
.filter-bar li.filter-value button[class*=btn-]:not(.title) .fa { display: none;
}
.filter-bar li.filter-value button:after { position: absolute; top: 50%; transform: translateY(-50%); right: 5px;
}
.filter-bar li.filter-value button:hover { color: black;
}
.filter-bar .result-count { padding: calc(16px / 2) 0; margin-left: auto; margin-right: auto; margin-bottom: 16px;
}
.filter-bar .result-count:not(:only-child) { margin-right: 16px;
}
@media (min-width: 1440px) { .filter-bar .result-count:not(:only-child) { margin-right: 24px; }
}
.filter-bar .result-count p { margin-bottom: 0;
}
.refinement-bar { overflow: auto;
}
@media (min-width: 1024px) { .refinement-bar.sticky-filter-bar { position: sticky; top: 0px; left: 0; z-index: 298; background: #FEFEFE; width: 100%; } .refinement-bar.sticky-filter-bar.sticky-bar-stuck { transition: top 400ms ease-out; overflow: visible; } .refinement-bar.sticky-filter-bar.sticky-bar-stuck:before, .refinement-bar.sticky-filter-bar.sticky-bar-stuck:after { content: ""; position: absolute; top: 0; z-index: -1; height: 100%; width: 100%; left: 0; }
}
@media (min-width: 1024px) and (min-width: 1440px) { .refinement-bar.sticky-filter-bar.sticky-bar-stuck:before, .refinement-bar.sticky-filter-bar.sticky-bar-stuck:after { width: 150vw; left: calc((100vw - 1440px/2) * -1); }
}
@media (min-width: 1024px) { .refinement-bar.sticky-filter-bar.sticky-bar-stuck:before { background-color: #FEFEFE; }
}
@media (min-width: 1024px) { .refinement-bar.sticky-filter-bar.sticky-bar-stuck:after { border-bottom: 0px solid #0A2541; box-shadow: 0 2px 2px rgba(34, 34, 34, 0.2); }
}
.refinement-bar-horizontal { overflow: visible;
}
@media (min-width: 1024px) { .refinement-bar:not([class*=refinement-bar-horizontal]) { margin-top: 16px; } .refinement-bar:not([class*=refinement-bar-horizontal]) + div { margin-top: 16px; }
}
.refinement-bar ul { padding: 0; margin: 0; line-height: 1;
}
.refinement-bar .secondary-bar { list-style-type: none; padding: 0; margin: 0; margin-top: 16px; margin-bottom: 16px;
}
.refinement-bar .secondary-bar li { padding: 0;
}
@media (min-width: 1024px) { .refinement-bar .secondary-bar { margin-top: 0; }
}
.refinement-bar .secondary-bar .secondary-bar-links { text-decoration: none; line-height: 1.4; padding: 8px 0; display: block; width: 100%;
}
.refinement-bar .secondary-bar li:last-child .secondary-bar-links { text-align: right;
}
@media (max-width: 1023.98px) { .refinement-bar { position: fixed; transform: translateX(-100%); transition: transform 200ms ease-out; top: 0; left: 0; display: block; width: 350px; height: calc(100vh - 70px); background-color: #FEFEFE; z-index: 450; overflow-x: hidden; overflow-y: auto; padding-bottom: 200px; } .refinement-bar.in { transform: translateX(0); }
}
@media (max-width: 768.98px) { .refinement-bar { height: calc(100vh - 54px); }
}
@media (max-width: 543.98px) { .refinement-bar { width: calc(100% - 50px); max-width: 350px; }
}
.refinements > .card:last-child { border-bottom: none;
}
.refinements .values.content { font-size: 0; display: flex; flex-wrap: wrap;
}
.refinements .values.content li { padding-left: 0; padding-bottom: 16px; display: block; max-width: 100%;
}
.refinements .values.content li.col-sm-4 { width: 100%; flex-basis: 100%;
}
.refinements .values.content button { border: none; background: none; padding: 0; text-align: left;
}
.refinements .values.content button:hover i.fa { box-shadow: 0 0 0 1px #0A2541;
}
.refinements .values.content button:hover .swatch-circle { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #767676;
}
.refinements .values.content button span { font-size: 12px; display: inline-block; vertical-align: middle;
}
.refinements .values.content button span:not(.color-value) { margin-right: 12px;
}
.refinements .values.content button span.unselectable.swatch-circle:hover { box-shadow: none;
}
.refinements .values.content button span.non-color-swatch-value { position: relative; color: #0A2541; background: #FEFEFE; border: 1px solid #ECECEC; border-radius: 24px; padding: 7px 12px; display: block; min-width: 44px; line-height: 1.4; text-align: center; margin-right: 10px;
}
.refinements .values.content button span.non-color-swatch-value.color-value { transition: all 200ms ease-out;
}
.refinements .values.content button span.non-color-swatch-value.color-value:hover { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #767676;
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected { box-shadow: 0 0 0 calc(3px - 1px) #FEFEFE, 0 0 0 3px #222222;
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FEFEFE; font-weight: normal;
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title).btn-sm, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.color-value.selected[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title).btn-sm:after, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.color-value.selected[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title) [class*=icon-],
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title) [class^=icon-],
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title) .fa { display: none;
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected::after { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); display: none; background: rgba(34, 34, 34, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1;
}
.refinements .values.content button span.non-color-swatch-value.color-value.unselectable:before, .refinements .values.content button span.non-color-swatch-value.color-value.unselectable:after, .refinements .values.content button span.non-color-swatch-value.color-value.unavailable:before, .refinements .values.content button span.non-color-swatch-value.color-value.unavailable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.refinements .values.content button span.non-color-swatch-value.color-value.unselectable:after, .refinements .values.content button span.non-color-swatch-value.color-value.unavailable:after { background-color: #D8D8D8; width: 1px;
}
.refinements .values.content button span.non-color-swatch-value.color-value.unselectable:before, .refinements .values.content button span.non-color-swatch-value.color-value.unavailable:before { background-color: #FEFEFE; width: 5px;
}
.refinements .values.content button span.non-color-swatch-value.color-value.unselectable, .refinements .values.content button span.non-color-swatch-value.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative;
}
.refinements .values.content button span.non-color-swatch-value.color-value.unselectable { cursor: not-allowed;
}
.refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock:before, .refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock:after { background-color: #D8D8D8; width: 1px;
}
.refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock:before { background-color: #FEFEFE; width: 5px;
}
.refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock.selected:after { display: block;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value:not(.unselectable):hover { border-color: #DBDBDB; box-shadow: none;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover { background: #FEFEFE; color: #0A2541; border-color: #0A2541; box-shadow: none;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FEFEFE; font-weight: normal;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title), .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title):after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-].btn:not(.title), .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm { padding-right: calc(23px + 16px);
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm:after, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-].btn:not(.title):after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title) [class*=icon-],
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title) [class^=icon-],
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title) .fa, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class*=icon-],
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class^=icon-],
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) .fa { display: none;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected::after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(16px / -3); right: calc(16px / -3); background: #134981; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.unselectable, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.unavailable { color: #545454; text-decoration: line-through; position: relative;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.unselectable { cursor: not-allowed;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.out-of-stock.selected:after { display: block;
}
.refinements .values.content button i.fa { position: relative; vertical-align: middle; margin-right: 12px; transition: box-shadow 200ms ease-out;
}
.refinements .values.content button i.fa-circle-o { content: ""; width: 16px; height: 16px; border: 1px solid #0A2541; border-radius: 50%; background-color: #FEFEFE;
}
.refinements .values.content button i.fa-check-circle { width: 16px; height: 16px; border-radius: 50%; background-color: #FEFEFE; border: 1px solid #0A2541;
}
.refinements .values.content button i.fa-check-circle:after { content: ""; background: none; width: 10px; height: 10px; top: calc(6px/ 2); left: calc(-24px + 6px/ 2); background-color: #0A2541; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); left: auto;
}
.refinements .values.content button i.fa-square-o { content: ""; width: 16px; height: 16px; border: 1px solid #0A2541; background-color: #FEFEFE; border-radius: 2px;
}
.refinements .values.content button i.fa-check-square { content: ""; width: 16px; height: 16px; background-color: #0A2541; border: 1px solid #0A2541; border-radius: 2px;
}
.refinements .values.content button i.fa-check-square:after { content: "\E90C"; width: 16px; height: 16px; line-height: calc(16px + 1px); background: none; font-family: "icomoon"; font-size: 16px; text-align: center; color: #FEFEFE; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); left: auto;
}
.refinements .values.content .swatches-vertical { flex-basis: 100%;
}
.refinements .values.content .swatches-grid { padding-bottom: 10px;
}
.refinements .refinement-category .values.content { flex-direction: column;
}
.refinements .refinement-category .values li { display: block;
}
.refinements .refinement-category .values .values { margin-left: 24px; margin-top: 3px;
}
.refinements .refinement-category .values .values li { padding-top: 16px; padding-bottom: 0;
}
.refinements .swatch-color-text { max-width: calc(100% - 16px - 12px); min-width: 0; padding-left: 12px;
}
@media (min-width: 1024px) { .refinement-bar-horizontal .horizontal-filter-btn.custom-select,
.refinement-bar-horizontal select.horizontal-filter-btn { width: auto; } .horizontal-multipledropdowns-filter-refinement.card.aside { height: 44px; border-top: 1px solid #0A2541; border-bottom: 1px solid #0A2541; border-left: 1px solid #0A2541; border-right: 1px solid #0A2541; min-width: 150px; margin-right: 10px; margin-bottom: 0; } .horizontal-multipledropdowns-filter-refinement.card.aside.refinement-category .values.content { margin-left: 0; margin-top: 0; } .horizontal-multipledropdowns-filter-refinement.card.aside.refinement-category .values.content.values li { padding-top: 0; } .refinements .horizontal-multipledropdowns-filter-dropdown-menu .refinement-category .values.content button { padding-bottom: 20px; } .horizontal-multipledropdowns-filter-dropdown-menu { min-width: 300px; margin-top: 0; padding: 16px; overflow: auto; max-height: 500px; scrollbar-width: thin; scrollbar-color: #D8D8D8 #F6F6F6; } .horizontal-multipledropdowns-filter-dropdown-menu::-webkit-scrollbar { height: 8px; width: 8px; } .horizontal-multipledropdowns-filter-dropdown-menu::-webkit-scrollbar-thumb { background-color: #D8D8D8; border-radius: 9999px; } .horizontal-multipledropdowns-filter-dropdown-menu::-webkit-scrollbar-track { background-color: #F6F6F6; } .horizontal-multipledropdowns-filter-dropdown-menu .card-body { min-height: 0; } .horizontal-multipledropdowns-filter-dropdown-menu .values.content { margin-left: 0; margin-top: 0; min-height: 0; max-width: 300px; } .horizontal-multipledropdowns-filter-dropdown-menu.show { position: absolute; transform: translate3d(0px, 43px, 0px); top: 0px; left: 0px; will-change: transform; display: block; } .horizontal-multipledropdowns-filter-btn { border: none; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 10px; } .horizontal-multipledropdowns-filter-btn:after { float: right; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements { position: relative; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .refinements-container { padding: 0; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper { max-height: 0px; transition: all 200ms ease-out; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-filters { max-height: 0px; padding: 0 16px; overflow: hidden; transition: all 200ms ease-in-out; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter { display: flex; max-width: 1392px; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement { width: calc(33% - 16px); margin-right: 16px; border: none; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement h4 { padding-bottom: 16px; margin-bottom: 0; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement .card-body { padding: 2px 1px; overflow: auto; scrollbar-width: thin; scrollbar-color: #D8D8D8 #F6F6F6; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement .card-body::-webkit-scrollbar { height: 8px; width: 8px; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement .card-body::-webkit-scrollbar-thumb { background-color: #D8D8D8; border-radius: 9999px; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement .card-body::-webkit-scrollbar-track { background-color: #F6F6F6; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown { display: flex; align-self: flex-start; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown:before { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title) { padding-left: calc(47px + 16px); } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px); } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title).btn-sm, .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .btn-group-sm > .close-one-refinements-dropdown[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px); } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title).btn-sm:before, .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .btn-group-sm > .close-one-refinements-dropdown[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title) [class*=icon-],
.refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title) [class^=icon-],
.refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title) .fa { display: none; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper.active { opacity: 1; max-height: 100vh; padding-bottom: 16px; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper.active .collapse-filters { max-height: 100vh; padding: 16px; margin-top: 15px; border-top: 1px solid #0A2541; border-bottom: 1px solid #0A2541; border-right: 1px solid #0A2541; border-left: 1px solid #0A2541; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper.active .collapse-one-dropdown-filter { margin-top: 16px; border-top: 1px solid #0A2541; border-bottom: 1px solid #0A2541; border-right: 1px solid #0A2541; border-left: 1px solid #0A2541; overflow: hidden; max-height: calc(100vh - 72px - 1em - 17px - 17px - calc(16px * 4)); } .horizontal-onedropdown-filter-btn.title { width: 150px; background-color: transparent; padding-right: 10px; padding-left: 12px; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #0A2541; border-bottom: 1px solid #0A2541; border-right: 1px solid #0A2541; border-left: 1px solid #0A2541; text-align: left; } .collapse-filters-wrapper .horizontal-onedropdown-filter-btn.title::after,
.collapse-filters-wrapper.active .horizontal-onedropdown-filter-btn.title::after { content: ""; display: none; } .horizontal-onedropdown-filter select[name=sort-order] { position: absolute; right: 0; width: 150px; } .horizontal-onedropdown-filter-group { width: 100%; } .horizontal-onedropdown-filter-group .horizontal-onedropdown-filter-btn { background-image: none; display: flex; align-items: center; justify-content: space-between; } .horizontal-onedropdown-filter-group .horizontal-onedropdown-filter-btn .horizontal-onedropdown-filter-btn-arrow { background-image: url(../images/icons/icon-arrow-down.svg); background-size: 9px; width: 12px; height: 12px; } .horizontal-onedropdown-filter-group.active .horizontal-onedropdown-filter-btn-arrow { transform: scaleY(-1); }
}
.horizontal-filter-refinements-bar { padding-top: 16px; padding-bottom: 16px;
}
@media (min-width: 1024px) { .horizontal-filter-refinements-bar .refinements-container { padding: 0; }
}
@media (min-width: 1024px) { .horizontal-filter-refinements-bar .refinements-container select[name=sort-order] { font-size: 12px; }
}
.search-nav { margin-top: 16px; margin-bottom: 16px; padding-left: 16px; padding-right: 16px; border-bottom: 1px solid #767676;
}
.search-nav.hide-search-tabs { display: none;
}
.search-nav .nav-tabs-wrapper { padding: 0; width: 100%;
}
.search-nav .nav-tabs-wrapper .nav-link.active { background-color: #FEFEFE;
}
@media (min-width: 544px) { .search-nav .nav-tabs-wrapper { width: auto; }
}
.search-results .show-more,
.search-results .show-more-content { padding: 16px 0; clear: both;
}
.search-results .search-keywords { font-weight: bold;
}
.search-results .category-item { margin-bottom: 16px;
}
.search-results .tab-pane.active:focus { outline: none;
}
.grid-header,
.content-grid-header { margin-bottom: 16px;
}
@media (min-width: 1024px) { .grid-header,
.content-grid-header { margin-bottom: 0; }
}
.grid-header .breadcrumb-container > .row,
.content-grid-header .breadcrumb-container > .row { align-items: center; height: 100%;
}
@media (min-width: 1024px) { .grid-header .breadcrumb,
.content-grid-header .breadcrumb { margin-bottom: 0; }
}
.grid-header .result-count p,
.content-grid-header .result-count p { margin-bottom: 16px;
}
@media (min-width: 544px) { .grid-header .result-count p,
.content-grid-header .result-count p { margin-bottom: 0; }
}
.grid-header .filter-results,
.grid-header select,
.content-grid-header .filter-results,
.content-grid-header select { width: 100%;
}
@media (min-width: 1024px) { .content-grid-header { margin-top: 24px; }
}
.filter-header { margin-left: -16px; margin-right: -16px;
}
.header-bar { background-color: #FEFEFE; border-bottom: 1px solid transparent; padding: 20px;
}
.header-bar button.close { line-height: 75%; margin: 0; padding: 0; text-shadow: none; opacity: 1;
}
.header-bar button.close:after { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.header-bar button.close[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.header-bar button.close[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.header-bar button.close[class*=btn-]:not(.title).btn-sm, .header-bar .btn-group-sm > button.close[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.header-bar button.close[class*=btn-]:not(.title).btn-sm:after, .header-bar .btn-group-sm > button.close[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.header-bar button.close[class*=btn-]:not(.title) [class*=icon-],
.header-bar button.close[class*=btn-]:not(.title) [class^=icon-],
.header-bar button.close[class*=btn-]:not(.title) .fa { display: none;
}
.header-bar button.close span { display: none;
}
.header-bar .result-count { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; color: #0A2541;
}
@media (min-width: 769px) { .header-bar .result-count { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .header-bar .result-count { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal; }
}
.filter-bar ul { padding-left: 16px; margin: 0;
}
@media (min-width: 1440px) { .filter-bar ul { padding-left: 24px; }
}
.filter-bar li { list-style: none; float: left; margin-right: 5px; margin-bottom: 16px;
}
.filter-bar li:not(:first-child) { margin-left: 5px;
}
.filter-bar li.filter-value { position: relative;
}
.filter-bar li.filter-value button { color: #222222; background: #FEFEFE; font-size: 12px; font-weight: 400; line-height: 1; border: 1px solid #D8D8D8; border-radius: 24px; padding-top: 8px; padding-right: 25px; padding-bottom: 7px; padding-left: 10px;
}
.filter-bar li.filter-value button:after { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: inherit; font-weight: normal;
}
.filter-bar li.filter-value button[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title).btn-sm, .filter-bar li.filter-value .btn-group-sm > button[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title).btn-sm:after, .filter-bar li.filter-value .btn-group-sm > button[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title) [class*=icon-],
.filter-bar li.filter-value button[class*=btn-]:not(.title) [class^=icon-],
.filter-bar li.filter-value button[class*=btn-]:not(.title) .fa { display: none;
}
.filter-bar li.filter-value button:after { position: absolute; top: 50%; transform: translateY(-50%); right: 5px;
}
.filter-bar li.filter-value button:hover { color: black;
}
.filter-bar .result-count { padding: calc(16px / 2) 0; margin-left: auto; margin-right: auto; margin-bottom: 16px;
}
.filter-bar .result-count:not(:only-child) { margin-right: 16px;
}
@media (min-width: 1440px) { .filter-bar .result-count:not(:only-child) { margin-right: 24px; }
}
.filter-bar .result-count p { margin-bottom: 0;
}
.refinement-bar { overflow: auto;
}
@media (min-width: 1024px) { .refinement-bar.sticky-filter-bar { position: sticky; top: 0px; left: 0; z-index: 298; background: #FEFEFE; width: 100%; } .refinement-bar.sticky-filter-bar.sticky-bar-stuck { transition: top 400ms ease-out; overflow: visible; } .refinement-bar.sticky-filter-bar.sticky-bar-stuck:before, .refinement-bar.sticky-filter-bar.sticky-bar-stuck:after { content: ""; position: absolute; top: 0; z-index: -1; height: 100%; width: 100%; left: 0; }
}
@media (min-width: 1024px) and (min-width: 1440px) { .refinement-bar.sticky-filter-bar.sticky-bar-stuck:before, .refinement-bar.sticky-filter-bar.sticky-bar-stuck:after { width: 150vw; left: calc((100vw - 1440px/2) * -1); }
}
@media (min-width: 1024px) { .refinement-bar.sticky-filter-bar.sticky-bar-stuck:before { background-color: #FEFEFE; }
}
@media (min-width: 1024px) { .refinement-bar.sticky-filter-bar.sticky-bar-stuck:after { border-bottom: 0px solid #0A2541; box-shadow: 0 2px 2px rgba(34, 34, 34, 0.2); }
}
.refinement-bar-horizontal { overflow: visible;
}
@media (min-width: 1024px) { .refinement-bar:not([class*=refinement-bar-horizontal]) { margin-top: 16px; } .refinement-bar:not([class*=refinement-bar-horizontal]) + div { margin-top: 16px; }
}
.refinement-bar ul { padding: 0; margin: 0; line-height: 1;
}
.refinement-bar .secondary-bar { list-style-type: none; padding: 0; margin: 0; margin-top: 16px; margin-bottom: 16px;
}
.refinement-bar .secondary-bar li { padding: 0;
}
@media (min-width: 1024px) { .refinement-bar .secondary-bar { margin-top: 0; }
}
.refinement-bar .secondary-bar .secondary-bar-links { text-decoration: none; line-height: 1.4; padding: 8px 0; display: block; width: 100%;
}
.refinement-bar .secondary-bar li:last-child .secondary-bar-links { text-align: right;
}
@media (max-width: 1023.98px) { .refinement-bar { position: fixed; transform: translateX(-100%); transition: transform 200ms ease-out; top: 0; left: 0; display: block; width: 350px; height: calc(100vh - 70px); background-color: #FEFEFE; z-index: 450; overflow-x: hidden; overflow-y: auto; padding-bottom: 200px; } .refinement-bar.in { transform: translateX(0); }
}
@media (max-width: 768.98px) { .refinement-bar { height: calc(100vh - 54px); }
}
@media (max-width: 543.98px) { .refinement-bar { width: calc(100% - 50px); max-width: 350px; }
}
.refinements > .card:last-child { border-bottom: none;
}
.refinements .values.content { font-size: 0; display: flex; flex-wrap: wrap;
}
.refinements .values.content li { padding-left: 0; padding-bottom: 16px; display: block; max-width: 100%;
}
.refinements .values.content li.col-sm-4 { width: 100%; flex-basis: 100%;
}
.refinements .values.content button { border: none; background: none; padding: 0; text-align: left;
}
.refinements .values.content button:hover i.fa { box-shadow: 0 0 0 1px #0A2541;
}
.refinements .values.content button:hover .swatch-circle { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #767676;
}
.refinements .values.content button span { font-size: 12px; display: inline-block; vertical-align: middle;
}
.refinements .values.content button span:not(.color-value) { margin-right: 12px;
}
.refinements .values.content button span.unselectable.swatch-circle:hover { box-shadow: none;
}
.refinements .values.content button span.non-color-swatch-value { position: relative; color: #0A2541; background: #FEFEFE; border: 1px solid #ECECEC; border-radius: 24px; padding: 7px 12px; display: block; min-width: 44px; line-height: 1.4; text-align: center; margin-right: 10px;
}
.refinements .values.content button span.non-color-swatch-value.color-value { transition: all 200ms ease-out;
}
.refinements .values.content button span.non-color-swatch-value.color-value:hover { box-shadow: 0 0 0 0px #FEFEFE, inset 0 0 0 1px #767676;
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected { box-shadow: 0 0 0 calc(3px - 1px) #FEFEFE, 0 0 0 3px #222222;
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FEFEFE; font-weight: normal;
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title).btn-sm, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.color-value.selected[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title).btn-sm:after, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.color-value.selected[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title) [class*=icon-],
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title) [class^=icon-],
.refinements .values.content button span.non-color-swatch-value.color-value.selected[class*=btn-]:not(.title) .fa { display: none;
}
.refinements .values.content button span.non-color-swatch-value.color-value.selected::after { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); display: none; background: rgba(34, 34, 34, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1;
}
.refinements .values.content button span.non-color-swatch-value.color-value.unselectable:before, .refinements .values.content button span.non-color-swatch-value.color-value.unselectable:after, .refinements .values.content button span.non-color-swatch-value.color-value.unavailable:before, .refinements .values.content button span.non-color-swatch-value.color-value.unavailable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.refinements .values.content button span.non-color-swatch-value.color-value.unselectable:after, .refinements .values.content button span.non-color-swatch-value.color-value.unavailable:after { background-color: #D8D8D8; width: 1px;
}
.refinements .values.content button span.non-color-swatch-value.color-value.unselectable:before, .refinements .values.content button span.non-color-swatch-value.color-value.unavailable:before { background-color: #FEFEFE; width: 5px;
}
.refinements .values.content button span.non-color-swatch-value.color-value.unselectable, .refinements .values.content button span.non-color-swatch-value.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative;
}
.refinements .values.content button span.non-color-swatch-value.color-value.unselectable { cursor: not-allowed;
}
.refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock:before, .refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(-45deg); height: 100%;
}
.refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock:after { background-color: #D8D8D8; width: 1px;
}
.refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock:before { background-color: #FEFEFE; width: 5px;
}
.refinements .values.content button span.non-color-swatch-value.color-value.out-of-stock.selected:after { display: block;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value:not(.unselectable):hover { border-color: #DBDBDB; box-shadow: none;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover { background: #FEFEFE; color: #0A2541; border-color: #0A2541; box-shadow: none;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FEFEFE; font-weight: normal;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title), .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title):after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-].btn:not(.title), .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm { padding-right: calc(23px + 16px);
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title).btn-sm:after, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-].btn:not(.title):after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title).btn-sm:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title) [class*=icon-],
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title) [class^=icon-],
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*=btn-]:not(.title) .fa, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class*=icon-],
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) [class^=icon-],
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*=btn-]:not(.title) .fa { display: none;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected::after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(16px / -3); right: calc(16px / -3); background: #134981; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.unselectable, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.unavailable { color: #545454; text-decoration: line-through; position: relative;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.unselectable { cursor: not-allowed;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none;
}
.refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.out-of-stock.selected:after { display: block;
}
.refinements .values.content button i.fa { position: relative; vertical-align: middle; margin-right: 12px; transition: box-shadow 200ms ease-out;
}
.refinements .values.content button i.fa-circle-o { content: ""; width: 16px; height: 16px; border: 1px solid #0A2541; border-radius: 50%; background-color: #FEFEFE;
}
.refinements .values.content button i.fa-check-circle { width: 16px; height: 16px; border-radius: 50%; background-color: #FEFEFE; border: 1px solid #0A2541;
}
.refinements .values.content button i.fa-check-circle:after { content: ""; background: none; width: 10px; height: 10px; top: calc(6px/ 2); left: calc(-24px + 6px/ 2); background-color: #0A2541; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); left: auto;
}
.refinements .values.content button i.fa-square-o { content: ""; width: 16px; height: 16px; border: 1px solid #0A2541; background-color: #FEFEFE; border-radius: 2px;
}
.refinements .values.content button i.fa-check-square { content: ""; width: 16px; height: 16px; background-color: #0A2541; border: 1px solid #0A2541; border-radius: 2px;
}
.refinements .values.content button i.fa-check-square:after { content: "\E90C"; width: 16px; height: 16px; line-height: calc(16px + 1px); background: none; font-family: "icomoon"; font-size: 16px; text-align: center; color: #FEFEFE; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); left: auto;
}
.refinements .values.content .swatches-vertical { flex-basis: 100%;
}
.refinements .values.content .swatches-grid { padding-bottom: 10px;
}
.refinements .refinement-category .values.content { flex-direction: column;
}
.refinements .refinement-category .values li { display: block;
}
.refinements .refinement-category .values .values { margin-left: 24px; margin-top: 3px;
}
.refinements .refinement-category .values .values li { padding-top: 16px; padding-bottom: 0;
}
.refinements .swatch-color-text { max-width: calc(100% - 16px - 12px); min-width: 0; padding-left: 12px;
}
@media (min-width: 1024px) { .refinement-bar-horizontal .horizontal-filter-btn.custom-select,
.refinement-bar-horizontal select.horizontal-filter-btn { width: auto; } .horizontal-multipledropdowns-filter-refinement.card.aside { height: 44px; border-top: 1px solid #0A2541; border-bottom: 1px solid #0A2541; border-left: 1px solid #0A2541; border-right: 1px solid #0A2541; min-width: 150px; margin-right: 10px; margin-bottom: 0; } .horizontal-multipledropdowns-filter-refinement.card.aside.refinement-category .values.content { margin-left: 0; margin-top: 0; } .horizontal-multipledropdowns-filter-refinement.card.aside.refinement-category .values.content.values li { padding-top: 0; } .refinements .horizontal-multipledropdowns-filter-dropdown-menu .refinement-category .values.content button { padding-bottom: 20px; } .horizontal-multipledropdowns-filter-dropdown-menu { min-width: 300px; margin-top: 0; padding: 16px; overflow: auto; max-height: 500px; scrollbar-width: thin; scrollbar-color: #D8D8D8 #F6F6F6; } .horizontal-multipledropdowns-filter-dropdown-menu::-webkit-scrollbar { height: 8px; width: 8px; } .horizontal-multipledropdowns-filter-dropdown-menu::-webkit-scrollbar-thumb { background-color: #D8D8D8; border-radius: 9999px; } .horizontal-multipledropdowns-filter-dropdown-menu::-webkit-scrollbar-track { background-color: #F6F6F6; } .horizontal-multipledropdowns-filter-dropdown-menu .card-body { min-height: 0; } .horizontal-multipledropdowns-filter-dropdown-menu .values.content { margin-left: 0; margin-top: 0; min-height: 0; max-width: 300px; } .horizontal-multipledropdowns-filter-dropdown-menu.show { position: absolute; transform: translate3d(0px, 43px, 0px); top: 0px; left: 0px; will-change: transform; display: block; } .horizontal-multipledropdowns-filter-btn { border: none; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 10px; } .horizontal-multipledropdowns-filter-btn:after { float: right; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements { position: relative; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .refinements-container { padding: 0; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper { max-height: 0px; transition: all 200ms ease-out; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-filters { max-height: 0px; padding: 0 16px; overflow: hidden; transition: all 200ms ease-in-out; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter { display: flex; max-width: 1392px; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement { width: calc(33% - 16px); margin-right: 16px; border: none; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement h4 { padding-bottom: 16px; margin-bottom: 0; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement .card-body { padding: 2px 1px; overflow: auto; scrollbar-width: thin; scrollbar-color: #D8D8D8 #F6F6F6; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement .card-body::-webkit-scrollbar { height: 8px; width: 8px; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement .card-body::-webkit-scrollbar-thumb { background-color: #D8D8D8; border-radius: 9999px; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement .card-body::-webkit-scrollbar-track { background-color: #F6F6F6; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown { display: flex; align-self: flex-start; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown:before { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title) { padding-left: calc(47px + 16px); } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px); } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title).btn-sm, .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .btn-group-sm > .close-one-refinements-dropdown[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px); } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title).btn-sm:before, .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .btn-group-sm > .close-one-refinements-dropdown[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px); } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title) [class*=icon-],
.refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title) [class^=icon-],
.refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*=btn-]:not(.title) .fa { display: none; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper.active { opacity: 1; max-height: 100vh; padding-bottom: 16px; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper.active .collapse-filters { max-height: 100vh; padding: 16px; margin-top: 15px; border-top: 1px solid #0A2541; border-bottom: 1px solid #0A2541; border-right: 1px solid #0A2541; border-left: 1px solid #0A2541; } .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper.active .collapse-one-dropdown-filter { margin-top: 16px; border-top: 1px solid #0A2541; border-bottom: 1px solid #0A2541; border-right: 1px solid #0A2541; border-left: 1px solid #0A2541; overflow: hidden; max-height: calc(100vh - 72px - 1em - 17px - 17px - calc(16px * 4)); } .horizontal-onedropdown-filter-btn.title { width: 150px; background-color: transparent; padding-right: 10px; padding-left: 12px; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #0A2541; border-bottom: 1px solid #0A2541; border-right: 1px solid #0A2541; border-left: 1px solid #0A2541; text-align: left; } .collapse-filters-wrapper .horizontal-onedropdown-filter-btn.title::after,
.collapse-filters-wrapper.active .horizontal-onedropdown-filter-btn.title::after { content: ""; display: none; } .horizontal-onedropdown-filter select[name=sort-order] { position: absolute; right: 0; width: 150px; } .horizontal-onedropdown-filter-group { width: 100%; } .horizontal-onedropdown-filter-group .horizontal-onedropdown-filter-btn { background-image: none; display: flex; align-items: center; justify-content: space-between; } .horizontal-onedropdown-filter-group .horizontal-onedropdown-filter-btn .horizontal-onedropdown-filter-btn-arrow { background-image: url(../images/icons/icon-arrow-down.svg); background-size: 9px; width: 12px; height: 12px; } .horizontal-onedropdown-filter-group.active .horizontal-onedropdown-filter-btn-arrow { transform: scaleY(-1); }
}
.horizontal-filter-refinements-bar { padding-top: 16px; padding-bottom: 16px;
}
@media (min-width: 1024px) { .horizontal-filter-refinements-bar .refinements-container { padding: 0; }
}
@media (min-width: 1024px) { .horizontal-filter-refinements-bar .refinements-container select[name=sort-order] { font-size: 12px; }
}
@media (max-width: 1023.98px) { .category-visual-nav,
.search-results { padding-left: 16px; padding-right: 16px; }
}
.search-results .search-nav { margin-top: 0; margin-left: 0; margin-right: 0; padding-left: 0; border-bottom: 1px solid #DBDBDB;
}
.search-results .search-nav .nav-tabs::after { display: none;
}
.search-results .search-nav .nav-link { padding-top: 12px; padding-bottom: 12px;
}
.search-results .search-nav .nav-link.active::after { bottom: -1px;
}
.search-results .grid-header .plp-filter-btn-container .filter-icon { width: 16px; height: auto;
}
@media (min-width: 1024px) { .search-results .grid-header .plp-filter-btn-container .plp-filter-btn-desktop { padding-right: calc(16px + 16px + 8px); } .search-results .grid-header .plp-filter-btn-container .filter-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 14px; } .search-results .grid-header .plp-filter-btn-container .filter-icon.icon-close-small::before { font-size: 28px; margin-left: -6px; }
}
@media (max-width: 768.98px) { .search-results .grid-header { margin-bottom: 0; }
}
@media (min-width: 544px) { .search-results .grid-header { margin-bottom: 4px; }
}
@media (min-width: 769px) { .search-results .grid-header { margin-bottom: 8px; }
}
.search-results .grid-header .result-count { white-space: nowrap;
}
.search-results .grid-header .result-count #search-noresults-help { white-space: normal;
}
@media (max-width: 1023.98px) { .search-results .grid-header .plp-filter-btn-container .filter-results,
.search-results .grid-header .plp-sort-container select { font-size: 14px; } .search-results .grid-header .plp-filter-btn-container { padding-right: 6px; } .search-results .grid-header .plp-sort-container { padding-left: 6px; }
}
@media (min-width: 1024px) { .search-results .grid-header .plp-filter-btn-container,
.search-results .grid-header .plp-sort-container,
.search-results .grid-header .result-count { flex: 0; max-width: none; } .search-results .grid-header .plp-filter-btn-container .plp-filter-btn-desktop span { white-space: nowrap; } .search-results .grid-header .plp-sort-container { display: flex; flex-wrap: nowrap; align-items: center; } .search-results .grid-header .plp-sort-container .sort-label { white-space: nowrap; padding-right: 16px; } .search-results .grid-header .result-count { padding-left: 0; }
}
.search-results .filter-header-container > .grid-header { position: relative; background: #FEFEFE;
}
@media (max-width: 768.98px) { .search-results .filter-header-container > .grid-header { padding-top: 12px; padding-bottom: 12px; }
}
@media (min-width: 769px) { .search-results .filter-header-container > .grid-header { padding-top: 16px; padding-bottom: 16px; }
}
.search-results .filter-header-container > .grid-header.sticky { position: fixed; top: 0; width: 100%; z-index: 400; background: #FEFEFE; padding-bottom: 16px; border-bottom: 1px solid #DBDBDB;
}
@media (max-width: 543.98px) { .search-results .filter-header-container > .grid-header.sticky .result-count { display: none; }
}
@media (min-width: 1024px) { .search-results .filter-header-container > .grid-header.sticky { z-index: 200; max-width: calc(100% - (16px * 2)); border-bottom: none; } .search-results .filter-header-container > .grid-header.sticky::before { content: ""; background: #FEFEFE; width: 100vw; height: calc(calc(20px + 13px + 13px + (1px*2)) + calc(16px * 2)); margin-top: -16px; position: fixed; right: 0; border-bottom: 1px solid #DBDBDB; }
}
@media (min-width: 1440px) { .search-results .filter-header-container > .grid-header.sticky { max-width: calc(100% - (24px * 2)); }
}
@media (min-width: calc(1776px + calc(16px * 1))) { .search-results .filter-header-container > .grid-header.sticky { max-width: calc(1776px - (24px * 2)); }
}
@media (min-width: 1024px) { .search-results .tab-content .refinement-bar { transition: transform 200ms ease-out, opacity 200ms; transform: translateX(0); opacity: 1; } .search-results .tab-content .refinement-bar.collapsed { transform: translateX(-100%); opacity: 0; } .search-results .tab-content .results-pane { transition: max-width 200ms ease-out, flex-basis 200ms ease-out; }
}
@media (max-width: 1023.98px) { .search-results .product-grid,
.search-results .content-grid-header > .row { padding-left: calc(16px / 2); padding-right: calc(16px / 2); } .search-results .product-grid > .col,
.search-results .product-grid > [class*=col-],
.search-results .content-grid-header > .row > .col,
.search-results .content-grid-header > .row > [class*=col-] { padding-left: calc(16px / 2); padding-right: calc(16px / 2); }
}
.search-results .show-more .btn-outline-primary,
.search-results .show-more-content .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: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; width: auto;
}
.search-results .show-more .btn-outline-primary:hover, .search-results .show-more .btn-outline-primary[aria-describedby*=popover],
.search-results .show-more-content .btn-outline-primary:hover,
.search-results .show-more-content .btn-outline-primary[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.search-results .show-more .btn-outline-primary:active,
.search-results .show-more-content .btn-outline-primary:active { background-color: #0F194C;
}
.search-results .show-more .btn-outline-primary:focus,
.search-results .show-more-content .btn-outline-primary:focus { outline: none;
}
.search-results .show-more .btn-outline-primary:focus:active,
.search-results .show-more-content .btn-outline-primary:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .search-results .show-more .btn-outline-primary,
.dark-theme .search-results .show-more-content .btn-outline-primary { color: #FEFEFE;
}
.dark-theme .search-results .show-more .btn-outline-primary:hover,
.dark-theme .search-results .show-more-content .btn-outline-primary:hover { color: #FEFEFE;
}
.search-results .show-more .btn-outline-primary[disabled], .search-results .show-more .btn-outline-primary.disabled,
.search-results .show-more-content .btn-outline-primary[disabled],
.search-results .show-more-content .btn-outline-primary.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.search-results .show-more .btn-outline-primary[disabled], .search-results .show-more .btn-outline-primary.disabled,
.search-results .show-more-content .btn-outline-primary[disabled],
.search-results .show-more-content .btn-outline-primary.disabled { opacity: 1; color: #545454;
}
.search-results .show-more .btn-outline-primary[class*=icon-], .search-results .show-more .btn-outline-primary[class^=icon-],
.search-results .show-more-content .btn-outline-primary[class*=icon-],
.search-results .show-more-content .btn-outline-primary[class^=icon-] { padding-left: calc(47px + 16px);
}
.search-results .show-more .btn-outline-primary[class*=icon-]:before, .search-results .show-more .btn-outline-primary[class^=icon-]:before,
.search-results .show-more-content .btn-outline-primary[class*=icon-]:before,
.search-results .show-more-content .btn-outline-primary[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.search-results .show-more .result-count-text,
.search-results .show-more-content .result-count-text { font-size: 12px; color: #545454;
}
.filter-bar ul { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 16px;
}
.filter-bar li { margin: 0;
}
.filter-bar li.filter-value button { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; font-size: 12px; padding: 8px 26px 8px 12px; text-transform: capitalize; font-weight: 400;
}
.filter-bar li.filter-value button:hover, .filter-bar li.filter-value button[aria-describedby*=popover] { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
.filter-bar li.filter-value button:active { color: #545769; border: 1px solid #134981;
}
.filter-bar li.filter-value button:focus { outline: none;
}
.filter-bar li.filter-value button:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .filter-bar li.filter-value button { color: #0A2541;
}
.dark-theme .filter-bar li.filter-value button:hover { color: #0A2541;
}
.filter-bar li.filter-value button[disabled], .filter-bar li.filter-value button.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.filter-bar li.filter-value button[disabled], .filter-bar li.filter-value button.disabled { opacity: 1; color: #545454;
}
.filter-bar li.filter-value button[class*=icon-], .filter-bar li.filter-value button[class^=icon-] { padding-left: calc(47px + 16px);
}
.filter-bar li.filter-value button[class*=icon-]:before, .filter-bar li.filter-value button[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.filter-bar li.filter-value button:after { content: "\E90D"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.filter-bar li.filter-value button[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title).btn-sm, .filter-bar li.filter-value .btn-group-sm > button[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title).btn-sm:after, .filter-bar li.filter-value .btn-group-sm > button[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.filter-bar li.filter-value button[class*=btn-]:not(.title) [class*=icon-],
.filter-bar li.filter-value button[class*=btn-]:not(.title) [class^=icon-],
.filter-bar li.filter-value button[class*=btn-]:not(.title) .fa { display: none;
}
.filter-bar li.filter-value button::after { font-size: 16px; right: 6px;
}
.filter-bar li:not(:first-child) { margin: 0;
}
@media (max-width: 1023.98px) { .filter-bar { padding-right: 110px; }
}
@media (max-width: 543.98px) { .filter-bar { padding-right: 0; }
}
.filter-bar button.reset { position: absolute; top: -32px; right: 16px;
}
@media (min-width: 544px) { .filter-bar button.reset { top: 5px; }
}
.refinement-bar .refinements-header { font-size: 12px; display: flex; justify-content: space-between; align-items: center; padding-top: 24px; padding-bottom: 16px;
}
@media (min-width: 1024px) { .refinement-bar .refinements-header { padding-top: 0; padding-bottom: 24px; }
}
.refinement-bar .refinements-header .close { line-height: 75%; margin: 0; padding: 0; text-shadow: none; opacity: 1;
}
.refinement-bar .refinements-header .close:after { content: "\E90E"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal;
}
.refinement-bar .refinements-header .close[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.refinement-bar .refinements-header .close[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.refinement-bar .refinements-header .close[class*=btn-]:not(.title).btn-sm, .refinement-bar .refinements-header .btn-group-sm > .close[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.refinement-bar .refinements-header .close[class*=btn-]:not(.title).btn-sm:after, .refinement-bar .refinements-header .btn-group-sm > .close[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #0A2541; font-weight: normal; position: absolute; transform: translateX(10px);
}
.refinement-bar .refinements-header .close[class*=btn-]:not(.title) [class*=icon-],
.refinement-bar .refinements-header .close[class*=btn-]:not(.title) [class^=icon-],
.refinement-bar .refinements-header .close[class*=btn-]:not(.title) .fa { display: none;
}
.refinement-bar .refinements-header .close span { display: none;
}
@media (max-width: 1023.98px) { .refinement-bar { height: 100vh; -ms-scroll-chaining: none; overscroll-behavior: contain; padding-bottom: 0; } .refinement-bar .search-refinements { margin-bottom: 200px; }
}
@media (min-width: 1024px) { .refinement-bar { position: sticky; top: calc(16px + var(--filterHeaderHeight)); max-height: calc(100vh - var(--filterHeaderHeight) - (16px * 2)); overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #DBDBDB #FEFEFE; } .refinement-bar::-webkit-scrollbar { height: 2px; width: 2px; } .refinement-bar::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 9999px; } .refinement-bar::-webkit-scrollbar-track { background-color: #FEFEFE; }
}
.refinements > .card:first-child { border-top: none;
}
.refinements > .card:last-child { border-bottom: 1px solid #ECECEC;
}
.refinements .values.content li.disabled, .refinements .values.content li.swatches-vertical button[disabled] { display: none !important;
}
.refinements .values.content li.swatches-vertical { padding-bottom: 0;
}
.refinements .values.content li.swatches-vertical button { margin-bottom: 16px;
}
.refinements .values.content li.swatches-vertical .swatch-color-text { line-height: 16px;
}
.refinements .values.content button { display: flex; align-items: center; line-height: 1.2;
}
.mobile-search-refinements-footer { display: flex; gap: 8px; justify-content: stretch; position: fixed; bottom: 0; left: 0; border-top: 1px solid #DBDBDB; background-color: #FEFEFE; padding: 12px 16px; width: calc(100% - 50px); background-color: #FEFEFE; z-index: 451; transform: translateY(100%); transition: transform 200ms ease-out; opacity: 0;
}
.mobile-search-refinements-footer.in { opacity: 1; transform: translateY(0); transition-delay: calc(200ms / 2);
}
.mobile-search-refinements-footer .btn.reset,
.mobile-search-refinements-footer .btn.close { width: 100%;
}
.mobile-search-refinements-footer .btn.reset { padding-left: 0; padding-right: 0;
}
.mobile-search-refinements-footer .btn.close { background-color: #0A2541; padding-top: 17px; padding-bottom: 17px; border: 1px solid #0A2541; float: none; text-shadow: none; opacity: 1;
}
.mobile-search-refinements-footer .btn.close:hover, .mobile-search-refinements-footer .btn.close:not(:disabled):not(.disabled):focus { opacity: 1;
}
@media (min-width: 1024px) { #search-noresults-help,
#search-noresults-recommendations { padding-left: 24px; }
}
.mobile-filter-drawer-in .modal-background { z-index: 449;
}
.plp-bottom-custom-content { margin-top: 24px;
}
.wishlist-header { border-bottom: 1px solid #0A2541; display: flex; position: relative; top: 0; z-index: 1; background: #FEFEFE; padding: 16px 0;
}
.wishlist-header .wishlist-header-name { display: flex; justify-content: center;
}
.wishlist-toggle-product { white-space: nowrap; text-decoration: none;
}
.wishlist-toggle-product:hover { text-decoration: none;
}
.wishlist-toggle-product:not(.move) { position: absolute; top: 5px; right: 5px; border: none; z-index: 50;
}
@media (min-width: 544px) { .wishlist-toggle-product:not(.move) { top: 10px; right: 10px; }
}
.wishlist-toggle-product .wishlist-icon { width: 24px; height: 24px; line-height: 24px; background-color: #FEFEFE; box-shadow: none; border-radius: 50%;
}
.wishlist-toggle-product .wishlist-icon:before { content: "\E916"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #134981; font-weight: normal;
}
.wishlist-toggle-product .wishlist-icon[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.wishlist-toggle-product .wishlist-icon[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #134981; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-toggle-product .wishlist-icon[class*=btn-]:not(.title).btn-sm, .wishlist-toggle-product .btn-group-sm > .wishlist-icon[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.wishlist-toggle-product .wishlist-icon[class*=btn-]:not(.title).btn-sm:before, .wishlist-toggle-product .btn-group-sm > .wishlist-icon[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #134981; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.wishlist-toggle-product .wishlist-icon[class*=btn-]:not(.title) [class*=icon-],
.wishlist-toggle-product .wishlist-icon[class*=btn-]:not(.title) [class^=icon-],
.wishlist-toggle-product .wishlist-icon[class*=btn-]:not(.title) .fa { display: none;
}
.wishlist-toggle-product .wishlist-icon.selected:before { content: "\E915"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: #134981; font-weight: normal;
}
.wishlist-toggle-product .wishlist-icon.selected[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.wishlist-toggle-product .wishlist-icon.selected[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #134981; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-toggle-product .wishlist-icon.selected[class*=btn-]:not(.title).btn-sm, .wishlist-toggle-product .btn-group-sm > .wishlist-icon.selected[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.wishlist-toggle-product .wishlist-icon.selected[class*=btn-]:not(.title).btn-sm:before, .wishlist-toggle-product .btn-group-sm > .wishlist-icon.selected[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #134981; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.wishlist-toggle-product .wishlist-icon.selected[class*=btn-]:not(.title) [class*=icon-],
.wishlist-toggle-product .wishlist-icon.selected[class*=btn-]:not(.title) [class^=icon-],
.wishlist-toggle-product .wishlist-icon.selected[class*=btn-]:not(.title) .fa { display: none;
}
.wishlist-toggle-product .wishlist-icon.before::before { padding-top: 1px; padding-left: 1px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);
}
.wishlist-message-empty { display: flex; text-align: center;
}
.add-to-wishlist-messages { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); position: fixed; padding: 16px; max-height: calc(100vh - (16px * 2)); overflow-y: auto; z-index: 1100;
}
.wishlist-header { border-bottom: none; padding-top: 0; padding-bottom: 0;
}
.wishlist-toggle-product .wishlist-icon::before { transition: font-size 200ms ease-in-out, color 200ms ease-in-out; padding-left: 0;
}
.wishlist-toggle-product .wishlist-icon.selected::before { color: #A1001D;
}
.wishlist-toggle-product.loading .wishlist-icon::before { font-size: 13px;
}
@media (min-width: 1024px) { .cloudinary-gallery-container .wishlist-toggle-product.loading .wishlist-icon::before { font-size: 17px; }
}
.wishlist-card-list { width: 100%;
}
.wishlist-card-list .card-header { background-color: #FEFEFE;
}
.wishlist-card-list .public-list-text,
.wishlist-card-list .private-list-text { letter-spacing: 0.01em; font-size: 11px; color: #545454; margin-bottom: 0; display: flex; align-items: center;
}
@media (min-width: 1024px) { .wishlist-card-list .public-list-text,
.wishlist-card-list .private-list-text { font-size: 12px; }
}
.wishlist-card-list .public-list-text::before,
.wishlist-card-list .private-list-text::before { padding-right: 5px;
}
.wishlist-card-list .public-list-text:before { content: "\E918"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: #545454; font-weight: normal;
}
.wishlist-card-list .public-list-text[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.wishlist-card-list .public-list-text[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #545454; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-card-list .public-list-text[class*=btn-]:not(.title).btn-sm, .wishlist-card-list .btn-group-sm > .public-list-text[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.wishlist-card-list .public-list-text[class*=btn-]:not(.title).btn-sm:before, .wishlist-card-list .btn-group-sm > .public-list-text[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #545454; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.wishlist-card-list .public-list-text[class*=btn-]:not(.title) [class*=icon-],
.wishlist-card-list .public-list-text[class*=btn-]:not(.title) [class^=icon-],
.wishlist-card-list .public-list-text[class*=btn-]:not(.title) .fa { display: none;
}
.wishlist-card-list .private-list-text:before { content: "\E933"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: #545454; font-weight: normal;
}
.wishlist-card-list .private-list-text[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.wishlist-card-list .private-list-text[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #545454; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-card-list .private-list-text[class*=btn-]:not(.title).btn-sm, .wishlist-card-list .btn-group-sm > .private-list-text[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.wishlist-card-list .private-list-text[class*=btn-]:not(.title).btn-sm:before, .wishlist-card-list .btn-group-sm > .private-list-text[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #545454; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.wishlist-card-list .private-list-text[class*=btn-]:not(.title) [class*=icon-],
.wishlist-card-list .private-list-text[class*=btn-]:not(.title) [class^=icon-],
.wishlist-card-list .private-list-text[class*=btn-]:not(.title) .fa { display: none;
}
.wishlist-card-list .card-footer { padding-top: 0;
}
.wishlist-card-list-header { display: flex; justify-content: space-between;
}
.wishlist-card-list-link { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; gap: 16px; text-decoration: none;
}
.wishlist-card-list-link .wishlist-card-list-body-image,
.wishlist-card-list-link .wishlist-card-list-body-image-blank,
.wishlist-card-list-link .extra-items-block { flex: 0 1 auto; width: 100%; max-width: calc(25% - (48px) / 4);
}
.wishlist-card-list-link .extra-items-block { background-color: #F6F6F6; display: flex; justify-content: center; align-items: center; font-weight: 700; color: #545454;
}
.wishlist-card-list-link .wishlist-card-list-body-image { height: auto;
}
.wishlist-card-list-body-empty-message { color: #0A2541;
}
.wishlist-card-product { display: flex; flex-flow: column; height: 100%; overflow: hidden; position: relative; padding: 16px;
}
.wishlist-card-product .wishlist-card-product-toggle::after { position: absolute; content: ""; display: flex; height: 16px; width: 16px; background-color: #FEFEFE; border: 1px solid #0A2541; border-radius: var(--border-radius, 0px); top: 10px; right: 10px; justify-content: center; align-items: center;
}
.wishlist-card-product .wishlist-card-product-toggle.selected:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 1.5); color: #FEFEFE; font-weight: normal;
}
.wishlist-card-product .wishlist-card-product-toggle.selected[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.wishlist-card-product .wishlist-card-product-toggle.selected[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.wishlist-card-product .wishlist-card-product-toggle.selected[class*=btn-]:not(.title).btn-sm, .wishlist-card-product .btn-group-sm > .wishlist-card-product-toggle.selected[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.wishlist-card-product .wishlist-card-product-toggle.selected[class*=btn-]:not(.title).btn-sm:after, .wishlist-card-product .btn-group-sm > .wishlist-card-product-toggle.selected[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FEFEFE; font-weight: normal; position: absolute; transform: translateX(10px);
}
.wishlist-card-product .wishlist-card-product-toggle.selected[class*=btn-]:not(.title) [class*=icon-],
.wishlist-card-product .wishlist-card-product-toggle.selected[class*=btn-]:not(.title) [class^=icon-],
.wishlist-card-product .wishlist-card-product-toggle.selected[class*=btn-]:not(.title) .fa { display: none;
}
.wishlist-card-product .wishlist-card-product-toggle.selected::after { background-color: #0A2541; border-color: #0A2541; display: flex;
}
.wishlist-card-product .wishlist-card-product-toggle:hover::after { box-shadow: 0 0 0 1px #0A2541;
}
.wishlist-card-product .wishlist-card-product-image { width: 100%; margin-bottom: 12px;
}
.wishlist-card-product .wishlist-card-product-name { margin-bottom: 12px;
}
.wishlist-card-product .price .price-del { order: 2;
}
.wishlist-card-product .price span del ~ .sales { padding-right: 0;
}
.wishlist-card-product .wishlist-card-product-form { display: flex; flex-direction: column; height: 100%;
}
.wishlist-card-product .wishlist-card-product-form .item-attributes { color: #545454;
}
.wishlist-card-product .wishlist-card-product-form .item-attributes .line-item-attributes { margin: 0;
}
.wishlist-card-product .wishlist-card-product-form .item-attributes .line-item-availability { margin-top: 12px;
}
.wishlist-card-product .wishlist-card-product-form .item-controls { margin-top: auto;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; width: 100%;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add:hover, .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add:active { background-color: #0F194C;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add:focus { outline: none;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add { color: #FEFEFE;
}
.dark-theme .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add:hover { color: #FEFEFE;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add[disabled], .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add[disabled], .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add.disabled { opacity: 1; color: #545454;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add[class*=icon-], .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add[class*=icon-]:before, .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; width: 100%;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview:hover, .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview:active { background-color: #0F194C;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview:focus { outline: none;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview { color: #FEFEFE;
}
.dark-theme .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview:hover { color: #FEFEFE;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview[disabled], .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview[disabled], .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview.disabled { opacity: 1; color: #545454;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview[class*=icon-], .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview[class*=icon-]:before, .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-quickview[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-form-quantity { position: relative; margin-bottom: 16px;
}
.wishlist-card-product .wishlist-card-product-form .item-footer { display: flex; text-align: center;
}
.wishlist-card-product .wishlist-card-product-form .item-footer > a { flex: 1 1 auto; margin-top: 12px; color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer;
}
.wishlist-card-product .wishlist-card-product-form .item-footer > a:hover { color: #134981; text-decoration: underline;
}
.dark-theme .wishlist-card-product .wishlist-card-product-form .item-footer > a { color: #FEFEFE;
}
.dark-theme .wishlist-card-product .wishlist-card-product-form .item-footer > a:hover { color: #FEFEFE;
}
.wishlist-card-product .wishlist-card-product-form .item-footer > a + a { border-left: 1px solid #0A2541;
}
@media (min-width: 1440px) { .wishlist-card-product { padding: 24px; }
}
.wishlist-card-product .wishlist-card-product-brand { font-size: 12px; font-weight: 300;
}
.wishlist-card-product .wishlist-card-product-name { margin-bottom: 2px;
}
.wishlist-card-product .wishlist-card-product-name a { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-decoration: none;
}
.wishlist-card-product .wishlist-card-product-form .item-attributes p { font-size: 12px;
}
.wishlist-card-product .wishlist-card-product-form .item-footer { text-align: left; justify-content: flex-start; gap: 16px;
}
.wishlist-card-product .wishlist-card-product-form .item-footer > a { font-size: 12px; flex: 0 0 auto;
}
.wishlist-card-product .wishlist-card-product-form .item-footer > a + a { border: none;
}
@media (max-width: 543.98px) { .wishlist-card-product .wishlist-card-product-form .line-item-availability .line-item-attributes { display: flex; flex-direction: column; }
}
.wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=backorder] .line-item-availability-message, .wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=preorder] .line-item-availability-message, .wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=lowinstock] .line-item-availability-message, .wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=dropship] .line-item-availability-message, .wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=out-of-stock] .line-item-availability-message, .wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=madetoorder] .line-item-availability-message { color: #A1001D;
}
.wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=backorder] .line-item-availability-additional-message, .wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=preorder] .line-item-availability-additional-message, .wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=lowinstock] .line-item-availability-additional-message, .wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=dropship] .line-item-availability-additional-message, .wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=out-of-stock] .line-item-availability-additional-message, .wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=madetoorder] .line-item-availability-additional-message { color: #A1001D;
}
.wishlist-card-product .wishlist-card-product-form .line-item-availability[data-status=madetoorder] .line-item-availability-message { font-weight: 500;
}
@media (min-width: 544px) { .wishlist-card-product .wishlist-card-product-form .line-item-availability .line-item-estimated-delivery::before { content: "- "; }
}
.wishlist-card-product .wishlist-card-product-form .item-controls { display: flex; gap: 8px;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-form-quantity { margin-bottom: 0;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-form-quantity .wishlist-card-product-quantity { border-radius: 41px; border-color: #0A2541; text-align: center; -moz-text-align-last: center; text-align-last: center; padding-right: 16px; width: 68px;
}
@media (min-width: 769px) { .wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-form-quantity .wishlist-card-product-quantity { width: 84px; }
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-form-quantity .wishlist-card-product-quantity.disabled { border-color: #DBDBDB;
}
.wishlist-card-product .wishlist-card-product-form .item-controls .wishlist-card-product-add { padding-left: 5px; padding-right: 5px;
}
.wishlist-modal-delete-list-delete-button { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-modal-delete-list-delete-button:hover, .wishlist-modal-delete-list-delete-button[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-modal-delete-list-delete-button:active { background-color: #0F194C;
}
.wishlist-modal-delete-list-delete-button:focus { outline: none;
}
.wishlist-modal-delete-list-delete-button:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-modal-delete-list-delete-button { color: #FEFEFE;
}
.dark-theme .wishlist-modal-delete-list-delete-button:hover { color: #FEFEFE;
}
.wishlist-modal-delete-list-delete-button[disabled], .wishlist-modal-delete-list-delete-button.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-modal-delete-list-delete-button[disabled], .wishlist-modal-delete-list-delete-button.disabled { opacity: 1; color: #545454;
}
.wishlist-modal-delete-list-delete-button[class*=icon-], .wishlist-modal-delete-list-delete-button[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-modal-delete-list-delete-button[class*=icon-]:before, .wishlist-modal-delete-list-delete-button[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-delete-list-cancel-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-modal-delete-list-cancel-btn:hover, .wishlist-modal-delete-list-cancel-btn[aria-describedby*=popover] { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
.wishlist-modal-delete-list-cancel-btn:active { color: #545769; border: 1px solid #134981;
}
.wishlist-modal-delete-list-cancel-btn:focus { outline: none;
}
.wishlist-modal-delete-list-cancel-btn:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-modal-delete-list-cancel-btn { color: #0A2541;
}
.dark-theme .wishlist-modal-delete-list-cancel-btn:hover { color: #0A2541;
}
.wishlist-modal-delete-list-cancel-btn[disabled], .wishlist-modal-delete-list-cancel-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-modal-delete-list-cancel-btn[disabled], .wishlist-modal-delete-list-cancel-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-modal-delete-list-cancel-btn[class*=icon-], .wishlist-modal-delete-list-cancel-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-modal-delete-list-cancel-btn[class*=icon-]:before, .wishlist-modal-delete-list-cancel-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-delete-product-delete-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-modal-delete-product-delete-btn:hover, .wishlist-modal-delete-product-delete-btn[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-modal-delete-product-delete-btn:active { background-color: #0F194C;
}
.wishlist-modal-delete-product-delete-btn:focus { outline: none;
}
.wishlist-modal-delete-product-delete-btn:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-modal-delete-product-delete-btn { color: #FEFEFE;
}
.dark-theme .wishlist-modal-delete-product-delete-btn:hover { color: #FEFEFE;
}
.wishlist-modal-delete-product-delete-btn[disabled], .wishlist-modal-delete-product-delete-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-modal-delete-product-delete-btn[disabled], .wishlist-modal-delete-product-delete-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-modal-delete-product-delete-btn[class*=icon-], .wishlist-modal-delete-product-delete-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-modal-delete-product-delete-btn[class*=icon-]:before, .wishlist-modal-delete-product-delete-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-delete-product-cancel-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-modal-delete-product-cancel-btn:hover, .wishlist-modal-delete-product-cancel-btn[aria-describedby*=popover] { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
.wishlist-modal-delete-product-cancel-btn:active { color: #545769; border: 1px solid #134981;
}
.wishlist-modal-delete-product-cancel-btn:focus { outline: none;
}
.wishlist-modal-delete-product-cancel-btn:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-modal-delete-product-cancel-btn { color: #0A2541;
}
.dark-theme .wishlist-modal-delete-product-cancel-btn:hover { color: #0A2541;
}
.wishlist-modal-delete-product-cancel-btn[disabled], .wishlist-modal-delete-product-cancel-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-modal-delete-product-cancel-btn[disabled], .wishlist-modal-delete-product-cancel-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-modal-delete-product-cancel-btn[class*=icon-], .wishlist-modal-delete-product-cancel-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-modal-delete-product-cancel-btn[class*=icon-]:before, .wishlist-modal-delete-product-cancel-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-edit-list-footer .wishlist-edit-list-save-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-edit-list-footer .wishlist-edit-list-save-btn:hover, .wishlist-edit-list-footer .wishlist-edit-list-save-btn[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-edit-list-footer .wishlist-edit-list-save-btn:active { background-color: #0F194C;
}
.wishlist-edit-list-footer .wishlist-edit-list-save-btn:focus { outline: none;
}
.wishlist-edit-list-footer .wishlist-edit-list-save-btn:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-edit-list-footer .wishlist-edit-list-save-btn { color: #FEFEFE;
}
.dark-theme .wishlist-edit-list-footer .wishlist-edit-list-save-btn:hover { color: #FEFEFE;
}
.wishlist-edit-list-footer .wishlist-edit-list-save-btn[disabled], .wishlist-edit-list-footer .wishlist-edit-list-save-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-edit-list-footer .wishlist-edit-list-save-btn[disabled], .wishlist-edit-list-footer .wishlist-edit-list-save-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-edit-list-footer .wishlist-edit-list-save-btn[class*=icon-], .wishlist-edit-list-footer .wishlist-edit-list-save-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-edit-list-footer .wishlist-edit-list-save-btn[class*=icon-]:before, .wishlist-edit-list-footer .wishlist-edit-list-save-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-edit-list-footer .wishlist-edit-list-delete-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-edit-list-footer .wishlist-edit-list-delete-btn:hover, .wishlist-edit-list-footer .wishlist-edit-list-delete-btn[aria-describedby*=popover] { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
.wishlist-edit-list-footer .wishlist-edit-list-delete-btn:active { color: #545769; border: 1px solid #134981;
}
.wishlist-edit-list-footer .wishlist-edit-list-delete-btn:focus { outline: none;
}
.wishlist-edit-list-footer .wishlist-edit-list-delete-btn:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-edit-list-footer .wishlist-edit-list-delete-btn { color: #0A2541;
}
.dark-theme .wishlist-edit-list-footer .wishlist-edit-list-delete-btn:hover { color: #0A2541;
}
.wishlist-edit-list-footer .wishlist-edit-list-delete-btn[disabled], .wishlist-edit-list-footer .wishlist-edit-list-delete-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-edit-list-footer .wishlist-edit-list-delete-btn[disabled], .wishlist-edit-list-footer .wishlist-edit-list-delete-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-edit-list-footer .wishlist-edit-list-delete-btn[class*=icon-], .wishlist-edit-list-footer .wishlist-edit-list-delete-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-edit-list-footer .wishlist-edit-list-delete-btn[class*=icon-]:before, .wishlist-edit-list-footer .wishlist-edit-list-delete-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-share-list .wishlist-modal-share-list-form-group { margin-top: 0;
}
.wishlist-modal-share-list .wishlist-modal-share-list-form-group .wishlist-modal-share-list-form-control { border-right: 0;
}
.wishlist-modal-share-list .wishlist-modal-share-list-submit { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-modal-share-list .wishlist-modal-share-list-submit:hover, .wishlist-modal-share-list .wishlist-modal-share-list-submit[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-modal-share-list .wishlist-modal-share-list-submit:active { background-color: #0F194C;
}
.wishlist-modal-share-list .wishlist-modal-share-list-submit:focus { outline: none;
}
.wishlist-modal-share-list .wishlist-modal-share-list-submit:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-modal-share-list .wishlist-modal-share-list-submit { color: #FEFEFE;
}
.dark-theme .wishlist-modal-share-list .wishlist-modal-share-list-submit:hover { color: #FEFEFE;
}
.wishlist-modal-share-list .wishlist-modal-share-list-submit[disabled], .wishlist-modal-share-list .wishlist-modal-share-list-submit.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-modal-share-list .wishlist-modal-share-list-submit[disabled], .wishlist-modal-share-list .wishlist-modal-share-list-submit.disabled { opacity: 1; color: #545454;
}
.wishlist-modal-share-list .wishlist-modal-share-list-submit[class*=icon-], .wishlist-modal-share-list .wishlist-modal-share-list-submit[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-modal-share-list .wishlist-modal-share-list-submit[class*=icon-]:before, .wishlist-modal-share-list .wishlist-modal-share-list-submit[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-share-list .wishlist-modal-share-list-email-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-modal-share-list .wishlist-modal-share-list-email-btn:hover, .wishlist-modal-share-list .wishlist-modal-share-list-email-btn[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-modal-share-list .wishlist-modal-share-list-email-btn:active { background-color: #0F194C;
}
.wishlist-modal-share-list .wishlist-modal-share-list-email-btn:focus { outline: none;
}
.wishlist-modal-share-list .wishlist-modal-share-list-email-btn:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-modal-share-list .wishlist-modal-share-list-email-btn { color: #FEFEFE;
}
.dark-theme .wishlist-modal-share-list .wishlist-modal-share-list-email-btn:hover { color: #FEFEFE;
}
.wishlist-modal-share-list .wishlist-modal-share-list-email-btn[disabled], .wishlist-modal-share-list .wishlist-modal-share-list-email-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-modal-share-list .wishlist-modal-share-list-email-btn[disabled], .wishlist-modal-share-list .wishlist-modal-share-list-email-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-modal-share-list .wishlist-modal-share-list-email-btn[class*=icon-], .wishlist-modal-share-list .wishlist-modal-share-list-email-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-modal-share-list .wishlist-modal-share-list-email-btn[class*=icon-]:before, .wishlist-modal-share-list .wishlist-modal-share-list-email-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-show-lists { z-index: 1060;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-header { position: relative; display: flex;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back { margin-right: 5px;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back:before { content: "\E904"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back[class*=btn-]:not(.title).btn-sm, .wishlist-modal-show-lists .wishlist-modal-show-lists-header .btn-group-sm > .wishlist-modal-show-lists-header-back[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back[class*=btn-]:not(.title).btn-sm:before, .wishlist-modal-show-lists .wishlist-modal-show-lists-header .btn-group-sm > .wishlist-modal-show-lists-header-back[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back[class*=btn-]:not(.title) [class*=icon-],
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back[class*=btn-]:not(.title) [class^=icon-],
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back[class*=btn-]:not(.title) .fa { display: none;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-close.hide,
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back.hide { display: none;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-close.show,
.wishlist-modal-show-lists .wishlist-modal-show-lists-header .wishlist-modal-show-lists-header-back.show { display: block;
}
.wishlist-modal-show-lists .modal-body { min-height: 120px;
}
.wishlist-modal-show-lists .modal-footer { position: relative;
}
.wishlist-modal-show-lists .modal-footer::after { content: ""; position: absolute; top: calc(-0 16px 16px + -16px); left: 0; width: 100%; height: calc(0 16px 16px + 16px); background: linear-gradient(transparent, #FEFEFE);
}
.wishlist-modal-show-lists .wishlist-all-lists { display: flex; flex-direction: column; width: 100%;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-keep { margin-bottom: 16px; padding: 0; text-align: center;
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all { order: 1; margin-bottom: 16px; display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 17px 0 17px 0;
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all:hover, .wishlist-modal-show-lists .wishlist-create-list-remove-from-all[aria-describedby*=popover] { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all:hover::after, .wishlist-modal-show-lists .wishlist-create-list-remove-from-all[aria-describedby*=popover]::after { left: calc(100% + 0.25em);
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all:active { color: #545454;
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all:focus { outline: none;
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all:focus:active { box-shadow: 0 0 0 1px #388BFF;
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all:focus:active::after { height: 0;
}
.dark-theme .wishlist-modal-show-lists .wishlist-create-list-remove-from-all { color: #FEFEFE;
}
.dark-theme .wishlist-modal-show-lists .wishlist-create-list-remove-from-all::after { color: #FEFEFE;
}
.dark-theme .wishlist-modal-show-lists .wishlist-create-list-remove-from-all:hover { color: #FEFEFE;
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all[disabled]::after, .wishlist-modal-show-lists .wishlist-create-list-remove-from-all.disabled::after { display: none;
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all[disabled], .wishlist-modal-show-lists .wishlist-create-list-remove-from-all.disabled { opacity: 1; color: #545454;
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all[class*=icon-], .wishlist-modal-show-lists .wishlist-create-list-remove-from-all[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-modal-show-lists .wishlist-create-list-remove-from-all[class*=icon-]:before, .wishlist-modal-show-lists .wishlist-create-list-remove-from-all[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-show-lists .wishlist-create-list-no-list-created { text-align: center;
}
.wishlist-modal-show-lists .wishlist-show-new-list-form-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-modal-show-lists .wishlist-show-new-list-form-btn:hover, .wishlist-modal-show-lists .wishlist-show-new-list-form-btn[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-modal-show-lists .wishlist-show-new-list-form-btn:active { background-color: #0F194C;
}
.wishlist-modal-show-lists .wishlist-show-new-list-form-btn:focus { outline: none;
}
.wishlist-modal-show-lists .wishlist-show-new-list-form-btn:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-modal-show-lists .wishlist-show-new-list-form-btn { color: #FEFEFE;
}
.dark-theme .wishlist-modal-show-lists .wishlist-show-new-list-form-btn:hover { color: #FEFEFE;
}
.wishlist-modal-show-lists .wishlist-show-new-list-form-btn[disabled], .wishlist-modal-show-lists .wishlist-show-new-list-form-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-modal-show-lists .wishlist-show-new-list-form-btn[disabled], .wishlist-modal-show-lists .wishlist-show-new-list-form-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-modal-show-lists .wishlist-show-new-list-form-btn[class*=icon-], .wishlist-modal-show-lists .wishlist-show-new-list-form-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-modal-show-lists .wishlist-show-new-list-form-btn[class*=icon-]:before, .wishlist-modal-show-lists .wishlist-show-new-list-form-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-modal-show-lists-toggle-lists-options { display: flex; flex-direction: column;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; min-height: calc(56px); display: flex; text-transform: none; align-items: center; margin-bottom: 16px; order: 2;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn:hover, .wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn[aria-describedby*=popover] { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn:active { color: #545769; border: 1px solid #134981;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn:focus { outline: none;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn { color: #0A2541;
}
.dark-theme .wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn:hover { color: #0A2541;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn[disabled], .wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn[disabled], .wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn[class*=icon-], .wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn[class*=icon-]:before, .wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn:after { margin-left: auto;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn.selected { border-color: #DBDBDB; color: #0A2541; background-color: #FEFEFE;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn.selected .wishlist-create-list-product-name-count { color: #0A2541;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn .wishlist-favorite-product-image { width: 40px; height: 40px; margin-right: 16px;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn .wishlist-create-list-product-name { padding-right: 5px;
}
.wishlist-modal-show-lists .wishlist-modal-show-lists-toggle-lists .wishlist-favorite-product-btn .wishlist-create-list-product-name-count { display: flex; text-align: left;
}
.wishlist-modal-show-lists .wishlist-create-list-btn,
.wishlist-modal-create-list .wishlist-create-list-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-modal-show-lists .wishlist-create-list-btn:hover, .wishlist-modal-show-lists .wishlist-create-list-btn[aria-describedby*=popover],
.wishlist-modal-create-list .wishlist-create-list-btn:hover,
.wishlist-modal-create-list .wishlist-create-list-btn[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-modal-show-lists .wishlist-create-list-btn:active,
.wishlist-modal-create-list .wishlist-create-list-btn:active { background-color: #0F194C;
}
.wishlist-modal-show-lists .wishlist-create-list-btn:focus,
.wishlist-modal-create-list .wishlist-create-list-btn:focus { outline: none;
}
.wishlist-modal-show-lists .wishlist-create-list-btn:focus:active,
.wishlist-modal-create-list .wishlist-create-list-btn:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-modal-show-lists .wishlist-create-list-btn,
.dark-theme .wishlist-modal-create-list .wishlist-create-list-btn { color: #FEFEFE;
}
.dark-theme .wishlist-modal-show-lists .wishlist-create-list-btn:hover,
.dark-theme .wishlist-modal-create-list .wishlist-create-list-btn:hover { color: #FEFEFE;
}
.wishlist-modal-show-lists .wishlist-create-list-btn[disabled], .wishlist-modal-show-lists .wishlist-create-list-btn.disabled,
.wishlist-modal-create-list .wishlist-create-list-btn[disabled],
.wishlist-modal-create-list .wishlist-create-list-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-modal-show-lists .wishlist-create-list-btn[disabled], .wishlist-modal-show-lists .wishlist-create-list-btn.disabled,
.wishlist-modal-create-list .wishlist-create-list-btn[disabled],
.wishlist-modal-create-list .wishlist-create-list-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-modal-show-lists .wishlist-create-list-btn[class*=icon-], .wishlist-modal-show-lists .wishlist-create-list-btn[class^=icon-],
.wishlist-modal-create-list .wishlist-create-list-btn[class*=icon-],
.wishlist-modal-create-list .wishlist-create-list-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-modal-show-lists .wishlist-create-list-btn[class*=icon-]:before, .wishlist-modal-show-lists .wishlist-create-list-btn[class^=icon-]:before,
.wishlist-modal-create-list .wishlist-create-list-btn[class*=icon-]:before,
.wishlist-modal-create-list .wishlist-create-list-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-modal-show-lists .wishlist-create-list-form,
.wishlist-modal-create-list .wishlist-create-list-form { display: flex; flex-direction: column;
}
.wishlist-modal-show-lists .wishlist-create-list-form .form-group,
.wishlist-modal-create-list .wishlist-create-list-form .form-group { margin-top: 0; margin-bottom: 16px;
}
.wishlist-search-results-modal .modal-body { padding: 0;
}
.wishlist-search-results-modal .wishlist-search-results { list-style-type: none; padding: 0; margin: 0;
}
.wishlist-search-results-modal .wishlist-search-results-item + .wishlist-search-results-item { border-top: 1px solid #0A2541;
}
.wishlist-search-results-modal .wishlist-search-results-link { padding: 16px; display: flex; justify-content: space-between; text-decoration: none;
}
.wishlist-search-results-modal .wishlist-search-results-link:hover { background-color: #F6F6F6;
}
.wishlist-search-results-modal .wishlist-search-results-name { font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; color: #0A2541; padding-right: 16px;
}
@media (min-width: 769px) { .wishlist-search-results-modal .wishlist-search-results-name { font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .wishlist-search-results-modal .wishlist-search-results-name { font-size: 19px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.wishlist-search-results-modal .wishlist-search-results-count { font-size: 12px; color: #545454; white-space: nowrap;
}
.wishlist-search-results-modal .wishlist-no-results { padding: 0 16px 16px;
}
.wishlist-toast { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); position: fixed; padding: 16px; max-height: calc(100vh - (16px * 2)); overflow-y: auto; z-index: 1100;
}
.wishlist-toast .alert { box-shadow: 0 2px 4px rgba(34, 34, 34, 0.4); text-align: center;
}
.wishlist-toast .alert.show { display: block;
}
.wishlist-toast .alert:not(.alert-dismissible) { -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms);
}
.wishlist-toast .alert.alert-dismissible { -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms;
}
.wishlist-toast .alert.alert-dismissible .close { padding: 16px;
}
@media (max-width: 768.98px) { .wishlist-toast { width: calc(100vw - 16px); }
}
.wishlist-toast.hide { z-index: -1; opacity: 0;
}
.wishlist-toast.show { z-index: 1100; opacity: 1;
}
.wishlist-toast .wishlist-name { font-weight: bold;
}
.wishlist-toast-message-wrapper p { line-height: 1.4;
}
.wishlist-toast-message-wrapper .message { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 0;
}
.wishlist-toast-message-wrapper .message:before { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.wishlist-toast-message-wrapper .message[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.wishlist-toast-message-wrapper .message[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-toast-message-wrapper .message[class*=btn-]:not(.title).btn-sm, .wishlist-toast-message-wrapper .btn-group-sm > .message[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.wishlist-toast-message-wrapper .message[class*=btn-]:not(.title).btn-sm:before, .wishlist-toast-message-wrapper .btn-group-sm > .message[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.wishlist-toast-message-wrapper .message[class*=btn-]:not(.title) [class*=icon-],
.wishlist-toast-message-wrapper .message[class*=btn-]:not(.title) [class^=icon-],
.wishlist-toast-message-wrapper .message[class*=btn-]:not(.title) .fa { display: none;
}
.wishlist-toast-message-wrapper .message .manage:before,
.wishlist-toast-message-wrapper .message .undo:before { content: "|"; padding-right: calc(16px / 2); text-decoration: none; display: inline-block;
}
.wishlist-toast-message-wrapper .close { top: 2px;
}
@media (max-width: 768.98px) { .wishlist-toast { width: auto; }
}
@media (min-width: 769px) { [data-action=Wishlist-ShowDetail] ~ .wishlist-toast .alert { min-width: 0; }
}
[data-action=Wishlist-ShowDetail] ~ .wishlist-toast .message { justify-content: center;
}
[data-action=Wishlist-ShowDetail] ~ .wishlist-toast a.manage { display: none;
}
.wishlist-landing .wishlist-header + .list-container { margin-top: calc(16px * 2);
}
@media (min-width: 769px) { .wishlist-landing .wishlist-landing-header-container { display: flex; align-items: center; }
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-header-title { margin: 0; padding-bottom: calc(16px / 2); text-align: center; font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .wishlist-landing .wishlist-landing-header-container .wishlist-landing-header-title { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .wishlist-landing .wishlist-landing-header-container .wishlist-landing-header-title { font-size: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 769px) { .wishlist-landing .wishlist-landing-header-container .wishlist-landing-header-title { padding-right: calc(16px / 2); padding-bottom: 0; text-align: left; flex-shrink: 0; }
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-header-row { display: flex; flex-direction: column; align-items: stretch; justify-content: center; width: 100%; margin-top: 5px;
}
@media (min-width: 544px) { .wishlist-landing .wishlist-landing-header-container .wishlist-landing-header-row { flex-direction: row; }
}
@media (min-width: 769px) { .wishlist-landing .wishlist-landing-header-container .wishlist-landing-header-row { margin-top: 0; justify-content: flex-end; }
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn:hover, .wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn[aria-describedby*=popover] { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn:active { color: #545769; border: 1px solid #134981;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn:focus { outline: none;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn { color: #0A2541;
}
.dark-theme .wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn:hover { color: #0A2541;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn[disabled], .wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn[disabled], .wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn[class*=icon-], .wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn[class*=icon-]:before, .wishlist-landing .wishlist-landing-header-container .wishlist-landing-create-list-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-landing .wishlist-landing-header-container .wishlist-search-area { margin-top: 5px;
}
@media (min-width: 544px) { .wishlist-landing .wishlist-landing-header-container .wishlist-search-area { margin-top: 0; margin-left: 16px; }
}
.wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; border-width: 1px; border-radius: 25px; background-color: #ECF1F4; border-color: #ECF1F4; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; width: 100%;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn:hover, .wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn[aria-describedby*=popover] { color: #0A2541; background-color: #FEFEFE; border-color: #DBDBDB; text-decoration: none;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn:active { color: #545769; border: 1px solid #134981;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn:focus { outline: none;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn:focus:active { box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn { color: #0A2541;
}
.dark-theme .wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn:hover { color: #0A2541;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn[disabled], .wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn[disabled], .wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn[class*=icon-], .wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn[class*=icon-]:before, .wishlist-landing .wishlist-landing-header-container .wishlist-search-area .wishlist-search-list-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-landing .wishlist-landing-notes { padding-top: 5px; padding-bottom: 5px; text-align: right;
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 17px 0 17px 0;
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle:hover, .wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle[aria-describedby*=popover] { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle:hover::after, .wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle[aria-describedby*=popover]::after { left: calc(100% + 0.25em);
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle:active { color: #545454;
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle:focus { outline: none;
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle:focus:active { box-shadow: 0 0 0 1px #388BFF;
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle:focus:active::after { height: 0;
}
.dark-theme .wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle { color: #FEFEFE;
}
.dark-theme .wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle::after { color: #FEFEFE;
}
.dark-theme .wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle:hover { color: #FEFEFE;
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle[disabled]::after, .wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle.disabled::after { display: none;
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle[disabled], .wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle.disabled { opacity: 1; color: #545454;
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle[class*=icon-], .wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle[class*=icon-]:before, .wishlist-landing .wishlist-landing-notes .wishlist-landing-notes-toggle[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-landing .lists .wishlist-grid-item { align-self: stretch; margin-bottom: calc(16px * 2);
}
.wishlist-landing .lists .wishlist-grid-item .wishlist-card-list { height: 100%; margin-bottom: 0;
}
.wishlist-landing .wishlist-landing-message { margin: 24px 0; justify-content: center;
}
.wishlist-landing .wishlist-landing-message p { margin-bottom: 0;
}
.wishlist-landing .wishlist-card-list .notes { transition: padding 200ms ease-out;
}
.wishlist-landing .wishlist-card-list .notes:not(.show) { opacity: 0; visibility: hidden; z-index: -1; height: 1px; width: 1px;
}
.wishlist-landing .wishlist-card-list .notes.show { padding-bottom: 16px;
}
.wishlist-landing .wishlist-card-list .notes .wishlist-card-notes { overflow: hidden;
}
.wishlist-search-popover.card { border: none; margin: -16px;
}
.wishlist-search-popover .wishlist-search-btn { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px; width: 100%;
}
.wishlist-search-popover .wishlist-search-btn:hover, .wishlist-search-popover .wishlist-search-btn[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-search-popover .wishlist-search-btn:active { background-color: #0F194C;
}
.wishlist-search-popover .wishlist-search-btn:focus { outline: none;
}
.wishlist-search-popover .wishlist-search-btn:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-search-popover .wishlist-search-btn { color: #FEFEFE;
}
.dark-theme .wishlist-search-popover .wishlist-search-btn:hover { color: #FEFEFE;
}
.wishlist-search-popover .wishlist-search-btn[disabled], .wishlist-search-popover .wishlist-search-btn.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-search-popover .wishlist-search-btn[disabled], .wishlist-search-popover .wishlist-search-btn.disabled { opacity: 1; color: #545454;
}
.wishlist-search-popover .wishlist-search-btn[class*=icon-], .wishlist-search-popover .wishlist-search-btn[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-search-popover .wishlist-search-btn[class*=icon-]:before, .wishlist-search-popover .wishlist-search-btn[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-landing .wishlist-landing-header-container { width: 100%;
}
@media (min-width: 769px) { .wishlist-landing .wishlist-landing-header-container { display: grid; grid-template-columns: auto auto; justify-content: space-between; }
}
.wishlist-details { margin-bottom: 60px; min-height: 30vh;
}
.wishlist-details .wishlist-details-nav { display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center; transition-property: all; transition-duration: 200ms; transition-timing-function: ease-in; width: 100%; clear: both; padding-top: 16px;
}
@media (min-width: 769px) { .wishlist-details .wishlist-details-nav { padding-top: 0; width: auto; order: 2; }
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns { transition-property: all; transition-duration: 200ms; transition-timing-function: ease-in; opacity: 0; display: flex; align-items: center;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; line-height: 1; padding: 9px 23px 9px 23px; letter-spacing: 0.1em; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 9px 0 9px 0; margin: 0 calc(16px / 2); position: relative;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button:hover, .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button[aria-describedby*=popover] { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button:hover::after, .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button[aria-describedby*=popover]::after { left: calc(100% + 0.25em);
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button:active { color: #545454;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button:focus { outline: none;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button:focus:active { box-shadow: 0 0 0 1px #388BFF;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button:focus:active::after { height: 0;
}
.dark-theme .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button { color: #FEFEFE;
}
.dark-theme .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button::after { color: #FEFEFE;
}
.dark-theme .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button:hover { color: #FEFEFE;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button[disabled]::after, .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button.disabled::after { display: none;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button[disabled], .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button.disabled { opacity: 1; color: #545454;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button[class*=icon-], .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button[class^=icon-] { padding-left: calc(47px + 16px); padding-left: calc(23px + 16px);
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button[class*=icon-]:before, .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button + button::before { content: ""; position: absolute; top: 0; left: calc(-16px / 2); width: 1px; background-color: #0A2541; height: 100%;
}
@media (min-width: 544px) { .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button { margin: 0 16px; } .wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button + button::before { left: -16px; }
}
.wishlist-details .wishlist-details-nav.open { transition-timing-function: ease-in;
}
.wishlist-details .wishlist-details-nav.open .wishlist-details-action-btns { opacity: 1; transition-timing-function: ease-in; margin-top: 0;
}
.wishlist-details .wishlist-details-public-toggle,
.wishlist-details .wishlist-details-deselect { float: right;
}
@media (min-width: 769px) { .wishlist-details .wishlist-details-public-toggle,
.wishlist-details .wishlist-details-deselect { float: none; width: 120px; order: 3; }
}
.wishlist-details .wishlist-details-deselect { color: #0A2541; font-weight: normal; text-decoration: underline; cursor: pointer;
}
.wishlist-details .wishlist-details-deselect:hover { color: #134981; text-decoration: underline;
}
.dark-theme .wishlist-details .wishlist-details-deselect { color: #FEFEFE;
}
.dark-theme .wishlist-details .wishlist-details-deselect:hover { color: #FEFEFE;
}
.wishlist-details .wishlist-details-header + .wishlist-details-products { margin-top: calc(16px * 2);
}
@media (min-width: 769px) { .wishlist-details .wishlist-details-header-container { display: flex; justify-content: space-between; flex-direction: row; align-items: center; }
}
.wishlist-details .wishlist-details-header-name { display: flex; align-items: center; float: left;
}
@media (min-width: 769px) { .wishlist-details .wishlist-details-header-name { float: none; }
}
.wishlist-details .wishlist-details-header-name .wishlist-details-header-back:before { content: "\E904"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal;
}
.wishlist-details .wishlist-details-header-name .wishlist-details-header-back[class*=btn-]:not(.title) { padding-left: calc(47px + 16px);
}
.wishlist-details .wishlist-details-header-name .wishlist-details-header-back[class*=btn-]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-details .wishlist-details-header-name .wishlist-details-header-back[class*=btn-]:not(.title).btn-sm, .wishlist-details .wishlist-details-header-name .btn-group-sm > .wishlist-details-header-back[class*=btn-].btn:not(.title) { padding-left: calc(23px + 16px);
}
.wishlist-details .wishlist-details-header-name .wishlist-details-header-back[class*=btn-]:not(.title).btn-sm:before, .wishlist-details .wishlist-details-header-name .btn-group-sm > .wishlist-details-header-back[class*=btn-].btn:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.wishlist-details .wishlist-details-header-name .wishlist-details-header-back[class*=btn-]:not(.title) [class*=icon-],
.wishlist-details .wishlist-details-header-name .wishlist-details-header-back[class*=btn-]:not(.title) [class^=icon-],
.wishlist-details .wishlist-details-header-name .wishlist-details-header-back[class*=btn-]:not(.title) .fa { display: none;
}
.wishlist-details .wishlist-details-header-name .wishlist-details-header-back::before { vertical-align: middle;
}
.wishlist-details .wishlist-details-header-name .wishlist-details-header-text { margin: 0 5px; font-family: "quincy-cf", Times, "Times New Roman", serif; font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
@media (min-width: 769px) { .wishlist-details .wishlist-details-header-name .wishlist-details-header-text { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
@media (min-width: 1024px) { .wishlist-details .wishlist-details-header-name .wishlist-details-header-text { font-size: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal; }
}
.wishlist-details .wishlist-details-products-row { display: flex; justify-content: flex-start;
}
.wishlist-details .wishlist-details-products-column { margin-bottom: calc(16px * 2);
}
.wishlist-details .wishlist-overlay-detail-selected { transition: transform 200ms ease-out; transform: translateY(-100%); background-color: #FEFEFE; position: absolute; opacity: 0; pointer-events: none;
}
.wishlist-details .wishlist-overlay-detail-selected.open { transform: translateY(0); opacity: 1; pointer-events: auto;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-label { display: flex; align-items: center;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #FEFEFE; background-color: #0A2541; border-width: 1px; border-radius: 25px; border-color: #0A2541; text-decoration: none; text-align: center; font-weight: 500; padding: 17px 47px 17px 47px;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add:hover, .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add[aria-describedby*=popover] { color: #FEFEFE; background-color: #134981; border-color: #0A2541; text-decoration: none;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add:active { background-color: #0F194C;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add:focus { outline: none;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add:focus:active { background-color: #0A2541; box-shadow: 0 0 0 2px #388BFF;
}
.dark-theme .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add { color: #FEFEFE;
}
.dark-theme .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add:hover { color: #FEFEFE;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add[disabled], .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add.disabled { background-color: #F9F7F6; border-color: #DBDBDB;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add[disabled], .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add.disabled { opacity: 1; color: #545454;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add[class*=icon-], .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add[class*=icon-]:before, .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-add[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; line-height: 1; padding: 9px 23px 9px 23px; letter-spacing: 0.1em; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 9px 0 9px 0; margin: 0 calc(16px / 2);
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move:hover, .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move[aria-describedby*=popover] { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move:hover::after, .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move[aria-describedby*=popover]::after { left: calc(100% + 0.25em);
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move:active { color: #545454;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move:focus { outline: none;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move:focus:active { box-shadow: 0 0 0 1px #388BFF;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move:focus:active::after { height: 0;
}
.dark-theme .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move { color: #FEFEFE;
}
.dark-theme .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move::after { color: #FEFEFE;
}
.dark-theme .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move:hover { color: #FEFEFE;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move[disabled]::after, .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move.disabled::after { display: none;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move[disabled], .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move.disabled { opacity: 1; color: #545454;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move[class*=icon-], .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move[class^=icon-] { padding-left: calc(47px + 16px); padding-left: calc(23px + 16px);
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move[class*=icon-]:before, .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
@media (min-width: 544px) { .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-move { margin: 0 16px; }
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; line-height: 1; padding: 9px 23px 9px 23px; letter-spacing: 0.1em; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 9px 0 9px 0; margin: 0 calc(16px / 2);
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove:hover, .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove[aria-describedby*=popover] { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove:hover::after, .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove[aria-describedby*=popover]::after { left: calc(100% + 0.25em);
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove:active { color: #545454;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove:focus { outline: none;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove:focus:active { box-shadow: 0 0 0 1px #388BFF;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove:focus:active::after { height: 0;
}
.dark-theme .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove { color: #FEFEFE;
}
.dark-theme .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove::after { color: #FEFEFE;
}
.dark-theme .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove:hover { color: #FEFEFE;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove[disabled]::after, .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove.disabled::after { display: none;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove[disabled], .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove.disabled { opacity: 1; color: #545454;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove[class*=icon-], .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove[class^=icon-] { padding-left: calc(47px + 16px); padding-left: calc(23px + 16px);
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove[class*=icon-]:before, .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-22px);
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove::before { content: ""; position: absolute; top: 0; left: calc(-16px / 2); width: 1px; background-color: #0A2541; height: 100%;
}
@media (min-width: 544px) { .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove { margin: 0 16px; } .wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove::before { left: -16px; }
}
.wishlist-details .wishlist-message-empty { padding: 24px 0;
}
.wishlist-details .wishlist-detail-notes { padding-top: 5px; padding-bottom: 5px; text-align: right;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-logged-out { padding-top: 16px; padding-bottom: 16px; text-align: left;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-logged-out p { margin-bottom: 0;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #0A2541; background-color: transparent; border-radius: 6px; border-width: 1px; border-color: transparent; text-decoration: none; text-align: center; font-weight: 500; position: relative; margin-right: 8px; padding: 17px 0 17px 0;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle::after { content: ">"; position: absolute; left: calc(100% + 0.15em); transition: all 200ms ease-in-out;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle:hover, .wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle[aria-describedby*=popover] { color: #134981; background-color: transparent; border-color: transparent; text-decoration: none;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle:hover::after, .wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle[aria-describedby*=popover]::after { left: calc(100% + 0.25em);
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle:active { color: #545454;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle:focus { outline: none;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle:focus:active { box-shadow: 0 0 0 1px #388BFF;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle:focus:active::after { height: 0;
}
.dark-theme .wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle { color: #FEFEFE;
}
.dark-theme .wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle::after { color: #FEFEFE;
}
.dark-theme .wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle:hover { color: #FEFEFE;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle[disabled]::after, .wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle.disabled::after { display: none;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle[disabled], .wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle.disabled { opacity: 1; color: #545454;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle[class*=icon-], .wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle[class^=icon-] { padding-left: calc(47px + 16px);
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle[class*=icon-]:before, .wishlist-details .wishlist-detail-notes .wishlist-detail-notes-toggle[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-form-group { margin-top: 0;
}
.wishlist-details .wishlist-detail-notes .wishlist-detail-notes-text { margin-bottom: 16px;
}
.wishlist-details .wishlist-details-nav .wishlist-details-action-btns > button + button::before { display: none;
}
.wishlist-details .wishlist-overlay-detail-selected .wishlist-overlay-detail-selected-remove::before { display: none;
}
.wishlist-details .wishlist-message-empty { padding: 0;
}
.wishlist-details .wishlist-message-empty .no-saved-list-msg { margin: 48px auto; text-align: center;
}
.wishlist-details .wishlist-message-empty .no-saved-list-msg img { width: 125px;
}
@media (min-width: 769px) { .wishlist-details .wishlist-details-public-toggle,
.wishlist-details .wishlist-details-deselect { width: auto; }
}
.styleguide .main__section > .row { background: #FEFEFE;
}
.styleguide .main__section > .row .brand-logo { height: 50px; max-width: var(--brand-logo-mobile-size, 160px); background-image: var(--brand-logo-mobile, url("../images/1911-logo.svg"));
}
@media (min-width: 769px) { .styleguide .main__section > .row .brand-logo { height: 100px; max-width: var(--brand-logo-desktop-size, 212px); background-image: var(--brand-logo-desktop, url("../images/1911-logo.svg")); }
}
@media (min-width: 1024px) { .styleguide .main__section > .row .brand-logo { max-width: var(--brand-logo-desktop-size, 212px); background-image: var(--brand-logo-desktop, url("../images/1911-logo.svg")); }
}
.styleguide .main__section > .row .brand-favicon { height: 32px; width: 32px; background-image: var(--brand-favicon, url("../images/favicons/favicon-32x32.png")); background-size: contain; background-repeat: no-repeat;
}
.styleguide .main__section > .row .sg__header1, .styleguide .main__section > .row .sg__header2, .styleguide .main__section > .row .sg__header3, .styleguide .main__section > .row .sg__header4 { color: rgba(10, 37, 65, 0.75);
}
.styleguide .main__section > .row .sg__n1 { font-family: "Poppins", sans-serif; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 1em; letter-spacing: 0.08em;
}
.styleguide .main__section > .row .sg__n1:hover { text-decoration: underline;
}
.styleguide .main__section > .row .sg__n1-secondary { font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2em; text-transform: none; color: #0A2541;
}
.styleguide .main__section > .row .sg__n1-secondary:hover { color: #134981;
}
.styleguide .main__section > .row .sg__n1-tertiary { color: #0A2541; font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 400; text-transform: none;
}
.styleguide .main__section > .row .sg__n1-tertiary:hover { color: #134981;
}
.styleguide .main__section > .row .sg__print-icon:after { content: "\E93B"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal;
}
.styleguide .main__section > .row .sg__print-icon[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.styleguide .main__section > .row .sg__print-icon[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.styleguide .main__section > .row .sg__print-icon[class*=btn-]:not(.title).btn-sm, .styleguide .main__section > .row .btn-group-sm > .sg__print-icon[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.styleguide .main__section > .row .sg__print-icon[class*=btn-]:not(.title).btn-sm:after, .styleguide .main__section > .row .btn-group-sm > .sg__print-icon[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; position: absolute; transform: translateX(10px);
}
.styleguide .main__section > .row .sg__print-icon[class*=btn-]:not(.title) [class*=icon-],
.styleguide .main__section > .row .sg__print-icon[class*=btn-]:not(.title) [class^=icon-],
.styleguide .main__section > .row .sg__print-icon[class*=btn-]:not(.title) .fa { display: none;
}
.styleguide .main__section > .row .sg__gold-star-icon:after { content: "\E980"; font-family: "icomoon"; display: inline-block; font-size: 50px; color: gold; font-weight: normal;
}
.styleguide .main__section > .row .sg__gold-star-icon[class*=btn-]:not(.title) { padding-right: calc(47px + 16px);
}
.styleguide .main__section > .row .sg__gold-star-icon[class*=btn-]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: gold; font-weight: normal; position: absolute; transform: translateX(10px);
}
.styleguide .main__section > .row .sg__gold-star-icon[class*=btn-]:not(.title).btn-sm, .styleguide .main__section > .row .btn-group-sm > .sg__gold-star-icon[class*=btn-].btn:not(.title) { padding-right: calc(23px + 16px);
}
.styleguide .main__section > .row .sg__gold-star-icon[class*=btn-]:not(.title).btn-sm:after, .styleguide .main__section > .row .btn-group-sm > .sg__gold-star-icon[class*=btn-].btn:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: gold; font-weight: normal; position: absolute; transform: translateX(10px);
}
.styleguide .main__section > .row .sg__gold-star-icon[class*=btn-]:not(.title) [class*=icon-],
.styleguide .main__section > .row .sg__gold-star-icon[class*=btn-]:not(.title) [class^=icon-],
.styleguide .main__section > .row .sg__gold-star-icon[class*=btn-]:not(.title) .fa { display: none;
}
.styleguide .main__section > .row .sg__custom-button { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: "Poppins", sans-serif; text-transform: uppercase; transition: all 200ms ease-out; text-decoration: none; border-radius: 25px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.12em; line-height: 1em; padding: 17px 47px 17px 47px; background: #155724; color: #FEFEFE; border-color: #155724;
}
.styleguide .main__section > .row .sg__custom-button:hover, .styleguide .main__section > .row .sg__custom-button:focus, .styleguide .main__section > .row .sg__custom-button[aria-describedby*=popover] { background: #10421c; border-color: #10421c;
}
.styleguide .main__section > .row .sg__custom-button[disabled], .styleguide .main__section > .row .sg__custom-button.disabled { opacity: 1; color: #545454;
}
.styleguide .main__section > .row .sg__custom-button[class*=icon-], .styleguide .main__section > .row .sg__custom-button[class^=icon-] { padding-left: calc(47px + 16px);
}
.styleguide .main__section > .row .sg__custom-button[class*=icon-]:before, .styleguide .main__section > .row .sg__custom-button[class^=icon-]:before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; position: absolute; transform: translateX(-26px);
}
.styleguide .main__section > .row .color-value.background--blue::after { content: "#5A49B2";
}
.styleguide .main__section > .row .color-value.background--indigo::after { content: "#6610f2";
}
.styleguide .main__section > .row .color-value.background--purple::after { content: "#5A49B2";
}
.styleguide .main__section > .row .color-value.background--pink::after { content: "#e83e8c";
}
.styleguide .main__section > .row .color-value.background--red::after { content: "#A1001D";
}
.styleguide .main__section > .row .color-value.background--orange::after { content: "#fd7e14";
}
.styleguide .main__section > .row .color-value.background--yellow::after { content: "#FFEEBA";
}
.styleguide .main__section > .row .color-value.background--green::after { content: "#155724";
}
.styleguide .main__section > .row .color-value.background--teal::after { content: "#20c997";
}
.styleguide .main__section > .row .color-value.background--cyan::after { content: "#17a2b8";
}
.styleguide .main__section > .row .color-value.background--white::after { content: "#FEFEFE";
}
.styleguide .main__section > .row .color-value.background--gray::after { content: "#767676";
}
.styleguide .main__section > .row .color-value.background--gray-dark::after { content: "#343a40";
}
.styleguide .main__section > .row .color-value.background--brand-primary::after { content: "#134981";
}
.styleguide .main__section > .row .color-value.background--brand-secondary::after { content: "#0A2541";
}
.styleguide .main__section > .row .color-value.background--accent-yellow::after { content: "#FFEC93";
}
.styleguide .main__section > .row .color-value.background--accent-lavender::after { content: "#CBC3DC";
}
.styleguide .main__section > .row .color-value.background--seasonal::after { content: "#C56A4E";
}
.styleguide .main__section > .row .color-value.background--seasonal-alt::after { content: "#AD5338";
}
.styleguide .main__section > .row .color-value.background--off-white::after { content: "#F6F6F6";
}
.styleguide .main__section > .row .color-value.background--light-gray::after { content: "#D8D8D8";
}
.styleguide .main__section > .row .color-value.background--dark-gray::after { content: "#545454";
}
.styleguide .main__section > .row .color-value.background--black::after { content: "#222222";
}
.styleguide .main__section > .row .color-value.background--success::after { content: "#155724";
}
.styleguide .main__section > .row .color-value.background--danger::after { content: "#A1001D";
}
.styleguide .main__section > .row .color-value.background--warning::after { content: "#FFEEBA";
}
.styleguide .main__section > .row .color-value.background--info::after { content: "#5A49B2";
}
.styleguide .main__section > .row .color-value.background--light-blue::after { content: "#E7EFF5";
}
.styleguide .main__section > .row .color-value.background--background-secondary::after { content: "#ECF1F4";
}
.styleguide .main__section > .row .color-value.background--background-tertiary::after { content: "#F9F7F6";
}
.styleguide .main__section > .row .color-value.background--border-secondary::after { content: "#DBDBDB";
}
.styleguide .main__section > .row .color-value.background--border-tertiary::after { content: "#ECECEC";
}
.styleguide .main__section > .row .grid-columns__breakpoint-xs::after { content: "0 - 768px";
}
.styleguide .main__section > .row .grid-columns__breakpoint-md::after { content: "769px - 1439px";
}
.styleguide .main__section > .row .grid-columns__breakpoint-xl::after { content: "1440px +";
}
.styleguide .main__section > .row .grid-columns__gutter-size-xs::after { content: "32px";
}
.styleguide .main__section > .row .grid-columns__gutter-size-md::after { content: "32px";
}
.styleguide .main__section > .row .grid-columns__gutter-size-xl::after { content: "48px";
}
.styleguide .main__section > .row .grid-columns__xs { padding-right: 16px; padding-left: 16px;
}
.styleguide .main__section > .row .grid-columns__xs .row { margin-right: -16px; margin-left: -16px;
}
.styleguide .main__section > .row .grid-columns__xs .col { padding-right: 16px; padding-left: 16px;
}
.styleguide .main__section > .row .grid-columns__md { padding-right: 16px; padding-left: 16px;
}
.styleguide .main__section > .row .grid-columns__md .row { margin-right: -16px; margin-left: -16px;
}
.styleguide .main__section > .row .grid-columns__md .col { padding-right: 16px; padding-left: 16px;
}
.styleguide .main__section > .row .grid-columns__xl { padding-right: 24px; padding-left: 24px;
}
.styleguide .main__section > .row .grid-columns__xl .row { margin-right: -24px; margin-left: -24px;
}
.styleguide .main__section > .row .grid-columns__xl .col { padding-right: 24px; padding-left: 24px;
}
.styleguide .main .section--typography .bp--mobile::after { content: "0 - 768px";
}
.styleguide .main .section--typography .bp--tablet::after { content: "769px - 1023px";
}
.styleguide .main .section--typography .bp--mobile-tablet::after { content: "0 - 1023px";
}
.styleguide .main .section--typography .bp--desktop::after { content: "1024px +";
}
.styleguide .main .section--typography .h1--mobile .h1 { font-size: 38px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h1--tablet .h1 { font-size: 38px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h1--desktop .h1 { font-size: 46px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h2--mobile .h2 { font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h2--tablet .h2 { font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h2--desktop .h2 { font-size: 33px; line-height: 1.1; font-weight: 400; letter-spacing: -0.005em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h3--mobile .h3 { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h3--tablet .h3 { font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h3--desktop .h3 { font-size: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h4--mobile .h4 { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h4--tablet .h4 { font-size: 20px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h4--desktop .h4 { font-size: 22px; line-height: 1.1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h5--mobile .h5 { font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h5--tablet .h5 { font-size: 17px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h5--desktop .h5 { font-size: 19px; line-height: 1.1; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h6--mobile .h6 { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h6--tablet .h6 { font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .h6--desktop .h6 { font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b1--mobile .b1 { font-size: 64px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b1--tablet .b1 { font-size: 64px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b1--desktop .b1 { font-size: 96px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b2--mobile .b2 { font-size: 40px; line-height: 1.2; font-weight: 500; letter-spacing: -0.015em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b2--tablet .b2 { font-size: 40px; line-height: 1.2; font-weight: 500; letter-spacing: -0.015em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b2--desktop .b2 { font-size: 60px; line-height: 1.2; font-weight: 500; letter-spacing: -0.015em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b3--mobile .b3 { font-size: 36px; line-height: 1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b3--tablet .b3 { font-size: 36px; line-height: 1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b3--desktop .b3 { font-size: 48px; line-height: 1; font-weight: 500; letter-spacing: 0em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b4--mobile .b4 { font-size: 26px; line-height: 1; font-weight: 500; letter-spacing: 0.02em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b4--tablet .b4 { font-size: 26px; line-height: 1; font-weight: 500; letter-spacing: 0.02em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .b4--desktop .b4 { font-size: 32px; line-height: 1; font-weight: 500; letter-spacing: 0.02em; text-transform: none; font-style: normal;
}
.styleguide .main .section--typography .p--mobile .p--small { font-size: 11px; line-height: 1.75;
}
.styleguide .main .section--typography .p--mobile .p { font-size: 12px; line-height: 1.75;
}
.styleguide .main .section--typography .p--mobile .p--large { font-size: 16px; line-height: 1.75;
}
.styleguide .main .section--typography .p--desktop .p--small { font-size: 12px; line-height: 1.75;
}
.styleguide .main .section--typography .p--desktop .p { font-size: 14px; line-height: 1.75;
}
.styleguide .main .section--typography .p--desktop .p--large { font-size: 17px; line-height: 1.75;
}
.styleguide .sg-nav .sg-nav__inner .sg__logo { background-image: url(../images/1911-logo.svg);
}
.styleguide .main__section > .row .grid-columns__xs { padding-right: 32px; padding-left: 32px;
}
.styleguide .main__section > .row .grid-columns__md { padding-right: 32px; padding-left: 32px;
}
.styleguide .main__section > .row .grid-columns__xl { padding-right: 48px; padding-left: 48px;
}
.styleguide .main__section > .row .grid-columns .sg-grid-example { background: #ffbfbb;
}
.styleguide .main .icon-list .name { white-space: normal;
}
.styleguide .main .section--typography .b5--mobile .b5 { font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; font-style: normal;
}
.styleguide .main .section--typography .b5--tablet .b5 { font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; font-style: normal;
}
.styleguide .main .section--typography .b5--desktop .b5 { font-size: 14px; line-height: 1; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal;
}