.cocoen{box-sizing:border-box;cursor:pointer;line-height:0;margin:0;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cocoen *{box-sizing:inherit}.cocoen ::after,.cocoen ::before{box-sizing:inherit}.cocoen img,.cocoen picture>img{max-width:none}.cocoen>img,.cocoen>picture>img{display:block;width:100%}.cocoen>div:first-child,picture .cocoen>div{height:100%;z-index: 1;left:0;overflow:hidden;position:absolute;top:0;width:50%}.cocoen-drag{background:#fff;bottom:0;cursor:ew-resize;left:50%;margin-left:-1px;position:absolute;top:0;width:2px; z-index: 9;}.cocoen-drag::before{border:3px solid #fff;content:'';height:30px;left:50%;margin-left:-7px;margin-top:-18px;position:absolute;top:50%;width:14px}@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs){width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0;background:0 0}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0}@font-face { font-family: 'GretaSansPro-Lt'; src: url('fonts/GretaSansPro-Lt/GretaSansPro-Lt.eot'); src: url('fonts/GretaSansPro-Lt/GretaSansPro-Lt.eot?#iefix') format('embedded-opentype'), url('fonts/GretaSansPro-Lt/GretaSansPro-Lt.woff') format('woff'), url('fonts/GretaSansPro-Lt/GretaSansPro-Lt.ttf') format('truetype'), url('fonts/GretaSansPro-Lt/GretaSansPro-Lt.svg#interstatecondregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GretaSansPro-LtIta'; src: url('fonts/GretaSansPro-LtIta/GretaSansPro-LtIta.eot'); src: url('fonts/GretaSansPro-LtIta/GretaSansPro-LtIta.eot?#iefix') format('embedded-opentype'), url('fonts/GretaSansPro-LtIta/GretaSansPro-LtIta.woff') format('woff'), url('fonts/GretaSansPro-LtIta/GretaSansPro-LtIta.ttf') format('truetype'), url('fonts/GretaSansPro-LtIta/GretaSansPro-LtIta.svg#interstatecondregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GretaSansPro-Bld'; src: url('fonts/GretaSansPro-Bld/GretaSansPro-Bld.eot'); src: url('fonts/GretaSansPro-Bld/GretaSansPro-Bld.eot?#iefix') format('embedded-opentype'), url('fonts/GretaSansPro-Bld/GretaSansPro-Bld.woff') format('woff'), url('fonts/GretaSansPro-Bld/GretaSansPro-Bld.ttf') format('truetype'), url('fonts/GretaSansPro-Bld/GretaSansPro-Bld.svg#interstatecondregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GretaSansPro-SmBld'; src: url('fonts/GretaSansPro-SmBld/GretaSansPro-SmBld.eot'); src: url('fonts/GretaSansPro-SmBld/GretaSansPro-SmBld.eot?#iefix') format('embedded-opentype'), url('fonts/GretaSansPro-SmBld/GretaSansPro-SmBld.woff') format('woff'), url('fonts/GretaSansPro-SmBld/GretaSansPro-SmBld.ttf') format('truetype'), url('fonts/GretaSansPro-SmBld/GretaSansPro-SmBld.svg#interstatecondSmBld') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GretaSansPro-Thin'; src: url('fonts/GretaSansPro-Thin/GretaSansPro-Thin.eot'); src: url('fonts/GretaSansPro-Thin/GretaSansPro-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/GretaSansPro-Thin/GretaSansPro-Thin.woff') format('woff'), url('fonts/GretaSansPro-Thin/GretaSansPro-Thin.ttf') format('truetype'), url('fonts/GretaSansPro-Thin/GretaSansPro-Thin.svg#interstatecondregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GretaSansPro-Med'; src: url('fonts/GretaSansPro-Med/GretaSansPro-Med.eot'); src: url('fonts/GretaSansPro-Med/GretaSansPro-Med.eot?#iefix') format('embedded-opentype'), url('fonts/GretaSansPro-Med/GretaSansPro-Med.woff') format('woff'), url('fonts/GretaSansPro-Med/GretaSansPro-Med.ttf') format('truetype'), url('fonts/GretaSansPro-Med/GretaSansPro-Med.svg#interstatecondregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GretaSansPro-Reg'; src: url('fonts/GretaSansPro-Reg/GretaSansPro-Reg.eot'); src: url('fonts/GretaSansPro-Reg/GretaSansPro-Reg.eot?#iefix') format('embedded-opentype'), url('fonts/GretaSansPro-Reg/GretaSansPro-Reg.woff') format('woff'), url('fonts/GretaSansPro-Reg/GretaSansPro-Reg.ttf') format('truetype'), url('fonts/GretaSansPro-Reg/GretaSansPro-Reg.svg#interstatecondregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GretaSansPro-RegIta'; src: url('fonts/GretaSansPro-RegIta/GretaSansPro-RegIta.eot'); src: url('fonts/GretaSansPro-RegIta/GretaSansPro-RegIta.eot?#iefix') format('embedded-opentype'), url('fonts/GretaSansPro-RegIta/GretaSansPro-RegIta.woff') format('woff'), url('fonts/GretaSansPro-RegIta/GretaSansPro-RegIta.ttf') format('truetype'), url('fonts/GretaSansPro-RegIta/GretaSansPro-RegIta.svg#interstatecondregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url('fonts/icomoon/icomoon.eot?z5iowl'); src: url('fonts/icomoon/icomoon.eot?z5iowl#iefix') format('embedded-opentype'), url('fonts/icomoon/icomoon.ttf?z5iowl') format('truetype'), url('fonts/icomoon/icomoon.woff?z5iowl') format('woff'), url('fonts/icomoon/icomoon.svg?z5iowl#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook_footer:before { content: "\e900"; color: #fff; } .icon-instagram_footer:before { content: "\e901"; color: #fff; } .icon-linkedin_footer:before { content: "\e902"; color: #fff; } html { font-size: 62.5%; font-family: 'GretaSansPro-Lt'; } body{ margin:0; padding:0; font-family: 'GretaSansPro-Lt'; } body, input, textarea, button, a{ color: #000; text-decoration: none; } img{ border: 0; } a{ color: #000; } h2, h3{ font-weight: normal; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:focus{ outline: none; } scrollbar{width:2px; height: 2px;} scrollbar-track{background-color:#bcbcbc;border:0} scrollbar-thumb{background-color:#000000;border-radius:0px} scrollbar-thumb:hover{background-color:#000000} ::-webkit-scrollbar{width:2px; height: 2px;} ::-webkit-scrollbar-track{background-color:#bcbcbc;border:0} ::-webkit-scrollbar-thumb{background-color:#000000;} ::-webkit-scrollbar-thumb:hover{background-color:#000000;} .loader { visibility:visible; opacity:1; z-index:999999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom:0; right:0; margin:0; padding:0; background-color:#fff; transition: all .5s ease; -webkit-transition: all .5s ease; -khtml-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -icab-transition: all .5s ease; } .loader img{ margin: 0; transform: translate(-50%,-50%) rotate(0deg) scale(1.4,1.4); -o-transform: translate(-50%,-50%) rotate(0deg) scale(1.4,1.4); -ms-transform: translate(-50%,-50%) rotate(0deg) scale(1.4,1.4); -moz-transform: translate(-50%,-50%) rotate(0deg) scale(1.4,1.4); -webkit-transform: translate(-50%,-50%) rotate(0deg) scale(1.4,1.4); position: absolute; left: 50%; top: 50%; box-sizing: border-box; width: 50px; } .loader_inner{ visibility:hidden; opacity:0; background-color:transparent; } .clearfix{ clear: both; } .fl{ float: left; } .fr{ float: right; } .cubic{ -webkit-transition: all .4s cubic-bezier(0.005, 0.855, 0.285, 0.995); -moz-transition: all .4s cubic-bezier(0.005, 0.855, 0.285, 0.995); -ms-transition: all .4s cubic-bezier(0.005, 0.855, 0.285, 0.995); transition: all .4s cubic-bezier(0.005, 0.855, 0.285, 0.995); -webkit-transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); -moz-transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); -o-transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); } .cubic.hideOnScroll{ -webkit-transition: all .14s cubic-bezier(0.005, 0.855, 0.285, 0.995); -moz-transition: all 1.4s cubic-bezier(0.005, 0.855, 0.285, 0.995); -ms-transition: all 1.4s cubic-bezier(0.005, 0.855, 0.285, 0.995); transition: all 1.4s cubic-bezier(0.005, 0.855, 0.285, 0.995); -webkit-transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); -moz-transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); -o-transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); } header{ padding: 35px 60px; position: fixed; top: 0; width: 100%; z-index: 99991; height: 102px; } header.header_bg{background-color: #fff} .home-portfolio header.header_bg, .workpage header.header_bg, .cat_3367 header.header_bg{background-color: #000} header.hideOnScroll { -webkit-transform: translateY(-102px); transform: translateY(-102px); } .black_body header, .black_body #content, .about header, .matters-of-experience header, .about #content, .in-the-press header, .in-the-press #content{ background: #000 } /*header:after{ background-color: #000; height: 100%; width: 100%; position: absolute; left: 0; top:0; z-index: 1; content: ''; } .home-portfolio header:after{ -webkit-transform: translateY(-110px); transform: translateY(-110px); -webkit-transition: all 2.4s cubic-bezier(0.005, 0.855, 0.285, 0.995); -moz-transition: all 2.4s cubic-bezier(0.005, 0.855, 0.285, 0.995); -ms-transition: all 2.4s cubic-bezier(0.005, 0.855, 0.285, 0.995); transition: all 2.4s cubic-bezier(0.005, 0.855, 0.285, 0.995); -webkit-transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); -moz-transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); -o-transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); transition-timing-function: cubic-bezier(0.005, 0.855, 0.285, 0.995); } header.scrolled:after{ -webkit-transform: translateY(0); transform: translateY(0); }*/ header .mobile-nav { background: none; overflow: hidden; width: 19px; height: 16px; float: left; z-index: 100001; margin-top: 5px; } header .toggle-mobile-menu { display: block; position: relative; overflow: hidden; margin: 0 auto; padding: 0; width: 21px; height: 21px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; background: none; } header .toggle-mobile-menu.active{ width: 27px; height: 27px; } header .toggle-mobile-menu span { display: block; position: absolute; top: 8px; left: 2px; right: 2px; height: 1px; background: #000; } header .toggle-mobile-menu span::before, header .toggle-mobile-menu span::after { position: absolute; display: block; left: 0; width: 100%; height: 1px; background-color: #000; content: ""; } header .toggle-mobile-menu span::before { top: -7px; } header .toggle-mobile-menu span::before, header .toggle-mobile-menu span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0; transition-delay: 0.3s, 0; } header .toggle-mobile-menu span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; } header .toggle-mobile-menu span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; } header .toggle-mobile-menu span::before, header .toggle-mobile-menu span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0; transition-delay: 0.3s, 0; } header .toggle-mobile-menu span::after { bottom: -7px; } header .toggle-mobile-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } header .toggle-mobile-menu.active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } header .header-container{ display: flex; align-items: center; position: relative; z-index: 9; } header .logo { display: inline-block; } .black_logo, .black_head .white_logo, .our-work .white_logo, .team .white_logo, .process .white_logo, .capabilities .white_logo, .contact .white_logo, .cat_3375 .white_logo, .cat_3973 .white_logo, .cat_3975 .white_logo, .cat_3557 .white_logo { display: none; } .black_head .black_logo, .our-work .black_logo, .team .black_logo, .process .black_logo, .capabilities .black_logo, .contact .black_logo, .cat_3375 .black_logo, .cat_3975 .black_logo, .cat_3973 .black_logo, .cat_3557 .black_logo{ display: block; } .black_head header:after, .our-work header:after, .team header:after, .process header:after, .capabilities header:after, .contact header:after, .cat_3375 header:after, .cat_3973 header:after, .cat_3975 header:after, .cat_3557 header:after { background-color: #fff; } header .menu{ width: 100%; color: #fff; font-size: 2rem; line-height: 2.3rem; text-align: right; } header .menu a{ padding-left: 50px; color: #fff; } header .menu a:hover, header .menu a:focus{ color: #ecbb9c; } .black_head header .menu, .black_head header .menu a, .our-work header .menu, .our-work header .menu a, .team header .menu, .team header .menu a, .process header .menu, .process header .menu a, .capabilities header .menu, .capabilities header .menu a, .contact header .menu, .contact header .menu a, .cat_3375 header .menu, .cat_3375 header .menu a, .cat_3973 header .menu, .cat_3975 header .menu, .cat_3557 header .menu, .cat_3973 header .menu a, .cat_3975 header .menu a, .cat_3557 header .menu a { color: #000 } header .socials{ float: right; } header .socials a{ width: 29px; height: 29px; display: inline-block; margin: 0 6px; } header .socials a:hover{ opacity: .5 } header .socials .facebook{ background: url('../images/facebook.svg') no-repeat center; } header .socials .instagram{ background: url('../images/instagram.svg') no-repeat center; } header .socials .linkedin{ background: url('../images/linkedin.svg') no-repeat center; } footer{ background: #000; padding: 50px 60px; text-align: left; } footer .footer-container{ width: 100%; margin: 0 auto; } footer .copyright{ color: #fff; font-size: 1.8rem; line-height: 3.2rem; font-family: 'GretaSansPro-Thin'; float: left; } footer .copyright span{ font-size: 2.4rem; font-family: 'GretaSansPro-Med'; padding-right: 20px; } footer .socials{ float: right; } footer .socials a{ display: inline-block; margin: 0 20px; font-size: 2.7rem } footer .socials a:before{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } footer .socials a:hover:before{ color: #ecbb9c; } footer .socials .facebook{ background: url('../images/svg/facebook_footer.svg') no-repeat center; } footer .socials .instagram{ background: url('../images/svg/instagram_footer.svg') no-repeat center; } footer .socials .linkedin{ background: url('../images/svg/linkedin_footer.svg') no-repeat center; } footer .footer-container{ display: flex; width: 100%; justify-content: space-between; align-items: flex-end; } body:not(.home-portfolio):not(.workpage):not(.home-portfolio):not(.cat_3367) .maincontent { padding-top: 70px } .black_block{ background-color: #000; padding-bottom: 30px; } .black_block .home_block_title > h2{ color: #fff; } .news_page .home_block_title > h2, .in-the-press .home_block_title > h2{ padding-bottom: 0; } .black_block .home_block_title > .wt{ max-width: 650px; color: #7C7C7C; } .white_block{ padding-bottom: 60px } .white_block .home_block_title > h2{ color: #000; } .white_block .home_block_title > .wt{ max-width: 780px; color: #7C7C7C; } .white_block .home_block_title > .wt p{ margin: 0; } .black_head .white_block, .our-work .white_block, .team .white_block, .process .white_block, .capabilities .white_block, .contact .white_block, .cat_3375 .white_block, .cat_3975 .white_block, .cat_3973 .white_block, .cat_3557 .white_block{ padding-bottom: 0 } .contact_cont .home_block_title{ padding: 60px 60px 30px 60px; } .home_block_title{ padding: 60px 60px 56px 60px; position: relative; } .home_contact .home_block_title{ padding: 60px 60px 75px 60px; position: relative; } .home_block_title .more{ position: absolute; right: 60px; bottom: 60px; } .home_block_title > h2{ font-size: 15rem; line-height: 9rem; margin: 0; font-family: 'GretaSansPro-Thin'; } .home_block_title > .wt{ font-size: 4rem; line-height: 4.6rem; display: block; padding-top: 30px; } .home-blocks-container{ padding: 0 30px 30px 30px; } .home-blocks{ width: 100%; padding-bottom: 62.5%; position: relative; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; } .work_img{ width: 100%; height: 100%; position: absolute; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 1s ease; -webkit-transition: all 1s ease; -khtml-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; -icab-transition: all 1s ease; } .home-blocks:hover .work_img { transform: scale(1.05); -webkit-transform: scale(1.05); -khtml-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } .work-blocks-container .home-blocks{ padding-bottom: 0; } .home-blocks-text{ width: 100%; text-align: left; float: left; position: absolute; bottom: 0; z-index: 999; height: 50%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); } .home-blocks-text div{ position: absolute; left: 30px; bottom: 30px; } .home-blocks-text h2, .work_more_cont h2{ color: #fff; font-size: 10rem; font-family: 'GretaSansPro-Thin'; font-weight: normal; margin: 0; padding-bottom: 10px; } .page_video{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background-repeat: no-repeat; background-size: cover; } .home_image_opacity{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5); } .home_image_text{ margin: 0 auto; position: absolute; left: 60px; bottom: 60px; text-align: left; z-index: 9999; } .home_image_text span{ font-size: 18rem; line-height: 18rem; color: #fff; font-family: 'GretaSansPro-Thin'; } .home_image_text h1{ font-size: 2.5rem; letter-spacing: .075rem; line-height: 4rem; color: #000; font-family: 'GretaSansPro-Thin'; padding-top: 15px; } .home_image_text button{ font-size: 1.5rem; letter-spacing: .4rem; color: #000; border: 3px solid #000; background: transparent; font-family: 'GretaSansPro-Med'; height: 40px; padding: 0 35px; margin-top: 70px; } .recent-cases{ position: absolute; bottom: 80px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; text-align: center; } .recent-cases span{ position: relative; font-size: 1.5rem; line-height: 2.8rem; letter-spacing: .4rem; font-family: 'GretaSansPro-Med'; color: #000; } .recent-cases span:after{ content: ''; position: absolute; margin: auto; top: 24px; left: 0; right: 0; width: 25px; height: 25px; transform: rotate(35deg); -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -o-transform: rotate(35deg); -ms-transform: rotate(35deg); border-bottom: 1px solid #000; } .recent-cases span:before{ content: ''; position: absolute; margin: auto; top: 24px; left: 0; right: -12px; width: 25px; height: 25px; transform: rotate(-37deg); -webkit-transform: rotate(-37deg); -moz-transform: rotate(-37deg); -o-transform: rotate(-37deg); -ms-transform: rotate(-37deg); border-bottom: 1px solid #000; } .scrollDiv{ cursor: pointer; } .home_image_block{ background-color: #000; background-position: top center; background-repeat: no-repeat; background-size: cover; width: 100%; height: calc(100vh); overflow: hidden; z-index: 999; top: 0; left: 0; width: 100%; padding: 0; margin: 0 0 0; } .removeGhost .home_image_block { -webkit-transform: translate3d(0,-100vh,0); -ms-transform: translate3d(0,-100vh,0); transform: translate3d(0,-100vh,0); -webkit-transition: -webkit-transform 0.8s ease-out; transition: transform 0.8s ease-out; } .removeGhost .sectionWrap { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.6s ease-out; transition: transform 0.6s ease-out; } .sectionWrap { -webkit-transform: translate3d(0,100vh,0); transform: translate3d(0,100vh,0); -webkit-transition: -webkit-transform 0.8s ease-out; transition: transform 0.8s ease-out; } .more{ box-shadow: 0 0 0 1px #fff; padding: 0 12px; color: #fff; font-size: 2.2rem; display: inline-flex; justify-content: center; align-content: center; align-items: center; min-height: 40px; position: relative; } .more:after { background: #ecbb9c; height: 0; width: 100%; content: ''; display: block; position: absolute; bottom: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .more:hover:after, .more:focus:after{ height: 100%; } .more .arrow{ position: relative; display: flex; align-items: center; z-index: 99; background: url('../images/svg/arrow.svg') no-repeat center; height: 17px; width: 25px; } .black_more.more .arrow{ background: url('../images/svg/arrow_b.svg') no-repeat center; } /* .more .arrow:before{ content: ''; width: 24px; height: 1px; background-color: #fff; display: inline-block; } .more .arrow:after { content: ''; border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; right: 1px; } */ .black_more{ box-shadow: 0 0 0 1px #000; color: #000; } .black_more .arrow:before{ background-color: #000; } .black_more .arrow:after{ border: solid #000; border-width: 0 1px 1px 0; } .more .more_title{ padding-right: 10px; position: relative; z-index: 99; line-height: 40px } .home-blocks-team{ padding: 0 45px; display: inline-flex; flex-wrap: wrap; width: 100%; } .home-blocks-team img{ width: 100% } .team_page.home-blocks-team:nth-of-type(2) img{ /*filter: grayscale(100%);*/ } .home-team{ padding: 0 1px; width: 33.333%; } .members .home-team{ width: 20%; } .home-team-text{ font-size: 2.4rem; line-height: 2.4rem; color: #000; padding-top: 20px } .home-team-text p{ color: #7C7C7C; margin:0; } .home-team-text h2{ font-size: 2.4rem; line-height: 2.6rem; margin: 0; padding-bottom: 5px } .home-blocks-news{ padding: 0 40px; display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .home-news{ width: 50%; padding: 0 15px 30px 15px; } .home-blocks-news img{ width: 100% } .home-news-text{ font-size: 2.4rem; line-height: 2.6rem; color: #fff; padding-top: 20px } .home-news-text span{ color: #7C7C7C; display: block; line-height: 1.6rem; text-transform:capitalize; } .home-news-text h2{ font-size: 2.4rem; line-height: 2.6rem; margin: 0; padding-bottom: 5px } .home_contact{ padding-bottom: 0; background-color: #fff; } .home_contact .home_block_title .more{ position: relative; left: 0; right: inherit; bottom: inherit; margin-top: 15px } .work_blocks{ display: flex; flex-wrap: wrap; width: 100%; } .work_cont{ width: 50% } .work_block{ padding-bottom: 62.5%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; cursor: pointer } .work_block:hover:after, .work_more_cont:hover:after { content: ''; width: 100%; background: rgba(0,0,0,.3); display: block; position: absolute; left: 0; top: 0; height: 100%; } .work_block .home-blocks-text h2, .work_more_cont h2{ font-size: 6rem; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .work_block:hover h2, .work_block:focus h2, .work_more_cont:hover h2, .work_more_cont:focus h2{ opacity: 1; } .department_title{ color: #000; font-size: 5rem; line-height: 3.2rem; padding: 0 60px 30px 60px; } .team_page.home-blocks-team{ padding-bottom: 30px } .team_page.home-blocks-team .home-team{ padding-bottom: 60px } .employee_container{ padding: 60px } .employee_block{ display: inline-flex; justify-content: space-between; width: 100%; padding-bottom: 60px } .employee_block.emp_name_image{ align-items: center; } .employee_block > div{ width: 50% } .employee_name{ width: 50% } .employee_block .employee_image{ width: 50% } .employee_block .employee_image img{ width: 100% } .employee_block h2{ font-size: 10rem; color: #000; margin: 0; } .employee_name p{ color: #7C7C7C; margin:0; font-size: 7rem; } .employee_block span, .employee_block p{ margin-top: 0 } .employee_descr, .employee_contact{ color: #000; font-size: 3.6rem; line-height: 4.6rem; } .employee_descr{ padding-right:40px; width: 48% !important } .employee_contact span{ font-size: 5rem; color: #000; display: block; padding: 30px 0 10px 0; } .employee_contact span:first-of-type { padding-top: 0 } .socials_employee{ padding-top: 10px } .socials_employee a{ display: inline-block; padding: 0 25px; font-size: 3.4rem; } .socials_employee a:first-child{padding-left: 0} .socials_employee a:before{ color: #000 } .socials_employee a:before{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .socials_employee a:hover:before{ color: #ecbb9c; } .socials_employee .facebook{ background: url('../images/svg/facebook.svg') no-repeat center; } .socials_employee .instagram{ background: url('../images/svg/instagram.svg') no-repeat center; } .socials_employee .linkedin{ background: url('../images/svg/linkedin.svg') no-repeat center; } .contact_page{ padding: 0 60px; } .contact_page img{ width: 100%; } .contact_block{ padding: 0 0 60px 0; width: 100% } .contact_block > span{ font-size: 3.6rem; line-height: 4.6rem; max-width: 880px; width: 70%; display:block } .contact_block .more{ margin-top: 40px; } .contact_locations{ width: 100%; display: inline-flex; padding: 0 60px 60px 60px; } .location{ width: 33.333%; padding-right: 20px; position: relative; } .location img{ width: 100% } /*.location:after{ background-image: url('../images/svg/pin.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; content: ''; width: 40px; height: 48px; position: absolute; top: 27%; left: 50%; margin-left: -24px; }*/ .loc_block{ color: #000; font-size: 2.4rem; line-height: 3.2rem; padding-top: 50px; } .loc_block span{ font-size: 5rem; line-height: 4.6rem; display: block; padding-bottom: 10px; } .video-js { width: 100% !important; height: 100% !important; position: absolute; top: 0; } .vjs-poster{ background-size: cover; } .scd_video{ padding-bottom: 66.54107008289375%; margin: 0 auto; position: relative; clear: both; } .scd_video .video-js .vjs-big-play-button{ height: 70px; width: 70px; top: 50%; left: 50%; padding: 0; cursor: pointer; opacity: 1; border: 1px solid #fff; transform: translate(-50%, -50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; font-size: 3rem; color: #fff; } .scd_video .video-js .vjs-big-play-button span:before{ top: 12px; } .about_container{ padding: 0 60px } .about_text{ color: #fff; font-size: 3.6rem; line-height: 4.6rem; max-width: 870px; margin: 0; padding: 25px 0; } .about_text span, h2.about_text{ font-size: 5rem; display: block; padding: 45px 0 15px 0; margin:0; } .ab1{ display: inline-flex; justify-content: space-between; width: 100%; align-items: flex-start } .ab1 img{ width: 49%; } .ab_full img{ width: 100% } .news_container{ width: 100%; display: inline-flex; flex-wrap: wrap; padding: 0 45px 10px 45px; margin: 0; } .news_container .news_block{ width: 50%; padding: 0 15px 0 15px; margin-bottom: 58px } .news_container .news_block img{ width: 100% } .news_container .news_block .news_img{ background-size: 100%; background-position: center; background-repeat: no-repeat; padding-bottom: 66.51234567901235%; transition: all .5s ease; -webkit-transition: all .7s ease; -khtml-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; -ms-transition: all .7s ease; -icab-transition: all .7s ease; } .news_container .news_block .news_img:hover{ background-size: 105%; } .news_container .news_block .news_title{ font-size: 2.4rem; line-height: 2.6rem; color: #fff; padding-top: 20px; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .news_container .news_block .news_title:hover{ color: #ecbb9c } .news_container .news_block .news_title span{ color: #7C7C7C; display: block; padding-top: 5px; text-transform:capitalize; } .news_tabs{ margin: 0 60px 0 60px; color: #7C7C7C; font-size: 0px; position: relative; } .news_tabs button.selected, .news_tabs button.is-active{ color: #fff; } .news_tabs button{ padding: 0 0 30px 0; font-size: 4rem; line-height: 3rem; z-index: 9; cursor: pointer; color: #7C7C7C; background-color: transparent; border: 0; font-family: 'GretaSansPro-Lt'; width: 33.333333%; text-align: center } .news_tabs button:first-child{ margin-left: 0; text-align: left } .hidden{ display: none; } .news_page_container{ padding: 40px 60px 60px 60px; } .news_page_title{ padding-bottom: 45px; } .news_page_title h2{ font-size: 10rem; line-height: 10rem; font-family: 'GretaSansPro-Lt'; color: #000; margin: 0; } .news_page_title span{ color: #7C7C7C; font-size: 5rem; padding-top: 20px; display: block; font-family: 'GretaSansPro-Lt'; } .news_articles .home_block_title, .work_articles .home_block_title{ padding-bottom: 60px } .news_page_block{ padding: 30px 0; } .news_page_block.full_block .news_image_caption{ padding: 5px 60px 0 60px; } .news_page_block img{ width: 100% } .news_page_block .news_image_caption{ color: #7C7C7C; font-size: 2.4rem; line-height: 2.4rem; font-family: 'GretaSansPro-LtIta'; display: block; max-width: 875px; padding-top: 5px } .news_page_text{ font-size: 3.6rem; line-height: 4.6rem; font-family: 'GretaSansPro-Lt'; padding: 0; } .news_page_text p{ margin: 22px 0; } .news_page_text p:first-child{ margin: 0 0 22px 0; } .news_page_text p:last-child{ margin: 22px 0 0 0; } .news_page_text .no_bullet{ list-style-type: none; padding: 0; margin: 0; } .news_page_text .no_bullet li{ padding: 15px 0; } .news_page_text .no_bullet li:last-child{ padding: 0; } /*.news_page_text strong{ font-family: 'GretaSansPro-Bld'; display: block; padding: 23px 0 15px 0; }*/ .news_page_text strong{ font-family: 'GretaSansPro-Bld'; display: inline-block; } .news_page_text li strong{ font-family: 'GretaSansPro-Bld'; display: inline-block; padding: 0; } .workpage .work_more_cont, .cat_3367 .work_more_cont{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; padding-bottom: 62.5%; } .workpage .work_more_cont > div, .cat_3367 .work_more_cont > div{ position: absolute; left: 30px; bottom: 30px; z-index: 9999 } .custom_container { padding: 0 60px 30px 60px; float: left; width: 100%; } .work-blocks-container .home-blocks + .custom_container{ padding: 30px 60px; } .work-blocks-container .home-blocks-text div{ left: 60px; bottom: 60px; } .work-blocks-container .home-blocks-text h2{ padding-bottom: 0; color: #fff; font-family: 'GretaSansPro-Lt'; } .work-blocks-container .scd_video{ margin: 30px auto 0 auto; } .scd_video + figcaption{padding-bottom: 30px !important} .about_container .scd_video{ margin: 0 auto 20px auto; } .about_container .ab1{ padding: 30px 0; } .work-view__buttons-wrapper { position: relative; margin-bottom: 60px; } .text_width{max-width: 1000px; clear: both; width: 80%} .text_width2{max-width: 1050px; clear: both; width: 80%} .text_width.wp-block-embed{max-width: none;} .scd_video.work_v1{ padding-bottom: 56.25%; } .scd_video.work_v2{ padding-bottom: 21.45833333333333%; margin: 0 -60px 30px -60px; } .scd_video.work_v2 .video-js.vjs-16-9{ padding-top: 21.45833333333333%; } .scd_video.work_v1.square{ padding-bottom: 100%; } .quote{ font-size: 20rem; line-height: 20rem; color: #000; } .quote span{ font-size: 10rem; line-height: 20rem; color: #7C7C7C; display: block; } .right_quote{ max-width: 950px; float: right; } .vert_image{ float: left; width: 100%; padding: 30px 0 } .vert_image img{ float: left; width: 50%; height: inherit } .vert_image img:first-child{ padding-top: 20px; padding-right: 10px } .vert_image img:nth-child(2){ padding-left: 10px } .work_articles{ clear: both; } .work_page_text{ font-size: 7.2rem; line-height: 7.2rem; font-family: 'GretaSansPro-Lt'; padding: 20px 0; } .work_page_text span{ display: block; font-size: 12rem; line-height: 12rem; } .text_width3{ max-width: 950px; float: right; } .work_page_block{ padding: 30px 0; clear: both; } .work_page_block img{ width: 100%; height: inherit; } .small_image_block{ width: 100%; max-width: 76%; float: left } .image_right{ float: right; } .cocoen-drag::before { border: 0; content: ''; background: #fff; left: 50%; margin-left: -20px; margin-top: -20px; position: absolute; top: 50%; width: 40px; height: 40px; border-radius: 100%; background-image: url('../images/svg/drag.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; } .cocoen-drag{ width: 3px; } .nav-trigger{ display: none; } .nav.nav--mobile{ display: none; } .getmoreawards,.getmoreblogs,.getallarticles{margin-left:60px} .gmpreload{clear:both;text-align:center;padding-top:21px;padding-bottom:20px;position: relative;overflow: hidden;top:0;left:0;display:none;} .gmloader { margin: 0px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 2px solid rgba(0, 0, 0, 0); border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } .gmloader,.gmloader:after {border-radius: 50%; width: 40px;height: 40px;} @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes load8 { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg);} } @-ms-keyframes load8 { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg);} } @-o-keyframes load8 { 0% {-o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg);} } /************************************/ .news_page_container figure, .news_page_container p{ padding: 30px 0; margin: 0; } .wp-block-image.size-large img{ width: 100%; height: 100%; } .wp-block-image>img{width:100%;height:auto} figcaption{ color: #7C7C7C; font-size: 2.4rem; line-height: 2.4rem; font-family: 'GretaSansPro-LtIta'; display: block; max-width: 875px; padding-top: 5px; margin: 0 !important; } .small_caption figcaption,figcaption.small_caption {font-size: 1.6rem;line-height: 1.6rem;} .news_page_container p{ font-size: 3.6rem; line-height: 4.6rem; font-family: 'GretaSansPro-Lt'; padding: 10px 0; } .news_page_container h4{ margin: 0; } .news_page_container h4 strong { font-family: 'GretaSansPro-Bld'; display: block; padding: 23px 0 15px 0; } .work-blocks-container h1{ font-size: 20rem; line-height: 20rem; color: #000; margin: 0; font-weight: normal; float: right; max-width: 950px; padding: 25px 0 } .work-blocks-container h2{ font-size: 10rem; line-height: 10rem; color: #7C7C7C; display: block; margin: 0; font-weight: normal; clear:both; float: right; max-width: 950px; padding-bottom: 25px } .work-blocks-container .custom_container h2{ text-transform: uppercase; } .work-blocks-container h1.small{ max-width: 100%; font-size: 12rem; line-height: 12rem; max-width: 950px; } .work-blocks-container h2.small{ font-size: 6rem; line-height: 6rem; max-width: 100%; max-width: 950px; } .work-blocks-container h1.leftside, .work-blocks-container h2.leftside{ float: left; } .work-blocks-container h4, .work-blocks-container h3{ font-size: 7.2rem; line-height: 7.2rem; font-family: 'GretaSansPro-Lt'; padding: 20px 0 10px 0; margin: 0; font-weight: normal; clear: both; } .work-blocks-container h6{ font-size: 5rem; line-height: 5.5rem; font-family: 'GretaSansPro-Lt'; padding: 20px 0; margin: 0; font-weight: normal; clear: both; max-width: 1000px; } .work-blocks-container .news_page_text{ padding: 25px 0; margin: 0; } .work_page_block.fullwidth, .work_v1.fullwidth{ margin: 0 -60px } .work_page_block.fullwidth figcaption{ padding: 5px 60px 0 60px } .wp-block-embed{width: 100%; margin: 0 !important; text-align:center; padding: 30px 0} .wp-block-embed iframe{width: 100% !important} .with_controls .video-js .vjs-fullscreen-control, .with_controls .video-js .vjs-play-control, .with_controls .video-js .vjs-progress-control, .with_controls .video-js .vjs-remaining-time, .with_controls .vjs-menu-button-inline .vjs-menu{ display: block !important } .parallax_blocks{ background-size: 105% 105%; } .home_video{position: relative; overflow:hidden} .home_video .video-js .vjs-tech{ width: auto; } .work_page_block img{display: block} .numbers{padding-top: 0 !important} .numbers strong { padding: 0; display: inline-block; } .pace .pace-progress{background: #ecbb9c !important; z-index: 999999 !important; height: 4px !important} .pace-activity {display: none !important} .gmnoprint.gm-style-cc, .gmnoprint{display: none !important} .fancybox-button.fancybox-button--play, .fancybox-button.fancybox-button--thumbs{display: none !important} .home_work_button{ text-align: right; padding: 0 60px 0 0; } .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item{margin-bottom: 0 !important} .wp-block-gallery.columns-3{padding: 30px 0;} .work-blocks-container > .custom_container{padding-top: 30px} /***********************matters-of-experience page **************/ .mat_top { padding: 0 60px 0 60px; position: relative; display: flex; align-items: center; } body.matters-of-experience .maincontent .black_block{padding-bottom: 0} .mat_top_img{max-width: 50%} .mat_top_img img{width: 100%} .mat_top_text{color: #fff; font-size: 3rem; line-height:4.6rem; font-family: 'GretaSansPro-Lt'; max-width:49%; padding: 0 45px;} .mat_text_wrapper{padding-bottom: 30px;} .mat_podcasts_links{padding: 0 60px;} .mat_podcasts_links .mat_subscribe{font-size: 2.4rem; padding: 50px 0 40px 0; display: block; text-align: center; border-bottom: 1px solid #ECBB9C;} .mat_podcasts_links .mat_subscribe a{padding: 0 30px} .mat_join{font-size: 10rem; line-height:10rem; font-family: 'GretaSansPro-Lt'; text-align: center; padding: 57px 10px 42px 10px} .guest_duration{display: flex; justify-content: space-between;} .guest_duration .episode_date_duration{padding-top: 0} .subscribe_block .home_block_title > h2{line-height: 15rem} .subscribe_block .wt{color: #000000 !important; max-width: 1120px !important; font-family: 'GretaSansPro-Lt'; font-size: 4rem; line-height: 4.6rem} .subscribe_block_inputs{position: relative; width: 100%; max-width: 1120px} .subscribe_block input[name="EMAIL"]{ color: #7C7C7C; font-family: 'GretaSansPro-Lt'; font-size: 4rem; line-height: 4.6rem; border: 0; border-bottom: 1px solid #000; width: 100%; width: 100%; padding: 40px 0 10px 0; max-width: none!important; min-height: none!important; } .subscribe_block input[type="submit"]{ position: absolute; font-family: 'GretaSansPro-Lt'; font-size: 4rem; line-height: 4.6rem; bottom: 10px; right: 0; background: transparent; border: 0; cursor:pointer } .mc4wp-form{position: relative;} .mat_content span a{margin-top: 30px} .mc4wp-response{position: absolute;bottom:-30px;left:0;} .mat_block_bg{padding: 0 60px;} .mat_tabs_block{background: #000; text-align: center; color: #fff; padding-bottom: 70px} .mat_tabs{max-width: 940px; padding: 100px 20px; margin: 0 auto; position: relative;} .mat_content{position: absolute; transition: opacity .3s ease; -webkit-transition: opacity .4s ease; -khtml-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -icab-transition: opacity .4s ease; z-index:9; left: 50%; width: 100%; transform: translateX(-50%); padding: 0 20px} .mat_tab_hiden{opacity: 0; z-index:0} .mat_content h2{font-size: 7rem; font-family: 'GretaSansPro-Lt'; margin: 0; padding: 5px 0 40px 0} .mat_content span{font-size: 2.4rem; line-height:3.6rem; font-family: 'GretaSansPro-Lt'; } .mat_content span a{color: #fff;} .mat_tab_links{width: 100%; display: flex; font-size: 2.2rem; line-height:3.4rem; text-align:center} .mat_tab_links span{display: block; width: 100%; padding: 13px; background: #fff; color: #000; text-align:center} .mat_tab_links span.active{background:#000; color: #fff} .mat_tab_links span a{color: #fff} .mat_episodes, .mat_hosts{padding: 0 60px;} .mat_episodes h2, .mat_hosts h2{font-size: 8rem; line-height: 10rem; text-align: center; font-family: 'GretaSansPro-Lt'; margin: 0; padding: 50px 10px 0 10px} .episode_block .episode_block_active{display: flex; align-items: flex-start;} .episode_block .episode_block_active{display: none} .episode_block .episode_block_passive{display: flex; cursor: pointer; justify-content: space-between;} .episode_block.selected .episode_block_active{display: flex} .episode_block.selected .episode_block_passive{display: none} .episode_block{border-bottom: 1px solid #ECBB9C; padding: 40px 0;} .episode_block img{width: 26%;} .episode_info{padding-left: 60px} .episode_info h3{font-size: 2rem;line-height: 3.4rem;font-family: 'GretaSansPro-Reg'; margin: 0} .episode_info span{font-size: 2rem; line-height: 3.4rem; font-family: 'GretaSansPro-Reg'; margin: 0} .episode_info .episode_info_text, .episode_info_text_mobile{font-size: 2rem; line-height: 3.4rem; font-family: 'GretaSansPro-Reg'; display: block} .episode_date_duration{font-size: 2rem; line-height: 3.4rem; color: #7C7C7C; padding-top: 20px; display: flex} .episode_date_duration span:first-child{width: 160px; display: block} .episode_audio_duration{visibility: hidden} .episode_block .episode_block_passive .episode_audio_duration{width: 100px} .broadcast_audio .progressbar{ width: 84%; margin-right:50px} .player{justify-content: space-between;} .timeHolder{ display: block; width: 93%; right:0; position: absolute !important; top: 17px; } .time-duration, .time-current{ color:#7C7C7C; font-size: 1.6rem; line-height: 3.4rem; font-family: 'GretaSansPro-Lt'; } .episode_info_text_mobile{display: none} .episode_block .episode_block_passive img{max-width: 100px} .episode_block .episode_block_passive .episode_info{width: 100%; display: flex; justify-content: space-between; align-items: center;padding-left: 30px;} .episode_block .episode_block_passive .episode_info h3{font-size: 3.6rem; line-height: 3.4rem;} .episode_block .episode_block_passive .episode_date_duration{padding-top: 0} .broadcast_audio{padding: 25px 0 20px 0} .broadcast_audio .acorn-player.darkglass .acorn-play-button { width: 15px; background: transparent; border-left: 15px solid #145a84; border-top: 10px solid transparent; border-bottom: 10px solid transparent; height: 20px; opacity: 1; border-radius: 0; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; margin: 0; top: 0 !important; } .broadcast_audio .acorn-player.darkglass .acorn-paused-button { border-left: 5px solid #145a84; border-right: 5px solid #145a84; border-top: none; border-bottom: none; } .broadcast_audio .acorn-player.darkglass .acorn-play-button:hover { opacity: 0.8; } .broadcast_audio .acorn-player.darkglass .acorn-volume-box { width: 18px; height: 18px !important; z-index: 2; } .broadcast_audio .acorn-player.darkglass .acorn-volume-box:before { position: absolute; top: -7px; left: -9px; right: -9px; content: ""; height: 0; background: #145a84; display: block; -o-transition: opacity .2s; -ms-transition: opacity .2s; -moz-transition: opacity .2s; -webkit-transition: opacity .2s; transition: opacity .2s; opacity: 0; } .broadcast_audio .acorn-player.darkglass.audio-player .acorn-seek-slider { width: 137px; height: 6px; float: right; margin: 8px 0 0; background: transparent; margin-right: 65px; } .broadcast_audio .acorn-player.darkglass .acorn-volume-box:hover:before { height: 145px; opacity: 0.2; } .broadcast_audio .acorn-player.darkglass .acorn-volume-slider { width: 4px; border-radius: 2px; border: none; position: absolute; top: 30px; background: rgba(20,90,132,0.2); box-shadow: none; left: 7px; } .broadcast_audio .acorn-player.darkglass .acorn-volume-slider .ui-slider-handle { border: none; box-shadow: none; background: #145a84 !important; } .broadcast_audio .acorn-player.darkglass .acorn-volume-slider .ui-slider-range { background: #000000; border: none; box-shadow: none; } .broadcast_audio .acorn-player.darkglass .acorn-timer { font-size: 110%; line-height: 15px; color: #787878; width: 35px; text-align: right; font-family: inherit; font-weight: normal; margin-top: 3px; } .broadcast_audio .acorn-player.darkglass .acorn-volume-button { background: url('../images/svg/volume_black.svg') no-repeat; background-size: 18px; top: 0 !important; } .broadcast_audio .acorn-player.darkglass .acorn-volume-mute { background: url('../images/svg/volume_mute_black.svg') no-repeat; background-size: 18px; } .broadcast_audio .audio_duration { position: absolute; right: 30px; bottom: 2px; font-size: 110%; line-height: 15px; color: #000000; width: 30px; } .broadcast_audio .acorn-player.darkglass .acorn-buffer { background: rgba(20,90,132,0.2) !important; width: 100% !important; } .broadcast_audio .acorn-player.darkglass .acorn-seek-slider .ui-slider-handle { width: 12px; height: 12px; border: none; top: -3px; background: #000000 !important; margin-left: -2px; box-shadow: none !important; cursor: pointer; } .broadcast_audio .acorn-player.darkglass .acorn-seek-slider .ui-slider-range { background: #145a84; } .hosts_block{max-width: 1214px; margin: 0 auto; padding-bottom: 50px} .host_block{display: flex; align-items: center; justify-content: center; padding: 40px 0;} .host_block img{max-width: 320px} .host_info{text-align: left; padding-left: 60px;} .host_info h2{font-size: 5rem; line-height: 10rem; text-align: left; padding: 0;} .host_info span{font-size: 2.2rem; line-height: 3.2rem;} .episode_author_bio{padding: 25px 0 5px 0} .author_bio h3{ font-family: 'GretaSansPro-Med'; font-size: 1.6rem; line-height: 2rem; margin: 0; padding-bottom: 10px } .author_bio span{ font-family: 'GretaSansPro-Lt'; font-size: 1.6rem; line-height: 2rem; display: block } .episode_author_bio img{width: 100px; border-radius: 50%;} .author_name_job{padding-left: 15px} .author_bio{padding-top: 15px} .author_short{display: flex; align-items: center} .guest_name{display: block} .episode_author_texts{ max-height: 300px; overflow:hidden; padding-right: 60px } .episode_author_texts > span{display: none;} .mat_top_text .mat_subscribe{ max-width: 460px; display: flex; justify-content: space-between; margin: 0; } .episode_author_links{padding: 25px 0} .episode_author_links span{ cursor:pointer; margin-right: 40px; font-size: 2.4rem; line-height: 3.4rem; font-family: 'GretaSansPro-Med'; } .episode_author_links span.active{ border-bottom: 1px solid #000; padding-bottom: 5px; } .episode_author_texts span p{margin: 0} .episode_author_texts span a{text-decoration: underline} .episode_author_texts span b{font-family: 'GretaSansPro-SmBld'; font-weight: normal} .episode_author_texts scrollbar{width:7px; height: 50px;} .episode_author_texts scrollbar-track{background-color:#ECBB9C;border:0} .episode_author_texts scrollbar-thumb{background-color:#000000;border-radius:0px} .episode_author_texts scrollbar-thumb:hover{background-color:#000000} .episode_author_texts::-webkit-scrollbar{width:7px; height: 50px;} .episode_author_texts::-webkit-scrollbar-track{background-color:#ECBB9C;border:0} .episode_author_texts::-webkit-scrollbar-thumb{background-color:#000000;} .episode_author_texts::-webkit-scrollbar-thumb:hover{background-color:#000000;} .listen_on{padding-top: 15px; font-family: 'GretaSansPro-RegIta'; font-size: 2rem; line-height: 3.4rem} .listen_on a{text-decoration: underline} .episode_block_active .episode_info h3{font-size: 6rem; line-height: 6rem} .process_container { padding: 0 60px 0 60px; position: relative; } .process_video{position: relative; overflow:hidden; padding-top: 66.54107008289375%} .process_video .video-js.vjs-16-9{padding-top: 66.54107008289375%} .process_video .video-js .vjs-tech{ width: auto; } .process_video .video-js .vjs-big-play-button{ background-color: transparent; top: 50%; left: 50%; width: 100px; height: 100px; border-radius: 100%; margin-left: -50px; margin-top: -50px; } .process_video .video-js .vjs-big-play-button:after { content: ''; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 32px solid #fff; z-index: 999; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -10px; } .process_video .video-js .vjs-big-play-button span{ display: none } .process_video .video-js.vjs-paused .vjs-big-play-button{display: block} .process_video .video-js .vjs-control-bar{display: none} .process_blocks{padding: 45px 0} .process_block{ padding: 15px 0; display: flex; align-items: center; justify-content: space-between; } .cap_blocks{ display: flex; justify-content: space-between; flex-wrap: wrap } .cap_block{ width: 49%; padding-top: 50px } .cap_block:nth-child(1), .cap_block:nth-child(2){padding-top: 0} .process_block:nth-child(2n){ flex-direction: row-reverse } .process_block_text, .process_block_image{ width: 50%; } .cap_block_image{padding: 0 0 25px 0} .process_block_image img, .cap_block_image img{width: 100%; image-rendering: pixelated;} .process_block_text h2, .cap_block_text h2{font-size: 3rem; line-height:2.6rem;font-family: 'GretaSansPro-Med'; margin: 0; padding:0 0 30px 0} .cap_block_text h2{padding:0 0 15px 0} .process_block_text p, .cap_block_text p{font-size: 2.4rem; line-height:2.6rem;font-family: 'GretaSansPro-Lt'; margin: 0; padding: 0} .cap_block_text p{position: relative} .cap_block_text p span{display: block; padding: 5px 0 5px 20px; position: relative} .cap_block_text p span:before{content: '→'; display: block; color: #ECBB9C;font-size: 2.4rem; line-height:2.6rem;font-family: 'GretaSansPro-Lt'; position: absolute; left:0} .process_block .process_block_text{padding: 0 30px 0 0} .process_block:nth-child(2n) .process_block_text{padding: 0 0 0 30px} .home_process .home_block_title{ padding: 0; position: relative; } .home_process.white_block .home_block_title > .wt{padding-right: 40px} .home_process{ padding: 60px; background-color: #fff; display: flex; justify-content: space-between; align-items: center } .home_process .home_block_title .more{ position: relative; left: 0; right: inherit; bottom: inherit; margin-top: 15px } .home_process_image, .home_process .home_block_title{width: 50%} .home_process_image img{width: 100%} .episode_author_data_mobile, .broadcast_audio .rew, .broadcast_audio .fwd{display: none} .episode_block:first-child{ border-top: 1px solid #ECBB9C; } .mat_episodes h2{ padding: 40px 10px; } .mat_episodes h2.sponsored_mat{ display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ECBB9C; padding: 30px 10px 30px 10px; } .sponsored_mat a{ line-height: 0; padding-left: 20px; max-width: 238px; } .sponsored_mat a img{ width: 100% } .load_more_episodes{ position: absolute; bottom: 20px; background: #fff; left: 50%; transform: translateX(-50%) !important; cursor: pointer; padding: 0 22px; } .load_more_episodes .arrow_down { position: relative; z-index: 99; background: url('../images/svg/arrow_down.svg') no-repeat center; height: 10px; width: 16px; } .mat_episodes{ padding-bottom: 40px !important; } .matters-of-experience .more:after{ content: '' !important; display: none !important }@media screen and (max-width: 1600px) { .home_image_text{ bottom: 30px; left: 30px; } .home_image_text span{ font-size: 14rem; line-height: 14rem; } .mat_top_text{font-size: 2.6rem; line-height:4rem; padding: 0 35px;} .broadcast_audio .progressbar{ width: 83%; } } @media screen and (max-width: 1440px) { .broadcast_audio .progressbar{ width: 80%; } .timeHolder{width: 92%} } @media screen and (max-width: 1280px) { .broadcast_audio .progressbar{ width: 78%; } .mat_top_text{font-size: 2.4rem; line-height:3.2rem;} .mat_content h2 {font-size: 5rem;} .mat_episodes h2, .mat_hosts > h2, .mat_join {font-size: 8rem; line-height: 8rem;} .mat_tabs {padding: 50px 20px 70px 20px} .episode_block .episode_block_passive .episode_info h3 {font-size: 3rem;} .mat_tab_links {font-size: 1.8rem;line-height: 3.4rem;} .home_image_text{ bottom: 20px; left: 20px; } .home_image_text span{ font-size: 12rem; line-height: 12rem; } .work_more_cont h2{font-size: 4rem; line-height: 4rem} .text_width3{ max-width: 700px; } .employee_descr { max-width: 500px; } .employee_descr, .employee_contact { font-size: 2.6rem; line-height: 3.6rem; } .employee_block h2 { font-size: 8rem; } .employee_name span, .employee_name p{ font-size: 5rem; } .work_page_text span { font-size: 6.8rem; line-height: 6.8rem; } .work_page_text, .work-blocks-container h4, .work-blocks-container h3 { font-size: 4.2rem; line-height: 4.2rem; } .work-blocks-container h6{ font-size: 3.2rem; line-height: 3.2rem; } .quote, .work-blocks-container h1{ font-size: 10rem; line-height: 10rem; } .work-blocks-container h1.small{ font-size: 8rem; line-height: 8rem; } .quote span{ font-size: 6rem; line-height: 10rem; } .home_image_text span { font-size: 12rem; line-height: 12rem; } .home_block_title > h2 { font-size: 12rem; line-height: 7.2rem; } .home-blocks-text h2 { font-size: 8rem; } .work-blocks-container h2{ font-size: 8rem; line-height: 8rem; } .work-blocks-container h2.small{ font-size: 5rem; line-height: 5rem; } .home_block_title > .wt { font-size: 3.2rem; line-height: 4rem; } .about_text, .contact_block > span, .news_page_text { font-size: 3rem; line-height: 4rem; } .news_page_container p{ font-size: 3rem; line-height: 4rem; } .news_page_block .news_image_caption { font-size: 2.2rem; line-height: 2.2rem; } figcaption{ font-size: 2.2rem; line-height: 2.2rem; } .small_caption figcaption,figcaption.small_caption{font-size: 1.4rem;line-height: 1.4rem;} .news_page_title h2 { font-size: 8rem; line-height: 8rem; } .news_page_title span { font-size: 3rem; } } @media screen and (max-width: 1024px) { .broadcast_audio .progressbar{ width: 73%; } .timeHolder{width: 90%} .mat_top_text { font-size: 2rem; line-height: 2.6rem; } } @media screen and (max-width: 900px) { .broadcast_audio .progressbar{ width: 65%; } .timeHolder{width: 87%} .process_block_text p, .cap_block_text p { font-size: 1.8rem; line-height: 2rem; } .work_block .home-blocks-text h2, .work_more_cont h2{ font-size: 3rem } header .menu a{ padding-left: 30px; } .home_image_text span, .work-blocks-container .home-blocks-text h2{ font-size: 7rem; line-height: 7rem; } } @media screen and (max-width: 768px) { .mat_tabs_block{padding-bottom: 0} .members .home-team{width: 33.33%;} .process_container { padding: 0 30px 0 30px; } .process_block_text h2, .cap_block_text h2 { font-size: 2.4rem; line-height: 2.6rem; padding: 0 0 10px 0 } .mat_podcasts_links{padding: 0 10px} .mat_top {padding: 30px 15px 30px 15px; flex-direction: column; justify-content: center} .mat_block_bg, .mat_episodes, .mat_hosts {padding: 0 30px;} .mat_content span {font-size: 2rem; line-height: 2.6rem; font-family: 'GretaSansPro-Lt';} .mat_tab_links{font-size: 1.6rem; line-height: 2rem; font-family: 'GretaSansPro-Reg';} /* .mat_tab_links span{display: flex; align-items: center; justify-content: center} */ .mat_join {font-size: 5.6rem;line-height: 6rem; padding: 17px 10px 20px 10px; font-family: 'GretaSansPro-Thin';} .mat_episodes h2, .mat_hosts h2 {font-size: 5.6rem;line-height: 6rem; padding: 30px 10px 25px 10px; font-family: 'GretaSansPro-Thin';} .host_block{flex-direction: column} .host_info{padding-left: 0; padding-top: 14px; text-align: center;} .host_info h2{font-size: 4rem; line-height: 4.8rem; text-align: center; padding: 0;} .host_info span{font-size: 2rem; line-height: 2.6rem; font-family: 'GretaSansPro-Lt'; padding-top: 15px; display: block} .mat_content h2 {font-size: 4rem; line-height: 4.8rem; padding: 10px 0 15px 0; font-family: 'GretaSansPro-Thin';} .episode_info .episode_info_text, .episode_date_duration {font-size: 1.6rem;line-height: 3.4rem;} /*.episode_info .episode_info_text{display: none}*/ .episode_info_text_mobile{display: block; padding-top: 25px; font-family: 'GretaSansPro-Lt';font-size: 1.6rem; line-height: 2rem;} .broadcast_audio {padding: 0;} .episode_date_duration{padding-top: 0; width: 100%; justify-content: space-between;} .episode_block .episode_block_active img {width: 33%; flex: 0 0 33%;} .episode_block_active .episode_info{padding-left: 0; padding-top: 14px; flex: 0 0 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between;} .mat_top_text{max-width: 100%; padding: 25px 0 0 0; font-family: 'GretaSansPro-Lt';} .episode_block{padding: 30px 0;} .episode_block.selected{padding: 17px 0 0 0;} .episode_block .episode_block_active{flex-wrap: wrap;} .episode_block .episode_block_passive .episode_info h3{font-size: 2rem; line-height: 2.4rem; font-family: 'GretaSansPro-Reg';} /*.episode_block .episode_block_active .episode_info h3{min-height: 80px}*/ .episode_date_duration span:first-child{width: 140px} body.matters-of-experience .maincontent{padding-top: 64px !important} .mat_podcasts_links .mat_subscribe{padding: 30px 0 20px 0; border: 0;} .mat_podcasts_links .mat_subscribe a{padding: 0 10px} .mat_subscribe a img{max-width: 200px;} .subscribe_block .home_block_title > h2{line-height: 5rem} .subscribe_block input[name="subscription_email"], .subscribe_block button{font-size: 2rem; line-height: 2rem} .mat_block_bg{padding: 0;} .controls{padding-right: 5px;} .episode_block .episode_block_passive img{max-width: 55px} .episode_block .episode_block_passive .episode_date_duration{line-height: 3rem;} .episode_block .episode_block_active .episode_date_duration{padding-top: 8px;} .episode_block .episode_block_passive .episode_info{flex-direction: column; justify-content: center; align-items: start; padding: 0 0 0 10px;} .mat_tabs {padding: 30px 10px 50px 10px; display: flex; align-items: center} .getmoreawards, .getmoreblogs, .getallarticles { margin-left: 30px; } .home_work_button{ text-align: left; padding: 0 0 30px 15px; } .text_width{width: 100%} .text_width2{width: 100%} .text_width3{max-width: 85%} header{ padding: 35px 30px } footer{ padding: 50px 30px } .home_image_text { left: 30px; bottom: 30px; } .contact_cont .home_block_title{ padding: 30px 30px 16px 30px; } .home_block_title, .work_articles .home_block_title{ padding: 30px 30px 26px 30px; } .home_block_title > h2 { font-size: 8rem; line-height: 5.2rem; } .home_block_title > .wt { font-size: 2.4rem; line-height: 3rem; padding-top: 15px; } .home_block_title .more { right: 30px; bottom: 30px; } .black_block .home_block_title > .wt, .white_block .home_block_title > .wt{ max-width: 450px; } /*.more { font-size: 2rem; }*/ .home-blocks-text h2 { font-size: 6rem; } .home-blocks-team{ padding: 0 15px } .home-blocks-news{ padding: 0 10px } .home-news-text h2, .home-team-text h2, .home-team-text { font-size: 2rem; line-height: 2.2rem; } .home-news-text span{ font-size: 2rem } .home_contact .home_block_title { padding: 30px 30px 45px 30px; } .home_process .home_block_title { padding: 0 } .home_process{ padding: 30px 30px 45px 30px; } .black_block{ padding-bottom: 0; } .white_block{ padding-bottom: 30px; } .about_container{ padding: 0 30px 15px 30px } .about_text, .contact_block > span, .news_page_text { font-size: 2.4rem; line-height: 3.2rem; } .news_page_container p{ font-size: 2.4rem; line-height: 3.2rem; } .home_contact{ padding-bottom: 0 } .about_text{ padding: 15px 0; } .about_container .ab1{ padding: 15px 0 } .department_title{ padding: 0 30px 15px 30px; font-size: 4rem; } .team_page.home-blocks-team .home-team{ padding-bottom: 30px } .employee_descr { padding-right: 0 } .employee_container{ padding: 30px } .employee_block{ padding-bottom: 30px; } .employee_block h2 { font-size: 5rem; } .employee_name span, .employee_name p{ font-size: 3rem; } .employee_block > div{ width: 100%; max-width: 100% } .employee_block.employee_text{ flex-wrap: wrap; } .employee_contact{ padding-top: 30px } .news_tabs { margin: 0 30px 0 30px; } .news_container { padding: 0 15px 10px 15px; } .news_tabs button { padding: 0 0 15px 0; font-size: 3rem; line-height: 3.2rem; } .contact_page{ padding: 0 30px; } .contact_block{ flex-wrap: wrap; } .contact_block > span{ max-width: 100%; width: 100%; } .contact_block .more{ margin: 20px 0 0 0 } .contact_locations { padding: 0 30px 30px 30px; flex-wrap: wrap; } .location{ width: 100%; text-align: center; padding-right: 0 } .loc_block{ padding: 25px 0 50px 0 } .news_page_container { padding: 40px 30px 30px 30px; } .news_page_title h2 { font-size: 6rem; line-height: 6rem; } .news_page_title span { font-size: 2rem; } .news_page_title { padding-bottom: 25px; } .news_page_block .news_image_caption { font-size: 2rem; line-height: 2rem; } figcaption{ font-size: 2rem; line-height: 2rem; } .small_caption figcaption,figcaption.small_caption{font-size: 1.4rem; line-height: 1.4rem;} .news_page_block, .news_page_text, .work-blocks-container .news_page_text { padding: 10px 0; } .news_page_container p{ padding: 10px 0; } .work-blocks-container .home-blocks-text div { left: 30px; bottom: 30px; } .work-blocks-container .home-blocks + .custom_container { padding: 10px 30px; } .quote, .work-blocks-container h1 { font-size: 4rem; line-height: 4rem; padding: 10px 0; } .work-blocks-container h1.small { font-size: 3rem; line-height: 3rem; } .quote span, .work-blocks-container h2{ font-size: 3rem; line-height: 3rem; padding: 0 0 10px 0 } .work-blocks-container h2.small{ font-size: 2rem; line-height: 2rem; } .work_page_text, .work-blocks-container h4, .work-blocks-container h3 { font-size: 3rem; line-height: 3rem; } .work-blocks-container h6{ font-size: 2.6rem; line-height: 2.6rem; } .work_page_text span { font-size: 4.8rem; line-height: 4.8rem; } .work_page_block, .work_page_text, .wp-block-embed, .vert_image{ padding: 10px 0; } .work_page_text span{padding-bottom: 10px; letter-spacing: -2px} .wp-block-embed__wrapper{line-height: 0;} .work-blocks-container .scd_video { margin: 10px 0 0 0; } .scd_video + figcaption{padding-bottom: 10px !important} .scd_video.work_v2, .work_page_block.fullwidth, .work_v1.fullwidth{ margin: 10px -15px 0 -15px; } .work_block .home-blocks-text h2{ font-size: 4rem; opacity: 1; } .work_more_cont h2{ font-size: 3rem; opacity: 1; } .custom_container { padding: 0 30px 15px 30px; } .work_page_block.fullwidth{ margin: 0 -30px } .work_page_block.fullwidth figcaption{ padding: 5px 30px 0 30px } .news_page_block.full_block .news_image_caption{padding: 0 15px} .news_page_container figure{ padding: 0 0 30px 0; margin: 0; } .employee_descr{width: 100% !important} .home-blocks-text div{left: 15px; bottom: 15px;} .workpage .work_more_cont > div, .cat_3367 .work_more_cont > div{left: 15px; bottom: 15px;} .episode_info span{ font-size: 1.6rem; font-family: 'GretaSansPro-Lt'; } .episode_block .episode_block_passive{ align-items: self-start; } .episode_block_active .episode_info h3 { font-size: 2.4rem; line-height: 2.4rem; font-family: 'GretaSansPro-Thin'; } .guest_duration{ flex-direction: column; padding-top: 6px; } .episode_block .episode_block_active .episode_date_duration { padding-top: 0; } .broadcast_audio{padding-top:6px} .broadcast_audio .play, .broadcast_audio .pause { background-size: 60px; width: 60px; height: 60px; } .listen_on { padding-top: 30px; font-family: 'GretaSansPro-RegIta'; font-size: 1.6rem; line-height: 3.4rem; } .episode_author_data_mobile{display: block} .episode_author_data_desktop{display: none} .episode_author_links{ width: 100%; display: flex; align-items: center; justify-content: center; } .episode_author_data_mobile{ width: 100%; } .timeHolder{ display: block; width: 100%; position: absolute !important; top: 0; } .controls{ padding-right:0; display: flex; align-items: center; justify-content: space-around; flex-direction: row; width: 100%; padding-top: 30px; max-width: 360px; } .broadcast_audio .rew{order: 0; display: block} .broadcast_audio .play, .broadcast_audio .pause{order: 1;} .broadcast_audio .fwd{order: 2; display: block} .time-duration, .time-current{ color:#7C7C7C; font-size: 1.6rem; line-height: 3.4rem; font-family: 'GretaSansPro-Lt'; } .broadcast_audio .progressbar{max-width: 310px; width: 75%; margin: 0} .player{ flex-direction: column-reverse; } .episode_author_links span { margin-right: 0; font-size: 1.6rem; line-height: 3.4rem; width: 50%; display: inline-block; text-align: center; } .episode_author_texts{ font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 20px } .host_block{padding:0 0 40px 0} .host_block img{max-width: 320px;} .episode_block.selected .episode_block_active{flex-direction: column} .episode_block .episode_block_active img{ width: 100%; flex: 0 0 100%; } .recent_episodes_block{ border-top: 1px solid #ECBB9C; padding-top: 30px; } .hosts_block{padding-bottom: 0} } @media screen and (max-width: 640px) { .subscribe_block input[name="EMAIL"]{ font-size: 20px; line-height: 26px; } .subscribe_block input.btn-n-letter-btn[type="submit"]{ font-size: 20px !important; line-height: 26px !important; } .mat_episodes h2.sponsored_mat{ flex-direction: column; } .sponsored_mat a{ padding: 0; max-width: 180px; } .sponsored_mat a img{ width: 100% } .process_container { padding: 0 15px 0 15px; } .process_block, .process_block:nth-child(2n), .cap_block{flex-direction: column} .process_block_text, .process_block_image, .cap_block{ width: 100%; } .cap_block:nth-child(2){padding-top: 50px} .process_block .process_block_text, .process_block:nth-child(2n) .process_block_text { padding: 0 0 20px 0; } .mat_content{padding: 0 10px} .mat_top_img{max-width: 100%} .mat_episodes, .mat_hosts{padding: 0 15px;} .episode_block:first-child{padding-top: 0} .getmoreawards, .getmoreblogs, .getallarticles { margin-left: 15px; } .more .more_title{line-height: 1.6rem;padding-top: 3px;} .vert_image img:first-child{ padding-top: 50px; padding-right: 7px } .vert_image img:nth-child(2){ padding-left: 7px } .small_image_block{ max-width: 90% } .parallax_blocks{ transition: background-position 1s ease; -webkit-transition: background-position 1s ease; -khtml-transition: background-position 1s ease; -moz-transition: background-position 1s ease; -o-transition: background-position 1s ease; -ms-transition: background-position 1s ease; -icab-transition: background-position 1s ease; } .work_block:after, .home_works .home-blocks:after, .work_more_cont:after{ content: ''; width: 100%; background: rgba(0,0,0,.3); display: block; position: absolute; left: 0; top: 0; height: 100%; } .header-container .menu{ display: none; } .nav-trigger { position: relative; cursor: pointer; margin-top: -5px; height: 31px; width: 30px; display: block; padding: 5px; background-color: transparent; border: 0; box-shadow: none; } .nav-trigger .line { background-color: #fff; height: 2px; width: 20px; top: 5px; left: 5px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.3s cubic-bezier(0.555, 0.205, 0.295, 0.975); -moz-transition: all 0.3s cubic-bezier(0.555, 0.205, 0.295, 0.975); -ms-transition: all 0.3s cubic-bezier(0.555, 0.205, 0.295, 0.975); -o-transition: all 0.3s cubic-bezier(0.555, 0.205, 0.295, 0.975); transition: all 0.3s cubic-bezier(0.555, 0.205, 0.295, 0.975); position: absolute; } .black_head .nav-trigger .line, .our-work .nav-trigger .line, .team .nav-trigger .line, .process .nav-trigger .line, .capabilities .nav-trigger .line, .contact .nav-trigger .line, .cat_3375 .nav-trigger .line, .cat_3973 .nav-trigger .line, .cat_3975 .nav-trigger .line, .cat_3557 .nav-trigger .line { background-color: #000; } .black_head .navigation-is-open .nav-trigger .line, .our-work .navigation-is-open .nav-trigger .line, .team .navigation-is-open .nav-trigger .line, .process .navigation-is-open .nav-trigger .line, .capabilities .navigation-is-open .nav-trigger .line, .contact .navigation-is-open .nav-trigger .line, .cat_3375 .navigation-is-open .nav-trigger .line, .cat_3973 .navigation-is-open .nav-trigger .line, .cat_3975 .navigation-is-open .nav-trigger .line, .cat_3557 .navigation-is-open .nav-trigger .line { background-color: #fff; } .black_head .navigation-is-open .black_logo, .our-work .navigation-is-open .black_logo, .team .navigation-is-open .black_logo, .process .navigation-is-open .black_logo, .capabilities .navigation-is-open .black_logo, .contact .navigation-is-open .black_logo, .cat_3375 .navigation-is-open .black_logo, .cat_3973 .navigation-is-open .black_logo, .cat_3975 .navigation-is-open .black_logo, .cat_3557 .navigation-is-open .black_logo{ display: none; } .black_head .navigation-is-open .white_logo, .our-work .navigation-is-open .white_logo, .team .navigation-is-open .white_logo, .process .navigation-is-open .white_logo, .capabilities .navigation-is-open .white_logo, .contact .navigation-is-open .white_logo, .cat_3375 .navigation-is-open .white_logo, .cat_3973 .navigation-is-open .white_logo, .cat_3975 .navigation-is-open .white_logo, .cat_3557 .navigation-is-open .white_logo{ display: block; } .nav-trigger .line:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .nav-trigger .line:nth-child(3) { bottom: 5px; top: auto; } .nav { opacity: 0; visibility: hidden; transition: opacity 0.25s 0.1s; position: absolute; top: 0; height: 100%; width: 100%; perspective: 1000px; perspective-origin: center center; padding: 50px 0 32px 0; } .nav { left: 0; z-index: -1; min-height: 600px; } .nav a{ display: block; color: #fff; font-size: 3rem; padding-left: 20px; line-height: 5rem; } .nav .navigation-wrapper { height: 100%; position: relative; text-align: left; display: flex; align-items: center; } .nav .navigation-wrapper nav { display: inline-block; } .navigation-is-open .nav { opacity: 1; visibility: visible; } .navigation-is-open .nav--mobile { position: fixed; z-index: 10; background-color: #181a1f; overflow: auto; height: 100%; transition: background-color 0.25s, height 0s; display: block; } .navigation-is-open header .header-container{ z-index: 999; } .navigation-is-open .nav-trigger .line:nth-child(2) { width: 0px; opacity: 0; } .navigation-is-open .nav-trigger .line:nth-child(3) { -webkit-transform: translate(0, -9px) rotate(-45deg); -moz-transform: translate(0, -9px) rotate(-45deg); -ms-transform: translate(0, -9px) rotate(-45deg); -o-transform: translate(0, -9px) rotate(-45deg); transform: translate(0, -9px) rotate(-45deg); } .navigation-is-open .nav-trigger .line:nth-child(1) { -webkit-transform: translate(0, 10px) rotate(45deg); -moz-transform: translate(0, 10px) rotate(45deg); -ms-transform: translate(0, 10px) rotate(45deg); -o-transform: translate(0, 10px) rotate(45deg); transform: translate(0, 10px) rotate(45deg); } header .header-container{ justify-content: space-between; } header{ padding: 15px 15px; height: 64px } footer{ padding: 50px 15px } .home_image_text { left: 15px; width: 100%; text-align: left; bottom: 25px; } .work-blocks-container .home-blocks-text h2 { font-size: 5rem; line-height: 5rem; } .home-blocks-container { padding: 0 15px 30px 15px; } .contact_cont .home_block_title{ padding: 30px 15px 14px 15px; } .home_block_title{ padding: 30px 15px 26px 15px; } .home_block_title > h2 { font-size: 5rem; line-height: 3.2rem; } .home_block_title .more { right: inherit; bottom: 0; position: relative; margin-top: 10px; } .home-team { padding: 0 0 15px 0; width: 100%; } .home-team-text{ padding: 7px 3px 0 3px } .home-team-text h2{padding-bottom: 0} .home-news { width: 100%; padding: 0 5px 15px 5px; } /*.more { font-size: 1.8rem; }*/ .home-blocks-text h2 { font-size: 4rem; } .home-news-text h2, .home-team-text h2, .home-team-text { font-size: 1.4rem; line-height: 2rem; } .home-blocks-news { padding: 0 10px 15px 10px; } .home-news-text{ padding-top: 10px } .home-news-text span{ font-size: 1.8rem } .home_contact .home_block_title { padding: 30px 15px 26px 15px; } .home_process .home_block_title { padding: 0; } .home_process{ padding: 30px 15px 26px 15px; padding-bottom: 30px !important } .white_block{ padding-bottom: 15px; } .about_container{ padding: 0 15px 15px 15px } .about_text, .contact_block > span, .news_page_text { font-size: 2rem; line-height: 2.6rem; } .news_page_container p{ font-size: 2rem; line-height: 2.6rem; } .about_text span, h2.about_text{ font-size: 4rem } .department_title{ padding: 0 15px 15px 15px; font-size: 3rem; line-height: 2rem; } .team_page.home-blocks-team .home-team{ padding-bottom: 15px } .employee_block{ padding-bottom: 15px; } .employee_block h2 { font-size: 3rem; } .employee_contact{ padding-top: 15px } .employee_block.emp_name_image{ flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; } .employee_block .employee_image{ width: 100%; padding-top: 20px } .employee_block > div{ text-align: center; } .socials_employee a:first-child{ padding: 0 25px } .news_tabs { margin: 0 15px; } .news_tabs button { padding: 0 0 10px 0; font-size: 2.4rem; line-height: 3rem; margin: 0; width: 33.33%; text-align: center; } .news_container .news_block{ width: 100%; padding: 0; margin-bottom: 30px } .work-view__buttons-wrapper{ margin-bottom: 20px } .contact_page{ padding: 0 15px; } .contact_locations { padding: 0 15px 15px 15px; } .loc_block{ padding: 15px 0 25px 0 } .news_page_container { padding: 30px 15px 15px 15px; } .news_page_title h2 { font-size: 4rem; line-height: 4rem; } .news_page_title span { font-size: 1.8rem; } .news_page_title { padding-bottom: 15px; } .news_page_block .news_image_caption { font-size: 1.4rem; line-height: 1.4rem; } figcaption{ font-size: 1.4rem; line-height: 1.4rem; } .small_caption figcaption,figcaption.small_caption{font-size: 1.0rem;line-height: 1.0rem;} .work-blocks-container .home-blocks-text div { bottom: 25px; left: 15px; } .work-blocks-container .home-blocks + .custom_container { padding: 15px; } .quote, .work-blocks-container { font-size: 5rem; line-height: 5rem; } .quote span{ font-size: 3rem; line-height: 5rem; } .work_cont{ width: 100%; } .work_page_text{ font-size: 2rem; line-height: 2rem; } .work-blocks-container h4, .work-blocks-container h3{ font-size: 2.8rem; line-height: 2.2rem; padding: 20px 0 10px 0; } .work-blocks-container h6{ font-size: 2.4rem; line-height: 2.4rem; } .work_page_text span { font-size: 2.8rem; line-height: 2.8rem; } .work_block .home-blocks-text h2{ font-size: 3rem; } .work_more_cont h2{ font-size: 3rem; line-height: 3rem } .custom_container { padding: 15px 15px 15px 15px; } .work_page_block.fullwidth{ margin: 0 -15px } .work_page_block.fullwidth figcaption{ padding: 5px 15px 0 15px } footer .footer-container{ flex-wrap: wrap; text-align: center; align-items: center; justify-content: center; } footer .copyright span{ padding: 0 10px; } footer .socials{ margin-top: 20px } .load_more_episodes{ padding: 0 10px; font-size: 1.6rem; } } @media screen and (max-width: 550px) { } @media screen and (max-width: 480px) { .mat_tab_links{font-size: 1.6rem; line-height: 2rem;} .mat_tab_links span{padding: 13px 10px 13px 10px} .home_process{ flex-direction: column; } .home_process_image, .home_process .home_block_title{width: 100%} .home_process_image{padding-top: 20px} } @media screen and (max-width: 380px) { .mat_episodes h2, .mat_hosts > h2, .mat_join{font-size: 5rem; line-height: 5rem} } @media screen and (max-width: 320px) { .mat_tab_links{font-size: 1.4rem; line-height: 1.8rem;} /*.episode_block .episode_block_active .episode_info h3{min-height: inherit}*/ } @media screen and (max-height: 800px) { }@media only screen and (min-width: 640px) { a.animated, p a, p a:visited { display: inline-block; white-space: nowrap; border-bottom: none; -webkit-transition: color 0.2s cubic-bezier(0.555, 0.205, 0.295, 0.975); -moz-transition: color 0.2s cubic-bezier(0.555, 0.205, 0.295, 0.975); -ms-transition: color 0.2s cubic-bezier(0.555, 0.205, 0.295, 0.975); -o-transition: color 0.2s cubic-bezier(0.555, 0.205, 0.295, 0.975); transition: color 0.2s cubic-bezier(0.555, 0.205, 0.295, 0.975); } a.animated:after, p a:after, p a:visited:after { content: ''; display: inline-block; height: 2px; background-color: currentColor; bottom: 7px; left: 0; right: 0; position: absolute; -webkit-transition: background-color 0.15s; -moz-transition: background-color 0.15s; -ms-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; } a.animated.hover, p a.hover{ -webkit-transition: color 0.1s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; -moz-transition: color 0.1s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; -ms-transition: color 0.1s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; -o-transition: color 0.1s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; transition: color 0.1s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; } a.animated.hover:after, p a.hover:after{ -webkit-animation: 0.25s cubic-bezier(0.555, 0.205, 0.295, 0.975) oldLinkUnderline, 0.25s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0.25s newLinkUnderline; -ms-animation: 0.25s cubic-bezier(0.555, 0.205, 0.295, 0.975) oldLinkUnderline, 0.25s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0.25s newLinkUnderline; -moz-animation: 0.25s cubic-bezier(0.555, 0.205, 0.295, 0.975) oldLinkUnderline, 0.25s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0.25s newLinkUnderline; animation: 0.25s cubic-bezier(0.555, 0.205, 0.295, 0.975) oldLinkUnderline, 0.25s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0.25s newLinkUnderline; background-color: currentColor; -webkit-transition: background-color 0.1s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; -moz-transition: background-color 0.1s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; -ms-transition: background-color 0.1s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; -o-transition: background-color 0.1s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; transition: background-color 0.1s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; } } @-webkit-keyframes oldLinkUnderline { 0% { left: 0; right: 0; } 100% { left: 100%; right: 0px; } } @-moz-keyframes oldLinkUnderline { 0% { left: 0; right: 0; } 100% { left: 100%; right: 0px; } } @-o-keyframes oldLinkUnderline { 0% { left: 0; right: 0; } 100% { left: 100%; right: 0px; } } @keyframes oldLinkUnderline { 0% { left: 0; right: 0; } 100% { left: 100%; right: 0px; } } @-webkit-keyframes newLinkUnderline { 0% { left: 0px; right: 100%; } 100% { left: 0; right: 0; } } @-moz-keyframes newLinkUnderline { 0% { left: 0px; right: 100%; } 100% { left: 0; right: 0; } } @-o-keyframes newLinkUnderline { 0% { left: 0px; right: 100%; } 100% { left: 0; right: 0; } } @keyframes newLinkUnderline { 0% { left: 0px; right: 100%; } 100% { left: 0; right: 0; } } /* Page Transitions */ .js #page { opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .js #page.initial-load { opacity: 1; } .js #page #main { -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -ms-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; } .js ._scroll-animate { opacity: 0; visibility: visible; transform: translateY(20px); transition: opacity 1s, transform 0.75s; } @media only screen and (min-width: 640px) { .js ._scroll-animate { transform: translateY(40px); } } .js ._scroll-animate ._scroll-animate-step { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } @media only screen and (min-width: 640px) { .js ._scroll-animate ._scroll-animate-step { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } } .js ._scroll-animate ._scroll-animate-step:nth-child(0) { -webkit-transition: opacity 0.75s 0.1s, transform 0.65s 0s; -moz-transition: opacity 0.75s 0.1s, transform 0.65s 0s; -ms-transition: opacity 0.75s 0.1s, transform 0.65s 0s; -o-transition: opacity 0.75s 0.1s, transform 0.65s 0s; transition: opacity 0.75s 0.1s, transform 0.65s 0s; } .js ._scroll-animate ._scroll-animate-step:nth-child(1) { -webkit-transition: opacity 0.75s 0.25s, transform 0.65s 0.15s; -moz-transition: opacity 0.75s 0.25s, transform 0.65s 0.15s; -ms-transition: opacity 0.75s 0.25s, transform 0.65s 0.15s; -o-transition: opacity 0.75s 0.25s, transform 0.65s 0.15s; transition: opacity 0.75s 0.25s, transform 0.65s 0.15s; } .js ._scroll-animate ._scroll-animate-step:nth-child(2) { -webkit-transition: opacity 0.75s 0.4s, transform 0.65s 0.3s; -moz-transition: opacity 0.75s 0.4s, transform 0.65s 0.3s; -ms-transition: opacity 0.75s 0.4s, transform 0.65s 0.3s; -o-transition: opacity 0.75s 0.4s, transform 0.65s 0.3s; transition: opacity 0.75s 0.4s, transform 0.65s 0.3s; } .js ._scroll-animate ._scroll-animate-step:nth-child(3) { -webkit-transition: opacity 0.75s 0.55s, transform 0.65s 0.45s; -moz-transition: opacity 0.75s 0.55s, transform 0.65s 0.45s; -ms-transition: opacity 0.75s 0.55s, transform 0.65s 0.45s; -o-transition: opacity 0.75s 0.55s, transform 0.65s 0.45s; transition: opacity 0.75s 0.55s, transform 0.65s 0.45s; } .js ._scroll-animate ._scroll-animate-step:nth-child(4) { -webkit-transition: opacity 0.75s 0.7s, transform 0.65s 0.6s; -moz-transition: opacity 0.75s 0.7s, transform 0.65s 0.6s; -ms-transition: opacity 0.75s 0.7s, transform 0.65s 0.6s; -o-transition: opacity 0.75s 0.7s, transform 0.65s 0.6s; transition: opacity 0.75s 0.7s, transform 0.65s 0.6s; } .js ._scroll-animate ._scroll-animate-step:nth-child(5) { -webkit-transition: opacity 0.75s 0.85s, transform 0.65s 0.75s; -moz-transition: opacity 0.75s 0.85s, transform 0.65s 0.75s; -ms-transition: opacity 0.75s 0.85s, transform 0.65s 0.75s; -o-transition: opacity 0.75s 0.85s, transform 0.65s 0.75s; transition: opacity 0.75s 0.85s, transform 0.65s 0.75s; } .js ._scroll-animate ._scroll-animate-step:nth-child(6) { -webkit-transition: opacity 0.75s 1s, transform 0.65s 0.9s; -moz-transition: opacity 0.75s 1s, transform 0.65s 0.9s; -ms-transition: opacity 0.75s 1s, transform 0.65s 0.9s; -o-transition: opacity 0.75s 1s, transform 0.65s 0.9s; transition: opacity 0.75s 1s, transform 0.65s 0.9s; } .js ._scroll-animate ._scroll-animate-step:nth-child(7) { -webkit-transition: opacity 0.75s 1.15s, transform 0.65s 1.05s; -moz-transition: opacity 0.75s 1.15s, transform 0.65s 1.05s; -ms-transition: opacity 0.75s 1.15s, transform 0.65s 1.05s; -o-transition: opacity 0.75s 1.15s, transform 0.65s 1.05s; transition: opacity 0.75s 1.15s, transform 0.65s 1.05s; } .js ._scroll-animate ._scroll-animate-step:nth-child(8) { -webkit-transition: opacity 0.75s 1.3s, transform 0.65s 1.2s; -moz-transition: opacity 0.75s 1.3s, transform 0.65s 1.2s; -ms-transition: opacity 0.75s 1.3s, transform 0.65s 1.2s; -o-transition: opacity 0.75s 1.3s, transform 0.65s 1.2s; transition: opacity 0.75s 1.3s, transform 0.65s 1.2s; } .js ._scroll-animate ._scroll-animate-step:nth-child(9) { -webkit-transition: opacity 0.75s 1.45s, transform 0.65s 1.35s; -moz-transition: opacity 0.75s 1.45s, transform 0.65s 1.35s; -ms-transition: opacity 0.75s 1.45s, transform 0.65s 1.35s; -o-transition: opacity 0.75s 1.45s, transform 0.65s 1.35s; transition: opacity 0.75s 1.45s, transform 0.65s 1.35s; } .js ._scroll-animate ._scroll-animate-step:nth-child(10) { -webkit-transition: opacity 0.75s 1.6s, transform 0.65s 1.5s; -moz-transition: opacity 0.75s 1.6s, transform 0.65s 1.5s; -ms-transition: opacity 0.75s 1.6s, transform 0.65s 1.5s; -o-transition: opacity 0.75s 1.6s, transform 0.65s 1.5s; transition: opacity 0.75s 1.6s, transform 0.65s 1.5s; } .js ._scroll-animate ._scroll-animate-step:nth-child(11) { -webkit-transition: opacity 0.75s 1.75s, transform 0.65s 1.65s; -moz-transition: opacity 0.75s 1.75s, transform 0.65s 1.65s; -ms-transition: opacity 0.75s 1.75s, transform 0.65s 1.65s; -o-transition: opacity 0.75s 1.75s, transform 0.65s 1.65s; transition: opacity 0.75s 1.75s, transform 0.65s 1.65s; } .js ._scroll-animate ._scroll-animate-step:nth-child(12) { -webkit-transition: opacity 0.75s 1.9s, transform 0.65s 1.8s; -moz-transition: opacity 0.75s 1.9s, transform 0.65s 1.8s; -ms-transition: opacity 0.75s 1.9s, transform 0.65s 1.8s; -o-transition: opacity 0.75s 1.9s, transform 0.65s 1.8s; transition: opacity 0.75s 1.9s, transform 0.65s 1.8s; } .js ._scroll-animate ._scroll-animate-step:nth-child(13) { -webkit-transition: opacity 0.75s 2.05s, transform 0.65s 1.95s; -moz-transition: opacity 0.75s 2.05s, transform 0.65s 1.95s; -ms-transition: opacity 0.75s 2.05s, transform 0.65s 1.95s; -o-transition: opacity 0.75s 2.05s, transform 0.65s 1.95s; transition: opacity 0.75s 2.05s, transform 0.65s 1.95s; } .js ._scroll-animate ._scroll-animate-step:nth-child(14) { -webkit-transition: opacity 0.75s 2.2s, transform 0.65s 2.1s; -moz-transition: opacity 0.75s 2.2s, transform 0.65s 2.1s; -ms-transition: opacity 0.75s 2.2s, transform 0.65s 2.1s; -o-transition: opacity 0.75s 2.2s, transform 0.65s 2.1s; transition: opacity 0.75s 2.2s, transform 0.65s 2.1s; } .js ._scroll-animate ._scroll-animate-step:nth-child(15) { -webkit-transition: opacity 0.75s 2.35s, transform 0.65s 2.25s; -moz-transition: opacity 0.75s 2.35s, transform 0.65s 2.25s; -ms-transition: opacity 0.75s 2.35s, transform 0.65s 2.25s; -o-transition: opacity 0.75s 2.35s, transform 0.65s 2.25s; transition: opacity 0.75s 2.35s, transform 0.65s 2.25s; } .js ._scroll-animate ._scroll-animate-step:nth-child(16) { -webkit-transition: opacity 0.75s 2.5s, transform 0.65s 2.4s; -moz-transition: opacity 0.75s 2.5s, transform 0.65s 2.4s; -ms-transition: opacity 0.75s 2.5s, transform 0.65s 2.4s; -o-transition: opacity 0.75s 2.5s, transform 0.65s 2.4s; transition: opacity 0.75s 2.5s, transform 0.65s 2.4s; } .js ._scroll-animate ._scroll-animate-step:nth-child(17) { -webkit-transition: opacity 0.75s 2.65s, transform 0.65s 2.55s; -moz-transition: opacity 0.75s 2.65s, transform 0.65s 2.55s; -ms-transition: opacity 0.75s 2.65s, transform 0.65s 2.55s; -o-transition: opacity 0.75s 2.65s, transform 0.65s 2.55s; transition: opacity 0.75s 2.65s, transform 0.65s 2.55s; } .js ._scroll-animate ._scroll-animate-step:nth-child(18) { -webkit-transition: opacity 0.75s 2.8s, transform 0.65s 2.7s; -moz-transition: opacity 0.75s 2.8s, transform 0.65s 2.7s; -ms-transition: opacity 0.75s 2.8s, transform 0.65s 2.7s; -o-transition: opacity 0.75s 2.8s, transform 0.65s 2.7s; transition: opacity 0.75s 2.8s, transform 0.65s 2.7s; } .js ._scroll-animate ._scroll-animate-step:nth-child(19) { -webkit-transition: opacity 0.75s 2.95s, transform 0.65s 2.85s; -moz-transition: opacity 0.75s 2.95s, transform 0.65s 2.85s; -ms-transition: opacity 0.75s 2.95s, transform 0.65s 2.85s; -o-transition: opacity 0.75s 2.95s, transform 0.65s 2.85s; transition: opacity 0.75s 2.95s, transform 0.65s 2.85s; } .js ._scroll-animate ._scroll-animate-step:nth-child(20) { -webkit-transition: opacity 0.75s 3.1s, transform 0.65s 3s; -moz-transition: opacity 0.75s 3.1s, transform 0.65s 3s; -ms-transition: opacity 0.75s 3.1s, transform 0.65s 3s; -o-transition: opacity 0.75s 3.1s, transform 0.65s 3s; transition: opacity 0.75s 3.1s, transform 0.65s 3s; } .js .content-loaded ._scroll-animated { opacity: 1; visibility: visible; transform: translateY(0); } .js .content-loaded ._scroll-animated ._scroll-animate-step { opacity: 1; transform: translateY(0); } .js ._scroll-animate.menu a._scroll-animate-step:nth-child(0) { -webkit-transition: opacity 0.75s 0.1s, transform 0.65s 0s, color .3s; -moz-transition: opacity 0.75s 0.1s, transform 0.65s 0s, color .3s; -ms-transition: opacity 0.75s 0.1s, transform 0.65s 0s, color .3s; -o-transition: opacity 0.75s 0.1s, transform 0.65s 0s, color .3s; transition: opacity 0.75s 0.1s, transform 0.65s 0s, color .3s; } .js ._scroll-animate.menu a._scroll-animate-step:nth-child(1) { -webkit-transition: opacity 0.75s 0.25s, transform 0.65s 0.15s, color .3s; -moz-transition: opacity 0.75s 0.25s, transform 0.65s 0.15s, color .3s; -ms-transition: opacity 0.75s 0.25s, transform 0.65s 0.15s, color .3s; -o-transition: opacity 0.75s 0.25s, transform 0.65s 0.15s, color .3s; transition: opacity 0.75s 0.25s, transform 0.65s 0.15s, color .3s; } .js ._scroll-animate.menu a._scroll-animate-step:nth-child(2) { -webkit-transition: opacity 0.75s 0.4s, transform 0.65s 0.3s, color .3s; -moz-transition: opacity 0.75s 0.4s, transform 0.65s 0.3s, color .3s; -ms-transition: opacity 0.75s 0.4s, transform 0.65s 0.3s, color .3s; -o-transition: opacity 0.75s 0.4s, transform 0.65s 0.3s, color .3s; transition: opacity 0.75s 0.4s, transform 0.65s 0.3s, color .3s; } .js ._scroll-animate.menu a._scroll-animate-step:nth-child(3) { -webkit-transition: opacity 0.75s 0.55s, transform 0.65s 0.45s, color .3s; -moz-transition: opacity 0.75s 0.55s, transform 0.65s 0.45s, color .3s; -ms-transition: opacity 0.75s 0.55s, transform 0.65s 0.45s, color .3s; -o-transition: opacity 0.75s 0.55s, transform 0.65s 0.45s, color .3s; transition: opacity 0.75s 0.55s, transform 0.65s 0.45s, color .3s; } .js ._scroll-animate.menu a._scroll-animate-step:nth-child(4) { -webkit-transition: opacity 0.75s 0.7s, transform 0.65s 0.6s, color .3s; -moz-transition: opacity 0.75s 0.7s, transform 0.65s 0.6s, color .3s; -ms-transition: opacity 0.75s 0.7s, transform 0.65s 0.6s, color .3s; -o-transition: opacity 0.75s 0.7s, transform 0.65s 0.6s, color .3s; transition: opacity 0.75s 0.7s, transform 0.65s 0.6s, color .3s; } .js ._scroll-animate.menu a._scroll-animate-step:nth-child(5) { -webkit-transition: opacity 0.75s 0.85s, transform 0.65s 0.75s, color .3s; -moz-transition: opacity 0.75s 0.85s, transform 0.65s 0.75s, color .3s; -ms-transition: opacity 0.75s 0.85s, transform 0.65s 0.75s, color .3s; -o-transition: opacity 0.75s 0.85s, transform 0.65s 0.75s, color .3s; transition: opacity 0.75s 0.85s, transform 0.65s 0.75s, color .3s; } .js ._scroll-animate.menu a._scroll-animate-step:nth-child(6) { -webkit-transition: opacity 0.75s 1s, transform 0.65s 0.9s, color .3s; -moz-transition: opacity 0.75s 1s, transform 0.65s 0.9s, color .3s; -ms-transition: opacity 0.75s 1s, transform 0.65s 0.9s, color .3s; -o-transition: opacity 0.75s 1s, transform 0.65s 0.9s, color .3s; transition: opacity 0.75s 1s, transform 0.65s 0.9s, color .3s; } .js ._scroll-animate.menu a._scroll-animate-step:nth-child(7) { -webkit-transition: opacity 0.75s 1.15s, transform 0.65s 1.05s, color .3s; -moz-transition: opacity 0.75s 1.15s, transform 0.65s 1.05s, color .3s; -ms-transition: opacity 0.75s 1.15s, transform 0.65s 1.05s, color .3s; -o-transition: opacity 0.75s 1.15s, transform 0.65s 1.05s, color .3s; transition: opacity 0.75s 1.15s, transform 0.65s 1.05s, color .3s; } /*.work-view__accordion-header { position: relative; border-bottom: 1px solid #D8D8D8; display: flex; justify-content: space-between; } @media only screen and (min-width: 640px) { .work-view__accordion-header { display: none; } }*/ .work-view__accordion-header { display: none; } .work-view__accordion-button { position: relative; width: auto; height: 44px; padding-right: 24px; } .work-view__accordion-button:hover { cursor: pointer; } /*.work-view__accordion-button--inner { width: 44px; padding: 0; position: absolute; bottom: 10px; right: 9px; z-index: 2; } @media only screen and (min-width: 640px) { .work-view__accordion-button--inner { display: none; } }*/ .work-view__accordion-button--inner { display: none; } .work-view__accordion-button--inner:hover { cursor: pointer; } .work-view__accordion-button--inner .work-view__accordion-icon { position: static; top: auto; right: auto; transform: translateY(0); } .work-view__accordion-button--inner path { stroke: #1638e2; } .work-view__accordion-icon { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .work-view__accordion-icon svg { transform: rotate(180deg); transition: transfoem 0.15s ease-in-out; } .is-open .work-view__accordion-icon svg { transform: rotate(0); } .work-view__accordion-title { color: #1638e2; font-size: 15px; font-size: 0.9375rem; border-bottom: 2px solid #1638e2; height: 44px; display: flex; align-items: center; } /*.work-view__button-row { display: none; flex-direction: column; position: absolute; top: 0; left: -18px; right: -18px; background-color: #ffffff; z-index: 20; align-items: flex-start; padding-bottom: 10px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .work-view__button-row.is-open { display: flex; opacity: 0; transition: opacity 0.2s cubic-bezier(0.555, 0.205, 0.295, 0.975); } .work-view__button-row.is-ready { opacity: 1; } @media only screen and (min-width: 640px) { .work-view__button-row { display: flex !important; border-bottom: 2px solid #7C7C7C; padding-bottom: 0; background-color: transparent; flex-direction: row; position: relative; top: auto; left: auto; right: auto; box-shadow: none; opacity: 0; visibility: visible; transform: translateY(40px); transition: opacity 1s, transform 0.75s; } .work-view__button-row.is-open { opacity: 1; transform: translate3d(0, 0, 0); } .work-view__button-row.work-view__button-row--animated { opacity: 1; transform: translateY(0); } }*/ .work-view__button-row { display: flex !important; border-bottom: 2px solid #7C7C7C; padding-bottom: 0; background-color: transparent; flex-direction: row; position: relative; top: auto; left: auto; right: auto; box-shadow: none; opacity: 0; visibility: visible; transform: translateY(40px); transition: opacity 1s, transform 0.75s; max-width: 640px !important } .work-view__button-row.is-open { opacity: 1; transform: translate3d(0, 0, 0); } .work-view__button-row.work-view__button-row--animated { opacity: 1; transform: translateY(0); } .work-view__button { text-align: left; display: flex; align-items: center; opacity: 0; visibility: visible; transform: translate3d(10px, 0, 0); } .work-view__button:nth-child(0) { transition: opacity 0.75s 0.02s, transform 0.65s 0.02s; } .work-view__button:nth-child(1) { transition: opacity 0.75s 0.06s, transform 0.65s 0.08s; } .work-view__button:nth-child(2) { transition: opacity 0.75s 0.1s, transform 0.65s 0.14s; } .work-view__button:nth-child(3) { transition: opacity 0.75s 0.14s, transform 0.65s 0.2s; } .work-view__button:nth-child(4) { transition: opacity 0.75s 0.18s, transform 0.65s 0.26s; } .work-view__button:nth-child(5) { transition: opacity 0.75s 0.22s, transform 0.65s 0.32s; } .work-view__button:nth-child(6) { transition: opacity 0.75s 0.26s, transform 0.65s 0.38s; } .work-view__button:nth-child(7) { transition: opacity 0.75s 0.3s, transform 0.65s 0.44s; } .work-view__button:nth-child(8) { transition: opacity 0.75s 0.34s, transform 0.65s 0.5s; } .work-view__button:nth-child(9) { transition: opacity 0.75s 0.38s, transform 0.65s 0.56s; } .work-view__button:nth-child(10) { transition: opacity 0.75s 0.42s, transform 0.65s 0.62s; } .work-view__button:nth-child(11) { transition: opacity 0.75s 0.46s, transform 0.65s 0.68s; } .work-view__button:nth-child(12) { transition: opacity 0.75s 0.5s, transform 0.65s 0.74s; } .work-view__button:nth-child(13) { transition: opacity 0.75s 0.54s, transform 0.65s 0.8s; } .work-view__button:nth-child(14) { transition: opacity 0.75s 0.58s, transform 0.65s 0.86s; } .work-view__button:nth-child(15) { transition: opacity 0.75s 0.62s, transform 0.65s 0.92s; } .work-view__button:nth-child(16) { transition: opacity 0.75s 0.66s, transform 0.65s 0.98s; } .work-view__button:nth-child(17) { transition: opacity 0.75s 0.7s, transform 0.65s 1.04s; } .work-view__button:nth-child(18) { transition: opacity 0.75s 0.74s, transform 0.65s 1.1s; } .work-view__button:nth-child(19) { transition: opacity 0.75s 0.78s, transform 0.65s 1.16s; } .work-view__button:nth-child(20) { transition: opacity 0.75s 0.82s, transform 0.65s 1.22s; } .is-ready .work-view__button { opacity: 1; transform: translate3d(0, 0, 0); } /*@media only screen and (min-width: 640px) {*/ .work-view__button { display: block; margin-left: 0; transform: translate3d(0, 40px, 0); transition: opacity 1s, transform 0.75s; } .work-view__button:nth-child(0) { transition: opacity 0.75s 0.2s, transform 0.65s 0.1s; } .work-view__button:nth-child(1) { transition: opacity 0.75s 0.28s, transform 0.65s 0.18s; } .work-view__button:nth-child(2) { transition: opacity 0.75s 0.36s, transform 0.65s 0.26s; } .work-view__button:nth-child(3) { transition: opacity 0.75s 0.44s, transform 0.65s 0.34s; } .work-view__button:nth-child(4) { transition: opacity 0.75s 0.52s, transform 0.65s 0.42s; } .work-view__button:nth-child(5) { transition: opacity 0.75s 0.6s, transform 0.65s 0.5s; } .work-view__button:nth-child(6) { transition: opacity 0.75s 0.68s, transform 0.65s 0.58s; } .work-view__button:nth-child(7) { transition: opacity 0.75s 0.76s, transform 0.65s 0.66s; } .work-view__button:nth-child(8) { transition: opacity 0.75s 0.84s, transform 0.65s 0.74s; } .work-view__button:nth-child(9) { transition: opacity 0.75s 0.92s, transform 0.65s 0.82s; } .work-view__button:nth-child(10) { transition: opacity 0.75s 1s, transform 0.65s 0.9s; } .work-view__button:nth-child(11) { transition: opacity 0.75s 1.08s, transform 0.65s 0.98s; } .work-view__button:nth-child(12) { transition: opacity 0.75s 1.16s, transform 0.65s 1.06s; } .work-view__button:nth-child(13) { transition: opacity 0.75s 1.24s, transform 0.65s 1.14s; } .work-view__button:nth-child(14) { transition: opacity 0.75s 1.32s, transform 0.65s 1.22s; } .work-view__button:nth-child(15) { transition: opacity 0.75s 1.4s, transform 0.65s 1.3s; } .work-view__button:nth-child(16) { transition: opacity 0.75s 1.48s, transform 0.65s 1.38s; } .work-view__button:nth-child(17) { transition: opacity 0.75s 1.56s, transform 0.65s 1.46s; } .work-view__button:nth-child(18) { transition: opacity 0.75s 1.64s, transform 0.65s 1.54s; } .work-view__button:nth-child(19) { transition: opacity 0.75s 1.72s, transform 0.65s 1.62s; } .work-view__button:nth-child(20) { transition: opacity 0.75s 1.8s, transform 0.65s 1.7s; } .work-view__button-row--animated .work-view__button { opacity: 1; transform: translate3d(0, 0, 0); } /*}*/ /*.work-view__button span { transition: color 0.18s ease-in-out, opacity 0.75s 0.55s, transform 0.65s 0.45s !important; padding-bottom: 4px; } @media only screen and (min-width: 640px) { .work-view__button span { padding-bottom: 0; } }*/ .work-view__button span { padding-bottom: 0; } /*.work-view__button.is-active span { border-bottom: 2px solid #fff; color: #fff; } @media only screen and (min-width: 640px) { .work-view__button.is-active span { border: 0; } }*/ .work-view__button.is-active span { border: 0; } /*.work-view__active-marker { display: none; } @media only screen and (min-width: 640px) { .work-view__active-marker { display: block; position: absolute; background-color: #fff; bottom: -2px; height: 2px; transition: width 0.3s cubic-bezier(0.57, 0.29, 0.06, 0.96) 0.1s, left 0.5s cubic-bezier(0.57, 0.29, 0.06, 0.96); } }*/ .work-view__active-marker { display: block; position: absolute; background-color: #fff; bottom: -2px; height: 2px; transition: width 0.3s cubic-bezier(0.57, 0.29, 0.06, 0.96) 0.1s, left 0.5s cubic-bezier(0.57, 0.29, 0.06, 0.96); } .work-view__content { position: relative; } .work-view__panel { display: none; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; padding-bottom: 24px; } .work-view__panel.is-ready { display: block; transition: opacity 0.5s ease-in-out; } .work-view__panel.is-active { opacity: 1; } .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#fff;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}.pace .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #fff,0 0 5px #fff;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:15px;right:50%;width:14px;height:14px;border:solid 2px transparent;border-top-color:#fff;border-left-color:#fff;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite}@media (max-width: 767px){.pace .pace-activity{top:15px;right:15px;width:14px;height:14px}}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}