/** Shopify CDN: Minification failed
Line 6897:0 Unexpected "}"
Line 9469:0 Unexpected "}"
**/
/**
* ----------------------------------------------------------------------------
* Video-js.css
* ----------------------------------------------------------------------------
*/
@charset "UTF-8";
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-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: normal;
font-style: normal;
}
@font-face {
font-family: 'NeubauGrotesk--45';
src: url('/cdn/shop/files/NeubauGrotesk-45Mager.woff2?v=1752577476') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
content: "\f101";
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play-circle:before {
content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f109";
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-square:before {
content: "\f10a";
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-spinner:before {
content: "\f10b";
}
.vjs-icon-subtitles, .video-js .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-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .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-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
content: "\f10c";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-captions: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, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e";
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-share:before {
content: "\f10f";
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cog:before {
content: "\f110";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
content: "\f111";
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-outline:before {
content: "\f112";
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
content: "\f113";
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-hd:before {
content: "\f114";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f115";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f116";
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-facebook:before {
content: "\f117";
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-gplus:before {
content: "\f118";
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-linkedin:before {
content: "\f119";
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-twitter:before {
content: "\f11a";
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-tumblr:before {
content: "\f11b";
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pinterest:before {
content: "\f11c";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f11d";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f11e";
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-next-item:before {
content: "\f11f";
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-previous-item:before {
content: "\f120";
}
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f121";
}
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder: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: normal;
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: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
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-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
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: 0.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: 0px 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: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.81666em;
margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .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: none;
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: 0.5em;
z-index: 2;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 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: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .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 0.3em 0;
font-weight: bold;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.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-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block;
}
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.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 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .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:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .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, 0.7);
}
.vjs-has-started .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.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-using-native-controls .vjs-control-bar,
.vjs-error .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:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white;
}
.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 0.2s;
height: 0.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-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
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: 0.9em;
position: absolute;
right: -0.5em;
top: -0.3333333333em;
z-index: 1;
}
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.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-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: 0.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, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
/* iOS Safari */
-webkit-touch-callout: none;
/* Safari */
-webkit-user-select: none;
/* Konqueror HTML */
/* Firefox */
-moz-user-select: none;
/* Internet Explorer/Edge */
-ms-user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
cursor: default;
}
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
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-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .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-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.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, .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-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em;
margin-right: 0;
}
.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, .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-volume-control.vjs-slider-active.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:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 10em;
transition: width 0.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: 0.5em;
}
.video-js .vjs-volume-panel {
display: flex;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.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: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.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, 0.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: #000000;
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:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
display: none;
}
.video-js .vjs-seek-to-live-control {
cursor: pointer;
flex: none;
display: inline-flex;
height: 100%;
padding-left: 0.5em;
padding-right: 0.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: 0.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: 0.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-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
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: 0em;
}
.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: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.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: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.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 0.3s forwards;
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
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: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 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: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.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: white;
}
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: white;
}
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: -0.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: "";
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: -0.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: " ";
font-size: 1.5em;
line-height: inherit;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.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.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.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.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.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.vjs-slider-active {
width: auto;
width: initial;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .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-tiny .vjs-subs-caps-button {
display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
flex: auto;
display: block;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
width: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.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-font,
.vjs-text-track-settings .vjs-track-settings-controls {
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 0px 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-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr;
}
}
.vjs-track-setting > select {
margin-right: 1em;
margin-bottom: 0.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:focus,
.vjs-track-settings-controls button:active {
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, 0.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: none;
background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
outline: none;
background: none;
}
/**
* ----------------------------------------------------------------------------
* Image overlay
* ----------------------------------------------------------------------------
*/
.Image--contrast--desktop {
position: absolute;
z-index: 1;
}
.Image--contrast--mobile {
position: absolute;
z-index: 1;
}
.Image--gradient--mobile {
position: relative;
z-index: 1;
}
@media screen and (min-width: 1025px) {
.Header__MainNav {
display: flex;
justify-content: center;
width: fit-content;
justify-self: center;
}
.CartItem__ImageWrapper, .CartItem__Info{
width: calc(100% - 127px);
}
.burger--buns{
margin-right: 24px;
}
.Linklist {
margin-right: 32px;
}
.Footer__Block:first-child {
margin-right: 32px;
}
.Footer__Block:last-child {
margin-left: 32px;
}
.Sticky__Button {
padding: 8px 16px;
background-color: black;
color: white;
width: fit-content;
position: fixed;
bottom: 89px;
right: 50px;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
}
.Sticky__Button .Icon--r_arrow {
width: 8px;
height: 12px;
}
.Image--contrast--desktop:after {
position: absolute;
content: "\A0";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
}
@media screen and (max-width: 1024px) {
.Header__Logo {
position: relative;
margin-bottom: 0px;
}
.Header__Wrapper {
display: grid;
align-items: center;
justify-content: space-between;
padding: 15px 18px;
grid-template-columns: 1fr 1fr;
}
.recomedned_product_item .ProductItem__PriceList{
margin-bottom: 16px;
}
.Image--contrast--mobile:after {
position: absolute;
content: "\A0";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
.Image--gradient--mobile:after {
position: absolute;
content: "\A0";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(180.08deg, rgba(0, 0, 0, 0) 50.1%, rgba(0, 0, 0, 0.64) 99.93%);
z-index: 1;
}
}
/**
* ----------------------------------------------------------------------------
* Slideshow 2.0
* ----------------------------------------------------------------------------
*/
.Slideshow__Content {
z-index: 2;
}
.Slideshow__Content .rectangle {
margin-top: 4px;
margin-bottom: 16px;
}
.Slideshow__Content--middleCenter{
bottom: 30px !important;
align-items: center;
display: flex;
margin-left: 0 !important;
justify-content: center;
}
.Slideshow__Content--bottomCenter{
bottom: 30px !important;
align-items: center;
display: flex;
margin-left: 0 !important;
justify-content: center;
left: 50%;
transform: translateX(-50%);
}
.Slideshow__Content--bottomRight {
bottom: 30px !important;
align-items: center;
display: flex;
margin-left: 0 !important;
justify-content: center;
left: auto !important;
right: 30px;
}
.triple_image_text_link--link {
border-radius: 6px;
}
@media screen and (min-width: 1025px) {
.retailers_map_pp_wrapper .retaliers_country {
display: none;
}
.triple_image_text_link .triple_image_text_link--link {
font-family: 'NeubauGrotesk--55';
}
.stacked__section {
margin-right: -56px;
}
.Slideshow__Content .rectangle {
margin-top: 8px;
margin-bottom: 24px;
}
.Slideshow__Content .SectionHeader {
max-width: 24.7084vw;
visibility: visible !important;
opacity: 1 !important;
transform: unset !important;
}
.Slideshow__Content .SectionHeader__ButtonWrapper{
visibility: visible !important;
opacity: 1 !important;
transform: unset !important;
}
.Slideshow__Content--bottomLeft {
bottom: 30px;
}
.Slideshow__Content--middleRight {
left: auto !important;
right: 30px;
}
.Slideshow__Content--middleRight .rectangle {
margin-left: auto;
}
.Slideshow__Content--bottomRight .rectangle {
margin-left: auto;
}
}
.Slideshow__Content--middleLeft {
left: 0;
transform: translateY(-50%);
}
.Slideshow__Content--middleCenter .rectangle {
margin-left: auto;
margin-right: auto;
}
.Slideshow__Content--bottomCenter .rectangle {
margin-left: auto;
margin-right: auto;
}
.Slideshow__Content--middleCenter {
bottom: auto !important;
}
.Slideshow__Content--middleRight {
transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
.slideshow_video {
padding: 8px;
}
.Slideshow__Content {
left: 0;
z-index: 2;
}
.Slideshow__Content--bottomLeft {
bottom: 48px;
}
.Slideshow__Content--bottomRight_mobile {
right: 0;
top: auto;
bottom: 32px !important;
text-align: right;
}
.Slideshow__Content--bottomRight_mobile .rectangle {
margin-left: auto;
margin-right: 0;
}
.Slideshow__Content--bottomCenter_mobile {
bottom: 32px !important;
top: auto;
text-align: center;
right: auto;
}
.Slideshow__Content--bottomCenter_mobile .rectangle {
margin-left: auto;
margin-right: auto;
}
.Slideshow__Content--middleCenter_mobile {
text-align: center;
bottom: 50%!important;
transform: translateY(50%);
right: auto;
}
.Slideshow__Content--middleCenter_mobile .rectangle {
margin-left: auto;
margin-right: auto;
}
.Slideshow__Content--middleCenter_mobile .Slideshow__Button_2_0 {
margin-left: auto;
margin-right: auto;
}
.Slideshow__Content--bottomLeft_mobile {
bottom: 32px !important;
top: auto;
left: 0;
right: auto;
text-align: left;
}
.slideshow_shop_var .Slideshow__Content--bottomRight_mobile {
bottom: 64px !important;
top: auto;
}
.Slideshow__Content--bottomRight_mobile .Slideshow__Button_2_0 {
margin-left: auto;
}
.slideshow_shop_var .Slideshow__Content--bottomCenter_mobile {
bottom: 64px !important;
top: auto;
}
.Slideshow__Content--bottomCenter_mobile .Slideshow__Button_2_0 {
margin-left: auto;
margin-right: auto;
}
.slideshow_shop_var .Slideshow__Content--bottomLeft_mobile {
bottom: 64px !important;
}
.Slideshow__Content--bottomLeft_mobile .rectangle {
margin-left: 0;
margin-right: auto;
}
.Slideshow__Content--middleLeft_mobile {
bottom: 50%!important;
transform: translateY(50%);
text-align: left;
right: auto;
left: 0;
}
.Slideshow__Content--middleRight_mobile {
bottom: 50% !important;
transform: translateY(50%);
text-align: right;
right: 0;
left: auto;
}
.Slideshow__Content--middleRight_mobile .rectangle {
margin-left: auto;
margin-right: 0;
}
.Slideshow__Content--middleRight_mobile .Slideshow__Button_2_0 {
margin-left: auto;
margin-right: 0;
}
.Slideshow__Content--topLeft_mobile {
bottom: auto !important;
top: 48px;
text-align: left;
transform: none;
left: 0;
right: auto;
}
.Slideshow__Content--topLeft_mobile .rectangle {
margin-left: 0;
}
.Slideshow__Content--topRight_mobile {
bottom: auto !important;
top: 48px;
text-align: right;
transform: none;
}
.Slideshow__Content--topRight_mobile .rectangle {
margin-left: auto;
margin-right: 0;
}
.Slideshow__Content--topRight_mobile .Slideshow__Button_2_0 {
margin-left: auto;
margin-right: 0;
}
.Slideshow__Content--topCenter_mobile {
bottom: auto !important;
top: 48px;
text-align: center;
transform: none;
left: 0;
right: auto;
}
.Slideshow__Content--topCenter_mobile .Slideshow__Button_2_0 {
margin-left: auto;
margin-right: auto;
}
.Slideshow__Content--overlay_mobile.width--slide {
width: calc(100% - 32px);
}
.Slideshow__Content--topCenter_mobile .rectangle {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1025px) {
.Slideshow__Content--overlay_desktop {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
margin-left: 50px;
background: rgb(255, 255, 255, 0.8);
width: 28vw;
}
.Slideshow__Content--overlay_desktop #cta_page {
background: transparent;
width: 100%;
word-break: break-word;
}
.text_color--image_overlay {
color: white;
}
.Slideshow__Content--overlay_desktop {
color: black;
}
.b_arrow--wrapper {
width: 27px;
height: 27px;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (max-width: 1024px) {
.retailers_map_pp_wrapper .retaliers_country {display: block;}
.Slideshow__Button_2_0 {
padding: 12px 16px;
background: white;
color: black;
display: flex;
align-items: center;
border-radius: 6px;
}
.b_arrow--wrapper {
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 12px;
}
.Slideshow__Content--overlay_mobile .Slideshow__Button_2_0 {
background: transparent;
color: black;
}
.Image--contrast--mobile_text_color .SectionHeader {
color: white;
}
.Image--contrast--mobile_text_color .SectionHeader__Heading {
color: white;
}
.Image--contrast--mobile_text_color .SectionHeader__SubHeading {
color: white;
margin-bottom: 0;
}
.Slideshow__Content--overlay_mobile {
padding-top: 48px;
padding-bottom: 48px;
padding-left: 16px;
padding-right: 16px;
background: rgb(255, 255, 255, 0.8);
left: 16px !important;
}
.Slideshow__Content--overlay_mobile .SectionHeader {
color: black;
}
.Slideshow__Content--overlay_mobile .SectionHeader__Heading {
color: black;
}
.Slideshow__Content--overlay_mobile .SectionHeader__SubHeading {
color: black;
}
}
.Slideshow__Button_2_0 svg {
width: 11px;
}
.Slideshow__Content--overlay .SectionHeader__Heading {
color: black;
}
.Slideshow__Content--overlay .SectionHeader__SubHeading {
color: black;
}
.Slideshow__Button_2_0 {
margin-top: 16px;
border-radius: 6px;
}
@media screen and (min-width: 1025px) {
.Slideshow__Button_2_0 svg {
width: 19px;
}
.Slideshow__Button_2_0 {
font-family: NeubauGrotesk--55;
font-style: normal;
padding: 16px 24px;
background-color: white;
color: black;
width: 24.7084vw;
text-align: left;
display: flex;
justify-content: center;
align-items: center;
border-radius: 6px;
max-width: 270px;
word-break: break-word;
}
.Image--contrast--mobile_text_color .Slideshow__Content--overlay_desktop .SectionHeader {
color: black;
}
.Image--contrast--mobile_text_color .Slideshow__Content--overlay_desktop .SectionHeader__Heading {
color: black;
}
.Image--contrast--mobile_text_color .Slideshow__Content--overlay_desktop .SectionHeader__SubHeading {
color: black;
}
}
/**
* ----------------------------------------------------------------------------
* Slideshow 2.0 END !!!
* ----------------------------------------------------------------------------
*/
.vjs-poster{object-fit: cover; background-size: cover;}
*{
-webkit-tap-highlight-color: transparent;
}
.ImageHero__Image{
background-repeat: no-repeat !important;
}
.spec--title {
display: inline-block;
text-align: left;
}
.hide_values{
display: none !important;
}
.ml--L{
margin-left:64px;
}
.Video--fullscreen {
height: calc(100vw * 0.5625);
}
.vjs-tech {
object-fit: cover;
}
.wrapper_click--video.my-player-teaser_fb{
width: 100%;
height: 100%;
}
#my-player-slideshow_youtube_api.vjs-tech{
object-fit: contain !important;
}
.Image--FadeInBlur {
opacity: 0;
-webkit-filter: blur(5px);
filter: blur(5px);
transition: filter 300ms 100ms, -webkit-filter 300ms 100ms;
}
.Image--lazyLoaded.Image--FadeInBlur {
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
/*CART DRAWER*/
/* CART TOOLTIP */
.bubble {
position: absolute;
width: 256px;
background: rgba(0,0,0,.7);
padding: 30px 20px;
text-align: left;
bottom: 90px;
display: flex;
left: 10px;
flex-direction: column;
visibility:hidden;
}
.bubble-bottom-left:before {
content: "";
width: 0;
height: 0;
position: absolute;
border-left: 20px solid rgba(0, 0, 0, 0.7);
border-right: 12px solid transparent;
border-top: 12px solid rgba(0, 0, 0, 0.7);
border-bottom: 20px solid transparent;
left: 0px;
bottom: -32px;
}
.TaxInfo--Close{
text-align: right;
cursor: pointer;
}
.ProductForm__AddToCart .vat{
margin-left: 6px;
}
@media screen and (max-width: 1024px){
.bubble {
width: 180px;
background: rgba(0,0,0,.7);
padding: 20px 10px;
}
.bubble-bottom-left:before {
content: "";
width: 0;
height: 0;
position: absolute;
border-left: 20px solid rgba(0, 0, 0, 0.7);
border-right: 12px solid transparent;
border-top: 12px solid rgba(0, 0, 0, 0.7);
border-bottom: 20px solid transparent;
left: 0px;
bottom: -32px;
}
}
/*CART TOOLTIP END*/
/*CART UPGRADEER*/
.QuantitySelector{display: flex;}
.selectbox{
width: fit-content;
margin-top: 4px;
height: 40px;
mix-blend-mode: normal;
border: 0px;
box-sizing: border-box;
padding: 8px;
font-size: 16px !important;
font-weight: 400;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
background-position-x: 80%;
border: 1px solid #F2F2F2
}
.selectbox option{
width: 100%;
height: 36px;
mix-blend-mode: normal;
border: 1px solid #F2F2F2;
box-sizing: border-box;
padding-left: 20px;
font-size: 12px;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
background-position-x: 90%;
}
#upgrade-modal{
padding: 20px;width: 400px; max-height: 650px; overflow: hidden;
}
.upgrade-holder{
margin-top:20px;
overflow: auto;
height: auto;
width: 100%;
max-height: 450px; padding-bottom: 70px;
}
.upgrade--all {
background: black;
height: 40px;
width: 60%;
color: white;
display: flex;
align-items: center;
position: relative;
flex: none;
margin-right: 10px;
padding: 8px 16px;
cursor: pointer;
}
.Modal__Checkout{
flex: none;
width: calc(40% - 10px);
background: #D4D5D4;
padding: 8px 16px;
}
.Modal__Checkout svg{
margin-left: 0px;
width: 14px;
height: 14px; margin-top: -2px;
margin-left: 5px;
}
.upgrade--all svg {
right: 16px; width: 14px;
height: 14px;
position: absolute;
}
#modal--actions {
display: flex;
width: calc(100% - 40px);
padding-top: 20px;
padding-bottom: 20px;
position: absolute;
bottom: 0;
background: white;
}
.loader_overlay{width: 100%; height: 100%; margin-left: -20px; margin-top: -20px; position: absolute; background: rgba(0,0,0,0.5); display: none;z-index: 9; }
.loader {
border: 16px solid #f3f3f3;
border-top: 16px solid #3498db;
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
/* display: none; */
display: flex;
margin: 0 auto;
align-items: center;
top: 30%;
position: absolute;
left: 0;
right: 0;
transform: translateY(-50%);
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.upgrade--flex {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px; cursor: pointer;
}
.upgrade--item {
width: 160px;
padding: 4px;
border: 2px solid #D4D5D4;
}
.current--upgrade{
border: 2px solid #00A283;
}
.mb--XS{margin-bottom: 5px; }
svg.upgrade--arrow {
width: 32px;
height: 32px;
margin-left: 4px;
margin-right: 4px;
}
/*CART DRAWER -- META ICONS*/
.Price_Custom--splitIT a svg path{fill:#00A283; }
.Drawer__Footer .geo_info{
color: white;
background: black;
padding: 4px 12px;
line-height: 130%;
font-size: 12px;
width: fit-content;
margin-bottoM: 45px;
}
.Drawer__Footer .geo_info p{
font-size: 12px;
}
.Drawer__Footer .geo_info span{
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
.Product__Info .Drawer__FooterIcons{
margin: 10px 0;
}
.Meta__Section{
flex: 1;
position: relative;
margin: 0 auto;
display: flex;
font-size: 16px;
flex-direction: column;
}
.Meta__Icon{
height: 100%;
display: inline-block;
background-size: 48px !important;
}
.Meta__Row{
height: 60px;
width: 100%;
display: flex;
justify-content: center;
}
.Meta__SectionTextContainer{
flex: 1;
display: inline-block;
margin: auto;
text-align: center;
}
.Meta__SectionText--medium{
width: 130px;
margin: 0 auto;
position: relative;
line-height: 130%;
margin-top: 8px;
text-align: center;
font-size: 16px;
}
.Drawer__FooterIcons{
padding: 16px 0px;
position: relative;
width: 100%;
border-bottom: 1px solid #C5C5C5;
border-top: 1px solid #C5C5C5;
}
.Cart__Checkout {
margin-top:20px !important;
display: flex;
}
.before_dc{margin-left: 16px; }
.Icon--checkout_btn{margin-right: 18px; }
.big_money{
font-size:21px;
}
.SidebarMenu .Drawer__Main {
background: transparent !important;
}
.SidebarMenu {
width: 91.4667vw;
padding-top: 12px;
}
#sidebar-cart{
width: fit-content;
}
.mobile--foter--white{
position: absolute;
bottom: 0;
width: 100%;
}
.big--sidecart {
height: 100%;
}
#CustomCart__Recommendations--collections{
height: 100%;
position: relative;
}
#CustomCart__Recommendations--collections .cart_featured{
width: 100%;
padding-left: 0;
padding-right: 0;
}
#CustomCart__Recommendations--collections .cart_featured .ProductItem__Wrapper,
#CollectionRecommendation__Cart_desktop .ProductItem__Wrapper{
min-height: fit-content;
}
#CustomCart__Recommendations--collections .cart_featured .flexboxi--wrapper{
width: 100%;
padding: 8px 8px 32px 8px;
height: 100%;
}
.flex-cart--cart{width: 512px; height: 100%; background: #fff;}
.flex-cart--recc{width: 299px;display: flex; flex-direction: column; height: 100%; border-right: 1px solid #D4D5D4;}
/*CART DRAWER - UPSELS DESKTOP*/
@media only screen and (min-width: 1025px) {
#Upsell__Slider_desktop .ProductItem__ImageWrapper {
width: 103px;
height: 128px;
}
#Upsell__Slider_desktop .ProductItem__Wrapper {
border-bottom: 1px solid #D4D5D4;
}
#Upsell__Slider_desktop .ProductItem__Info {
margin-top: 8px;
text-align: center;
}
#Upsell__Slider_desktop .flexboxi--wrapper {
width: 100%;
padding: 8px 8px 32px 8px;
height: 100%;
}
#Upsell__Slider_desktop .flexboxi {
flex-wrap: nowrap;
flex-direction: column;
min-height: unset;
}
#Upsell__Slider_desktop .ProductItem__Price {
text-align: center;
width: 100%;
margin-top: 8px;
}
#Upsell__Slider_desktop .product-item__details {
margin-top: 9px;
font-size: 16px !important;
padding: 8px 24px;
}
#Upsell__Slider_desktop .product-item__details .add_cart_plus svg {
width: 15px;
height: 15px;
padding: 0;
}
.ProductItem{
margin-bottom: 16px;
height: 100%;
}
.ProductItem__Info, .fullHeight {
height: 100%;
}
.flexboxi--wrapper .ProductItem__Info{
height: unset;
}
.custom_recc-title.u-h5{
font-size: 21px;
}
.SideCart .Drawer__Title {
margin-right: 24px;
}
.SideCart .Drawer__Header {
padding: 24px !important;
}
.Cart__Products__Count span {
color: #88898A;
}
.Upsell__Title {
margin-top: 24px;
margin-bottom: 16px;
color: #88898A;
}
.Recommended__Product--Image {
width: 103px;
height: 128px;
margin: auto;
}
.Recommended__Product--Image img {
width: 103px;
height: 128px;
object-fit: contain;
}
.cart_featured {
width: 50%;
margin-bottom: 16px;
flex: 1;
}
.header--custom_recc {
margin-top: 32px;
margin-left: 32px;
}
.actions-drawer {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.CartItem__QuantitySelector {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
width: 117px;
font-size: 18px;
}
.CartItem__QuantitySelector .QuantitySelector {
display: flex;
justify-content: space-between;
width: 100%;
height: 39px;
margin-top: 4px;
border: 1px solid #F2F2F2;
}
.QuantitySelector__Button {
padding: 4px 8px;
}
}
/*CART DRAWER -- MODAL*/
.modal--titl, .modal--title--frame, .modal--title {
font-family: 'NeubauGrotesk--55';
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 130%;
margin-bottom: 10px;
}
.Meta__SectionText--medium p{
font-size: 12px;
}
.custom_select{
width: 100%;
}
#cart_popover_poster, #cart_poster-frame, #product-card-frame-select--modal--frames{
margin-top: 10px;
}
.modal--product_holder {
display: flex;
}
.modal--imag--frames, .modal--image {
margin-right: 30px;
max-width: 50%;
max-height: 220px;
}
#modalitet {
width: 100%;
height: 100%;
object-fit: contain;
}
.modal--imag--frames{
min-width: 115px;
}
.modal--actions{
width: 100%;
}
.modal--imag--frames img{
min-width: 115px;
}
#add-item{padding-top: 60px; }
#quantity_selector, #product-card-frame-select--modal--frames, #add-items--frames, #add-items {
width: 100%;
height: 36px;
mix-blend-mode: normal;
border: 0px;;
box-sizing: border-box;
background: #D4D5D4;
padding-left:20px;
font-size: 12px;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
background-position-x: 80%;
}
#add-items option, #quantity_selector option{
width: 100%;
height: 36px;
mix-blend-mode: normal;
border: 0.7px solid #21201F;
box-sizing: border-box;
background: #D4D5D4;
padding-left:20px;
font-size: 12px;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
background-position-x: 90%;
}
.modal--atc {
width: 100%;
font-family: 'NeubauGrotesk--55';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 130%;
}
.modal--atc:disabled {
opacity: 0.2;
}
.vat{
font-size: 10px;
line-height: 1.3;
}
#add-items--frames{
margin-top: 10px;
}
#price--modal--frame, .modal--additional_info {
display: inline-block;;
margin-top: 20px;
margin-bottom: 0px;
font-family: 'NeubauGrotesk--55';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 100%;
text-align: right;
width: 100%;
}
#price--modal--frame{
margin-top: 0px;
margin-bottoM: 0px;
}
.modal--product_desc--frame, .modal--product_desc{
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 130%;
margin-top: 30px;
}
#selector--frame-frame, #selector--frame{
font-family: proxima-nova;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 130%;
margin-top: 20px;
}
#product-card-frame-select--modal{
margin-top: 10px;
}
#selector--size-frame, #selector--size, #selector--quantity{
font-family: 'NeubauGrotesk--55';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 130%;
}
#selector--quantity{margin-top: 20px; }
#selector--size-frame{
margin-top: 20px;
}
#selector--frame-frame{
margin-top: 0px;
}
#size--modal,#quantity_selector{
margin-top:10px;
}
#add-items--frames{
display: block;
}
.product-frame-selector option[disabled]{
display: none;
}
button.form-frames[disabled]{
display: block;
background-color: rgba(0, 0, 0, 0.2) !important;
border: none;
}
button.form-frames[disabled]:before{
border: none;
background-color: rgba(0,0,0, 0.2);
}
#cart_popover--size, #cart_popover{
margin-top: 10px;
}
.actions--frame{
margin-top:10px;
text-decoration: underline;
}
.Modal__Close svg{
width: 15px !important;
stroke-width: 2px !important;
fill: black !important;
color: black !important;
}
.Modal__Close--outside{
top: 24px;
right: 24px;
}
.Modal__Close--outside svg{
fill: black;
color: black;
}
.blacked_out{
opacity: 1 !important;
}
.PageOverlay--black {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 1002;
visibility: hidden;
opacity: 0;
background: #363636;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.PageOverlay--black.is-visible {
opacity: 0.45;
visibility: visible;
}
.Modal--blacked_out{
z-index: 1003;
}
#modal--atc{
cursor: pointer;
}
#newsletter-popup .Form__Input::placeholder{
color: #000;
font-size: 14px;
}
#newsletter-popup .Form__Input{
border-color: #000;
font-size: 14px;
}
#newsletter-popup .RevolutionDropdown--Button{border-bottom: 1px solid #000;}
.SideCart .Drawer__Close {
right: 29px;
left: auto;
}
/*TEASER FB */
.newsletter_fb .close--teaser{
text-align: right;
padding-right: 50px;
bottom:50px;
}
.continue-to-site{display: flex;
align-items: center;
justify-content: flex-end;}
.newsletter_fb .ImageHero__Block--teaser{
background: transparent;
}
.newsletter_fb .ImageHero__Block--teaser{
padding: 20px 0px;
}
.newsletter_fb .teaser--heading{
font-size: 68px;
}
.newsletter_fb .teaser-content {
left: 120px;
position: absolute;
bottom: 120px;
}
.popup-up6 p{
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 130%;
margin-top: 8px;
}
.newAspectRatio {
position: relative;
margin-left: auto;
margin-right: auto;
}
.newAspectRatio::before {
content: '';
display: block;
padding-bottom: calc(100% / (var(--aspect-ratio-mobile)));
}
.newAspectRatio>img,
.no-js .newAspectRatio>noscript img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
@media screen and (min-width: 1024px){
.newAspectRatio::before {
padding-bottom: calc(100% / (var(--aspect-ratio)));
}
.popup-up6 p{
font-size: 12px;
margin-top: 12px;
}
}
@media screen and (max-width: 1024px){
.special--news .FeatureText__ImageWrapper{margin-top: 33px;}
.newsletter_fb .teaser-content {
left: unset;
position: absolute;
bottom: 80px;
}
.FeatureText__ImageWrapper img {
object-fit: cover;
}
.newsletter_fb .teaser--heading{
font-size: 32px;
}
.newsletter_fb .close--teaser{
padding-right: 20px;
bottom:30px;
}
}
/*TEASER */
.teaser--logo{
margin-top: 20px;
margin-left: 20px;
position: absolute;
z-index: 11;
}
.teaser{
width: 100vw;
height: 100vh;
z-index: 10;
top: 0;
left:0;
position: fixed;
opacity: 0.2;
transform: translateY(100vh);
transition: transform 1s ease, opacity 1s ease;
}
.teaser[aria-hidden="false"] {
transform: translateY(0);
transition: transform 1s ease;
opacity: 1;
visibility: visible;
}
.teaser-not{
opacity: 0;
visibility: hidden;
display: none;
}
.ImageHero--teaser{
width: 100%;
height: 100%;
}
.teaser_overlay:after {
position: absolute;
content: "\A0";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 0;
}
.newsletter_fb:after {
position: absolute;
content: "\A0";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 0;
}
.site-blacked{
background-color: black;
opacity: 1;
visibility: visible;
transition: opacity 0.1s ease;
}
.light_grey{
color: #d4d5d4;
}
.teaser--heading{
text-align: left;
}
.ImageHero__Block--teaser{
background: rgba(255,255,255, 0.1);
max-width: 500px;
padding: 20px 16px;
}
.klaviyo--teaser{
margin-top: 10px;
width: 100%;
}
.close--teaser {
position: fixed;
bottom: 40px;
left: 0;
right: 0;
cursor: pointer;
z-index: 2;
}
.close--teaser:hover .Icon--teaser-d{
transform: translateY(5px);
}
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
position: absolute;
visibility: hidden;
color: white;
text-align: left;
z-index: 1003;
width: 335px;
padding: 40px 30px;
background: rgba(0,0,0,.7);
display: flex;
flex-direction: column;
}
.tooltiptext--bottom-left:before{
content: "";
width: 0;
height: 0;
position: absolute;
border-right: 20px solid rgba(0, 0, 0, 0.7);
border-left: 12px solid transparent;
border-top: 12px solid rgba(0, 0, 0, 0.7);
border-bottom: 20px solid transparent;
right: 0px;
bottom: -32px;
}
.Icon--info_s path{
fill: black;
cursor: pointer;
}
.addons {
cursor: pointer;
}
/* Show the tooltip text when you mouse over the tooltip container */
.width_auto{
width: auto !important;
}
.ProductForm__Label svg{
color: black;
fill: black;
}
.ProductForm__Label svg path{
color: black;
fill: black;
}
.flex_column{
display: flex;
flex-direction: column;
}
.upsell_container .QuantitySelector--small {
position: relative !important;
}
.columns_stacked .article_link {
font-family: NeubauGrotesk--75;
font-style: normal;
}
.Product__InfoWrapper .ProductForm__AddToCart{
text-transform: inherit !important;
}
.ImageHero--fix_triple{
min-height: 0;
padding-bottom: 138.4402%;
}
.dark_mode .ImageHero--fix_triple{
min-height: 0;
padding-bottom: 100%;
}
.triple_image_text_link--image_wrapper{
margin-bottom: 16px;
}
.triple_image_text_link--text{
margin-bottom: 24px;
}
.mr--job_desc{
margin-right: 70px;
}
.text--right{
text-align: right;
}
.fa-paper-plane-o{
display: none !important;
}
.content-pages h2{
font-size: 18px !important;
margin-bottom: 20px;
}
.content-pages p{
font-size: 14px !important;
}
.content-pages span{
font-size: 14px !important;
}
.content-pages h3{
font-size: 18px !important;
font-family: 'NeubauGrotesk--75';
margin-bottom: 20px;
}
.Article__Body.Rte {
font-size: 18px;
}
.Price_Custom--splitIT{
color: #00A283;
width: 100%;
text-align: right;
}
.Icon--question{
width: 24px;
height: 24px;
}
.cart--cart .CartItem__Title, .cart--cart .CartItem__Variant{
font-size: 18px;
}
.CartItem__Variant{
font-size: 16px !important;
background: #F2F2F2;
width: 100%;
}
.CartItem__Variant.cartItemVariant--white{
background: transparent;
}
.Price_Custom--compares{
color: #00A283;
}
.Icon--info_s{
width: 17px;
height: 17px;
margin-top: -2px;
}
a[target="popup"]{
cursor:pointer;
}
.Product__SlideshowNav{
z-index:0;
}
.SidebarMenu__CurrencySelector, .Header__CurrencySelector{display: none !important; }
#ndnapp-contactform-wrapper .modal-footer{
float: left !important;
}
.Price_Section--compare{
letter-spacing: 0;
display: flex;
flex-direction: column;
text-align: left;
}
.Price_Section{
letter-spacing: 0;
display: flex;
text-align: left;
}
.ls--null{
letter-spacing: 0;
}
.tt-none{
text-transform: none !important;
}
.Footer__Icons {
min-height: 15px;
float: right;
right: 0px;
position: absolute;
top: -10px;
}
.Banner {
background-color: black;
color: white;
display: flex;
line-height: 0;
height: 30px;
margin: 0 auto;
align-items: center;
}
.announcment_item{
margin: 0 auto;
}
/** PRODUCT 2.0 **/
.Product_Image-Contain {
object-fit: contain;
}
.Product_Image--Horizontal_Size {
height: 91.7333vw;
}
.ProductForm__Label {
margin-bottom: 8px;
}
.SizeSwatchList .SizeSwatch {
border-radius: 1px;
}
.NewsletterPopup__Form .Form__Input-Margin {
margin-top: 22px;
}
@media screen and (min-width: 1025px) {
.NewsletterPopup__Form .Form__Input-Margin {
margin-top: 14px;
}
#newsletter-popup .Form__Input::placeholder{
font-size: 18px;
}
#newsletter-popup .Form__Input{
font-size: 18px;
}
#stacked-0 {
padding-right: 50px;
}
.variation_meta_description--wrapper span:first-child {
margin-bottom: 2px;
}
.SizeSwatch .Price_Custom span:first-child {
margin-bottom: 2px;
}
.ProductForm__Label {
margin-bottom: 16px;
}
.Product__SlideItem:first-child {
margin-left: 128px;
}
.Product__Gallery .flickity-prev-next-button.previous {
color: black;
background-color: white;
width: 48px;
height: 48px;
top: 50%;
left: 128px;
transform: translateY(-50%);
border-radius: 0;
}
.Product__Gallery .flickity-prev-next-button.next {
color: black;
background-color: white;
width: 48px;
height: 48px;
top: 50%;
right: 128px;
transform: translateY(-50%);
border-radius: 0;
}
.ProductForm .arrow_wrapper {
width: 27px;
height: 27px;
}
.ProductForm .ProductForm__AddToCart {
display: flex;
justify-content: center;
padding: 8px 24px;
font-size: 21px !important;
}
.ProductForm .ProductForm__AddToCart::before {
border-radius: 6px;
}
.Recommendation .product-item__details {
justify-content: center;
}
.Recommendation .recommedation_flex_wraper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.Recommendation .FeaturedProduct {
margin-right: 0;
flex-direction: column;
}
.accessoriesSection--wrapper .FeaturedProduct__Info {
margin-left: 0;
}
.accessoriesSection--wrapper .ProductMeta__Title {
font-size: 18px;
}
.accessoriesSection--wrapper .FeaturedProduct__Gallery img{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top:0;
z-index: 1;
background-color: white;
object-fit: contain;
}
.accessoriesSection--wrapper .FeaturedProduct__Gallery{
position: relative;
}
.ProductForm .Button:before {
height: calc(100% + 2px);
}
.ProductForm .Button--primary::before {
background-color: black;
border-radius: 6px;
}
.ProductForm .arrow_wrapper .Icon--r_arrow {
width: 9px;
height: 14px;
margin-left: 0;
}
.Product__Gallery .flickity-prev-next-button {
display: block;
}
.Product__Gallery .Carousel__Cell {
width: 31.8463vw;
}
.Product_Image--Horizontal_Size {
margin: 0;
width: 31.8463vw;
height: 31.8463vw;
object-fit: contain;
}
.Product__Info .Container {
display: flex;
justify-content: space-between;
}
.Product__Info {
max-width: none;
}
.Product__Meta_2_0 {
width: 100%;
margin-bottom: 0;
}
.Product__InfoWrapper form{
width: 70%;
}
.Product__Meta_2_0 .rectangle {
margin-top: 8px;
margin-bottom: 24px;
}
.Product__Meta_2_0 .vat {
font-size: 12px;
}
.SizeSwatchList .SizeSwatch {
padding: 15px 24px;
display: flex;
justify-content: space-between;
border: 1px solid black;
color: black;
background-color: white;
border-radius: 1px;
}
.variation_meta_description--wrapper span {
display: block;
}
.SizeSwatch .Price_Custom span {
display: block;
}
.SizeSwatchList .inline--display:not(:last-child) {
margin-right: 16px;
}
/** PRODUCT TEMPLATE DESKTOP 2.0 --- END !!! **/
.triple_image_text_link--title{
margin-bottom: 12px;
}
.countries{padding-bottom: 550px;}
.vat{
font-size: 14px;
}
.upsell_container.product_specifications {
width: 70%;
}
.Banner {height: 40px; }
.Announcment__Container{
justify-content: center;
display: inline-flex;
}
.Announcment__Image{
margin: auto 0;
float: left;
min-width: 15px;
}
.AnnouncmentText__Container{
display: inline-flex;
height: 100%;
}
.AnnouncmentText{
margin: auto 0;
margin-left: 10px;
}
.Footer__Flexi {
display: flex;
position: relative;
}
.special--news {
padding: 50px;
width: 990px;
max-width: 990px;
/*height: 563px;*/
height: fit-content;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background: #FFFFFF;
color: #000000;
box-shadow: none;
}
.special--news .FeatureText__ImageWrapper {
width: 571px;
}
.flexboxi--news {
display: flex;
}
.news--form {
padding-right: 50px;
width: 319px;
}
.font_size--special {
font-size: 48px;
}
.width_70perc {
width: 70%;
}
.flex_direction_reverse_row {
flex-direction: row-reverse;
}
.flex_basis_25perc {
flex-basis: 25%;
}
.margin_top_first_block {
margin-top: 120px;
}
.margin_left_right_auto {
margin-left: auto;
margin-right: auto;
}
.margin_right_auto {
margin-right: auto;
}
.vertical--center {
top: 50%;
transform: translateY(-50%);
}
.padding_top--0 {
padding-top: 0;
}
.reviews {
width: 63%;
}
.reviews_image--wrapper {
width: 37%;
}
.reviews--wrapper {
padding: 50px;
}
.max_width--23vw {
max-width: 23vw;
}
.float--right {
float: right;
}
.left--image--text {
float: right;
}
.right--image--text {
float: left;
}
.left--image--link {
float: right;
}
.right--image--link {
float: left;
}
.image_50_text_50--wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.image_50_text_50--wrapper .ImageHero {
width: 50%;
}
.vertical_title_colored_background--wrapper {
height: 600px;
}
.height--S {
height: 100px;
}
.height--M {
height: 200px;
}
.height--image--left--right {
height: 95vh;
width: 100%;
}
.height--image--left--right .ImageHero__Image{
background-size: contain;
background-color: white;
background-repeat: no-repeat;
}
.height--L {
min-height: 200px;
}
.height--sXL {
height: 600px;
}
.height--vertical--image {
height: 560px;
min-height: 0;
}
.height--XL {
height: 800px;
}
.height--board_3_texts {
height: 1000px;
}
.image_left_right--wrapper {
overflow: hidden;
position: relative;
width: 50%;
}
.text_50--wrapper {
height: 56vh;
min-height: 500px;
margin-top: 150px;
margin-bottom: 150px;
}
.image_50_text_50--text--wrapper {
width: 50%;
position: relative;
padding:0 128px;
}
.image5050InnerWrapper{
max-width: 464px;
margin: 0 auto;
display: block;
}
.right--image {
flex-direction: row-reverse;
}
.left_50 {
width: 50% !important;
float: left;
}
.right_50 {
width: 50% !important;
float: right;
}
.mt--page_title {
margin-top: 160px;
}
.mb--XXL {
margin-bottom: 100px;
}
.mt--XXL {
margin-top: 64px;
}
.ml--XXL {
margin-left: 100px;
}
.mr--XXL {
margin-right: 100px;
}
.mt--XL {
margin-top: 80px;
}
.mb--XL {
margin-bottom: 80px;
}
.ml--XL {
margin-left: 80px;
}
.ml--sXL {
margin-left: 50px;
}
.mr--sXL {
margin-right: 50px;
}
.mt--sXL {
margin-top: 50px;
}
.mb--sXL {
margin-bottom: 50px;
}
.mb--L {
margin-bottom: 40px;
}
.mt--L {
margin-top: 40px;
}
.mt--s {
margin-top: 8px;
}
.mt--S {
margin-top: 10px;
}
.mb--S {
margin-bottom: 10px;
}
.ml--S {
margin-left: 10px;
}
.mb--M {
margin-bottom: 20px;
}
.ml--sL {
margin-left: 30px;
}
.mt--M {
margin-top: 20px;
}
.pt--S {
padding-top: 10px;
}
.pt--M {
padding-top: 20px;
}
.pb--S {
padding-bottom: 10px;
}
.pb--M {
padding-bottom: 20px;
}
.pb--M {
padding-bottom: 20px;
}
.pr--sXL {
padding-right: 50px;
}
.stars_bw {
margin-left: auto;
}
.width--48vw {
width: 48vw;
}
.width--60vw {
width: 60vw;
}
.width--36vw {
width: 36vw;
}
.width--28vw {
width: 28vw;
}
.flexboxi {
display: flex;
flex-wrap: wrap;
}
.flexboxi_2 {
display: flex;
}
.ml--4vw {
margin-left: 4vw;
}
.ml--14vw {
margin-left: 14vw;
}
.ml--14vw {
margin-left: 14vw;
}
.ml--logos {
margin-left: auto;
margin-right: auto;
}
.mr--4vw {
margin-right: 4vw;
}
.ml--4vw {
margin-left: 4vw;
}
.ml--9vw {
margin-left: 9vw;
}
.ml--3vw {
margin-left: 3vw;
}
.ml--8vw {
margin-left: 8vw;
}
.text--on--image {
position: absolute;
left: 50px;
bottom: 50px;
text-align: left;
width: calc(100% - 100px);
}
.images--4 {
flex-basis: 25%;
}
.images--6 {
flex-basis: 16.6666666666%;
}
.rotate--vertical {
writing-mode: tb;
transform: rotate(180deg);
position: absolute;
top: 75px;
}
.vertical_title_colored_background--text--wrapper {
width: 50%;
}
.text_vertical {
bottom: 25px;
position: absolute;
width: 35vw;
}
.left--image--vertical {
width: 50% !important;
float: left;
margin-left: 0;
}
.right--image--vertical {
width: 50% !important;
float: right;
margin-right: 0;
}
.right--image--vertical--number {
float: left;
margin-left: 35px;
}
.left--image--vertical--number {
float: right;
margin-right: 35px;
}
.left--image--vertical--title {
right: 0;
margin-right: 35px;
}
.left--image--vertical {
float: left;
}
.left--image--vertical--text--wrapper {
float: right;
}
.left--image--vertical--text {
right: 0;
margin-right: 50px;
}
.relative {
position: relative;
height: 600px;
}
.text1--wrapper {
background-color: rgba(255, 255, 255, 0.8);
padding: 40px 30px;
position: absolute;
text-align: left;
line-height: 23px;
width: calc(50% - 50px);
left: 50px;
top: 100px;
}
.text2--wrapper {
background-color: rgba(255, 255, 255, 0.8);
padding: 40px 30px;
position: absolute;
text-align: left;
line-height: 23px;
width: calc(50% - 50px);
right: 50px;
transform: translate(0, -50%);
top: 50%;
}
.text3--wrapper {
background-color: rgba(255, 255, 255, 0.8);
padding: 40px 30px;
position: absolute;
text-align: left;
line-height: 23px;
width: calc(50% - 50px);
left: 50px;
bottom: 100px;
}
.link-whole-image--title {
margin-bottom: 80px;
bottom: 0;
}
.margin_0_auto {
margin: 0 auto;
}
.logo--width {
width: 100%;
}
.image_zoom {
transform: scale(1);
transition: opacity 0.3s ease, transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.image_zoom:hover {
transform: scale(1.2);
}
.fullscreen {
width: 100%;
}
.image_fullscreen--wrapper {
overflow: hidden;
}
.text_left {
position: relative;
width: 50%;
}
.text_right {
position: relative;
width: 50%;
}
.left_side {
padding: 50px;
}
.right_side {
padding: 50px;
}
.double_text--wrapper {
width: 100%;
}
.the_form {
width: 45%;
}
.mt--160 {
margin-top: 160px;
}
.width--50perc {
width: 50%;
}
.mt--minus_2 {
margin-top: -2px;
}
.columns_stacked {
cursor: pointer;
color: #88898a;
}
}
.image_50_text_50--text--wrapper .rectangle {
margin-top: 8px;
margin-bottom: 24px;
}
.background_size--contain {
background-size: contain;
}
.mb--30 {
margin-bottom: 30px;
}
.curved_edge {
border-radius: 5px;
}
.Form--spacingTight .Form__Item {
margin-bottom: 30px;
}
.Icon--arrow-right {
margin-top: -3px;
}
.background_dark_grey {
background-color: #d4d5d4 !important;
}
.contact_button {
margin-left: auto;
background-color: #d4d5d4;
}
.max-width_100perc {
max-width: 100%;
}
.review--subject {
line-height: 23px;
}
.written_by {
line-height: 14px;
margin-bottom: 20px;
}
.xx_reviews {
line-height: 31px;
}
.height--board_3_texts {
height: 1000px;
}
.position_relative {
position: relative !important;
}
.left_text_middle {
position: absolute;
transform: translate(0, -50%);
top: 50%;
}
.left_text_bottom {
position: absolute;
bottom: 0;
}
.right_text_middle {
position: absolute;
transform: translate(0, -50%);
top: 50%;
}
.right_text_bottom {
position: absolute;
bottom: 0;
}
.red-arrow-absolute {
float: right;
}
.link-whole-image {
width: max-content;
position: absolute;
bottom: 30px;
z-index: 9;
padding-top: 2000px;
margin-left: -50px;
padding-left: 50px;
padding-bottom: 50px;
margin-bottom: -110px;
padding-right: 1000px;
}
.images--3 {
flex-basis: 33.333%;
}
.width--45perc {
position: relative;
width: 45% !important;
margin: 0 auto;
}
.min_height--100 {
min-height: 60px !important;
}
.background_color--white {
background-color: #fff !important;
}
.logos--block--fix {
background-size: contain;
background-repeat: no-repeat;
}
.board_3_texts--fix {
background-size: auto;
background-repeat: repeat-x;
height: 1000px;
background-color: #fff;
}
.background_white {
background-color: #fff;
background-image: url(https://www.publicdomainpictures.net/pictures/30000/velka/plain-white-background.jpg);
}
.bottom--separator {
border-bottom: 0.5px solid #d4d5d4;
}
.rectangle {
width: 40px;
height: 2px;
background-color: #ff3743;
}
svg {
vertical-align: middle;
display: inline-block;
}
.rotate--180 {
transform: rotate(180deg);
}
.background--black {
background-color: #000;
}
.background--light--grey {
background-color: #d4d5d4;
}
.white {
color: #fff;
}
.black {
color: #000;
}
.padding--10--15 {
padding: 10px 15px;
}
.padding--8--16 {
padding: 8px 16px;
}
.margin--10--15 {
margin: 10px 15px;
}
a {
display: inline-block;
}
.width--140 {
width: 140px;
}
.job--description--content h5 {
font-size: 18px;
}
.job--description--content h6 {
font-size: 14px;
}
.Icon--stars {
width: 120px !important;
height: 24px !important;
}
.height--100 {
height: 100px;
}
.border--contact {
border: 1px solid #ddd;
}
.dark_grey::placeholder {
color: #88898a;
opacity: 1;
}
.tooltip--close{
text-align: right;
}
.visable--modal{
visibility: visible !important;
}
.teaser-content{ color: #fff }
@media screen and (max-width: 1024px) {
.Product__Gallery .flickity-prev-next-button {
display: block;
border-radius: 0px;
width: 32px;
height: 32px;
background-color: white;
top: 50%;
transform: translateY(-50%);
}
.Product__Gallery .flickity-prev-next-button.next {
right: 0px;
}
.Product__Gallery .flickity-prev-next-button.previous {
left: 0px;
}
.Product__Gallery .flickity-prev-next-button svg {
fill: black;
stroke: black;
}
.Product__Gallery .flickity-prev-next-button svg path {
fill: black;
}
.left--image .ImageHero {
margin-bottom: 16px;
}
.right--image .image_50_text_50--text--wrapper {
margin-bottom: 16px;
}
.right--image {
display: flex;
flex-direction: column-reverse;
}
.image_50_text_50--wrapper {
padding: 0 8px;
}
.image_50_text_50--text--wrapper {
margin: 0 8px;
}
.padding_slideshow {
padding: 8px;
}
.padding_no_top_slideshow {
padding: 0 8px 8px 8px;
}
/*CART DRAWER*/
.selectbox {
width: 60%;
margin-top: 2px;
margin-bottom: 11px;
height: 34px;
mix-blend-mode: normal;
border: 1px solid #F2F2F2;
box-sizing: border-box;
background: white;
padding-left: 8px;
font-size: 14px !important;
font-weight: 400;
line-height: 1.3;
letter-spacing: 0em;
text-align: left;
background-position-x: 80%;
}
.upgrade--item .vat{
font-size: 10pX;
}
.upgrade--item{width: 120px;}
.upgrade--arrow{width: 24px;}
.flex-cart--cart{width: 100%;}
.CartItem__ImageWrapper{max-height: 101px;}
.CartItem__Image{width: 100%; height: 100%; object-fit: contain;}
.modal--imag--frames, .modal--image{
max-height: 160px;
margin-right: 20px;
}
#selector--size-frame, #selector--size, #selector--quantity{font-size: 14px; }
.modal--product_desc--frame, .modal--product_desc{font-size: 14px;}
.fullscreen {
width: 100%;
}
.teaser-content{
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.teaser-content .Form__Alert{
color: #fff;
margin: 16px 0;
}
.visable--modal{
visibility: visible !important;
}
.Product__Info{
max-width: 100%;
}
.tooltip--close{
text-align: right;
}
.tooltip {
z-index: 1;
display: block;
position: relative;
}
.tooltip .tooltiptext{
width: 250px;
padding: 10px;
}
.margin_left_auto_mob {
margin-left: auto;
}
.margin_right_auto_mob {
margin-right: auto;
}
.CompareProduct__InfoBadgeContant--faq .padding--section--mobile{
padding: 20px;
}
span.CompareProduct__ContentInfo--Close--faq {
position: absolute;
right: 18px;
top: 20px;
}
.CompareProduct__InfoBadgeContant--faq{
visibility: hidden;
background-color: rgba(0,0,0,0.7);
width: 100%;
height: 120%;
top: 0;
position: absolute;
}
.CompareProduct__ContentInfo--faq{
position: relative;
z-index: 0;
margin: 40px;
}
.section--title--faq {
font-family: NeubauGrotesk--55;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 130%;
}
.faq--item--title{
font-family: NeubauGrotesk--55;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: 0px;
text-align: left;
}
.faq--item--text{
font-family: NeubauGrotesk--55;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: 0px;
text-align: left;
}
.padding--section--mobile{
padding: 50px 20px 0px 20px;
}
.faq_wrapper .Collapsible__Plus{
top: 6px;
}
.faq_wrapper .Collapsible{
overflow: hidden;
margin-bottom: 32px;
}
.faq_wrapper .Collapsible__Button{
padding-bottom: 16px;
padding-top: 0;
}
.mobile--title--wrap{
width: calc(100% - 24px);
text-transform: capitalize;
}
.faq_wrapper .Collapsible__Plus{
right: 1px;
}
.Announcment__Container{
justify-content: center;
display: inline-flex;
}
.Announcment__Image{
margin: auto 0;
float: left;
}
.AnnouncmentText__Container{
display: inline-flex;
height: 100%;
}
.AnnouncmentText{
margin: auto 0;
margin-left: 8px;
}
.Announcment__Image{
max-height: 15px;
}
.Footer__Icons {
height: 15px;
float: none;
right: 0px;
position: relative;
margin-right: 0;
margin-left: auto;
order: 1;
display: block;
}
.Footer__StoreName {
order: 2;
position: relative;
display: block;
}
.Footer__Flexi {
display: flex;
flex-direction: column;
}
.padding_section_mob {
padding: 50px 20px;
}
.mt--page_title_mob {
margin-top: 100px;
}
.padding_20_mob {
padding: 20px;
}
.pb--M_mob {
padding-bottom: 20px;
}
.flexi_mob {
display: flex;
}
.flex_basis_mob {
flex-basis: 50%;
}
.mt--sXL_mobile {
margin-top: 50px;
}
.mt--S_mobile {
margin-top: 10px;
}
.mb--S_mobile {
margin-bottom: 10px;
}
.ml--S_mobile {
margin-left: 10px;
}
.mt--M_mobile {
margin-top: 20px;
}
.mt--L_mobile {
margin-top: 80px;
}
.mt--title_mobile {
margin-top: 110px;
}
.mb--M_mobile {
margin-bottom: 20px;
}
.mb--sXL_mobile {
margin-bottom: 50px;
}
.mr--sXL_mobile {
margin-right: 50px;
}
.ml--M_mobile {
margin-left: 20px;
}
.mr--M_mobile {
margin-right: 20px;
}
.mb--L_mobile {
margin-bottom: 40px;
}
.padding_55_20_mob{
padding: 55px 20px;
}
.button_red_arrow_mob {
float: right;
margin-top: 3px !important;
}
.width--100perc_mob {
width: 100%;
}
.text--on--image_mobile {
position: absolute;
left: 5px;
bottom: 35px;
text-align: left;
background-color: rgba(255,255,255, 0.5);
padding: 15px;
}
.Carousel--insideDots
.flickity-page-dots {
top: auto;
}
.image_50_text_50_mobile {
/* height: 118.4vw; */
min-height: 200px;
}
.logos_mobile {
display: grid;
grid-gap: 16px;
margin: 10px;
padding-bottom: 64px;
margin-bottom: 0;
}
.mb--0_mobile {
margin-bottom: 0;
}
.images--4 {
flex-basis: 50%;
}
.display_none_mobile {
display: none;
}
.sticky--back_to_overview--mob {
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100%;
padding: 15px 10px;
background-color: #fff;
}
.sticky--apply_now--mob {
position: -webkit-sticky;
position: sticky;
top: 50px;
}
.image_left_right--wrapper {
height: 72vh;
}
.image_left_right--wrapper {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: 100%;
height: 50%;
}
.image_left_right--wrapper .ImageHero__Image{
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: white;
}
.width--70perc_mob {
width: 70%;
}
.relative_mob {
position: relative;
}
.min_height--0_mob {
min-height: 0 !important;
}
.height--board_3_texts {
height: 1145px;
}
.board_3_texts--fix {
background-size: cover;
background-repeat: repeat-x;
height: 1145px;
background-color: #fff;
}
.text1--wrapper {
position: absolute;
text-align: left;
line-height: 23px;
left: 20px;
top: 20px;
width: calc(100% - 40px);
padding: 20px;
background-color: rgba(255, 255, 255, 0.8);
}
.text2--wrapper {
position: absolute;
text-align: left;
line-height: 23px;
left: 20px;
top: 52%;
transform: translateY(-50%);
width: calc(100% - 40px);
padding: 20px;
background-color: rgba(255, 255, 255, 0.8);
}
.text3--wrapper {
position: absolute;
text-align: left;
line-height: 23px;
left: 20px;
bottom: 20px;
width: calc(100% - 40px);
padding: 20px;
background-color: rgba(255, 255, 255, 0.8);
}
.product--title--height_mobile {
height: 50px;
font-size: 14px;
}
.ProductItem__Price{
font-size: 14px !important;
}
.display_block_mobile {
display: block;
}
.margin--top--bottom--auto_mobile {
margin-top: auto;
margin-bottom: auto;
}
.mb--0 {
margin-bottom: 0 !important;
}
.columns_stacked {
display: inline;
margin-right: 0;
}
.font_size--special {
font-size: 32px;
}
.Rte_fix {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: 0;
text-align: left;
}
}
#split-payment {
width: 100% !important;
margin-left: 0 !important;
}
#CompareBoardsSlider .Product__Slideshow {
padding-top: 0;
}
#compare_flickity {
width: 60%;
}
.compare--thumb {
position: absolute;
bottom: 50px;
margin: 0 auto;
left: 0 !important;
right: 0;
opacity: 0.6;
}
.Product--Info {
position: absolute;
z-index: 10;
top: 100px;
left: 50px;
min-width: 300px;
max-width: 350px;
padding: 30px 40px;
}
.bth {
position: absolute;
top: -80px;
left: 0;
z-index: 10;
}
.image_column {
margin-right: 0 !important;
}
.image--1 {
flex: none;
width: 25% !important;
margin-right: 5%;
}
.image--2 {
width: 70% !important;
flex: none;
}
.text--center {
text-align: center;
}
.text--left {
text-align: left;
}
.lh {
line-height: 1.3;
}
.h--18 {
height: 18px;
}
.tt--upercase {
text-transform: uppercase;
}
.tt--none {
text-transform: none !important;
}
.display_none {
display: none;
}
.compare--Button {
align-items: unset;
justify-content: unset;
}
.h_menu .columns {
margin-right: 20px;
width: fit-content;
}
#shopify-section-product-template {
margin-top: 70px;
}
.compare--button svg {
fill: #ff3743;
margin-top: -3px;
}
.compare--button path {
fill: #ff3743;
}
.contact_button path {
fill: #ff3743 !important;
}
.bg--black {
background-color: #000;
}
.bg--white {
background-color: #fff;
}
.stacked--item {
padding: 11px 16px;
}
.bg--light_grey {
background: #d4d5d4;
}
ul.SizeSwatchList {
display: flex;
list-style: none;
}
.upsell_container {
margin-bottom: 30px;
margin-top: 30px;
position: relative;
}
#CustomCart__Recommendations--collections {
padding-left: 64px;
padding-right: 64px;
}
.Price_Section .Price_Custom--splitIT{text-align: left; }
.Cart .Drawer__Footer {
margin-bottom: 0px;
padding: 24px;
background: #F2F2F2;
border: 1px solid #D4D5D4;
}
.Drawer__Footer input {
padding: 16px;
border: 1px solid #2C2C2C;
}
.itemRemove{
color: #88898A;
}
.cart_featured {
width: 100%;
}
#shopify-section-cart-template .Container {
margin: 0;
display: flex;
padding-top: 64px;
}
#shopify-section-cart-template .PageContent,
#shopify-section-cart-template .PageHeader,
#shopify-section-cart-template .others_buy {
margin: 0;
margin-top: 0 !important;
}
#shopify-section-cart-template .cart-cart-upsell {
padding-left: 100px;
border-left: 1px solid #d4d5d4;
}
#shopify-section-cart-template .cart--cart {
margin-right: 100px;
}
#Upsell__Slider {
display: flex;
flex-wrap: wrap;
}
#cart-Upsell__Slider{
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
#cart-Upsell__Slider .cart_featured{
width: 100%;
}
@media screen and (min-width: 1025px) {
#cart-Upsell__Slider{
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 1024px) {
.Cart__Footer{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: white;
z-index: 9;
padding: 20px;
}
#shopify-section-cart-template{
position: relative;
}
.Cart--expanded .Cart__Checkout{
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
#shopify-section-cart-template .Container{
flex-direction: column;
height: 100vh;
overflow: auto;
padding-bottom: 40vh;
}
#shopify-section-cart-template .cart--cart{
margin-right: 0;
}
#shopify-section-cart-template .ProductItem__Wrapper{
flex-direction: column;
width: 100%;
}
#cart-Upsell__Slider .cart_featured{
padding-left: 5px;
padding-right: 5px;
}
#cart-Upsell__Slider .cart_featured #cart_custom_items{
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
}
#cart-Upsell__Slider .cart_upsell_info{
width: 100%;
padding: 4px;
position: absolute;
}
#shopify-section-cart-template .cart-cart-upsell {
padding-left: 0;
border-left: 0;
}
#shopify-section-cart-template .Container{
padding-top: 32px;
}
}
#sidebar-cart .Cart__Checkout {
height: 59px;
left: 0;
text-transform: none;
padding: 16px 24px;
text-align: left;
width: 100%;
padding-bottom: 24px !important;
}
select.CartItem__Variant {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position-x: 95%;
background-position-y: 50%;
}
.add_cart_plus {
padding: 1.5px;
display: inline-flex;
}
.add_cart_plus svg{
width: 12px;
height: 12px;
padding: 0;
}
.SideCart .VAT_notice {
margin-bottom: 8px;
}
span.right--span {
float: right;
right: 24px;
position: absolute;
}
.fett {
font-family: NeubauGrotesk--75;
font-style: normal;
}
.CartProductItem__AddToCartButton {
cursor: pointer;
}
.object_fit {
object-fit: cover;
}
.MenuItem--Hidden {
opacity: 0;
position: absolute;
display: flex;
width: 600px;
max-height: 200px;
}
.custom--plus {
position: absolute;
right: 4px;
top: 4px;
}
.Article__Wrapper {
margin-top: 50px;
}
.MegaMenu__Title:hover {
font-weight: 700;
}
.MainMenu--Subitems {
margin-left: 30px;
}
.width--35perc {
width: 35% !important;
}
.mt--XXXL {
margin-top: 100px;
}
.mt--XXXXL {
margin-top: 200px;
}
.addons {
display: flex;
width: 100%;
}
.addons .QuantitySelector--small {
right: 0;
position: absolute;
margin-top: -4px;
text-align: right;
}
.openItem {
opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
.compare--button {
padding: 10px 20px;
}
.ArticleList--HP {
margin-left: -50px;
}
.Product__Tabs .Collapsible:first-child {
border-top: 0;
}
.mb--sL {
margin-bottom: 30px;
}
.mt--sL {
margin-top: 30px;
}
.product-item__details {
color: #fff;
padding: 16px 24px;
background-color: #000;
min-height: 37px;
border-radius: 6px;
font-family: NeubauGrotesk--55;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.modal--atc.product-item__details.u-h5:not(.cart-upsell .product-item__details.u-h5){
font-size: 21px;
display: flex !important;
justify-content: space-between;
}
.cart-upsell .product-item__details.u-h5 {
padding: 8px 16px;
}
.product-item__details.explore-Btn{
background: transparent;
color: #000;
border: 1px solid #000;
border-radius: 6px;
text-align: center;
}
.boards_section_action .product-item__details span {
float: right;
}
.arrow_mobile_wrapp {
width: 16px;
height: 16px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 8px;
}
.dark_grey {
color: #88898a;
}
.Footer__Copyright {
width: 100%;
margin: 0 auto;
}
.line {
width: 100%;
height: 1px;
background-color: #88898a;
}
.article_link {
display: block;
}
.ProductMeta__Description .Rte {
font-family: NeubauGrotesk--55;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: 0;
text-align: left;
}
ul li.CompareMeta__Big {
width: 100%;
font-style: normal;
font-size: 18px;
line-height: 19px;
}
ul li.CompareMeta__Big .right {
float: right;
}
ul li.CompareMeta__Small {
width: 100%;
font-style: normal;
font-size: 18px;
margin-top: 10px;
line-height: 19px;
}
ul li.CompareMeta__Small .right {
float: right;
}
ul.retaliers {
list-style: none;
}
ul.retaliers li {
font-family: NeubauGrotesk--75;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 19px;
margin-bottom: 20px;
}
ul.retaliers li:last-child {
margin-bottom: 0;
}
.dots {
cursor: pointer;
}
.dots:hover {
fill: #ff3743 !important;
}
.countries {
float: left;
display: block;
word-break: break-word;
width: 100%;
height: 60vh;
overflow: auto;
}
.red {
fill: #ff3743 !important;
color: red;
display: block;
margin-top: 10px;
display: inline-block;
}
.country_open h4 {
color: #000;
}
a.country {
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 15px;
}
.big_map_wrapper {
display: flex;
min-height: 845px;
padding-right: 50px;
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}
.map_info {
flex: none;
padding-right: 0;
width: 220px;
}
.map_wrapper {
width: 1130px;
}
.hp_wrapper {
height: 83vh;
position: relative;
}
.c_bottom {
position: absolute;
bottom: 20px;
}
.retaliers_country {
}
p.country_info {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
margin-bottom: 0;
margin-top: 11px;
}
h4.country {
cursor: pointer;
margin-bottom: 0;
}
h5.country {
font-size: 14px;
line-height: 15px;
margin-top: 10px;
margin-bottom: 0;
}
.country_open {
height: auto;
max-height: 600px;
-webkit-transition: max-height 1s ease;
-moz-transition: max-height 1s ease;
-o-transition: max-height 1s ease;
transition: max-height 1s ease;
}
.Image--TechLogo {
flex-basis: 17%;
}
.Image--left_right--image {
flex-basis: 20%;
}
.irl--logos {
margin-top: 20px;
bottom: 0;
width: 100%;
margin-left: -20px;
}
.open_q_style {
color: #000;
font-weight: 700;
}
.open_q {
opacity: 1 !important;
height: auto;
}
.columns {
cursor: pointer;
color: #88898a;
flex-basis: auto;
margin-bottom: 10px;
}
.h_menu {
display: flex;
flex-wrap: wrap;
width: 80%;
margin-bottom: 55px;
margin-top: 65px;
}
.support_page {
margin-top: 100px;
margin-left: 50px;
margin-right: 50px;
}
.support_p {
font-family: NeubauGrotesk--55;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
}
.hidden_support {
opacity: 0;
height: 0;
overflow: hidden;
}
.Questions {
max-height: 30px;
overflow: hidden;
border-bottom: 1px solid #88898a;
padding-bottom: 50px;
cursor: pointer;
margin-top: 20px;
-webkit-transition: max-height 1s ease;
-moz-transition: max-height 1s ease;
-o-transition: max-height 1s ease;
transition: max-height 1s ease;
color: #88898a;
}
.open_question {
color: #000;
max-height: 350px;
-webkit-transition: max-height 1s ease;
-moz-transition: max-height 1s ease;
-o-transition: max-height 1s ease;
transition: max-height 1s ease;
}
.open_question h8:after {
content: "-" !important;
}
h8 {
font-family: NeubauGrotesk--55;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 130%;
}
.hidden_support {
opacity: 0;
height: 0;
overflow: hidden;
}
.open_q_style {
border-bottom: 2px solid #ff3743;
color: #000;
font-weight: 700;
}
.open_q {
opacity: 1 !important;
height: auto;
}
.Questions p {
font-family: NeubauGrotesk--55;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
margin-top: 30px;
}
.Questions li {
font-family: NeubauGrotesk--55;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
}
.Questions h8:after {
content: "+";
float: right;
font-size: 37px;
}
@media screen and (min-width: 641px) and (max-width:1200px){
.Header__LogoImage{
width:100% !important;
}
}
.flickity-page-dots {
z-index: 1;
}
@media screen and (min-width: 1025px) {
.arrow_desktop_wrapp {
width: 27px;
height: 27px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 8px;
}
.arrow_desktop_wrapp .Icon--r_arrow {
margin-left: 0;
width: 9px;
height: 14px;
}
.image_50_text_50--wrapper .product-item__details {
display: flex;
justify-content: center;
align-items: center;
}
.images--3 .ImageHero--fix_triple {
min-height: 0;
padding-bottom: 145.0929%;
}
.dark_mode .ImageHero--fix_triple{
min-height: 0;
padding-bottom: 100%;
}
.spec--value {
text-align: right;
display: inline-block;
float: right;
}
.howTo--step_number {
font-size: 121px;
line-height: 109px;
line-height: 0.9;
}
.boards_overlay{
padding-top: 40px;
padding-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
background: rgba(255, 255, 255, 0.8);
}
.quote_width{
width: 43.055555%
}
.padding_150_0{
padding: 150px 0;
}
.images_per_row_2{
flex-basis: 50%;
}
.images_per_row_3{
flex-basis: 33.333333%;
}
.images_per_row_4{
flex-basis: 25%;
}
.CompareProduct__InfoBadge2 {
top: 23px;
position: absolute;
right: 35%;
}
.CompareProduct__InfoBadgeContant--faq .padding_100_0_50_0{
padding:50px;
}
.CompareProduct__ContentInfo--faq.bg--white {
margin: 40px 120px;
position: relative;
}
span.CompareProduct__ContentInfo--Close--faq {
position: absolute;
right: 55px;
top: 55px;
cursor: pointer;
}
.CompareProduct__InfoBadgeContant--faq{
visibility: hidden;
background-color: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
top: 0;
z-index: 10;
position: absolute;
}
.CartItem__ImageWrapper{
width: 127px;
height: 156px;
}
.CartItem__Image{object-fit: contain; height: 100%; width: 100%;}
.ProductMeta__Description{
font-size: 18px;
}
.Product__Tabs{
font-size: 18px;
}
.MainMenu--SubItem--Item{
font-size: 18px;
}
.padding_100_0_50_0{
padding: 100px 0 50px 0;
}
.padding_100_50{
padding: 100px 50px;
}
.padding_0_50{
padding: 0 50px;
}
.pl--50{
padding-left: 50px;
}
.pr--50{
padding-right: 50px;
}
.pb--S{
padding-bottom: 10px;
}
.section--title--faq {
font-family: NeubauGrotesk--55;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 130%;
}
.faq--item{
width: 50%;
}
.faq--item--title{
font-family: NeubauGrotesk--55;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: 0px;
text-align: left;
}
.faq--item--text{
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: 0px;
text-align: left;
}
#ndnapp-contactform-wrapper {
margin-left: 10px;
}
.article--more_wrappers {
margin-left: -20px;
margin-right: -20px;
margin-top: 50px;
}
.bottom-articles {
margin: 50px;
}
.article--more_wrappers article {
padding-left: 20px;
padding-right: 20px;
flex: 1;
}
.width--slide {
width: fit-content;
}
.mr--L {
margin-right: 40px;
}
.tech--partners {
position: absolute;
bottom: 0;
width: 30%;
}
.tech--logos {
display: flex;
}
.flexboxi--news {
display: flex;
}
.text_rapper {
flex: none;
width: 40%;
padding-right: 10%;
}
.mt--sL_desk {
margin-top: 30px;
}
.not_desktop {
display: none !important;
}
.stacked__section {
display: flex;
width: 35vw;
right: 0;
position: absolute;
transition: transform 0.6s ease;
cursor: pointer;
}
.stacked__sectionFix{
bottom: 0 !important;
}
.stacked--header {
width: 100%;
}
.info_column {
width: 80px;
}
.stacked--title {
writing-mode: vertical-rl;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
offset-rotate: -180;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.ImageHero--stacked {
min-height: 300px;
}
#stacked_wrapper {
overflow: hidden;
display: flex;
position: relative;
}
.stacked__section {
height: 100%;
}
.stacked--textarea {
width: 80%;
}
.image_column {
width: calc(100% - 80px);
}
.stacked__article {
display: flex;
width: 33.33333333%;
transition: transform 0.9s ease;
}
.stacked__article .image_column {
padding-top: 20px;
}
.article_section--wrapper {
min-height: 600px;
overflow: hidden;
}
.MegaMenu__Item.MegaImage {
position: absolute;
right: 580px;
}
.EmptyState__Title{
font-size: 68px;
text-align: left;
}
.EmptyState{
text-align: left;
margin-left: 50px;
}
.EmptyState__Action{
margin-top: 110px;
padding: 11px 16px;
}
}
.flexboxi--both {
display: flex;
position: relative;
}
.article_link{
font-size: 14px;
}
.big_map_wrapper .Collapsible__Plus{top: unset; bottom: 2px;}
.big_map_wrapper .Collapsible:first-child{border-top: 0px;}
.big_map_wrapper .Collapsible__Button {padding: 0px; padding-top: 32px; padding-bottom: 24px}
#Search_desk .IconWrapper{
margin-right: 10px;
}
@media screen and (max-width: 1024px) {
.Sticky__Button {
padding: 12px 16px;
background-color: black;
color: white;
width: 100vw;
position: fixed;
bottom: 89px;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
}
.Sticky__Button .arrow {
width: 16px;
height: 16px;
display: flex;
justify-content: center;
align-items: center;
}
.Support__Menu__Header.rectangle {
margin: 10px 0;
}
.news_rectangle {
margin-top: 10px;
margin-bottom: 50px;
}
.nf-textarea {
font-size: 14px !important;
}
.nf-textarea::Placeholder {
font-size: 14px;
}
.nf-form-check-label {
font-size: 14px;
}
.Questions h8:after {
content: "+";
float: right;
font-size: 26px;
}
.specifications_tabs--subtitle {
margin-bottom: 32px;
}
.howTo--step_number {
font-size: 71px;
line-height: 0.9;
}
.contact_retailers {
background-color: white !important;
border-bottom: 1px solid black;
}
.boards_new_title {
margin-top: 16px;
}
.board_section_new .board_section_new--overlay {
padding: 0 8px;
}
.image_left_right--wrapper {
padding: 8px;
padding-bottom: 32px;
}
.image_left_right--wrapper .rectangle {
margin-top: 4px;
margin-bottom: 16px;
}
.image_left_right--wrapper .product-item__details {
margin-left: -8px !important;
width: calc(100% + 16px);
padding: 12px 16px;
margin: 0 -8px;
border-radius: 6px;
}
.image_left_right--wrapper .boards_section_action a {
width: 100%;
}
.board_section_new .Price_Custom {
margin-bottom: 16px;
}
.extra_battery--wrapper .ProductForm__AddToCart {
position: relative;
bottom: 0;
border-radius: 6px;
}
.ButtonGroup__Item {
display: flex;
align-items: center;
justify-content: space-between;
}
.Icon.Icon--r_arrow_mob {
display: none !important;
}
.arrow_wrapper {
width: 16px;
height: 16px;
display: flex;
justify-content: center;
align-items: center;
}
.ButtonGroup__Item span {
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 8px;
}
.arrow_atc svg {
width: 6px;
height: 11px;
position: relative;
margin: auto;
left: 0;
top: 0;
margin-left: 0;
}
.ProductList--carousel .Carousel__Cell {
width: 78.67%;
}
.rectangle_small {
width: 32px;
height: 1px;
background-color: #FF3743;
}
.map_info{width: calc(100% - 20px);}
.countries{overflow: hidden; height: auto; padding-right: 0px !important;}
#searchbar{width: 100%; margin-bottom: 20px;}
#searchbar input[type=text]{width: 100%;}
.cart-upsell{padding-left: 0px;padding-right: 0px; }
.cart_featured {
flex: none;
}
.big_map_wrapper {
padding-right: 0;
}
.big_map_wrapper .Collapsible__Button {
padding: 0px;
padding-top: 30px;
padding-bottom: 15px;
}
.big_map_wrapper .Collapsible {border-top: 0px;}
.big_map_wrapper .Collapsible__Plus{top: unset; bottom: 2px;}
.cart_upsell_info {
position: relative;
bottom: 0;
background: rgba(255, 255, 255, 0.5);
padding: 8px;
width: 75.7576%;
}
.Upsell__Container .ProductItem__Image {
object-fit: cover;
}
.vat{
font-size: 14px;
}
.quote_wrapper {
padding: 100px 20px;
}
.CompareProduct__InfoBadge2{
top: 65px;
position: absolute;
left: 24px;
}
#section-footer .Container {
padding: 0 16px;
}
.Form__Input{
font-size: 14px;
}
#CompareBoardsSlider .upsell_container{
padding-bottom: 30px;
}
.compare--Button{
font-size: 18px;
}
ul li.CompareMeta__Big {
width: 100%;
font-style: normal;
font-size: 14px;
line-height: 19px;
}
ul li.CompareMeta__Big .right {
float: right;
}
ul li.CompareMeta__Small {
width: 100%;
font-style: normal;
font-size: 14px;
line-height: 19px;
}
.review_text{
font-size: 14px;
}
.aq--item--text{
font-size: 14px;
}
.ProductForm__AddToCart{
font-size: 18px;
display: flex;
justify-content: space-between;
align-items: center;
}
.ProductForm__AddToCart--second{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
a.Collapsible__Button.Heading.Link.Link--primary.u-h4_mob.main---link {
padding: 20px 0px;
}
svg.Icon.Icon--cart-mob {
width: 20px;
height: 20px;
margin-bottom: 4px;
margin-right: 4px;
margin-left: 10px;
}
.Icon.Icon--search {
margin-right: 10px;
}
.Product__Tabs{
font-size: 14px;
}
.EmptyState__Title{
font-size: 32px;
}
.EmptyState__Action{
margin-top: 50px;
padding: 11px 16px;
}
.EmptyState {
margin: 140px 0;
text-align: left;
}
.special--news {
padding: 20px;
width: calc(100% - 40px);
max-width: calc(100% - 40px);
margin: auto;
bottom: 0;
top: 0;
height: 500px;
left: 20px;
right: 20px;
}
.flexboxi--news {
position: relative;
display: flex;
flex-direction: column;
overflow: auto;
height: 100%;
min-height: min-content;
}
.NewsletterPopup__Close {
z-index: 3;
}
.flexboxi--news .FeatureText__ImageWrapper {
overflow: unset !important;
}
.myHPproduct {
width: 155px !important;
}
.myHPproduct span{font-size: 14px; }
.special_m--mob {
margin-top: 20px !important;
}
.Image--left_right--image {
flex-basis: 33%;
margin: 20px;
position: relative;
}
.QuantitySelector__Button {
padding-right: 4px;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
.dispatch__time {
text-align: left;
margin-top: 16px;
}
.ProductForm__Label {
margin-bottom: 8px;
}
/* SIDECART MOBILE 2.0 */
#sidebar-cart {
width: 91.4667vw;
}
.SideCart .Drawer__Close {
right: 24px;
left: auto;
}
.SideCart .Drawer__Close svg {
width: 10px;
height: 10px;
}
.Cart__Products__Count span {
color: #88898A;
}
.SideCart .Drawer__Title {
margin-right: 16px;
}
.SideCart .Drawer__Header {
align-items: flex-end;
justify-content: flex-start;
padding: 16px;
}
.SideCart .Drawer__Container {
padding: 16px;
}
.CartItemWrapper .CartItem {
margin: 0;
padding: 16px 16px 16px 0;
}
.CartItemWrapper:not(:last-child) .CartItem {
margin-bottom: 16px;
}
.SideCart .Cart__ItemList {
margin-top: 0;
}
.CartItem__Title span {
display: block;
}
.CartItem__Variant {
font-size: 14px !important;
background: #F2F2F2;
width: 100%;
margin-bottom: 0;
}
.CartItem__QuantitySelector {
background-color: transparent;
width: fit-content;
padding: 4px;
border: 1px solid #F2F2F2;
}
.SideCart .QuantitySelector {
background-color: transparent;
}
.SideCart .QuantitySelector svg {
width: 12px;
height: 12px;
}
.SideCart .QuantitySelector__CurrentQuantity {
font-size: 18px;
margin: 0 16px;
}
.CartItem__Actions {
display: flex;
margin-top: 4px;
}
.ProductItem__SideCart_mob .ProductItem__ImageWrapper {
width: 17.0667vw;
height: 20.8vw;
margin: 9px 0;
}
.ProductItem__SideCart_mob .ProductItem__Wrapper {
display: flex;
background-color: white;
border-radius: 1px;
flex-direction: row;
min-height: unset;
margin-bottom: 8px;
}
#Upsell__Slider_desktop .ProductItem__Wrapper{
border-bottom: none;
}
.ProductItem__SideCart_mob {
width: 70.4vw;
}
#Upsell__Slider_desktop{
height: 50vh;
}
.SideCart .cart-upsell .Upsell__Container {
display: block !important;
}
.SideCart .cart_featured {
width: 70.4vw;
padding: 0;
}
.SideCart .QuantitySelector__Button {
padding: 2px;
}
.SideCart .vat {
font-size: 11px;
}
.CartItemPrices__Wrapper {
text-align: right;
}
.SideCart .CartUpsell__Buttons {
text-align: right;
}
.SideCart .custom--plus {
position: relative;
background: black;
color: white;
border-radius: 6px;;
padding: 8px 16px;
text-align: left;
right: auto;
top: auto;
display: flex;
align-items: center;
justify-content: center;
}
.add_cart_plus {
padding: 1.5px;
display: inline-flex;
}
.SideCart .CartProductItem__AddToCartButton {
margin-top: 4px;
margin-bottom: 8px;
}
.Upsell__Title {
margin-top: 14px;
margin-bottom: 8px;
color: #88898A;
text-align: left;
}
.SideCart .ProductItem__Price {
text-align: right;
width: 100%;
}
.SideCart .Drawer__Footer {
padding: 16px;
padding-bottom: 0;
margin-bottom: 0;
}
.SideCart .Drawer__Footer input {
padding: 8px;
color: #88898A;
background: #fff;
}
.header--custom_recc{
margin-top: 32px;
}
.SideCart #ValidStatus {
line-height: 0;
line-height: 0;
display: block;
position: absolute;
right: 8px;
top: 8px;
width: 23px;
}
.SideCart .VAT_notice {
margin-top: 8px;
margin-bottom: 4px;
}
.SideCart .Cart__Taxes {
margin-bottom: 0;
}
.SideCart .Cart__Checkout {
margin-top: 16px !important;
padding: 8px 16px 32px 16px !important;
margin-left: -17px !important;
width: calc(100% + 34px) !important;
height: 63px !important;
}
.SideCart .Cart__Checkout::before {
background-color: black;
}
.SideCart span.right--span {
right: 16px;
}
.ex_vat_position {
margin-left: 8px;
margin-bottom: 2px;
font-size: 11px;
}
.checkout_price_wrapper{
display: flex;
align-items: flex-end;
}
.r_arrow_mob_wrapp {
width: 16px;
height: 16px;
margin-left: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.Cart__Checkout .right--span {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (min-width: 640px){
/*.ProductItem__SideCart_mob .ProductItem__ImageWrapper {
width: 7.0667vw;
}*/
}
/* SIDECART MOBILE 2.0 --- END !!! */
.columns {
display: inline;
margin-right: 0;
}
.columns_stacked {
display: inline;
margin-right: 0;
}
.support_page {
margin-top: 100px;
margin-left: 20px;
margin-right: 20px;
}
.h_menu {
flex-direction: column;
width: fit-content;
}
h8 {
font-size: 18px;
line-height: 130%;
}
.extra_battery--wrapper .ProductForm__AddToCart {
z-index: 2;
}
.SizeSwatchList .Price_Custom span {
display: block;
}
.SizeSwatchList .Price_Custom {
height: fit-content;
margin: auto 0;
}
.ProductForm__Variants.Product__BundleForm {
margin-bottom: 0;
}
.ProductForm__Option--labelled {
margin-bottom: 0;
}
.SizeSwatchList .variation_meta_description--wrapper span:first-child {
font-size: 18px;
}
.cart--phone {
margin: auto;
margin-right: 0;
}
.article--more_wrappers article {
margin-bottom: 50px;
}
.article--more_wrappers {
margin-left: 0;
margin-right: 0;
margin-top: 50px;
}
.bottom-articles {
margin: 20px;
}
.menu--mobile {
flex: none;
}
.compare--button {
padding: 10px 20px;
}
.Product__Slideshow .Carousel__Cell {
width: 100%;
margin-right: 10px;
}
.Product {
margin-left: 16px;
margin-right: 16px;
margin-top: 0;
}
.Product__Gallery {
margin: 0 -8px;
}
.ProductForm__Variants,
.upsell_container {
width: 100%;
}
.SizeSwatchList .inline--display {
width: 100%;
}
.SizeSwatchList .SizeSwatch {
padding: 11px 16px;
display: flex;
justify-content: space-between;
border: 1px solid black;
color: #2C2C2C;
background-color: white;
}
.SizeSwatchList .inline--display:not(:last-child) {
margin-bottom: 8px;
}
ul.SizeSwatchList {
display: block;
padding-bottom: 32px;
}
.variation_meta_description--wrapper {
display: flex;
flex-direction: column;
text-align: left;
}
.mobile.flex {
display: flex;
}
.upsell_container {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid #d4d5d4;
}
.Product__Info .Container {
padding: 0 0;
}
.stacked--header {
width: calc(100% - 40px);
}
.tech--logos {
width: 100%;
display: flex;
}
.Image--TechLogo {
margin-right: 40px;
}
.Slideshow__Content--overlay {
padding: 16px;
margin-left: 16px;
margin-right: 16px;
bottom: 48px;
}
.width--slide {
width: 100%;
}
.ArticleList--HP {
margin-left: -16px;
margin-right: -16px;
}
.countries {
margin-block-start: 0;
margin-block-end: 0;
}
.Retailers__Retailers {
padding-top: 50px;
padding-bottom: 50px;
}
.stacked--title {
width: 80%;
padding-left: 20px;
text-align: left;
font-size: 22px;
font-family: 'NeubauGrotesk--55';
}
.ArticleList .stacked--title {
padding-left: 0;
}
#stacked_wrapper_1 {
overflow: hidden;
position: relative;
}
.stacked__article {
min-height: 520px;
padding: 8px;
transition: transform 0.6s ease;
}
.Slideshow--fullscreen {
min-height: calc(100vh - 35px) -webkit-fill-available;
min-height: calc(87vh - 35px);
}
.not_mobile {
display: none !important;
}
.Footer__Inner .Collapsible {
border-top: 0;
}
.Footer__Block.Footer__Block--newsletter {
margin-bottom: 32px;
}
.Icon--r_arrow {
margin-left: 8px;
}
.columns_stacked .Collapsible__Plus_info{right: 8px;}
.info_column {
display: flex;
margin-bottom: 20px;
position: relative;
padding: 16px 8px;
}
.stacked > div{
padding: 20px 8px 0px 8px;
}
.stacked__section {
padding: 16px 8px 40px 8px;
min-height: 500px;
position: absolute;
width: 100%;
transition: transform 0.6s ease;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.stacked__section--tech {
min-height: 500px;
}
.ImageHero--stacked {
min-height: 240px;
}
.pt--M {
padding-top: 20px;
}
#stacked_wrapper {
overflow: hidden;
position: relative;
}
.mt--XXXXL {
margin-top: 70px;
}
.mb--M_mob {
margin-bottom: 20px;
}
.ml--M_mob {
margin-left: 20px;
}
.mt--S_mob {
margin-top: 10px;
}
.mt--M_mob {
margin-top: 20px;
}
.mt--XL_mob {
margin-top: 50px;
}
.mb--S_mob {
margin-bottom: 10px;
}
}
@media screen and (max-width: 374px){
.close--teaser {
position: relative !important;
bottom: -20px !important;
left: 0;
right: 0;
cursor: pointer;
}
}
/*SPEC BLOCK*/
.spec--item{
margin:16px;
flex: 1;
}
.spec--flex {
flex: 1;
padding-left: 16px;
padding-right: 16px;
}
.spec_wrapper{
background-color: black;
color: white;
display: flex;
}
.spec--item--text {
margin-top:32px;
margin-bottom: 32px;display: flex;
align-items: center;
}
.spec--item--title {
margin-top:32px;
margin-bottom: 32px;
}
.extra--spec{
padding-bottom: 32px;
padding-top:16px;
margin: 0 !important;
}
.spec_wrapper--inner {
display: flex;
width: 75%;
}
.extra--spec--fixy {
position: sticky;
position: -webkit-sticky; /* Safari */
top: 65px;
background: black;
width: 100%;
}
.clear_atc {
color: white;
background: black;
width: fit-content;
padding: 9px 16px;
font-weight: 400;
}
@media screen and (max-width: 1024px){
.recommended_accessories--title {
margin-bottom: 32px;
}
.arrow_atc {
width: 16px;
height: 16px;
float: none;
position: relative;
display: flex;
}
.icon_atc {
width: 16px;
height: 16px;
float: none;
position: relative;
display: flex;
}
.bg--white_mob {
background-color: white;
}
.spec_wrapper{
padding-top: 60px;
}
.spec_wrapper--inner{
display: block;
}
.spec_wrapper--inner {
overflow: visible;
}
.spec--flex {
width: 125px;
}
.extra--spec{
padding-bottom: 24px;
padding-top:8px;
margin: 0 !important;
}
.extra--spec--fixy {
position: sticky;
position: -webkit-sticky; /* Safari */
top: 60px;
background: black;
}
.spec--item--text, .spec--item--title {
margin-top:16px;
margin-bottom: 16px;
}
.spec--item .spec--flex
{
padding-left: 0px;
}
.spec_wrapper--inner .spec--flex{
padding-left: 16px;
}
.spec_wrapper--inner .flickity-page-dots {
top: -34px;
position: absolute;
margin: 0;
right:65px;
width: auto;
}
}
.spec_wrapper--inner .flickity-page-dots .dot {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
margin: 0 3px;
border: 1px solid #88898A;
}
.spec_wrapper--inner .flickity-page-dots .dot.is-selected{
background: #FF3743;
border-color: #FF3743;
}
.spec_wrapper--inner .RoundButton, .flickity-prev-next-button{
top: -50px;
width: 45px;
height: 45px;
border-radius: 50%;
background: transparent;
color: white;
cursor: pointer;
text-align: center;
z-index: 1;
box-shadow: none;
vertical-align: middle;
line-height: 0;
transform: scale(1.201);
transition: background .15s ease-in-out,opacity .15s ease-in-out,transform .2s ease-in-out,color .2s ease-in-out;
overflow: hidden;
}
.spec_wrapper--inner .RoundButton, .flickity-prev-next-button.next{
right: 16px;
}
.spec_wrapper--inner .RoundButton, .flickity-prev-next-button.previous{
left: -141px;
}
.spec_wrapper--inner .flickity-prev-next-button[disabled]{
opacity: 1;
color: #88898A;
}
}
/*SEARCH BAR*/
#searchbar{
font-size: 18px;
line-height: 130%;
padding:11px 20px;
color: #88898A;
background: rgba(212, 213, 212, 0.1);
border: 0;
}
#searchbar input[type=text] {
width: 90%;
-webkit-transition: width 0.15s ease-in-out;
transition: width 0.15s ease-in-out;
}
/* When the input field gets focus,
change its width to 100% */
#searchbar input[type=text]:focus {
width: 100%;
}
.Collapsible__Content li{list-style: none;}
.wrapper_click--video.my-player-teaser_fb .video-js.vjs-fluid{
height: 100%;
}
.Search--initial_view {
display: flex;
}
.Search--Recommendations .ProductList{
display: flex;
}
.Search_View--actions {
display: flex;
justify-content: space-between;
}
.Search__Results .PageLayout__Section:first-child{
width: 70%;
flex: none;
}
.Search__Results .PageLayout__Section+.PageLayout__Section{
margin-left: 50px;
}
.Search__Results .Grid__Cell{
padding:0px;
padding-left:16px;
padding-right:16px;
margin-bottom: 20px;
}
.Search__Results .Grid{
margin-left: -15px;
margin-right: -15px;
display: flex;
justify-content: space-between;
}
.PageLayout__Section--collections .Grid__Cell{
padding:0px;
padding-left:5px;
padding-right:5px;
margin-bottom: 20px;
}
.PageLayout__Section--collections .Segment__Content{
margin-left: -5px;
margin-right: -5px;
}
.PageLayout__Section--collections .Segment__Content p{
margin-left: 5px;
margin-right: 5px;
}
.Search__Results .ProductItem__Info{
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
}
.Search__Results .product__info_text{width: 85% !important;}
.coll_title{font-family: proxima-nova;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 14px;
letter-spacing: 0;
text-align: center;
padding-top: 10px;
}
.PageLayout__Section--secondary{
max-width: unset;
flex-basis: unset;
flex: 1;
}
.Search--Suggestions{
width: 22%;
flex: none;
}
.Search__Inner .Grid__Cell, .Search--Recommendations .Carousel__Cell{
width: 27%;
margin-right: unset;
padding-left: 15px;
padding-right: 15px;
}
.Search--Recommendations .ProductList{
margin-left: -15px;
margin-right: -15px;
display: flex;
justify-content: space-between;
}
.Search--Recommendations{margin-left: 70px;flex: none;
width: calc(78% - 70px);
}
.Search--Suggested__results, .Search--Recent__results {
display: block;
position: relative;
list-style: none;
margin-top: 35px;
}
.Search--Recent{margin-bottom: 50px;}
.Search--Suggested__results li, .Search--Recent__results li {
cursor: pointer;
}
.Segment__Title {
width: 100%;
display: flex;
position: relative;
font-size: 14px;
}
.js .SectionHeader {opacity: 1;}
/*SEARCH REWORK END*/
@media screen and (max-width: 1024px){
/*SEARCH REWORK*/
.Search--initial_view{
padding-left:16px;
padding-right: 16px;
flex-direction: column;
}
.Search__Inner .Grid__Cell, .Search--Recommendations .Carousel__Cell{width: 100%;}
.Search__Results .Grid{display: block;}
.Search--Suggestions{width: 100%;}
.Search--Recommendations{width: 100%; margin-left: 0px;}
.Search--Recommendations .ProductList{flex-direction: column;margin-left: 0px; margin-right: 0px;}
.Search--Recommendations .Carousel__Cell{width: 100%; margin-bottom: 40px; padding: 0px;}
.Search__Results .ProductItem__Info{width: 100%;}
.Search__Results .PageLayout__Section:first-child{width: 100%;}
.Search__Results .PageLayout__Section+.PageLayout__Section{margin-left: 0px;}
.PageLayout__Section--collections .Grid__Cell{width: 33%;}
.Search--Suggested{margin-top: 0px;}
.Search--Recommendations{margin-top: 20px;}
.Search--Recent__results{margin-top: 0px;} .Search--Suggested__results{margin-top: 20px;}
.Search--Suggested__results li,.Search--Recent__results li{
margin-bottom: 20px;
}
.Segment__Title{margin-bottom:20px;}
.noResults{
width: 100%;
margin-top: -16px;
}
.noResults .rectangle{
margin-top: 10px;
}
.PageLayout__Section--secondary .noResults--wraper{
display: none;
}
.Search__Results{margin-top:40px;}
.PageLayout__Section:first-child{margin-bottom: 0px;}
.Search--initial_view{padding-left: 0px; padding-right: 0px;}
.Search--Recent{padding-left: 0px; margin-bottom: 40px;}
.PageLayout__Section--collections .Segment__Content{margin-left:0px; margin-right: 0px;}
.Search__Results .PageLayout__Section+.PageLayout__Section{margin-top: 4px;}
.PageLayout__Section--collections .Segment__Content p{
margin-left: 0px;
margin-right: 0px;
}
.desktop-only{display: none !important;}
/*SEARCH REWORK END*/
}
/*STICKY BUTTON EXPLORE*/
.sticky_order{position:fixed; right: 38px;
bottom: 38px;
}
@media screen and (max-width: 1024px){
.flickity-page-dots {
margin: 0 0 16px 0;
}
.sticky_order {
right:8px;
bottom: 38px;
}
}
#boards_section_new .height--image--left--right{
display: flex;
flex-direction: column;
}
.board_wrapper_new {
position: relative;
height: 65%;
width: 100%;
}
#boards_section_new .text--on--image{
position: relative;
left: 0;
bottom: 0;
text-align: left;
width: 100%;
height: 35%;
}
.board_section_new--overlay{
background-color: white;
padding: 40px 30px;
}
.boards_section_action {
display: flex;
align-items: center;
justify-content: flex-end;
}
.boards_section_action .myPPproduct{
margin-left: 50px;
}
@media screen and (max-width: 1024px){
.board_section_new--overlay{
padding: 20px;
}
#boards_section_new .image_left_right--wrapper{
height: auto;
}
.board_wrapper_new{
height: 91.7334vw;
}
}
/*HOW TO BUY BOARD SECTION*/
.howTo--heading{
position: relative;
display: flex;
align-items: center;
}
.standard_wrapper {
overflow: hidden;
position: relative;
padding: 0 50px;
}
.howTo--content {
width: 40%;
}
.howTo--image{
width: 60%;
min-height: 176px;
}
.right--howTo{
order: 2;
}
.left--howTo{
order: 1;
}
.right--howTo--text{
order: 1;
margin-right: 10px;
}
.left--howTo--text{
order: 2;
margin-left: 10px;
}
.howTo--step {
padding: 0 30px;
border-right: 1px solid #88898A;
flex: 1;
}
.howTo--step:last-child {
border-right: 0px solid #88898A;
}
.howTo--step_number{
color: #FF3743;
margin-bottom: 8px;
}
.howTo--steps {
display: flex;
margin-left: -30px;
margin-right: -30px;
margin-top:50px;
}
.Search__Close svg{
width: 12px;
height: 12px;
}
.howTo--action button{width: 100%;}
.faq_link{
font-family: "NeubauGrotesk--75";
font-size: 18px;
font-weight: 700;
line-height: 23px;
letter-spacing: 0px;
}
@media screen and (min-width: 1025px){
.faq_link{
font-family: "NeubauGrotesk--75";
font-size: 21px;
font-weight: 700;
line-height: 27px;
letter-spacing: 0px;
margin-top:12px;
}
.howTo--action button{
min-width: 377px;
padding: 16px 24px;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: 0px;
}
.howTo--heading {
align-items: flex-start;
flex-direction: column;
}
.howTo--image {
width: 100%;
padding-bottom: 18.2433%;
}
}
@media screen and (max-width: 1024px){
.howTo--action {
width:100%;
height: auto;
margin-top: 40px;
display: block;
}
.product-item__details {
display: flex;
justify-content: center;
align-items: center;
font-family: NeubauGrotesk--55;
font-size: 18px;
border-radius: 6px;
padding: 12px 16px;
}
.Search .product-item__details {
display: none !important;
font-size: 24px;
}
.Search[aria-hidden=false] {
transform: translateY(0%);
}
.standard_wrapper{
padding: 0px 16px;
}
.howTo--heading { flex-direction: column;
}
.howTo--image, .howTo--content {
width: 100%;
}
.howTo--image {
min-height: 128px;
}
.howTo--steps {
display: flex;
margin-left: -20px;
margin-right: -20px;
margin-top: 16px;
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.howTo--steps::-webkit-scrollbar {
display: none;
}
.howTo--step {
padding: 0 20px;
border-right: 1px solid #88898a;
flex: 1;
min-width: 296px;
margin-bottom: 0px;
}
.howTo--step h3{
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-align: left;
}
.right--howTo--text{
order: 1;
margin-right: 0px;
}
.left--howTo--text{
order: 2;
margin-left: 0px;
}
}
/*HOW TO BUY BOARD SECTION END*/
/*REATILERS MAP ON PP */
.retailers_map_pp_wrapper {
display: flex;
align-items: center;
}
.retailers_pp_content{
width: calc(50% - 100px);
position: relative;
margin: 0 50px;
padding: 128px 0px;
}
.ImageHero--retailers{
min-height: 100%;
align-self: normal;
}
.retaliers_country_pp{
list-style: none;
padding-bottom: 20px;
border-bottom: 1px solid #D4D5D4;
display: flex;
flex-direction: column;
}
.retailers_map_pp_wrapper .country {
margin-top:10px;
}
.retailers_pp--country_name{
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #D4D5D4;
}
.retaliers_country button{width: 100%; text-align: left;}
@media screen and (max-width: 1024px){
.retailers_map_pp_wrapper {
display: flex;
align-items: center;
flex-direction: column;
}
.retailers_pp_content {
width: 100%;
padding: 0px 20px;
margin-top:50px;
}
.ImageHero--retailers {
min-height: 320px;
height: 100%;
align-self: normal;
}
.retailers_map_pp_wrapper .retaliers_country{margin-top:40px;}
.rectangle {
width: 40px;
height: 2px;
background-color: #ff3743;
}
}
/* SIDECART Desktop 2.0 */
@media only screen and (min-width: 1025px) {
.r_arrow_wrapp {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.SideCart .r_arrow_wrapp {
margin-left: 16px;
}
.right--span {
display: flex;
align-items: center;
}
.r_arrow_wrapp .Icon--r_arrow_mob {
width: 9px;
height: 17px;
overflow: visible;
}
.SideCart .product-item__details {
justify-content: center;
align-items: center;
}
.SideCart .product-item__details .arrow_atc {
display: none;
}
.Icon.Icon--r_arrow {
display: none !important;
}
}
/* SIDECART Desktop 2.0 --- END !!! */
@font-face {
font-family: "NeubauGrotesk--55";
font-display: swap;
src: url(//cdn.shopify.com/s/files/1/0542/1501/6623/files/NeubauGrotesk-55Normal.woff2) format("woff2"); }
@font-face {
font-family: "NeubauGrotesk--75";
font-display: swap;
src: url(//cdn.shopify.com/s/files/1/0542/1501/6623/files/NeubauGrotesk-75Fett.woff2) format("woff2"); }
@font-face {
font-family: "Roboto";
font-display: swap;
src: url(//cdn.shopify.com/s/files/1/0542/1501/6623/files/Roboto.woff2) format("woff2"); }
@font-face {
font-family: Montserrat;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("/cdn/fonts/montserrat/montserrat_n5.e72d00d31ae5399d260a80ec70322c62c1819762.woff2?&hmac=a51355a3cbe15aebc1c1554760a284fd97876d256948d4151d76b08cd7a65c73") format("woff2"), url("/cdn/fonts/montserrat/montserrat_n5.18a018b6c83e89030c5d70a6d4c02c969f228500.woff?&hmac=1f425240c6882b6b59bf030962238f189bee59b0451390685d40a5a2eb939f4b") format("woff"); }
@font-face {
font-family: "Nunito Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("/cdn/fonts/nunito_sans/nunitosans_n4.2b61d9dcf54d8ac8282cfd1ebb6964c79a7efcd1.woff2?&hmac=8cc42143eae778b5a4489df2cc2cac3253120cc1e3acdd0342ed736216541bf9") format("woff2"), url("/cdn/fonts/nunito_sans/nunitosans_n4.420cbf408f643f8ff8fd948b99c10dade8b6af79.woff?&hmac=0a96c8ac3d522763f19edefabd69663b968f08a29ebaeb7407601cc91a24defc") format("woff"); }
@font-face {
font-family: "Nunito Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("/cdn/fonts/nunito_sans/nunitosans_n7.5bd4fb9346d13afb61b3d78f8a1e9f31b128b3d9.woff2?&hmac=a80925e46dab83118087258f70361e59a7ead90cc8d247079c9f1894f9139704") format("woff2"), url("/cdn/fonts/nunito_sans/nunitosans_n7.2bcf0f11aa6af91c784a857ef004bcca8c2d324d.woff?&hmac=19e78cd6194bda2d82da36db1c30d78a4999f9945a4f1e70ce478106915512bb") format("woff"); }
@font-face {
font-family: "Nunito Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("/cdn/fonts/nunito_sans/nunitosans_i4.e88a2041a6cfbeacffb96db0e8efdfaaa38ddc5c.woff2?&hmac=552da398f9cf9351b323856ad2adeebabcff36bb13e25739abd3442d7eba95d4") format("woff2"), url("/cdn/fonts/nunito_sans/nunitosans_i4.2c3733ccdf579e6e89e929a950e6a93484fdf6b4.woff?&hmac=eb5067d9ace3ed9bafc42d21f2a7fdea7b071445b49065533702d8af29bcbfc6") format("woff"); }
@font-face {
font-family: "Nunito Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("/cdn/fonts/nunito_sans/nunitosans_i7.975ea93f521412ef99ca1e2e434d8ca6a5cf77e7.woff2?&hmac=b3b0b3630d1452928c31a0873830418462a86ab2113a4fe49dfb2299fcfd7d86") format("woff2"), url("/cdn/fonts/nunito_sans/nunitosans_i7.83b70272d04b71e88f25fc6834dc9b88e4ba4e95.woff?&hmac=fc183d54dd6522b1546f8886edb89b59dca99697ab3a52106fd21557832de67a") format("woff"); }
@media screen and (min-width:1440px) {
.Linklist {
margin-right: 64px;
}
.Footer__Block:first-child {
margin-right: 133px;
}
.Footer__Block:last-child {
margin-left: 64px;
}
}
red {
color: #FF3743;
}
grey {
color: #88898A;
}
/*DROPDOWN MENU*/
.mainMenu--FlexItem{
columns: auto;
column-count: 3;
column-gap: 8vw;
}
.currencyDropdown svg{
width: 16px;
}
.DropDown_Toggle{
cursor: pointer;
}
.RevolutionDropdown{
cursor: pointer;
position: relative;
}
.RevolutionDropdown--Content,.RevolutionDropdown--Item{
background: var(--color_background_1);
}
.SidebarDrawer--Wrapper .RevolutionDropdown--Item{
padding: 8px;
text-align: center;
}
.RevolutionDropdown--Item{
padding: 15px 20px;
color:var(--color_text_1);
}
.RevolutionDropdown--Button{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
padding-bottom: 6px;
border-bottom: 1px solid #D4D5D4;
font-family: 'NeubauGrotesk--55';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 23px;
letter-spacing: 0px;
text-align: left;
}
.RevolutionDropdown--Item{
font-family: 'NeubauGrotesk--55';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 23px;
letter-spacing: 0px;
text-align: left;
}
.RevolutionDropdown--Button[aria-expanded="true"]{
z-index: 3;
position: relative;
}
.RevolutionDropdown--Button svg{
width: 16px;
height: 16px;
pointer-events: none;
}
.RevolutionDropdown--Button[aria-expanded="true"] svg{
transform: rotate(180deg);
transition: transform 0.3s ease-in;
}
.RevolutionDropdown--Button[aria-expanded="false"] svg{
transform: rotate(0deg);
transition: transform 0.3s ease-in;
}
.mainMenu--Links{
position: absolute;
background: var(--color_background_1);
width: 100%;
height: fit-content;
left: 0;
top: var(--header-height);
z-index: 1;
padding: 0;
overflow: hidden;
justify-content: space-between;
align-items: flex-start;
animation: opacityOut 150ms ease-in forwards;
-webkit-animation: opacityOut 150ms ease-in forwards;
}
.mainMenu--Links[aria-hidden="false"]{
animation: opacityIn 150ms ease-in forwards;
-webkit-animation: opacityIn 150ms ease-in forwards;
box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
}
.RevolutionDropdown--Selectors .RevolutionDropdown--Content{
overflow: auto;
position: absolute;
left: 0px;
top: 32px;
text-transform: capitalize;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.RevolutionDropdown--Selectors .RevolutionDropdown--Item:hover{
transition: all 0.2s ease-in;
text-decoration: underline;
}
.RevolutionDropdown--Selectors .RevolutionDropdown--Content.PopoverContent{
position: fixed;
width: 100%;
overflow: hidden;
max-width: 100%;
left: 0;
max-height: 300px;
height: 100%;
bottom:0;
top: unset;
background: var(--color_background_1);
z-index:21;
transform: translateY(0);
box-shadow: 0px 4px 16px 4px rgba(74, 74, 74, 0.1);
}
.PopoverContent .RevolutionDropdown--InnerContent{
overflow: auto;
height: calc(100% - 75px);
}
.RevolutionDropdown--Header{
display: flex;
justify-content: space-between;
align-items: center;
margin: 16px;
border-bottom: 1px solid var(--color_background_2);
}
.PopoverContent .RevolutionDropdown--Item{
text-align: center;
padding: 16px 24px;
}
.closeHeader{
margin-right: -8px;
padding: 16px;
}
.RevolutionDropdown--Content.PopoverContent[aria-hidden="true"]{
transform: translateY(-100%);
transition: transform 0.3s ease-in;
}
.RevolutionDropdown--Content[aria-hidden="true"]{
opacity: 0;
display: none;
animation: slideOut 0.3s ease-in forwards;
-webkit-animation: slideOut 0.3s ease-in forwards;
}
.RevolutionDropdown--Content[aria-hidden="false"]{
animation: slideIn 0.3s ease-in forwards;
-webkit-animation: slideIn 0.3s ease-in forwards;
}
.NewsletterPopup .RevolutionDropdown--Content {
max-width: 100%;
width: 100%;
max-height: 177px;
background-color: black;
}
.NewsletterPopup .RevolutionDropdown--Content::-webkit-scrollbar {
display: none;
}
.NewsletterPopup .RevolutionDropdown--Content {
-ms-overflow-style: none;
scrollbar-width: none;
z-index: 1;
}
.NewsletterPopup .RevolutionDropdown--Item {
padding: 16px 20px 21px 20px;
border-bottom: 1px solid #D4D5D4;
background: #fff;
}
.teaser .Form__Input {
font-size: 14px;
color: #88898A;
background: rgba(255,255,255, 0.1);
margin-top: 10px;
border-bottom: 0;
padding: 20px 16px;
}
.teaser .Form__Input::placeholder {
color: #88898A;
font-size: 14px;
}
.teaser .RevolutionDropdown--Button {
color: #88898A;
font-size: 14px;
background: rgba(255,255,255, 0.1);
margin-top: 10px;
border-bottom: 0;
padding: 20px 16px;
}
.teaser .RevolutionDropdown--Content {
max-width: 100%;
width: 100%;
max-height: 177px;
background-color: black;
-ms-overflow-style: none;
scrollbar-width: none;
z-index: 3;
top: 63px;
}
.teaser .RevolutionDropdown--Button.nativeDropdown{
width: 100%;
border: none;
background: rgba(255, 255, 255, 0.1);
}
.countryList--wrapper{
position: relative;
}
/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}
.countryList--wrapper:after {
content: url('data:image/svg+xml, ');
right: 18px;
top: 18px;
transform: rotate(90deg);
position: absolute;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
}
.countryList--wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
-ms-word-break: normal;
word-break: normal;
}
.teaser .nativeDropdown .RevolutionDropdown--Item{
background: #1c1b1b;
}
.teaser .RevolutionDropdown--Content::-webkit-scrollbar {
display: none;
}
.teaser .RevolutionDropdown--Item {
text-align: left;
color: #88898A;
font-size: 14px;
padding: 20px;
}
.Footer .RevolutionDropdown--Content::-webkit-scrollbar {
display: none;
}
.Footer .Form__Input {
font-size: 16px;
color: #88898A;
padding: 40px 12px 12px 0;
}
.Footer .RevolutionDropdown--Button {
font-size: 16px;
margin-top: 0;
padding: 40px 12px 12px 0;
}
.Footer .RevolutionDropdown--Content {
width: 100%;
background: white;
z-index: 3;
top: 74px;
max-height: 219px;
-ms-overflow-style: none;
scrollbar-width: none;
z-index: 1;
}
.Footer .RevolutionDropdown--Item {
font-size: 16px;
padding: 24px 20px 28px 20px;
border-bottom: 1px solid #D4D5D4;
}
.newsletter_fb .Form__Input {
background-color: rgba(212, 213, 212, 0.8);
color: #88898A;
font-size: 14px;
}
.newsletter_fb .RevolutionDropdown--Button {
background-color: rgba(212, 213, 212, 0.8);
color: #88898A;
font-size: 14px;
}
.newsletter_fb .RevolutionDropdown--Item {
background: rgba(212, 213, 212);
color: rgba(136, 137, 138);
}
.newsletter_fb .Form__Submit {
padding: 20px 16px;
background: black;
font-size: 14px;
width: 100%;
text-align: left;
}
.newsletter_fb .RevolutionDropdown--Content {
max-height: 174px;
}
.newsletter_fb .RevolutionDropdown--Content {
background-color: #D4D5D4;
top: 58px;
}
.newsletter_fb .NewsletterPopup__Content {
font-size: 14px;
}
.newsletter_fb .Form__Submit .Icon--r_arrow {
float: right;
}
.newsletter_fb .Form__Submit {
margin-top: 10px;
}
.RevolutionDropdown--Content {
z-index: 3;
}
.newsletter_fb .close--teaser {
bottom: -48px;
}
@media screen and (min-width: 1025px) {
.teaser .Form__Input {
font-size: 18px;
}
.teaser .Form__Input::placeholder {
font-size: 18px;
}
.teaser .RevolutionDropdown--Button {
font-size: 18px;
}
.teaser .RevolutionDropdown--Item {
font-size: 18px;
}
.Footer .RevolutionDropdown--Item {
font-size: 20px;
}
.Footer .Form__Input {
font-size: 20px;
padding: 24px 24px 16px 0;
}
.Footer .RevolutionDropdown--Button {
padding: 24px 24px 16px 0;
font-size: 20px;
}
.Footer .RevolutionDropdown--Content {
top: 67px;
max-height: 198px;
}
.Footer .RevolutionDropdown--Item {
font-size: 20px;
padding: 16px 30px 24px 30px;
}
.Footer .RevolutionDropdown--Item {
padding: 16px 30px 24px 30px;
}
.newsletter_fb .Form__Submit {
font-size: 18px;
}
.newsletter_fb .RevolutionDropdown--Content {
max-height: 189px;
top: 63px;
}
.newsletter_fb .NewsletterPopup__Content {
font-size: 18px;
}
.newsletter_fb .close--teaser {
bottom: 50px;
}
}
.VideoPopup {
width: 85%;
height: fit-content;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
padding: 0px !important;
box-shadow: 0px 4px 16px 4px rgba(74, 74, 74, 0.1);
transform: translateY(-50%);
}
.closeButton svg path{fill: white;
mix-blend-mode: difference;
}
.closeButton{
cursor: pointer;
position: absolute;
z-index: 3;
width: 30px;
height: 30px;
padding: 16px;
right: 16px;
display: block;
}
.YTslideshowPlayer{
/* padding-bottom: 56.25%; */
height: auto;
position: relative;
display: block;
}
.ytEmbed .wrapper_click--video, .ytEmbed .wrapper_click--video > div{
height: 100%;
}
@media screen and (max-width: 1024px){
.ytEmbed .image_50_text_50_mobile{
height: unset;
/* padding-bottom: 56.25%; */
}
.YTslideshowPlayer{
padding-bottom: 177.77777777777777%;
height: auto;
position: relative;
display: block;
}
.YTslideshowPlayer iframe{
object-fit: cover;
}
.wrapper_click--video2{
height: 100%;
}
.VideoPopup {
width: calc(100% - 32px);
}
}
#searchbarNewsletter{
appearance: none;
-webkit-appearance: none;
border: 0px;
}
.searchbar--wrapper:hover{
text-decoration: none !important;
}
.safari-browser
.vjs-tech{
object-fit:initial !important;
}
.Slideshow__VideoHolder{
background-color: black;
}
/* Spacing */
.mx-xxs {
margin-left: 0px;
margin-right: 0px;
}
.mx-xs {
margin-left: 0.125rem;
margin-right: 0.125rem;
}
.mx-s {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-m {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-sl{
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.mx-l {
margin-left: 1rem;
margin-right: 1rem;
}
.mt-sxl{
margin-top: 1.5rem;
}
.mb-sxl{
margin-bottom: 1.5rem;
}
.mx-xl {
margin-left: 2rem;
margin-right: 2rem;
}
.mx-sxxl{
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.mx-mxxl{
margin-left: 3rem;
margin-right: 3rem;
}
.mx-xxl {
margin-left: 4rem;
margin-right: 4rem;
}
.mx-3xl {
margin-left: 5rem;
margin-right: 5rem;
}
.mx-4xl {
margin-left: 6rem;
margin-right: 6rem;
}
.mt-xxs {
margin-top: 0px;
}
.mr-xxs {
margin-right: 0px;
}
.mb-xxs {
margin-bottom: 0px;
}
.ml-xxs {
margin-left: 0px;
}
.mt-xs {
margin-top: 0.125rem;
}
.mr-xs {
margin-right: 0.125rem;
}
.mb-xs {
margin-bottom: 0.125rem;
}
.ml-xs {
margin-left: 0.125rem;
}
.mt-s {
margin-top: 0.25rem;
}
.mr-s {
margin-right: 0.25rem;
}
.mb-s {
margin-bottom: 0.25rem;
}
.ml-s {
margin-left: 0.25rem;
}
.mt-m {
margin-top: 0.5rem;
}
.mr-m {
margin-right: 0.5rem;
}
.mb-m {
margin-bottom: 0.5rem;
}
.ml-m {
margin-left: 0.5rem;
}
.mt-sl {
margin-top: 0.75rem;
}
.mr-sl {
margin-right: 0.75rem;
}
.mb-sl {
margin-bottom: 0.75rem;
}
.ml-sl {
margin-left: 0.75rem;
}
.mt-l {
margin-top: 1rem;
}
.mr-l {
margin-right: 1rem;
}
.mb-l {
margin-bottom: 1rem;
}
.ml-l {
margin-left: 1rem;
}
.mt-ssxl{
margin-top: 1.25rem;
}
.mt-sxl {
margin-top: 1.5rem;
}
.mr-sxl {
margin-right: 1.5rem;
}
.mb-sxl {
margin-bottom: 1.5rem;
}
.ml-sxl {
margin-left: 1.5rem;
}
.mt-xl {
margin-top: 2rem;
}
.mr-xl {
margin-right: 2rem;
}
.mb-xl {
margin-bottom: 2rem;
}
.ml-xl {
margin-left: 2rem;
}
.mt-sxxl {
margin-top: 2.5rem;
}
.mr-sxxl {
margin-right: 2.5rem;
}
.mb-sxxl {
margin-bottom: 2.5rem;
}
.ml-sxxl {
margin-left: 2.5rem;
}
.mt-mxxl {
margin-top: 3rem;
}
.mr-mxxl {
margin-right: 3rem;
}
.mb-mxxl {
margin-bottom: 3rem;
}
.ml-mxxl {
margin-left:3rem;
}
.mt-xxl {
margin-top: 4rem;
}
.mr-xxl {
margin-right: 4rem;
}
.mb-xxl {
margin-bottom: 4rem;
}
.ml-xxl {
margin-left: 4rem;
}
.mt-3xl {
margin-top: 5rem;
}
.mr-3xl {
margin-right: 5rem;
}
.mb-3xl {
margin-bottom: 5rem;
}
.ml-3xl {
margin-left: 5rem;
}
.mt-4xl {
margin-top: 6rem;
}
.mr-4xl {
margin-right: 6rem;
}
.mb-4xl {
margin-bottom: 6rem;
}
.ml-4xl {
margin-left: 6rem;
}
.mx-xxs {
margin-left: 0px;
margin-right: 0px;
}
.mx-xs {
margin-left: 0.125rem;
margin-right: 0.125rem;
}
.mx-s {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-m {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-sl{
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.mx-l {
margin-left: 1rem;
margin-right: 1rem;
}
.mt-sxl{
margin-top: 1.5rem;
}
.mb-sxl{
margin-bottom: 1.5rem;
}
.mx-xl {
margin-left: 2rem;
margin-right: 2rem;
}
.mx-sxxl{
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.mx-mxxl{
margin-left: 3rem;
margin-right: 3rem;
}
.mx-xxl {
margin-left: 4rem;
margin-right: 4rem;
}
.mx-3xl {
margin-left: 5rem;
margin-right: 5rem;
}
.mx-4xl {
margin-left: 6rem;
margin-right: 6rem;
}
.pt-xxs {
padding-top: 0px;
}
.pr-xxs {
padding-right: 0px;
}
.pb-xxs {
padding-bottom: 0px;
}
.pl-xxs {
padding-left: 0px;
}
.pt-xs {
padding-top: 0.125rem;
}
.pr-xs {
padding-right: 0.125rem;
}
.pb-xs {
padding-bottom: 0.125rem;
}
.pl-xs {
padding-left: 0.125rem;
}
.pt-s {
padding-top: 0.25rem;
}
.pr-s {
padding-right: 0.25rem;
}
.pb-s {
padding-bottom: 0.25rem;
}
.pl-s {
padding-left: 0.25rem;
}
.pt-m {
padding-top: 0.5rem;
}
.pr-m {
padding-right: 0.5rem;
}
.pb-m {
padding-bottom: 0.5rem;
}
.pl-m {
padding-left: 0.5rem;
}
.pt-sm {
padding-top: 0.75rem;
}
.pr-sm {
padding-right: 0.75rem;
}
.pb-sm {
padding-bottom: 0.75rem;
}
.pl-sm {
padding-left: 0.75rem;
}
.pt-l {
padding-top: 1rem;
}
.pr-l {
padding-right: 1rem;
}
.pb-l {
padding-bottom: 1rem;
}
.pl-l {
padding-left: 1rem;
}
.pt-sxl {
padding-top: 1.5rem;
}
.pr-sxl {
padding-right: 1.5rem;
}
.pb-sxl {
padding-bottom: 1.5rem;
}
.pl-sxl {
padding-left: 1.5rem;
}
.pt-xl {
padding-top: 2rem;
}
.pr-xl {
padding-right: 2rem;
}
.pb-xl {
padding-bottom: 2rem;
}
.pl-xl {
padding-left: 2rem;
}
.pt-sxxl {
padding-top: 2.5rem;
}
.pr-sxxl {
padding-right: 2.5rem;
}
.pb-sxxl {
padding-bottom: 2.5rem;
}
.pl-sxxl {
padding-left: 2.5rem;
}
.pt-mxxl {
padding-top: 3rem;
}
.pr-mxxl {
padding-right: 3rem;
}
.pb-mxxl {
padding-bottom: 3rem;
}
.pl-mxxl {
padding-left:3rem;
}
.pt-xxl {
padding-top: 4rem;
}
.pr-xxl {
padding-right: 4rem;
}
.pb-xxl {
padding-bottom: 4rem;
}
.pl-xxl {
padding-left: 4rem;
}
.pt-3xl {
padding-top: 5rem;
}
.pr-3xl {
padding-right: 5rem;
}
.pb-3xl {
padding-bottom: 5rem;
}
.pl-3xl {
padding-left: 5rem;
}
.pt-4xl {
padding-top: 6rem;
}
.pr-4xl {
padding-right: 6rem;
}
.pb-4xl {
padding-bottom: 6rem;
}
.pl-4xl {
padding-left: 6rem;
}
@media screen and (min-width: 1025px){
/* Spacing */
.mx-xxs {
margin-left: 0px;
margin-right: 0px;
}
.mx-xs {
margin-left: 0.125rem;
margin-right: 0.125rem;
}
.mx-s {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-m {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-sl{
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.mx-l {
margin-left: 1rem;
margin-right: 1rem;
}
.mt-sxl{
margin-top: 1.5rem;
}
.mb-sxl{
margin-bottom: 1.5rem;
}
.mx-xl {
margin-left: 2rem;
margin-right: 2rem;
}
.mx-sxxl{
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.mx-mxxl{
margin-left: 3rem;
margin-right: 3rem;
}
.mx-xxl {
margin-left: 4rem;
margin-right: 4rem;
}
.mx-3xl {
margin-left: 5rem;
margin-right: 5rem;
}
.mx-4xl {
margin-left: 6rem;
margin-right: 6rem;
}
.mt-xxs {
margin-top: 0.125rem;
}
.mr-xxs {
margin-right: 0.125rem;
}
.mb-xxs {
margin-bottom: 0.125rem;
}
.ml-xxs {
margin-left: 0.125rem;
}
.mt-xs {
margin-top: 0.25rem;
}
.mr-xs {
margin-right: 0.25rem;
}
.mb-xs {
margin-bottom: 0.25rem;
}
.ml-xs {
margin-left: 0.25rem;
}
.mt-s {
margin-top: 0.5rem;
}
.mr-s {
margin-right: 0.5rem;
}
.mb-s {
margin-bottom: 0.5rem;
}
.ml-s {
margin-left: 0.5rem;
}
.mt-m {
margin-top: 1rem;
}
.mr-m {
margin-right: 1rem;
}
.mb-m {
margin-bottom: 1rem;
}
.ml-m {
margin-left: 1rem;
}
.mt-sl {
margin-top: 1.5rem;
}
.mr-sl {
margin-right: 1.5rem;
}
.mb-sl {
margin-bottom: 1.5rem;
}
.ml-sl {
margin-left: 1.5rem;
}
.mt-l {
margin-top: 2rem;
}
.mr-l {
margin-right: 2rem;
}
.mb-l {
margin-bottom: 2rem;
}
.ml-l {
margin-left: 2rem;
}
.mt-sxl {
margin-top: 3rem;
}
.mr-sxl {
margin-right: 3rem;
}
.mb-sxl {
margin-bottom: 3rem;
}
.ml-sxl {
margin-left: 3rem;
}
.mt-xl {
margin-top: 4rem;
}
.mr-xl {
margin-right: 4rem;
}
.mb-xl {
margin-bottom: 4rem;
}
.ml-xl {
margin-left: 4rem;
}
.mt-sxxl {
margin-top: 5rem;
}
.mr-sxxl {
margin-right: 5rem;
}
.mb-sxxl {
margin-bottom: 5rem;
}
.ml-sxxl {
margin-left: 5rem;
}
.mt-mxxl {
margin-top: 6rem;
}
.mr-mxxl {
margin-right: 6rem;
}
.mb-mxxl {
margin-bottom: 6rem;
}
.ml-mxxl {
margin-left:6rem;
}
.mt-xxl {
margin-top: 8rem;
}
.mr-xxl {
margin-right: 8rem;
}
.mb-xxl {
margin-bottom: 8rem;
}
.ml-xxl {
margin-left: 84rem;
}
.px-xxs {
margin-left: 0px;
margin-right: 0px;
}
.px-xs {
margin-left: 0.125rem;
margin-right: 0.125rem;
}
.px-s {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.px-m {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.px-sl{
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.px-l {
margin-left: 1rem;
margin-right: 1rem;
}
.pt-sxl{
margin-top: 1.5rem;
}
.pb-sxl{
margin-bottom: 1.5rem;
}
.px-xl {
margin-left: 2rem;
margin-right: 2rem;
}
.px-sxxl{
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.px-mxxl{
margin-left: 3rem;
margin-right: 3rem;
}
.px-xxl {
margin-left: 4rem;
margin-right: 4rem;
}
.px-3xl {
margin-left: 5rem;
margin-right: 5rem;
}
.px-4xl {
margin-left: 6rem;
margin-right: 6rem;
}
.pt-xxs {
margin-top: 0.125rem;
}
.pr-xxs {
margin-right: 0.125rem;
}
.pb-xxs {
margin-bottom: 0.125rem;
}
.pl-xxs {
margin-left: 0.125rem;
}
.pt-xs {
margin-top: 0.25rem;
}
.pr-xs {
margin-right: 0.25rem;
}
.pb-xs {
margin-bottom: 0.25rem;
}
.pl-xs {
margin-left: 0.25rem;
}
.pt-s {
margin-top: 0.5rem;
}
.pr-s {
margin-right: 0.5rem;
}
.pb-s {
margin-bottom: 0.5rem;
}
.pl-s {
margin-left: 0.5rem;
}
.pt-m {
margin-top: 1rem;
}
.pr-m {
margin-right: 1rem;
}
.pb-m {
margin-bottom: 1rem;
}
.pl-m {
margin-left: 1rem;
}
.pt-sl {
margin-top: 1.5rem;
}
.pr-sl {
margin-right: 1.5rem;
}
.pb-sl {
margin-bottom: 1.5rem;
}
.pl-sl {
margin-left: 1.5rem;
}
.pt-l {
margin-top: 2rem;
}
.pr-l {
margin-right: 2rem;
}
.pb-l {
margin-bottom: 2rem;
}
.pl-l {
margin-left: 2rem;
}
.pt-sxl {
margin-top: 3rem;
}
.pr-sxl {
margin-right: 3rem;
}
.pb-sxl {
margin-bottom: 3rem;
}
.pl-sxl {
margin-left: 3rem;
}
.pt-xl {
margin-top: 4rem;
}
.pr-xl {
margin-right: 4rem;
}
.pb-xl {
margin-bottom: 4rem;
}
.pl-xl {
margin-left: 4rem;
}
.pt-sxxl {
margin-top: 5rem;
}
.pr-sxxl {
margin-right: 5rem;
}
.pb-sxxl {
margin-bottom: 5rem;
}
.pl-sxxl {
margin-left: 5rem;
}
.pt-mxxl {
margin-top: 6rem;
}
.pr-mxxl {
margin-right: 6rem;
}
.pb-mxxl {
margin-bottom: 6rem;
}
.pl-mxxl {
margin-left:6rem;
}
.pt-xxl {
margin-top: 8rem;
}
.pr-xxl {
margin-right: 8rem;
}
.pb-xxl {
margin-bottom: 8rem;
}
.pl-xxl {
margin-left: 84rem;
}
}
@media screen and (min-width: 1025px){
.LinkInner-Content{
display: flex;
flex-direction: column;
}
.LinkInner-Content a{
padding: 4px 0px;
}
.itemLink-Solo:hover{
font-weight: 700;
}
.itemLink-BIG{
padding: 12px 0px;
}
.MegaMenu-Block{
break-inside: avoid;
height: auto;
break-before: column;
}
.MegaMenu--Content span{
display: block;
}
.MegaMenu--Content{
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
}
.MegaMenu--Content{
color: white;
}
.MegaMenu--Inner{
position: relative;
width: 100%;
}
.MegaMenu--Inner .AspectRatio:after{
background: linear-gradient(180.08deg, rgba(0, 0, 0, 0) 50.1%, rgba(0, 0, 0, 0.64) 99.93%);
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.MegaMenu--Image{
object-fit: cover;
}
.MegaMenu--Button{
color: white;
background-color: black;
padding: 8px 24px;
display: flex;
justify-content: center;
}
.itemLink--BigSmallP{
padding-bottom: 4px;
}
.itemLink--BigSmallP{
position: relative;
}
.itemLink--BigSmallP::after{
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
opacity: 1;
transform: scaleX(0.25);
transform-origin: left center;
border-bottom: 2px solid #FF3743;
transition: transform .3s,opacity .3s;
}
.itemLink--BigSmallP:hover::after{
opacity: 1;
transform: scaleX(1);
}
}
/* UPGRADE MODAL */
#upgrade-modal2{
width: 400px;
padding: 40px 20px;
max-height: unset;
}
#upgrade-modal2 .modal--title{
font-family: 'NeubauGrotesk--55';
font-size: 22px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0px;
text-align: left;
}
#upgrade-modal2 .modalImg{
max-width: 185px;
margin: 20px auto;
}
#modalAction{
margin-top: 20px;
display: block;
}
.upgradeBag{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background: black;
color: white;
padding: 8px 16px;
}
.modalTitl{
font-family: 'NeubauGrotesk--55';
font-size: 18px;
font-weight: 400;
line-height: 23px;
letter-spacing: 0px;
text-align: left;
margin-bottom: 8px;
}
#upgrade-modal2 .modal--price{
margin-bottom: 20px;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
}
#upgrade-modal2 .vat{
font-size: 11px;
}
.articleItem-Subject{
color: #88898A;
margin-right: 8px;
}
#upgrade-modal2 .modal--desc{
font-family: 'Roboto';
font-size: 14px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0px;
text-align: left;
}
.upgradeBag {
font-size: 18px;
cursor: pointer;
}
@media screen and (min-width: 1024px){
.accessoriesSection--wrapper .flickity-prev-next-button{
width: 48px;
height: 48px;
background-color: white;
z-index: 3;
top: 50%;
transform: translateY(-50%);
border-radius: 0px;
z-index: 2;
}
.accessoriesSection--wrapper .previous{
left: 1px;
}
.accessoriesSection--wrapper .next{
right: 0%;
}
.accessoriesSection--wrapper .flickity-prev-next-button svg{
fill: black;
stroke: 2px;
}
#upgrade-modal2 .vat{
font-size: 12px;
}
#upgrade-modal2 .modalImg{
max-width: 250px;
margin: 20px auto;
}
.modalTitl{
font-size: 26px;
}
#upgrade-modal2{
width: 400px;
padding: 40px 20px;
}
#upgrade-modal2 .modal--title{
font-size: 26px;
line-height: 34px;
}
#upgrade-modal2 .modal--desc{
font-size: 16px;
}
#upgrade-modal2 .modal--price{
font-size: 16px;
}
}
/*UPGRADE MODAL */
/*.FeaturedProduct div{
pointer-events: none;
}*/
.FeaturedProduct__Info form{
pointer-events: all;
}
.accessorie-selected{
background-color: black;
color: white;
}
/*NEW PDP*/
.accessoriesBottomWrapp{
display: flex;
}
.ProductMeta.Product__Meta_2_0, seo-section, .ProductForm__Variants, .accessoriesAction, .ProductForm__AddToCart,
.defaultPDP .Product__InfoWrapper form{
width: 100%;
max-width: 1184px;
margin: 0 auto;
}
.ProductOld .Product__Meta_2_0{
width: 30%;
}
.accessoriesAction{
margin-top: 32px;
}
.newVariants{
width: 100%;
max-width: 1184px;
margin: 32px auto 0px auto;
}
.Product__InfoOld{
width: calc(100% - 248px);
display: block;
margin: 32px 128px 0px 128px;
}
.accessoriesList{
display: flex;
width: 100%;
position: relative;
overflow: hidden;
max-width: 1184px;
margin: 0 auto;
}
.accessoriesList .flickity-viewport{
width: 100%;
overflow: visible;
}
.accessoriesList .Carousel__Cell{
width: 240px;
margin-right: 16px;
display: flex;
align-items: stretch;
min-height: 100%;
cursor: pointer;
}
.errorVariant[aria-hidden="true"], .variantInfo[aria-hidden="true"], .buyAction[aria-hidden="true"], .accessoriesAction[aria-hidden="true"]{
display: none;
}
.errorVariant[aria-hidden="false"], .variantInfo[aria-hidden="false"], .buyAction[aria-hidden="false"], .accessoriesAction[aria-hidden="false"]{
display: block;
}
.errorVariant{
color: #FF3743 !important;
}
.dispatch__time {
margin-bottoM: 32px;
}
.accessoriesTitle,
.ProductForm__Label > span{
color: #88898A;
}
.accessoriesBottomWrapp{
margin-top: 4px;
}
.product_specifications{
padding: 32px;
}
@media screen and (min-width: 1025px){
.ProductItem__Info .u-h6{font-size: 16px;}
.product_specifications{
padding: 32px 0px;
}
.productNew--ButtonText .Icon--arrow_down{
width: 21px;
height: 21px;
}
.accessoriesTitle,
.ProductForm__Label > span{
font-size: 16px;
}
.ProductForm .ProductForm__AddToCart{
padding: 15px 24px;
}
.accessoriesSection .Price_Custom{
font-size: 20px;
}
.productNew--variantTitle{
font-size: 32px;
}
.accesoriesButton,
.accessoriesSection--wrapper .ProductMeta__Title{
font-size: 21px;
}
.Product__InfoOld .ProductForm__AddToCart {
margin-top: 24px;
}
.secMaxWidth{
/* max-width: 1184px; */
max-width: 100%;
margin: 0 auto;
}
}
.Product.ProductNew{
padding: 32px 0 0 0;
}
@media screen and (max-width: 1024px){
.dispatch__time {
margin-bottoM: 16px;
margin-top: 4px;
}
.Product__InfoOld{
margin: 0;
width: 100%;
}
.Product.ProductNew{
padding: 16px 8px;
}
.ProductForm__AddToCart{
padding: 12px 16px;
}
.ProductNew .realProduct .ProductMeta__Title{
font-size: 44px;
font-weight: 400;
line-height: 57px;
letter-spacing: 0px;
text-align: left;
}
.accessoriesAction{
margin-top: 16px;
width: calc(100vw - 16px);
margin-left: -8px;
}
}
.FeaturedProduct__Gallery{
width: 100%;
}
@media screen and (max-width: 1300px){
.Product__InfoWrapper{
padding: 0px 8px;
}
}
/*NEW PDP END*/
.owli-widget-wrapper.owli-right{z-index: 5 !important;}
/*PRODUCT CARD NEW*/
.rectangle{
margin: 4px 0;
}
.metaInfo {
margin: 0 0 16px 0;
color: #88898A;
}
@media screen and (min-width: 1025px) {
.rectangle{
margin: 8px 0;
}
.metaInfo {
margin: 0 0 24px 0;
}
}
body {
font-family: "NeubauGrotesk--55";
font-weight: normal;
font-size: 1rem;
}
p, .u-p1, .u-p2, .u-p3, .u-p4, .u-p5, .u-p6,
.u-p1_mob, .u-p2_mob, .u-p3_mob, .u-p4_mob, .u-p5_mob, .u-p6_mob {
font-family: "NeubauGrotesk--55";
}
h1, .u-h1 {
font-family: "NeubauGrotesk--75";
font-weight: bold;
font-size: 2.25rem;
}
h2, h3, h4, h5, h6,
.u-h2, .u-h3, .u-h4, .u-h5, .u-h6 {
font-family: "NeubauGrotesk--75";
}
.Drawer__Main{
margin-top: 55px;
}
@media screen and (max-width: 794px) {
.product-item__details {
font-size: 14px;
}
.product-item__details.explore-Btn {
margin-bottom: 10px;
}
}
/* @media screen and (max-width: 794px){
.shopify-section--header {
margin-bottom: 80px;
} */
.product-item__details{
height: 37px;
color: #fff;
background: #000;
}
}
.ProductPage__Wrapper {
margin-bottom: 52px;
}
.full-width-image {
margin: auto;
}
.grid-row {
justify-content: center;
}
.video-section {
position: relative;
width: 100%;
max-width: 100% !important;
overflow: auto;
margin-bottom: 80px !important;
}
.video-js .vjs-tech{
/* max-width: 100%; */
object-fit: cover;
image-rendering: auto;
-webkit-transform: translate3d(0,0,0); /* Triggers hardware acceleration */
backface-visibility: hidden;
}
@media screen and (max-width: 795px ){
.video-section {
margin-bottom: -60px !important;
}
}
.video-wrapper {
padding-top: 800px !important;
}
@media screen and (min-width: 794px){
.video-section {
max-height: 800px !important;
}
.video-content{
max-height: 800px !important;
}
}
/* Mega Menu-- REMOVE SECOND COLUMN AND FIT OTHERS-- REMOVE THIS CODE TO RESTORE BACK */
@media (min-width: 768px) {
.ProductMegaMenu--Item:nth-child(2) {
display: none;
/* width: 40% !important; */
/* padding-left: 30px; */
}
}
@media (min-width: 768px) {
.ProductMegaMenu--Item:nth-child(1) {
max-width: 1100px;
width: 100% !important;
}
}
@media screen and (min-width: 925px) {
.MegaMenu--ProductGrid {
grid-template-columns: 1fr 1fr 1fr 1fr !important;
}
}
/* Mega Menu-- END */