/* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the top of the * compiled file, but it's generally better to create a new file per style scope. * */ /* Slider */ /* line 2, app/assets/stylesheets/slick.scss */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } /* line 23, app/assets/stylesheets/slick.scss */ .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } /* line 33, app/assets/stylesheets/slick.scss */ .slick-list:focus { outline: none; } /* line 37, app/assets/stylesheets/slick.scss */ .slick-list.dragging { cursor: pointer; cursor: hand; } /* line 43, app/assets/stylesheets/slick.scss */ .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* line 53, app/assets/stylesheets/slick.scss */ .slick-track { position: relative; top: 0; left: 0; display: block; } /* line 61, app/assets/stylesheets/slick.scss */ .slick-track:before, .slick-track:after { display: table; content: ''; } /* line 68, app/assets/stylesheets/slick.scss */ .slick-track:after { clear: both; } /* line 72, app/assets/stylesheets/slick.scss */ .slick-loading .slick-track { visibility: hidden; } /* line 77, app/assets/stylesheets/slick.scss */ .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } /* line 85, app/assets/stylesheets/slick.scss */ [dir='rtl'] .slick-slide { float: right; } /* line 101, app/assets/stylesheets/slick.scss */ .slick-initialized .slick-slide { display: block; } /* line 105, app/assets/stylesheets/slick.scss */ .slick-loading .slick-slide { visibility: hidden; } /* line 109, app/assets/stylesheets/slick.scss */ .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* line 117, app/assets/stylesheets/slick.scss */ .slick-arrow.slick-hidden { display: none; } .vjs-marker { position: absolute; left: 0; bottom: 0em; opacity: 1; height: 100%; transition: opacity .2s ease; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; z-index: 100; } .vjs-marker:hover { cursor: pointer; -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .vjs-tip { visibility: hidden; display: block; opacity: 0.8; padding: 5px; font-size: 10px; position: absolute; bottom: 14px; z-index: 100000; } .vjs-tip .vjs-tip-arrow { background: url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left; bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; position: absolute; width: 9px; height: 5px; } .vjs-tip .vjs-tip-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .vjs-break-overlay { visibility: hidden; position: absolute; z-index: 100000; top: 0; } .vjs-break-overlay .vjs-break-overlay-text { padding: 9px; text-align: center; } .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\f10c"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { content: "\f111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f115"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f11d"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f11e"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\f11f"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\f120"; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f121"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f122"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.81666em; margin-left: -1.5em; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { flex: auto; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.3333333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; /* iOS Safari */ -webkit-touch-callout: none; /* Safari */ -webkit-user-select: none; /* Konqueror HTML */ /* Firefox */ -moz-user-select: none; /* Internet Explorer/Edge */ -ms-user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; transition: none; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { cursor: pointer; flex: none; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; text-align: left; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: white; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @-webkit-keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: ""; font-size: 1.5em; line-height: inherit; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " "; font-size: 1.5em; line-height: inherit; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: auto; width: initial; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { flex: auto; display: block; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2B333F; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js *:focus:not(.focus-visible) { outline: none; background: none; } .video-js *:focus:not(:focus-visible), .video-js .vjs-menu *:focus:not(:focus-visible) { outline: none; background: none; } /** * videojs-mobile-ui * @version 0.4.1 * @copyright 2018 mister-ben * @license MIT */ @keyframes fadeAndScale{0%{opacity:0}25%{opacity:1}100%{opacity:0}}.video-js.vjs-has-started .vjs-touch-overlay{position:absolute;pointer-events:auto;top:0}.video-js .vjs-touch-overlay{display:block;width:100%;height:100%;pointer-events:none}.video-js .vjs-touch-overlay.skip{opacity:0;animation:fadeAndScale 0.6s linear;background-repeat:no-repeat;background-position:80% center;background-size:10%;background-image:url('data:image/svg+xml;utf8,')}.video-js .vjs-touch-overlay.skip.reverse{background-position:20% center;background-image:url('data:image/svg+xml;utf8,')}.video-js .vjs-touch-overlay .vjs-play-control{top:50%;left:50%;transform:translate(-50%, -50%);position:absolute;width:30%;height:80%;pointer-events:none;opacity:0;transition:opacity 0.3s ease}.video-js .vjs-touch-overlay .vjs-play-control .vjs-icon-placeholder::before{content:'';background-size:60%;background-position:center center;background-repeat:no-repeat;background-image:url('data:image/svg+xml;utf8,')}.video-js .vjs-touch-overlay .vjs-play-control.vjs-paused .vjs-icon-placeholder::before{content:'';background-image:url('data:image/svg+xml;utf8,')}.video-js .vjs-touch-overlay .vjs-play-control.vjs-ended .vjs-icon-placeholder::before{content:'';background-image:url('data:image/svg+xml;utf8,')}.video-js .vjs-touch-overlay.show-play-toggle .vjs-play-control{opacity:1;pointer-events:auto}.video-js.vjs-mobile-ui-disable-end.vjs-ended .vjs-touch-overlay{display:none} @charset "UTF-8"; /* line 27, app/assets/stylesheets/main.scss */ .def-svg { width: 0; height: 0; display: inline; position: absolute; } /* line 83, app/assets/stylesheets/main.scss */ h1, h2, h3, h4, h5 { font-weight: 300; } /* line 87, app/assets/stylesheets/main.scss */ html { padding: 0; margin: 0; } /* line 92, app/assets/stylesheets/main.scss */ main { display: block; } /* line 96, app/assets/stylesheets/main.scss */ body { font-size: 18px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 0; margin: 0; min-width: 320px; font-weight: 300; line-height: 1.2; position: relative; } /* line 109, app/assets/stylesheets/main.scss */ body.frameless, body.app { padding-bottom: 0; } /* line 114, app/assets/stylesheets/main.scss */ body > header { border-bottom: 1px solid #ccc; } @media (max-width: 1200px) { /* line 119, app/assets/stylesheets/main.scss */ body { padding-bottom: 0; } } /* line 124, app/assets/stylesheets/main.scss */ .hamburger { display: none; } /* line 128, app/assets/stylesheets/main.scss */ svg.icon { fill: #000; } /* line 129, app/assets/stylesheets/main.scss */ svg.icon.inverted { fill: #fff; } /* line 135, app/assets/stylesheets/main.scss */ svg.icon.stroke-only { stroke: #000; fill: none; } /* line 140, app/assets/stylesheets/main.scss */ svg.icon.highlighted { fill: #6264F4; } /* line 144, app/assets/stylesheets/main.scss */ svg.icon path.blank-only, svg.icon rect.blank-only { fill: none !important; } /* line 149, app/assets/stylesheets/main.scss */ .icon-not-seen { fill: #f1f1f1; } /* line 153, app/assets/stylesheets/main.scss */ .icon-understood-checkmark { fill: #1C7F1A; } /* line 157, app/assets/stylesheets/main.scss */ .icon-seen-fill { fill: #aaa; } @media screen and (-ms-high-contrast: active) { /* line 162, app/assets/stylesheets/main.scss */ #ptv-logo-gradient-stop-1, #ptv-logo-gradient-stop-2, #hashtag-gradient-stop-1, #hashtag-gradient-stop-2, #hashtag-gradient-stop-3 { stop-color: windowText !important; } /* line 166, app/assets/stylesheets/main.scss */ svg.icon { fill: windowText; } /* line 172, app/assets/stylesheets/main.scss */ svg.icon.stroke-only { stroke: windowText; } /* line 176, app/assets/stylesheets/main.scss */ svg.icon path.stroke-only { stroke: windowText; } } /* line 182, app/assets/stylesheets/main.scss */ button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; cursor: pointer; } /* line 186, app/assets/stylesheets/main.scss */ button.disable-after-click, button.disable-after-click-style { transition: opacity 500ms; } /* line 189, app/assets/stylesheets/main.scss */ button.disable-after-click .icon-loading, button.disable-after-click-style .icon-loading { display: none; width: 15px; height: 15px; } /* line 195, app/assets/stylesheets/main.scss */ button.disable-after-click.clicked, button.disable-after-click-style.clicked { background-color: #eee; color: #767676; } /* line 196, app/assets/stylesheets/main.scss */ button.disable-after-click.clicked .icon-loading, button.disable-after-click-style.clicked .icon-loading { transition: display 500ms; display: inline; } /* line 206, app/assets/stylesheets/main.scss */ button.inline { padding: 1px 3px; font-size: inherit; } /* line 214, app/assets/stylesheets/main.scss */ .legacy a, .legacy a:link, .legacy a:visited, .legacy a:hover { text-decoration: underline; color: #6264F4; } /* line 218, app/assets/stylesheets/main.scss */ .legacy a:hover, .legacy a:focus, .legacy a:link:hover, .legacy a:link:focus, .legacy a:visited:hover, .legacy a:visited:focus, .legacy a:hover:hover, .legacy a:hover:focus { color: #c1c2fb; } /* line 222, app/assets/stylesheets/main.scss */ .legacy a.white, .legacy a.white:link, .legacy a.white:visited, .legacy a.white:hover { color: white; } /* line 225, app/assets/stylesheets/main.scss */ .legacy a.white:hover, .legacy a.white:focus, .legacy a.white:link:hover, .legacy a.white:link:focus, .legacy a.white:visited:hover, .legacy a.white:visited:focus, .legacy a.white:hover:hover, .legacy a.white:hover:focus { color: #cccccc; } /* line 234, app/assets/stylesheets/main.scss */ a.non-text, a.non-text:link, a.non-text:visited, a.non-text:hover { text-decoration: none; color: inherit; } /* line 240, app/assets/stylesheets/main.scss */ a.hidden-anchor { position: relative; display: block; visibility: hidden; top: -94px; } /* line 247, app/assets/stylesheets/main.scss */ .float-right { float: right; } /* line 251, app/assets/stylesheets/main.scss */ table.default-action { border: 1px solid #000; border-collapse: collapse; } /* line 255, app/assets/stylesheets/main.scss */ table.default-action td, table.default-action th { border: 1px solid #000; padding: 5px; } /* line 259, app/assets/stylesheets/main.scss */ table.default-action td.bold, table.default-action th.bold { font-weight: bold; } /* line 265, app/assets/stylesheets/main.scss */ body > header { background-color: #fff; border-top: 2px solid #6264F4; width: 100%; position: fixed; z-index: 5; height: 68px; align-items: center; justify-content: center; display: flex; } /* line 276, app/assets/stylesheets/main.scss */ body > header .wrapper { display: flex; align-items: center; justify-content: space-between; position: relative; } /* line 283, app/assets/stylesheets/main.scss */ body > header .right { text-align: right; } /* line 286, app/assets/stylesheets/main.scss */ body > header .right .desktop-only { display: flex; align-items: center; } /* line 293, app/assets/stylesheets/main.scss */ body > footer.lp { margin: 0 auto; padding-bottom: 200px; padding-top: 100px; height: 601px; position: absolute; left: 0; right: 0; bottom: 0; box-sizing: border-box; } /* line 294, app/assets/stylesheets/main.scss */ body > footer.lp.frameless { background-color: #fff; position: relative; padding: 0; height: auto; } /* line 297, app/assets/stylesheets/main.scss */ body > footer.lp.frameless a, body > footer.lp.frameless a:link, body > footer.lp.frameless a:visited, body > footer.lp.frameless a:hover { color: #6264F4; } /* line 306, app/assets/stylesheets/main.scss */ body > footer.lp:not(.frameless) { border-top: 1px solid #ccc; } /* line 320, app/assets/stylesheets/main.scss */ body > footer.lp a, body > footer.lp a:link, body > footer.lp a:visited, body > footer.lp a:hover { color: #6264F4; } /* line 324, app/assets/stylesheets/main.scss */ body > footer.lp .title { margin-top: 20px; } /* line 328, app/assets/stylesheets/main.scss */ body > footer.lp .title:first-child { margin-top: 0; } /* line 332, app/assets/stylesheets/main.scss */ body > footer.lp .title { font-size: 18px; font-weight: 600; margin-bottom: 10px; } /* line 338, app/assets/stylesheets/main.scss */ body > footer.lp div { font-size: 16px; } /* line 343, app/assets/stylesheets/main.scss */ body > footer.lp .social svg { margin-right: 20px; } /* line 349, app/assets/stylesheets/main.scss */ nav#nav { background-color: #fff; box-sizing: border-box; flex-grow: 1; margin-left: 2em; margin-top: 2px; } /* line 350, app/assets/stylesheets/main.scss */ nav#nav .mobile-only { display: none; } /* line 366, app/assets/stylesheets/main.scss */ nav#nav .items { display: flex; } /* line 370, app/assets/stylesheets/main.scss */ nav#nav a, nav#nav a:link, nav#nav a:visited { color: #222222; text-decoration: none; } /* line 374, app/assets/stylesheets/main.scss */ nav#nav a:hover, nav#nav a:link:hover, nav#nav a:visited:hover { color: #333333; } /* line 379, app/assets/stylesheets/main.scss */ nav#nav a { background-color: #fff; } /* line 382, app/assets/stylesheets/main.scss */ nav#nav a span { margin-right: 0.6em; position: relative; text-transform: uppercase; display: block; } /* line 390, app/assets/stylesheets/main.scss */ nav#nav a.highlight span:before { background-image: linear-gradient(276deg, #6264F4, #a5b4fc); font-weight: 600; color: white; content: "NEW"; left: 100%; top: -5px; padding: 1px 4px; border-radius: 1px; position: absolute; font-size: 0.7em; } /* line 406, app/assets/stylesheets/main.scss */ nav#nav a:hover { text-shadow: 0px 0px 1px black; } /* line 410, app/assets/stylesheets/main.scss */ nav#nav a.active { color: #000; text-shadow: 0px 0px 1px black; } /* line 416, app/assets/stylesheets/main.scss */ nav#nav a.active span:after { content: ""; position: absolute; bottom: -5px; left: 0; right: 0; border-bottom: 3px solid #6264F4; } /* line 428, app/assets/stylesheets/main.scss */ nav#nav .unread-count { left: auto; right: -10px; } /* line 435, app/assets/stylesheets/main.scss */ section.surveys textarea { width: 300px; height: 150px; font-size: 18px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 5px; font-weight: 300; line-height: 1.2; } /* line 445, app/assets/stylesheets/main.scss */ section.surveys .hidden { display: none; } /* line 449, app/assets/stylesheets/main.scss */ section.surveys.register-form form .control-group.radio_buttons .controls, section.surveys.register-form form .control-group.check_boxes .controls { display: block; } /* line 453, app/assets/stylesheets/main.scss */ section.surveys .control-group, section.surveys .radio, section.surveys .checkbox { display: block; padding-top: 5px; padding-bottom: 5px; } /* line 458, app/assets/stylesheets/main.scss */ section.surveys .control-group input.radio_buttons, section.surveys .control-group input.check_boxes, section.surveys .radio input.radio_buttons, section.surveys .radio input.check_boxes, section.surveys .checkbox input.radio_buttons, section.surveys .checkbox input.check_boxes { margin-right: 10px; min-width: 15px; } /* line 464, app/assets/stylesheets/main.scss */ section.surveys .labels { display: flex; justify-content: space-between; } /* line 469, app/assets/stylesheets/main.scss */ section.surveys .range, section.surveys .labels { width: 200px; } /* line 475, app/assets/stylesheets/main.scss */ section.surveys .survey-input.colorized .range .controls { background: linear-gradient(90deg, red, green); } /* line 480, app/assets/stylesheets/main.scss */ section.surveys .survey-input.colorized .red { font-weight: bold; color: #800; padding-right: 5px; } /* line 486, app/assets/stylesheets/main.scss */ section.surveys .survey-input.colorized .yellow { font-weight: bold; color: #ea5; padding-right: 5px; } /* line 492, app/assets/stylesheets/main.scss */ section.surveys .survey-input.colorized .green { font-weight: bold; color: #080; padding-right: 5px; } /* line 499, app/assets/stylesheets/main.scss */ section.surveys ul.connected-sortable { padding-top: 10px; padding-bottom: 10px; background-color: #eee; } /* line 504, app/assets/stylesheets/main.scss */ section.surveys ul.connected-sortable.order:before { content: "Ziehe die Elemente hierher um sie anzuordnen."; color: #666; } /* line 510, app/assets/stylesheets/main.scss */ section.surveys ul.connected-sortable li { background-color: #fff; padding: 5px; border: 1px solid #ddd; width: 200px; cursor: pointer; } /* line 517, app/assets/stylesheets/main.scss */ section.surveys ul.connected-sortable li.with-explanation { position: relative; } /* line 520, app/assets/stylesheets/main.scss */ section.surveys ul.connected-sortable li.with-explanation:after { content: "?"; position: absolute; right: 5px; top: 5px; bottom: 5px; width: 21px; text-align: center; border-radius: 50%; background-color: #eee; } /* line 535, app/assets/stylesheets/main.scss */ section.surveys .surveys-help { display: none; } /* line 539, app/assets/stylesheets/main.scss */ section.surveys h1 { padding-top: 50px; } /* line 544, app/assets/stylesheets/main.scss */ .stoppable-video { position: relative; height: 100%; padding-bottom: 20px; cursor: pointer; } /* line 550, app/assets/stylesheets/main.scss */ .stoppable-video button { cursor: pointer; } /* line 551, app/assets/stylesheets/main.scss */ .stoppable-video button .icon { width: 20px; height: 20px; } /* line 557, app/assets/stylesheets/main.scss */ .stoppable-video button.pause { display: none; } /* line 563, app/assets/stylesheets/main.scss */ .stoppable-video.playing button.pause { display: block; } /* line 566, app/assets/stylesheets/main.scss */ .stoppable-video.playing button.play { display: none; } /* line 572, app/assets/stylesheets/main.scss */ .stoppable-slider { cursor: pointer; } /* line 575, app/assets/stylesheets/main.scss */ .stoppable-slider button { cursor: pointer; } /* line 576, app/assets/stylesheets/main.scss */ .stoppable-slider button .icon { width: 20px; height: 20px; } /* line 582, app/assets/stylesheets/main.scss */ .stoppable-slider button.pause { display: none; } /* line 588, app/assets/stylesheets/main.scss */ .stoppable-slider.playing button.pause { display: block; } /* line 591, app/assets/stylesheets/main.scss */ .stoppable-slider.playing button.play { display: none; } /* line 597, app/assets/stylesheets/main.scss */ .one-shot-video { position: relative; height: 100%; padding-bottom: 20px; } /* line 609, app/assets/stylesheets/main.scss */ section.video-player { padding-bottom: 80px; } /* line 610, app/assets/stylesheets/main.scss */ section.video-player .save.disabled { opacity: 0.5; } /* line 614, app/assets/stylesheets/main.scss */ section.video-player header h3, section.video-player .close { display: none; } /* line 618, app/assets/stylesheets/main.scss */ section.video-player .modal { z-index: 10; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 0; transform: none; width: auto; z-index: 0; height: auto; } /* line 632, app/assets/stylesheets/main.scss */ section.video-player .with-icon div.icon:first-child { padding-right: 5px; } /* line 636, app/assets/stylesheets/main.scss */ section.video-player .authors-note { padding-bottom: 10px; } /* line 640, app/assets/stylesheets/main.scss */ section.video-player.intern-video-player { z-index: 1; position: relative; } /* line 647, app/assets/stylesheets/main.scss */ section.video-player h1 { padding: 0; margin: 0; font-size: 36px; display: flex; justify-content: space-between; } /* line 658, app/assets/stylesheets/main.scss */ section.video-player h1.downloads { padding-top: 80px; margin-bottom: 20px; } /* line 665, app/assets/stylesheets/main.scss */ section.video-player h1 .small-presenters { display: flex; } /* line 668, app/assets/stylesheets/main.scss */ section.video-player h1 .small-presenters .small-presenter { margin-right: 10px; } /* line 672, app/assets/stylesheets/main.scss */ section.video-player h1 .small-presenters .small-presenter .photo img { opacity: 0.5; width: 44px; border-radius: 50%; } /* line 681, app/assets/stylesheets/main.scss */ section.video-player h1 .small-presenters .small-presenter:hover .photo img { box-shadow: 0 0 5px white; opacity: 1; } /* line 690, app/assets/stylesheets/main.scss */ section.video-player h1 .small-presenters .small-presenter.active .photo img { opacity: 1; } /* line 701, app/assets/stylesheets/main.scss */ section.video-player .wide-player h1 .small-presenters { padding-right: 70px; } /* line 707, app/assets/stylesheets/main.scss */ section.video-player .mediaelement, section.video-player video, section.video-player .overview-image, section.video-player .vjs-poster { border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; } /* line 717, app/assets/stylesheets/main.scss */ section.video-player .overview-image { position: relative; } /* line 721, app/assets/stylesheets/main.scss */ section.video-player .set-status-component { width: 736px; } /* line 725, app/assets/stylesheets/main.scss */ section.video-player .player-video-title { width: 736px; } /* line 734, app/assets/stylesheets/main.scss */ section.video-player .video .video-inner, section.video-player .overview-image .video-inner { width: 736px; } /* line 738, app/assets/stylesheets/main.scss */ section.video-player .video img, section.video-player .overview-image img { width: 100%; display: block; } /* line 743, app/assets/stylesheets/main.scss */ section.video-player .video .presenters-question, section.video-player .overview-image .presenters-question { color: white; font-weight: 500; } /* line 748, app/assets/stylesheets/main.scss */ section.video-player .video .presenters-links, section.video-player .overview-image .presenters-links { display: flex; justify-content: space-evenly; align-items: center; flex-direction: row; } /* line 755, app/assets/stylesheets/main.scss */ section.video-player .video .presenters, section.video-player .overview-image .presenters { background-color: rgba(0, 0, 0, 0.9); position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } /* line 767, app/assets/stylesheets/main.scss */ section.video-player .video .presenters a, section.video-player .video .presenters a:link, section.video-player .video .presenters a:hover, section.video-player .overview-image .presenters a, section.video-player .overview-image .presenters a:link, section.video-player .overview-image .presenters a:hover { color: white; } /* line 771, app/assets/stylesheets/main.scss */ section.video-player .video .presenters .presenter, section.video-player .overview-image .presenters .presenter { margin-left: 30px; margin-right: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; } /* line 779, app/assets/stylesheets/main.scss */ section.video-player .video .presenters .presenter .photo, section.video-player .overview-image .presenters .presenter .photo { display: flex; justify-content: center; align-items: center; } /* line 784, app/assets/stylesheets/main.scss */ section.video-player .video .presenters .presenter .photo img, section.video-player .overview-image .presenters .presenter .photo img { border-radius: 50%; width: 75%; } /* line 790, app/assets/stylesheets/main.scss */ section.video-player .video .presenters .presenter .name, section.video-player .overview-image .presenters .presenter .name { font-weight: 500; padding-top: 10px; } /* line 797, app/assets/stylesheets/main.scss */ section.video-player .video .presenters .presenter:hover .photo img, section.video-player .overview-image .presenters .presenter:hover .photo img { box-shadow: 0 0 20px white; } /* line 826, app/assets/stylesheets/main.scss */ section.video-player .video-and-playlist-inner { display: flex; } /* line 835, app/assets/stylesheets/main.scss */ section.video-player .video-and-playlist.wide-player .video-inner { width: 100%; } /* line 839, app/assets/stylesheets/main.scss */ section.video-player .video-and-playlist.wide-player .overview-image { width: 100%; } /* line 847, app/assets/stylesheets/main.scss */ section.test-questions { padding-bottom: 80px; font-size: 16px; } /* line 849, app/assets/stylesheets/main.scss */ section.test-questions .quiz-question { width: 735px; margin: 0 auto; box-sizing: border-box; padding: 50px; } /* line 859, app/assets/stylesheets/main.scss */ section.test-questions h1 { padding-top: 80px; margin: 0; font-size: 36px; margin-bottom: 10px; } /* line 868, app/assets/stylesheets/main.scss */ section.test-questions .question { margin-top: 20px; font-weight: 500; } /* line 872, app/assets/stylesheets/main.scss */ section.test-questions .question.lower { padding-top: 20px; } /* line 877, app/assets/stylesheets/main.scss */ section.test-questions .buttons { margin-top: 20px; } /* line 881, app/assets/stylesheets/main.scss */ section.test-questions .target { max-width: 634px; } /* line 886, app/assets/stylesheets/main.scss */ section.test-questions .solution.answered[data-x="c"] .option .box-solution .icon-checkbox-solution .checkbox-checkmark { opacity: 1; } /* line 891, app/assets/stylesheets/main.scss */ section.test-questions .solution { display: block; } /* line 907, app/assets/stylesheets/main.scss */ section.test-questions .solution .option .box-solution { opacity: 0.5; } /* line 909, app/assets/stylesheets/main.scss */ section.test-questions .solution .option .box-solution .icon-checkbox-solution .checkbox-checkmark { opacity: 0; } /* line 914, app/assets/stylesheets/main.scss */ section.test-questions .solution .option .box-field { display: flex; align-items: center; } /* line 927, app/assets/stylesheets/main.scss */ section.test-questions .solution .option .box input { display: block; width: 26px; height: 26px; opacity: 1; margin: 0; padding: 0; } /* line 944, app/assets/stylesheets/main.scss */ section.test-questions .solution .option .box .checkbox { display: block; } /* line 950, app/assets/stylesheets/main.scss */ section.test-questions .solution.solution-header .option { padding-bottom: 0; } /* line 954, app/assets/stylesheets/main.scss */ section.test-questions .solution.solution-header .option .box { opacity: 1; } /* line 959, app/assets/stylesheets/main.scss */ section.test-questions .solution.solution-header:not(.answered) .option .box.box-solution { opacity: 0.5; } /* line 979, app/assets/stylesheets/main.scss */ section.test-questions .solution.checked .icon-checkbox-answer .checkbox-checkmark { opacity: 1; } /* line 985, app/assets/stylesheets/main.scss */ section.test-questions .solution .explanation { opacity: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 1.5em; min-height: 1.5em; margin-top: 10px; box-sizing: border-box; } /* line 998, app/assets/stylesheets/main.scss */ section.test-questions .solution.expanded .explanation { overflow: auto; white-space: normal; text-overflow: unset; height: auto; } /* line 1006, app/assets/stylesheets/main.scss */ section.test-questions .solution.answered .box-solution { opacity: 1; } /* line 1015, app/assets/stylesheets/main.scss */ section.test-questions .solution.answered .explanation { opacity: 1; } /* line 1036, app/assets/stylesheets/main.scss */ section.test-questions .solution .only-if-false { display: none; } /* line 1041, app/assets/stylesheets/main.scss */ section.test-questions .solution.false-positive .only-if-false, section.test-questions .solution.false-negative .only-if-false { display: block; } /* line 1054, app/assets/stylesheets/main.scss */ section.test-questions .solution.false-positive .explanation { font-weight: 500; } /* line 1067, app/assets/stylesheets/main.scss */ section.test-questions .solution.true-positive .explanation { font-weight: 500; } /* line 1079, app/assets/stylesheets/main.scss */ section.test-questions .solution.true-negative .explanation { font-weight: 500; } /* line 1091, app/assets/stylesheets/main.scss */ section.test-questions .solution.false-negative .explanation { font-weight: 500; } /* line 1097, app/assets/stylesheets/main.scss */ section.test-questions .reference { margin-top: 20px; display: none; } /* line 1101, app/assets/stylesheets/main.scss */ section.test-questions .reference.visible { display: block; } /* line 1106, app/assets/stylesheets/main.scss */ section.test-questions .count-help-text { margin-top: 20px; font-weight: 500; } /* line 1120, app/assets/stylesheets/main.scss */ .toggle-display { display: none; } /* line 1134, app/assets/stylesheets/main.scss */ .togglee { transition: height 0ms 200ms, opacity 200ms 0ms; } /* line 1146, app/assets/stylesheets/main.scss */ section.content-questions { padding-bottom: 80px; font-size: 16px; } /* line 1150, app/assets/stylesheets/main.scss */ section.content-questions h1 { padding-top: 80px; margin: 0; font-size: 36px; margin-bottom: 10px; } /* line 1159, app/assets/stylesheets/main.scss */ section.content-questions .questions { padding-top: 10px; } /* line 1162, app/assets/stylesheets/main.scss */ section.content-questions .questions button.unstyled { width: 100%; } /* line 1169, app/assets/stylesheets/main.scss */ section.content-questions .ask .text { padding-top: 10px; } /* line 1173, app/assets/stylesheets/main.scss */ section.content-questions .ask .buttons { padding-top: 20px; text-align: right; display: block; } /* line 1181, app/assets/stylesheets/main.scss */ section.content-questions .question, section.content-questions .answer { color: #414141; font-weight: 500; font-size: 16px; padding-top: 8px; margin-bottom: 20px; } /* line 1188, app/assets/stylesheets/main.scss */ section.content-questions .question .to-answer-hint, section.content-questions .answer .to-answer-hint { color: #6264F4; } /* line 1193, app/assets/stylesheets/main.scss */ section.content-questions .question .question-text p:first-child, section.content-questions .answer .question-text p:first-child { margin-top: 0; } /* line 1196, app/assets/stylesheets/main.scss */ section.content-questions .question .question-text p:last-child, section.content-questions .answer .question-text p:last-child { margin-bottom: 0; } /* line 1202, app/assets/stylesheets/main.scss */ section.content-questions .answer { font-weight: 300; } /* line 1205, app/assets/stylesheets/main.scss */ section.content-questions .answer a, section.content-questions .answer a:link, section.content-questions .answer a:visited { color: #3235f1; } /* line 1210, app/assets/stylesheets/main.scss */ section.content-questions .toggle-display.question-toggle { display: none; } /* line 1214, app/assets/stylesheets/main.scss */ section.content-questions .toggle-link { cursor: pointer; position: relative; } /* line 1218, app/assets/stylesheets/main.scss */ section.content-questions .toggle-link:not(:first-child) { padding-top: 20px; } /* line 1221, app/assets/stylesheets/main.scss */ section.content-questions .toggle-link:not(:first-child):before { left: 42px; top: 0; content: ""; position: absolute; width: 50px; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; } /* line 1234, app/assets/stylesheets/main.scss */ section.tiles-list { padding-bottom: 2em; } /* line 1239, app/assets/stylesheets/main.scss */ section.tiles-list .tiles { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-bottom: 50px; align-items: stretch; } /* line 1240, app/assets/stylesheets/main.scss */ section.tiles-list .tiles a, section.tiles-list .tiles a:link, section.tiles-list .tiles a:hover, section.tiles-list .tiles a:visited { text-decoration: none; } /* line 1251, app/assets/stylesheets/main.scss */ section.tiles-list .tiles .subject-title { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 10px; } /* line 1262, app/assets/stylesheets/main.scss */ section.tiles-list .tiles .invisible { opacity: 0.2; } /* line 1267, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link.locked { cursor: default !important; } /* line 1269, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link.locked .thumbnail, section.tiles-list .tile-link.locked .title .text { opacity: 0.5; } /* line 1273, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link.locked .locked-overlay { display: flex; } /* line 1277, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link.locked .tile:hover { background-color: #fff; } /* line 1282, app/assets/stylesheets/main.scss */ section.tiles-list .tile { width: 255px; min-height: 156px; display: flex; flex-direction: column; justify-content: space-between; margin: 15px; position: relative; background-color: #fff; border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; } /* line 1292, app/assets/stylesheets/main.scss */ section.tiles-list .tile:hover { background-color: #eee; } /* line 1296, app/assets/stylesheets/main.scss */ section.tiles-list .tile .locked-overlay { display: none; cursor: default; font-size: 0.9em; justify-content: space-around; align-items: center; } /* line 1310, app/assets/stylesheets/main.scss */ section.tiles-list .tile .locked-overlay svg { max-height: 100%; height: 50px; width: 50px; flex-grow: 0; } /* line 1322, app/assets/stylesheets/main.scss */ section.tiles-list .tile .thumbnail { position: relative; } /* line 1330, app/assets/stylesheets/main.scss */ section.tiles-list .tile .thumbnail .recent { display: none; height: 20px; line-height: 20px; color: white; font-weight: 500; font-size: 12px; background-color: #6264F4; padding: 0 12px; position: absolute; top: 0; left: 0; right: 0; } /* line 1345, app/assets/stylesheets/main.scss */ section.tiles-list .tile .thumbnail .gauge { display: none; width: 100%; height: 10px; background-color: #f1f1f1; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; margin-left: -1px; margin-right: -1px; margin-top: -1px; border: 1px solid #ddd; border-bottom: none; } /* line 1360, app/assets/stylesheets/main.scss */ section.tiles-list .tile .thumbnail .gauge .seen { height: 100%; position: absolute; background-color: #aaa; } /* line 1366, app/assets/stylesheets/main.scss */ section.tiles-list .tile .thumbnail .gauge .understood { height: 100%; position: absolute; background-color: #3D9F38; box-sizing: border-box; } /* line 1396, app/assets/stylesheets/main.scss */ section.tiles-list .tile .title { margin: 15px; } /* line 1407, app/assets/stylesheets/main.scss */ section.tiles-list .tile .title .icon svg { height: 1em; width: auto; } /* line 1413, app/assets/stylesheets/main.scss */ section.tiles-list .tile .name { color: black; font-size: 20px; word-wrap: break-word; } /* line 1420, app/assets/stylesheets/main.scss */ section.tiles-list .tile .info { color: #222222; font-size: 14px; padding-top: 5px; } /* line 1426, app/assets/stylesheets/main.scss */ section.tiles-list .tile .path { font-size: 14px; } /* line 1431, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject { display: flex; flex-direction: column; } /* line 1435, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject > *:last-child { flex-grow: 1; } /* line 1440, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video { border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; margin-bottom: 60px; background: none; width: 255px; margin: 15px; position: relative; margin-bottom: 25px; color: black; display: flex; flex-direction: column; cursor: pointer; } /* line 1456, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video.locked { cursor: default !important; } /* line 1458, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video.locked .thumbnail > img, section.tiles-list .tile-video.locked .thumbnail > svg { opacity: 0.2; } /* line 1461, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video.locked .title .name { opacity: 0.5; } /* line 1464, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video.locked .play-overlay { opacity: 0; } /* line 1469, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video.next-up { box-shadow: 0 0 3px 3px #31739e; } /* line 1473, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .thumbnail { margin: 0px auto; padding: 10px; width: 143px; height: 143px; position: relative; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: center; } /* line 1487, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .thumbnail .recent { display: none; height: 20px; line-height: 20px; font-weight: 500; font-size: 12px; background-color: #6264F4; padding: 0 12px; position: absolute; top: 0; left: 0; right: 0; } /* line 1502, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .thumbnail svg { width: 75%; max-height: 75%; } /* line 1507, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .thumbnail img { border-radius: 50%; height: 100%; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; } /* line 1520, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video.recent .thumbnail { height: 166px; } /* line 1525, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .title { box-sizing: border-box; padding: 10px; flex-grow: 1; } /* line 1529, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .title .empty { text-align: center; } /* line 1536, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .contents { padding: 0 40px 10px 10px; font-size: 14px; } /* line 1541, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .empty { text-align: center; font-size: 16px; box-sizing: border-box; } /* line 1547, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .subject-title { font-size: 16px; padding-bottom: 3px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 1556, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .name { font-weight: 500; font-size: 16px; padding: 0; text-align: left; padding-right: 30px; word-wrap: break-word; } /* line 1565, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .info { font-weight: 300; font-size: 14px; padding: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px; display: inline-flex; } /* line 1576, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .info.none { overflow: auto; white-space: normal; text-overflow: unset; } /* line 1582, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .info svg { margin-left: 4px; } /* line 1586, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .info.wrap { white-space: normal; } /* line 1592, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .path { font-size: 14px; } /* line 1596, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .state { position: absolute; bottom: 10px; right: 10px; } /* line 1602, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .play-overlay { display: none; cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.9; background-color: rgba(0, 0, 0, 0.1); justify-content: space-around; align-items: center; } /* line 1616, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .locked-overlay { display: none; cursor: default; position: absolute; top: 0; left: 0; right: 0; bottom: 0; justify-content: space-around; align-items: center; } /* line 1629, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .locked-overlay svg { margin: 15%; max-height: 100%; } /* line 1636, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video:hover .play-overlay { display: flex; } /* line 1642, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video.locked .locked-overlay { display: flex; } /* line 1648, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject { display: flex; flex-direction: column; width: 255px; margin: 15px; } /* line 1652, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject > *:last-child { flex-grow: 1; } /* line 1659, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject .tile-video { width: auto; margin: 0; } /* line 1668, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tiles { display: block; margin-left: 0; margin-right: 0; } /* line 1674, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile { box-sizing: border-box; display: flex; align-items: center; padding-top: 11px; padding-bottom: 10px; border-top: 1px solid #979797; margin: 0; width: 100%; height: 109px; padding-left: 0; padding-right: 0; } /* line 1688, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile:last-child { border-bottom: 1px solid #979797; padding-bottom: 9px; } /* line 1693, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile .thumbnail { position: relative; width: 150px; height: 81px; flex: 0 0 150px; background-size: cover; } /* line 1700, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile .thumbnail:before { position: absolute; top: 81px; height: 3px; background-color: rgba(255, 255, 255, 0.5); left: 3px; right: 3px; content: ""; } /* line 1710, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile .thumbnail:after { position: absolute; top: 81px; height: 6px; background-color: rgba(255, 255, 255, 0.5); left: 6px; right: 6px; content: ""; } /* line 1721, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile .title { position: static; flex: 1; margin: 0 10px; padding-bottom: 5px; } /* line 1727, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile .title .name { padding: 0; color: white; text-align: left; } /* line 1733, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile .title .info { color: #000; text-align: left; } /* line 1740, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile-video { box-sizing: border-box; display: flex; align-items: center; padding-top: 11px; padding-bottom: 10px; border-top: 1px solid #979797; margin: 0; width: 100%; height: 109px; padding-left: 0; padding-right: 0; } /* line 1754, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile-video:last-child { border-bottom: 1px solid #979797; padding-bottom: 9px; } /* line 1759, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile-video .thumbnail { width: 150px; height: 87px; flex: 0 0 150px; position: relative; } /* line 1766, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile-video .title { flex: 1; margin: 0 10px; padding-bottom: 5px; } /* line 1772, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile-video .state { position: absolute; height: 100%; top: 0; right: 15px; background-position: center center; background-repeat: no-repeat; display: flex; align-items: center; } /* line 1783, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile-video:hover { background-color: #222; cursor: pointer; } /* line 1787, app/assets/stylesheets/main.scss */ section.tiles-list.list-mode .tile-video:hover .thumbnail:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); background-position: center; background-repeat: no-repeat; opacity: 0.9; } /* line 1806, app/assets/stylesheets/main.scss */ .tile-mode-links { float: right; box-sizing: border-box; padding-top: 70px; } /* line 1811, app/assets/stylesheets/main.scss */ .tile-mode-links.as-overlay { background: transparent; float: none; width: 1110px; position: fixed; z-index: 4; text-align: right; padding-bottom: 13px; padding-right: 20px; } /* line 1821, app/assets/stylesheets/main.scss */ .tile-mode-links.as-overlay.with-background { background-image: linear-gradient(#333333, rgba(51, 51, 51, 0.9)); height: 112px; box-sizing: border-box; z-index: 2; } /* line 1830, app/assets/stylesheets/main.scss */ .tile-mode-links a:link, .tile-mode-links a:visited, .tile-mode-links a:hover { text-decoration: none; } /* line 1836, app/assets/stylesheets/main.scss */ .tile-mode-links .tile-mode-grid-link:hover svg path, .tile-mode-links .tile-mode-grid-link.active svg path, .tile-mode-links .tile-mode-list-link:hover svg path, .tile-mode-links .tile-mode-list-link.active svg path { opacity: 1; } /* line 1844, app/assets/stylesheets/main.scss */ .tile-mode-links-top-hack { width: 1110px; position: fixed; z-index: 4; text-align: right; padding-bottom: 20px; padding-right: 20px; box-sizing: border-box; background-color: #333; } /* line 1855, app/assets/stylesheets/main.scss */ .animation-bar { position: absolute; left: 50%; top: 1300px; width: 1px; height: 2000px; background-color: #6264F4; background-image: linear-gradient(to bottom, white, #6264F4 300px); transform: translate(-550px, 0); color: #414141; } /* line 1866, app/assets/stylesheets/main.scss */ .animation-bar div { position: absolute; top: 0; padding: 3px; background-color: white; font-weight: 500; text-transform: uppercase; font-size: 16px; box-sizing: border-box; height: 31px; line-height: 29px; transform: translate(-17px, 0); } /* line 1880, app/assets/stylesheets/main.scss */ .animation-bar .see { top: 435px; opacity: 0; } /* line 1890, app/assets/stylesheets/main.scss */ .animation-bar .understand { top: 2000px; } /* line 1899, app/assets/stylesheets/main.scss */ .animation-bar .pass { top: 2000px; } /* line 1908, app/assets/stylesheets/main.scss */ .animation-bar .overview { top: 2000px; } /* line 1919, app/assets/stylesheets/main.scss */ .animation-bar .everywhere { top: 2000px; } /* line 1928, app/assets/stylesheets/main.scss */ .animation-bar .see, .animation-bar .understand, .animation-bar .pass, .animation-bar .overview, .animation-bar .everywhere { display: flex; padding-left: 0; } /* line 1932, app/assets/stylesheets/main.scss */ .animation-bar .see svg, .animation-bar .understand svg, .animation-bar .pass svg, .animation-bar .overview svg, .animation-bar .everywhere svg { width: 25px; height: 25px; flex-shrink: 0; margin-right: 10px; margin-left: 5px; } /* line 1943, app/assets/stylesheets/main.scss */ .animation-bar-baseline { position: absolute; height: 1px; left: 0; right: 0; top: 2000px; background-color: #ccc; } /* line 1952, app/assets/stylesheets/main.scss */ .video-player-wrapper { padding-bottom: 50px; padding-top: 50px; } /* line 1956, app/assets/stylesheets/main.scss */ .video-player-wrapper h1 { padding-bottom: 30px; font-size: 36px; } /* line 1961, app/assets/stylesheets/main.scss */ .video-player-wrapper h2 { font-size: 1.2em; } /* line 1965, app/assets/stylesheets/main.scss */ .video-player-wrapper .video-player { padding-bottom: 0; } /* line 1970, app/assets/stylesheets/main.scss */ #search-form-section { display: none; } /* line 1973, app/assets/stylesheets/main.scss */ #search-form-section.visible { display: block; } /* line 1978, app/assets/stylesheets/main.scss */ #search-form-input { display: none; position: absolute; left: 0; right: 0; z-index: 10; background-color: white; top: -5px; bottom: 0; } /* line 1988, app/assets/stylesheets/main.scss */ #search-form-input input { height: 50px; width: 100%; border: none; } /* line 1995, app/assets/stylesheets/main.scss */ #search-form-input input:focus { border: none; } /* line 2000, app/assets/stylesheets/main.scss */ #search-form-input.visible { display: inline-block; } /* line 2032, app/assets/stylesheets/main.scss */ body.app { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* line 2035, app/assets/stylesheets/main.scss */ body.app button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* line 2040, app/assets/stylesheets/main.scss */ body.app section.cancellation-form textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* line 2046, app/assets/stylesheets/main.scss */ body.app section.surveys textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* line 2054, app/assets/stylesheets/main.scss */ body.app .ask-modal .chat-write .textarea textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* line 2063, app/assets/stylesheets/main.scss */ body.app .register-form form .control-group.integer input, body.app .register-form form .control-group.integer select, body.app .register-form form .control-group.integer .fake-input, body.app .register-form form .control-group.string input, body.app .register-form form .control-group.string select, body.app .register-form form .control-group.string .fake-input, body.app .register-form form .control-group.select input, body.app .register-form form .control-group.select select, body.app .register-form form .control-group.select .fake-input, body.app .register-form form .control-group.date input, body.app .register-form form .control-group.date select, body.app .register-form form .control-group.date .fake-input, body.app .register-form form .control-group.email input, body.app .register-form form .control-group.email select, body.app .register-form form .control-group.email .fake-input, body.app .register-form form .control-group.password input, body.app .register-form form .control-group.password select, body.app .register-form form .control-group.password .fake-input, body.app .register-form form .control-group.tel input, body.app .register-form form .control-group.tel select, body.app .register-form form .control-group.tel .fake-input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* line 2072, app/assets/stylesheets/main.scss */ body.app section.careers-form .control-group.text .controls textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } @media (max-width: 1200px) { /* line 2081, app/assets/stylesheets/main.scss */ #search-form-input { top: 0; } /* line 2085, app/assets/stylesheets/main.scss */ section.register-form.search-form { padding-right: 0; } /* line 2089, app/assets/stylesheets/main.scss */ .animation-bar, .animation-bar-baseline { display: none; } /* line 2094, app/assets/stylesheets/main.scss */ section.area.area-all:before { position: absolute; top: 20px; bottom: 20px; right: 0px; left: 0px; border: 5px solid #6264F4; } /* line 2103, app/assets/stylesheets/main.scss */ section.area.area-begin:before { position: absolute; top: 20px; bottom: 0; right: 0px; left: 0px; border: 5px solid #6264F4; border-bottom: none; } /* line 2113, app/assets/stylesheets/main.scss */ section.area.area-mid:before { position: absolute; top: 0; bottom: 0; right: 0px; left: 0px; border: 5px solid #6264F4; border-bottom: none; border-top: none; } /* line 2124, app/assets/stylesheets/main.scss */ section.area.area-end:before { content: ""; position: absolute; top: 0; bottom: 20px; right: 0px; left: 0px; border: 5px solid #6264F4; border-top: none; } /* line 2135, app/assets/stylesheets/main.scss */ section.area.area-end { padding-bottom: 20px; } } /* line 2145, app/assets/stylesheets/main.scss */ .sticky-header { z-index: 3; position: relative; margin: 0; padding-top: 50px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } /* line 2153, app/assets/stylesheets/main.scss */ .sticky-header.sticky { position: fixed; z-index: 3; width: 1110px; } /* line 2158, app/assets/stylesheets/main.scss */ .sticky-header.sticky.shove { position: absolute; } /* line 2168, app/assets/stylesheets/main.scss */ #page.frameless { padding: 0; } /* line 2172, app/assets/stylesheets/main.scss */ #page.app { padding-top: 0; } /* line 2177, app/assets/stylesheets/main.scss */ .control-group, .controls, .buttons { display: inline-block; } /* line 2181, app/assets/stylesheets/main.scss */ .logo { height: 32px; display: block; } /* line 2182, app/assets/stylesheets/main.scss */ .logo svg { width: 169px; height: 32px; } /* line 2191, app/assets/stylesheets/main.scss */ div.terms-grey-box { background-color: #ccc; } /* line 2195, app/assets/stylesheets/main.scss */ button { background-color: #6264F4; border-radius: 5px; color: white; font-weight: 600; padding-left: 38px; padding-right: 38px; padding-top: 11px; padding-bottom: 11px; font-size: 16px; } /* line 2211, app/assets/stylesheets/main.scss */ button.not-important { background-color: #e6e6e6; color: #646464; } /* line 2215, app/assets/stylesheets/main.scss */ button.not-important:hover, button.not-important:focus { background-color: #eee; } /* line 2220, app/assets/stylesheets/main.scss */ button.unstyled { border-radius: inherit; background-color: transparent; color: inherit; font-weight: inherit; padding: 0; font-size: inherit; text-align: inherit; display: inherit; } /* line 2232, app/assets/stylesheets/main.scss */ .with-icon { display: flex; } /* line 2235, app/assets/stylesheets/main.scss */ .with-icon > * { flex-grow: 1; } /* line 2239, app/assets/stylesheets/main.scss */ .with-icon div.icon { flex-grow: 0; } /* line 2242, app/assets/stylesheets/main.scss */ .with-icon div.icon:first-child { padding-right: 10px; } /* line 2246, app/assets/stylesheets/main.scss */ .with-icon div.icon:last-child { padding-left: 10px; } /* line 2252, app/assets/stylesheets/main.scss */ .with-icon.center { align-items: center; } /* line 2255, app/assets/stylesheets/main.scss */ .with-icon.center div.icon { display: flex; align-items: center; } /* line 2262, app/assets/stylesheets/main.scss */ .tooltip { z-index: 5; box-sizing: border-box; position: absolute; background-color: white; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25); padding: 20px; transform: translate(-50%, -100%); left: 50%; top: 0; color: #414141; width: 250px; font-size: 16px; } /* line 2273, app/assets/stylesheets/main.scss */ .tooltip.down { top: 80px; right: 10px; position: fixed; transform: none; left: auto; width: 150px; } /* line 2286, app/assets/stylesheets/main.scss */ .tooltip.hidden { display: none; } /* line 2290, app/assets/stylesheets/main.scss */ .tooltip .item { padding-top: 5px; padding-bottom: 5px; } /* line 2294, app/assets/stylesheets/main.scss */ .tooltip .item:first-child { padding-top: 15px; } /* line 2302, app/assets/stylesheets/main.scss */ .show-status-tooltip .text { background-image: url(/assets/dropdown-triangle-light-d39f24c99c42530af5b511be898ca486bc355a8b6cbaaafb2b427671961058be.svg); background-position: center right; background-repeat: no-repeat; padding-right: 20px; } /* line 2312, app/assets/stylesheets/main.scss */ body > header .button:hover, body > header button:hover { opacity: 0.6; } /* line 2318, app/assets/stylesheets/main.scss */ .search-button, .mailbox-button, .settings-button { margin-right: 20px; } /* line 2323, app/assets/stylesheets/main.scss */ .search-button .button, .mailbox-button .button, .settings-button .button, .logout-button .button { position: relative; } /* line 2327, app/assets/stylesheets/main.scss */ .search-button svg, .mailbox-button svg, .settings-button svg, .logout-button svg { width: auto; height: 22px; fill: transparent; } @media (max-width: 1200px) { /* line 2335, app/assets/stylesheets/main.scss */ .settings-button { display: none; } /* line 2339, app/assets/stylesheets/main.scss */ .mailbox-button, .logout-button { display: none; } /* line 2343, app/assets/stylesheets/main.scss */ .login-button { padding-left: 10px; padding-right: 10px; } } /* line 2349, app/assets/stylesheets/main.scss */ .modal { z-index: 10; box-sizing: border-box; position: fixed; top: 50%; width: 800px; left: 50%; height: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 40px 0 black; } /* line 2361, app/assets/stylesheets/main.scss */ .modal.hidden { display: none; } /* line 2365, app/assets/stylesheets/main.scss */ .modal header, .modal footer { box-sizing: border-box; background-color: transparent; padding: 10px; height: 70px; border-bottom: 1px solid #ccc; } /* line 2373, app/assets/stylesheets/main.scss */ .modal header { position: relative; border-bottom: 1px solid #ccc; } /* line 2377, app/assets/stylesheets/main.scss */ .modal header .close { position: absolute; width: 56px; right: 0; top: -2px; bottom: 0; font-size: 36px; line-height: 36px; text-align: center; box-sizing: border-box; font-weight: bold; padding: 10px; cursor: pointer; border-radius: 5px; color: black; } /* line 2394, app/assets/stylesheets/main.scss */ .modal header h3 { color: black; font-size: 28px; line-height: 36px; } /* line 2400, app/assets/stylesheets/main.scss */ .modal header h4 { color: black; font-size: 16px; padding: 0; margin: 0; } /* line 2408, app/assets/stylesheets/main.scss */ .modal .modal-content { box-sizing: border-box; position: absolute; bottom: 56px; top: 70px; left: 0; right: 0; } /* line 2417, app/assets/stylesheets/main.scss */ .modal .modal-content .mce-panel, .modal .modal-content .mce-top-part:before { box-shadow: none; border: none; } /* line 2426, app/assets/stylesheets/main.scss */ .modal .modal-content .mce-content-body { position: absolute !important; left: 0; bottom: 0; right: 0; top: 34px; overflow-y: auto; padding: 10px; padding-top: 0; border: 1px solid #ccc; border-radius: 5px; } /* line 2439, app/assets/stylesheets/main.scss */ .modal .modal-content .text.half { padding: 10px; position: absolute; left: 0; right: 0; bottom: 50%; top: 0; background-color: white; } /* line 2449, app/assets/stylesheets/main.scss */ .modal .modal-content textarea { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; box-sizing: border-box; background-color: transparent; border: 0px; resize: none; padding: 10px; color: #333; } /* line 2463, app/assets/stylesheets/main.scss */ .modal .modal-content textarea.half { top: 50%; } /* line 2467, app/assets/stylesheets/main.scss */ .modal .modal-content textarea:focus { outline: none; } /* line 2473, app/assets/stylesheets/main.scss */ .modal footer { position: absolute; left: 0; bottom: 0; right: 0; height: auto; padding: 10px; text-align: right; border-top: 1px solid #ccc; } /* line 2483, app/assets/stylesheets/main.scss */ .modal footer.no-border { border: none; } /* line 2487, app/assets/stylesheets/main.scss */ .modal footer.info { color: black; } /* line 2492, app/assets/stylesheets/main.scss */ .modal h3 { margin: 0; } /* line 2496, app/assets/stylesheets/main.scss */ .modal.notes-modal { box-shadow: none; } /* line 2499, app/assets/stylesheets/main.scss */ .modal.notes-modal header { display: none; } /* line 2503, app/assets/stylesheets/main.scss */ .modal.notes-modal footer { border-bottom: none; border-top: none; padding-left: 0; padding-right: 0; } /* line 2510, app/assets/stylesheets/main.scss */ .modal.notes-modal .modal-content { top: 0; bottom: 63.5px; } /* line 2523, app/assets/stylesheets/main.scss */ .modal.notes-modal .mce-btn button:hover { background-color: transparent; box-sizing: border-box; } /* line 2568, app/assets/stylesheets/main.scss */ .ask-modal .save.disabled { opacity: 0.5; } /* line 2572, app/assets/stylesheets/main.scss */ .ask-modal footer { padding-top: 0; } /* line 2575, app/assets/stylesheets/main.scss */ .ask-modal footer.disabled { opacity: 0.5; } /* line 2578, app/assets/stylesheets/main.scss */ .ask-modal footer.disabled button { cursor: default; } /* line 2582, app/assets/stylesheets/main.scss */ .ask-modal footer.disabled .textarea, .ask-modal footer.disabled textarea { background-color: #ccc; } /* line 2586, app/assets/stylesheets/main.scss */ .ask-modal footer.disabled .textarea { position: relative; border: 1px solid #d1d1d1; border-radius: 2px; } /* line 2541, app/assets/stylesheets/main.scss */ .ask-modal footer.disabled .textarea:after, .ask-modal footer.disabled .textarea:before { left: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* line 2552, app/assets/stylesheets/main.scss */ .ask-modal footer.disabled .textarea:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ccc; border-width: 5px; margin-top: -5px; } /* line 2559, app/assets/stylesheets/main.scss */ .ask-modal footer.disabled .textarea:before { border-color: rgba(255, 255, 255, 0); border-left-color: #d1d1d1; border-width: 6px; margin-top: -6px; } /* line 2591, app/assets/stylesheets/main.scss */ .ask-modal footer button.hidden { display: none; } /* line 2596, app/assets/stylesheets/main.scss */ .ask-modal .modal-content { bottom: 165px; overflow-y: auto; padding-top: 40px; } /* line 2601, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .info { padding: 40px; color: black; } /* line 2606, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages { width: 75%; font-size: 16px; } /* line 2607, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages .avatar { width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; } /* line 2613, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages .avatar img { width: 50px; height: 50px; border-radius: 50%; } /* line 2623, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages .author { font-size: 11px; font-weight: 400; } /* line 2628, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages .icon { padding: 10px; } /* line 2632, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages .message-text { margin: 1px; padding: 8px 16px; border-radius: 2px; display: inline-block; } /* line 2639, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.sent { padding-left: 25%; } /* line 2640, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.sent .author { color: #555; text-align: right; } /* line 2645, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.sent .with-icon { justify-content: flex-end; } /* line 2651, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.sent .message-texts { flex-grow: 0; padding-bottom: 20px; } /* line 2659, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.sent .message-text:first-child { position: relative; border: 1px solid #eee; border-radius: 2px; } /* line 2541, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.sent .message-text:first-child:after, .ask-modal .modal-content .messages.sent .message-text:first-child:before { left: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* line 2552, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.sent .message-text:first-child:after { border-color: rgba(255, 255, 255, 0); border-left-color: #eee; border-width: 5px; margin-top: -5px; } /* line 2559, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.sent .message-text:first-child:before { border-color: rgba(255, 255, 255, 0); border-left-color: #eee; border-width: 6px; margin-top: -6px; } /* line 2667, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.received .author { color: #6264F4; } /* line 2671, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.received .with-icon { flex-direction: row-reverse; } /* line 2675, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.received .message-text { background-color: #6264F4; color: white; } /* line 2679, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.received .message-text:first-child { position: relative; border: 1px solid #6264F4; border-radius: 2px; } /* line 2541, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.received .message-text:first-child:after, .ask-modal .modal-content .messages.received .message-text:first-child:before { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* line 2552, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.received .message-text:first-child:after { border-color: rgba(255, 255, 255, 0); border-right-color: #6264F4; border-width: 5px; margin-top: -5px; } /* line 2559, app/assets/stylesheets/main.scss */ .ask-modal .modal-content .messages.received .message-text:first-child:before { border-color: rgba(255, 255, 255, 0); border-right-color: #6264F4; border-width: 6px; margin-top: -6px; } /* line 2687, app/assets/stylesheets/main.scss */ .ask-modal .chat-write { padding-top: 10px; padding-bottom: 10px; } /* line 2691, app/assets/stylesheets/main.scss */ .ask-modal .chat-write .avatar { width: 50px; height: 50px; border-radius: 50%; } /* line 2695, app/assets/stylesheets/main.scss */ .ask-modal .chat-write .avatar img { width: 50px; height: 50px; border-radius: 50%; } /* line 2702, app/assets/stylesheets/main.scss */ .ask-modal .chat-write .textarea { position: relative; border: 1px solid #d1d1d1; border-radius: 2px; padding: 10px; height: 25px; } /* line 2541, app/assets/stylesheets/main.scss */ .ask-modal .chat-write .textarea:after, .ask-modal .chat-write .textarea:before { left: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* line 2552, app/assets/stylesheets/main.scss */ .ask-modal .chat-write .textarea:after { border-color: rgba(255, 255, 255, 0); border-left-color: white; border-width: 5px; margin-top: -5px; } /* line 2559, app/assets/stylesheets/main.scss */ .ask-modal .chat-write .textarea:before { border-color: rgba(255, 255, 255, 0); border-left-color: #d1d1d1; border-width: 6px; margin-top: -6px; } /* line 2708, app/assets/stylesheets/main.scss */ .ask-modal .chat-write .textarea textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 300; color: #414141; border: none; width: 100%; height: 100%; box-sizing: border-box; resize: none; font-size: 16px; } /* line 2725, app/assets/stylesheets/main.scss */ .slim:after { position: absolute; width: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: black; background-color: rgba(255, 255, 255, 0.7); content: "Klicke hier um ein Bild auszuwählen!"; } /* line 2777, app/assets/stylesheets/main.scss */ .group.header-image-group.disabled-group { display: none; } /* line 2782, app/assets/stylesheets/main.scss */ .group.header-image-group label { display: flex; justify-content: space-around; align-items: center; padding-top: 20px; } /* line 2789, app/assets/stylesheets/main.scss */ .group.header-image-group .image { flex-basis: 50%; } /* line 2795, app/assets/stylesheets/main.scss */ section.settings .content { position: relative; } /* line 2799, app/assets/stylesheets/main.scss */ section.settings div.logout-button { position: absolute; right: 0; margin-right: 0; } /* line 2804, app/assets/stylesheets/main.scss */ section.settings div.logout-button .button { display: flex; align-items: center; } /* line 2808, app/assets/stylesheets/main.scss */ section.settings div.logout-button .button svg { margin-left: 10px; } /* line 2814, app/assets/stylesheets/main.scss */ section.settings .header-image { position: relative; } /* line 2817, app/assets/stylesheets/main.scss */ section.settings .header-image .slick-prev, section.settings .header-image .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; width: 36px; height: 95px; padding: 0; cursor: pointer; color: transparent; border: none; background: transparent; z-index: 1; transform: translate(0, -50%); } /* line 2818, app/assets/stylesheets/main.scss */ section.settings .header-image .slick-prev:hover, section.settings .header-image .slick-next:hover { opacity: 0.7; } /* line 2837, app/assets/stylesheets/main.scss */ section.settings .header-image .slick-prev:before, section.settings .header-image .slick-next:before { content: ""; width: 36px; height: 95px; position: absolute; background-image: url(/assets/arrow-left-7766ed5b596f4555683b58702079c52c3a372a6a785f8a54e619a7137f1f217e.svg); background-repeat: no-repeat; left: 0; transform: translate(0, -50%); } /* line 2850, app/assets/stylesheets/main.scss */ section.settings .header-image .slick-next { right: 0; } /* line 2853, app/assets/stylesheets/main.scss */ section.settings .header-image .slick-next:before { background-image: url(/assets/arrow-right-78538fa42a5731c003525fe43146249069590b9d7776625b666ee174a1f455c6.svg); background-repeat: no-repeat; } /* line 2859, app/assets/stylesheets/main.scss */ section.settings .header-image .ar-container { width: 50%; } /* line 2863, app/assets/stylesheets/main.scss */ section.settings .header-image .image { padding-top: 20%; width: 100%; overflow: hidden; position: relative; } /* line 2869, app/assets/stylesheets/main.scss */ section.settings .header-image .image img { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; } /* line 2881, app/assets/stylesheets/main.scss */ section.register-form { padding-bottom: 100px; } /* line 2882, app/assets/stylesheets/main.scss */ section.register-form .subscription-addition { font-size: 12px; margin-top: 20px; color: #808080; } /* line 2888, app/assets/stylesheets/main.scss */ section.register-form.search-form { padding: 0; padding-right: 20px; padding-right: 0; padding-top: 20px; } /* line 2892, app/assets/stylesheets/main.scss */ section.register-form.search-form form { margin: 0; display: flex; } /* line 2896, app/assets/stylesheets/main.scss */ section.register-form.search-form form .control-group { margin: 0; } /* line 2899, app/assets/stylesheets/main.scss */ section.register-form.search-form form .control-group input { font-size: 24px; margin: 0px; margin-right: 20px; width: 200px; background-color: #fff; padding: 0; border: 1px solid #767676; border-radius: 2px; } /* line 2909, app/assets/stylesheets/main.scss */ section.register-form.search-form form .control-group input:focus { border: 1px solid #6264F4; } /* line 2916, app/assets/stylesheets/main.scss */ section.register-form.search-form form .buttons { display: none; } /* line 2919, app/assets/stylesheets/main.scss */ section.register-form.search-form form .buttons button { background-color: transparent; padding: 5px; } /* line 2922, app/assets/stylesheets/main.scss */ section.register-form.search-form form .buttons button:hover { opacity: 0.8; } /* line 2932, app/assets/stylesheets/main.scss */ section.register-form.search-form form { display: flex; justify-content: center; } /* line 2935, app/assets/stylesheets/main.scss */ section.register-form.search-form form .control-group { flex-grow: 1; } /* line 2937, app/assets/stylesheets/main.scss */ section.register-form.search-form form .control-group input { font-size: 22px; width: 100%; color: white; } /* line 2946, app/assets/stylesheets/main.scss */ section.register-form .slim, section.register-form .not-slim { height: 300px; width: 300px; border-radius: 50%; box-shadow: 0px 0px 5px black; } /* line 2952, app/assets/stylesheets/main.scss */ section.register-form .slim label, section.register-form .not-slim label { display: none; } /* line 2956, app/assets/stylesheets/main.scss */ section.register-form .slim img, section.register-form .not-slim img { width: 100%; height: 100%; border-radius: 50%; } /* line 2963, app/assets/stylesheets/main.scss */ section.register-form #user_avatar { display: none; } /* line 2971, app/assets/stylesheets/main.scss */ section.register-form *:disabled { opacity: 0.9; } /* line 2981, app/assets/stylesheets/main.scss */ section.register-form hr.mini { border: none; border-bottom: 1px solid #ccc; width: 30px; } /* line 2987, app/assets/stylesheets/main.scss */ section.register-form p.data { font-size: 22px; } /* line 2989, app/assets/stylesheets/main.scss */ section.register-form p.data b { font-weight: 500; } /* line 2995, app/assets/stylesheets/main.scss */ section.register-form.review form { width: 730px; } /* line 2999, app/assets/stylesheets/main.scss */ section.register-form.review .with-button { display: flex; justify-content: space-between; align-items: center; } /* line 3007, app/assets/stylesheets/main.scss */ section.register-form h1 { font-size: 36px; } /* line 3010, app/assets/stylesheets/main.scss */ section.register-form h1 .addition { font-size: 22px; } /* line 3016, app/assets/stylesheets/main.scss */ section.register-form .subscription-image { margin-top: 20px; margin-bottom: 20px; } /* line 3020, app/assets/stylesheets/main.scss */ section.register-form .subscription-image img { max-width: 100%; } /* line 3025, app/assets/stylesheets/main.scss */ section.register-form .payment-options { font-size: 16px; width: 764px; display: flex; } /* line 3031, app/assets/stylesheets/main.scss */ section.register-form .payment-options p:first-child { margin-top: 0; padding-top: 0; } /* line 3036, app/assets/stylesheets/main.scss */ section.register-form .payment-options .option { width: 50%; flex-grow: 0; box-sizing: border-box; } /* line 3043, app/assets/stylesheets/main.scss */ section.register-form .payment-options .payment-option-texts .price { font-weight: 500; } /* line 3047, app/assets/stylesheets/main.scss */ section.register-form .payment-options .payment-option-texts .info.highlight { color: #6264F4; } /* line 3053, app/assets/stylesheets/main.scss */ section.register-form h2 { font-size: 22px; font-weight: 500; } /* line 3062, app/assets/stylesheets/main.scss */ section.register-form .tariff { display: flex; } /* line 3065, app/assets/stylesheets/main.scss */ section.register-form .tariff .description { width: 50%; box-sizing: border-box; padding-right: 20px; } /* line 3071, app/assets/stylesheets/main.scss */ section.register-form .tariff .price { width: 50%; box-sizing: border-box; padding-left: 20px; text-align: right; padding-top: 90px; font-size: 22px; } /* line 3080, app/assets/stylesheets/main.scss */ section.register-form .tariff .price .total-first { border-bottom: 1px solid #6264F4; padding-bottom: 5px; } /* line 3085, app/assets/stylesheets/main.scss */ section.register-form .tariff .price .tax-notice { color: #555; font-size: 16px; padding-top: 10px; padding-bottom: 10px; } /* line 3092, app/assets/stylesheets/main.scss */ section.register-form .tariff .price .total-second { color: #6264F4; font-weight: 500; display: inline; border-bottom: 1px solid #6264F4; position: relative; } /* line 3099, app/assets/stylesheets/main.scss */ section.register-form .tariff .price .total-second:after { content: ""; border-bottom: 1px solid #6264F4; position: absolute; left: 0; right: 0; bottom: -4px; } /* line 3108, app/assets/stylesheets/main.scss */ section.register-form .tariff .price .total-second span.type { font-size: 16px; } /* line 3118, app/assets/stylesheets/main.scss */ .form-group-title { font-size: 16px; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 20px; margin-top: 80px; } /* line 3126, app/assets/stylesheets/main.scss */ .form-group-title.first { margin-top: 0; } /* line 3131, app/assets/stylesheets/main.scss */ .qr-code { max-width: 300px; } /* line 3134, app/assets/stylesheets/main.scss */ .qr-code svg { width: 100%; } /* line 3139, app/assets/stylesheets/main.scss */ .otp-secret-key { font-family: monospace; } /* line 3143, app/assets/stylesheets/main.scss */ .register-form form, .register-form .fake-form { margin-bottom: 50px; } /* line 3147, app/assets/stylesheets/main.scss */ .register-form form .control-group.file, .register-form .fake-form .control-group.file { display: block; } /* line 3151, app/assets/stylesheets/main.scss */ .register-form form .slim, .register-form .fake-form .slim { padding-bottom: 40px; } /* line 3155, app/assets/stylesheets/main.scss */ .register-form form .slim-file-hopper, .register-form .fake-form .slim-file-hopper { top: 20px; } /* line 3159, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons, .register-form form .control-group.boolean, .register-form .fake-form .control-group.radio_buttons, .register-form .fake-form .control-group.boolean { width: 100%; position: relative; } /* line 3163, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons.boolean, .register-form form .control-group.boolean.boolean, .register-form .fake-form .control-group.radio_buttons.boolean, .register-form .fake-form .control-group.boolean.boolean { padding-top: 20px; } /* line 3167, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons label.control-label, .register-form form .control-group.boolean label.control-label, .register-form .fake-form .control-group.radio_buttons label.control-label, .register-form .fake-form .control-group.boolean label.control-label { display: none; } /* line 3171, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons .controls, .register-form form .control-group.boolean .controls, .register-form .fake-form .control-group.radio_buttons .controls, .register-form .fake-form .control-group.boolean .controls { display: flex; } /* line 3175, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons span.radio, .register-form form .control-group.boolean span.radio, .register-form .fake-form .control-group.radio_buttons span.radio, .register-form .fake-form .control-group.boolean span.radio { width: 50%; } /* line 3178, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons span.radio label, .register-form form .control-group.boolean span.radio label, .register-form .fake-form .control-group.radio_buttons span.radio label, .register-form .fake-form .control-group.boolean span.radio label { display: flex; } /* line 3184, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons.survey_question_answer_answer span.radio, .register-form form .control-group.boolean.survey_question_answer_answer span.radio, .register-form .fake-form .control-group.radio_buttons.survey_question_answer_answer span.radio, .register-form .fake-form .control-group.boolean.survey_question_answer_answer span.radio { width: auto; } /* line 3189, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons label.checkbox, .register-form form .control-group.boolean label.checkbox, .register-form .fake-form .control-group.radio_buttons label.checkbox, .register-form .fake-form .control-group.boolean label.checkbox { display: flex; align-items: center; } /* line 3193, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons label.checkbox.long, .register-form form .control-group.boolean label.checkbox.long, .register-form .fake-form .control-group.radio_buttons label.checkbox.long, .register-form .fake-form .control-group.boolean label.checkbox.long { display: block; } /* line 3197, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons label.checkbox input, .register-form form .control-group.boolean label.checkbox input, .register-form .fake-form .control-group.radio_buttons label.checkbox input, .register-form .fake-form .control-group.boolean label.checkbox input { flex-grow: 1; min-width: 15px; margin-right: 10px; } /* line 3207, app/assets/stylesheets/main.scss */ .register-form form .control-group.radio_buttons.error span.help-inline:before, .register-form form .control-group.boolean.error span.help-inline:before, .register-form .fake-form .control-group.radio_buttons.error span.help-inline:before, .register-form .fake-form .control-group.boolean.error span.help-inline:before { content: "muss ausgefüllt werden."; position: absolute; bottom: -20px; left: 20px; font-size: 12px; } /* line 3219, app/assets/stylesheets/main.scss */ .register-form form .control-group.boolean.error span.help-inline:before, .register-form .fake-form .control-group.boolean.error span.help-inline:before { display: none; } /* line 3225, app/assets/stylesheets/main.scss */ .register-form form .control-group.file, .register-form .fake-form .control-group.file { position: relative; } /* line 3229, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer, .register-form form .control-group.string, .register-form form .control-group.select, .register-form form .control-group.date, .register-form form .control-group.email, .register-form form .control-group.password, .register-form form .control-group.tel, .register-form .fake-form .control-group.integer, .register-form .fake-form .control-group.string, .register-form .fake-form .control-group.select, .register-form .fake-form .control-group.date, .register-form .fake-form .control-group.email, .register-form .fake-form .control-group.password, .register-form .fake-form .control-group.tel { position: relative; margin-top: 30px; } /* line 3236, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer.user_zip_code input, .register-form form .control-group.integer.career_application_zip_code input, .register-form form .control-group.integer.cancellation_request_zip_code input, .register-form form .control-group.string.user_zip_code input, .register-form form .control-group.string.career_application_zip_code input, .register-form form .control-group.string.cancellation_request_zip_code input, .register-form form .control-group.select.user_zip_code input, .register-form form .control-group.select.career_application_zip_code input, .register-form form .control-group.select.cancellation_request_zip_code input, .register-form form .control-group.date.user_zip_code input, .register-form form .control-group.date.career_application_zip_code input, .register-form form .control-group.date.cancellation_request_zip_code input, .register-form form .control-group.email.user_zip_code input, .register-form form .control-group.email.career_application_zip_code input, .register-form form .control-group.email.cancellation_request_zip_code input, .register-form form .control-group.password.user_zip_code input, .register-form form .control-group.password.career_application_zip_code input, .register-form form .control-group.password.cancellation_request_zip_code input, .register-form form .control-group.tel.user_zip_code input, .register-form form .control-group.tel.career_application_zip_code input, .register-form form .control-group.tel.cancellation_request_zip_code input, .register-form .fake-form .control-group.integer.user_zip_code input, .register-form .fake-form .control-group.integer.career_application_zip_code input, .register-form .fake-form .control-group.integer.cancellation_request_zip_code input, .register-form .fake-form .control-group.string.user_zip_code input, .register-form .fake-form .control-group.string.career_application_zip_code input, .register-form .fake-form .control-group.string.cancellation_request_zip_code input, .register-form .fake-form .control-group.select.user_zip_code input, .register-form .fake-form .control-group.select.career_application_zip_code input, .register-form .fake-form .control-group.select.cancellation_request_zip_code input, .register-form .fake-form .control-group.date.user_zip_code input, .register-form .fake-form .control-group.date.career_application_zip_code input, .register-form .fake-form .control-group.date.cancellation_request_zip_code input, .register-form .fake-form .control-group.email.user_zip_code input, .register-form .fake-form .control-group.email.career_application_zip_code input, .register-form .fake-form .control-group.email.cancellation_request_zip_code input, .register-form .fake-form .control-group.password.user_zip_code input, .register-form .fake-form .control-group.password.career_application_zip_code input, .register-form .fake-form .control-group.password.cancellation_request_zip_code input, .register-form .fake-form .control-group.tel.user_zip_code input, .register-form .fake-form .control-group.tel.career_application_zip_code input, .register-form .fake-form .control-group.tel.cancellation_request_zip_code input { width: 94px; } /* line 3240, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer.user_city input, .register-form form .control-group.integer.career_application_city input, .register-form form .control-group.integer.cancellation_request_city input, .register-form form .control-group.string.user_city input, .register-form form .control-group.string.career_application_city input, .register-form form .control-group.string.cancellation_request_city input, .register-form form .control-group.select.user_city input, .register-form form .control-group.select.career_application_city input, .register-form form .control-group.select.cancellation_request_city input, .register-form form .control-group.date.user_city input, .register-form form .control-group.date.career_application_city input, .register-form form .control-group.date.cancellation_request_city input, .register-form form .control-group.email.user_city input, .register-form form .control-group.email.career_application_city input, .register-form form .control-group.email.cancellation_request_city input, .register-form form .control-group.password.user_city input, .register-form form .control-group.password.career_application_city input, .register-form form .control-group.password.cancellation_request_city input, .register-form form .control-group.tel.user_city input, .register-form form .control-group.tel.career_application_city input, .register-form form .control-group.tel.cancellation_request_city input, .register-form .fake-form .control-group.integer.user_city input, .register-form .fake-form .control-group.integer.career_application_city input, .register-form .fake-form .control-group.integer.cancellation_request_city input, .register-form .fake-form .control-group.string.user_city input, .register-form .fake-form .control-group.string.career_application_city input, .register-form .fake-form .control-group.string.cancellation_request_city input, .register-form .fake-form .control-group.select.user_city input, .register-form .fake-form .control-group.select.career_application_city input, .register-form .fake-form .control-group.select.cancellation_request_city input, .register-form .fake-form .control-group.date.user_city input, .register-form .fake-form .control-group.date.career_application_city input, .register-form .fake-form .control-group.date.cancellation_request_city input, .register-form .fake-form .control-group.email.user_city input, .register-form .fake-form .control-group.email.career_application_city input, .register-form .fake-form .control-group.email.cancellation_request_city input, .register-form .fake-form .control-group.password.user_city input, .register-form .fake-form .control-group.password.career_application_city input, .register-form .fake-form .control-group.password.cancellation_request_city input, .register-form .fake-form .control-group.tel.user_city input, .register-form .fake-form .control-group.tel.career_application_city input, .register-form .fake-form .control-group.tel.cancellation_request_city input { width: 225px; } /* line 3245, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer.date select[id$="3i"], .register-form form .control-group.integer.date select[id$="1i"], .register-form form .control-group.string.date select[id$="3i"], .register-form form .control-group.string.date select[id$="1i"], .register-form form .control-group.select.date select[id$="3i"], .register-form form .control-group.select.date select[id$="1i"], .register-form form .control-group.date.date select[id$="3i"], .register-form form .control-group.date.date select[id$="1i"], .register-form form .control-group.email.date select[id$="3i"], .register-form form .control-group.email.date select[id$="1i"], .register-form form .control-group.password.date select[id$="3i"], .register-form form .control-group.password.date select[id$="1i"], .register-form form .control-group.tel.date select[id$="3i"], .register-form form .control-group.tel.date select[id$="1i"], .register-form .fake-form .control-group.integer.date select[id$="3i"], .register-form .fake-form .control-group.integer.date select[id$="1i"], .register-form .fake-form .control-group.string.date select[id$="3i"], .register-form .fake-form .control-group.string.date select[id$="1i"], .register-form .fake-form .control-group.select.date select[id$="3i"], .register-form .fake-form .control-group.select.date select[id$="1i"], .register-form .fake-form .control-group.date.date select[id$="3i"], .register-form .fake-form .control-group.date.date select[id$="1i"], .register-form .fake-form .control-group.email.date select[id$="3i"], .register-form .fake-form .control-group.email.date select[id$="1i"], .register-form .fake-form .control-group.password.date select[id$="3i"], .register-form .fake-form .control-group.password.date select[id$="1i"], .register-form .fake-form .control-group.tel.date select[id$="3i"], .register-form .fake-form .control-group.tel.date select[id$="1i"] { width: 100px; } /* line 3249, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer.date select, .register-form form .control-group.string.date select, .register-form form .control-group.select.date select, .register-form form .control-group.date.date select, .register-form form .control-group.email.date select, .register-form form .control-group.password.date select, .register-form form .control-group.tel.date select, .register-form .fake-form .control-group.integer.date select, .register-form .fake-form .control-group.string.date select, .register-form .fake-form .control-group.select.date select, .register-form .fake-form .control-group.date.date select, .register-form .fake-form .control-group.email.date select, .register-form .fake-form .control-group.password.date select, .register-form .fake-form .control-group.tel.date select { padding-right: 25px; background-position: center right 10px; box-sizing: border-box; } /* line 3256, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer.field_with_hint span, .register-form form .control-group.integer.error span, .register-form form .control-group.string.field_with_hint span, .register-form form .control-group.string.error span, .register-form form .control-group.select.field_with_hint span, .register-form form .control-group.select.error span, .register-form form .control-group.date.field_with_hint span, .register-form form .control-group.date.error span, .register-form form .control-group.email.field_with_hint span, .register-form form .control-group.email.error span, .register-form form .control-group.password.field_with_hint span, .register-form form .control-group.password.error span, .register-form form .control-group.tel.field_with_hint span, .register-form form .control-group.tel.error span, .register-form .fake-form .control-group.integer.field_with_hint span, .register-form .fake-form .control-group.integer.error span, .register-form .fake-form .control-group.string.field_with_hint span, .register-form .fake-form .control-group.string.error span, .register-form .fake-form .control-group.select.field_with_hint span, .register-form .fake-form .control-group.select.error span, .register-form .fake-form .control-group.date.field_with_hint span, .register-form .fake-form .control-group.date.error span, .register-form .fake-form .control-group.email.field_with_hint span, .register-form .fake-form .control-group.email.error span, .register-form .fake-form .control-group.password.field_with_hint span, .register-form .fake-form .control-group.password.error span, .register-form .fake-form .control-group.tel.field_with_hint span, .register-form .fake-form .control-group.tel.error span { position: absolute; font-size: 12px; left: 0; bottom: -20px; } /* line 3263, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer.field_with_hint span.long, .register-form form .control-group.integer.error span.long, .register-form form .control-group.string.field_with_hint span.long, .register-form form .control-group.string.error span.long, .register-form form .control-group.select.field_with_hint span.long, .register-form form .control-group.select.error span.long, .register-form form .control-group.date.field_with_hint span.long, .register-form form .control-group.date.error span.long, .register-form form .control-group.email.field_with_hint span.long, .register-form form .control-group.email.error span.long, .register-form form .control-group.password.field_with_hint span.long, .register-form form .control-group.password.error span.long, .register-form form .control-group.tel.field_with_hint span.long, .register-form form .control-group.tel.error span.long, .register-form .fake-form .control-group.integer.field_with_hint span.long, .register-form .fake-form .control-group.integer.error span.long, .register-form .fake-form .control-group.string.field_with_hint span.long, .register-form .fake-form .control-group.string.error span.long, .register-form .fake-form .control-group.select.field_with_hint span.long, .register-form .fake-form .control-group.select.error span.long, .register-form .fake-form .control-group.date.field_with_hint span.long, .register-form .fake-form .control-group.date.error span.long, .register-form .fake-form .control-group.email.field_with_hint span.long, .register-form .fake-form .control-group.email.error span.long, .register-form .fake-form .control-group.password.field_with_hint span.long, .register-form .fake-form .control-group.password.error span.long, .register-form .fake-form .control-group.tel.field_with_hint span.long, .register-form .fake-form .control-group.tel.error span.long { right: -100px; } /* line 3274, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer.error span + span, .register-form form .control-group.string.error span + span, .register-form form .control-group.select.error span + span, .register-form form .control-group.date.error span + span, .register-form form .control-group.email.error span + span, .register-form form .control-group.password.error span + span, .register-form form .control-group.tel.error span + span, .register-form .fake-form .control-group.integer.error span + span, .register-form .fake-form .control-group.string.error span + span, .register-form .fake-form .control-group.select.error span + span, .register-form .fake-form .control-group.date.error span + span, .register-form .fake-form .control-group.email.error span + span, .register-form .fake-form .control-group.password.error span + span, .register-form .fake-form .control-group.tel.error span + span { bottom: -30px; } /* line 3279, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer label, .register-form form .control-group.string label, .register-form form .control-group.select label, .register-form form .control-group.date label, .register-form form .control-group.email label, .register-form form .control-group.password label, .register-form form .control-group.tel label, .register-form .fake-form .control-group.integer label, .register-form .fake-form .control-group.string label, .register-form .fake-form .control-group.select label, .register-form .fake-form .control-group.date label, .register-form .fake-form .control-group.email label, .register-form .fake-form .control-group.password label, .register-form .fake-form .control-group.tel label { display: block; font-size: 14px; font-weight: 500; left: 10px; top: 24px; } /* line 3299, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer.focused.career_application_referrer label, .register-form form .control-group.integer.filled.career_application_referrer label, .register-form form .control-group.string.focused.career_application_referrer label, .register-form form .control-group.string.filled.career_application_referrer label, .register-form form .control-group.select.focused.career_application_referrer label, .register-form form .control-group.select.filled.career_application_referrer label, .register-form form .control-group.date.focused.career_application_referrer label, .register-form form .control-group.date.filled.career_application_referrer label, .register-form form .control-group.email.focused.career_application_referrer label, .register-form form .control-group.email.filled.career_application_referrer label, .register-form form .control-group.password.focused.career_application_referrer label, .register-form form .control-group.password.filled.career_application_referrer label, .register-form form .control-group.tel.focused.career_application_referrer label, .register-form form .control-group.tel.filled.career_application_referrer label, .register-form .fake-form .control-group.integer.focused.career_application_referrer label, .register-form .fake-form .control-group.integer.filled.career_application_referrer label, .register-form .fake-form .control-group.string.focused.career_application_referrer label, .register-form .fake-form .control-group.string.filled.career_application_referrer label, .register-form .fake-form .control-group.select.focused.career_application_referrer label, .register-form .fake-form .control-group.select.filled.career_application_referrer label, .register-form .fake-form .control-group.date.focused.career_application_referrer label, .register-form .fake-form .control-group.date.filled.career_application_referrer label, .register-form .fake-form .control-group.email.focused.career_application_referrer label, .register-form .fake-form .control-group.email.filled.career_application_referrer label, .register-form .fake-form .control-group.password.focused.career_application_referrer label, .register-form .fake-form .control-group.password.filled.career_application_referrer label, .register-form .fake-form .control-group.tel.focused.career_application_referrer label, .register-form .fake-form .control-group.tel.filled.career_application_referrer label { display: none; } /* line 3324, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer input, .register-form form .control-group.integer select, .register-form form .control-group.integer .fake-input, .register-form form .control-group.string input, .register-form form .control-group.string select, .register-form form .control-group.string .fake-input, .register-form form .control-group.select input, .register-form form .control-group.select select, .register-form form .control-group.select .fake-input, .register-form form .control-group.date input, .register-form form .control-group.date select, .register-form form .control-group.date .fake-input, .register-form form .control-group.email input, .register-form form .control-group.email select, .register-form form .control-group.email .fake-input, .register-form form .control-group.password input, .register-form form .control-group.password select, .register-form form .control-group.password .fake-input, .register-form form .control-group.tel input, .register-form form .control-group.tel select, .register-form form .control-group.tel .fake-input, .register-form .fake-form .control-group.integer input, .register-form .fake-form .control-group.integer select, .register-form .fake-form .control-group.integer .fake-input, .register-form .fake-form .control-group.string input, .register-form .fake-form .control-group.string select, .register-form .fake-form .control-group.string .fake-input, .register-form .fake-form .control-group.select input, .register-form .fake-form .control-group.select select, .register-form .fake-form .control-group.select .fake-input, .register-form .fake-form .control-group.date input, .register-form .fake-form .control-group.date select, .register-form .fake-form .control-group.date .fake-input, .register-form .fake-form .control-group.email input, .register-form .fake-form .control-group.email select, .register-form .fake-form .control-group.email .fake-input, .register-form .fake-form .control-group.password input, .register-form .fake-form .control-group.password select, .register-form .fake-form .control-group.password .fake-input, .register-form .fake-form .control-group.tel input, .register-form .fake-form .control-group.tel select, .register-form .fake-form .control-group.tel .fake-input { box-sizing: border-box; position: relative; padding: 10px; padding-bottom: 8px; width: 351px; margin-right: 29px; margin-top: 5px; outline: 0; border-radius: 5px; border: 1px solid #d9d9d9; font-size: 22px; font-weight: 300; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; appearance: none; -webkit-appearance: none; -moz-appearance: none; } /* line 3350, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer input:focus, .register-form form .control-group.integer select:focus, .register-form form .control-group.integer .fake-input:focus, .register-form form .control-group.string input:focus, .register-form form .control-group.string select:focus, .register-form form .control-group.string .fake-input:focus, .register-form form .control-group.select input:focus, .register-form form .control-group.select select:focus, .register-form form .control-group.select .fake-input:focus, .register-form form .control-group.date input:focus, .register-form form .control-group.date select:focus, .register-form form .control-group.date .fake-input:focus, .register-form form .control-group.email input:focus, .register-form form .control-group.email select:focus, .register-form form .control-group.email .fake-input:focus, .register-form form .control-group.password input:focus, .register-form form .control-group.password select:focus, .register-form form .control-group.password .fake-input:focus, .register-form form .control-group.tel input:focus, .register-form form .control-group.tel select:focus, .register-form form .control-group.tel .fake-input:focus, .register-form .fake-form .control-group.integer input:focus, .register-form .fake-form .control-group.integer select:focus, .register-form .fake-form .control-group.integer .fake-input:focus, .register-form .fake-form .control-group.string input:focus, .register-form .fake-form .control-group.string select:focus, .register-form .fake-form .control-group.string .fake-input:focus, .register-form .fake-form .control-group.select input:focus, .register-form .fake-form .control-group.select select:focus, .register-form .fake-form .control-group.select .fake-input:focus, .register-form .fake-form .control-group.date input:focus, .register-form .fake-form .control-group.date select:focus, .register-form .fake-form .control-group.date .fake-input:focus, .register-form .fake-form .control-group.email input:focus, .register-form .fake-form .control-group.email select:focus, .register-form .fake-form .control-group.email .fake-input:focus, .register-form .fake-form .control-group.password input:focus, .register-form .fake-form .control-group.password select:focus, .register-form .fake-form .control-group.password .fake-input:focus, .register-form .fake-form .control-group.tel input:focus, .register-form .fake-form .control-group.tel select:focus, .register-form .fake-form .control-group.tel .fake-input:focus { border: 2px solid #6264F4; padding: 9px; padding-bottom: 7px; } /* line 3357, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer select, .register-form form .control-group.string select, .register-form form .control-group.select select, .register-form form .control-group.date select, .register-form form .control-group.email select, .register-form form .control-group.password select, .register-form form .control-group.tel select, .register-form .fake-form .control-group.integer select, .register-form .fake-form .control-group.string select, .register-form .fake-form .control-group.select select, .register-form .fake-form .control-group.date select, .register-form .fake-form .control-group.email select, .register-form .fake-form .control-group.password select, .register-form .fake-form .control-group.tel select { background-image: url(/assets/triangle-547d78e0ac99d7d18222ca1a00eb5742f46892a0de9f5af5f0392c8a2ad8a8a2.svg); background-position: center right; background-repeat: no-repeat; background-size: 12px 12px; padding-right: 16px; } /* line 3367, app/assets/stylesheets/main.scss */ .register-form form .control-group.select label, .register-form form .control-group.date label, .register-form .fake-form .control-group.select label, .register-form .fake-form .control-group.date label { pointer-events: none; } /* line 3372, app/assets/stylesheets/main.scss */ .register-form form .button-bar, .register-form .fake-form .button-bar { padding-top: 30px; } /* line 3375, app/assets/stylesheets/main.scss */ .register-form form .button-bar .edit-hidden, .register-form .fake-form .button-bar .edit-hidden { display: none; } @media (max-width: 1200px) { /* line 3385, app/assets/stylesheets/main.scss */ .grades-form form .control-group.radio_buttons .controls, .grades-form form .control-group.boolean .controls { flex-wrap: wrap; } } /* line 3394, app/assets/stylesheets/main.scss */ .grades-form form .control-group.integer label, .grades-form form .control-group.string label, .grades-form form .control-group.select label, .grades-form form .control-group.email label, .grades-form form .control-group.password label, .grades-form form .control-group.tel label { font-size: 16px; } /* line 3399, app/assets/stylesheets/main.scss */ .grades-form form .control-group.range { width: 100%; } /* line 3402, app/assets/stylesheets/main.scss */ .grades-form form .control-group.range input[type="range"] { width: 100%; } /* line 3406, app/assets/stylesheets/main.scss */ .grades-form form .control-group.range .controls { width: 100%; } /* line 3412, app/assets/stylesheets/main.scss */ .grades-form form div.ranges { display: flex; justify-content: space-between; } /* line 3419, app/assets/stylesheets/main.scss */ span.underline { text-decoration: underline; } /* line 3423, app/assets/stylesheets/main.scss */ .price-with-image { border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; position: relative; display: inline-block; padding: 15px; } /* line 3429, app/assets/stylesheets/main.scss */ .price-with-image .name { font-size: 2em; font-weight: bold; } /* line 3445, app/assets/stylesheets/main.scss */ .price-with-image .amount { display: flex; flex-direction: column; align-items: center; } /* line 3453, app/assets/stylesheets/main.scss */ .price-with-image .amount .value { color: #6264F4; display: flex; } /* line 3457, app/assets/stylesheets/main.scss */ .price-with-image .amount .value .left { font-size: 54px; line-height: 54px; } /* line 3462, app/assets/stylesheets/main.scss */ .price-with-image .amount .value .right { display: flex; flex-direction: column; justify-content: center; text-align: right; } /* line 3468, app/assets/stylesheets/main.scss */ .price-with-image .amount .value .right .top { font-size: 18px; line-height: 18px; } /* line 3473, app/assets/stylesheets/main.scss */ .price-with-image .amount .value .right .bottom { font-size: 22px; line-height: 27px; } /* line 3480, app/assets/stylesheets/main.scss */ .price-with-image .amount .original-value { color: #767676; margin-bottom: 10px; position: relative; } /* line 3485, app/assets/stylesheets/main.scss */ .price-with-image .amount .original-value:after { content: ""; position: absolute; border-bottom: 2px solid #6264F4; left: 0; top: 50%; width: 100%; } /* line 3495, app/assets/stylesheets/main.scss */ .price-with-image .amount .timespan { font-size: 16px; line-height: 16px; text-align: center; } /* line 3504, app/assets/stylesheets/main.scss */ .price-with-image.wide .amount { bottom: 35px; } /* line 3514, app/assets/stylesheets/main.scss */ section.grades-form #grades-terms, section.grades-form #grades-privacy, section.grades-form #grades-footnote { display: none; } /* line 3520, app/assets/stylesheets/main.scss */ section.prices { text-align: center; padding-bottom: 100px; } /* line 3524, app/assets/stylesheets/main.scss */ section.prices .subscriptions-info-text { text-align: left; } /* line 3528, app/assets/stylesheets/main.scss */ section.prices.first { padding-bottom: 20px; } /* line 3532, app/assets/stylesheets/main.scss */ section.prices.second { padding-top: 20px; } /* line 3536, app/assets/stylesheets/main.scss */ section.prices h1 { font-size: 56px; margin-top: 0; padding-top: 80px; } /* line 3542, app/assets/stylesheets/main.scss */ section.prices .punchline { font-size: 20px; width: 720px; margin: 0 auto; } /* line 3549, app/assets/stylesheets/main.scss */ section.prices .prices-list, section.prices .slick-prices-list { display: flex; justify-content: center; align-items: flex-end; } /* line 3554, app/assets/stylesheets/main.scss */ section.prices .prices-list .price, section.prices .slick-prices-list .price { width: 300px; margin: 20px; } /* line 3558, app/assets/stylesheets/main.scss */ section.prices .prices-list .price:hover, section.prices .slick-prices-list .price:hover { opacity: 0.7; } /* line 3564, app/assets/stylesheets/main.scss */ section.prices .slick-prices-list { display: none; } /* line 3568, app/assets/stylesheets/main.scss */ section.prices ul.tabs { list-style-type: none; font-size: 20px; color: #767676; font-weight: 400; display: flex; justify-content: center; } /* line 3576, app/assets/stylesheets/main.scss */ section.prices ul.tabs a, section.prices ul.tabs a:link, section.prices ul.tabs a:active, section.prices ul.tabs a:hover { display: block; } /* line 3580, app/assets/stylesheets/main.scss */ section.prices ul.tabs li { color: #767676; cursor: pointer; margin: 0 10px; } /* line 3586, app/assets/stylesheets/main.scss */ section.prices ul.tabs li.active { color: #000; border-bottom: 3px solid #6264F4; } /* line 3591, app/assets/stylesheets/main.scss */ section.prices ul.tabs li:hover { color: #000; } /* line 3596, app/assets/stylesheets/main.scss */ section.prices p.asterisk { color: #555; font-size: 16px; } /* line 3602, app/assets/stylesheets/main.scss */ section.services { text-align: center; padding-bottom: 100px; } /* line 3607, app/assets/stylesheets/main.scss */ section.services h1 { font-size: 56px; margin-top: 0; padding-top: 130px; } /* line 3613, app/assets/stylesheets/main.scss */ section.services h2 { font-weight: 600; color: #000; font-size: 20px; } /* line 3619, app/assets/stylesheets/main.scss */ section.services .punchline { font-size: 20px; width: 720px; margin: 0 auto; } /* line 3626, app/assets/stylesheets/main.scss */ section.services .advantages { display: flex; width: 1040px; flex-wrap: wrap; margin: 0 auto; justify-content: center; padding-top: 100px; } /* line 3634, app/assets/stylesheets/main.scss */ section.services .advantages .advantage { width: 260px; height: 300px; box-sizing: border-box; padding: 35px 15px; } /* line 3641, app/assets/stylesheets/main.scss */ section.services .advantages .advantage .text { font-size: 16px; } /* line 3646, app/assets/stylesheets/main.scss */ section.services .advantages .advantage .icon svg g, section.services .advantages .advantage .icon svg path { fill: #555; } /* line 3654, app/assets/stylesheets/main.scss */ section.services .advantages.animate .advantage { transform: translate(0, 50px); opacity: 0; } /* line 3657, app/assets/stylesheets/main.scss */ section.services .advantages.animate .advantage.visible { transform: translate(0, 0); opacity: 1; } /* line 3664, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business { width: auto; } /* line 3667, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business .advantage { width: 315px; margin: 20px; padding: 35px; padding-top: 55px; height: auto; border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; } /* line 3676, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business .advantage h2 { text-transform: uppercase; font-size: 18px; font-weight: 400; } /* line 3682, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business .advantage .text { position: relative; padding-top: 30px; font-size: 16px; } /* line 3687, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business .advantage .text:before { position: absolute; content: ""; width: 70px; height: 1px; top: 5px; left: 50%; transform: translate(-50%, 0); background-color: #6264F4; } /* line 3701, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact { background-color: white; padding-top: 0; border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; } /* line 3706, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact .text { font-size: 16px; color: #414141; } /* line 3711, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact h2 { font-size: 22px; font-weight: 400; color: #414141; text-transform: uppercase; padding-bottom: 0; margin-bottom: 0; } /* line 3720, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact .advantage { padding-top: 50px; padding-bottom: 50px; width: 346px; height: auto; } /* line 3726, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact .advantage:hover { opacity: 0.8; } /* line 3737, app/assets/stylesheets/main.scss */ section.career-services .advantages .advantage { height: 400px; } /* line 3741, app/assets/stylesheets/main.scss */ section.career-services .advantages .advantage h2 { height: 48px; } /* line 3745, app/assets/stylesheets/main.scss */ section.career-services .advantages .advantage .icon svg { width: 72px; height: 72px; } /* line 3753, app/assets/stylesheets/main.scss */ form.flash-inline-form { display: inline; } /* line 3756, app/assets/stylesheets/main.scss */ form.flash-inline-form button { background-color: white; color: #6264F4; } /* line 3760, app/assets/stylesheets/main.scss */ form.flash-inline-form button:hover { opacity: 0.8; } /* line 3768, app/assets/stylesheets/main.scss */ section.exam .results { padding-bottom: 20px; } /* line 3772, app/assets/stylesheets/main.scss */ section.exam.text { padding-bottom: 30px; padding-top: 10px; } /* line 3777, app/assets/stylesheets/main.scss */ section.exam ul.tabs { list-style-type: none; font-size: 20px; color: #767676; font-weight: 400; display: flex; padding: 0; margin: 0; margin-top: 50px; margin-bottom: 50px; border-bottom: 1px solid #ccc; padding-bottom: 30px; } /* line 3788, app/assets/stylesheets/main.scss */ section.exam ul.tabs li { color: #767676; cursor: pointer; margin: 0 10px; } /* line 3794, app/assets/stylesheets/main.scss */ section.exam ul.tabs li.active { color: #000; border-bottom: 3px solid #6264F4; } /* line 3799, app/assets/stylesheets/main.scss */ section.exam ul.tabs li:hover { color: #000; } /* line 3808, app/assets/stylesheets/main.scss */ section.exam ul.tabs a, section.exam ul.tabs a:link, section.exam ul.tabs a:hover, section.exam ul.tabs a:visited, section.exam ul.tabs a:active { display: block; } /* line 3816, app/assets/stylesheets/main.scss */ section.exam .exams-and-playlist-wrapper { display: flex; justify-content: space-between; } /* line 3821, app/assets/stylesheets/main.scss */ section.exam .exams { display: flex; margin-left: -18px; margin-right: -18px; flex-wrap: wrap; } /* line 3827, app/assets/stylesheets/main.scss */ section.exam .exams button { margin-top: 10px; margin-bottom: 10px; } /* line 3832, app/assets/stylesheets/main.scss */ section.exam .exams a { text-decoration: none; } /* line 3836, app/assets/stylesheets/main.scss */ section.exam .exams .exam-list-element { border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; background-color: white; width: 250px; margin: 18px; padding: 18px; box-sizing: border-box; } /* line 58, app/assets/stylesheets/main.scss */ section.exam .exams .exam-list-element:hover { box-shadow: 2px 2px 0 0 black; } /* line 3846, app/assets/stylesheets/main.scss */ section.exam .exams .exam-list-element h3 { margin-top: 0; } /* line 3850, app/assets/stylesheets/main.scss */ section.exam .exams .exam-list-element .name { font-size: 22px; } /* line 3855, app/assets/stylesheets/main.scss */ section.exam .exams .exam-list-element .uuid { font-size: 16px; } /* line 3862, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element { border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; width: 345px; margin: 18px; padding: 18px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } /* line 58, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element:hover { box-shadow: 2px 2px 0 0 black; } /* line 3873, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element h3 { margin-top: 0; margin-bottom: 0; word-wrap: break-word; } /* line 3879, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element .exam-type { padding-top: 6px; font-size: 14px; text-transform: uppercase; } /* line 3884, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element .exam-type .icon { padding-right: 4px; } /* line 3889, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element .exam-name { font-size: 22px; } /* line 3894, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element .uuid { font-size: 16px; } /* line 3899, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element .dates { padding-top: 10px; } /* line 3902, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element .dates .begin { padding-right: 0; } /* line 3907, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element .last-results { flex-wrap: wrap; } /* line 3910, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element .last-results .result { padding-top: 15px; padding-right: 10px; flex: 50%; } /* line 3919, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current { margin: 18px; box-sizing: border-box; } /* line 3924, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current h3 { margin-top: 0; } /* line 3928, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .name { font-size: 22px; } /* line 3932, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .uuid { font-size: 16px; } /* line 3936, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .categories { padding-left: 25px; } /* line 3939, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .categories .category { padding-bottom: 20px; position: relative; } /* line 3943, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .categories .category .category-name { position: relative; font-size: 16px; } /* line 3949, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .categories .category .category-state-icon { width: 11px; height: 11px; position: absolute; top: 3px; left: -25px; display: flex; } /* line 3958, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .categories .category .category-name-overflow { overflow: hidden; text-overflow: ellipsis; } /* line 3963, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .categories .category:before { content: ""; position: absolute; bottom: 0; left: -20px; width: 1px; top: 0; background-color: #ccc; } /* line 3973, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .categories .category:first-child:before { top: 10px; } /* line 3977, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .categories .category:last-child:before { height: 10px; } /* line 3981, app/assets/stylesheets/main.scss */ section.exam .exams .exam-current .categories .category:first-child:last-child:before { height: 0; } /* line 3992, app/assets/stylesheets/main.scss */ .something-and-playlist-wrapper { display: flex; justify-content: space-between; } /* line 3999, app/assets/stylesheets/main.scss */ section.home.first .content { padding-left: 150px; box-sizing: border-box; } /* line 4007, app/assets/stylesheets/main.scss */ section.facts .large-facts, section.facts .percentage-facts { display: flex; justify-content: space-around; padding-top: 95px; padding-bottom: 95px; } /* line 4013, app/assets/stylesheets/main.scss */ section.facts .large-facts .item, section.facts .percentage-facts .item { position: relative; display: flex; flex-direction: column; align-items: center; flex-grow: 0; flex-shrink: 0; width: 25%; } /* line 4023, app/assets/stylesheets/main.scss */ section.facts .large-facts .title, section.facts .percentage-facts .title { font-size: 22px; font-weight: 400; padding-top: 36px; text-align: center; } /* line 4030, app/assets/stylesheets/main.scss */ section.facts .large-facts .text, section.facts .percentage-facts .text { font-size: 16px; color: #000; text-align: center; } /* line 4036, app/assets/stylesheets/main.scss */ section.facts .large-facts .circle, section.facts .percentage-facts .circle { position: relative; width: 162px; height: 162px; } /* line 4043, app/assets/stylesheets/main.scss */ section.facts .large-facts.large-facts .title, section.facts .percentage-facts.large-facts .title { padding-top: 0; font-weight: 100; font-size: 60px; } /* line 4049, app/assets/stylesheets/main.scss */ section.facts .large-facts.large-facts .text, section.facts .percentage-facts.large-facts .text { font-size: 20px; color: #000; text-transform: uppercase; } /* line 4055, app/assets/stylesheets/main.scss */ section.facts .large-facts.large-facts .circle, section.facts .percentage-facts.large-facts .circle { height: 140px; } /* line 4060, app/assets/stylesheets/main.scss */ section.facts .large-facts .counter, section.facts .percentage-facts .counter { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } /* line 4070, app/assets/stylesheets/main.scss */ section.facts .large-facts .counter .number, section.facts .percentage-facts .counter .number { font-size: 56px; } /* line 4073, app/assets/stylesheets/main.scss */ section.facts .large-facts .counter .number .addition, section.facts .percentage-facts .counter .number .addition { font-size: 42px; color: #000; } /* line 4080, app/assets/stylesheets/main.scss */ section.facts .large-facts .counter svg path, section.facts .large-facts .counter svg g, section.facts .percentage-facts .counter svg path, section.facts .percentage-facts .counter svg g { fill: #555; } /* line 4086, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-fact, section.facts .percentage-facts .percentage-fact { transform: rotate(-90deg); width: 162px; height: 162px; } /* line 4091, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-fact circle, section.facts .percentage-facts .percentage-fact circle { stroke: white; } /* line 4095, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-fact circle.percentage-value, section.facts .percentage-facts .percentage-fact circle.percentage-value { stroke: #6264F4; } /* line 4100, app/assets/stylesheets/main.scss */ section.facts .large-facts .large-fact, section.facts .percentage-facts .large-fact { transform: rotate(135deg); width: 162px; height: 162px; } /* line 4105, app/assets/stylesheets/main.scss */ section.facts .large-facts .large-fact circle, section.facts .percentage-facts .large-fact circle { stroke: white; } /* line 4109, app/assets/stylesheets/main.scss */ section.facts .large-facts .large-fact circle.large-value, section.facts .percentage-facts .large-fact circle.large-value { stroke: #6264F4; } /* line 4118, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-value-100, section.facts .large-facts .large-value-100, section.facts .percentage-facts .percentage-value-100, section.facts .percentage-facts .large-value-100 { border-style: solid; border-color: coral; border-width: 7px; stroke-dasharray: 502.64; stroke-dashoffset: 502.64; transition: 1s; } /* line 4126, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-value-100.animate, section.facts .large-facts .large-value-100.animate, section.facts .percentage-facts .percentage-value-100.animate, section.facts .percentage-facts .large-value-100.animate { stroke-dashoffset: 0; } /* line 4132, app/assets/stylesheets/main.scss */ section.facts .large-facts .base, section.facts .percentage-facts .base { stroke-dasharray: 125.66; } /* line 4118, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-value-99, section.facts .large-facts .large-value-99, section.facts .percentage-facts .percentage-value-99, section.facts .percentage-facts .large-value-99 { border-style: solid; border-color: coral; border-width: 7px; stroke-dasharray: 502.64; stroke-dashoffset: 502.64; transition: 1s; } /* line 4126, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-value-99.animate, section.facts .large-facts .large-value-99.animate, section.facts .percentage-facts .percentage-value-99.animate, section.facts .percentage-facts .large-value-99.animate { stroke-dashoffset: 5.0264; } /* line 4132, app/assets/stylesheets/main.scss */ section.facts .large-facts .base, section.facts .percentage-facts .base { stroke-dasharray: 125.66; } /* line 4118, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-value-81, section.facts .large-facts .large-value-81, section.facts .percentage-facts .percentage-value-81, section.facts .percentage-facts .large-value-81 { border-style: solid; border-color: coral; border-width: 7px; stroke-dasharray: 502.64; stroke-dashoffset: 502.64; transition: 1s; } /* line 4126, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-value-81.animate, section.facts .large-facts .large-value-81.animate, section.facts .percentage-facts .percentage-value-81.animate, section.facts .percentage-facts .large-value-81.animate { stroke-dashoffset: 95.5016; } /* line 4132, app/assets/stylesheets/main.scss */ section.facts .large-facts .base, section.facts .percentage-facts .base { stroke-dasharray: 125.66; } /* line 4118, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-value-75, section.facts .large-facts .large-value-75, section.facts .percentage-facts .percentage-value-75, section.facts .percentage-facts .large-value-75 { border-style: solid; border-color: coral; border-width: 7px; stroke-dasharray: 502.64; stroke-dashoffset: 502.64; transition: 1s; } /* line 4126, app/assets/stylesheets/main.scss */ section.facts .large-facts .percentage-value-75.animate, section.facts .large-facts .large-value-75.animate, section.facts .percentage-facts .percentage-value-75.animate, section.facts .percentage-facts .large-value-75.animate { stroke-dashoffset: 125.66; } /* line 4132, app/assets/stylesheets/main.scss */ section.facts .large-facts .base, section.facts .percentage-facts .base { stroke-dasharray: 125.66; } /* line 4139, app/assets/stylesheets/main.scss */ section.hr hr { height: 1px; background: #ccc; border: 0; } /* line 4145, app/assets/stylesheets/main.scss */ .learning-plans-actions { text-align: right; } /* line 4149, app/assets/stylesheets/main.scss */ .learning-plans-header { padding-top: 0; margin-top: 0; } /* line 4154, app/assets/stylesheets/main.scss */ section.quiz, section.learning-plans { position: relative; font-size: 20px; padding-top: 50px; padding-bottom: 80px; } /* line 4157, app/assets/stylesheets/main.scss */ section.quiz .progress-bar, section.learning-plans .progress-bar { margin-top: 80px; display: flex; } /* line 4161, app/assets/stylesheets/main.scss */ section.quiz .progress-bar .progress, section.learning-plans .progress-bar .progress { flex-grow: 1; flex-basis: 0; margin-left: 2px; margin-right: 2px; font-size: 16px; font-weight: 500; text-align: center; } /* line 4180, app/assets/stylesheets/main.scss */ section.quiz .progress-bar .progress span, section.learning-plans .progress-bar .progress span { font-weight: 300; } /* line 4191, app/assets/stylesheets/main.scss */ section.quiz.quiz-header, section.learning-plans.quiz-header { padding-bottom: 0; } /* line 4195, app/assets/stylesheets/main.scss */ section.quiz .quiz-actions, section.learning-plans .quiz-actions { text-align: right; padding-bottom: 20px; } /* line 4200, app/assets/stylesheets/main.scss */ section.quiz .question, section.learning-plans .question { text-align: center; font-size: 20px; font-weight: 500; } /* line 4203, app/assets/stylesheets/main.scss */ section.quiz .question ul, section.learning-plans .question ul { text-align: left; } /* line 4213, app/assets/stylesheets/main.scss */ section.quiz .question .text p, section.learning-plans .question .text p { width: auto; } /* line 4231, app/assets/stylesheets/main.scss */ section.quiz .correct-count, section.learning-plans .correct-count { text-align: center; border-radius: 50%; width: 130px; height: 130px; font-size: 88px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.1); line-height: 130px; } /* line 4243, app/assets/stylesheets/main.scss */ section.quiz.end h1, section.learning-plans.end h1 { font-size: 36px; } /* line 4248, app/assets/stylesheets/main.scss */ section.quiz.end .brain, section.learning-plans.end .brain { margin: 0 auto; width: 188px; box-sizing: border-box; padding: 40px; } /* line 4255, app/assets/stylesheets/main.scss */ section.quiz.end .buttons, section.learning-plans.end .buttons { display: flex; flex-direction: column; align-items: center; justify-content: center; } /* line 4261, app/assets/stylesheets/main.scss */ section.quiz.end .buttons button, section.learning-plans.end .buttons button { font-size: 18px; font-weight: 600; margin-top: 20px; width: 350px; } /* line 4267, app/assets/stylesheets/main.scss */ section.quiz.end .buttons button.not-important, section.learning-plans.end .buttons button.not-important { font-weight: 300; } /* line 4274, app/assets/stylesheets/main.scss */ section.quiz .subjects, section.learning-plans .subjects { margin: 0 auto; } /* line 4281, app/assets/stylesheets/main.scss */ section.quiz .actions .note, section.learning-plans .actions .note { padding-top: 50px; padding-bottom: 25px; } /* line 4285, app/assets/stylesheets/main.scss */ section.quiz .actions .note .text, section.learning-plans .actions .note .text { display: inline-block; } /* line 4288, app/assets/stylesheets/main.scss */ section.quiz .actions .note .text.ok, section.learning-plans .actions .note .text.ok { padding-left: 25px; background-image: url(/assets/fill-1-529041fdf59367f21efa7b41b9789833ed4a5119ebacc10b033dd50706a29dc5.svg); background-position: left center; background-repeat: no-repeat; } /* line 4298, app/assets/stylesheets/main.scss */ section.quiz .subject, section.learning-plans .subject { padding-top: 50px; } /* line 4301, app/assets/stylesheets/main.scss */ section.quiz .subject .subject-header, section.quiz .subject .topic, section.learning-plans .subject .subject-header, section.learning-plans .subject .topic { display: flex; align-items: center; cursor: pointer; } /* line 4310, app/assets/stylesheets/main.scss */ section.quiz .subject .subject-header .box-field, section.quiz .subject .topic .box-field, section.learning-plans .subject .subject-header .box-field, section.learning-plans .subject .topic .box-field { display: flex; align-items: center; margin-top: 10px; margin-bottom: 10px; } /* line 4317, app/assets/stylesheets/main.scss */ section.quiz .subject .subject-header .box, section.quiz .subject .topic .box, section.learning-plans .subject .subject-header .box, section.learning-plans .subject .topic .box { position: relative; margin-right: 10px; width: 26px; height: 26px; background-color: #fff; flex-shrink: 0; } /* line 4325, app/assets/stylesheets/main.scss */ section.quiz .subject .subject-header .box input, section.quiz .subject .topic .box input, section.learning-plans .subject .subject-header .box input, section.learning-plans .subject .topic .box input { display: block; width: 26px; height: 26px; opacity: 1; margin: 0; padding: 0; } /* line 4334, app/assets/stylesheets/main.scss */ section.quiz .subject .subject-header .box .box-background, section.quiz .subject .topic .box .box-background, section.learning-plans .subject .subject-header .box .box-background, section.learning-plans .subject .topic .box .box-background { width: 26px; height: 26px; position: absolute; top: 0; left: 0; } /* line 4342, app/assets/stylesheets/main.scss */ section.quiz .subject .subject-header .box .checkbox, section.quiz .subject .topic .box .checkbox, section.learning-plans .subject .subject-header .box .checkbox, section.learning-plans .subject .topic .box .checkbox { display: block; } /* line 4348, app/assets/stylesheets/main.scss */ section.quiz .subject .subject-header.checked .checkbox-checkmark, section.quiz .subject .topic.checked .checkbox-checkmark, section.learning-plans .subject .subject-header.checked .checkbox-checkmark, section.learning-plans .subject .topic.checked .checkbox-checkmark { opacity: 1; } /* line 4354, app/assets/stylesheets/main.scss */ section.quiz .subject .subject-header, section.learning-plans .subject .subject-header { font-weight: 600; min-height: 60px; } /* line 4358, app/assets/stylesheets/main.scss */ section.quiz .subject .subject-header .addition, section.learning-plans .subject .subject-header .addition { font-size: 16px; color: #555; font-weight: 300; } /* line 4370, app/assets/stylesheets/main.scss */ section.quiz .subject .topics, section.learning-plans .subject .topics { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; justify-content: left; } /* line 4378, app/assets/stylesheets/main.scss */ section.quiz .subject .topic, section.learning-plans .subject .topic { min-height: 72px; box-sizing: border-box; } /* line 4388, app/assets/stylesheets/main.scss */ section.quiz .subject .topic.checked, section.learning-plans .subject .topic.checked { color: #fff; background-color: #6264F4; } /* line 4393, app/assets/stylesheets/main.scss */ section.quiz .subject .topic.topic-invisible, section.learning-plans .subject .topic.topic-invisible { opacity: 0.2; } /* line 4399, app/assets/stylesheets/main.scss */ section.quiz section.league form, section.learning-plans section.league form { text-align: center; } /* line 4403, app/assets/stylesheets/main.scss */ section.quiz .center, section.learning-plans .center { display: flex; justify-content: space-around; } /* line 4409, app/assets/stylesheets/main.scss */ section.rank { padding-bottom: 30px; } /* line 4412, app/assets/stylesheets/main.scss */ section.rank .smaller { margin-left: 10px; font-size: 0.85em; } /* line 4418, app/assets/stylesheets/main.scss */ section.league { color: #000; } /* line 4421, app/assets/stylesheets/main.scss */ section.league .settings-link { text-align: right; } /* line 4425, app/assets/stylesheets/main.scss */ section.league form { margin-top: 20px; margin-bottom: 20px; } /* line 4430, app/assets/stylesheets/main.scss */ section.league table { margin: 0 auto; margin-top: 20px; } /* line 4434, app/assets/stylesheets/main.scss */ section.league table td, section.league table th { padding: 3px 10px; } /* line 4438, app/assets/stylesheets/main.scss */ section.league table .rank, section.league table .count { text-align: center; } /* line 4442, app/assets/stylesheets/main.scss */ section.league table .name { text-align: center; } /* line 4446, app/assets/stylesheets/main.scss */ section.league table .self td { border-top: 1px solid #6264F4; border-bottom: 1px solid #6264F4; } /* line 4451, app/assets/stylesheets/main.scss */ section.league table.disabled { opacity: 0.3; } /* line 4456, app/assets/stylesheets/main.scss */ section.league label { display: block; padding: 5px 0; } /* line 4461, app/assets/stylesheets/main.scss */ section.league .labels { display: flex; justify-content: space-between; padding: 10px 0; } /* line 4467, app/assets/stylesheets/main.scss */ section.league .button-bar { padding: 10px 0; } /* line 4471, app/assets/stylesheets/main.scss */ section.league .control-group.range, section.league .control-group.range .controls, section.league input.range { width: 100%; } /* line 4476, app/assets/stylesheets/main.scss */ .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } /* line 4487, app/assets/stylesheets/main.scss */ .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } /* line 4497, app/assets/stylesheets/main.scss */ .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 29px; height: 29px; padding: 5px; cursor: pointer; color: transparent; border: 0; background: transparent; } /* line 4511, app/assets/stylesheets/main.scss */ .slick-dots li button:after { font-family: 'slick'; font-size: 30px; line-height: 30px; position: absolute; top: 0; left: 0; width: 30px; height: 30px; content: '•'; text-align: center; opacity: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 4528, app/assets/stylesheets/main.scss */ .slick-dots li button:before { font-family: 'slick'; font-size: 34px; line-height: 34px; position: absolute; top: -2px; left: -2px; width: 34px; height: 34px; content: '•'; text-align: center; opacity: 1; color: #767676; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 4545, app/assets/stylesheets/main.scss */ .slick-dots li.slick-active button:after { font-family: 'slick'; font-size: 30px; line-height: 30px; position: absolute; top: 0; left: 0; width: 30px; height: 30px; content: '•'; text-align: center; opacity: 1; color: #6264F4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 4562, app/assets/stylesheets/main.scss */ .slick-dots li.slick-active button:before { font-family: 'slick'; font-size: 34px; line-height: 34px; position: absolute; top: -2px; left: -2px; width: 34px; height: 34px; content: '•'; text-align: center; opacity: 1; color: #6264F4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 4580, app/assets/stylesheets/main.scss */ section.home { padding-bottom: 50px; } /* line 4584, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon { padding-top: 100px; align-items: center; } /* line 4588, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon .text { padding-left: 50px; } /* line 4592, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon.desktop-reversed { flex-direction: row-reverse; } /* line 4593, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon.desktop-reversed .text { padding-left: 0; padding-right: 50px; } /* line 4605, app/assets/stylesheets/main.scss */ section.home .sideline.icon { width: 525px; flex-shrink: 0; } /* line 4608, app/assets/stylesheets/main.scss */ section.home .sideline.icon.see { height: 296px; } /* line 4612, app/assets/stylesheets/main.scss */ section.home .sideline.icon.understand { height: 424px; } /* line 4616, app/assets/stylesheets/main.scss */ section.home .sideline.icon.pass { height: 452px; } /* line 4622, app/assets/stylesheets/main.scss */ section.home .sideline.icon img, section.home .sideline.icon video { width: 100%; max-height: 100%; } /* line 4628, app/assets/stylesheets/main.scss */ section.home .subline { color: #6264F4; font-size: 36px; font-weight: 400; text-align: center; } /* line 4635, app/assets/stylesheets/main.scss */ section.home.quotes { padding-bottom: 150px; } /* line 4641, app/assets/stylesheets/main.scss */ section.home h1 { text-align: center; font-size: 56px; padding-top: 100px; margin: 0 auto; width: 900px; } /* line 4648, app/assets/stylesheets/main.scss */ section.home h1 b { font-weight: 500; } /* line 4652, app/assets/stylesheets/main.scss */ section.home h1 .addition { color: #b3b3b3; } /* line 4657, app/assets/stylesheets/main.scss */ section.home p { width: 700px; margin: 0 auto; size: 20px; text-align: center; font-size: 20px; } /* line 4671, app/assets/stylesheets/main.scss */ section.home .with-icon .info { color: #000; font-size: 16px; } /* line 4676, app/assets/stylesheets/main.scss */ section.home.home-business-hero { text-transform: uppercase; } /* line 4685, app/assets/stylesheets/main.scss */ section.home.home-hero { text-transform: uppercase; height: 400px; background-color: white; } /* line 4690, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header { overflow: hidden; position: relative; height: 450px; } /* line 4691, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header h1 { padding-top: 154px; margin: 0 auto; } /* line 4700, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header .loop-container { height: 450px; } /* line 4701, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header .loop-container .above-video { z-index: 3; color: white; } /* line 4707, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header .loop-container:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/assets/lines-above-video-fc341158fce5919b1ee95555396697caaee8c9e8931616401bbb06bb0e926766.svg); background-size: 5px; } /* line 4719, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header video { position: absolute; left: 0; right: 0; transform: translate(0, -50%); top: 50%; object-fit: fill; width: 100% !important; height: auto; } /* line 4731, app/assets/stylesheets/main.scss */ section.home.home-hero .above-video { position: absolute; width: 100%; text-shadow: 0px 0px 5px black; } /* line 4739, app/assets/stylesheets/main.scss */ section.home.home-business-hero .home-header { height: auto; padding-bottom: 50px; padding-top: 50px; } /* line 4744, app/assets/stylesheets/main.scss */ section.home.home-business-hero .home-header .video { display: flex; margin-top: 70px; justify-content: center; } /* line 4750, app/assets/stylesheets/main.scss */ section.home.home-business-hero .home-header .video-business { display: flex; margin-top: 70px; margin-bottom: 35px; } /* line 4755, app/assets/stylesheets/main.scss */ section.home.home-business-hero .home-header .video-business video { border-radius: 5px; } /* line 4759, app/assets/stylesheets/main.scss */ section.home.home-business-hero .home-header .video-business .video-business-inner { border-radius: 5px; width: 736px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); } /* line 4772, app/assets/stylesheets/main.scss */ section.home.home-screen-bg h1 { text-align: left; padding-top: 154px; margin: 0 auto; } /* line 4778, app/assets/stylesheets/main.scss */ section.home.home-screen-bg p { text-align: left; } /* line 4783, app/assets/stylesheets/main.scss */ section.home h2 { font-size: 36px; padding-bottom: 6px; margin-bottom: 0; } /* line 4789, app/assets/stylesheets/main.scss */ section.home .info { font-size: 16px; } /* line 4793, app/assets/stylesheets/main.scss */ section.home .with-icon { padding-top: 20px; padding-bottom: 20px; } /* line 4799, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .slick-prev, section.home .quote-cards-business .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; width: 36px; height: 95px; padding: 0; cursor: pointer; color: transparent; border: none; background: transparent; z-index: 1; } /* line 4800, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .slick-prev:hover, section.home .quote-cards-business .slick-next:hover { opacity: 0.7; } /* line 4817, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .slick-prev:before, section.home .quote-cards-business .slick-next:before { content: ""; width: 36px; height: 95px; position: absolute; transform: translate(0, -50%); background-image: url(/assets/arrow-left-7766ed5b596f4555683b58702079c52c3a372a6a785f8a54e619a7137f1f217e.svg); background-repeat: no-repeat; left: 0; } /* line 4830, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .slick-next { right: 0; } /* line 4833, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .slick-next:before { background-image: url(/assets/arrow-right-78538fa42a5731c003525fe43146249069590b9d7776625b666ee174a1f455c6.svg); background-repeat: no-repeat; } /* line 4840, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .quote-card-business .with-icon { justify-content: center; align-items: center; } /* line 4845, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .quote-card-business .icon { flex-shrink: 0; width: 222px; height: 222px; overflow: hidden; border-radius: 50%; padding: 0; margin-right: 100px; } /* line 4853, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .quote-card-business .icon img { width: 100%; height: 100%; } /* line 4861, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .quote-card-business .text { width: 350px; flex-grow: 0; flex-shrink: 0; position: relative; } /* line 4867, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .quote-card-business .text:before { position: absolute; content: ""; width: 1px; height: 164px; top: 50%; left: -50px; transform: translate(0, -50%); background-color: #979797; } /* line 4878, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .quote-card-business .text .author { font-weight: 400; font-size: 22px; } /* line 4883, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .quote-card-business .text .institute { font-size: 16px; color: #555; } /* line 4888, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .quote-card-business .text .quote { padding-top: 10px; font-size: 16px; } /* line 4897, app/assets/stylesheets/main.scss */ section.home .quote-cards { display: flex; flex-wrap: wrap; padding-top: 50px; padding-bottom: 50px; } /* line 4903, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-slide { margin: 0 30px; } /* line 4907, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-list { margin: 0 -30px; } /* line 4911, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } /* line 4922, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } /* line 4932, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 29px; height: 29px; padding: 5px; cursor: pointer; color: transparent; border: 0; background: transparent; } /* line 4946, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-dots li button:after { font-family: 'slick'; font-size: 30px; line-height: 30px; position: absolute; top: 0; left: 0; width: 30px; height: 30px; content: '•'; text-align: center; opacity: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 4963, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-dots li button:before { font-family: 'slick'; font-size: 34px; line-height: 34px; position: absolute; top: -2px; left: -2px; width: 34px; height: 34px; content: '•'; text-align: center; opacity: 1; color: #999; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 4980, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-dots li.slick-active button:after { font-family: 'slick'; font-size: 30px; line-height: 30px; position: absolute; top: 0; left: 0; width: 30px; height: 30px; content: '•'; text-align: center; opacity: 1; color: #6264F4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 4997, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-dots li.slick-active button:before { font-family: 'slick'; font-size: 34px; line-height: 34px; position: absolute; top: -2px; left: -2px; width: 34px; height: 34px; content: '•'; text-align: center; opacity: 1; color: #6264F4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 5014, app/assets/stylesheets/main.scss */ section.home .quote-cards .quote-card { height: 200px; background-color: white; color: #2a2a2a; box-sizing: border-box; padding: 40px; font-size: 16px; text-align: center; margin: 10px 0; border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; } /* line 5031, app/assets/stylesheets/main.scss */ section.home .quote-cards .quote-card .author { color: #6264F4; position: relative; padding-top: 20px; font-weight: 500; } /* line 5037, app/assets/stylesheets/main.scss */ section.home .quote-cards .quote-card .author:before { position: absolute; content: ""; width: 70px; height: 1px; top: 10px; left: 50%; transform: translate(-50%, 0); background-color: #6264F4; } /* line 5051, app/assets/stylesheets/main.scss */ section.home.with-progress { padding-bottom: 0; } /* line 5055, app/assets/stylesheets/main.scss */ section.home .with-icon.progress { padding-bottom: 0; align-items: center; } /* line 5059, app/assets/stylesheets/main.scss */ section.home .with-icon.progress > .text { padding-right: 70px; } /* line 5063, app/assets/stylesheets/main.scss */ section.home .with-icon.progress .icon { flex-shrink: 0; width: 600px; } /* line 5067, app/assets/stylesheets/main.scss */ section.home .with-icon.progress .icon .overflow-hidden { overflow-y: hidden; overflow-x: hidden; } /* line 5072, app/assets/stylesheets/main.scss */ section.home .with-icon.progress .icon .overflow-hidden .animated-progress .progress-tiles { transform: translate(0, 7%); } /* line 5080, app/assets/stylesheets/main.scss */ section.home .with-icon.progress.desktop-with-padding { padding-left: 150px; } /* line 5086, app/assets/stylesheets/main.scss */ section.home .multiscreens { height: 700px; position: relative; } /* line 5091, app/assets/stylesheets/main.scss */ section.home .multiscreens .notebook img, section.home .multiscreens .phone img, section.home .multiscreens .tablet img { width: 100%; } /* line 5096, app/assets/stylesheets/main.scss */ section.home .multiscreens .notebook { position: absolute; width: 740px; height: 391px; bottom: 0; left: 363px; } /* line 5104, app/assets/stylesheets/main.scss */ section.home .multiscreens .phone { position: absolute; width: 233px; height: 223px; bottom: 48px; left: 221px; } /* line 5112, app/assets/stylesheets/main.scss */ section.home .multiscreens .tablet { position: absolute; width: 438px; height: 377px; bottom: 76px; left: 210px; } /* line 5121, app/assets/stylesheets/main.scss */ section.home.with-multiscreens { width: 100%; overflow: hidden; } /* line 5125, app/assets/stylesheets/main.scss */ section.home.with-multiscreens h1 { padding-top: 20px; } /* line 5131, app/assets/stylesheets/main.scss */ section.uptodate { position: relative; height: 800px; width: 100%; overflow: hidden; } /* line 5137, app/assets/stylesheets/main.scss */ section.uptodate h1 { text-align: left; width: 500px; padding-right: 450px; } /* line 5143, app/assets/stylesheets/main.scss */ section.uptodate p { width: 500px; } /* line 5148, app/assets/stylesheets/main.scss */ section.uptodate .laptop-blur { position: absolute; right: 0; top: 100px; height: 593px; width: 477px; } /* line 5156, app/assets/stylesheets/main.scss */ section.uptodate .pixel-phone { position: absolute; right: 50%; bottom: 100px; height: 267px; width: 470px; } /* line 5166, app/assets/stylesheets/main.scss */ section.home.light .quote-cards .slick-dots li:not(.slick-active) button:after { color: white; } /* line 5171, app/assets/stylesheets/main.scss */ section.call-to-action { background-image: linear-gradient(291deg, #a5b4fc, #3730a3); color: white; text-align: center; font-size: 16px; font-weight: 400; padding-top: 30px; padding-bottom: 30px; } /* line 5174, app/assets/stylesheets/main.scss */ section.call-to-action.straight { background-image: linear-gradient(270deg, #a5b4fc, #3730a3); } /* line 5185, app/assets/stylesheets/main.scss */ section.call-to-action .text { padding-bottom: 20px; } /* line 5189, app/assets/stylesheets/main.scss */ section.call-to-action button.action-button { background-color: white; color: #6264F4; font-size: 18px; font-weight: 600; } /* line 5195, app/assets/stylesheets/main.scss */ section.call-to-action button.action-button:hover { color: #9293f7; } /* line 5200, app/assets/stylesheets/main.scss */ section.call-to-action.small { padding: 0; text-align: left; } /* line 5204, app/assets/stylesheets/main.scss */ section.call-to-action.small .text { padding-bottom: 0; } /* line 5210, app/assets/stylesheets/main.scss */ section.clients { text-align: center; font-size: 28px; padding-top: 30px; padding-bottom: 30px; font-weight: 400; } /* line 5217, app/assets/stylesheets/main.scss */ section.clients .icon.thanks img { height: 20px; } /* line 5221, app/assets/stylesheets/main.scss */ section.clients .icon.thanks .one-shot-video { width: 102px; height: 30px; display: inline-block; } /* line 5227, app/assets/stylesheets/main.scss */ section.clients img { max-width: 100%; } /* line 5231, app/assets/stylesheets/main.scss */ section.clients img { box-sizing: border-box; } /* line 5235, app/assets/stylesheets/main.scss */ section.clients .slider-logos { padding-top: 30px; } /* line 5239, app/assets/stylesheets/main.scss */ section.clients .slick-track { display: flex; align-items: center; justify-content: center; } /* line 5244, app/assets/stylesheets/main.scss */ section.clients .slick-track .slick-slide { box-sizing: border-box; padding: 0 20px; } /* line 5249, app/assets/stylesheets/main.scss */ section.clients .slick-track .slick-slide > div { display: flex; align-items: center; justify-content: center; } /* line 5259, app/assets/stylesheets/main.scss */ section.login .password-reset { padding-top: 30px; font-size: 16px; } /* line 5264, app/assets/stylesheets/main.scss */ section.login .form-card { border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; padding: 50px; width: 540px; margin: 15px auto; box-sizing: border-box; } /* line 5271, app/assets/stylesheets/main.scss */ section.login .form-card h1 { padding: 0; margin: 0; font-size: 28px; } /* line 5277, app/assets/stylesheets/main.scss */ section.login .form-card p { margin: 0; padding: 0; padding-bottom: 40px; } /* line 5282, app/assets/stylesheets/main.scss */ section.login .form-card p.regular { margin-top: 30px; padding: 0; } /* line 5288, app/assets/stylesheets/main.scss */ section.login .form-card .buttons { padding-top: 40px; } /* line 5294, app/assets/stylesheets/main.scss */ section.password { padding-top: 50px; padding-bottom: 50px; } /* line 5299, app/assets/stylesheets/main.scss */ section.text { padding-top: 50px; padding-bottom: 50px; } /* line 5304, app/assets/stylesheets/main.scss */ .partner { background-position: 115px 0; background-repeat: no-repeat; height: 45px; background-size: 880px 45px; } /* line 5311, app/assets/stylesheets/main.scss */ .slick-partners { padding-top: 50px; } /* line 5315, app/assets/stylesheets/main.scss */ section.progress { padding-top: 50px; padding-bottom: 50px; } /* line 5320, app/assets/stylesheets/main.scss */ section.progress h1 { font-size: 36px; } /* line 5325, app/assets/stylesheets/main.scss */ section.league { padding-top: 50px; padding-bottom: 50px; } /* line 5330, app/assets/stylesheets/main.scss */ section.league h1 { font-size: 36px; } /* line 5335, app/assets/stylesheets/main.scss */ .progress-tiles { display: flex; text-align: center; margin-left: -15px; margin-right: -15px; flex-wrap: wrap; } /* line 5349, app/assets/stylesheets/main.scss */ svg.circle-gauge-image .arc-not-seen { stroke: #f1f1f1; } /* line 5353, app/assets/stylesheets/main.scss */ svg.circle-gauge-image .arc-seen { stroke: #aaa; } /* line 5357, app/assets/stylesheets/main.scss */ svg.circle-gauge-image .arc-understood { stroke: #3D9F38; } /* line 5363, app/assets/stylesheets/main.scss */ .progress-tile { border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; margin: 15px; background-color: white; width: 255px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } /* line 5375, app/assets/stylesheets/main.scss */ .progress-tile .number { font-weight: 600; } /* line 5379, app/assets/stylesheets/main.scss */ .progress-tile .number.seen { color: #999; } /* line 5383, app/assets/stylesheets/main.scss */ .progress-tile .number.understood { color: #2f792b; } /* line 5387, app/assets/stylesheets/main.scss */ .progress-tile .number.light { font-weight: 300; } /* line 5392, app/assets/stylesheets/main.scss */ .progress-tile:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); } /* line 5396, app/assets/stylesheets/main.scss */ .progress-tile .top { height: 70px; display: flex; font-size: 18px; color: #2a2a2a; align-items: center; box-sizing: border-box; padding-left: 5px; padding-right: 5px; flex-basis: 100%; border-bottom: 1px solid #ccc; align-self: flex-start; } /* line 5409, app/assets/stylesheets/main.scss */ .progress-tile .top .text { width: 100%; text-overflow: ellipsis; overflow: hidden; } /* line 5416, app/assets/stylesheets/main.scss */ .progress-tile .circle { color: #3D9F38; position: relative; flex-basis: 30%; flex-shrink: 1; flex-grow: 0; } /* line 5429, app/assets/stylesheets/main.scss */ .progress-tile .circle .circle-gauge { padding: 10px; } /* line 5436, app/assets/stylesheets/main.scss */ .progress-tile .circle .circle-gauge img, .progress-tile .circle .circle-gauge svg { width: 100% !important; max-height: 75px; } /* line 5443, app/assets/stylesheets/main.scss */ .progress-tile .circle .percent { font-size: 27px; font-weight: normal; } /* line 5449, app/assets/stylesheets/main.scss */ .progress-tile .total { text-align: left; padding-top: 20px; font-size: 16px; padding-bottom: 20px; padding-left: 10px; box-sizing: border-box; flex-shrink: 0; } /* line 5467, app/assets/stylesheets/main.scss */ .progress-tile.done { background-color: #b1ebb0; color: #286109; border: 1px solid #80de7f; } /* line 5472, app/assets/stylesheets/main.scss */ .progress-tile.done .top { color: #286109; border-bottom: 1px solid #80de7f; } /* line 5477, app/assets/stylesheets/main.scss */ .progress-tile.done .number { color: #286109; } /* line 5480, app/assets/stylesheets/main.scss */ .progress-tile.done .number.seen { color: #286109; } /* line 5484, app/assets/stylesheets/main.scss */ .progress-tile.done .number.understood { color: #286109; } /* line 5488, app/assets/stylesheets/main.scss */ .progress-tile.done .number.light { color: #286109; } /* line 5497, app/assets/stylesheets/main.scss */ .progress-tile.done .circle .circle-gauge { padding: 3px; padding-top: 10px; padding-bottom: 10px; } /* line 5507, app/assets/stylesheets/main.scss */ .progress-tile.done .total { color: #286109; } /* line 5511, app/assets/stylesheets/main.scss */ .progress-tile.done .personal { background-color: #abe3aa; border-top: 1px solid #98dd97; } /* line 5519, app/assets/stylesheets/main.scss */ section.faq h1 { font-size: 36px; } /* line 5523, app/assets/stylesheets/main.scss */ section.faq h3 { color: #6264F4; font-weight: 500; } /* line 5529, app/assets/stylesheets/main.scss */ section.recent { padding-top: 50px; padding-bottom: 50px; } /* line 5533, app/assets/stylesheets/main.scss */ section.recent h1 { font-size: 36px; } /* line 5537, app/assets/stylesheets/main.scss */ section.recent .recent-subjects { display: flex; margin-left: -15px; margin-right: -15px; } /* line 5542, app/assets/stylesheets/main.scss */ section.recent .recent-subjects .subject { width: 255px; margin: 15px; } /* line 5546, app/assets/stylesheets/main.scss */ section.recent .recent-subjects .subject .subject-title { font-size: 16px; padding-bottom: 5px; } /* line 5552, app/assets/stylesheets/main.scss */ section.recent .recent-subjects a, section.recent .recent-subjects a:link, section.recent .recent-subjects a:visited, section.recent .recent-subjects a:active { color: white; } /* line 5556, app/assets/stylesheets/main.scss */ section.recent .recent-subjects a:hover { color: #ddd; } /* line 5560, app/assets/stylesheets/main.scss */ section.recent .recent-subjects .thumbnail { background-color: black; width: 255px; height: 144px; } /* line 5565, app/assets/stylesheets/main.scss */ section.recent .recent-subjects .thumbnail img { width: 255px; } /* line 5570, app/assets/stylesheets/main.scss */ section.recent .recent-subjects .empty { padding-top: 5px; text-align: center; color: #555; font-size: 16px; } /* line 5577, app/assets/stylesheets/main.scss */ section.recent .recent-subjects .video-title { padding-top: 5px; font-size: 16px; font-weight: 500; } /* line 5583, app/assets/stylesheets/main.scss */ section.recent .recent-subjects .video-info { font-size: 12px; color: #afafaf; } /* line 5593, app/assets/stylesheets/main.scss */ section.exam-results ul.tabs { border: 0; padding-bottom: 0; margin-bottom: 0; } /* line 5599, app/assets/stylesheets/main.scss */ section.exam-results ul.tabs a li.active { font-weight: 400; } /* line 5604, app/assets/stylesheets/main.scss */ section.exam-results ul.tabs li { margin-left: 0px; margin-right: 20px; } /* line 5611, app/assets/stylesheets/main.scss */ section.exam-results .tab-content .flex { display: flex; flex-wrap: wrap; } /* line 5617, app/assets/stylesheets/main.scss */ section.exam-results .explanations { padding-bottom: 20px; } /* line 5621, app/assets/stylesheets/main.scss */ section.exam-results .results-columns { height: 100px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: flex; justify-content: center; align-items: flex-end; } /* line 5629, app/assets/stylesheets/main.scss */ section.exam-results .results-columns .category-columns { height: 100px; margin-left: 10px; margin-right: 10px; display: flex; justify-content: center; align-items: flex-end; cursor: pointer; } /* line 5638, app/assets/stylesheets/main.scss */ section.exam-results .results-columns .category-columns:hover { background-color: #eee; } /* line 5642, app/assets/stylesheets/main.scss */ section.exam-results .results-columns .category-columns .column { width: 34px; background-color: #d2d2d2; } /* line 5648, app/assets/stylesheets/main.scss */ section.exam-results .results-columns .category-columns.active:hover { background-color: transparent; cursor: initial; } /* line 5653, app/assets/stylesheets/main.scss */ section.exam-results .results-columns .category-columns.active .column { background-image: linear-gradient(to bottom, #95dbee, #6264F4); } /* line 5656, app/assets/stylesheets/main.scss */ section.exam-results .results-columns .category-columns.active .column.one-hundred { background-color: #85e580; } /* line 5667, app/assets/stylesheets/main.scss */ section.exam-results .results-columns.small .category-columns .column { width: 10px; margin-left: 1px; margin-left: 1px; } /* line 5675, app/assets/stylesheets/main.scss */ section.exam-results .exam-data { margin-bottom: 10px; } /* line 5679, app/assets/stylesheets/main.scss */ section.exam-results .dates { display: flex; padding-top: 20px; } /* line 5683, app/assets/stylesheets/main.scss */ section.exam-results .dates .begin, section.exam-results .dates .end { padding-right: 10px; } /* line 5687, app/assets/stylesheets/main.scss */ section.exam-results .dates .begin { font-size: 16px; } /* line 5691, app/assets/stylesheets/main.scss */ section.exam-results .dates .end { font-size: 16px; } /* line 5696, app/assets/stylesheets/main.scss */ section.exam-results .last-results { display: flex; } /* line 5699, app/assets/stylesheets/main.scss */ section.exam-results .last-results .result { font-size: 16px; padding-top: 10px; flex: 1; padding-right: 10px; box-sizing: border-box; } /* line 5706, app/assets/stylesheets/main.scss */ section.exam-results .last-results .result .result-gauge-bg { background-color: #f1f1f1; border-radius: 2px; height: 15px; margin-bottom: 5px; box-sizing: border-box; } /* line 5713, app/assets/stylesheets/main.scss */ section.exam-results .last-results .result .result-gauge-bg .result-gauge { border-radius: 2px; height: 15px; background-color: #6264F4; background-image: linear-gradient(90deg, #3730a3, #a5b4fc); } /* line 5722, app/assets/stylesheets/main.scss */ section.exam-results .last-results .result .addition { font-weight: 500; } /* line 5728, app/assets/stylesheets/main.scss */ section.exam-results hr.mini { border: none; border-bottom: 1px solid #ccc; width: 30px; padding-top: 20px; } /* line 5735, app/assets/stylesheets/main.scss */ section.exam-results .results-link { padding-top: 10px; padding-bottom: 10px; } /* line 5739, app/assets/stylesheets/main.scss */ section.exam-results .results-link a { font-size: 16px; } /* line 5742, app/assets/stylesheets/main.scss */ section.exam-results .results-link a:hover { color: #9293f7; } /* line 5750, app/assets/stylesheets/main.scss */ .with-arrow.toggler .icon, .with-arrow.toggle-link .icon { padding: 0; display: flex; align-items: center; } /* line 5759, app/assets/stylesheets/main.scss */ .with-arrow.toggler:not(.target-visible) .icon, .with-arrow.toggle-link:not(.target-visible) .icon { transform: rotate(-90deg); } /* line 5764, app/assets/stylesheets/main.scss */ section.notes { padding-top: 50px; padding-bottom: 50px; } /* line 5768, app/assets/stylesheets/main.scss */ section.notes h1 { font-size: 36px; } /* line 5771, app/assets/stylesheets/main.scss */ section.notes h1 .addition { font-size: 22px; color: #555; } /* line 5777, app/assets/stylesheets/main.scss */ section.notes h2 { font-size: 22px; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 0; } /* line 5784, app/assets/stylesheets/main.scss */ section.notes .panel-body { font-size: 16px; margin-left: 24px; } /* line 5789, app/assets/stylesheets/main.scss */ section.notes .video { border-top: 1px solid #ddd; font-size: 16px; padding-top: 20px; padding-bottom: 20px; cursor: pointer; } /* line 5796, app/assets/stylesheets/main.scss */ section.notes .video.first { border-top: none; } /* line 5800, app/assets/stylesheets/main.scss */ section.notes .video a { font-weight: 400; } /* line 5803, app/assets/stylesheets/main.scss */ section.notes .video a:hover { color: #9293f7; } /* line 5810, app/assets/stylesheets/main.scss */ section.notes .topic .additions { font-size: 16px; color: #555; } /* line 5815, app/assets/stylesheets/main.scss */ section.notes .topic.first { margin-top: 20px; } /* line 5821, app/assets/stylesheets/main.scss */ section.notes .with-icon .icon:first-child { padding-right: 0; margin-right: 10px; } /* line 5827, app/assets/stylesheets/main.scss */ section.notes .panel-body { padding-bottom: 15px; } /* line 5832, app/assets/stylesheets/main.scss */ section.video-invalidations { padding-top: 50px; padding-bottom: 50px; } /* line 5837, app/assets/stylesheets/main.scss */ section.video-invalidations p .addition { color: #6264F4; } /* line 5842, app/assets/stylesheets/main.scss */ section.video-invalidations h1 { font-size: 36px; } /* line 5845, app/assets/stylesheets/main.scss */ section.video-invalidations h1 .addition { font-size: 22px; color: #555; } /* line 5851, app/assets/stylesheets/main.scss */ section.video-invalidations a, section.video-invalidations a:link, section.video-invalidations a:visited, section.video-invalidations a:active { color: white; } /* line 5855, app/assets/stylesheets/main.scss */ section.video-invalidations .list-item { padding-top: 5px; border-top: 1px solid #999; } /* line 5859, app/assets/stylesheets/main.scss */ section.video-invalidations .list-item:last-child { border-bottom: 1px solid #999; } /* line 5863, app/assets/stylesheets/main.scss */ section.video-invalidations .list-item:hover { opacity: 0.8; } /* line 5868, app/assets/stylesheets/main.scss */ section.video-invalidations .text { display: flex; flex-direction: column; justify-content: center; padding-left: 20px; } /* line 5874, app/assets/stylesheets/main.scss */ section.video-invalidations .text .path { font-size: 16px; color: #555; } /* line 5879, app/assets/stylesheets/main.scss */ section.video-invalidations .text .path .subject .topic { font-weight: 600; } /* line 5885, app/assets/stylesheets/main.scss */ section.video-invalidations .text .name { font-size: 22px; } /* line 5889, app/assets/stylesheets/main.scss */ section.video-invalidations .text .info { font-size: 12px; color: #555; } /* line 5896, app/assets/stylesheets/main.scss */ section.dashboard.hero { padding-top: 180px; padding-bottom: 50px; position: relative; } /* line 5901, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.group { align-items: center; } /* line 5905, app/assets/stylesheets/main.scss */ section.dashboard.hero .mobile-avatar { display: none; } /* line 5909, app/assets/stylesheets/main.scss */ section.dashboard.hero .content { position: relative; } /* line 5913, app/assets/stylesheets/main.scss */ section.dashboard.hero .header-image { position: absolute; top: 0; left: 0; right: 0; height: 220px; overflow: hidden; } /* line 5921, app/assets/stylesheets/main.scss */ section.dashboard.hero .header-image img { width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } /* line 5930, app/assets/stylesheets/main.scss */ section.dashboard.hero .name { font-size: 28px; color: #2a2a2a; } /* line 5936, app/assets/stylesheets/main.scss */ section.dashboard.hero .field { font-size: 16px; padding-top: 10px; color: #646464; } /* line 5943, app/assets/stylesheets/main.scss */ section.dashboard.hero .current-subscription, section.dashboard.hero .renew-subscription { font-size: 16px; color: #646464; } /* line 5948, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar { flex-wrap: wrap; } /* line 5953, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar .icon { width: 160px; height: 160px; border-radius: 50%; background-color: #eee; box-sizing: border-box; padding: 0; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); } /* line 5962, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar .icon img { border-radius: 50%; width: 158px; height: 158px; } /* line 5970, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar .text { padding-left: 30px; padding-top: 50px; } /* line 5975, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar .league { padding-top: 50px; text-align: center; } /* line 5979, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar .league .medals-wrapper-wrapper { padding-top: 15px; } /* line 5984, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar .label-logo { padding-bottom: 15px; } /* line 5990, app/assets/stylesheets/main.scss */ .intern-tooltip { position: absolute; } /* line 5995, app/assets/stylesheets/main.scss */ section.intern-dashboard section.test-questions .solution .option { width: auto; } /* line 5999, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-nav-bar { margin-top: 50px; padding: 25px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } /* line 6007, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-nav-bar h2 { font-weight: bold; font-size: 1em; padding-top: 0; margin-top: 0; text-align: center; } /* line 6017, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-nav-bar a .intern-nav-item:hover .icon { opacity: 0.5; } /* line 6021, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-nav-bar a .intern-nav-item:hover .text { opacity: 0.7; } /* line 6027, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-nav-bar .intern-nav-item { padding-bottom: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 125px; } /* line 6036, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-nav-bar .intern-nav-item .icon { width: 90px; height: 90px; padding-bottom: 10px; } /* line 6041, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-nav-bar .intern-nav-item .icon line, section.intern-dashboard .intern-nav-bar .intern-nav-item .icon rect { stroke: "#000" !important; } /* line 6045, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-nav-bar .intern-nav-item .icon img { width: 100%; } /* line 6050, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-nav-bar .intern-nav-item .text { text-align: center; height: 2em; font-size: 0.9em; } /* line 6061, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-video-header .intern-nav-bar .intern-nav-item { width: auto; } /* line 6065, app/assets/stylesheets/main.scss */ section.intern-dashboard .below-video-intern { padding: 20px; box-sizing: border-box; } /* line 6070, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-videos { max-width: 500px; margin: 0 auto; } /* line 6074, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-videos section.video-player .mediaelement, section.intern-dashboard .intern-videos section.video-player .overview-image { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: auto; } /* line 6079, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-videos section { padding-bottom: 0; margin-bottom: 0; } /* line 6084, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-videos .hr { display: flex; justify-content: center; padding-top: 100px; } /* line 6091, app/assets/stylesheets/main.scss */ section.intern-dashboard .intern-videos .video { height: 281.25px; } /* line 6098, app/assets/stylesheets/main.scss */ section.intern-dashboard-old .intern-header { height: 50vh; } /* line 6101, app/assets/stylesheets/main.scss */ section.intern-dashboard-old .intern-header h1 { text-align: center; font-size: 2em; } /* line 6110, app/assets/stylesheets/main.scss */ section.intern-dashboard-old .intern-path-station.four { transform: scale(0.5); flex-wrap: wrap; } /* line 6115, app/assets/stylesheets/main.scss */ section.intern-dashboard-old .intern-path-station-animation-image { display: none; max-width: 480px; max-height: 270px; width: 100%; height: 100%; background-color: white; overflow: hidden; } /* line 6125, app/assets/stylesheets/main.scss */ section.intern-dashboard-old .intern-path-station-animation { display: none; width: 50%; height: 360px; display: flex; align-items: center; justify-content: space-around; } /* line 6134, app/assets/stylesheets/main.scss */ section.intern-dashboard-old .intern-path-station-stop { width: 20%; border: 1px solid black; background-color: white; text-align: center; padding-bottom: 10px; } /* line 6142, app/assets/stylesheets/main.scss */ section.intern-dashboard-old .intern-path-station-animation.four { flex-basis: 50%; } /* line 6147, app/assets/stylesheets/main.scss */ .new-privacy-header { color: #333; position: absolute; top: 0; background-color: rgba(255, 255, 255, 0.9); } /* line 6154, app/assets/stylesheets/main.scss */ .new-privacy-header button { padding: 3px; font-size: 10px; } /* line 6160, app/assets/stylesheets/main.scss */ section.quiz-note { padding-bottom: 20px; } /* line 6162, app/assets/stylesheets/main.scss */ section.quiz-note .highlight { background-image: linear-gradient(276deg, #37b2ea, #14d9ca); font-weight: 600; color: white; padding: 1px 4px; border-radius: 1px; } /* line 6171, app/assets/stylesheets/main.scss */ section.grey-band { background-color: #f7f7f7; } /* line 6172, app/assets/stylesheets/main.scss */ section.grey-band .mobile-text { display: none; } /* line 6177, app/assets/stylesheets/main.scss */ section.grey-band .news .post { padding-bottom: 50px; } /* line 6178, app/assets/stylesheets/main.scss */ section.grey-band .news .post h2 { padding-top: 0; margin-top: 0; } /* line 6185, app/assets/stylesheets/main.scss */ section.grey-band .news .video { margin-top: 20px; margin-bottom: 20px; } /* line 6195, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container { display: flex; } /* line 6199, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container > .with-icon { padding-right: 5%; box-sizing: border-box; padding-top: 32px; padding-bottom: 32px; flex-basis: 33%; } /* line 6206, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container > .with-icon.toggle-link { cursor: pointer; } /* line 6209, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container > .with-icon.toggle-link:hover { opacity: 0.8; } /* line 6214, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container > .with-icon .icon { position: relative; } /* line 6220, app/assets/stylesheets/main.scss */ section.grey-band .top { font-size: 28px; color: #2a2a2a; } /* line 6225, app/assets/stylesheets/main.scss */ section.grey-band .bottom { font-size: 16px; color: #646464; } /* line 6230, app/assets/stylesheets/main.scss */ section.grey-band video { border-radius: 0.5rem; box-sizing: border-box; border: 1px solid gray; } /* line 6237, app/assets/stylesheets/main.scss */ .unread-count { position: absolute; width: 25px; height: 25px; background-color: #6264F4; color: white; text-align: center; line-height: 25px; font-size: 16px; left: 50%; top: 0; transform: translate(0px, -50%); border-radius: 50%; font-weight: 500; } /* line 6252, app/assets/stylesheets/main.scss */ .unread-count.hidden { display: none; } @media (max-width: 1200px) { /* line 6261, app/assets/stylesheets/main.scss */ .search-button { margin-right: 0; } /* line 6277, app/assets/stylesheets/main.scss */ a.hidden-anchor { position: relative; display: block; visibility: hidden; top: -60px; } /* line 6284, app/assets/stylesheets/main.scss */ section.home.home-hero { height: auto; } /* line 6287, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header .loop-container { height: 200px; } /* line 6290, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header .loop-container .above-video { top: 0; height: 200px; } /* line 6293, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header .loop-container .above-video h1 { padding-top: 67px; } /* line 6301, app/assets/stylesheets/main.scss */ section.login .form-card { width: auto; } /* line 6306, app/assets/stylesheets/main.scss */ .desktop-only { display: none !important; } /* line 6310, app/assets/stylesheets/main.scss */ ul.tabs { padding-left: 0; } /* line 6314, app/assets/stylesheets/main.scss */ body { font-size: 16px; } /* line 6319, app/assets/stylesheets/main.scss */ section.facts .large-facts, section.facts .percentage-facts { flex-direction: column; padding-bottom: 0; } /* line 6322, app/assets/stylesheets/main.scss */ section.facts .large-facts .item, section.facts .percentage-facts .item { padding-bottom: 80px; width: auto; } /* line 6330, app/assets/stylesheets/main.scss */ section.home .subline { font-size: 28px; } /* line 6334, app/assets/stylesheets/main.scss */ section.home h1 { width: auto; font-size: 28px; padding-top: 50px; } /* line 6341, app/assets/stylesheets/main.scss */ section.home.first h1 { padding-top: 0px; } /* line 6345, app/assets/stylesheets/main.scss */ section.home.first .content { padding-left: 10px; } /* line 6350, app/assets/stylesheets/main.scss */ section.home h2 { font-size: 22px; } /* line 6354, app/assets/stylesheets/main.scss */ section.home p { width: auto; font-size: 16px; } /* line 6360, app/assets/stylesheets/main.scss */ section.home .with-icon.progress { flex-direction: column-reverse; } /* line 6363, app/assets/stylesheets/main.scss */ section.home .with-icon.progress.desktop-with-padding { padding-left: 0; } /* line 6367, app/assets/stylesheets/main.scss */ section.home .with-icon.progress .text { padding: 0; padding-bottom: 50px; } /* line 6372, app/assets/stylesheets/main.scss */ section.home .with-icon.progress .progress-tile .text { padding-bottom: 0; } /* line 6376, app/assets/stylesheets/main.scss */ section.home .with-icon.progress div.icon { padding: 0; width: 600px; transform: scale(0.75); margin-top: 0px; display: flex; justify-content: center; } /* line 6385, app/assets/stylesheets/main.scss */ section.home .with-icon.progress div.icon .overflow-hidden .animated-progress .progress-tiles { transform: none; } /* line 6392, app/assets/stylesheets/main.scss */ section.home .sidelines { width: auto; } /* line 6395, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon { padding-top: 30px; flex-direction: column-reverse; } /* line 6399, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon .icon { height: auto; padding: 0; } /* line 6404, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon .text { padding: 0; } /* line 6409, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon.desktop-reversed { flex-direction: column-reverse; } /* line 6412, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon.desktop-reversed .icon { padding: 0; } /* line 6416, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon.desktop-reversed .text { padding: 0; } /* line 6421, app/assets/stylesheets/main.scss */ section.home .sidelines .sideline { max-width: 525px; width: 100%; } /* line 6427, app/assets/stylesheets/main.scss */ section.home .multiscreens { transform: scale(0.4); margin-left: -200px; height: 350px; margin-bottom: -100px; } /* line 6434, app/assets/stylesheets/main.scss */ section.home.with-progress { margin-bottom: 0; } /* line 6437, app/assets/stylesheets/main.scss */ section.home.with-progress h1 { padding-top: 50px; } /* line 6443, app/assets/stylesheets/main.scss */ section.home.home-screen-bg h1 { padding: 0; text-align: center; } /* line 6448, app/assets/stylesheets/main.scss */ section.home.home-screen-bg p { text-align: center; } /* line 6454, app/assets/stylesheets/main.scss */ section.uptodate { padding-top: 50px; height: 500px; overflow: hidden; } /* line 6459, app/assets/stylesheets/main.scss */ section.uptodate .laptop-blur { width: 200px; height: 200px; top: 300px; } /* line 6462, app/assets/stylesheets/main.scss */ section.uptodate .laptop-blur img { width: 200px; height: 200px; } /* line 6469, app/assets/stylesheets/main.scss */ section.uptodate .pixel-phone { transform: scale(0.7); right: 109px; bottom: 0; } /* line 6475, app/assets/stylesheets/main.scss */ section.uptodate p { padding: 0; text-align: center; } /* line 6480, app/assets/stylesheets/main.scss */ section.uptodate h1 { text-align: center; } /* line 6485, app/assets/stylesheets/main.scss */ section.uptodate .with-icon .icon { display: none; } /* line 6491, app/assets/stylesheets/main.scss */ section.services { padding-bottom: 50px; } /* line 6494, app/assets/stylesheets/main.scss */ section.services h1 { padding-top: 50px; } /* line 6497, app/assets/stylesheets/main.scss */ section.services .advantages { display: block; width: auto; padding-top: 50px; } /* line 6503, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business .advantage { width: auto; padding: 10px; } /* line 6507, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business .advantage .icon { float: none; } /* line 6511, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business .advantage .text, section.services .advantages.advantages-business .advantage h2 { padding-left: 0; text-align: center; } /* line 6519, app/assets/stylesheets/main.scss */ section.services .advantages .advantage { width: auto; height: auto; } /* line 6523, app/assets/stylesheets/main.scss */ section.services .advantages .advantage .icon { float: left; } /* line 6528, app/assets/stylesheets/main.scss */ section.services .advantages .advantage h3, section.services .advantages .advantage h2, section.services .advantages .advantage .text { padding-left: 90px; text-align: left; } /* line 6533, app/assets/stylesheets/main.scss */ section.services .advantages .advantage h2 { height: auto; } /* line 6540, app/assets/stylesheets/main.scss */ section.services h1 { font-size: 28px; } /* line 6544, app/assets/stylesheets/main.scss */ section.services .punchline { width: auto; font-size: 16px; } /* line 6551, app/assets/stylesheets/main.scss */ section.quotes:not(.business-quotes) { padding-bottom: 50px; } /* line 6555, app/assets/stylesheets/main.scss */ section.quotes:not(.business-quotes) h1 { padding-top: 50px; } /* line 6561, app/assets/stylesheets/main.scss */ section.clients img { height: auto; } /* line 6565, app/assets/stylesheets/main.scss */ section.clients .partner { background-position: unset; background-size: contain; } /* line 6570, app/assets/stylesheets/main.scss */ section.clients .slick-track .slick-slide { padding: 0 2em; } /* line 6575, app/assets/stylesheets/main.scss */ body > footer.lp { height: auto; position: relative; padding-top: 20px; padding-bottom: 20px; } /* line 6576, app/assets/stylesheets/main.scss */ body > footer.lp .content { flex-direction: column-reverse; } /* line 6585, app/assets/stylesheets/main.scss */ body > footer.lp .social { text-align: center; padding: 50px; } /* line 6588, app/assets/stylesheets/main.scss */ body > footer.lp .social .title { display: none; } /* line 6593, app/assets/stylesheets/main.scss */ body > footer.lp .contact { padding-top: 50px; } /* line 6597, app/assets/stylesheets/main.scss */ body > footer.lp .navigation { padding-top: 50px; padding-bottom: 50px; } /* line 6603, app/assets/stylesheets/main.scss */ #page { padding-bottom: 0; } /* line 6609, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header { height: auto; } /* line 6612, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header video { position: relative; top: 0; transform: none; } /* line 6621, app/assets/stylesheets/main.scss */ section.quotes.business-quotes { padding-bottom: 0; } /* line 6624, app/assets/stylesheets/main.scss */ section.quotes.business-quotes .with-icon { flex-direction: column; align-items: center; } /* line 6628, app/assets/stylesheets/main.scss */ section.quotes.business-quotes .with-icon .icon { margin: 0 auto; } /* line 6632, app/assets/stylesheets/main.scss */ section.quotes.business-quotes .with-icon .text { width: auto; padding-top: 80px; } /* line 6636, app/assets/stylesheets/main.scss */ section.quotes.business-quotes .with-icon .text:before { position: absolute; content: ""; width: 50%; height: 1px; top: 40px; left: 50%; transform: translate(-50%, 0); background-color: #979797; } /* line 6651, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .slick-next, section.home .quote-cards-business .slick-prev { top: 159px; width: 18px; height: 47px; } /* line 6656, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .slick-next:before, section.home .quote-cards-business .slick-prev:before { width: 18px; height: 47px; background-size: 18px 47px; } /* line 6665, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact { padding-bottom: 50px; } /* line 6668, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact .advantage { padding-top: 20px; padding-bottom: 20px; width: auto; flex-direction: column; } /* line 6674, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact .advantage .icon { float: none; } /* line 6678, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact .advantage h2, section.services .advantages.advantages-business-contact .advantage .text { padding-left: 0; text-align: center; } /* line 6687, app/assets/stylesheets/main.scss */ section.prices .prices-list { display: none; } /* line 6691, app/assets/stylesheets/main.scss */ section.prices .slick-prices-list { display: block; } /* line 6694, app/assets/stylesheets/main.scss */ section.prices .slick-prices-list .price { padding-bottom: 50px; margin: 0; margin-top: 20px; margin-bottom: 20px; } /* line 6701, app/assets/stylesheets/main.scss */ section.prices .slick-prices-list .slick-dots { bottom: 20px; } /* line 6706, app/assets/stylesheets/main.scss */ section.prices h1 { font-size: 28px; } /* line 6710, app/assets/stylesheets/main.scss */ section.prices .punchline { font-size: 16px; width: auto; } /* line 6716, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-dots { bottom: 30px; } /* line 6720, app/assets/stylesheets/main.scss */ .tile-mode-links { display: none; } /* line 6833, app/assets/stylesheets/main.scss */ section.video-player .video, section.video-player .overview-image { width: 100% !important; } /* line 6834, app/assets/stylesheets/main.scss */ section.video-player .video img, section.video-player .overview-image img { width: 100%; } /* line 6840, app/assets/stylesheets/main.scss */ section.video-player .video video, section.video-player .overview-image video { width: 100% !important; } /* line 6844, app/assets/stylesheets/main.scss */ section.video-player .video .video-inner, section.video-player .overview-image .video-inner { width: 100%; } /* line 6850, app/assets/stylesheets/main.scss */ section.test-questions .solution .option { width: auto; } /* line 6854, app/assets/stylesheets/main.scss */ section.test-questions .target { width: auto; } /* line 6858, app/assets/stylesheets/main.scss */ section.content-questions .faqs-and-ask { display: block; } /* line 6860, app/assets/stylesheets/main.scss */ section.content-questions .faqs-and-ask .faqs, section.content-questions .faqs-and-ask .ask { width: auto; } /* line 6863, app/assets/stylesheets/main.scss */ section.content-questions .faqs-and-ask .faqs .buttons, section.content-questions .faqs-and-ask .ask .buttons { display: block; } /* line 6869, app/assets/stylesheets/main.scss */ .modal { transform: none; left: 5px; top: 5px; right: 5px; bottom: 5px; width: auto; height: auto; } /* line 6878, app/assets/stylesheets/main.scss */ .modal header { height: auto; } /* line 6882, app/assets/stylesheets/main.scss */ .modal.notes-modal header { display: none; } /* line 6886, app/assets/stylesheets/main.scss */ .modal .modal-content { top: 100px; } /* line 6889, app/assets/stylesheets/main.scss */ .modal .modal-content.modal-content-notes { top: 0; } /* line 6902, app/assets/stylesheets/main.scss */ section.test-questions .quiz-question { width: auto; padding: 0; padding-top: 10px; } /* line 6910, app/assets/stylesheets/main.scss */ section.test-questions .solution.answered .option:after { display: none; } /* line 6925, app/assets/stylesheets/main.scss */ section.quiz .question .text .with-icon { flex-direction: column; } /* line 6931, app/assets/stylesheets/main.scss */ section.quiz .subjects { width: auto; } /* line 6935, app/assets/stylesheets/main.scss */ section.quiz h1 { width: auto; font-size: 28px; } /* line 6940, app/assets/stylesheets/main.scss */ section.quiz p { width: auto; font-size: 16px; } /* line 6946, app/assets/stylesheets/main.scss */ section.quiz.end h1 { width: auto; font-size: 28px; } /* line 6951, app/assets/stylesheets/main.scss */ section.quiz.end p { width: auto; font-size: 16px; } /* line 6956, app/assets/stylesheets/main.scss */ section.quiz.end .buttons { padding: 10px; } /* line 6958, app/assets/stylesheets/main.scss */ section.quiz.end .buttons button { width: 100%; } /* line 6965, app/assets/stylesheets/main.scss */ section.dashboard.hero { padding-top: 37px; } /* line 6968, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.group { flex-direction: column-reverse; align-items: flex-start; } /* line 6972, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.group .icon { align-self: flex-end; padding-top: 20px; } /* line 6976, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.group .icon:last-child { padding-left: 0; } /* line 6982, app/assets/stylesheets/main.scss */ section.dashboard.hero .header-image { height: 100px; } /* line 6987, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar .icon { display: none; } /* line 6991, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar .text { padding-left: 0; } /* line 6996, app/assets/stylesheets/main.scss */ section.dashboard.hero .mobile-avatar { display: block; width: 90px; height: 90px; border-radius: 50%; background-color: #eee; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); padding: 0; } /* line 7006, app/assets/stylesheets/main.scss */ section.dashboard.hero .mobile-avatar img { width: 90px; height: 90px; border-radius: 50%; } /* line 7016, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container > .with-icon .top { font-size: 24px; } /* line 7020, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container > .with-icon .bottom { font-size: 12px; } /* line 7081, app/assets/stylesheets/main.scss */ section.league h1 { font-size: 28px; } /* line 7087, app/assets/stylesheets/main.scss */ section.progress h1 { font-size: 28px; } /* line 7091, app/assets/stylesheets/main.scss */ section.progress .progress-tiles { padding-bottom: 20px; } /* line 7094, app/assets/stylesheets/main.scss */ section.progress .progress-tiles .progress-tile-link { min-width: 220px; width: 30%; margin-left: 1.6666%; margin-right: 1.6666%; margin-bottom: 30px; } /* line 7095, app/assets/stylesheets/main.scss */ section.progress .progress-tiles .progress-tile-link .progress-tile { width: auto; margin: 0; height: 100%; } /* line 7112, app/assets/stylesheets/main.scss */ section.exam h1 { font-size: 28px; } /* line 7115, app/assets/stylesheets/main.scss */ section.exam ul.tabs { font-size: 16px; } /* line 7121, app/assets/stylesheets/main.scss */ section.exam-results .tab-content { width: 100%; } /* line 7123, app/assets/stylesheets/main.scss */ section.exam-results .tab-content .flex { width: 100%; flex-direction: column; } /* line 7127, app/assets/stylesheets/main.scss */ section.exam-results .tab-content .flex .exam { margin: 20px auto; } /* line 7135, app/assets/stylesheets/main.scss */ section.recent h1 { font-size: 28px; } /* line 7141, app/assets/stylesheets/main.scss */ section.notes h1 { font-size: 28px; } /* line 7147, app/assets/stylesheets/main.scss */ section.video-invalidations h1 { font-size: 28px; } /* line 7152, app/assets/stylesheets/main.scss */ section.video-invalidations .with-icon .icon { width: 50%; box-sizing: border-box; flex-grow: 0; flex-shrink: 0; } /* line 7158, app/assets/stylesheets/main.scss */ section.video-invalidations .with-icon .icon img { width: 100%; } /* line 7164, app/assets/stylesheets/main.scss */ section.video-invalidations .path { position: absolute; left: 0; bottom: 100%; transform: translate(0, 45px); } /* line 7171, app/assets/stylesheets/main.scss */ section.video-invalidations .list-item { border: none; position: relative; padding-top: 50px; margin-bottom: 20px; } /* line 7178, app/assets/stylesheets/main.scss */ section.video-invalidations .text { justify-content: flex-start; padding-left: 5px; padding-top: 5px; } /* line 7183, app/assets/stylesheets/main.scss */ section.video-invalidations .text .name { font-size: 16px; font-weight: 500; } /* line 7201, app/assets/stylesheets/main.scss */ section.register-form.review form { width: auto; } /* line 7206, app/assets/stylesheets/main.scss */ section.register-form .tariff { flex-direction: col; } /* line 7209, app/assets/stylesheets/main.scss */ section.register-form .payment-options { flex-direction: column; width: auto; } /* line 7213, app/assets/stylesheets/main.scss */ section.register-form .payment-options .option { width: auto; } /* line 7219, app/assets/stylesheets/main.scss */ section.register-form h1 { font-size: 28px; } /* line 7220, app/assets/stylesheets/main.scss */ section.register-form h1.top { text-align: center; } /* line 7226, app/assets/stylesheets/main.scss */ section.register-form h1 .addition { font-size: 16px; } /* line 7232, app/assets/stylesheets/main.scss */ .button-bar { width: 100%; } /* line 7234, app/assets/stylesheets/main.scss */ .button-bar button { margin-top: 10px; margin-bottom: 10px; } /* line 7241, app/assets/stylesheets/main.scss */ nav#nav { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.25s linear; position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 0; right: 0; bottom: 0; width: 100%; z-index: 10; height: auto; } /* line 7242, app/assets/stylesheets/main.scss */ nav#nav .items { width: 300px; background-color: #fff; position: relative; height: 100%; transform: translate(-100%, 0); transition: transform 0.25s; display: block; } /* line 7252, app/assets/stylesheets/main.scss */ nav#nav .items.visible { transform: translate(0, 0); } /* line 7256, app/assets/stylesheets/main.scss */ nav#nav .mobile-only { display: block; } /* line 7259, app/assets/stylesheets/main.scss */ nav#nav .mobile-only hr { border: none; border-bottom: 1px solid #ccc; width: 100px; margin-top: 50px; margin-left: 20px; } /* line 7267, app/assets/stylesheets/main.scss */ nav#nav .mobile-only a { position: relative; } /* line 7287, app/assets/stylesheets/main.scss */ nav#nav.visible { visibility: visible; opacity: 1; } /* line 7292, app/assets/stylesheets/main.scss */ nav#nav a { display: block; } /* line 7296, app/assets/stylesheets/main.scss */ nav#nav a.highlight span:before { top: 50%; left: 40%; transform: translate(-50%, -50%); } /* line 7303, app/assets/stylesheets/main.scss */ nav#nav a.active { border-bottom: none; border-left: 3px solid #6264F4; font-weight: 400; } /* line 7309, app/assets/stylesheets/main.scss */ nav#nav a.active span:after { display: none; } /* line 7316, app/assets/stylesheets/main.scss */ nav#nav span { display: block; padding: 20px; font-size: 22px; } /* line 7322, app/assets/stylesheets/main.scss */ nav#nav .unread-count { left: auto; top: 50%; right: 30px; } /* line 7329, app/assets/stylesheets/main.scss */ .hamburger { display: block; width: 50px; height: 50px; background-size: 50px 50px; background-position: center center; background: url(/assets/hamburger-7ef1e010781d1ac0dcdc0d749a4a5b28a3c5f4ff1f5c1ba22122ce6d9e2f76f4.svg); background-repeat: no-repeat; position: relative; } /* line 7339, app/assets/stylesheets/main.scss */ .hamburger .unread-count { left: auto; right: -5px; top: 15px; } } @media (max-width: 810px) { /* line 7352, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer input, .register-form form .control-group.integer select, .register-form form .control-group.integer .fake-input, .register-form form .control-group.string input, .register-form form .control-group.string select, .register-form form .control-group.string .fake-input, .register-form form .control-group.select input, .register-form form .control-group.select select, .register-form form .control-group.select .fake-input, .register-form form .control-group.email input, .register-form form .control-group.email select, .register-form form .control-group.email .fake-input, .register-form form .control-group.password input, .register-form form .control-group.password select, .register-form form .control-group.password .fake-input, .register-form form .control-group.tel input, .register-form form .control-group.tel select, .register-form form .control-group.tel .fake-input { width: 381px !important; } } @media (max-width: 1200px) { /* line 7363, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element { min-width: 220px; width: 30%; margin-left: 1.6666%; margin-right: 1.6666%; } /* line 7377, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject { min-width: 220px; width: 30%; margin-left: 1.6666%; margin-right: 1.6666%; margin-bottom: 15px; } /* line 7378, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject .tile-video { width: auto; margin: 0; } /* line 7390, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link { margin-top: 15px; margin-bottom: 15px; min-width: 220px; width: 30%; margin-left: 1.6666%; margin-right: 1.6666%; } /* line 7394, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link .tile { width: auto; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } /* line 7407, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link .thumbnail { width: auto; height: auto; } /* line 7413, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video { min-width: 220px; width: 30%; margin-left: 1.6666%; margin-right: 1.6666%; } /* line 7419, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .thumbnail { width: auto; height: auto; } } @media (max-width: 740px) { /* line 7431, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element { width: 44%; margin-left: 3%; margin-right: 3%; } /* line 7441, app/assets/stylesheets/main.scss */ section.progress .progress-tiles .progress-tile-link { width: 44%; margin-left: 3%; margin-right: 3%; } /* line 7443, app/assets/stylesheets/main.scss */ section.progress .progress-tiles .progress-tile-link .progress-tile { width: auto; margin: 0; } /* line 7456, app/assets/stylesheets/main.scss */ section.tiles-list h1 { font-size: 24px; } /* line 7458, app/assets/stylesheets/main.scss */ section.tiles-list h1 .addition { font-size: 18px; } /* line 7466, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject { width: 44%; margin-left: 3%; margin-right: 3%; } /* line 7468, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject .tile-video { width: auto; margin: 0; } /* line 7478, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link { width: 44%; margin-left: 3%; margin-right: 3%; } /* line 7480, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link .tile { width: auto; margin-left: 0; margin-right: 0; } /* line 7490, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link .thumbnail { width: auto; height: auto; } /* line 7496, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video { width: 44%; margin-left: 3%; margin-right: 3%; } /* line 7501, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .thumbnail { width: auto; height: auto; } } @media (max-width: 510px) { /* line 7513, app/assets/stylesheets/main.scss */ section.exam .exams .exam-dashboard-element { width: 92%; margin-left: 4%; margin-right: 4%; } /* line 7523, app/assets/stylesheets/main.scss */ section.progress .progress-tiles .progress-tile-link { width: 92%; margin-left: 4%; margin-right: 4%; } /* line 7524, app/assets/stylesheets/main.scss */ section.progress .progress-tiles .progress-tile-link .progress-tile { width: auto; margin: 0; } /* line 7543, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject { width: 92%; margin-left: 4%; margin-right: 4%; } /* line 7544, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video-with-subject .tile-video { width: auto; margin: 0; } /* line 7554, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link { margin-top: 0; width: 92%; margin-left: 4%; margin-right: 4%; } /* line 7557, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link .tile { width: auto; min-height: 91px; margin-left: 0; margin-right: 0; margin-bottom: 0; margin-top: 0; } /* line 7570, app/assets/stylesheets/main.scss */ section.tiles-list .tile-link .thumbnail { width: auto; height: auto; } /* line 7576, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video { width: 92%; margin-left: 4%; margin-right: 4%; flex-direction: row-reverse; margin-bottom: 0; flex-wrap: wrap; } /* line 7584, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .contents { padding-top: 10px; } /* line 7588, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .thumbnail { height: auto; width: 33%; overflow: hidden; box-sizing: border-box; border-bottom: none; border-left: 1px solid #ccc; } /* line 7596, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .thumbnail img { border-top-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } /* line 7603, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .title { flex-grow: 0; width: 67%; } /* line 7608, app/assets/stylesheets/main.scss */ section.tiles-list .tile-video .state .icon svg { display: block; } } @media (max-width: 500px) { /* line 7617, app/assets/stylesheets/main.scss */ section.clients { display: none; } /* line 7621, app/assets/stylesheets/main.scss */ section.login { padding: 0; } /* line 7624, app/assets/stylesheets/main.scss */ section.login .form-card { padding: 20px; } /* line 7627, app/assets/stylesheets/main.scss */ section.login .form-card p { padding-bottom: 0; } /* line 7641, app/assets/stylesheets/main.scss */ a.hidden-anchor { position: relative; display: block; visibility: hidden; top: -60px; } /* line 7648, app/assets/stylesheets/main.scss */ section.home.home-hero { height: auto; } /* line 7651, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header .loop-container { height: 200px; } /* line 7654, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header .loop-container .above-video { top: 0; height: 200px; } /* line 7657, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header .loop-container .above-video h1 { padding-top: 67px; } /* line 7665, app/assets/stylesheets/main.scss */ section.login .form-card { width: auto; } /* line 7670, app/assets/stylesheets/main.scss */ .desktop-only { display: none !important; } /* line 7674, app/assets/stylesheets/main.scss */ ul.tabs { padding-left: 0; } /* line 7678, app/assets/stylesheets/main.scss */ body { font-size: 16px; } /* line 7683, app/assets/stylesheets/main.scss */ section.facts .large-facts, section.facts .percentage-facts { flex-direction: column; padding-bottom: 0; } /* line 7686, app/assets/stylesheets/main.scss */ section.facts .large-facts .item, section.facts .percentage-facts .item { padding-bottom: 80px; width: auto; } /* line 7694, app/assets/stylesheets/main.scss */ section.home .subline { font-size: 28px; } /* line 7698, app/assets/stylesheets/main.scss */ section.home h1 { width: auto; font-size: 28px; padding-top: 50px; } /* line 7705, app/assets/stylesheets/main.scss */ section.home.first h1 { padding-top: 0px; } /* line 7710, app/assets/stylesheets/main.scss */ section.home h2 { font-size: 22px; } /* line 7714, app/assets/stylesheets/main.scss */ section.home p { width: auto; font-size: 16px; } /* line 7720, app/assets/stylesheets/main.scss */ section.home .with-icon.progress { flex-direction: column-reverse; } /* line 7723, app/assets/stylesheets/main.scss */ section.home .with-icon.progress .text { padding: 0; padding-bottom: 50px; } /* line 7728, app/assets/stylesheets/main.scss */ section.home .with-icon.progress .progress-tile .text { padding-bottom: 0; } /* line 7732, app/assets/stylesheets/main.scss */ section.home .with-icon.progress .icon { padding: 0; width: 600px; transform: scale(0.75); margin-left: 150px; margin-top: 0px; } /* line 7739, app/assets/stylesheets/main.scss */ section.home .with-icon.progress .icon .overflow-hidden .animated-progress .progress-tiles { transform: none; } /* line 7746, app/assets/stylesheets/main.scss */ section.home .sidelines { width: auto; } /* line 7749, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon { padding-top: 30px; flex-direction: column-reverse; } /* line 7753, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon .icon { padding: 0; } /* line 7757, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon .text { padding: 0; } /* line 7762, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon.desktop-reversed { flex-direction: column-reverse; } /* line 7765, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon.desktop-reversed .icon { padding: 0; } /* line 7769, app/assets/stylesheets/main.scss */ section.home .sidelines .with-icon.desktop-reversed .text { padding: 0; } /* line 7774, app/assets/stylesheets/main.scss */ section.home .sidelines .sideline { width: 100%; max-width: 525px; } /* line 7780, app/assets/stylesheets/main.scss */ section.home .multiscreens { transform: scale(0.4); margin-left: -200px; height: 350px; margin-bottom: -100px; } /* line 7787, app/assets/stylesheets/main.scss */ section.home.with-progress { margin-bottom: 0; } /* line 7789, app/assets/stylesheets/main.scss */ section.home.with-progress h1 { padding-top: 50px; } /* line 7795, app/assets/stylesheets/main.scss */ section.home.home-screen-bg h1 { padding: 0; text-align: center; } /* line 7800, app/assets/stylesheets/main.scss */ section.home.home-screen-bg p { text-align: center; } /* line 7806, app/assets/stylesheets/main.scss */ section.uptodate { padding-top: 50px; height: 500px; } /* line 7810, app/assets/stylesheets/main.scss */ section.uptodate .laptop-blur { width: 200px; height: 200px; top: 300px; } /* line 7816, app/assets/stylesheets/main.scss */ section.uptodate .pixel-phone { transform: scale(0.7); right: 0; bottom: 0; } /* line 7822, app/assets/stylesheets/main.scss */ section.uptodate p { padding: 0; text-align: center; } /* line 7827, app/assets/stylesheets/main.scss */ section.uptodate h1 { text-align: center; } /* line 7832, app/assets/stylesheets/main.scss */ section.uptodate .with-icon .icon { display: none; } /* line 7838, app/assets/stylesheets/main.scss */ section.services { padding-bottom: 50px; } /* line 7841, app/assets/stylesheets/main.scss */ section.services h1 { padding-top: 50px; } /* line 7844, app/assets/stylesheets/main.scss */ section.services .advantages { display: block; width: auto; padding-top: 50px; } /* line 7850, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business .advantage { width: auto; padding: 10px; } /* line 7854, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business .advantage .icon { float: none; } /* line 7858, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business .advantage .text, section.services .advantages.advantages-business .advantage h2 { padding-left: 0; text-align: center; } /* line 7866, app/assets/stylesheets/main.scss */ section.services .advantages .advantage { width: auto; height: auto; } /* line 7870, app/assets/stylesheets/main.scss */ section.services .advantages .advantage .icon { float: left; padding-top: 20px; } /* line 7875, app/assets/stylesheets/main.scss */ section.services .advantages .advantage h2, section.services .advantages .advantage .text { padding-left: 90px; text-align: left; } /* line 7883, app/assets/stylesheets/main.scss */ section.services h1 { font-size: 28px; } /* line 7887, app/assets/stylesheets/main.scss */ section.services .punchline { width: auto; font-size: 16px; } /* line 7894, app/assets/stylesheets/main.scss */ section.quotes:not(.business-quotes) { padding-bottom: 50px; } /* line 7898, app/assets/stylesheets/main.scss */ section.quotes:not(.business-quotes) h1 { padding-top: 50px; } /* line 7905, app/assets/stylesheets/main.scss */ section.clients .partner { background-position: unset; background-size: contain; } /* line 7910, app/assets/stylesheets/main.scss */ section.clients .slick-track .slick-slide { padding: 0 10px; } /* line 7915, app/assets/stylesheets/main.scss */ body > footer.lp { height: auto; position: relative; padding-top: 20px; padding-bottom: 20px; } /* line 7916, app/assets/stylesheets/main.scss */ body > footer.lp .content { flex-direction: column-reverse; } /* line 7925, app/assets/stylesheets/main.scss */ body > footer.lp .social { text-align: center; padding: 50px; } /* line 7928, app/assets/stylesheets/main.scss */ body > footer.lp .social .title { display: none; } /* line 7933, app/assets/stylesheets/main.scss */ body > footer.lp .navigation { padding-top: 50px; padding-bottom: 50px; } /* line 7939, app/assets/stylesheets/main.scss */ #page { padding-bottom: 0; } /* line 7945, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header { height: auto; } /* line 7948, app/assets/stylesheets/main.scss */ section.home.home-hero .home-header video { position: relative; top: 0; transform: none; } /* line 7957, app/assets/stylesheets/main.scss */ section.quotes.business-quotes { padding-bottom: 0; } /* line 7960, app/assets/stylesheets/main.scss */ section.quotes.business-quotes .with-icon { flex-direction: column; align-items: center; } /* line 7964, app/assets/stylesheets/main.scss */ section.quotes.business-quotes .with-icon .icon { margin: 0 auto; } /* line 7968, app/assets/stylesheets/main.scss */ section.quotes.business-quotes .with-icon .text { width: auto; padding-top: 80px; } /* line 7972, app/assets/stylesheets/main.scss */ section.quotes.business-quotes .with-icon .text:before { position: absolute; content: ""; width: 50%; height: 1px; top: 40px; left: 50%; transform: translate(-50%, 0); background-color: #979797; } /* line 7987, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .slick-next, section.home .quote-cards-business .slick-prev { top: 159px; width: 18px; height: 47px; } /* line 7992, app/assets/stylesheets/main.scss */ section.home .quote-cards-business .slick-next:before, section.home .quote-cards-business .slick-prev:before { width: 18px; height: 47px; background-size: 18px 47px; } /* line 8001, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact { padding-bottom: 50px; } /* line 8004, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact .advantage { padding-top: 20px; padding-bottom: 20px; width: auto; flex-direction: column; } /* line 8010, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact .advantage .icon { float: none; } /* line 8014, app/assets/stylesheets/main.scss */ section.services .advantages.advantages-business-contact .advantage h2, section.services .advantages.advantages-business-contact .advantage .text { padding-left: 0; text-align: center; } /* line 8023, app/assets/stylesheets/main.scss */ section.prices .prices-list { display: none; } /* line 8027, app/assets/stylesheets/main.scss */ section.prices .slick-prices-list { display: block; } /* line 8030, app/assets/stylesheets/main.scss */ section.prices .slick-prices-list .price { padding-bottom: 50px; } /* line 8034, app/assets/stylesheets/main.scss */ section.prices .slick-prices-list .slick-dots { bottom: 20px; } /* line 8039, app/assets/stylesheets/main.scss */ section.prices h1 { font-size: 28px; } /* line 8043, app/assets/stylesheets/main.scss */ section.prices .punchline { font-size: 16px; width: auto; } /* line 8049, app/assets/stylesheets/main.scss */ section.home .quote-cards .slick-dots { bottom: 30px; } /* line 8053, app/assets/stylesheets/main.scss */ .tile-mode-links { display: none; } /* line 8144, app/assets/stylesheets/main.scss */ section.video-player .video { width: 100% !important; } /* line 8147, app/assets/stylesheets/main.scss */ section.video-player .video video { width: 100% !important; } /* line 8154, app/assets/stylesheets/main.scss */ section.test-questions .solution .option { width: auto; } /* line 8158, app/assets/stylesheets/main.scss */ section.content-questions .faqs-and-ask { display: block; } /* line 8160, app/assets/stylesheets/main.scss */ section.content-questions .faqs-and-ask .faqs, section.content-questions .faqs-and-ask .ask { width: auto; } /* line 8163, app/assets/stylesheets/main.scss */ section.content-questions .faqs-and-ask .faqs .buttons, section.content-questions .faqs-and-ask .ask .buttons { display: block; } /* line 8169, app/assets/stylesheets/main.scss */ .modal { transform: none; left: 5px; top: 5px; right: 5px; bottom: 5px; width: auto; height: auto; } /* line 8178, app/assets/stylesheets/main.scss */ .modal header { height: auto; } /* line 8182, app/assets/stylesheets/main.scss */ .modal .modal-content { top: 100px; } /* line 8188, app/assets/stylesheets/main.scss */ section.test-questions .quiz-question { width: auto; padding: 0; padding-top: 10px; } /* line 8196, app/assets/stylesheets/main.scss */ section.test-questions .solution.answered .option:after { display: none; } /* line 8211, app/assets/stylesheets/main.scss */ section.quiz .question .text .with-icon { flex-direction: column; } /* line 8217, app/assets/stylesheets/main.scss */ section.quiz .subjects { width: auto; } /* line 8221, app/assets/stylesheets/main.scss */ section.quiz h1 { width: auto; font-size: 28px; } /* line 8226, app/assets/stylesheets/main.scss */ section.quiz p { width: auto; font-size: 16px; } /* line 8232, app/assets/stylesheets/main.scss */ section.quiz.end h1 { width: auto; font-size: 28px; } /* line 8237, app/assets/stylesheets/main.scss */ section.quiz.end p { width: auto; font-size: 16px; } /* line 8242, app/assets/stylesheets/main.scss */ section.quiz.end .buttons { padding: 10px; } /* line 8244, app/assets/stylesheets/main.scss */ section.quiz.end .buttons button { width: 100%; } /* line 8251, app/assets/stylesheets/main.scss */ section.dashboard.hero { padding-top: 37px; } /* line 8254, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.group { flex-direction: column-reverse; align-items: flex-start; } /* line 8258, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.group .icon { align-self: flex-end; padding-top: 20px; } /* line 8262, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.group .icon:last-child { padding-left: 0; } /* line 8268, app/assets/stylesheets/main.scss */ section.dashboard.hero .header-image { height: 100px; } /* line 8273, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar .icon { display: none; } /* line 8277, app/assets/stylesheets/main.scss */ section.dashboard.hero .with-icon.avatar .text { padding-left: 0; } /* line 8282, app/assets/stylesheets/main.scss */ section.dashboard.hero .mobile-avatar { display: block; width: 90px; height: 90px; border-radius: 50%; background-color: #eee; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); padding: 0; } /* line 8292, app/assets/stylesheets/main.scss */ section.dashboard.hero .mobile-avatar img { width: 90px; height: 90px; border-radius: 50%; } /* line 8301, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container { flex-direction: column; } /* line 8305, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container > .with-icon { flex-basis: 100%; padding-top: 15px; padding-bottom: 15px; font-size: 0.9em; align-items: center; } /* line 8312, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container > .with-icon .top { font-size: 24px; } /* line 8316, app/assets/stylesheets/main.scss */ section.grey-band .grey-band-container > .with-icon .bottom { font-size: 12px; } /* line 8357, app/assets/stylesheets/main.scss */ section.league h1 { font-size: 28px; } /* line 8363, app/assets/stylesheets/main.scss */ section.progress h1 { font-size: 28px; } /* line 8369, app/assets/stylesheets/main.scss */ section.exam h1 { font-size: 28px; } /* line 8372, app/assets/stylesheets/main.scss */ section.exam ul.tabs { font-size: 16px; } /* line 8378, app/assets/stylesheets/main.scss */ section.exam-results .tab-content { width: 100%; } /* line 8380, app/assets/stylesheets/main.scss */ section.exam-results .tab-content .flex { width: 100%; flex-direction: column; } /* line 8384, app/assets/stylesheets/main.scss */ section.exam-results .tab-content .flex .exam { margin: 20px auto; } /* line 8392, app/assets/stylesheets/main.scss */ section.recent h1 { font-size: 28px; } /* line 8398, app/assets/stylesheets/main.scss */ section.notes h1 { font-size: 28px; } /* line 8404, app/assets/stylesheets/main.scss */ section.video-invalidations h1 { font-size: 28px; } /* line 8409, app/assets/stylesheets/main.scss */ section.video-invalidations .with-icon .icon { width: 50%; box-sizing: border-box; flex-grow: 0; flex-shrink: 0; } /* line 8415, app/assets/stylesheets/main.scss */ section.video-invalidations .with-icon .icon img { width: 100%; } /* line 8421, app/assets/stylesheets/main.scss */ section.video-invalidations .path { position: absolute; left: 0; bottom: 100%; transform: translate(0, 45px); } /* line 8428, app/assets/stylesheets/main.scss */ section.video-invalidations .list-item { border: none; position: relative; padding-top: 50px; margin-bottom: 20px; } /* line 8435, app/assets/stylesheets/main.scss */ section.video-invalidations .text { justify-content: flex-start; padding-left: 5px; padding-top: 5px; } /* line 8440, app/assets/stylesheets/main.scss */ section.video-invalidations .text .name { font-size: 16px; font-weight: 500; } /* line 8449, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer, .register-form form .control-group.string, .register-form form .control-group.select, .register-form form .control-group.email, .register-form form .control-group.password, .register-form form .control-group.tel { width: 100%; } /* line 8452, app/assets/stylesheets/main.scss */ .register-form form .control-group.integer .controls, .register-form form .control-group.integer input, .register-form form .control-group.integer select, .register-form form .control-group.integer .fake-input, .register-form form .control-group.string .controls, .register-form form .control-group.string input, .register-form form .control-group.string select, .register-form form .control-group.string .fake-input, .register-form form .control-group.select .controls, .register-form form .control-group.select input, .register-form form .control-group.select select, .register-form form .control-group.select .fake-input, .register-form form .control-group.email .controls, .register-form form .control-group.email input, .register-form form .control-group.email select, .register-form form .control-group.email .fake-input, .register-form form .control-group.password .controls, .register-form form .control-group.password input, .register-form form .control-group.password select, .register-form form .control-group.password .fake-input, .register-form form .control-group.tel .controls, .register-form form .control-group.tel input, .register-form form .control-group.tel select, .register-form form .control-group.tel .fake-input { width: 100% !important; } /* line 8459, app/assets/stylesheets/main.scss */ section.register-form .payment-options { flex-direction: column; width: auto; } /* line 8463, app/assets/stylesheets/main.scss */ section.register-form .payment-options .option { width: auto; } /* line 8469, app/assets/stylesheets/main.scss */ section.register-form h1 { font-size: 28px; } /* line 8470, app/assets/stylesheets/main.scss */ section.register-form h1.top { text-align: center; } /* line 8476, app/assets/stylesheets/main.scss */ section.register-form h1 .addition { font-size: 16px; } /* line 8482, app/assets/stylesheets/main.scss */ .button-bar { width: 100%; } /* line 8484, app/assets/stylesheets/main.scss */ .button-bar button { margin-top: 10px; margin-bottom: 10px; } } /* line 8493, app/assets/stylesheets/main.scss */ .dashboard .default-avatar { position: relative; } /* line 8497, app/assets/stylesheets/main.scss */ .dashboard .default-avatar div:after { position: absolute; width: 50%; bottom: 10%; left: 50%; transform: translate(-50%, 0); text-align: center; color: black; content: "Zum ändern klicke hier!"; } /* line 8571, app/assets/stylesheets/main.scss */ section.careers { padding-top: 0; padding-bottom: 0; } /* line 8572, app/assets/stylesheets/main.scss */ section.careers h1 { margin-bottom: 20px; } /* line 8580, app/assets/stylesheets/main.scss */ section.careers.home-business-hero p { margin-top: 20px; margin-bottom: 20px; text-transform: none; } /* line 8587, app/assets/stylesheets/main.scss */ section.careers .toggle-link { padding-top: 25px; padding-bottom: 25px; } /* line 8592, app/assets/stylesheets/main.scss */ section.careers h2 { padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0; font-weight: 500; } /* line 8600, app/assets/stylesheets/main.scss */ section.careers .toggle-link { cursor: pointer; } /* line 8603, app/assets/stylesheets/main.scss */ section.careers .toggle-link:hover { opacity: 0.8; } /* line 8609, app/assets/stylesheets/main.scss */ section.careers .with-icon .text { padding-left: 10px; } /* line 8614, app/assets/stylesheets/main.scss */ section.careers.home.home-business-hero .home-header .video { margin-top: 60px; } /* line 8618, app/assets/stylesheets/main.scss */ section.careers.home.home-business-hero .home-header h1 { margin-bottom: 35px; } /* line 8623, app/assets/stylesheets/main.scss */ section.careers .description { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } /* line 8629, app/assets/stylesheets/main.scss */ section.careers .description .col { width: 545px; box-sizing: border-box; margin: 10px; } /* line 8635, app/assets/stylesheets/main.scss */ section.careers .description .col.card-container { display: flex; justify-content: space-around; align-items: center; } /* line 8641, app/assets/stylesheets/main.scss */ section.careers .description .col .buttons { clear: both; display: flex; justify-content: space-around; align-items: center; padding-top: 20px; } /* line 8649, app/assets/stylesheets/main.scss */ section.careers .description .col .buttons .text { align-items: center; color: #414141; padding-left: 10px; display: flex; } /* line 8656, app/assets/stylesheets/main.scss */ section.careers .description .col .buttons .text .addition { font-size: 0.9em; } /* line 8661, app/assets/stylesheets/main.scss */ section.careers .description .col .buttons .icon { width: 50px; height: 50px; } /* line 8665, app/assets/stylesheets/main.scss */ section.careers .description .col .buttons .icon img { width: 100%; height: 100%; } /* line 8672, app/assets/stylesheets/main.scss */ section.careers .description .col .card { background-color: #eee; padding: 25px; } /* line 8676, app/assets/stylesheets/main.scss */ section.careers .description .col .card h3 { padding-top: 0; margin-top: 0; font-size: 1em; font-weight: bold; } /* line 8683, app/assets/stylesheets/main.scss */ section.careers .description .col .card .photo { background-color: white; width: 100px; height: 100px; float: right; border-radius: 50%; } /* line 8689, app/assets/stylesheets/main.scss */ section.careers .description .col .card .photo img { width: 100%; height: 100%; border-radius: 50%; } /* line 8696, app/assets/stylesheets/main.scss */ section.careers .description .col .card .phone, section.careers .description .col .card .mail { margin-bottom: 10px; } /* line 8704, app/assets/stylesheets/main.scss */ section.team { padding-bottom: 0px; overflow: hidden; } /* line 8708, app/assets/stylesheets/main.scss */ section.team .quote-cards { margin-bottom: 250px; } /* line 8713, app/assets/stylesheets/main.scss */ section.team .quote-cards-team .slick-prev, section.team .quote-cards-team .slick-next { font-size: 0; line-height: 0; position: absolute; top: 80px; width: 36px; height: 95px; padding: 0; cursor: pointer; color: transparent; border: none; background: transparent; z-index: 1; } /* line 8714, app/assets/stylesheets/main.scss */ section.team .quote-cards-team .slick-prev:hover, section.team .quote-cards-team .slick-next:hover { opacity: 0.7; } /* line 8731, app/assets/stylesheets/main.scss */ section.team .quote-cards-team .slick-prev:before, section.team .quote-cards-team .slick-next:before { content: ""; width: 36px; height: 95px; position: absolute; transform: translate(0, -50%); background-image: url(/assets/arrow-left-7766ed5b596f4555683b58702079c52c3a372a6a785f8a54e619a7137f1f217e.svg); background-repeat: no-repeat; left: 0; } /* line 8744, app/assets/stylesheets/main.scss */ section.team .quote-cards-team .slick-next { right: 0; } /* line 8747, app/assets/stylesheets/main.scss */ section.team .quote-cards-team .slick-next:before { background-image: url(/assets/arrow-right-78538fa42a5731c003525fe43146249069590b9d7776625b666ee174a1f455c6.svg); background-repeat: no-repeat; } /* line 8754, app/assets/stylesheets/main.scss */ section.team .large-facts { padding-top: 0; } /* line 8757, app/assets/stylesheets/main.scss */ section.team .large-facts .counter svg { width: 86px; height: 86px; margin-top: 13px; } /* line 8764, app/assets/stylesheets/main.scss */ section.team h1 { font-size: 56px; margin-top: 0; text-align: center; } /* line 8770, app/assets/stylesheets/main.scss */ section.team h1:last-child { margin-top: 75px; margin-bottom: 0; padding-bottom: 0; } /* line 8776, app/assets/stylesheets/main.scss */ section.team .team-member { display: flex; flex-direction: column; align-items: center; } /* line 8783, app/assets/stylesheets/main.scss */ section.team .photo { width: 240px; height: 240px; margin: 2px; cursor: pointer; position: relative; } /* line 8790, app/assets/stylesheets/main.scss */ section.team .photo img { border-radius: 50%; width: 100%; height: 100%; opacity: 0.3; } /* line 8798, app/assets/stylesheets/main.scss */ section.team .photo.inactive img { opacity: 0.3; } /* line 8803, app/assets/stylesheets/main.scss */ section.team .photo.active { z-index: 1; } /* line 8804, app/assets/stylesheets/main.scss */ section.team .photo.active img { opacity: 1; } /* line 8812, app/assets/stylesheets/main.scss */ section.team .quote { box-sizing: border-box; text-align: center; opacity: 0; padding: 20px; width: 400px; height: 300px; top: 100%; left: 0; margin-top: 3px; font-size: 16px; } /* line 8824, app/assets/stylesheets/main.scss */ section.team .quote.visible { opacity: 1; } /* line 8828, app/assets/stylesheets/main.scss */ section.team .quote .name { font-size: 20px; font-weight: 600; } /* line 8832, app/assets/stylesheets/main.scss */ section.team .quote .name .additions { font-weight: 300; color: #555; } /* line 8839, app/assets/stylesheets/main.scss */ section.team .team-member-wrapper.active { z-index: 1; } /* line 8840, app/assets/stylesheets/main.scss */ section.team .team-member-wrapper.active .quote { opacity: 1; } /* line 8844, app/assets/stylesheets/main.scss */ section.team .team-member-wrapper.active img { opacity: 1; } /* line 8852, app/assets/stylesheets/main.scss */ section.register-form.calculator .control-group { width: 100%; } /* line 8854, app/assets/stylesheets/main.scss */ section.register-form.calculator .control-group input { width: 100%; } /* line 8857, app/assets/stylesheets/main.scss */ section.register-form.calculator .control-group .controls { width: 100%; } /* line 8863, app/assets/stylesheets/main.scss */ section.all-careers { padding-top: 50px; } /* line 8869, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.date label.control-label, section.cancellation-form .control-group.radio_buttons label.control-label { pointer-events: none; display: block; font-size: 14px; font-weight: 500; left: 10px; top: 24px; } /* line 8879, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.date.field_with_hint span, section.cancellation-form .control-group.radio_buttons.field_with_hint span { display: block; font-size: 12px; } /* line 8886, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.date.error, section.cancellation-form .control-group.radio_buttons.error { color: black; } /* line 8889, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.date.error span, section.cancellation-form .control-group.radio_buttons.error span { display: block; } /* line 8894, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.date.error span.help-inline, section.cancellation-form .control-group.radio_buttons.error span.help-inline { font-size: 12px; } /* line 8898, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.date.error span.help-inline:before, section.cancellation-form .control-group.radio_buttons.error span.help-inline:before { content: none; } /* line 8905, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.radio_buttons .controls { display: block; } /* line 8908, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.radio_buttons .controls span.radio { display: block; margin-top: 20px; } /* line 8916, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.text label.control-label { pointer-events: none; display: block; font-size: 14px; font-weight: 500; left: 10px; top: 24px; } /* line 8925, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.text .controls { display: block; position: relative; box-sizing: border-box; width: 736px; margin-top: 50px; } /* line 8932, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.text .controls textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 300; color: #414141; width: 100%; height: 200px; box-sizing: border-box; font-size: 16px; } /* line 8944, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.text.field_with_hint span { display: block; font-size: 12px; } /* line 8956, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.text.error textarea { border: 1px solid red; } /* line 8967, app/assets/stylesheets/main.scss */ section.careers-form .control-group.file .controls { display: block; position: relative; } /* line 8972, app/assets/stylesheets/main.scss */ section.careers-form .control-group.file.error span { font-size: 12px; position: absolute; left: 0; bottom: -20px; } /* line 8986, app/assets/stylesheets/main.scss */ section.careers-form .control-group.text .controls { display: block; padding: 10px; position: relative; border: 1px solid #d1d1d1; border-radius: 2px; box-sizing: border-box; width: 736px; height: 200px; } /* line 8996, app/assets/stylesheets/main.scss */ section.careers-form .control-group.text .controls textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 300; color: #414141; border: none; width: 100%; height: 100%; box-sizing: border-box; resize: none; font-size: 16px; } /* line 9010, app/assets/stylesheets/main.scss */ section.careers-form .control-group.text.error span { font-size: 12px; position: absolute; left: 0; bottom: -20px; } /* line 9018, app/assets/stylesheets/main.scss */ section.careers-form .control-group.text.error .controls { border: 1px solid red; } @media (max-width: 1200px) { /* line 9028, app/assets/stylesheets/main.scss */ section.careers .description .col { width: 100%; } /* line 9032, app/assets/stylesheets/main.scss */ section.careers-form .control-group.text { width: 100%; } /* line 9035, app/assets/stylesheets/main.scss */ section.careers-form .control-group.text .controls { width: 100%; } /* line 9040, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.text { width: 100%; } /* line 9043, app/assets/stylesheets/main.scss */ section.cancellation-form .control-group.text .controls { width: 100%; } } @media (max-width: 500px) { /* line 9051, app/assets/stylesheets/main.scss */ section.careers .description .col .card { padding: 5px; } } /* line 9056, app/assets/stylesheets/main.scss */ .ui-tooltip { border: 1px solid #ccc; background-color: white; color: black; padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } /* line 9066, app/assets/stylesheets/main.scss */ .invitation-card { text-align: center; } /* line 9069, app/assets/stylesheets/main.scss */ .invitation-card img { width: 90%; max-height: 75%; cursor: pointer; } /* line 9075, app/assets/stylesheets/main.scss */ .invitation-card button { margin: 20px; } /* line 9079, app/assets/stylesheets/main.scss */ .invitation-card .all { width: 90%; margin: 0 auto; } /* line 9085, app/assets/stylesheets/main.scss */ .invitation-cards { margin-top: 100px; } /* line 9088, app/assets/stylesheets/main.scss */ .invitation-cards .slick-track { display: flex; align-items: center; } /* line 9093, app/assets/stylesheets/main.scss */ .invitation-cards .slick-prev, .invitation-cards .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; width: 36px; height: 95px; padding: 0; cursor: pointer; color: transparent; border: none; background: transparent; z-index: 1; transform: translate(0, -50%); } /* line 9094, app/assets/stylesheets/main.scss */ .invitation-cards .slick-prev:hover, .invitation-cards .slick-next:hover { opacity: 0.7; } /* line 9113, app/assets/stylesheets/main.scss */ .invitation-cards .slick-prev:before, .invitation-cards .slick-next:before { content: ""; width: 36px; height: 95px; position: absolute; transform: translate(0, -50%); background-image: url(/assets/arrow-left-bold-2a0c6db9bcbe0ce656da07e6729621729a10f21ee5bdb78a2388550285664f77.svg); background-repeat: no-repeat; left: 0; } /* line 9124, app/assets/stylesheets/main.scss */ .invitation-cards .slick-prev.slick-disabled, .invitation-cards .slick-next.slick-disabled { opacity: 0; } /* line 9130, app/assets/stylesheets/main.scss */ .invitation-cards .slick-next { right: 0; } /* line 9133, app/assets/stylesheets/main.scss */ .invitation-cards .slick-next:before { background-image: url(/assets/arrow-right-bold-3f88dae8c9c971c4097cce551fa0397c793d9c79cae3356c1b75a1e7f9fa77fb.svg); background-repeat: no-repeat; } /* line 9141, app/assets/stylesheets/main.scss */ section.faq .toggle-link { cursor: pointer; } /* line 9142, app/assets/stylesheets/main.scss */ section.faq .toggle-link h3 { padding: 0; margin: 0; } /* line 9149, app/assets/stylesheets/main.scss */ section.faq .toggle-link:hover h3 { color: #7a7cf6; } /* line 9156, app/assets/stylesheets/main.scss */ section.faq .faq { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } /* line 9163, app/assets/stylesheets/main.scss */ .medals-wrapper { display: inline-block; } /* line 9167, app/assets/stylesheets/main.scss */ .medals { display: flex; width: 120px; } /* line 9171, app/assets/stylesheets/main.scss */ .medals .medal { display: flex; flex-direction: column; align-items: center; flex-basis: 33.3%; } /* line 9177, app/assets/stylesheets/main.scss */ .medals .medal .middle svg { height: 50px; } /* line 9183, app/assets/stylesheets/main.scss */ section.league .center, section.rank .center { text-align: center; } @media (max-width: 1200px) { /* line 9188, app/assets/stylesheets/main.scss */ section.register-form.search-form { padding-right: 0; } } /* line 9193, app/assets/stylesheets/main.scss */ .navigation-filters { padding-top: 20px; } /* line 9197, app/assets/stylesheets/main.scss */ .navigation-filters a { margin-left: 20px; } /* line 9201, app/assets/stylesheets/main.scss */ .navigation-filters .active { font-weight: bold; } /* line 9205, app/assets/stylesheets/main.scss */ .navigation-filters .navigation-filters-line { margin-bottom: 10px; } /* line 9210, app/assets/stylesheets/main.scss */ .download-notes-button { padding-top: 20px; display: flex; justify-content: flex-end; } /* line 9216, app/assets/stylesheets/main.scss */ .vjs-ptv { color: #000; background-color: transparent; } /* line 9221, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-poster { height: auto; box-sizing: border-box; background-color: transparent; background-size: cover; } /* Change the border of the big play button. */ /* line 9231, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-big-play-button { border-color: #fff; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); width: 3em; height: 3em; line-height: 3em; color: #fff; font-size: 3em; } /* line 9244, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-control-bar { background-color: #fff; opacity: 0.95; border: 1px solid #eee; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } /* line 9252, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-button { padding: 0; background: none; } /* line 9257, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-button:hover { background: none; color: #555; } /* line 9263, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-slider { background-color: #eee; } /* line 9267, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-load-progress { background-color: #ccc; } /* line 9270, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-load-progress div { background: none; } /* line 9275, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-play-progress { background-color: #6264F4; } /* line 9279, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-marker { top: -0.1em; bottom: -0.1em; height: auto; } /* line 9285, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-time-control { font-weight: bold; } /* line 9289, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-current-time { display: block; } /* line 9293, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-remaining-time { display: none; } /* line 9297, app/assets/stylesheets/main.scss */ .vjs-ptv li.vjs-menu-item { background-color: #fff; color: #000; position: relative; } /* line 9302, app/assets/stylesheets/main.scss */ .vjs-ptv li.vjs-menu-item.vjs-selected { font-weight: bold; } /* line 9306, app/assets/stylesheets/main.scss */ .vjs-ptv li.vjs-menu-item:hover { background-color: #f1f1f1; color: #000; } /* line 9312, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-volume-level { background-color: #6264F4; } /* line 9320, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-menu-item-text { text-transform: none; } /* line 9324, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-tip { display: none; } /* line 9328, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-control-bar { z-index: 1; } /* line 9332, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-button.vjs-widescreen-button { display: none; } /* line 9337, app/assets/stylesheets/main.scss */ .possibly-wide-player .vjs-ptv .vjs-button.vjs-widescreen-button { margin-top: 1px; display: block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='14'%3E%3Cpath d='M 20.999859,1.9037185 V 12.109058 c 0,0.349227 -0.08518,0.666514 -0.255532,0.951859 C 20.573972,13.346262 20.341863,13.574112 20.048,13.744466 19.754137,13.914821 19.436852,14 19.096141,14 H 1.9037185 C 1.5630082,14 1.2457219,13.914818 0.9518593,13.744466 0.6579967,13.574112 0.4258878,13.346262 0.2555327,13.060917 0.0851776,12.775572 0,12.458285 0,12.109058 V 1.9037185 C 0,1.5630082 0.085178,1.2457219 0.2555327,0.9518593 0.4258878,0.6579967 0.6579967,0.4258878 0.9518593,0.2555327 1.2457219,0.0851776 1.5630082,0 1.9037185,0 H 19.096141 c 0.340711,0 0.657996,0.085178 0.951859,0.2555327 0.293863,0.1703551 0.525972,0.402464 0.696327,0.6963266 0.170354,0.2938626 0.255532,0.6111489 0.255532,0.9518592 z M 19.096141,1.8909415 H 1.9037185 V 12.121835 H 19.096141 Z' style='stroke-width:1' /%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } /* line 9347, app/assets/stylesheets/main.scss */ .possibly-wide-player .vjs-fullscreen.vjs-ptv .vjs-button.vjs-widescreen-button { display: none; } @media (max-width: 1024px) { /* line 9354, app/assets/stylesheets/main.scss */ .possibly-wide-player .vjs-ptv .vjs-button.vjs-widescreen-button { display: none; } } /* line 9360, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-button.vjs-subtitles-button, .vjs-ptv .vjs-button.vjs-subs-caps-button { display: none; } /* line 9364, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-button.vjs-subtitles-custom-button { margin-top: 1px; display: block; background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='m 7.5025368,6.9840834 v 3.9720596 c 0,0.78104 -0.5439928,1.340228 -1.3979704,1.340228 -0.8570166,0 -1.3979704,-0.559188 -1.3979704,-1.340228 V 6.9840834 H 3.5791025 v 4.0662706 c 0,1.337189 1.0028918,2.251948 2.5254639,2.251948 1.516494,0 2.5254639,-0.914759 2.5254639,-2.251948 V 6.9840834 Z' style='fill:%23666666;fill-opacity:1' /%3E%3Cpath d='m 9.5842869,7.929233 h 1.9237291 v 5.278858 h 1.118376 V 7.929233 h 1.923729 V 6.9840834 H 9.5842869 Z' style='fill:%23666666;fill-opacity:1' /%3E%3Cpath d='m 18,4.903718 v 10.20534 c 0,0.349227 -0.07301,0.666514 -0.219029,0.951859 -0.14602,0.285345 -0.344972,0.513195 -0.596856,0.683549 C 16.932231,16.914821 16.66027,17 16.368231,17 H 1.6317696 C 1.3397303,17 1.0677688,16.914818 0.81588487,16.744466 0.56400095,16.574112 0.36504913,16.346262 0.2190295,16.060917 0.07300986,15.775572 0,15.458285 0,15.109058 V 4.903718 C 0,4.563008 0.0730102,4.245722 0.2190295,3.951859 0.36504913,3.657997 0.56400095,3.425888 0.81588487,3.255533 1.0677688,3.085178 1.3397303,3 1.6317696,3 H 16.368231 c 0.292039,0 0.564,0.08518 0.815884,0.255533 0.251884,0.170355 0.450836,0.402464 0.596856,0.696326 C 17.92699,4.245722 18,4.563008 18,4.903718 Z M 16.368231,4.890938 H 1.6317696 V 15.121835 H 16.368231 Z' style='fill:%23666666;stroke-width:0.999998' /%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } /* line 9374, app/assets/stylesheets/main.scss */ .subtitles-on .vjs-ptv .vjs-button.vjs-subtitles-custom-button { background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='m 18,4.903718 v 10.20534 c 0,0.349227 -0.07301,0.666514 -0.219029,0.951859 -0.14602,0.285345 -0.344972,0.513195 -0.596856,0.683549 C 16.932231,16.914821 16.66027,17 16.368231,17 H 1.6317696 C 1.3397303,17 1.0677688,16.914818 0.81588487,16.744466 0.56400095,16.574112 0.36504913,16.346262 0.2190295,16.060917 0.07300986,15.775572 0,15.458285 0,15.109058 V 4.903718 C 0,4.563008 0.0730102,4.245722 0.2190295,3.951859 0.36504913,3.657997 0.56400095,3.425888 0.81588487,3.255533 1.0677688,3.085178 1.3397303,3 1.6317696,3 H 16.368231 c 0.292039,0 0.564,0.08518 0.815884,0.255533 0.251884,0.170355 0.450836,0.402464 0.596856,0.696326 C 17.92699,4.245722 18,4.563008 18,4.903718 Z M 16.368231,4.890938 H 1.6317696 V 15.121835 H 16.368231 Z' style='stroke-width:0.999998'%0A/%3E%3Crect style='fill:%2331739e;fill-opacity:1;stroke-width:4.46088;stroke-linecap:round' id='rect2228' width='18' height='1.8' x='0' y='18.200001' rx='0.89999998' ry='0.89999998' /%3E%3Cpath d='m 7.5025368,6.9840834 v 3.9720596 c 0,0.78104 -0.5439928,1.340228 -1.3979704,1.340228 -0.8570166,0 -1.3979704,-0.559188 -1.3979704,-1.340228 V 6.9840834 H 3.5791025 v 4.0662706 c 0,1.337189 1.0028918,2.251948 2.5254639,2.251948 1.516494,0 2.5254639,-0.914759 2.5254639,-2.251948 V 6.9840834 Z' style='fill:%23000000' /%3E%3Cpath d='m 9.5842869,7.929233 h 1.9237291 v 5.278858 h 1.118376 V 7.929233 h 1.923729 V 6.9840834 H 9.5842869 Z' style='fill:%23000000' /%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } @media (max-width: 360px) { /* line 9383, app/assets/stylesheets/main.scss */ .vjs-ptv .vjs-picture-in-picture-control { display: none; } } /* line 9388, app/assets/stylesheets/main.scss */ section.search-form-visible { padding-bottom: 9; } /* line 9391, app/assets/stylesheets/main.scss */ section.search-form-visible form { display: flex; margin-top: 30px; } /* line 9396, app/assets/stylesheets/main.scss */ section.search-form-visible form .control-group.string { flex-grow: 1; margin-top: 0; } /* line 9400, app/assets/stylesheets/main.scss */ section.search-form-visible form .control-group.string #search-form-input-field-visible { width: 100% !important; margin-top: 0; } /* line 9432, app/assets/stylesheets/main.scss */ .footer-app { padding-bottom: 150px; padding-top: 150px; } /* line 9433, app/assets/stylesheets/main.scss */ .footer-app ul { list-style-type: none; padding: 0; margin: 0; text-align: center; } /* line 9439, app/assets/stylesheets/main.scss */ .footer-app ul a, .footer-app ul a:link, .footer-app ul a:visited, .footer-app ul a:hover { text-decoration: none; } /* line 9442, app/assets/stylesheets/main.scss */ .footer-app ul a li, .footer-app ul a:link li, .footer-app ul a:visited li, .footer-app ul a:hover li { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #ccc; } /* line 9449, app/assets/stylesheets/main.scss */ .footer-app ul a:last-child li { border-bottom: 1px solid #ccc; } @media (max-width: 786px) { /* line 9460, app/assets/stylesheets/main.scss */ section.quiz .subject .topic { width: 100%; } } /* line 9466, app/assets/stylesheets/main.scss */ .certificate-preview img { box-shadow: 0px 0px 10px #ccc; margin-top: 20px; margin-bottom: 20px; } /* line 9472, app/assets/stylesheets/main.scss */ .certificate-preview:hover img { box-shadow: 0px 0px 10px #999; } /* line 9478, app/assets/stylesheets/main.scss */ .learning-switch-section h1 { font-size: 2em; text-align: center; } /* line 9484, app/assets/stylesheets/main.scss */ .learning-switch { margin-top: 50px; margin-bottom: 150px; display: flex; flex-wrap: nowrap; justify-content: space-around; display: flex; } /* line 9492, app/assets/stylesheets/main.scss */ .learning-switch a, .learning-switch a:link, .learning-switch a:visited, .learning-switch a:hover { text-decoration: none; color: black; } /* line 9499, app/assets/stylesheets/main.scss */ .learning-switch .learning-switch-box { border: 1px solid #6264F4; flex: 1 1 0px; margin: 10px; padding: 10px; border-radius: 5px; } /* line 9506, app/assets/stylesheets/main.scss */ .learning-switch .learning-switch-box:hover, .learning-switch .learning-switch-box:active { opacity: 0.8; } /* line 9519, app/assets/stylesheets/main.scss */ .learning-switch .text { padding-right: 10px; } /* line 9523, app/assets/stylesheets/main.scss */ .learning-switch .text-image-button { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } /* line 9530, app/assets/stylesheets/main.scss */ .learning-switch .image { text-align: center; } /* line 9536, app/assets/stylesheets/main.scss */ .learning-switch .image img { max-width: 75%; max-height: 200px; } /* line 9541, app/assets/stylesheets/main.scss */ .learning-switch button { margin: 10px; } @media (max-width: 786px) { /* line 9547, app/assets/stylesheets/main.scss */ .learning-switch { flex-wrap: wrap; margin: 10px; } /* line 9551, app/assets/stylesheets/main.scss */ .learning-switch .learning-switch-box { flex: 0 0 100%; } } /* line 9557, app/assets/stylesheets/main.scss */ .learning-path-section-header { padding-bottom: 0px; margin-bottom: 0px; } /* line 9560, app/assets/stylesheets/main.scss */ .learning-path-section-header .icon { height: 1em; width: auto; } /* line 9564, app/assets/stylesheets/main.scss */ .learning-path-section-header .icon svg { height: 100%; } /* line 9569, app/assets/stylesheets/main.scss */ .learning-path-section-header .text { flex-grow: 0; } /* line 9574, app/assets/stylesheets/main.scss */ .recommended-learning-time-section { padding-top: 5px; padding-bottom: 0.83em; } /* line 9581, app/assets/stylesheets/main.scss */ .user-messages-wrapper .note { margin-bottom: 10px; font-size: 0.9em; } /* line 9585, app/assets/stylesheets/main.scss */ .user-messages-wrapper .note.alert { color: red; } /* line 9592, app/assets/stylesheets/main.scss */ .user-message { margin-top: 30px; margin-bottom: 30px; } /* line 9596, app/assets/stylesheets/main.scss */ .user-message .with-icon { align-items: center; margin-top: 3px; margin-bottom: 3px; } /* line 9601, app/assets/stylesheets/main.scss */ .user-message .with-icon div.icon:last-child { padding-left: 0; margin-left: 10px; } /* line 9608, app/assets/stylesheets/main.scss */ .user-message .avatar { width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; } /* line 9614, app/assets/stylesheets/main.scss */ .user-message .avatar img { width: 40px; height: 40px; border-radius: 50%; } /* line 9622, app/assets/stylesheets/main.scss */ .user-message .author-name { font-weight: 500; } /* line 9626, app/assets/stylesheets/main.scss */ .user-message .date { margin-top: 3px; font-size: 0.85em; } /* line 9636, app/assets/stylesheets/main.scss */ .user-message .message p:first-child { padding-top: 0; margin-top: 0; } /* line 9641, app/assets/stylesheets/main.scss */ .user-message .message p:last-child { padding-bottom: 0; margin-bottom: 0; } /* line 9647, app/assets/stylesheets/main.scss */ .user-message.user-message-sent { margin-left: 15px; } /* line 9650, app/assets/stylesheets/main.scss */ .user-message.user-message-sent .metadata { text-align: right; } /* line 9659, app/assets/stylesheets/main.scss */ .user-message.user-message-received { margin-right: 15px; } /* line 9668, app/assets/stylesheets/main.scss */ .user-message.user-message-received .with-icon { flex-direction: row-reverse; } /* line 9671, app/assets/stylesheets/main.scss */ .user-message.user-message-received .with-icon div.icon:last-child { padding-right: 0; padding-left: 0; margin-left: 0; margin-right: 10px; } /* line 9683, app/assets/stylesheets/main.scss */ .ask-form { padding-left: 15px; } /* line 9686, app/assets/stylesheets/main.scss */ .ask-form textarea { height: 200px; width: 100%; box-sizing: border-box; } /* line 9693, app/assets/stylesheets/main.scss */ .ask-form.hidden { display: none; } /* line 9697, app/assets/stylesheets/main.scss */ .ask-form button.disabled { opacity: 0.5; } /* line 9701, app/assets/stylesheets/main.scss */ .ask-form button.save { margin-top: 20px; } /* line 9705, app/assets/stylesheets/main.scss */ .ask-form .help-inline { display: block; font-size: 0.9em; } /* line 9711, app/assets/stylesheets/main.scss */ .ask-form .control-group { display: block; } /* line 9715, app/assets/stylesheets/main.scss */ .ask-form .controls { display: block; } /* line 9720, app/assets/stylesheets/main.scss */ .show-ask-form.hidden { display: none; } /* line 9724, app/assets/stylesheets/main.scss */ .ask-form-message-after-send.hidden { display: none; } /* line 9728, app/assets/stylesheets/main.scss */ section.user-messages { padding-bottom: 100px; } /* line 9731, app/assets/stylesheets/main.scss */ section.user-messages .mobile-only { display: none; } /* line 9735, app/assets/stylesheets/main.scss */ section.user-messages h2 { font-size: 1.1em; } /* line 9739, app/assets/stylesheets/main.scss */ section.user-messages .hide-in-inbox { display: none; } /* line 9750, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-threads .thread { border-radius: 12px; margin-bottom: 10px; } /* line 9754, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-threads .thread .icon.avatar { align-self: center; border-radius: 50%; } /* line 9758, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-threads .thread .icon.avatar img, .user-message-panes .user-message-threads .thread .icon.avatar svg { border-radius: 50%; width: 40px; height: 40px; } /* line 9765, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-threads .thread .with-icon { border-radius: 12px; padding: 10px; } /* line 9777, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-threads .thread .author { font-size: 0.9em; } /* line 9782, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-threads .thread .date { font-size: 0.8em; } /* line 9786, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-threads .thread .title { font-weight: 500; font-size: 0.9em; } /* line 9797, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-message .user-message-header { font-size: 16px; } /* line 9801, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-message.empty { padding-top: 50px; justify-content: center; } /* line 9807, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-message .teaser { display: none; } /* line 9811, app/assets/stylesheets/main.scss */ .user-message-panes .user-message-message .ask .buttons { text-align: right; display: block; } /* line 9818, app/assets/stylesheets/main.scss */ .slim-btn-remove { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0' /%3E%3C/svg%3E%0A") !important; } /* line 9822, app/assets/stylesheets/main.scss */ .slim-btn-edit { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M7.848 8.25l1.536.887M7.848 8.25a3 3 0 11-5.196-3 3 3 0 015.196 3zm1.536.887a2.165 2.165 0 011.083 1.839c.005.351.054.695.14 1.024M9.384 9.137l2.077 1.199M7.848 15.75l1.536-.887m-1.536.887a3 3 0 11-5.196 3 3 3 0 015.196-3zm1.536-.887a2.165 2.165 0 001.083-1.838c.005-.352.054-.695.14-1.025m-1.223 2.863l2.077-1.199m0-3.328a4.323 4.323 0 012.068-1.379l5.325-1.628a4.5 4.5 0 012.48-.044l.803.215-7.794 4.5m-2.882-1.664A4.331 4.331 0 0010.607 12m3.736 0l7.794 4.5-.802.215a4.5 4.5 0 01-2.48-.043l-5.326-1.629a4.324 4.324 0 01-2.068-1.379M14.343 12l-2.882 1.664' /%3E%3C/svg%3E%0A") !important; } /* line 9826, app/assets/stylesheets/main.scss */ .slim-btn-upload { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5' /%3E%3C/svg%3E%0A") !important; } /* line 9830, app/assets/stylesheets/main.scss */ .slim-btn { background-color: white !important; } /* line 9834, app/assets/stylesheets/main.scss */ .icon-exam-current-wrapper { color: #31739e; } /* line 9838, app/assets/stylesheets/main.scss */ .icon-exam-upcoming-wrapper { color: #ccc; } /* line 9842, app/assets/stylesheets/main.scss */ .icon-exam-done-wrapper { color: #ccc; } /* line 9847, app/assets/stylesheets/main.scss */ section.calculator .calculator-container { display: flex; } /* line 9851, app/assets/stylesheets/main.scss */ section.calculator .left, section.calculator .right { flex-basis: 50%; display: block; } /* line 9856, app/assets/stylesheets/main.scss */ section.calculator .left { padding-right: 20px; } /* line 9860, app/assets/stylesheets/main.scss */ section.calculator .right { padding-left: 20px; } /* line 9864, app/assets/stylesheets/main.scss */ section.calculator .buttons { margin-top: 30px; } /* line 9868, app/assets/stylesheets/main.scss */ section.calculator .not-ok { color: #C32828; font-weight: bold; } /* line 9873, app/assets/stylesheets/main.scss */ section.calculator .ok { color: #1D831B; font-weight: bold; } /* line 9878, app/assets/stylesheets/main.scss */ section.calculator h2 { padding-bottom: 0; margin-bottom: 0; margin-top: 1.5em; } @media (max-width: 810px) { /* line 9887, app/assets/stylesheets/main.scss */ section.calculator .calculator-container { display: block; } /* line 9891, app/assets/stylesheets/main.scss */ section.calculator .left, section.calculator .right { padding: 0; } } /* line 9897, app/assets/stylesheets/main.scss */ button.submit:disabled { opacity: 0.5; } /* line 9901, app/assets/stylesheets/main.scss */ .button-bar form.button_to { padding-top: 20px; } /* line 9905, app/assets/stylesheets/main.scss */ .mce-panel { height: 34px; } /* line 9909, app/assets/stylesheets/main.scss */ .mce-tinymce { visibility: inherit !important; position: relative; } /* line 9914, app/assets/stylesheets/main.scss */ .mce-btn { display: inline-block; } /* line 9918, app/assets/stylesheets/main.scss */ .mce-btn button { padding: 4px; cursor: pointer; text-align: center; overflow: visible; -webkit-appearance: none; height: 34px; display: inline-block; } /* line 9929, app/assets/stylesheets/main.scss */ .mce-flow-layout-item { display: inline-block; } /* line 9933, app/assets/stylesheets/main.scss */ .mce-btn-group:not(:first-child) { border-left: 1px solid #d9d9d9; padding-left: 0; margin-left: 2px; } /* line 9939, app/assets/stylesheets/main.scss */ .mce-ico { display: inline-block; background-size: cover; width: 24px; height: 24px; } /* line 9947, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-undo { background-image: url(/assets/icons/arrow-uturn-left-129177c5b4bbf7c51a1c304bda8c0d067058cd5984f41fa4ce12dd4912e4e9ce.svg); } @media (prefers-color-scheme: dark) { /* line 9952, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-undo:not(.light-mode *) { mask-image: url(/assets/icons/arrow-uturn-left-129177c5b4bbf7c51a1c304bda8c0d067058cd5984f41fa4ce12dd4912e4e9ce.svg); background-color: white; background-image: none; } } /* line 9959, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-undo:is(.dark-mode *) { mask-image: url(/assets/icons/arrow-uturn-left-129177c5b4bbf7c51a1c304bda8c0d067058cd5984f41fa4ce12dd4912e4e9ce.svg); background-color: white; background-image: none; } /* line 9965, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-redo { background-image: url(/assets/icons/arrow-uturn-right-e6b3197a58af2429727894c1d63663dedcb4463630f6f4f46132c19858101147.svg); } @media (prefers-color-scheme: dark) { /* line 9970, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-redo:not(.light-mode *) { mask-image: url(/assets/icons/arrow-uturn-right-e6b3197a58af2429727894c1d63663dedcb4463630f6f4f46132c19858101147.svg); background-color: white; background-image: none; } } /* line 9977, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-redo:is(.dark-mode *) { mask-image: url(/assets/icons/arrow-uturn-right-e6b3197a58af2429727894c1d63663dedcb4463630f6f4f46132c19858101147.svg); background-color: white; background-image: none; } /* line 9983, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-bold { position: relative; } /* line 9986, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-bold:after { display: flex; justify-content: space-around; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: "B"; font-weight: bold; font-style: normal; line-height: 24px; font-size: 18px; } /* line 10003, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-italic { position: relative; } /* line 10006, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-italic:after { display: flex; justify-content: space-around; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: "I"; font-family: serif; font-weight: normal; font-style: italic; line-height: 24px; font-size: 18px; } /* line 10024, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-bullist { background-image: url(/assets/icons/list-bullet-4007a84fa98bab2b0f1c9936758068a0ce4829a4d286c3c776f9caed03ca7ffd.svg); } @media (prefers-color-scheme: dark) { /* line 10029, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-bullist:not(.light-mode *) { mask-image: url(/assets/icons/list-bullet-4007a84fa98bab2b0f1c9936758068a0ce4829a4d286c3c776f9caed03ca7ffd.svg); background-color: white; background-image: none; } } /* line 10036, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-bullist:is(.dark-mode *) { mask-image: url(/assets/icons/list-bullet-4007a84fa98bab2b0f1c9936758068a0ce4829a4d286c3c776f9caed03ca7ffd.svg); background-color: white; background-image: none; } /* line 10042, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-numlist { background-image: url(/assets/icons/list-numbered-acc077444a62a5327f295d429fd3a3eed94cbaa142f30015c350e89218d740a5.svg); } @media (prefers-color-scheme: dark) { /* line 10047, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-numlist:not(.light-mode *) { mask-image: url(/assets/icons/list-numbered-acc077444a62a5327f295d429fd3a3eed94cbaa142f30015c350e89218d740a5.svg); background-color: white; background-image: none; } } /* line 10054, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-numlist:is(.dark-mode *) { mask-image: url(/assets/icons/list-numbered-acc077444a62a5327f295d429fd3a3eed94cbaa142f30015c350e89218d740a5.svg); background-color: white; background-image: none; } /* line 10060, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-indent { background-image: url(/assets/icons/indent-right-9c25b7e55f1782419e18b9a94e9b2c4a7c2fa121425d9e6c5fc14b039f230884.svg); } @media (prefers-color-scheme: dark) { /* line 10065, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-indent:not(.light-mode *) { mask-image: url(/assets/icons/indent-right-9c25b7e55f1782419e18b9a94e9b2c4a7c2fa121425d9e6c5fc14b039f230884.svg); background-color: white; background-image: none; } } /* line 10072, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-indent:is(.dark-mode *) { mask-image: url(/assets/icons/indent-right-9c25b7e55f1782419e18b9a94e9b2c4a7c2fa121425d9e6c5fc14b039f230884.svg); background-color: white; background-image: none; } /* line 10078, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-outdent { background-image: url(/assets/icons/indent-left-47323f9746cade0fc2bb256a06dec58aba0fbce8f660ba65debf230e7b571ec0.svg); } @media (prefers-color-scheme: dark) { /* line 10083, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-outdent:not(.light-mode *) { mask-image: url(/assets/icons/indent-left-47323f9746cade0fc2bb256a06dec58aba0fbce8f660ba65debf230e7b571ec0.svg); background-color: white; background-image: none; } } /* line 10090, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-outdent:is(.dark-mode *) { mask-image: url(/assets/icons/indent-left-47323f9746cade0fc2bb256a06dec58aba0fbce8f660ba65debf230e7b571ec0.svg); background-color: white; background-image: none; } /* line 10096, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-removeformat { background-image: url(/assets/icons/x-mark-55ab12e317bcdc52715ead17973b56d8f381afda4c2ad4af1cd0de36d9d2e988.svg); } @media (prefers-color-scheme: dark) { /* line 10101, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-removeformat:not(.light-mode *) { mask-image: url(/assets/icons/x-mark-55ab12e317bcdc52715ead17973b56d8f381afda4c2ad4af1cd0de36d9d2e988.svg); background-color: white; background-image: none; } } /* line 10108, app/assets/stylesheets/main.scss */ .mce-ico.mce-i-removeformat:is(.dark-mode *) { mask-image: url(/assets/icons/x-mark-55ab12e317bcdc52715ead17973b56d8f381afda4c2ad4af1cd0de36d9d2e988.svg); background-color: white; background-image: none; } /* line 10114, app/assets/stylesheets/main.scss */ .theme-pixel { height: 1px; } /* line 10119, app/assets/stylesheets/main.scss */ .theme-pixel-dark { display: none; } /* line 10122, app/assets/stylesheets/main.scss */ .theme-pixel-dark img { display: none; } @media (prefers-color-scheme: dark) { /* line 10128, app/assets/stylesheets/main.scss */ .theme-pixel-dark:not(.light-mode *) { display: block; } /* line 10131, app/assets/stylesheets/main.scss */ .theme-pixel-dark:not(.light-mode *) img { display: inline; } } /* line 10138, app/assets/stylesheets/main.scss */ .theme-pixel-dark:is(.dark-mode *) { display: block; } /* line 10141, app/assets/stylesheets/main.scss */ .theme-pixel-dark:is(.dark-mode *) img { display: inline; } @media (prefers-color-scheme: dark) { /* line 10148, app/assets/stylesheets/main.scss */ .theme-pixel-light:not(.light-mode *) { display: none; } /* line 10151, app/assets/stylesheets/main.scss */ .theme-pixel-light:not(.light-mode *) img { display: none; } } /* line 10158, app/assets/stylesheets/main.scss */ .theme-pixel-light:is(.dark-mode *) { display: none; } /* line 10161, app/assets/stylesheets/main.scss */ .theme-pixel-light:is(.dark-mode *) img { display: none; } /* line 10168, app/assets/stylesheets/main.scss */ .control-group .controls .radio label { display: flex; align-items: center; } /* line 10172, app/assets/stylesheets/main.scss */ .control-group .controls .radio label input { margin-right: 5px; } @media (prefers-color-scheme: dark) { /* line 10179, app/assets/stylesheets/main.scss */ html:not(.light-mode) { background-color: #030712; color: white; } } /* line 10185, app/assets/stylesheets/main.scss */ html.dark-mode { background-color: #030712; color: white; } /* line 10190, app/assets/stylesheets/main.scss */ [type=checkbox]:checked, [type=radio]:checked, [type=checkbox]:checked:focus, [type=checkbox]:checked:hover, [type=checkbox]:indeterminate, [type=radio]:checked:focus, [type=radio]:checked:hover { background-color: black !important; border-color: currentColor !important; } @media (prefers-color-scheme: dark) { /* line 10196, app/assets/stylesheets/main.scss */ option:not(.light-mode *) { background-color: black; color: white; } } /* line 10202, app/assets/stylesheets/main.scss */ option:is(.dark-mode *) { background-color: black; color: white; } /* * Slim v4.17.1 - Image Cropping Made Easy * Copyright (c) 2018 Rik Schennink - http://slimimagecropper.com */ .slim-file-hopper{position:absolute;left:0;top:0;right:0;bottom:0}.slim-image-editor{position:relative;height:100%;text-align:left;z-index:1}.slim-image-editor .slim-container{position:relative;height:calc(100% - 8em);width:100%;z-index:2;direction:ltr}.slim-image-editor .slim-editor-btn-group,.slim-image-editor .slim-editor-utils-group{-ms-flex-negative:0;flex-shrink:0}.slim-image-editor .slim-stage{position:absolute;line-height:0}.slim-image-editor .slim-wrapper{position:absolute;z-index:2}.slim-image-editor .slim-crop-preview{position:absolute;left:0;top:0;right:0;bottom:0;line-height:0}.slim-image-editor .slim-stage{z-index:4}.slim-image-editor .slim-crop-preview{z-index:3;border-radius:4px}.slim-image-editor .slim-crop-preview:after,.slim-image-editor .slim-crop-preview canvas,.slim-image-editor .slim-crop-preview img{position:absolute;display:block;border-radius:inherit;left:0;top:0}.slim-image-editor .slim-crop-preview .slim-crop{z-index:3}.slim-image-editor .slim-crop-preview:after{z-index:2;right:0;bottom:0;content:""}.slim-image-editor .slim-crop-preview .slim-crop-blur{-webkit-filter:contrast(.7);-moz-filter:contrast(.7);filter:contrast(.7);z-index:1}.slim-image-editor .slim-editor-utils-group{text-align:center}.slim-image-editor .slim-editor-utils-group button{width:2.5em;height:2.5em;padding:0;font-size:1em;cursor:pointer;outline:none;box-shadow:inset 0 -1px 2px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.15);background-color:transparent;background-size:50% 50%;background-position:50%;background-repeat:no-repeat}.slim-image-editor .slim-editor-utils-group button:active{background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.slim-image-editor .slim-editor-btn-group{text-align:center}.slim-image-editor .slim-editor-btn-group button{position:relative;display:inline-block;vertical-align:top;font-size:1em;margin:0 .75em;padding:.75em 1.5em .875em;cursor:pointer;overflow:hidden;-webkit-transition:color .25s,box-shadow .25s,background-color .25s;transition:color .25s,box-shadow .25s,background-color .25s;box-shadow:inset 0 -1px 2px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.15);background-color:transparent;outline:none}.slim-image-editor .slim-editor-btn-group button:active{padding:.875em 1.5em .75em;background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.slim-rotation-disabled .slim-container{height:calc(100% - 4em)}.slim-rotation-disabled .slim-editor-utils-group{display:none}.slim-editor-btn,.slim-editor-utils-btn{color:hsla(0,0%,100%,.75);border:2px solid rgba(0,0,0,.25)}.slim-editor-btn:focus,.slim-editor-btn:hover,.slim-editor-utils-btn:focus,.slim-editor-utils-btn:hover{color:hsla(0,0%,100%,.9)}.slim-editor-utils-btn{border-radius:.6875em}.slim-editor-btn{border-radius:.5em}.slim-image-editor-preview:after{background-color:rgba(244,250,255,.4);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.07),0 1px 5px rgba(0,0,0,.3)}.slim-btn-rotate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='252' height='287' viewBox='0 0 252 287' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M134.762.626v36.15c65.016 4.594 116.34 58.75 116.34 124.936 0 69.198-56.09 125.288-125.29 125.288C56.616 287 .525 230.91.525 161.71c0-30.036 10.592-57.59 28.215-79.17l31.934 31.934C51.03 127.75 45.27 144.04 45.27 161.71c0 44.485 36.06 80.544 80.544 80.544 44.484 0 80.544-36.058 80.544-80.543 0-41.454-31.327-75.56-71.594-80.017v35.272l-62.646-57.89L134.762.625zm-8.95 196.883c-19.77 0-35.796-16.028-35.796-35.798 0-19.77 16.027-35.796 35.797-35.796 19.77 0 35.797 16.026 35.797 35.796s-16.027 35.797-35.797 35.797z' fill='rgba(255,255,255,.8)' fill-rule='evenodd'/%3E%3C/svg%3E")}.slim-editor-btn-group,.slim-editor-utils-group{padding:1em 0 0}@media (min-width:40em){.slim-btn-group{padding-top:2em}}.slim-crop-area{position:absolute;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.75),0 0 0 1px hsla(0,0%,100%,.75)}.slim-crop-area .grid{overflow:hidden}.slim-crop-area .grid:after,.slim-crop-area .grid:before{position:absolute;z-index:2;content:"";opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slim-crop-area .grid:before{top:33.333%;bottom:33.333%;left:1px;right:1px;box-shadow:inset 0 -1px 0 0 hsla(0,0%,100%,.35),inset 0 1px 0 0 hsla(0,0%,100%,.35)}.slim-crop-area .grid:after{top:1px;bottom:1px;left:33.333%;right:33.333%;box-shadow:inset -1px 0 0 0 hsla(0,0%,100%,.35),inset 1px 0 0 0 hsla(0,0%,100%,.35)}.slim-crop-area button{position:absolute;background:#fafafa;box-shadow:inset 0 1px 0 0 #fff,0 1px 1px rgba(0,0,0,.15);border:none;padding:0;margin:0;width:16px;height:16px;margin-top:-8px;margin-left:-8px;border-radius:8px;z-index:3}.slim-crop-area [class*=n]{top:0}.slim-crop-area [class*=s]{top:100%}.slim-crop-area [class*=w]{left:0}.slim-crop-area [class*=e]{left:100%}.slim-crop-area .e,.slim-crop-area .w{top:50%;cursor:ew-resize;height:30px;margin-top:-15px}.slim-crop-area .n,.slim-crop-area .s{left:50%;cursor:ns-resize;width:30px;margin-left:-15px}.slim-crop-area .ne,.slim-crop-area .sw{cursor:nesw-resize}.slim-crop-area .nw,.slim-crop-area .se{cursor:nwse-resize}.slim-crop-area .c{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);margin:0;border-radius:0;border:none;z-index:2;box-shadow:none;opacity:0;cursor:move}.slim-crop-area button:not(.c):after{content:"";position:absolute;left:-12px;right:-12px;top:-12px;bottom:-12px}.slim-crop-area .slim-crop-mask{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1}.slim-crop-area .slim-crop-mask img{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateZ(0);transform:translateZ(0);margin:0!important;width:auto;height:auto;max-width:none;min-width:0}.slim-crop-area[data-dragging=true] .grid:after,.slim-crop-area[data-dragging=true] .grid:before{opacity:1}.slim-popover{-ms-touch-action:none;touch-action:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:1em;font-size:16px;background:rgba(25,27,29,.99);z-index:2147483647;overflow:hidden}.slim-popover[data-state=off]{left:-100%}.slim-popover:after{position:absolute;left:0;top:0;right:0;bottom:0;content:"";background:-webkit-radial-gradient(center ellipse,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 80%);background:radial-gradient(ellipse at center,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 80%)}@media (min-width:40em){.slim-popover{padding:2em}}.slim,.slim-crop-area,.slim-image-editor,.slim-popover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.slim-crop-area button,.slim-image-editor button,.slim-popover button,.slim button{-webkit-highlight:none;-webkit-tap-highlight-color:transparent}.slim *,.slim-crop-area *,.slim-image-editor *,.slim-popover *{box-sizing:inherit}.slim-crop-area img,.slim-image-editor img,.slim-popover img,.slim img{background-color:#eee;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYBpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/M4gYERaKxUvDamhQExtlJqEmTWOUwWbmzS81P17vzaTJVtlOUWLj14K/gK2yVopISdlZExv0nGfUSObc7rmf+73nnO49F+yhtJoxat2Qyeb14KRXmQ8vKPWP2OjCQRtKRDW08UDAT1V7u5Fosat+q1b1uH+tKRY3VLA1CI+pmp4XnhL2r+Q1izeFO9RUJCZ8LOzS5YLC15YeLfOTxckyf1ish4I+sLcKK8lfHP3FakrPCMvLcWbSBfXnPtZLHPHs3KysPTK7MQgyiReFaSbw4WGQUfEe+hliQHZUyXd/58+Qk1xVvEYRnWWSpMjjErUg1eOyJkSPy0hTtPr/t69GYnioXN3hhboH03zphfoN+CyZ5vu+aX4eQM09nGUr+bk9GHkVvVTRnLvQsgYn5xUtugWn69B5p0X0yLdUI9OeSMDzETSHof0SGhfLPfs55/AWQqvyVRewvQN9Et+y9AUyt2fOEwKMEgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC9JREFUOI1jZGBgkGIgDjwjRhETkYYRDUYNHDVwMBjISIJaonLU4PfyqIGjBpIBAPvwAUFW9TOIAAAAAElFTkSuQmCC")}.slim img{width:100%;height:auto}span.slim{display:block}.slim{position:relative;font-size:inherit;background-color:#eee;-webkit-transition:background-color .25s;transition:background-color .25s;padding-bottom:.025px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.slim[data-state*=file-over] .slim-btn{pointer-events:none}.slim[data-state*=empty]:hover{background-color:#ddd}.slim[data-state*=empty] .slim-label{visibility:visible;opacity:1}.slim[data-state*=busy] .slim-label{opacity:0}.slim[data-state*=loading] .slim-label{display:none}.slim[data-state*=loading] .slim-label-loading{opacity:1;display:block}.slim[data-state*=preview] .slim-label{visibility:hidden}.slim[data-state*=error]{background-color:#e8a69f!important;color:#702010}.slim>img,.slim>input[type=file]{display:block!important;opacity:0!important;width:0!important;height:0!important;padding:0!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;border:0!important}.slim>img+input[type=file],.slim>input[type=file]+img{margin-bottom:0!important}.slim>input[type=hidden]{position:absolute;width:1px;height:1px;margin:-1px;opacity:0}.slim .slim-label-loading{display:none}.slim .slim-label{visibility:hidden;-webkit-transition:opacity .25s;transition:opacity .25s}.slim .slim-error,.slim .slim-label,.slim .slim-label-loading{max-width:100%}.slim .slim-file-hopper{z-index:3;background:rgba(0,0,0,.0001)}.slim .slim-area,.slim .slim-drip,.slim .slim-ratio,.slim .slim-result,.slim .slim-status{border-radius:inherit}.slim .slim-area{width:100%;color:inherit;overflow:hidden}.slim .slim-area :only-of-type{margin:0}.slim .slim-area .slim-loader{pointer-events:none;position:absolute;right:.875em;top:.875em;width:23px;height:23px;z-index:1}.slim .slim-area .slim-loader svg{display:block;width:100%;height:100%;opacity:0}.slim .slim-area .slim-upload-status{position:absolute;right:1em;top:1em;z-index:1;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s;white-space:nowrap;line-height:1.65;font-weight:400}.slim .slim-area .slim-upload-status-icon{display:inline-block;opacity:.9}.slim .slim-area .slim-drip,.slim .slim-area .slim-result,.slim .slim-area .slim-status{left:0;top:0;right:0;bottom:0}.slim .slim-area .slim-drip,.slim .slim-area .slim-result{position:absolute}.slim .slim-area .slim-status{padding:3em 1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none}.slim .slim-area .slim-drip{z-index:1;overflow:hidden}.slim .slim-area .slim-drip>span{position:absolute;left:0;top:0;opacity:0;margin-left:-25%;margin-top:-25%;width:50%;padding-bottom:50%}.slim .slim-area .slim-drip>span>span{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.25);border-radius:50%;opacity:.5;left:0;top:0}.slim .slim-area .slim-result{overflow:hidden;-webkit-perspective:1px}.slim .slim-area .slim-result img{display:block;width:100%;position:absolute;left:0;top:0}.slim .slim-area .slim-result img:not([src]),.slim .slim-area .slim-result img[src=""]{visibility:hidden}.slim .slim-btn-group{position:absolute;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.slim .slim-btn-group button{pointer-events:all;cursor:pointer}.slim[data-ratio*=":"]{min-height:0}.slim[data-ratio*=":"] .slim-status{position:absolute;padding:0 1.5em}.slim[data-ratio="16:10"]>img,.slim[data-ratio="16:10"]>input[type=file]{margin-bottom:62.5%}.slim[data-ratio="10:16"]>img,.slim[data-ratio="10:16"]>input[type=file]{margin-bottom:160%}.slim[data-ratio="16:9"]>img,.slim[data-ratio="16:9"]>input[type=file]{margin-bottom:56.25%}.slim[data-ratio="9:16"]>img,.slim[data-ratio="9:16"]>input[type=file]{margin-bottom:177.77778%}.slim[data-ratio="5:3"]>img,.slim[data-ratio="5:3"]>input[type=file]{margin-bottom:60%}.slim[data-ratio="3:5"]>img,.slim[data-ratio="3:5"]>input[type=file]{margin-bottom:166.66667%}.slim[data-ratio="5:4"]>img,.slim[data-ratio="5:4"]>input[type=file]{margin-bottom:80%}.slim[data-ratio="4:5"]>img,.slim[data-ratio="4:5"]>input[type=file]{margin-bottom:125%}.slim[data-ratio="4:3"]>img,.slim[data-ratio="4:3"]>input[type=file]{margin-bottom:75%}.slim[data-ratio="3:4"]>img,.slim[data-ratio="3:4"]>input[type=file]{margin-bottom:133.33333%}.slim[data-ratio="3:2"]>img,.slim[data-ratio="3:2"]>input[type=file]{margin-bottom:66.66667%}.slim[data-ratio="2:3"]>img,.slim[data-ratio="2:3"]>input[type=file]{margin-bottom:150%}.slim[data-ratio="1:1"]>img,.slim[data-ratio="1:1"]>input[type=file]{margin-bottom:100%}.slim-btn-group{padding:1.5em 0;text-align:center}.slim-btn{position:relative;padding:0;margin:0 7.2px;font-size:0;outline:none;width:36px;height:36px;border:none;color:#fff;background-color:rgba(0,0,0,.7);background-repeat:no-repeat;background-size:50% 50%;background-position:50%;border-radius:50%}.slim-btn:before{border-radius:inherit;position:absolute;box-sizing:border-box;left:-3px;right:-3px;bottom:-3px;top:-3px;border:3px solid #fff;content:"";-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition:all .25s;transition:all .25s;z-index:-1;pointer-events:none}.slim-btn:focus:before,.slim-btn:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.slim-btn *{pointer-events:none}.slim-btn-remove{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M63.12 250.254s3.998 18.222 24.582 18.222h93.072c20.583 0 24.582-18.222 24.582-18.222l18.374-178.66H44.746l18.373 178.66zM170.034 98.442a8.95 8.95 0 0 1 17.9 0l-8.95 134.238a8.95 8.95 0 0 1-17.9 0l8.95-134.238zm-44.746 0a8.949 8.949 0 1 1 17.898 0V232.68a8.95 8.95 0 1 1-17.9 0V98.442zm-35.798-8.95a8.95 8.95 0 0 1 8.95 8.95l8.95 134.237c0 4.942-4.008 8.948-8.95 8.948a8.95 8.95 0 0 1-8.95-8.95L80.54 98.441a8.95 8.95 0 0 1 8.95-8.95zm128.868-53.68h-39.376V17.898c0-13.578-4.39-17.9-17.898-17.9H107.39C95 0 89.492 6 89.492 17.9v17.91H50.116c-7.914 0-14.32 6.007-14.32 13.43 0 7.424 6.406 13.43 14.32 13.43H218.36c7.914 0 14.32-6.006 14.32-13.43 0-7.423-6.406-13.43-14.32-13.43zm-57.274 0H107.39l.002-17.914h53.695V35.81z' fill='%23fff'/%3E%3C/svg%3E")}.slim-btn-download{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M232.943 223.73H35.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM117.88 199.136c4.035 4.04 9.216 6.147 14.492 6.508.626.053 1.227.188 1.866.188.633 0 1.228-.135 1.847-.186 5.284-.357 10.473-2.464 14.512-6.51l70.763-70.967c8.86-8.876 8.86-23.268 0-32.143-8.86-8.876-23.225-8.876-32.086 0l-32.662 32.756V22.373C156.612 10.017 146.596 0 134.238 0c-12.356 0-22.372 10.017-22.372 22.373v106.41L79.204 96.027c-8.86-8.876-23.226-8.876-32.086 0-8.86 8.875-8.86 23.267 0 32.142l70.763 70.966z' fill='%23fff'/%3E%3C/svg%3E")}.slim-btn-upload{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='243' height='269' viewBox='0 0 243 269' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDownload%3C/title%3E%3Cpath d='M219.943 223.73H22.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM104.88 6.696c4.035-4.04 9.216-6.147 14.492-6.508C119.998.135 120.6 0 121.238 0c.633 0 1.228.135 1.847.186 5.284.357 10.473 2.464 14.512 6.51l70.763 70.967c8.86 8.875 8.86 23.267 0 32.142-8.86 8.876-23.225 8.876-32.086 0L143.612 77.05v106.41c0 12.355-10.016 22.372-22.374 22.372-12.356 0-22.372-10.017-22.372-22.373V77.05l-32.662 32.755c-8.86 8.876-23.226 8.876-32.086 0-8.86-8.875-8.86-23.267 0-32.142L104.88 6.696z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E")}.slim-btn-edit{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M161.36 56.337c-7.042-7.05-18.46-7.05-25.5 0l-6.373 6.38-89.243 89.338.023.023-2.812 2.82s-8.968 9.032-29.216 74.4c-.143.456-.284.91-.427 1.373-.36 1.172-.726 2.362-1.094 3.568a785.126 785.126 0 0 0-.988 3.25c-.28.922-.556 1.835-.84 2.778-.64 2.14-1.29 4.318-1.954 6.567-1.455 4.937-5.01 16.07-.99 20.1 3.87 3.882 15.12.467 20.043-.993a1275.615 1275.615 0 0 0 9.41-2.83c1.032-.314 2.058-.626 3.063-.935 1.27-.39 2.52-.775 3.75-1.157l1.09-.34c62.193-19.365 73.358-28.453 74.286-29.284l.01-.01.067-.06 2.88-2.886.192.193 89.244-89.336 6.373-6.382c7.04-7.048 7.04-18.476 0-25.525l-50.998-51.05zM103.4 219.782c-.08.053-.185.122-.297.193l-.21.133c-.076.047-.158.098-.245.15l-.243.148c-2.97 1.777-11.682 6.362-32.828 14.017-2.47.894-5.162 1.842-7.98 2.82l-30.06-30.092c.98-2.84 1.928-5.55 2.825-8.04 7.638-21.235 12.22-29.974 13.986-32.94l.12-.2c.063-.1.12-.196.175-.283l.126-.2c.07-.11.14-.217.192-.296l2.2-2.205 54.485 54.542-2.248 2.255zM263.35 56.337l-50.996-51.05c-7.04-7.048-18.456-7.048-25.498 0L174.108 18.05c-7.04 7.048-7.04 18.476 0 25.524l50.996 51.05c7.04 7.048 18.457 7.048 25.498 0l12.75-12.762c7.04-7.05 7.04-18.477 0-25.525z' fill='%23fff'/%3E%3C/svg%3E")}.slim-loader-background{stroke:rgba(0,0,0,.15)}.slim-loader-foreground{stroke:rgba(0,0,0,.65)}.slim[data-state*=preview] .slim-loader-background{stroke:hsla(0,0%,100%,.25)}.slim[data-state*=preview] .slim-loader-foreground{stroke:#fff}.slim-upload-status{padding:0 .5em;border-radius:.3125em;font-size:.75em;box-shadow:0 .125em .25em rgba(0,0,0,.25)}.slim-upload-status[data-state=success]{background-color:#d1ed8f;color:#323e15}.slim-upload-status[data-state=success] .slim-upload-status-icon{width:.5em;height:.75em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:.1875em solid currentColor;border-left:none;border-top:none;margin-right:.325em;margin-left:.25em;margin-bottom:.0625em}.slim-upload-status[data-state=error]{background:#efd472;color:#574016}.slim-upload-status[data-state=error] .slim-upload-status-icon{margin-left:-.125em;margin-right:.5em;width:.5625em;height:1em;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.slim-upload-status[data-state=error] .slim-upload-status-icon:after,.slim-upload-status[data-state=error] .slim-upload-status-icon:before{content:"";position:absolute;box-sizing:content-box;width:0;height:0;border:.09em solid currentColor;background-color:currentColor;-webkit-transform:translate(-50%,-50%) translate(.5em,.5em);transform:translate(-50%,-50%) translate(.5em,.5em)}.slim-upload-status[data-state=error] .slim-upload-status-icon:before{width:.66666666667em}.slim-upload-status[data-state=error] .slim-upload-status-icon:after{height:.66666666667em}