Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
tbf.ro
/
public
/
css
/
Information Server
MySQL :
OFF
Perl :
OFF
CURL :
ON
WGET :
OFF
PKEXEC :
OFF
Directive
Local Value
IP Address
89.40.16.97
System
Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User
tbf
PHP Version
7.3.33
Software
Apache
Doc root
Writable
close
Edit File :
app.css
| Size :
144.95
KB
Copy
body { background-color: #FFF; font-family: "OpenSans Regular"; } * { -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } *::-webkit-scrollbar, *::-webkit-scrollbar-thumb { width: 7px; height: 6px; border: 2px solid transparent; background-clip: padding-box; -webkit-border-radius: 7px; } *::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 10px #ECECEE; } *::-webkit-scrollbar-button { width: 0; height: 0; display: none; } *::-webkit-scrollbar-corner { background-color: transparent; } *::-webkit-scrollbar-track { display: none; } #tbf_app .container { max-width: 840px; } .page-content { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 100vh; } .page-content a:hover { color: #000000; text-decoration: underline; } .page-content .scrolled-body { -webkit-box-flex: 1; flex: 1; } .page-content .scrolled-body .container { padding-bottom: 30px; } @media screen and (max-width: 767px) { .page-content .scrolled-body .container { padding-right: 25px; padding-left: 25px; } } .arrow-back { width: 12px; margin-right: 10px; height: 12px; vertical-align: baseline; margin-bottom: -1px; } .margin-left-page { margin-left: 24px; } @media screen and (max-width: 767px) { .margin-left-page { margin-left: 0; } } .simple-text { font-size: 0.9375rem; color: #000000; font-family: "OpenSans Regular"; } .mt-80 { margin-top: 80px; } .hr_tbf { border-top: 1px solid #ECECEE; margin-top: 41px; margin-bottom: 41px; } .btn-tbf { background: #000000; color: #FFF; border: 1px solid #000000; font-family: OpenSans Bold; font-size: 0.8125rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; line-height: 1; padding: 11px 15px; } .btn-tbf:focus { outline: none; } .btn-tbf:hover { background: #FFF; color: #000000; text-decoration: none !important; } .alert_errors { padding: 13px 15px; margin-bottom: 1rem; background-color: #f5e4e4; border: 1px solid #efa5a5; color: #000000; font-size: 0.9375rem; } .alert_success { padding: 13px 15px; margin-bottom: 1rem; background-color: #e4f5e8; border: 1px solid #a5efab; color: #000000; font-size: 0.9375rem; } .error-message { color: #ff4545; font-size: 0.9375rem; } .login-box { width: 100%; max-width: 350px; padding: 30px 0px; } @media screen and (max-width: 767px) { .login-box { padding: 30px 25px; } } .login-box .title-custom { font-family: Delicious Bold; text-transform: uppercase; font-size: 1.75rem; } .login-box .logo { -webkit-box-align: end; align-items: flex-end; } .login-box .logo .text { color: #000000; width: 210px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .login-box .logo .text .part { font-family: Delicious Bold; text-transform: uppercase; font-size: 21px; line-height: 28px; } .login-box .logo .text .part.part-1 { overflow: hidden; width: 33px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .login-box .logo .text .part.part-2 { overflow: hidden; width: 50px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .login-box .logo .text .part.part-3 { overflow: hidden; width: 130px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .login-box .logo .border-logo { border-bottom: 15px solid #000000; width: 128px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; margin-left: auto; } .login-box .form-login { margin-top: 50px; } .login-box .form-login .input-text { color: #000000; border: 0; border-radius: 0; background: #f0f0f0; padding: 13px 15px; height: 50px; width: 100%; display: block; border: 1px solid transparent; } .login-box .form-login .input-text:focus { outline: none; border: 1px solid #000000; } .login-box .form-login .input-text::-webkit-input-placeholder { color: #000000; } .login-box .form-login .input-text:-moz-placeholder { color: #000000; } .login-box .form-login .input-text::-moz-placeholder { color: #000000; } .login-box .form-login .input-text:-ms-input-placeholder { color: #000000; } .login-box .form-login .input-text.error { border: 1px solid #efa5a5; } .login-box .form-login .or-login { position: relative; margin-top: 30px; margin-bottom: 30px; } .login-box .form-login .or-login span { background-color: #ffffff; padding: 0 10px; position: relative; z-index: 1; color: #000000; } .login-box .form-login .or-login:before { content: ""; display: block; border-top: 1px solid #ECECEE; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 0; } .login-box .form-login .btn-login { color: #FFF; padding: 12px 15px; height: 40px; font-family: OpenSans Bold; background-color: #000000; width: 100%; line-height: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 0; } .login-box .form-login .btn-login:focus { outline: none; } .login-box .form-login .btn-login:hover { color: rgba(255, 255, 255, 0.85); } .login-box .form-login .social-conections { display: -webkit-box; display: flex; } .login-box .form-login .social-conections div { background: transparent; border: 1px solid #F0F0F2; height: 40px; -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; cursor: pointer; } .login-box .form-login .social-conections div:focus { outline: none; } .login-box .form-login .social-conections .facebook { margin-right: 5px; } .login-box .form-login .social-conections .google { margin-left: 5px; } .login-box .form-login .link-forgot { color: #000000; } .login-box .form-login .forgot-dot { margin: 0 5px; } .box_gradient_top { background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(53%, rgba(255, 255, 255, 0.75)), color-stop(79%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.75) 53%, rgba(255, 255, 255, 0.5) 79%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 ); padding: 30px 60px; z-index: 9; } @media screen and (max-width: 767px) { .box_gradient_top { padding: 15px 60px; } } .navbar-tbf { padding: 0; position: fixed; top: 0; right: 0px; left: 0px; z-index: 9; } .navbar-tbf.yellow .container { background: transparent; } .navbar-tbf.yellow #menuToggle #menuMobile { background: #F8F508; } .navbar-tbf .container { background: #FFF; padding: 50px 70px 40px; } @media screen and (max-width: 767px) { .navbar-tbf .container { padding: 20px 25px; } } .navbar-tbf.small-logo .logo .text { width: 30px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .navbar-tbf.small-logo .logo .text .part.part-1 { overflow: hidden; width: 10px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .navbar-tbf.small-logo .logo .text .part.part-2 { overflow: hidden; width: 11px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .navbar-tbf.small-logo .logo .text .part.part-3 { overflow: hidden; width: 10px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .navbar-tbf.small-logo .logo .border-logo { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; width: 30px; } .navbar-tbf .logo { z-index: 99; } .navbar-tbf .logo a:hover { text-decoration: none; } .navbar-tbf .logo .text { color: #000000; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .navbar-tbf .logo .text .part { font-family: Delicious Bold; text-transform: uppercase; font-size: 18px; line-height: 1; } .navbar-tbf .logo .text .part.part-1 { overflow: hidden; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .navbar-tbf .logo .text .part.part-2 { overflow: hidden; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .navbar-tbf .logo .text .part.part-3 { overflow: hidden; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .navbar-tbf .logo .border-logo { border-bottom: 11px solid #000000; width: 108px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; margin-left: auto; } .footer-tbf { padding: 0; position: fixed; bottom: 0; right: 0; left: 0; z-index: 9; } @media screen and (max-width: 767px) { .footer-tbf { display: none; } } .footer-tbf .box-gradient-bottom { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(21%, rgba(255, 255, 255, 0.5)), color-stop(47%, rgba(255, 255, 255, 0.75)), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 21%, rgba(255, 255, 255, 0.75) 47%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); padding: 15px 60px; z-index: 9; margin-left: -15px; margin-right: -15px; } @media screen and (max-width: 767px) { .footer-tbf .box-gradient-bottom { padding: 10px 60px; } } .footer-tbf .icon-bottom { background: #FFF; padding-top: 30px; padding-bottom: 20px; text-align: center; margin-left: -15px; margin-right: -15px; } .footer-tbf .icon-bottom img { width: 17px; cursor: pointer; -webkit-transition: transform 0.7s; -webkit-transition: -webkit-transform 0.7s; transition: -webkit-transform 0.7s; transition: transform 0.7s; transition: transform 0.7s, -webkit-transform 0.7s; } .footer-tbf .icon-bottom img.flip { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } @media screen and (max-width: 767px) { .footer-tbf .icon-bottom { padding-top: 10px; padding-bottom: 10px; } } .footer-tbf .menu-bottom { background: #FFF; padding: 0px 15px 20px; -webkit-transition: margin 0.7s; transition: margin 0.7s; margin-bottom: 0px; margin-left: -15px; margin-right: -15px; } .footer-tbf .menu-bottom a { color: #000000; font-size: 0.875rem; cursor: pointer; } .footer-tbf .menu-bottom a:hover { text-decoration: underline; } @media screen and (max-width: 767px) { .footer-tbf .menu-bottom a { padding: 3px 0px; } } .footer-tbf .menu-bottom.hide_menu { margin-bottom: -62px; } @media screen and (max-width: 767px) { .footer-tbf .menu-bottom.hide_menu { margin-bottom: -209px; } } @media screen and (max-width: 767px) { .footer-tbf .menu-bottom { padding: 0px 15px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; } } .list-courses { margin-top: 200px; } @media screen and (max-width: 767px) { .list-courses { margin-top: 150px; } } .list-courses .course-item { margin-bottom: 10px; padding: 35px 55px; } .list-courses .course-item:hover { background: #FFFC02; } .list-courses .course-item:hover .rating-course .star-rating .fill-star { fill: transparent; } @media screen and (max-width: 767px) { .list-courses .course-item { padding: 20px 0px; } .list-courses .course-item:hover { background: initial; } } .list-courses .course-item:last-child { margin-bottom: 0px; } .list-courses .course-item .title-course h2 { color: #000000; font-size: 1.25rem; font-family: "OpenSans SemiBold"; } .list-courses .course-item .title-course h2:hover { cursor: pointer; } .list-courses .course-item .title-course .course-block { margin-top: -3px; margin-left: 5px; } .list-courses .course-item .suggested_course { margin-top: 3px; background: #000; color: #FFF; display: -webkit-inline-box; display: inline-flex; font-size: 0.9375rem; padding: 4px 6px; line-height: 1; } .list-courses .course-item .progress-course { margin-top: 3px; } .list-courses .course-item .progress-course .progress-bar-tbf { width: 90px; height: 7px; background: #D3D2D2; overflow: hidden; position: relative; margin-right: 10px; font-weight: 300; } .list-courses .course-item .progress-course .progress-bar-tbf .completed-progress { height: 7px; background: #000000; } .list-courses .course-item .progress-course .data-progress { color: #999999; font-size: 0.875rem; } .list-courses .course-item .rating-course { margin-top: -2px; } .list-courses .course-item .rating-course a:hover { text-decoration: none; } .list-courses .course-item .rating-course .star-rating { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; } .list-courses .course-item .rating-course .star-rating .star { padding-right: 2px; width: 18px; } .list-courses .course-item .rating-course .star-rating .star.star-1.average-1 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-1.average-1 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-1.average-2 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-1.average-2 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-1.average-3 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-1.average-3 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-1.average-4 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-1.average-4 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-1.average-5 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-1.average-5 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-2.average-2 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-2.average-2 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-2.average-3 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-2.average-3 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-2.average-4 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-2.average-4 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-2.average-5 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-2.average-5 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-3.average-3 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-3.average-3 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-3.average-4 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-3.average-4 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-3.average-5 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-3.average-5 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-4.average-4 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-4.average-4 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-4.average-5 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-4.average-5 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-5.average-5 .fill-star { fill: #000000; } .list-courses .course-item .rating-course .star-rating .star.star-5.average-5 .stroke-star { fill: #000000; } .list-courses .course-item .rating-course .no-reviews { color: #999999; font-size: 0.875rem; display: -webkit-inline-box; display: inline-flex; margin-left: 7px; } .list-courses .course-item .description-course { margin-top: 16px; color: #666666; font-size: 0.9375rem; cursor: pointer; } .list-courses .course-item .actions-buttons { margin-top: 15px; } .list-courses .course-item .actions-buttons a { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; color: #000000; font-size: 0.9375rem; vertical-align: bottom; padding-right: 10px; cursor: pointer; } .list-courses .course-item .actions-buttons a img { width: 15px; margin-right: 5px; } .list-courses .course-item .actions-buttons a:hover { text-decoration: underline; } .list-courses .subtitle-related { font-size: 1.125rem; color: #000000; font-family: OpenSans SemiBold; margin-bottom: 0; line-height: 1; padding: 0 55px; margin-top: 38px; } .list-courses .related_courses { display: -webkit-box; display: flex; flex-wrap: wrap; margin-top: 22px; padding: 0 55px; } @media screen and (max-width: 767px) { .list-courses .related_courses { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .list-courses .related_courses .related_item { width: 33.33%; display: -webkit-inline-box; display: inline-flex; margin-bottom: 12px; height: 166px; } @media screen and (max-width: 767px) { .list-courses .related_courses .related_item { width: 100%; } } .list-courses .related_courses .related_item:nth-of-type(3n+1) { padding-right: 8px; padding-left: 0px; } @media screen and (max-width: 767px) { .list-courses .related_courses .related_item:nth-of-type(3n+1) { padding-right: 0px; padding-left: 0px; } } .list-courses .related_courses .related_item:nth-of-type(3n+2) { padding-right: 4px; padding-left: 4px; } @media screen and (max-width: 767px) { .list-courses .related_courses .related_item:nth-of-type(3n+2) { padding-right: 0px; padding-left: 0px; } } .list-courses .related_courses .related_item:nth-of-type(3n+3) { padding-right: 0px; padding-left: 8px; } @media screen and (max-width: 767px) { .list-courses .related_courses .related_item:nth-of-type(3n+3) { padding-right: 0px; padding-left: 0px; } } .list-courses .related_courses .related_item .box { padding: 20px; border: 2px solid #000000; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: -webkit-box; display: flex; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; width: 100%; } .list-courses .related_courses .related_item .box:hover { background: #000000; } .list-courses .related_courses .related_item .box:hover .title-course { color: #FFF; } .list-courses .related_courses .related_item .box:hover .short_description { color: #FFF; } .list-courses .related_courses .related_item .box:hover .star-rating .star .fill-star { fill: #FFF; } .list-courses .related_courses .related_item .box:hover .star-rating .star .stroke-star { fill: #FFF; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-1.average-1 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-1.average-1 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-1.average-2 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-1.average-2 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-1.average-3 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-1.average-3 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-1.average-4 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-1.average-4 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-1.average-5 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-1.average-5 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-2.average-2 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-2.average-2 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-2.average-3 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-2.average-3 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-2.average-4 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-2.average-4 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-2.average-5 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-2.average-5 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-3.average-3 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-3.average-3 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-3.average-4 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-3.average-4 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-3.average-5 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-3.average-5 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-4.average-4 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-4.average-4 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-4.average-5 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-4.average-5 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-5.average-5 .fill-star { fill: #F8F508; } .list-courses .related_courses .related_item .box:hover .star-rating .star.star-5.average-5 .stroke-star { fill: #F8F508; } .list-courses .related_courses .related_item .box .title-course { font-family: OpenSans SemiBold; color: #000000; font-size: 0.875rem; margin-bottom: 25px; } .list-courses .related_courses .related_item .box .short_description { color: #666666; font-size: 0.875rem; margin-bottom: 8px; line-height: 1.1875rem; height: 59px; overflow: hidden; } .list-courses .related_courses .related_item .box .star-rating { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; } .list-courses .related_courses .related_item .box .star-rating .star { padding-right: 1px; width: 16px; } .list-courses .related_courses .related_item .box .star-rating .star.star-1.average-1 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-1.average-1 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-1.average-2 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-1.average-2 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-1.average-3 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-1.average-3 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-1.average-4 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-1.average-4 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-1.average-5 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-1.average-5 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-2.average-2 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-2.average-2 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-2.average-3 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-2.average-3 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-2.average-4 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-2.average-4 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-2.average-5 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-2.average-5 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-3.average-3 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-3.average-3 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-3.average-4 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-3.average-4 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-3.average-5 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-3.average-5 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-4.average-4 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-4.average-4 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-4.average-5 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-4.average-5 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-5.average-5 .fill-star { fill: #000000; } .list-courses .related_courses .related_item .box .star-rating .star.star-5.average-5 .stroke-star { fill: #000000; } .list-courses .related_courses .related_item.view-all .box { -webkit-box-pack: center; justify-content: center; background: #000; } .list-courses .related_courses .related_item.view-all .box .title-course { color: #FFF; margin-bottom: 0; text-align: center; } .list-courses .paginate { display: -webkit-box; display: flex; padding: 0px 55px; margin-top: 44px; } @media screen and (max-width: 767px) { .list-courses .paginate { padding: 0; } } .list-courses .paginate .dots { width: 27px; height: 37px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: #000000; margin-right: 10px; } .list-courses .paginate .page { width: 37px; height: 37px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: 2px solid #000000; margin-right: 10px; font-family: OpenSans SemiBold; color: #000000; font-size: 0.8125rem; cursor: pointer; } .list-courses .paginate .page.active { background: #000000; color: #FFF; } #menuToggle:has(input:checked) { z-index: 9; } #menuToggle { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #menuToggle .button-action { cursor: pointer; } #menuToggle span { display: -webkit-box; display: flex; width: 20px; height: 3px; margin-bottom: 3px; position: relative; background: #000000; border-radius: 3px; z-index: 2; -webkit-transform-origin: 2px 0px; transform-origin: 2px 0px; -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); } #menuToggle span:first-child { -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } #menuToggle span:nth-last-child(2) { -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } #menuToggle #menuMobile { position: absolute; left: 0; right: 0; top: 0; height: 100vh; padding: 53px 70px 25px; background: #FFF; -webkit-font-smoothing: antialiased; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: 9; } @media screen and (max-width: 767px) { #menuToggle #menuMobile { padding-left: 25px; padding-right: 25px; padding-top: 22px; } } #menuToggle #menuMobile.active { -webkit-transform: scaleY(1); transform: scaleY(1); } #menuToggle #menuMobile.active .box-container { opacity: 1; } #menuToggle #menuMobile.active .header { opacity: 1; } #menuToggle #menuMobile .header { max-width: 700px; margin: 0 auto; padding-bottom: 70px; display: -webkit-box; display: flex; opacity: 0; } #menuToggle #menuMobile .header .close-menu { display: -webkit-box; display: flex; cursor: pointer; margin-top: -2px; } #menuToggle #menuMobile .box-container { max-width: 700px; margin: 0 auto; opacity: 0; } #menuToggle #menuMobile .mini-hr { height: 3px; width: 45px; background: #000; margin-bottom: 26px; margin-top: 13px; } #menuToggle #menuMobile p { color: rgba(0, 0, 0, 0.3); font-family: OpenSans Regular; font-size: 0.9375rem; margin-bottom: 20px; } #menuToggle #menuMobile a { color: #000000; font-family: OpenSans SemiBold; font-size: 1rem; margin-bottom: 13px; display: block; } #menuToggle #menuMobile a:focus { text-decoration: none; } #searchToggle { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 10px; } #searchToggle .button-action { cursor: pointer; display: -webkit-box; display: flex; } #searchToggle img { margin-top: -1px; position: relative; z-index: 1; } #searchToggle #searchMenu { position: absolute; left: 0; right: 0; top: 0; height: 100vh; padding: 53px 70px 25px; background: #FFF; -webkit-font-smoothing: antialiased; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: 9; } @media screen and (max-width: 767px) { #searchToggle #searchMenu { padding-left: 25px; padding-right: 25px; padding-top: 22px; } } #searchToggle #searchMenu.active { -webkit-transform: scaleY(1); transform: scaleY(1); } #searchToggle #searchMenu.active .box-container { opacity: 1; } #searchToggle #searchMenu.active .header { opacity: 1; } #searchToggle #searchMenu .header { max-width: 700px; margin: 0 auto; padding-bottom: 70px; display: -webkit-box; display: flex; opacity: 0; } #searchToggle #searchMenu .header .close-menu { display: -webkit-box; display: flex; cursor: pointer; } #searchToggle #searchMenu .box-container { max-width: 700px; margin: 0 auto; opacity: 0; } #searchToggle #searchMenu .box-container .input-tbf-text { width: 100%; border: 0; font-family: OpenSans Regular; font-size: 0.875rem; color: #000000; padding: 14px 20px 14px 20px; background: #F7F7F7; border: 1px solid transparent; } #searchToggle #searchMenu .box-container .input-tbf-text:focus { outline: none; } #searchToggle #searchMenu .box-container .input-tbf-text:focus { border: 1px solid #000000; } #searchToggle #searchMenu .box-container .input-tbf-text::-webkit-input-placeholder { color: #626262; } #searchToggle #searchMenu .box-container .input-tbf-text:-moz-placeholder { color: #626262; } #searchToggle #searchMenu .box-container .input-tbf-text::-moz-placeholder { color: #626262; } #searchToggle #searchMenu .box-container .input-tbf-text:-ms-input-placeholder { color: #626262; } #searchToggle #searchMenu .box-container .input-tbf-text.error { border: 1px solid #efa5a5; } #searchToggle #searchMenu .box-container .list-courses-search { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: 20px; } #searchToggle #searchMenu .box-container .list-courses-search .item-course { display: -webkit-box; display: flex; padding: 10px 20px; -webkit-box-align: center; align-items: center; cursor: pointer; } #searchToggle #searchMenu .box-container .list-courses-search .item-course:hover { background: #FFFC02; } #searchToggle #searchMenu .box-container .list-courses-search .item-course span { font-family: OpenSans Regular; color: #000000; font-size: 0.9375rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #searchToggle #searchMenu .box-container .list-courses-search .item-course span .highlight { background-color: #F8F508; padding: 0; } #searchToggle #searchMenu .box-container .list-courses-search .item-course .progress-bar-tbf { margin-left: auto; width: 90px; min-width: 90px; height: 7px; background: #D3D2D2; overflow: hidden; position: relative; margin-right: 10px; font-weight: 300; } #searchToggle #searchMenu .box-container .list-courses-search .item-course .progress-bar-tbf .completed-progress { height: 7px; background: #000000; } .page-reviews { margin-top: 200px; } @media screen and (max-width: 767px) { .page-reviews { margin-top: 150px; } } .page-reviews .title-course-header { font-size: 1.25rem; color: #000000; font-family: OpenSans SemiBold; margin-bottom: 0; } .page-reviews .list-reviews .review-item { margin-top: 40px; } .page-reviews .list-reviews .review-item .review-data .review-rating { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; } .page-reviews .list-reviews .review-item .review-data .review-rating .star { padding-right: 2px; width: 18px; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-1.sc-1 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-1.sc-1 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-1.sc-2 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-1.sc-2 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-1.sc-3 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-1.sc-3 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-1.sc-4 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-1.sc-4 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-1.sc-5 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-1.sc-5 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-2.sc-2 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-2.sc-2 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-2.sc-3 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-2.sc-3 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-2.sc-4 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-2.sc-4 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-2.sc-5 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-2.sc-5 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-3.sc-3 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-3.sc-3 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-3.sc-4 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-3.sc-4 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-3.sc-5 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-3.sc-5 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-4.sc-4 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-4.sc-4 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-4.sc-5 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-4.sc-5 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-5.sc-5 .fill-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-rating .star.star-5.sc-5 .stroke-star { fill: #000000; } .page-reviews .list-reviews .review-item .review-data .review-author { color: #999999; font-size: 0.875rem; margin-left: 7px; } .page-reviews .list-reviews .review-item .review-description { margin-top: 10px; color: #666666; font-size: 0.9375rem; } .content-page-course .video-box { height: 0; background: #F8F508; position: relative; width: 100%; text-align: center; z-index: 5; padding-bottom: 56.25%; padding-top: 0px; margin-bottom: 52px; margin-top: 38px; } .content-page-course .video-box.video-started { padding-bottom: initial; padding-top: initial; } .content-page-course .video-box .play_video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 16px 30px; background: #000; cursor: pointer; } .content-page-course .video-box .bar-video { position: absolute; left: 0; right: 0; bottom: 0; display: -webkit-box; display: flex; } .content-page-course .video-box .bar-video .play-bar { background: #000; cursor: pointer; height: 30px; width: 37px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .content-page-course .video-box .bar-video .play-bar svg { height: 11px; width: auto; } .content-page-course .video-box .bar-video .progress-bar-video { width: 100%; background: rgba(157, 157, 145, 0.4); } .content-page-course .video-box .bar-video .progress-bar-video .completed-progress { background: rgba(12, 12, 0, 0.5); height: 100%; } .content-page-course .video-box .video-player { position: absolute; top: 0; left: 0; height: 100%; max-width: 700px; width: 100%; display: none; } .content-page-course .video-box .image-course { max-height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 0; } .content-page-course .video-box .next-course { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; } .content-page-course .video-box .next-course .box-content { background: rgba(0, 0, 0, 0.74); color: #FFF; padding: 30px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; text-align: left; width: 100%; height: 100%; } @media screen and (max-width: 767px) { .content-page-course .video-box .next-course .box-content { padding: 15px; -webkit-box-align: center; align-items: center; } } .content-page-course .video-box .next-course .box-content h4 { font-size: 1.1875rem; font-family: OpenSans SemiBold; } @media screen and (max-width: 767px) { .content-page-course .video-box .next-course .box-content h4 { font-size: 1rem; margin-bottom: 15px; } } .content-page-course .video-box .next-course .box-content p { font-size: 0.9375rem; color: #c6c6b4; max-width: 410px; } @media screen and (max-width: 767px) { .content-page-course .video-box .next-course .box-content p { display: none; } } .content-page-course .video-box .next-course .box-content .buttons-next-course { display: -webkit-box; display: flex; } @media screen and (max-width: 767px) { .content-page-course .video-box .next-course .box-content .buttons-next-course { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_progress { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; } @media screen and (max-width: 767px) { .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_progress { -webkit-box-align: center; align-items: center; margin-bottom: 10px; } } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_progress .cancel_timeout { font-size: 0.775rem; text-decoration: underline; margin-top: 5px; cursor: pointer; } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_progress .cancel_timeout:hover { opacity: 0.7; } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_aut { position: relative; height: 36px; border: 2px solid #FFF; width: 195px; cursor: pointer; } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_aut .start_position { position: absolute; top: 0; left: 0; height: 32px; padding: 4px 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; z-index: 1; width: 100%; } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_aut .start_position span { padding-left: 8px; font-family: OpenSans semiBold; font-size: 0.8125rem; color: #FFF; } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_aut .start_position:hover { background: #FFF; } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_aut .start_position:hover span { color: #000; } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_aut .start_position:hover svg path { fill: #000; } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_aut .end_position { width: 0%; overflow: hidden; z-index: 9; position: absolute; top: 0; left: 0; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 5s; transition-duration: 5s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_aut .end_position div { padding: 4px 10px; min-width: 193px; background: #FFF; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 32px; } .content-page-course .video-box .next-course .box-content .buttons-next-course .next_course_aut .end_position span { padding-left: 8px; font-family: OpenSans semiBold; font-size: 0.8125rem; color: #000; } .content-page-course .video-box .next-course .box-content .buttons-next-course .random_course { margin-left: 15px; position: relative; height: 36px; border: 2px solid #FFF; width: 195px; cursor: pointer; padding: 4px 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } @media screen and (max-width: 767px) { .content-page-course .video-box .next-course .box-content .buttons-next-course .random_course { margin-left: 0; } } .content-page-course .video-box .next-course .box-content .buttons-next-course .random_course span { padding-left: 8px; font-family: OpenSans semiBold; font-size: 0.8125rem; color: #FFF; } .content-page-course .video-box .next-course .box-content .buttons-next-course .random_course svg path { fill: #FFF; } .content-page-course .video-box .next-course .box-content .buttons-next-course .random_course:hover { background: #FFF; } .content-page-course .video-box .next-course .box-content .buttons-next-course .random_course:hover span { color: #000; } .content-page-course .video-box .next-course .box-content .buttons-next-course .random_course:hover svg path { fill: #000; } .content-page-course .data-course { padding-top: 233px; padding-left: 70px; padding-right: 70px; } @media screen and (max-width: 369px) { .content-page-course .data-course { padding-top: 150px; } } @media (min-width: 370px) and (max-width: 380px) { .content-page-course .data-course { padding-top: 170px; } } @media (min-width: 381px) and (max-width: 764px) { .content-page-course .data-course { padding-top: 200px; } } .content-page-course .header-content .title-course-header { font-size: 1.3125rem; color: #000000; font-family: OpenSans SemiBold; margin-bottom: 0; } .content-page-course .header-content .title-course-header img { margin-top: -3px; margin-left: 5px; } .content-page-course .header-content .price-course { font-size: 1.0625rem; font-family: OpenSans Bold; } .content-page-course .rating-course { margin-top: 5px; } .content-page-course .rating-course a:hover { text-decoration: none; } .content-page-course .rating-course .star-rating { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; } .content-page-course .rating-course .star-rating .star { padding-right: 2px; width: 18px; } .content-page-course .rating-course .star-rating .star.star-1.average-1 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-1.average-1 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-1.average-2 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-1.average-2 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-1.average-3 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-1.average-3 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-1.average-4 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-1.average-4 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-1.average-5 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-1.average-5 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-2.average-2 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-2.average-2 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-2.average-3 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-2.average-3 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-2.average-4 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-2.average-4 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-2.average-5 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-2.average-5 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-3.average-3 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-3.average-3 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-3.average-4 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-3.average-4 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-3.average-5 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-3.average-5 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-4.average-4 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-4.average-4 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-4.average-5 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-4.average-5 .stroke-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-5.average-5 .fill-star { fill: #000000; } .content-page-course .rating-course .star-rating .star.star-5.average-5 .stroke-star { fill: #000000; } .content-page-course .rating-course .no-reviews { color: #999999; font-size: 0.875rem; display: -webkit-inline-box; display: inline-flex; margin-left: 7px; } .content-page-course .description-course { margin-top: 20px; color: #666666; font-size: 0.9375rem; } .content-page-course .description-course a { color: #000000; text-decoration: underline; } .content-page-course .description-course b { color: #000000; font-weight: normal; } .content-page-course .description-course b.bold { font-weight: bold; } .content-page-course .description-course u { color: #000000; } .content-page-course .description-course.no-margin-top { margin-top: 0px; } .content-page-course .description-wrapper { display: -webkit-box; display: flex; } .content-page-course .description-wrapper .description-holder { width: 50%; } .content-page-course .description-wrapper .description-holder.first { padding-right: 20px; } .content-page-course .description-wrapper .description-holder.last { padding-left: 20px; } .content-page-course .description-wrapper .description-holder .description-course.no-margin { margin-top: 0px; } @media screen and (max-width: 767px) { .content-page-course .description-wrapper .description-holder { width: 100%; padding: 0px !important; } } @media screen and (min-width: 767px) { .content-page-course .description-wrapper .description-holder .description-course.no-margin-on-desktop { margin-top: 0px; } } @media screen and (max-width: 767px) { .content-page-course .description-wrapper { display: block; } } .content-page-course .footer hr { margin-bottom: 16px; } .content-page-course .footer .description-holder { font-size: 14px; color: #666666; } .content-page-course .footer .description-holder.last { text-align: right; } .content-page-course .footer .description-holder a { color: #666666; } @media screen and (max-width: 767px) { .content-page-course .footer .description-holder.last { text-align: left; } } .content-page-course .list-targets { margin-top: 20px; } .content-page-course .list-targets .target { color: #666666; font-size: 0.9375rem; line-height: 1; margin-bottom: 14px; } .content-page-course .list-targets .target svg { margin-right: 7px; min-width: 13px; } .content-page-course .list-targets .target:last-child { margin-bottom: 0; } .content-page-course .actions-buttons { margin-top: 15px; } .content-page-course .actions-buttons .buy-btn { background-color: #000000; border: 0; color: #FFF; text-transform: uppercase; font-size: 0.8125rem; text-align: center; padding: 5px 10px; margin-right: 10px; font-family: OpenSans Bold; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .content-page-course .actions-buttons .buy-btn:hover { color: rgba(255, 255, 255, 0.85); text-decoration: none; } .content-page-course .actions-buttons .normal-link { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; color: #000000; font-size: 0.9375rem; vertical-align: bottom; padding-right: 10px; cursor: pointer; } .content-page-course .actions-buttons .normal-link img { width: 15px; margin-right: 5px; } .content-page-course .actions-buttons .normal-link:hover { text-decoration: underline; } .content-page-course .subtitle { font-size: 1.125rem; color: #000000; font-family: OpenSans SemiBold; margin-bottom: 20px; line-height: 1.4; } .content-page-course .subtitle.no-margin-bottom { margin-bottom: 0px; } .content-page-course .have-accordion .grouped-lessons .list-lessons .main-item .lesson-item .title-lesson { color: #e0e0e0; } .content-page-course .have-accordion .grouped-lessons .list-lessons .main-item .lesson-item .column-right .type-file { color: #e0e0e0; } .content-page-course .have-accordion .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .icon-download rect { fill: #e0e0e0; } .content-page-course .have-accordion .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .icon-download path { fill: #e0e0e0; } .content-page-course .have-accordion .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .arrow-down path { stroke: #e0e0e0; } .content-page-course .grouped-lessons { margin-top: 0px; } .content-page-course .grouped-lessons:last-child .list-lessons .main-item .lesson-item { margin-bottom: 0; } .content-page-course .grouped-lessons h3 { color: #666666; font-size: 0.9375rem; margin-bottom: 13px; font-family: OpenSans Regular; } @media screen and (max-width: 767px) { .content-page-course .grouped-lessons .list-lessons .main-item { margin-bottom: 20px; } } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item { margin-bottom: 4px; padding: 0px 10px; margin-left: -10px; margin-right: -10px; position: relative; min-height: 31px; cursor: pointer; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item:hover { background: #f0f0f0; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item:hover .title-lesson { color: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item:hover .column-right .type-file { color: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item:hover .column-right .icons-right .icon-download rect { fill: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item:hover .column-right .icons-right .icon-download path { fill: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item:hover .column-right .icons-right .arrow-down path { stroke: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .complete_lesson { position: absolute; top: 0; bottom: 0; left: 0; background: #ebebe9; z-index: 1; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.complete .title-lesson { color: #cccccc; text-decoration: line-through; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.complete .column-right .time { color: #CCC; text-decoration: line-through; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.last_seen { background: #000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.last_seen .complete_lesson { background: #000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.last_seen .title-lesson { color: #FFF; text-decoration: none; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.last_seen .column-right .time { color: #FFF; text-decoration: none; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.last_seen .column-right .percentage { display: none; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.last_seen .column-right .icons-right { background: #000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.last_seen .column-right .icons-right .play-icon { fill: #FFF; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .title-lesson { font-size: 0.9375rem; cursor: pointer; color: #000000; z-index: 3; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; z-index: 3; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .time { color: #999999; font-size: 0.875rem; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .percentage { margin-left: 10px; width: 80px; height: 7px; background: #CCC; overflow: hidden; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .percentage .percentage-complete { height: 7px; background: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .type-file { color: #000000; font-size: 0.875rem; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right { height: 31px; margin-left: 10px; cursor: pointer; text-align: center; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .play-icon { fill: #000; height: 11px; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .file-icon { height: 13px; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .file-icon path { stroke: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .file-icon polygon { fill: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .arrow-down path { stroke: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .close-accordion { display: none; height: 9px; width: auto; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .icon-download rect { fill: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item .column-right .icons-right .icon-download path { fill: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.block .title-lesson { color: #000000; cursor: initial; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.block .column-right .block-lesson { width: 24px; margin-left: 15px; height: 24px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.block .file-item { color: #999999; cursor: initial; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.block .file-item .file-icon { margin-right: 7px; height: 13px; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.block .file-item .file-icon path { stroke: #999999; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.block .file-item .file-icon polygon { fill: #999999; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.active-accordion .title-lesson { color: #000000; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.active-accordion .column-right .icons-right .arrow-down { display: none; } .content-page-course .grouped-lessons .list-lessons .main-item .lesson-item.active-accordion .column-right .close-accordion { display: block; } .content-page-course .grouped-lessons .list-lessons .main-item .video-course { margin: 30px 0px; } .content-page-course .grouped-lessons .list-lessons .main-item .video-course .loading_video { width: 100%; } .content-page-course .grouped-lessons .list-lessons .main-item .video-course .opacity-video { visibility: hidden !important; } .content-page-course .grouped-lessons .list-lessons .main-item .panel-answer { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out; } .content-page-course .grouped-lessons .list-lessons .main-item .panel-answer .answer-text { color: #666666; font-size: 0.875rem; padding-top: 7px; padding-bottom: 10px; } .content-page-course .grouped-lessons .list-lessons .main-item .panel-answer .answer-text p { margin-bottom: 0; } .content-page-course .grouped-lessons .list-lessons .main-item .panel-answer .answer-text a { color: #000000; cursor: pointer; } .content-page-course .grouped-lessons .list-lessons .main-item .panel-answer .answer-text a:hover { text-decoration: underline; } .content-page-course .summary_book .content-course { width: 50%; } .content-page-course .summary_book .content-course .item-include { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; color: #000000; font-size: 0.9375rem; margin-bottom: 7px; } .content-page-course .summary_book .content-course .item-include svg { margin-right: 7px; } @media screen and (max-width: 767px) { .content-page-course .summary_book .content-course { width: 100%; } } .content-page-course .summary_book .price-book { width: 50%; text-align: right; } .content-page-course .summary_book .price-book .name { color: #666666; font-size: 0.9375rem; margin-bottom: 0; line-height: 20px; } .content-page-course .summary_book .price-book .initial_price { color: #666666; font-size: 0.9375rem; margin-bottom: 13px; line-height: 20px; } .content-page-course .summary_book .price-book .total_price { color: #000000; font-size: 1.25rem; margin-bottom: 0; } .content-page-course .summary_book .price-book .total_price strong { font-family: OpenSans Bold; } @media screen and (max-width: 767px) { .content-page-course .summary_book .price-book { width: 100%; margin-top: 15px; text-align: left; } } @media screen and (max-width: 767px) { .content-page-course .summary_book .content-summary { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .content-page-course .book-course { text-align: right; } .content-page-course .book-course a { display: inline-block; } @media screen and (max-width: 767px) { .content-page-course .book-course a { width: 100%; text-align: center; } } .content-page-course .related_courses { display: -webkit-box; display: flex; flex-wrap: wrap; margin-top: 22px; } @media screen and (max-width: 767px) { .content-page-course .related_courses { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .content-page-course .related_courses .related_item { width: 33.33%; display: -webkit-inline-box; display: inline-flex; margin-bottom: 12px; height: 166px; } @media screen and (max-width: 767px) { .content-page-course .related_courses .related_item { width: 100%; } } .content-page-course .related_courses .related_item:nth-of-type(3n+1) { padding-right: 8px; padding-left: 0px; } @media screen and (max-width: 767px) { .content-page-course .related_courses .related_item:nth-of-type(3n+1) { padding-right: 0px; padding-left: 0px; } } .content-page-course .related_courses .related_item:nth-of-type(3n+2) { padding-right: 4px; padding-left: 4px; } @media screen and (max-width: 767px) { .content-page-course .related_courses .related_item:nth-of-type(3n+2) { padding-right: 0px; padding-left: 0px; } } .content-page-course .related_courses .related_item:nth-of-type(3n+3) { padding-right: 0px; padding-left: 8px; } @media screen and (max-width: 767px) { .content-page-course .related_courses .related_item:nth-of-type(3n+3) { padding-right: 0px; padding-left: 0px; } } .content-page-course .related_courses .related_item .box { padding: 20px; border: 2px solid #000000; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: -webkit-box; display: flex; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; width: 100%; } .content-page-course .related_courses .related_item .box:hover { background: #000000; } .content-page-course .related_courses .related_item .box:hover .title-course { color: #FFF; } .content-page-course .related_courses .related_item .box:hover .short_description { color: #FFF; } .content-page-course .related_courses .related_item .box:hover .star-rating .star .fill-star { fill: #FFF; } .content-page-course .related_courses .related_item .box:hover .star-rating .star .stroke-star { fill: #FFF; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-1.average-1 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-1.average-1 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-1.average-2 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-1.average-2 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-1.average-3 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-1.average-3 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-1.average-4 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-1.average-4 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-1.average-5 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-1.average-5 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-2.average-2 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-2.average-2 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-2.average-3 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-2.average-3 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-2.average-4 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-2.average-4 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-2.average-5 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-2.average-5 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-3.average-3 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-3.average-3 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-3.average-4 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-3.average-4 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-3.average-5 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-3.average-5 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-4.average-4 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-4.average-4 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-4.average-5 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-4.average-5 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-5.average-5 .fill-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box:hover .star-rating .star.star-5.average-5 .stroke-star { fill: #F8F508; } .content-page-course .related_courses .related_item .box .title-course { font-family: OpenSans SemiBold; color: #000000; font-size: 0.875rem; margin-bottom: 25px; } .content-page-course .related_courses .related_item .box .short_description { color: #666666; font-size: 0.875rem; margin-bottom: 8px; line-height: 1.1875rem; height: 59px; overflow: hidden; } .content-page-course .related_courses .related_item .box .star-rating { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; } .content-page-course .related_courses .related_item .box .star-rating .star { padding-right: 1px; width: 16px; } .content-page-course .related_courses .related_item .box .star-rating .star.star-1.average-1 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-1.average-1 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-1.average-2 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-1.average-2 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-1.average-3 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-1.average-3 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-1.average-4 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-1.average-4 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-1.average-5 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-1.average-5 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-2.average-2 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-2.average-2 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-2.average-3 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-2.average-3 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-2.average-4 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-2.average-4 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-2.average-5 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-2.average-5 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-3.average-3 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-3.average-3 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-3.average-4 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-3.average-4 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-3.average-5 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-3.average-5 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-4.average-4 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-4.average-4 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-4.average-5 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-4.average-5 .stroke-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-5.average-5 .fill-star { fill: #000000; } .content-page-course .related_courses .related_item .box .star-rating .star.star-5.average-5 .stroke-star { fill: #000000; } .content-page-course .questions-actions { display: -webkit-box; display: flex; } @media screen and (max-width: 767px) { .content-page-course .questions-actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .content-page-course .questions-actions .box-grey { background: #F7F7F7; padding: 30px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; width: 50%; } @media screen and (max-width: 767px) { .content-page-course .questions-actions .box-grey { margin-bottom: 20px; width: 100%; } } .content-page-course .questions-actions .box-grey.left { margin-right: 10px; } @media screen and (max-width: 767px) { .content-page-course .questions-actions .box-grey.left { margin-right: 0px; } } .content-page-course .questions-actions .box-grey.right { margin-left: 10px; } @media screen and (max-width: 767px) { .content-page-course .questions-actions .box-grey.right { margin-left: 0px; } } .content-page-course .questions-actions .box-grey p { font-size: 0.8125rem; max-width: 205px; color: #666666; margin-bottom: 15px; } @media screen and (max-width: 767px) { .content-page-course .questions-actions .box-grey p { max-width: 305px; } } .content-page-course .questions-actions .box-grey button { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; max-width: 205px; width: 100%; } .content-page-course .questions-actions .box-grey button .icon-lock { margin-right: 10px; } .content-page-course .questions-actions .box-grey button .icon-lock .color-icon { fill: #FFF; } .content-page-course .questions-actions .box-grey button:hover .icon-lock .color-icon { fill: #000; } .content-page-course .popup_questions { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 99; } .content-page-course .popup_questions .box_white { max-width: 700px; background: #FFF; padding: 50px; width: 100%; margin: 15px; } @media screen and (max-width: 767px) { .content-page-course .popup_questions .box_white { padding: 30px 20px; } } .content-page-course .popup_questions .box_white h3 { font-size: 1.3125rem; font-weight: bold; color: #000000; margin-bottom: 10px; } .content-page-course .popup_questions .box_white p { color: #000000; font-size: 0.9375rem; margin-bottom: 30px; } .content-page-course .popup_questions .box_white p a { color: #000000; text-decoration: underline; } .content-page-course .add-review-component h4, .content-page-course .add-question-component h4 { color: #000000; font-size: 1.25rem; margin-bottom: 0; font-family: OpenSans SemiBold; } .content-page-course .add-review-component .success-message, .content-page-course .add-question-component .success-message { padding: 13px 15px; margin-top: 15px; background-color: #e4f5e8; border: 1px solid #a5efab; color: #000000; font-size: 0.9375rem; } .content-page-course .add-review-component .create-review, .content-page-course .add-question-component .create-review { margin-top: 5px; } .content-page-course .add-review-component .create-review .star-rating, .content-page-course .add-question-component .create-review .star-rating { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; } .content-page-course .add-review-component .create-review .star-rating .star, .content-page-course .add-question-component .create-review .star-rating .star { padding-right: 2px; width: 18px; cursor: pointer; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.sc-1 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.sc-1 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.sc-1 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.sc-1 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.sc-2 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.sc-2 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.sc-2 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.sc-2 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.sc-3 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.sc-3 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.sc-3 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.sc-3 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.sc-4 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.sc-4 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.sc-4 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.sc-4 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.sc-5 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.sc-5 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.sc-5 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.sc-5 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.hv-1 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.hv-1 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.hv-1 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.hv-1 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.hv-2 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.hv-2 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.hv-2 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.hv-2 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.hv-3 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.hv-3 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.hv-3 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.hv-3 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.hv-4 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.hv-4 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.hv-4 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.hv-4 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.hv-5 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.hv-5 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-1.hv-5 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-1.hv-5 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.sc-2 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.sc-2 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.sc-2 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.sc-2 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.sc-3 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.sc-3 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.sc-3 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.sc-3 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.sc-4 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.sc-4 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.sc-4 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.sc-4 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.sc-5 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.sc-5 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.sc-5 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.sc-5 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.hv-2 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.hv-2 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.hv-2 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.hv-2 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.hv-3 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.hv-3 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.hv-3 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.hv-3 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.hv-4 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.hv-4 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.hv-4 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.hv-4 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.hv-5 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.hv-5 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-2.hv-5 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-2.hv-5 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.sc-3 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.sc-3 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.sc-3 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.sc-3 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.sc-4 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.sc-4 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.sc-4 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.sc-4 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.sc-5 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.sc-5 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.sc-5 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.sc-5 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.hv-3 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.hv-3 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.hv-3 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.hv-3 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.hv-4 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.hv-4 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.hv-4 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.hv-4 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.hv-5 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.hv-5 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-3.hv-5 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-3.hv-5 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-4.sc-4 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-4.sc-4 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-4.sc-4 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-4.sc-4 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-4.sc-5 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-4.sc-5 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-4.sc-5 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-4.sc-5 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-4.hv-4 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-4.hv-4 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-4.hv-4 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-4.hv-4 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-4.hv-5 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-4.hv-5 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-4.hv-5 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-4.hv-5 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-5.sc-5 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-5.sc-5 .fill-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-5.sc-5 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-5.sc-5 .stroke-star { fill: #000000; } .content-page-course .add-review-component .create-review .star-rating .star.star-5.hv-5 .fill-star, .content-page-course .add-question-component .create-review .star-rating .star.star-5.hv-5 .fill-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review .star-rating .star.star-5.hv-5 .stroke-star, .content-page-course .add-question-component .create-review .star-rating .star.star-5.hv-5 .stroke-star { fill: #231f20ba; } .content-page-course .add-review-component .create-review span, .content-page-course .add-question-component .create-review span { color: #999999; font-size: 0.875rem; display: -webkit-inline-box; display: inline-flex; margin-left: 7px; } .content-page-course .add-review-component .title-question, .content-page-course .add-question-component .title-question { margin-top: 15px; } .content-page-course .add-review-component .title-question .input-tbf-text, .content-page-course .add-question-component .title-question .input-tbf-text { width: 100%; border: 0; font-family: OpenSans Regular; font-size: 0.875rem; color: #000000; padding: 14px 20px 14px 20px; background: #F7F7F7; border: 1px solid transparent; } .content-page-course .add-review-component .title-question .input-tbf-text:focus, .content-page-course .add-question-component .title-question .input-tbf-text:focus { outline: none; } .content-page-course .add-review-component .title-question .input-tbf-text:focus, .content-page-course .add-question-component .title-question .input-tbf-text:focus { border: 1px solid #000000; } .content-page-course .add-review-component .title-question .input-tbf-text::-webkit-input-placeholder, .content-page-course .add-question-component .title-question .input-tbf-text::-webkit-input-placeholder { color: #626262; } .content-page-course .add-review-component .title-question .input-tbf-text:-moz-placeholder, .content-page-course .add-question-component .title-question .input-tbf-text:-moz-placeholder { color: #626262; } .content-page-course .add-review-component .title-question .input-tbf-text::-moz-placeholder, .content-page-course .add-question-component .title-question .input-tbf-text::-moz-placeholder { color: #626262; } .content-page-course .add-review-component .title-question .input-tbf-text:-ms-input-placeholder, .content-page-course .add-question-component .title-question .input-tbf-text:-ms-input-placeholder { color: #626262; } .content-page-course .add-review-component .title-question .input-tbf-text.error, .content-page-course .add-question-component .title-question .input-tbf-text.error { border: 1px solid #efa5a5; } .content-page-course .add-review-component .textarea-review, .content-page-course .add-question-component .textarea-review { margin-top: 15px; } .content-page-course .add-review-component .textarea-review textarea, .content-page-course .add-question-component .textarea-review textarea { width: 100%; border: 0; font-size: 0.9375rem; padding: 15px; line-height: 1.3rem; background-color: #F7F7F7; resize: none; } .content-page-course .add-review-component .textarea-review textarea:focus, .content-page-course .add-question-component .textarea-review textarea:focus { outline: none; } .content-page-course .add-review-component .send-review, .content-page-course .add-question-component .send-review { margin-top: 15px; } .content-page-course .add-review-component .send-review .tbf-btn-primary, .content-page-course .add-question-component .send-review .tbf-btn-primary { background-color: #000000; font-family: OpenSans Bold; border: 0; color: #FFF; text-transform: uppercase; font-size: 0.8125rem; text-align: center; padding: 4px 10px; margin-right: 10px; height: 26px; vertical-align: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .content-page-course .add-review-component .send-review .tbf-btn-primary:hover, .content-page-course .add-question-component .send-review .tbf-btn-primary:hover { color: rgba(255, 255, 255, 0.85); } .content-page-course .add-review-component .send-review .tbf-btn-primary:focus, .content-page-course .add-question-component .send-review .tbf-btn-primary:focus { outline: none; } .v--modal-box { height: auto !important; top: 130px !important; padding: 72px 86px !important; border-radius: 0px !important; overflow: inherit !important; } .v--modal-box .hr_tbf { margin-top: 28px; margin-bottom: 28px; } .v--modal-box .close_btn { position: absolute; top: -7px; right: -7px; display: block; width: 42px; height: 42px; background: #000; cursor: pointer; } .v--modal-box .close_btn img { margin-left: 13px; margin-top: 14px; } .v--modal-box .scrolled-body-modal { height: 100%; overflow: auto; } @media screen and (max-width: 767px) { .v--modal-box { width: calc(100% - 40px) !important; left: 2px !important; padding: 30px !important; top: 40px !important; box-shadow: none !important; margin: 0px auto; } } .form-content .send_book { margin-top: 13px !important; text-align: left !important; } .form-content .send_book .tbf_big_btn { padding: 16px 40px !important; width: auto !important; } .form-content .input-tbf-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #6b6b6b !important; } .form-content .input-tbf-text::-moz-placeholder { /* Firefox 19+ */ color: #6b6b6b !important; } .form-content .input-tbf-text:-ms-input-placeholder { /* IE 10+ */ color: #6b6b6b !important; } .form-content .input-tbf-text:-moz-placeholder { /* Firefox 18- */ color: #6b6b6b !important; } .form-content .input-tbf-text.custom-for-phone { padding: 0px; } /*COUNTER*/ .countdown-holder { margin-top: 20px; } .counter-time { width: 24px; padding: 2px 0px; display: inline-block; text-align: center; font-weight: bold; color: #000; font-size: 15px; border: 2px solid #000; margin-right: 3px; font-family: OpenSans SemiBold; } .separator { display: inline-block; margin-right: 3px; font-weight: bold; height: 28px; } /*PHONE FIELD*/ .vue-phone-number-input .select-country-container { width: 70px !important; min-width: 70px !important; max-width: 70px !important; -webkit-box-flex: 0 !important; flex: 0 0 70px !important; } .country-selector__input { background: none !important; border-radius: 0px !important; border: 0px !important; border-right: 1px solid #d5d2d2 !important; height: 51px !important; min-height: 51px !important; padding-top: 0px !important; font-size: 0.9375rem !important; padding-left: 20px !important; padding-right: 20px !important; } .is-focused .country-selector__input { outline: none !important; border: 1px solid #000000 !important; box-shadow: none !important; border-radius: 0px !important; } .country-selector__label { display: none; } .country-selector__country-flag { top: 18px !important; } .country-selector__toggle { top: calc(50% - 13px) !important; } .country-selector, .input-phone-number { height: 51px !important; min-height: 51px !important; } .input-tel__input { border: 0px !important; background: none !important; height: 51px !important; min-height: 51px !important; font-size: 0.9375rem !important; padding: 0px 20px !important; cursor: text !important; } .input-tel__input:focus { outline: none !important; border: 1px solid #000000 !important; box-shadow: none !important; border-radius: 0px !important; } .has-hint label { color: #000000 !important; } .country-selector__country-flag, .country-selector__toggle { display: none !important; } .input-tel__label { left: 20px !important; display: none !important; } /*END PHONE FIELD*/ .form-content .input-tbf-text.checkbox { width: 12px; height: 12px; border: 1px solid #000000; border-radius: 0px; margin-right: 9px; float: left; margin-top: 3px; background: transparent; } .custom-label { font-size: 0.9375rem; } .custom-label a { color: #000000; text-decoration: underline; } .custom-label a:hover { color: #000000; text-decoration: none; } .custom-label.error { color: #efa5a5; } .custom-label.error a { color: #efa5a5; } .v--modal-overlay { overflow: auto !important; } .hide-desktop { display: none !important; } @media screen and (max-width: 767px) { .hide-mobile { display: none !important; } .fixed-body { overflow: hidden; } .countdown-holder { display: none; } .hide-desktop { display: -webkit-box !important; display: flex !important; } .navbar-tbf { display: none; } .content-page-course .data-course { padding-top: 72px; } .content-page-course .related_courses { -webkit-box-orient: initial; -webkit-box-direction: initial; flex-direction: initial; } .content-page-course .related_courses .related_item { width: 50%; min-height: 178px; height: auto; } .content-page-course .related_courses .related_item:nth-of-type(2n+1) { padding-right: 4px; } .content-page-course .related_courses .related_item:nth-of-type(2n+2) { padding-left: 4px; } .content-page-course .related_courses .related_item .box { padding: 17px; } .content-page-course .related_courses .related_item .box .title-course { margin-bottom: 11px; } .content-page-course .related_courses .related_item .box .short_description { height: auto; margin-bottom: 0px; } .title-course-header span { display: none; } .form-content .send_book, .form-content .pl-10, .form-content .mt-20 { margin-top: 12px !important; } .description-course.last-box { margin-bottom: 60px; } } .content-booking-page { margin-top: 200px; } @media screen and (max-width: 767px) { .content-booking-page { margin-top: 150px; } } .content-booking-page .title-course { color: #000000; font-size: 1.25rem; font-family: "OpenSans SemiBold"; margin-bottom: 0; } .content-booking-page .rating-course { margin-top: 3px; } .content-booking-page .rating-course .star-rating { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; } .content-booking-page .rating-course .star-rating .star { padding-right: 2px; width: 18px; } .content-booking-page .rating-course .star-rating .star.star-1.average-1 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-1.average-1 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-1.average-2 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-1.average-2 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-1.average-3 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-1.average-3 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-1.average-4 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-1.average-4 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-1.average-5 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-1.average-5 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-2.average-2 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-2.average-2 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-2.average-3 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-2.average-3 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-2.average-4 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-2.average-4 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-2.average-5 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-2.average-5 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-3.average-3 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-3.average-3 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-3.average-4 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-3.average-4 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-3.average-5 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-3.average-5 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-4.average-4 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-4.average-4 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-4.average-5 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-4.average-5 .stroke-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-5.average-5 .fill-star { fill: #000000; } .content-booking-page .rating-course .star-rating .star.star-5.average-5 .stroke-star { fill: #000000; } .content-booking-page .rating-course .no-reviews { color: #999999; font-size: 0.875rem; display: -webkit-inline-box; display: inline-flex; margin-left: 7px; } .content-booking-page .description-course { margin-top: 20px; color: #666666; font-size: 0.9375rem; } .content-booking-page .form-content .pr-10 { padding-right: 10px; } @media screen and (max-width: 767px) { .content-booking-page .form-content .pr-10 { padding-right: 15px; } } .content-booking-page .form-content .pl-10 { padding-left: 10px; } @media screen and (max-width: 767px) { .content-booking-page .form-content .pl-10 { padding-left: 15px; } } .content-booking-page .form-content .mt-30 { margin-top: 30px; } .content-booking-page .form-content .mt-20 { margin-top: 20px; } @media screen and (max-width: 767px) { .content-booking-page .form-content .mt-20 { margin-top: 0; } } .content-booking-page .form-content .input-tbf-text { width: 100%; background-color: #F7F7F7; border: 0; font-size: 0.9375rem; color: #000000; padding: 14px 20px; border: 1px solid transparent; } .content-booking-page .form-content .input-tbf-text:focus { outline: none; border: 1px solid #000000; } .content-booking-page .form-content .input-tbf-text::-webkit-input-placeholder { color: #000000; } .content-booking-page .form-content .input-tbf-text:-moz-placeholder { color: #000000; } .content-booking-page .form-content .input-tbf-text::-moz-placeholder { color: #000000; } .content-booking-page .form-content .input-tbf-text:-ms-input-placeholder { color: #000000; } .content-booking-page .form-content .input-tbf-text.error { border: 1px solid #efa5a5; } @media screen and (max-width: 767px) { .content-booking-page .form-content .input-tbf-text { margin-top: 15px; } } .content-booking-page .form-content .select-tbf { width: 100%; background-color: #F7F7F7; border: 0; font-size: 0.9375rem; color: #000000; padding: 14px 20px; height: 50px; -webkit-appearance: none; border-radius: 0; border: 1px solid transparent; } .content-booking-page .form-content .select-tbf:focus { outline: none; border: 1px solid #000000; } .content-booking-page .form-content .select-tbf::-webkit-input-placeholder { color: #000000; } .content-booking-page .form-content .select-tbf:-moz-placeholder { color: #000000; } .content-booking-page .form-content .select-tbf::-moz-placeholder { color: #000000; } .content-booking-page .form-content .select-tbf:-ms-input-placeholder { color: #000000; } .content-booking-page .form-content .select-tbf.error { border: 1px solid #efa5a5; } @media screen and (max-width: 767px) { .content-booking-page .form-content .select-tbf { margin-top: 15px; } } .content-booking-page .form-content .select-wrapper:after { content: ""; pointer-events: none; background: url("/build/images/arrow-select.svg"); width: 10px; height: 10px; position: absolute; top: 20px; right: 30px; background-size: cover; } .content-booking-page .form-content .check_type_person { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; margin-right: 15px; } .content-booking-page .form-content .check_type_person [type=radio]:checked, .content-booking-page .form-content .check_type_person [type=radio]:not(:checked) { position: absolute; left: -9999px; } .content-booking-page .form-content .check_type_person [type=radio]:checked + label, .content-booking-page .form-content .check_type_person [type=radio]:not(:checked) + label { position: relative; padding-left: 20px; cursor: pointer; line-height: 18px; margin-bottom: 0; display: inline-block; } .content-booking-page .form-content .check_type_person [type=radio]:checked + label:before, .content-booking-page .form-content .check_type_person [type=radio]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 1px; width: 15px; height: 15px; border: 1px solid #7E7E7E; border-radius: 100%; background: #fff; } .content-booking-page .form-content .check_type_person [type=radio]:checked + label:after, .content-booking-page .form-content .check_type_person [type=radio]:not(:checked) + label:after { content: ""; width: 7px; height: 7px; background: #000; position: absolute; top: 5px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .content-booking-page .form-content .check_type_person [type=radio]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .content-booking-page .form-content .check_type_person [type=radio]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .content-booking-page .form-content .check_type_pay [type=radio]:checked, .content-booking-page .form-content .check_type_pay [type=radio]:not(:checked) { position: absolute; left: -9999px; } .content-booking-page .form-content .check_type_pay [type=radio]:not(:checked) + label .box_checkbox { border: 2px solid #F7F7F7; } .content-booking-page .form-content .check_type_pay [type=radio]:not(:checked) + label .box_checkbox .icon_svg path { fill: #999999; } .content-booking-page .form-content .check_type_pay [type=radio]:not(:checked) + label .box_checkbox .icon_svg.transfer-icon { width: 58px; } .content-booking-page .form-content .check_type_pay [type=radio]:checked + label .box_checkbox { border: 2px solid #000; } .content-booking-page .form-content .check_type_pay [type=radio]:checked + label .box_checkbox:before { content: ""; width: 21px; height: 21px; background: #000000; position: absolute; top: 0; right: 0; } .content-booking-page .form-content .check_type_pay [type=radio]:checked + label .box_checkbox:after { content: ""; display: block; width: 7px; height: 12px; border: solid #FFF; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; right: 6px; } .content-booking-page .form-content .check_type_pay [type=radio]:checked + label .box_checkbox .icon_svg path { fill: #000000; } .content-booking-page .form-content .check_type_pay .label_pay { width: 100%; margin-bottom: 0; height: 100%; cursor: pointer; } .content-booking-page .form-content .check_type_pay .label_pay .box_checkbox { padding: 20px 30px; width: 100%; height: 100%; background: #F7F7F7; position: relative; } .content-booking-page .form-content .check_type_pay .label_pay .box_checkbox.error { border: 2px solid #efa5a5 !important; } .content-booking-page .form-content .check_type_pay .label_pay .box_checkbox .icon_svg { margin-right: 30px; } .content-booking-page .form-content .check_type_pay .label_pay .box_checkbox .icon_svg.transfer-icon { width: 58px; } .content-booking-page .form-content .check_type_pay .label_pay .box_checkbox .description h4 { margin: 0; font-size: 0.9375rem; color: #000000; } .content-booking-page .form-content .check_type_pay .label_pay .box_checkbox .description p { margin: 0; font-size: 0.875rem; color: #666666; } @media screen and (max-width: 767px) { .content-booking-page .form-content .check_type_pay { margin-top: 15px; } } @media screen and (max-width: 767px) { .content-booking-page .form-content .check_type_pay:first-child { margin-top: 0; } } .content-booking-page .summary_book .content-course { width: 50%; } .content-booking-page .summary_book .content-course .item-include { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; color: #000000; font-size: 0.9375rem; } .content-booking-page .summary_book .content-course .item-include .checkmark { margin-right: 10px; height: 15px; margin-left: 4px; } .content-booking-page .summary_book .content-course .item-include .checkmark:after { content: ""; display: block; width: 6px; height: 11px; border: solid #000000; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 767px) { .content-booking-page .summary_book .content-course { width: 100%; } } .content-booking-page .summary_book .price-book { width: 50%; text-align: right; } .content-booking-page .summary_book .price-book .name { color: #666666; font-size: 0.9375rem; margin-bottom: 0; } .content-booking-page .summary_book .price-book .initial_price { color: #666666; font-size: 0.9375rem; margin-bottom: 15px; } .content-booking-page .summary_book .price-book .total_price { color: #000000; font-size: 1.25rem; margin-bottom: 0; } .content-booking-page .summary_book .price-book .total_price strong { font-weight: bold; } @media screen and (max-width: 767px) { .content-booking-page .summary_book .price-book { width: 100%; margin-top: 15px; text-align: left; } } @media screen and (max-width: 767px) { .content-booking-page .summary_book .content-summary { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .content-booking-page .send_book { text-align: right; } @media screen and (max-width: 767px) { .content-booking-page .send_book { text-align: left; } } .content-booking-page .send_book .error-message-bottom { font-size: 0.9375rem; color: #f94646; margin-bottom: 5px; } .content-booking-page .send_book .tbf_big_btn { background: #000000; color: #FFF; text-transform: uppercase; border: 0; font-family: OpenSans Bold; font-size: 0.8125rem; padding: 10px 15px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .content-booking-page .send_book .tbf_big_btn:focus { outline: none; } .content-booking-page .send_book .tbf_big_btn:hover { color: rgba(255, 255, 255, 0.85); } @media screen and (max-width: 767px) { .content-booking-page .send_book .tbf_big_btn { width: 100%; } } .content-booking-page .popup_terms_conditions { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 99; } .content-booking-page .popup_terms_conditions .box_white { max-width: 700px; background: #FFF; padding: 50px; } .content-booking-page .popup_terms_conditions .box_white h3 { font-size: 1.3125rem; font-weight: bold; color: #000000; margin-bottom: 10px; } .content-booking-page .popup_terms_conditions .box_white p { color: #000000; font-size: 0.9375rem; margin-bottom: 30px; } .content-booking-page .popup_terms_conditions .box_white p a { color: #000000; text-decoration: underline; } .content-booking-page .popup_terms_conditions .box_white .tbf_big_btn { background: #000000; color: #FFF; text-transform: uppercase; border: 0; font-family: OpenSans Bold; font-size: 0.8125rem; padding: 10px 15px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .content-booking-page .popup_terms_conditions .box_white .tbf_big_btn:focus { outline: none; } .content-booking-page .popup_terms_conditions .box_white .tbf_big_btn:hover { color: rgba(255, 255, 255, 0.85); } @media screen and (max-width: 767px) { .content-booking-page .popup_terms_conditions .box_white .tbf_big_btn { width: 100%; } } .full-screen-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; background: white; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 30px; z-index: 99; } .full-screen-video .close-video { position: absolute; top: 15px; right: 15px; } .full-screen-video .close-video a { color: #000000; cursor: pointer; } .full-screen-video .close-video a:hover { text-decoration: none; color: #000000; } .full-screen-video .content-video { max-width: 900px; width: 100%; } .full-screen-video .content-video .unauthorized-access { color: #000000; font-family: OpenSans SemiBold; font-size: 1rem; text-align: center; border: 1px solid #000000; padding: 50px 15px; } .full-screen-video .content-video .next-video { align-self: flex-end; } @media screen and (max-width: 767px) { .full-screen-video .content-video .next-video.desktop { display: none; } } .full-screen-video .content-video .next-video.mobile { display: none; } @media screen and (max-width: 767px) { .full-screen-video .content-video .next-video.mobile { display: block; margin-top: 15px; text-align: right; } } .full-screen-video .content-video .next-video a { color: #000000; font-size: 0.9375rem; cursor: pointer; } .full-screen-video .content-video .next-video a:hover { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .full-screen-video .content-video .next-video a img { width: 6px; margin-left: 2px; } .full-screen-video .content-video .header-video { margin-bottom: 20px; -webkit-box-align: end; align-items: flex-end; } @media screen and (max-width: 767px) { .full-screen-video .content-video .header-video { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; } } .full-screen-video .content-video .header-video .title-section h1 { font-size: 1.25rem; color: #000000; margin-bottom: 5px; font-family: OpenSans SemiBold; } @media screen and (max-width: 767px) { .full-screen-video .content-video .header-video .title-section h1 { width: 100%; } } .full-screen-video .content-video .header-video .title-section h1 span { font-size: 0.9375rem; color: #000000; font-weight: normal; display: block; opacity: 0.7; margin-bottom: 5px; } .full-screen-video .content-video .header-video .title-section h1 .back-btn { height: 16px; margin-top: -2px; cursor: pointer; } .full-screen-video .content-video .header-video .title-section h1 .back-btn:hover { opacity: 0.8; } .full-screen-video .content-video .header-video .title-section h2 { color: #666666; font-size: 0.875rem; cursor: pointer; } .full-screen-video .content-video .header-video .title-section h2:hover { color: #000000; } .full-screen-video .content-video .header-video .price-video { color: #000000; font-size: 1.0625rem; } @media screen and (max-width: 767px) { .full-screen-video .content-video .header-video .price-video { width: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-top: 10px; } } .full-screen-video .content-video .header-video .price-video a { background: #FFFC02; padding: 3px 10px; color: #000000; text-transform: uppercase; font-size: 0.875rem; margin-left: 10px; font-family: OpenSans Bold; } .full-screen-video .content-video .header-video .price-video a:focus { outline: none; text-decoration: none; } .full-screen-video .content-video .header-video .price-video a:hover { text-decoration: none; } @media screen and (max-width: 767px) { .full-screen-video .content-video .header-video .price-video a { margin-left: auto; display: inline-block; } } .full-screen-video .content-video .description-lesson { margin-bottom: 40px; color: #666666; font-size: 0.875rem; } .full-screen-video .next_lessons_list { display: -webkit-box; display: flex; flex-wrap: wrap; margin-top: 22px; } @media screen and (max-width: 767px) { .full-screen-video .next_lessons_list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .full-screen-video .next_lessons_list .next_lesson_item { width: 33.33%; display: -webkit-inline-box; display: inline-flex; margin-bottom: 12px; height: 166px; } @media screen and (max-width: 767px) { .full-screen-video .next_lessons_list .next_lesson_item { width: 100%; } } .full-screen-video .next_lessons_list .next_lesson_item:nth-of-type(3n+1) { padding-right: 8px; padding-left: 0px; } @media screen and (max-width: 767px) { .full-screen-video .next_lessons_list .next_lesson_item:nth-of-type(3n+1) { padding-right: 0px; padding-left: 0px; } } .full-screen-video .next_lessons_list .next_lesson_item:nth-of-type(3n+2) { padding-right: 4px; padding-left: 4px; } @media screen and (max-width: 767px) { .full-screen-video .next_lessons_list .next_lesson_item:nth-of-type(3n+2) { padding-right: 0px; padding-left: 0px; } } .full-screen-video .next_lessons_list .next_lesson_item:nth-of-type(3n+3) { padding-right: 0px; padding-left: 8px; } @media screen and (max-width: 767px) { .full-screen-video .next_lessons_list .next_lesson_item:nth-of-type(3n+3) { padding-right: 0px; padding-left: 0px; } } .full-screen-video .next_lessons_list .next_lesson_item .box { padding: 20px; border: 2px solid #000000; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: -webkit-box; display: flex; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; width: 100%; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover { background: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .title-course { color: #FFF; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .short_description { color: #FFF; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star .fill-star { fill: #FFF; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star .stroke-star { fill: #FFF; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-1.average-1 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-1.average-1 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-1.average-2 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-1.average-2 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-1.average-3 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-1.average-3 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-1.average-4 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-1.average-4 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-1.average-5 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-1.average-5 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-2.average-2 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-2.average-2 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-2.average-3 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-2.average-3 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-2.average-4 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-2.average-4 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-2.average-5 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-2.average-5 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-3.average-3 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-3.average-3 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-3.average-4 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-3.average-4 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-3.average-5 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-3.average-5 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-4.average-4 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-4.average-4 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-4.average-5 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-4.average-5 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-5.average-5 .fill-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box:hover .star-rating .star.star-5.average-5 .stroke-star { fill: #F8F508; } .full-screen-video .next_lessons_list .next_lesson_item .box .title-course { font-family: OpenSans SemiBold; color: #000000; font-size: 0.875rem; margin-bottom: 25px; } .full-screen-video .next_lessons_list .next_lesson_item .box .short_description { color: #666666; font-size: 0.875rem; margin-bottom: 8px; line-height: 1.1875rem; height: 59px; overflow: hidden; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star { padding-right: 1px; width: 16px; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-1.average-1 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-1.average-1 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-1.average-2 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-1.average-2 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-1.average-3 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-1.average-3 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-1.average-4 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-1.average-4 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-1.average-5 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-1.average-5 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-2.average-2 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-2.average-2 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-2.average-3 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-2.average-3 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-2.average-4 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-2.average-4 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-2.average-5 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-2.average-5 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-3.average-3 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-3.average-3 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-3.average-4 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-3.average-4 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-3.average-5 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-3.average-5 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-4.average-4 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-4.average-4 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-4.average-5 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-4.average-5 .stroke-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-5.average-5 .fill-star { fill: #000000; } .full-screen-video .next_lessons_list .next_lesson_item .box .star-rating .star.star-5.average-5 .stroke-star { fill: #000000; } .page-content-custom { margin-top: 180px; padding: 0 70px; } @media screen and (max-width: 767px) { .page-content-custom { margin-top: 150px; } } @media screen and (max-width: 767px) { .page-content-custom .header-gdpr { flex-wrap: wrap; } } @media screen and (max-width: 767px) { .page-content-custom .header-gdpr .title-header { width: calc(100% - 25px); } } @media screen and (max-width: 767px) { .page-content-custom .header-gdpr .download-file { margin-left: initial !important; margin-top: 5px; } } .page-content-custom .title-header { font-size: 1.3125rem; color: #000000; font-family: OpenSans SemiBold; margin-bottom: 0; } .page-content-custom .subtitle { font-family: OpenSans Regular; font-size: 1rem; color: #999999; } .page-content-custom .download-file a { color: #000000; font-family: OpenSans SemiBold; font-size: 0.9375rem; } .page-content-custom .data-contact-company { margin-bottom: 30px; } .page-content-custom .data-contact-company .name-company { width: 50%; } .page-content-custom .data-contact-company .name-company p { margin-bottom: 3px; } .page-content-custom .data-contact-company .name-company .name { font-family: OpenSans SemiBold; margin-bottom: 5px; font-size: 1.0625rem; } @media screen and (max-width: 767px) { .page-content-custom .data-contact-company .name-company { width: 100%; } } .page-content-custom .data-contact-company .address-company { width: 50%; } .page-content-custom .data-contact-company .address-company p { margin-bottom: 3px; } .page-content-custom .data-contact-company .address-company p a { color: #000000; } @media screen and (max-width: 767px) { .page-content-custom .data-contact-company .address-company { width: 100%; } } @media screen and (max-width: 767px) { .page-content-custom .data-contact-company { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .page-content-custom .title-section h3 { color: #000000; margin-bottom: 0; line-height: 1; font-size: 1.3125rem; font-family: OpenSans SemiBold; } .page-content-custom .title-section .edit-btn { background: #ECECEE; border: 0; padding: 3px 10px; display: block; font-size: 14px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; color: #000000; font-size: 0.8125rem; } .page-content-custom .title-section .edit-btn:focus { outline: none; } .page-content-custom .title-section .save-btn { background: #000000; border: 0; padding: 3px 10px; display: block; font-size: 14px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; color: #FFF; font-size: 0.8125rem; } .page-content-custom .title-section .save-btn:focus { outline: none; } .page-content-custom .content-text { margin-top: 30px; } .page-content-custom .content-text p { font-size: 0.9375rem; color: #000000; margin-bottom: 15px; } .page-content-custom .content-text li { font-size: 0.9375rem; color: #000000; } .page-content-custom .content-text .step-title { font-family: OpenSans Bold; } .page-content-custom .content-text .list-gdpr { margin-left: 15px; } .page-content-custom .content-text .list-gdpr .checkmark { margin-right: 15px; height: 15px; margin-top: 4px; } .page-content-custom .content-text .list-gdpr .checkmark:after { content: ""; display: block; width: 6px; height: 11px; border: solid #000000; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .page-content-custom .content-text .info-content { margin-top: 13px; } .page-content-custom .content-text .info-content.mt-26px { margin-top: 26px; } @media screen and (max-width: 767px) { .page-content-custom .content-text .info-content .direction-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .page-content-custom .content-text .info-content .info-text { font-size: 0.9375rem; color: #000000; } .page-content-custom .content-text .info-content .change-password-main p { padding-left: 5px; color: #000000; } .page-content-custom .content-text .info-content .info-box { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; border: 1px solid transparent; background-color: #F7F7F7; margin-bottom: 20px; } .page-content-custom .content-text .info-content .info-box:focus-within { border: 1px solid #000000; } @media screen and (max-width: 767px) { .page-content-custom .content-text .info-content .info-box { width: 100% !important; } } .page-content-custom .content-text .info-content .info-box.box-left { margin-right: 10px; } @media screen and (max-width: 767px) { .page-content-custom .content-text .info-content .info-box.box-left { margin-right: 0; } } .page-content-custom .content-text .info-content .info-box.box-right { margin-left: 10px; } @media screen and (max-width: 767px) { .page-content-custom .content-text .info-content .info-box.box-right { margin-left: 0; } } .page-content-custom .content-text .info-content .info-box label { color: #626262; font-size: 0.875rem; font-family: OpenSans Regular; margin-bottom: 0; padding-left: 20px; padding-top: 14px; padding-bottom: 14px; white-space: nowrap; } .page-content-custom .content-text .info-content .info-box .input-tbf-text { width: 100%; border: 0; font-family: OpenSans Regular; font-size: 0.875rem; color: #000000; padding: 14px 20px 14px 5px; background: transparent; } .page-content-custom .content-text .info-content .info-box .input-tbf-text:focus { outline: none; } .page-content-custom .content-text .info-content .info-box .input-tbf-text:focus .page-content-custom .content-text .info-content .info-box .input-tbf-text { border: 1px solid #000000; } .page-content-custom .content-text .info-content .info-box .input-tbf-text::-webkit-input-placeholder { color: #000000; } .page-content-custom .content-text .info-content .info-box .input-tbf-text:-moz-placeholder { color: #000000; } .page-content-custom .content-text .info-content .info-box .input-tbf-text::-moz-placeholder { color: #000000; } .page-content-custom .content-text .info-content .info-box .input-tbf-text:-ms-input-placeholder { color: #000000; } .page-content-custom .content-text .info-content .info-box .input-tbf-text.error { border: 1px solid #efa5a5; } .page-content-custom .content-text .info-content .info-box p { color: #000000; font-size: 0.875rem; margin-bottom: 0; } .page-content-custom .content-text .info-content .info-box .link-text { color: #000000; font-size: 0.875rem; cursor: pointer; padding-right: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .page-content-custom .content-text .info-content .info-box .link-text.cancel-text { color: #000000; } .page-content-custom .content-text .info-content .info-box .link-text:hover { text-decoration: underline; color: #000000; } .page-content-custom .content-text .info-content .course-item { padding: 10px 0; } @media screen and (max-width: 767px) { .page-content-custom .content-text .info-content .course-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start !important; align-items: start !important; } } .page-content-custom .content-text .info-content .course-item p { margin-bottom: 0; cursor: pointer; } @media screen and (max-width: 767px) { .page-content-custom .content-text .info-content .course-item p { margin-bottom: 5px; } } @media screen and (max-width: 767px) { .page-content-custom .content-text .info-content .course-item .column-right { margin-left: 0px !important; width: 100%; } } .page-content-custom .content-text .info-content .course-item .column-right span { font-size: 0.875rem; color: #999999; line-height: 1; } .page-content-custom .content-text .info-content .course-item .column-right .status-payment { margin-right: 40px; } @media screen and (max-width: 767px) { .page-content-custom .content-text .info-content .course-item .column-right .status-payment { margin-right: 0px; } } .page-content-custom .content-text .info-content .course-item .column-right .percentage { width: 90px; height: 7px; background: #f6f6f6; overflow: hidden; } .page-content-custom .content-text .info-content .course-item .column-right .percentage .percentage-complete { height: 7px; background: #000000; } @media screen and (max-width: 767px) { .page-content-custom .content-text .info-content .course-item .column-right .percentage { margin-left: auto; } } .page-content-custom .content-text .info-content .course-item .column-right .percentage-value { width: 40px; text-align: right; } .form-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .form-content .pr-10 { padding-right: 10px; } @media screen and (max-width: 767px) { .form-content .pr-10 { padding-right: 15px; } } .form-content .pl-10 { padding-left: 10px; } @media screen and (max-width: 767px) { .form-content .pl-10 { padding-left: 15px; margin-top: 20px; } } .form-content .mt-30 { margin-top: 30px; } .form-content .mt-20 { margin-top: 20px; } .form-content .input-tbf-text { width: 100%; background-color: #F7F7F7; border: 0; font-size: 0.9375rem; color: #000000; padding: 14px 20px; border: 1px solid transparent; } .form-content .input-tbf-text:focus { outline: none; border: 1px solid #000000; } .form-content .input-tbf-text::-webkit-input-placeholder { color: #000000; } .form-content .input-tbf-text:-moz-placeholder { color: #000000; } .form-content .input-tbf-text::-moz-placeholder { color: #000000; } .form-content .input-tbf-text:-ms-input-placeholder { color: #000000; } .form-content .input-tbf-text.error { border: 1px solid #efa5a5; } .form-content .send_book { text-align: right; } .form-content .send_book .tbf_big_btn { background: #000000; color: #FFF; text-transform: uppercase; border: 0; font-family: OpenSans Bold; font-size: 0.8125rem; padding: 10px 15px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 100%; } @media screen and (max-width: 767px) { .form-content .send_book .tbf_big_btn { width: 100%; } } .form-content .send_book .tbf_big_btn:focus { outline: none; } .form-content .send_book .tbf_big_btn:hover { color: rgba(255, 255, 255, 0.85); } .page-404 { height: calc(100vh - 200px); display: -webkit-box; display: flex; width: 100%; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; padding-top: 100px; } @media screen and (max-width: 767px) { .page-404 { height: calc(100vh - 150px); } } .page-404 .big-error { font-size: 16rem; font-family: OpenSans Bold; color: #7f7f7f61; line-height: 1; } @media screen and (max-width: 767px) { .page-404 .big-error { font-size: 8rem; } } .page-404 p { color: #7f7f7f; font-size: 1.2rem; margin-bottom: 0; } @media screen and (max-width: 767px) { .page-404 p { font-size: 0.9375rem; text-align: center; } } .page-404 .tbf-btn { background-color: #000000; border: 0; color: #FFF; text-transform: uppercase; font-size: 1rem; text-align: center; padding: 7px 15px; margin-top: 15px; font-family: OpenSans Bold; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .page-404 .tbf-btn:hover { color: rgba(255, 255, 255, 0.85); text-decoration: none; } .checkbox_tbf { position: relative; display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; margin-left: auto; } .checkbox_tbf.mt-10 { margin-top: 10px; } .checkbox_tbf label { margin: 0; font-size: 0.875rem; color: #000000; font-family: OpenSans Regular; padding-left: 30px; } .checkbox_tbf label a { font-family: OpenSans Regular; color: #000000; } .checkbox_tbf label strong { font-family: OpenSans SemiBold; font-weight: initial; } .checkbox_tbf [type=checkbox]:checked, .checkbox_tbf [type=checkbox]:not(:checked) { position: absolute; left: -9999px; } .checkbox_tbf [type=checkbox]:not(:checked) + label:before { content: ""; width: 18px; height: 18px; background: #FFF; border: 1px solid #000000; position: absolute; top: 2px; left: 0; } .checkbox_tbf [type=checkbox]:checked + label:before { content: ""; width: 18px; height: 18px; background: #000000; border: 1px solid #000000; position: absolute; top: 2px; left: 0; } .checkbox_tbf [type=checkbox]:checked + label:after { content: ""; display: block; width: 6px; height: 10px; border: solid #FFF; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 4px; left: 6px; }
Back