@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;,0,400,1,500;1,100;1,300;1,500,600&display=swap");
.button {transition-duration:300ms;font-size:16px;padding:17px 20px;text-align:center;border-radius:4px;min-width:200px;display:inline-block}
.button.primary {background-color:#27ae60;border-color:#27ae60;color:#fff !important}
.button.primary:hover {background-color:#1d8749 !important;border-color:#1d8749 !important}
.button:hover {cursor:pointer}
.homepage-intro-content .homepage-text-container,.courses-list-content,.blogs-list-content,.single-course-container .banner-container-parent .banner-container .banner-content,.single-course-container .banner-container-parent .slim-banner .banner-content,.single-course-container .single-course-content,.single-lesson-container .single-lesson-content,.single-blog-container .single-blog-content,.o-nas-container .o-nas-content,.cim-sme-vynimocny-container .cim-sme-vynimocny-content,.preco-to-robime-container .preco-to-robime-content,.register-login-container .register-login-content {width:90%;max-width:1124px;margin:auto}
.lesson--prev-next-buttons {display:flex;justify-content:space-between}
.lesson--prev-next-buttons .button {width:48%}
@media screen and (max-width:495px) {.lesson--prev-next-buttons {display:block }.lesson--prev-next-buttons .button {width:100%;margin-bottom:10px }}
.slider-right {float:right}
.slider-left {float:left}
.hide {display:none !important}
button:focus {box-shadow:none !important}
.comment a {font-size:14px;margin-left:0}
.comment a:hover {cursor:pointer}
.add-comment:hover {cursor:pointer}
.add-comment-container {border:1px solid rgba(0,0,0,0.07);padding:0 30px 0 30px;margin-top:30px;border-top-left-radius:10px;border-top-right-radius:10px}
.comments-container {border:1px solid rgba(0,0,0,0.07);border-top:none;margin-bottom:40px}
.comments-container >ul {padding:0}
.comments-container >ul >li {list-style-type:none;padding:30px;border-bottom:1px solid rgba(0,0,0,0.07)}
.comments-container >ul >li ul {margin-top:20px}
.comments-container >ul >li ul li {border-top:1px solid rgba(0,0,0,0.1);padding:15px}
.comments-container >ul >li:last-child {border-bottom:none}
.comments-container li {list-style-type:none}
.comments-container .subcomment {margin-left:30px}
@media screen and (max-width:400px) {.comments-container .subcomment {margin-left:-30px !important }}
.subcomment-form-div {display:none}
.homepage-intro-container {background-color:#387eff;position:relative}
.homepage-intro-content {height:507px}
.homepage-intro-content .homepage-text-container h1 {max-width:468px;color:#fff;padding-top:96px}
.homepage-intro-content .homepage-text-container p {color:white;max-width:468px;margin-top:32px}
.homepage-intro-content img {height:525px;max-height:35vw;position:absolute;bottom:-77px;right:70px}
@media screen and (max-width:1135px) {.homepage-intro-content img {max-height:30vw;position:absolute }}
@media screen and (max-width:1000px) {.homepage-intro-container {height:auto;padding-bottom:40px }.homepage-intro-content {height:auto;padding-bottom:40px }.homepage-intro-content .homepage-text-container h1 {max-width:100%;padding-top:70px }.homepage-intro-content .homepage-text-container p {max-width:100% }.homepage-intro-content img {display:none }}
.courses-list-content,.blogs-list-content {padding-bottom:93px}
.courses-list-content h1,.blogs-list-content h1 {color:#494949;max-width:290px;padding-top:100px;margin-bottom:80px}
.course-list-content h1 {color:#494949}
.blogs-list-container {background-color:#fff}
.blogs-list-content h1 {color:#1d1d1d}
.blogs-list-content h3 {color:#1d1d1d;max-width:300px;margin:auto;margin-top:25px}
.blogs-list-content p {color:#1d1d1d !important}
.record-list {padding:0;display:flex;flex-wrap:wrap;justify-content:space-between}
.record-list .image-wrapper {position:relative}
.record-list .image-wrapper .category {position:absolute;right:15px;bottom:15px;display:inline-block;padding:8px 25px;border-radius:16px;font-size:16px;line-height:16px;font-weight:300;color:#fff;font-family:"Roboto",sans-serif;box-shadow:0 0 20px 5px rgba(255,255,255,0.1)}
.record-list .list-title {width:356px;display:inline-block;text-decoration:none;margin-bottom:40px;overflow:hidden;transition-duration:250ms;overflow:hidden;border:0.5px lightgray solid !important;height:438px;color:#031D5B}
.record-list .list-title .list-title-header-image {width:100%;height:228px;object-fit:cover}
.record-list .list-title div.body {padding:15px 15px 20px 25px}
.record-list .list-title div.body h4 {display:inline-block;margin-bottom:15px}
.record-list .list-title p,.record-list .list-title p * {display:block;font-family:"BwModelicaLightCondensed" !important;font-size:16px !important;font-weight:300 !important;line-height:25px !important;margin:0 !important;word-break:break-word}
.record-list .list-title a:hover {text-decoration:none}
.record-list .empty-box {width:356px;height:0;list-style-type:none}
.record-list .course-title {background-color:#fff;border-radius:10px;transition-duration:300ms !important;box-shadow:0 0 0 0 #E9E9E9}
.record-list .course-title:hover {box-shadow:0 0 40px 5px rgba(0,0,0,0.07);border:0.5px white solid !important;transform:scale(1.01)}
.record-list .blog-title {border-radius:10px;transition-duration:300ms !important;color:#1d1d1d !important;height:450px}
.record-list .blog-title div.body {padding:15px 20px 20px 20px}
.record-list .blog-title div.body h3 {font-family:"BwModelicaBoldCondensed";font-size:20px;max-width:90%;margin:auto;color:#1d1d1d !important}
.record-list .blog-title div.body h5 {word-break:break-word}
.record-list .blog-title div.body p {margin:10px 0 0 0;color:#1d1d1d !important}
.record-list .blog-title div.body p * {font-family:"BwModelicaLightCondensed" !important;font-size:14px important;color:#1d1d1d !important;line-height:25px !important;font-style:normal}
.record-list .blog-title:hover {box-shadow:0 0 40px 5px rgba(0,0,0,0.07);border:0.5px white solid !important;transform:scale(1.01)}
@media screen and (max-width:1300px) {.record-list {justify-content:space-around }.record-list .list-title {margin:30px }}
@media screen and (max-width:1300px) and (max-width:1100px) {.record-list .list-title {margin:0 }}
@media screen and (max-width:1300px) and (max-width:900px) {.record-list .list-title {margin:70px }}
@media screen and (max-width:600px) {.record-list .list-title {width:90vw;margin:0 }.record-list .list-title .list-title-header-image {width:90vw;height:calc(90vw / 1.5614) }.record-list .empty-box {display:none }}
@media screen and (max-width:400px) {.record-list .list-title {overflow:hidden;width:100%;height:auto;padding-bottom:50px;margin-bottom:20px }.record-list .list-title h3 {margin-left:10px;font-size:16px }.record-list .list-title h4 {background-color:white !important;padding:0;margin-left:10px;display:inline-block }.record-list .list-title h5 {margin-left:15px }.record-list .list-title h5 * {font-size:12px }}
.single-course-container {background-color:#F3F5FF;position:relative}
.single-course-container .banner-container-parent {position:sticky;z-index:9999;top:120px}
.single-course-container .banner-container-parent .banner-container {display:flex;padding:20px 30px;height:94px;color:white;width:100%;position:sticky;top:70px;transition:250ms;z-index:900}
.single-course-container .banner-container-parent .banner-container .banner-content {margin:auto !important;width:90%;max-width:1124px;color:white}
.single-course-container .banner-container-parent .banner-container .banner-content h1 {margin-bottom:0;font-size:45px !important;transition:250ms}
@media (min-width:800px) {.single-course-container .banner-container-parent .banner-container .banner-content h1 {margin-bottom:0.4rem !important }}
@media (max-width:540px) {.single-course-container .banner-container-parent .banner-container .banner-content h1 {font-size:33px !important }}
.single-course-container .banner-container-parent .slim-banner {display:flex;padding:1px 30px;height:55px;color:white;width:100%;position:sticky;top:70px;transition:250ms;z-index:900}
.single-course-container .banner-container-parent .slim-banner .banner-content {margin:auto !important;width:90%;max-width:1124px;color:xwhite}
.single-course-container .banner-container-parent .slim-banner .banner-content h1 {font-size:30px !important;line-height:30px !important;transition:250ms;margin:0 !important}
@media (min-width:1251px) {.single-course-container .banner-container-parent .slim-banner {padding:1px 30px;color:white;width:100%;position:sticky;top:120px;transition:250ms;z-index:900 }.single-course-container .banner-container-parent .slim-banner h1 {font-size:26px !important;margin-bottom:0;transition:250ms }.single-course-container .banner-container-parent .banner-container {padding:20px 20px;color:white;width:100%;position:sticky;top:120px;transition:250ms;z-index:900 }.single-course-container .banner-container-parent .banner-container h1 {font-size:45px !important;transition:250ms }}
@media (max-width:600px) {.single-course-container .banner-container-parent .slim-banner h1 {margin-top:-3px }}
@media (max-width:1250px) {.single-course-container .banner-container-parent {top:70px !important }}
.single-course-container .banner-container-parent >.slim-banner + .optimiser-transparent {height:56px;transition:250ms}
.single-course-container .banner-container-parent >.banner-container + .optimiser-transparent {height:0;transition:250ms}
.single-course-container .single-course-content {padding-top:70px;padding-bottom:65px}
.single-course-container .single-course-content .underline {height:1px;width:100%;background-color:#e5e5e5b7;margin-top:28px}
@media (min-width:1251px) {.single-course-container .single-course-content {padding-top:70px;padding-bottom:65px;max-width:unset !important;display:flex;justify-content:center }}
.left-container {box-shadow:0 0 150px 0 #e9e9e9;border-top-left-radius:30px;border-top-right-radius:30px;width:356px;overflow:hidden;margin-right:50px;height:auto;float:left}
.left-container img {width:100%}
.left-container .left-container-content {width:80%;display:block;margin:auto;margin-top:30px}
.left-container .left-container-content h1 {margin-top:37px;padding:0 !important;background:transparent !important;font-size:33px !important}
.left-container .left-container-content .inline {margin-top:26px}
.left-container .left-container-content .inline img {display:inline;height:32px;width:32px;filter:contrast(2.5)}
.left-container .left-container-content .inline h6 {display:inline;margin-left:25px}
.left-container .left-container-content .zobrazit-lekcie-button:hover,.left-container .left-container-content .zobrazit-kurz-button:hover {background-color:white !important;color:black !important}
.left-container .left-container-content .course-all-lessons {margin:37px 0 15px 0}
.left-container .left-container-content .lesson-list-card li {list-style-type:none;margin-bottom:30px;transition-duration:250ms;padding:8px 0 8px 10px;border-left:0 solid rgba(0,0,0,0)}
.left-container .left-container-content .lesson-list-card li h5 {font-family:"BwModelicaRegularCondensed";margin-bottom:0}
.left-container .left-container-content .lesson-list-card li:hover {border-left:4px solid rgba(0,0,0,0.2);padding-left:15px;cursor:pointer}
.left-container .left-container-content-lesson button {border-width:2px !important}
.left-container .left-container-content-lesson button:hover {background-color:white !important;color:black !important}
.right-container {width:710px;max-width:70%;background-color:white;border-top-left-radius:30px;border-top-right-radius:30px;overflow:hidden}
.right-container iframe {width:100%;height:409px}
.right-container img {max-height:400px;object-fit:cover;width:100%}
.right-container .right-container-content {padding:20px 40px;margin:auto;counter-reset:section}
.right-container .right-container-content h2 {margin-top:20px}
.right-container .right-container-content p {margin:20px 0 20px 0;word-break:break-word}
.right-container .right-container-content .select-video-container {padding:20px}
.right-container .right-container-content .select-video-container .select-video-column {border-bottom:4px solid rgba(0,0,0,0.1);padding:12px;text-align:center}
.right-container .right-container-content .select-video-container h6 {opacity:0.8}
.right-container .right-container-content .select-video-container .select-video-column:hover {cursor:pointer}
.right-container .right-container-content .lesson-list-card li {list-style-type:none;margin-bottom:30px;transition-duration:250ms;padding:10px 0 10px 10px;border-left:0 solid rgba(0,0,0,0)}
.right-container .right-container-content .lesson-list-card li h3 {font-family:"BwModelicaRegularCondensed"}
.right-container .right-container-content .lesson-list-card li:hover {border-left:4px solid rgba(0,0,0,0.2);padding-left:15px;cursor:pointer}
.right-container .right-container-content .single-lesson-menu-content .add-comment-container form .form-submit:hover {background-color:white !important;color:black !important}
@media (min-width:1920px) {.left-container {width:unset !important }}
@media (min-width:1251px) {.single-course-content .left-container img {max-height:600px !important }.single-course-content .right-container {width:1110px !important }}
@media screen and (max-width:1250px) {.left-container {float:none;margin-bottom:100px;width:100% }.left-container .left-container-content .justify-between {display:flex;justify-content:space-between;margin-top:20px }.left-container .left-container-content .inline {display:inline }.left-container .underline {display:none }.right-container {margin:auto;width:100%;max-width:100% }.right-container iframe {height:calc(( 90vw / 16) * 9) }}
@media screen and (max-width:900px) {.left-container .left-container-content .justify-between {display:block }.left-container .left-container-content .inline {display:block }.left-container .left-container-content .inline img {height:20px;width:20px }}
@media (max-width:375px) {.right-container .right-container-content {padding:20px 20px }}
.single-lesson-container {background-color:#F3F5FF}
.single-lesson-container .single-lesson-content {margin-top:80px;background-color:white;padding:30px;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden}
.single-lesson-container .single-lesson-content iframe {width:500px;height:calc(( 500px / 16) * 9);background-color:black;margin:-30px 0 0 -30px}
.single-blog-container {background-color:#F3F5FF;padding-bottom:50px}
.single-blog-container .banner-container-parent {position:sticky;z-index:9999;top:120px}
.single-blog-container .banner-container-parent .slim-banner {padding:1px 30px;background-color:#397dff !important;color:white;width:100%;height:42px;position:sticky;top:70px;transition:250ms;z-index:900}
.single-blog-container .banner-container-parent .slim-banner .banner-content {margin:auto !important;width:90%;max-width:1124px;color:white}
.single-blog-container .banner-container-parent .slim-banner .banner-content h1 {font-size:26px !important;transition:250ms;margin-top:3px;margin-bottom:0;line-height:30px}
.single-blog-container .banner-container-parent .banner-container {padding:20px 30px;background-color:#397dff !important;color:white;width:100%;height:94px;position:sticky;top:70px;transition:250ms;z-index:900}
.single-blog-container .banner-container-parent .banner-container .banner-content {margin:auto !important;width:90%;max-width:1124px;color:white}
.single-blog-container .banner-container-parent .banner-container .banner-content h1 {font-size:45px !important;transition:250ms;margin-bottom:0.3rem !important}
@media (min-width:1251px) {.single-blog-container .banner-container-parent .slim-banner {padding:1px 30px;background-color:#397dff !important;color:white;width:100%;position:sticky;top:120px;transition:250ms;z-index:900 }.single-blog-container .banner-container-parent .banner-container {padding:20px 20px;background-color:#397dff !important;color:white;width:100%;position:sticky;top:120px;transition:250ms;z-index:900 }}
@media (max-width:1250px) {.single-blog-container .banner-container-parent {top:70px !important }}
.single-blog-container .banner-container-parent >.slim-banner + .optimiser-transparent {height:56px;transition:250ms}
.single-blog-container .banner-container-parent >.banner-container + .optimiser-transparent {height:0;transition:250ms}
.single-blog-container .single-blog-content {margin-top:80px;background-color:white;padding:30px;border-top-left-radius:10px;border-top-right-radius:10px}
.single-blog-container .single-blog-content .blog-text {margin-top:30px;word-break:break-word}
.single-blog-container .single-blog-content .blog-text img {width:100%}
@media screen and (max-width:1250px) {.single-blog-container .single-blog-content .blog-text img {height:calc(( 90vw / 16) * 9) }}
.single-blog-container .single-blog-content p {font-size:18px;line-height:28px;font-family:"BwModelicaLightCondensed"}
.single-blog-container .single-blog-content p iframe {width:100%;height:600px}
@media screen and (max-width:1200px) {.single-blog-container .single-blog-content p iframe {height:calc(( 90vw / 16) * 9) }}
.single-blog-container .top-container {border-bottom:1px solid #F3F5FF;padding:20px 0 30px 0;text-align:center;display:flex;justify-content:space-around;flex-wrap:wrap}
.single-blog-container .top-container img {margin-right:10px;filter:contrast(2.5)}
@media screen and (max-width:700px) {.single-blog-container .top-container {display:block }.single-blog-container .top-container div {margin:0 30px 20px 0;min-width:300px;text-align:left }}
.o-nas-container {background-color:#734094;position:relative}
.o-nas-container .o-nas-content {padding-top:96px;padding-bottom:100px;height:507px;color:white}
.o-nas-container .o-nas-content h1 {max-width:468px}
.o-nas-container .o-nas-content p {max-width:468px;margin-top:32px}
.cim-sme-vynimocny-container .cim-sme-vynimocny-content {padding-top:96px;padding-bottom:200px}
.cim-sme-vynimocny-container .cim-sme-vynimocny-content h2 {padding-top:50px;text-align:center;font-size:45px}
.vynimocny-container {text-align:center}
.vynimocny-container .vynimocny-card {margin-top:80px;transition:0.5s}
.vynimocny-container .vynimocny-card img {width:35%}
.vynimocny-container .vynimocny-card h5 {margin-top:30px;font-size:22px}
.vynimocny-container .vynimocny-card:hover {transform:scale(1.03);transition:0.5s}
.preco-to-robime-container {background-color:#e95068}
.preco-to-robime-container .preco-to-robime-content {padding-top:80px;padding-bottom:80px;color:white}
.preco-to-robime-container .preco-to-robime-content h2 {font-size:45px}
.register-login-container .register-login-content {padding-top:70px;margin-bottom:100px}
.register-login-container .register-login-content input {height:50px;width:100%}
.raw-html h1 {font-size:30px}
.wysiwyg * {font-family:"Roboto",sans-serif !important}
.wysiwyg h1 {font-size:40px !important;font-weight:300 !important;margin:0 0 15px 0 !important;color:#1d1d1d !important}
.wysiwyg h2 {font-size:32px !important;font-weight:300 !important;margin:30px 0 15px 0 !important;color:#1d1d1d !important}
.wysiwyg h3 {font-size:27px !important;font-weight:400 !important;margin:40px 0 15px 0 !important;color:#1d1d1d !important}
.wysiwyg h4 {line-height:27px !important;font-size:27px !important;font-weight:600 !important;margin:40px 0 15px 0 !important;color:#1d1d1d !important;background-color:transparent !important;padding:0 !important;display:block !important}
.wysiwyg h5 {font-size:22px !important;font-weight:400 !important;margin:40px 0 15px 0 !important;color:#1d1d1d !important}
.wysiwyg h6 {font-size:22px !important;font-weight:600 !important;margin:40px 0 15px 0 !important;color:#1d1d1d !important;background-color:transparent !important;padding:0 !important}
.wysiwyg p {font-size:15px !important;line-height:20px !important;font-weight:300 !important;margin:0 0 12px 0 !important;letter-spacing:0.35}
.wysiwyg li {font-weight:300}
.wysiwyg b {font-family:"BwModelicaMediumCondensed"}
.wysiwyg img {max-height:400px;width:100%;object-fit:contain;padding:20px 0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}
pre.prettyprint {border-style:none;padding:20px;border-radius:8px;font-weight:400;letter-spacing:0.1px}