/**GENERAL**/
@import url('https://fonts.googleapis.com/css2?family=Bellota+Text:wght@400;700&family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap');
body{
   font-family: 'Bellota Text', cursive !important;
   background: #fff;
}
p, a, li{
    font-family: 'Bellota Text', cursive !important;
    color: #000;
    font-size:15px;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Lato', sans-serif !important;
    color: #202329;
}
a,
a:hover {
    text-decoration: none !important;
}

.textCenter {
    text-align: center;
}

.colorOrange{
    color: #FF5950;
}

/*btn*/
.btn,
.button{
   border-radius:3rem !important;
   padding:1rem 2.5rem !important;
   text-transform: none !important;
   font-size: 15px !important;
   line-height:18px !important;
   font-weight:bold !important;
}
.btnInfo{
    background-color: #2185d0;
    color: #fff;
}
.btnSuccess{
   background-color: #21ba45;
   color: #fff;
}
.btnWarning{
    background-color: #FF5950;
    color: #fff;
}
.btnError{
    background-color: #CC2010;
    color: #fff;
}
.btnUtlity{
    background-color: #D3D3D3;
    color: #fff;
}

.button.labeled i{
    line-height: 22px;
}


/*clear both*/
.clearBoth{
    clear:both;
}

/*Colours*/
.lightYellowColor{
    color:#fff100;
}
.lightYellowBg{
    background-color:#fff100;
}
.darkYellowColor{
    color:#ecb22a;
}
.darkYellowBg{
    background-color:#ecb22a;
}
.lightVioletColor{
    color:#9d21f3;
}
.lightVioletBg{
    background-color:#9d21f3;
}
.darkVioletColor{
    color:#4b1090;
}
.darkVioletBg{
    background-color:#4b1090;
}

/*box shadow*/
.boxShadow{
    -webkit-box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49);
    box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49);
}

/*Header*/
.headerClass{
    color: #202329;
    margin-bottom: 2rem;
}
.headerBig{
    font-weight:bold;
    font-size: 24px;
    line-height:28px;
}
.headerMedium{}
.headerSmall{}

/*Notification*/
.notificationSection{
    margin-left:auto !important;
    margin-right:auto !important;
    padding-right: 0;
    padding-left: 0;
}
.notificationSection
.notification{
    border-radius: 1rem;
}
.notificationSection
.notification.success{
    color: #0f5132;
    background-color: #d1e7dd;
    background-image: url('../../img/icon-tick.png');
    border-color: #badbcc;
}
.notificationSection
.notification.block{
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf;
    background-image: url('../../img/icon-block.png');
}
.form-row.error span {
    display: block;
    height: 1.8rem;
    line-height: 1.8rem;
    margin-top: .8rem;
    padding-left: 2.3rem;
    color: #f76c6c;
    font-weight: 700;
    background-image: url('../../img/icon-error.png');
    background-repeat: no-repeat;
    background-position: 0 center;
}

/*Video*/
/*.embedVideoRwd{
    margin: 0 auto;
    text-align: center;
 }
 .embedVideoRwd,
 .embedVideoRwd iframe{
    margin: 0 auto;
    text-align: center;
    width:850px;
    height:500px;
 }*/
.embed-responsive{}
.embed-responsive-item{}
.videoEmbedSection{}


/*Form*/
.form-group .select2-container{
    min-width: 350px;
}
form {
    overflow: visible;
}
.formSection{}
.formSection form input[type=text],
.formSection form input[type=email],
.formSection form input[type=password],
.formSection form input[type=number],
.formSection form textarea{
    width: 100%;
    padding: .375rem 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow:none;
    font-size: 15px !important;
    font-family: 'Bellota Text', cursive !important;
}
.formSection form input[type=text],
.formSection form input[type=email],
.formSection form input[type=password]{
    border-radius:3rem;
}
.formSection input[type=file],
.formSection input[type="checkbox"]{
    border:none;
    box-shadow:none;
    border-radius:0;
}
.formSection input[type=file]{
   border-radius:0;
   margin-left:5px;
}

form label {
    text-transform: none;
    font-weight: bold;
    padding-left:.5rem;
    letter-spacing:1px;
}

/*Separator*/
.separatorSection{}


/*Modal*/
.modalNotActive{
    background:#fff !important;
    padding: 3rem;
    height:200px;
    border-radius:2rem !important;
    -webkit-box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49) !important;
    box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49) !important;
    text-align: center !important;
    border:1px solid rgba(0,0,0,.3) !important;
    max-width: 600px;
    margin: 0 0 0 -300px !important;
    margin-top:-5rem !important;
}
.modal h4 {
    font-size:18px;
    line-height:24px;
    color: #202329 !important;
    text-shadow:none !important;
}
.modalNotActive .actions{
    margin-top:.5rem;
    text-align: center !important;
}

/*Callout*/
.callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.calloutInfo {
    border-left-color: gray;
}
.calloutWarning {
    border-left-color: #f0ad4e;
}
.calloutSuccess {
    border-left-color: #21BA45;
}
.calloutError {
    border-left-color: red;
}


/*CONTAINER*/
.contentGeneral{
    min-height: 80vh;
    padding: 1rem 150px !important;
}
.container-fluid {
    padding:0;
}
.mainContainer{}
.mainUserContainer{}
.mainContent{
/*    margin-top:3rem;*/
}
.mainUserContent{}
.mainContentInner{}
.mainUserContentInner{}

.contentSection{}

.section{
    padding:2rem 4rem;
}
.sectionBox{
    margin:0 auto;
    border-top:1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49);
    box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49);
    border-radius:2rem;
    padding: 5rem;
    width:100%;
    margin-bottom:4rem;
}
@media(min-width: 1200px){
    .sectionBox{
        width:80%;
    }
    .sectionBoxMiddle {
        width:90%;
    }
    .sectionBoxNarrow{
        width:50%;
    }
}
@media(max-width: 991px){
    .contentGeneral{
        padding: 1rem 2rem !important;
    }
    .section{
        padding:2rem;
    }
}

/*MENU*/
/*menuMainLogo*/
.menuMainLogo{
    text-align: left;
    width:300px !important;
   max-width:300px !important;
   padding-left:1.2rem;
   z-index:1000 !important;
}
.menuMainLogoBrand{
   max-width:150px !important;
}
@media(min-width: 992px){
    .baseGeneral .menuMainLogo{
        position: absolute;
        top:1rem;
        left:12rem;
    }
    .menuMainLogoBrand img {
        margin-top:-2.2rem;
    }
    .menuMainLogo .logoMobile{
       display:none !important;
    }
    .menuMainLogo{
        text-align: center;
        margin: 0 auto;
    }
}
@media(max-width: 991px){
    .menuMainLogo .logoMain{
       display:none !important;
    }
     .menuMainLogo{
       position: absolute;
       left:2rem;
       top:2rem;
    }
    .menuMainLogoBrand{
       width:130px;
    }
}
@media(max-width: 991px){
    .menuMainLogo{
        top: 0;
    }
}

/*menuMain*/
.menuMain{
   padding: 1rem !important;
   margin-bottom:1rem;
   position: relative;
}
.baseGeneral .menuMainLogo img{}
.menuMain li.active > a{
    color:#000 !important;
}

/*BRAND custom*/
.baseBrand1 .menuMain li.active > a{
    color:#4b1090 !important;
}
.baseBrand2 .menuMain li.active > a{
    color:#ff6633 !important;
}
.baseBrand3 .menuMain li.active > a{
    color:#e40543 !important;
}
.baseBrand4 .menuMain li.active > a{
    color:#7f2433 !important;
}

a.dropdown-item.active, a.dropdown-item:active {
    color:orange !important;
}
.menuBrand .navbar-nav{
    padding-top:2.2rem;
}
.menuMainCollapse .navbar-nav{
    width: 90% !important;
    justify-content: space-between !important;
    margin:0 auto;
}
@media(min-width: 992px) and (max-width: 1150px){
    .menuMainCollapse .navbar-nav{
        width: 100% !important;
    }
}
.menuMainCollapse .nav-item{
    font-size: 16px;
    line-height:16px;
}
.menuMainMobileBtn{
    border:none;
    outline:none;
    position: relative;
    width:35px;
    height:35px;
}
.btnMobileLine{
    content: '';
    display: block;
    height:2px;
    background: rgba(0,0,0,.3);
    margin-bottom:10px;
}
.btnMobileLineFirst{
    width: 70%;
    position: absolute;
    right:0;
    top:0;
}
.btnMobileLineSecond{
    width: 35px;
    position: absolute;
    left:0;
    top:11px;
}
.btnMobileLineThird{
    width: 70%;
    position: absolute;
    left:0;
    bottom:0;
}
.menuMainMobileBtn:hover .btnMobileLine{
    width:35px;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline:none !important;
    box-shadow: none !important;
}
@media(min-width: 1500px){
    .menuMain{
        padding: 1rem 160px !important;
    }
}
@media(min-width: 900px){
    .baseBrand1 .menuMainCollapse .navbar-nav,
    .baseBrand2 .menuMainCollapse .navbar-nav,
    .baseBrand4 .menuMainCollapse .navbar-nav{
        max-width:800px;
    }
}
@media(min-width: 992px) and (max-width: 1250px){
    .menuMainBrand3 li span{
        display:none;
    }
}
@media(min-width: 992px){
    .mainMenuDesktop{
        display:block;
    }
    .mainMenuMobile{
        display:none;
    }
}
@media (min-width: 768px){
    .navbar-nav {
        float: none;
        margin: 0;
    }
}
@media(max-width: 991px){
    .menuMain{
        margin-bottom:4rem;
    }
    .menuMainMobileBtn{
       position: absolute;
       right:4rem;
       top:5rem;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .collapse, .collapse.in {
        display: block !important;
        padding: 8rem 4rem;
        text-align: center;
    }
    .collapse.in li a img{
        margin: 0 auto;
        text-align: center;
    }
    .menuMainCollapse .navbar-nav{
       margin-top:4rem;
       width:100% !important;
        -webkit-box-shadow: -1px 8px 15px -4px rgb(74 74 74 / 19%);
        box-shadow: -1px 8px 15px -4px rgb(74 74 74 / 19%);
        border-radius:10px;
    }
    .menuMainCollapse .nav-item{
        border-bottom: 1px dashed rgba(0,0,0,.1);
        text-transform: uppercase;
        margin-bottom:1rem;
        padding-bottom:1rem;
    }
    .menuMainCollapse .navItemLast{
        border-bottom:none;
    }
    .mainMenuDesktop
    {
        display:none;
    }
    .mainMenuMobile{
        display:block;
    }
}
@media(max-width: 480px){
    .menuMainMobileBtn{
       position: absolute;
       right:3rem;
    }
}

/*menuMainUser*/
.menuMainUser .dropdown-menu{
    right:0;
    left:auto;
 }
.menuUserPanel{

}
.menuUserBrand{
    padding-top:3.2rem;
}

.menuMainUser .user-name{
    font-size:15px;
    color: rgba(0,0,0,.6);
}
.menuMainUser .dropdown-menu{
    border-radius: 0 0 .5rem .5rem;
}
.menuMainUser .btn-admin{
    width:100%;
    font-size:15px;
    line-height:18px;
    border-radius:0 !important;
    margin-top:-5px;
}
.menuMainUser .menuMainUserLink{
    font-size:16px;
    line-height:18px;
    margin-top:.8rem;
    margin-bottom:.8rem;
    padding: 1rem 2rem;
}

@media(min-width: 992px){
    .baseGeneral .menuMainUser{
        position: absolute;
        top:1rem;
        right:12rem;
    }
    .menuUserPanel{
        margin-top:1rem;
    }
}
@media(max-width: 991px){
    .menuUserPanel{
        margin-top:2rem;
        margin-right: 0;
    }
    .menuMainUser{
       position: absolute;
       right:10px;
       top:10px;
    }
}
@media (max-width: 480px){
    .user-panel a.btn-admin, .user-panel a.btn-all, .user-panel a.btn-info {
        font-size: 13px !important;
    }
}

/*menuMainUserLinkHelp*/
.menuMainUser .menuMainUserLinkHelp a{
    font-size:16px;
    line-height:18px;
    color: rgba(0,0,0,.6);
    z-index:1000 !important;
}
.menuMainUser .menuMainUserLinkHelp a:hover{
    color: #212529 !important;
}

/*submenuContainer*/
.mainContainerPanelBaseSubmenu{
    margin-top:4rem;
}
.row.submenuSection{
    padding:0;
    margin:0;
    width: 100%;
    -webkit-box-shadow: 0px 10px 10px 0 rgb(0 0 0 / 7%);
    box-shadow: 0px 10px 10px 0 rgb(0 0 0 / 7%);
    margin-top:0rem;
    margin-bottom: 5rem;
}
.submenuContainer{
    padding: 0 4rem 4rem 4rem;
    width:50%;
    margin: 0 auto;

}
.submenuBox{
    color: #75767A;
    text-align: center;
}
.submenuBox i {
    font-size:28px;
    color: #75767A;
    line-height:28px;
    vertical-align: bottom;
    padding-right:5px;
}
a.submenuLink{
   font-size:15px;
   line-height:21px;
   font-weight: bold;
   color: #75767A;
}
.submenuBox.active,
.submenuBox.active i,
.submenuBox.active a{
    color: #ff6633 !important;
}
@media(max-width: 1500px){
    .submenuContainer{
        width:100%;
    }
}
@media(min-width: 992px) and (max-width: 1500px){
    .submenuContainer{
        margin-top:3rem;
    }
}
@media(max-width: 991px){
    .submenuSection{
        margin-top:1rem !important;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .submenuBox i {
        font-size:22px;
        line-height:22px;
    }
    a.submenuLink{
       font-size:14px;
       line-height:18px;
    }
}
@media(max-width: 767px){
    .submenuContainer{
        padding: 0 2rem 2rem 2rem;
    }
    .submenuContainer .row .col-xs-12{
        width:49%;
        display:inline-block;
    }
    .submenuBox {
        margin-bottom:4rem;
    }
    .submenuBox i {
        font-size:18px;
        line-height:18px;
    }
    a.submenuLink{
       font-size:12px;
       line-height:16px;
    }
}

/*menuMainLogoPanel*/
.menuMainLogoPanel{

}
/*menuMainPanelNavSection*/
.menuMainPanelNavSection{
/*    margin-top:2rem;*/
}
.menuMainPanel{
    max-width: 1300px !important;
    margin: 0 auto;
}

.menuBrandLinkActiveMainMenuPanel{}
.menuBrandLinkNotActiveMainMenuPanel{
    opacity:.7;
    filter: grayscale(100%);
    color:rgba(0,0,0,.7);
}
.menuBrandLinkNotActiveMainMenuPanel:hover {
    cursor:pointer;
}
@media(min-width: 1201px) and (max-width: 1600px){
/*    .menuMainPanel{
        margin-top:6rem;
    }*/
}
@media(min-width: 992px) and (max-width: 1200px){
.menuMainPanelNav{
    margin-top:2rem;
}
.menuMainPanelNav li a {
    font-size:13px;
}
}
@media(min-width: 992px) and (max-width: 1150px){
    .menuMainPanelNav li a {
        font-size: 12px;
    }
}
@media(max-width: 991px){
    .menuMainPanelNavSection{
        display:none;
    }
}


/*FOOTER*/
/*.baseGeneral #section-footer{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
}*/
.box-footer {
    background: #202329;
}


/*BASE: GENERAL*/
.baseGeneral{
/*    background-image: url('../../img/Heksagon_icon_84x84.png');*/
    background-color: #fff;
}
.contentGeneral{
}
/*BASE:PANEL*/
.mainContainerPanelBase{
    margin-top:4rem;
}

/*BRAND custom*/
/*BASE: BRAND1*/
.baseBrand1{
/*    background-image: url('../../img/HeksagonEdu_icon_35x35.png');*/
/*    background-color: rgba(157,33,243,.1);*/
}
.contentBrand1{}

/*BASE: BRAND2*/
.baseBrand2{
/*   background-image: url('../../img/HeksagonPro_icon_35x35.png');*/
/*    background-color: rgba(255,102,51,.1);*/
}
.contentBrand2{}

/*BASE: BRAND3*/
.baseBrand3{
/*    background-image: url('../../img/GraoMilion_icon_35x35.png');*/
    background-color: #fff;
}
.contentBrand3{}

/*BASE: BRAND4*/
.baseBrand4{
/*    background-image: url('../../img/akademia-osobowosci-medialnej_icon_35x35.png');*/
}
.contentBrand4{}

/*BRAND3 - Bucket List*/
@media(max-width: 1700px){
    .btnLabelBonuses{
        float:none !important;
        width:100%;
        max-width:150px;
        margin: 1rem auto !important;
    }
}
@media(max-width: 480px){
    .btnLabelBonuses{
        width:100% !important;
        max-width:100% !important;
    }
}
.bucketList .button{
    font-size:12px !important;
}
.bucketList p{
    font-size:14px;
}
.bucket-list-form{
   background: transparent;
   border:none;
   box-shadow:none;
}

@media(min-width: 1200px){
    .bonusesSection{
        padding: 0 3rem;
    }
}
/*BRAND3 - Diary*/
.diary-box-inner,
.diary-box-form{
    background: transparent;
    box-shadow:none;
    border:none;
}
.diary-box-form{
    margin-top:0;
}
.diarySection .headerClass,
.diarySection p,
.diarySection label{
    text-shadow:none !important;
}
.diarySection p,
.diarySection label{
    color: #222 !important;
}
.diarySection .headerMedium{
    color: #222 !important;
    font-weight:bold;
    font-size:16px !important;
    line-height:21px !important;
}
.diarySection textarea{
    border-radius:3rem !important;
}
.diarySortBtnSection{
    margin-left:3rem;
}
.diarySortBtnSection a{
   font-size:13px !important;
}
.diarySortBtnSection a:hover{
    color: #000 !important;
}
.diarySection .ui.tag{
    color:#fff !important;
    background: #222 !important;
}
.diarySection .diary-wpis{
    -webkit-box-shadow: 5px 8px 15px -4px rgba(74,74,74,0.49);
    box-shadow: 5px 8px 15px -4px rgba(74,74,74,0.49);
}
.diarySection .diary-wpis img{
    max-width: 80px !important;
}
.diarySection .diary-wpis .button.labeled{
    font-size:13px !important;
}

.diarySection .pagination li a{
    border-radius:100% !important;
}
.diaryBtnsSection{
    margin-top:1.5rem;
}

/*BRAND3 - Bonusy - Tools*/
.gomBonusListLinkSection .tools-box{
    box-shadow:none;
    text-align: center;
}
.gomBonusListLinkSection .tools-box img{
    text-align: center;
    margin: 0 auto;
    border-radius: 3rem;
    -webkit-box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49);
    box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49);
    opacity:.8;
}
.gomBonusListLinkSection .tools-box img:hover{
    opacity:1;
}
.gomBonusBtnReturn{
    margin-left:3rem;
    margin-bottom:2rem;
}
@media (min-width: 992px) and (max-width: 1199px){
    .tools-box {
        margin: 5rem 5rem;
    }
}
@media (max-width: 992px){
    .tools-box{
        margin-top:4rem;
        margin-bottom:4rem;
    }
}

/*Documents*/
.documents-document-box-inner{
    border-radius:1.5rem !important;
}
/*Quizzes*/


/*USER: Login**/
body.login{
  background: #fff;
  color:#222;
}
.loginSection{
    padding:0;
    border-radius:2rem;
    -webkit-box-shadow: 10px 6px 39px -8px rgba(0,0,0,0.38);
    -moz-box-shadow: 10px 6px 39px -8px rgba(0,0,0,0.38);
    box-shadow: 10px 6px 39px -8px rgba(0,0,0,0.38);
    max-width:1200px;
    margin:15rem auto;
}

@media(min-width: 992px){
    .loginSectionInner{
        display: flex;
        flex-wrap: wrap;
    }
}
.loginContainer
.notification{
    border-radius: 0;
}
.loginBoxForm{
    border-left: 1px solid rgba(0,0,0,.1);
}
.login-bg-box {
    border-radius:2rem 0 0 2rem;
/*    background: #ff6633;*/
}
.loginBoxImg{
/*    padding:5rem 1rem;*/
    background-image: url('../../img/Heksagon_lms_logowanie_img.png');
    background-position: center center;
    background-size:cover;
}
/*.login-img-bg {
    text-align: center;
}*/
.login-img-bg-mobile{
    border-radius: 0 0 2rem 2rem;
}
.login-bg-box-sm {
    border-radius: 0 0 2rem 2rem;
}
.loginBoxForm{}
.login-form-box {
    padding: 3rem 1rem;
}
.login-form-wrap {
    width:60%;
    margin: 0 auto;
}
.login-form-box #logo {
    margin-bottom: 1rem;
    width:90%;
}
.login-form-box h5 {
    font-weight: bold;
    font-size:24px;
    line-height: 28px;
}
.login-form-box p {
    font-size:18px;
    line-height: 21px;
    margin-top:.8rem;
    margin-bottom:2rem;
}
.login-form-box form{
    text-align: left;
}
.loginSection .formSection form input{
    padding: 1rem;
}
.loginFormSection button{
    width:100%;
    float:none;
}
.login-form-box form input[type="checkbox"] {
    margin-top:3px;
}
.login-form-box form label {
    font-size: 12px;
}
.loginRememberPasswordSection{
    margin-top: 1.5rem;
}
.loginRememberPasswordSection a{
    font-weight:bold;
    font-size: 15px;
    color: #202329;
}
.loginRememberPasswordSection a:hover{
    color:#ff6633;
}
@media(min-width: 1451px){
    .loginSection{
        max-width:1400px;
    }
}
@media(min-width: 1251px) and (max-width: 1450px){
    .loginSection{
        max-width:1200px;
    }
    .loginBoxForm .headerBig{
        font-size:22px;
    }
    .loginBoxForm p{
        font-size:17px;
    }
}
@media(min-width: 1151px) and (max-width: 1250px){
    .loginSection{
        max-width:1100px;
    }
}
@media(min-width: 992px) and (max-width: 1150px){
    .loginSection{
        max-width:950px;
    }
}
@media(max-width: 1250px){
    .loginBoxForm .headerBig{
        font-size:20px;
    }
    .loginBoxForm p{
        font-size:16px;
        margin-top:-1rem;
    }
}
@media(max-width: 980px){
    .login-section{
        margin: 1rem 1.5rem;
    }
}
@media(max-width: 991px){
    .loginSection{
        margin-top:5rem;
        width:80% !important;
    }
    .loginBoxForm{
        border-left: none;
    }
}
@media(max-width: 480px){
    .login-form-wrap {
        width:85%;
    }
}

/*USER: Remember password*/
.rememberPasswordSection{
    border-radius:2rem;
    padding:5rem;
    border-top:1px solid rgba(0,0,0,.1);
}
.rememberPasswordImgBox{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 3rem;
    margin-top:-2rem;
}
.rememberPasswordLogoSection{
    max-width:350px;
    margin:0 auto;
    margin-bottom:4rem;
    margin-top:-2rem;
}
.rememberPasswordSection{
    max-width:600px;
    margin:0 auto;
    margin-top:3rem;
}
@media(max-width: 800px){
    .rememberPasswordSection{
        width:80%;
    }
    .rememberPasswordSection .headerBig{
        font-size:20px;
    }
}

/*USER: Register*/
.registerSection{
    border-radius:2rem;
    padding:5rem;
    border-top:1px solid rgba(0,0,0,.1);
    max-width:600px;
    margin:0 auto;
    margin-top:3rem;
}
.registerLogoSection{
    max-width:350px;
    margin:0 auto;
    margin-bottom:4rem;
    margin-top:-2rem;
}
@media(max-width: 800px){
    .registerSection{
        width:80%;
    }
    .registerSection .headerBig{
        font-size:20px;
    }
}

/*USER: Account*/
.accountSectionFormBox {
}
.accountSectionFormInner{}
.avatar-row{
    display: inline-flex;
    margin-bottom:2rem;
}
.avatar-user-account{
    border:none;
}
.avatar-row .form-row{
    margin-left:1rem;
    margin-top:1.5rem;
}
/*.avatar-row .form-row label {
    display: block;
    width:100%;
}*/


/*USER: Password*/
.passwordSectionFormBox{
}
.passwordSectionFormInner{}


/*USER: Accesses*/
.myAccessesSection .table-responsive{
    font-size:15px;
    line-height:21px;
}

/*PAGE: Panel*/
.panelContainer{}

/*panelBrandsSection*/
.panelBrandsSection{
/*    min-height:100vh;*/
}
.panelBrandsheaderSection{
    margin-top:5rem;
}
.panelBrandsBox{
    margin-top:4rem;
    padding-bottom:9rem;
}

.brandBoxNotActive{
   filter: grayscale(90%);
}
.brandBoxNotActive:hover{
    cursor:pointer;
}
@media(max-width: 767px){
    .panelBrandsheaderSection{
        margin-top:1rem;
    }
}

/*.panelBrandsSection
.brandBoxActive{
   opacity:.9;
}
.panelBrandsSection
.brandBoxActive:hover {
   opacity:1;
}
.panelBrandsSection .brandBoxNotActive{
    opacity:.5;
}
.panelBrandsSection .brandBoxNotActive:hover{
    opacity:.7;
}*/
/*.panelBrandsSection .brandBoxNotActive .brandBoxInner:before {
    background: transparent linear-gradient(180deg, rgba(10,12,11,.5) 50%, rgba(10,12,11,1) 110%) 0% 0% no-repeat padding-box;
    display: block;
    width:100%;
    height:100%;
    content: ' ';
    position: absolute;
    top:0;
    left:0;
    border-radius:.5rem;
}*/

.panelBrandsSection .brandBoxInner{
    /*background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
    height:700px;*/
    width:100%;
    overflow:hidden;
    border-radius:.5rem;
}
/*BRAND custom*/
.panelBrandsSection .brandBoxInnerBrand1{
/*    background-image: url('../../img/Heksagon_EDU.png');*/
}
@media(min-width: 992px){
.panelBrandsSection .brandBoxInnerBrand1:hover{
    -webkit-box-shadow: -1px 8px 25px 1px rgba(157,33,243,0.5);
    box-shadow: -1px 8px 25px 1px rgba(157,33,243,0.5);
}
.panelBrandsSection .brandBoxInnerBrand2{
/*    background-image: url('../../img/Heksagon_PRO.png');*/
}
.panelBrandsSection .brandBoxInnerBrand2:hover{
    -webkit-box-shadow: -1px 8px 25px 1px rgba(255,102,51,0.9);
    box-shadow: -1px 8px 25px 1px rgba(255,102,51,0.9);
}
.panelBrandsSection .brandBoxInnerBrand3{
/*    background-image: url('../../img/Heksagon_GROW.png');*/
}
.panelBrandsSection .brandBoxInnerBrand3:hover{
    -webkit-box-shadow: -1px 8px 25px 5px rgba(228,5,67,0.9);
    box-shadow: -1px 8px 25px 5px rgba(228,5,67,0.9);
}
.panelBrandsSection .brandBoxInnerBrand4{
/*    background-image: url('../../img/Akademia_Osobowosci_Online.png');*/
}
.panelBrandsSection .brandBoxInnerBrand4:hover{
    -webkit-box-shadow: -1px 8px 25px 5px rgba(208,237,245,0.9);
    box-shadow: -1px 8px 25px 5px rgba(208,237,245,0.9);
}
}
@media(min-width: 1201px) and (max-width: 1450px){
    .panelBrandsBox{
        margin-top:4rem;
        padding-bottom:4rem;
    }
}
@media(min-width: 992px) and (max-width: 1200px){
    .panelBrandsBox{
        margin-top:4rem;
        padding-bottom:4rem;
    }
}
@media(min-width: 992px){
    .brandBox{
        width: 32%;
        max-width: 32%;
        margin:0;
        padding:1.33%;
    }
}
@media(max-width: 991px){
    .brandBox,
    .brandBoxNotActive{
        float:none !important;
        width:100% !important;
        max-width:100% !important;
        flex:100% !important;
    }
    .brandBoxInner{
        box-shadow:none;
        margin:0 auto;
        text-align: center;
        margin-bottom:5rem;
    }
    .brandBoxInner img{
        margin:0 auto;
        text-align: center;
        max-width:350px !important;
    }
    .panelBrandsBox {
        margin-top:3rem;
        padding-bottom:3rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/*accountNotCompletedBox*/
.accountNotCompletedBox{
    margin: 5rem auto;
    text-align: center;
    background:#fff;
    padding: 5rem;
    border:1px solid rgba(0,0,0,.3);
    border-radius:2rem;
    max-width: 700px;
}
.accountNotCompletedBox p{
    font-size:18px;
    line-height:32px;
}
.accountNotCompletedBtn{
   padding: 1.5rem 3rem;
   text-transform: uppercase;
   font-weight:bold;
   letter-spacing:1px;
   margin-top:1rem;
   border-radius:2rem;
   font-family: 'Lato', sans-serif;
}



/*PAGE: Help-Faq*/
.faqSection{}
.faqBox{}
.faqGroup{
    margin-bottom: 3rem;
    padding-bottom:3rem;
    border-bottom:1px dashed rgba(0,0,0,.1);
}
.faqLogoImg{
    float:left;
    margin-top:-.5rem;
    margin-right:1rem;
}
.faqGroupheader{
    margin-left:.7rem;
    font-size:18px;
    line-height:21px;
    font-weight:bold;
}
.faqTab{
    margin-top:1rem;
    margin-bottom:1rem;
}
.faqBtn{
    margin-bottom:1rem;
    border-radius: .5rem !important;
    background: rgba(234,234,234,.4);
    padding: 2rem !important;
    width:100% !important;
    text-align: left;
    font-size:15px;
    line-height: 21px;
    font-weight: bold;
}

.faqBtn:hover{
    background: rgba(234,234,234,.6);
}
.faqTab i{
    float:right;
}
.faqCollapse{
    margin-bottom:2rem;
    font-size:16px;
    line-height: 24px;
    padding-left:.5rem;
}
@media (max-width: 991px){
    .faqCollapse.collapse {
        display: none !important;
        padding: 1rem;
        text-align: left;
    }
    .faqCollapse.collapse.show {
        display: block !important;
    }
}

.chatSection{
    margin-top:8rem;
}

/*PAGE: Contact*/
.contactSectionFormBox{}
.contactSectionFormInner{
}



/**BRANDS**/
/*Courses List*/
.btnReturnToGroupSection{
    margin-bottom:2rem;
    padding-left:5rem;
}
@media(min-width: 481px) and (max-width: 991px){
    .btnReturnToGroupSection{
        margin-top:3rem;
        margin-bottom:0rem;
        padding-left:3rem;
    }
}
@media(max-width: 480px){
    .btnReturnToGroupSection{
        margin-top:2rem;
        margin-bottom:-1rem;
        padding-left:1rem;
    }
}
/*old*/
.stage-box .label,
.stage-box .label h4{
    white-space: pre-line !important;
    overflow-wrap: break-word !important;
    width: 280px;
    text-align: left !important;
}
 .stage-box-out:nth-child(even) {
    clear: both !important;
}
.stage-description {
    -webkit-transition: 2s;
    transition: 2s;
}
.descShort {
    -webkit-transition: 2s;
    transition: 2s;
}
.descFull {
    display: none;
    -webkit-transition: 2s;
    transition: 2s;
}
.descReadMore {
    -webkit-transition: 2s;
    transition: 2s;
    color: #a98f5e;
}
.descReadMore:hover .descFull{
    display: block !important;
    -webkit-transition: 2s;
    transition: 2s;
}
.descReadMore:hover .descShort {
    display: none;
}
.courseDisabledInfo{}
/*old*/

.courseListContent{

}

/*search*/
.search-filtering-section{
    width:100%;
    padding-left:5rem;
    padding-right:5rem;
}
.search-filtering-section input {
    padding: 2rem;
    font-size:18px;
    line-height:24px;
    border-radius: .5rem;
    color: #999B9E;
    border-color: rgba(112,112,112,.3);
}
.search-filtering-btns{
   position: absolute;
   top:5px;
   right:5rem;
}
.search-filtering-btns .btnSubmit{
    margin-right:-3rem;
}
.btnSubmit,
.btnReset{
    background: none;
    color: #999B9E;
    border:none;
    box-shadow:none;
    font-size:15px;
    line-height: 15px;
    opacity:.5;
}
.btnSubmit:hover,
.btnReset:hover{
    color: #999B9E;
    background: none;
    opacity:1;
}
/*.searchEmptyResult{
    font-size: 18px;
    text-align: center;
    color: #999B9E;
}*/
@media(max-width: 991px){
    .search-filtering-section{
        margin-top:4rem;
    }
    .search-filtering-btns{
        display:none;
    }
    .search-filtering-section input{
        font-size:11px;
    }
}
@media(min-width: 481px) and (max-width: 991px){
    .search-filtering-section{
        padding: 0 4rem;
    }
}
@media(max-width: 480px){
    .search-filtering-section{
        padding: 0 1rem;
    }
}

.coursesListSection{}
.coursesListSectionActive{
   margin-top: 3rem;
}
.coursesListSectionNotActive{
    padding-top:3rem;
    border-top:1px dashed rgba(0,0,0,.2);
    margin-top: 3rem;
}

.coursesListNotActiveHeader{
    text-align: center;
    font-weight:bold;
    text-transform: uppercase;
    font-size:24px;
    line-height:28px;
    margin-bottom:3rem;
    color: rgba(0,0,0,.7);
}
h3.coursesListHeader{
    margin-bottom: 2rem;
    font-size:24px;
    line-height:28px;
    color: rgba(0,0,0,.7);
}
.courseBox{
    margin-bottom:4rem;
}
.courseBoxActive{}
.courseBoxNotActive{}

.courseBoxInner{
    margin: 0 auto;
    max-width: 470px;
    border-radius:.5rem;
   -webkit-box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49);
    box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49);
    position: relative;
    padding-bottom:2rem;
    background:#fff;
}

.courseBoxNotActive .courseBoxInner:before {
/*    background: transparent linear-gradient(180deg, rgba(10,12,11,.5) 50%, rgba(10,12,11,1) 110%) 0% 0% no-repeat padding-box;*/
    background: rgba(10,12,11,.8);
    display: block;
    width:100%;
    height:100%;
    content: ' ';
    position: absolute;
    top:0;
    left:0;
    border-radius:.5rem;
}
.courseBoxNotActive .courseBoxInner:hover{
    cursor: pointer;
}

.courseAuthor{
   text-transform:uppercase;
}
.courseAuthorCourseList{

}
.courseAuthorLessonList{

}



.courseImgLink{}
@media(min-width: 1500px){
.courseImg{
/*    width:470px !important;
    height:230px !important;*/
}
}
.courseImg{
    border-radius:.5rem .5rem 0 0;
}

.courseBoxInfo{
    padding: 1rem;
    min-height:100px;
}
@media(min-width: 481px) and (max-width: 767px){
    h3.coursesListHeader,
    .coursesListNotActiveHeader{
        font-size:22px;
        line-height:26px;
    }
}
@media(max-width: 480px){
    h3.coursesListHeader,
    .coursesListNotActiveHeader{
        font-size:20px;
        line-height:24px;
    }
}

.courseBoxInfoBottom{
    position: relative;
}
.courseTitleLink{}
.courseTitle{
    min-height:50px;
    font-size:21px;
    line-height: 28px;
    font-weight: bold;
    color: #202329;
}
.courseDescription{
    margin-top:2rem;
}
.courseDescriptionHeader{
    font-weight:bold;
    text-transform: uppercase;
    color: #999B9E;
    font-size:12px;
    line-height: 15px;
    letter-spacing: .5px;
    margin-bottom:5px;
}
.courseDescriptionText{
    font-size:15px;
    line-height: 18px;
    text-align: justify;
    min-height:60px;
}
.courseLink{}
.courseLinkIcon{
    padding: 1rem;
    border-radius:100%;
    font-size:40px;
/*    -webkit-box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49);
    box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.49); */
    color: rgba(0,0,0,.5);
    float:right;
}
@media(min-width: 1350px){
    .courseBoxInfoFlex{
        display:inline-flex;
        width:100%;
     }
     .courseBoxInfoTop{
         width:85%;
     }
     .courseLinkIcon{
        position: absolute;
        top:40%;
        left:20%;
    }
}
.courseLinkIcon:hover{
/*    -webkit-box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.9);
    box-shadow: -1px 8px 15px -4px rgba(74,74,74,0.9); */
}

/*BRAND custom*/
.baseBrand1 .courseLinkIcon{
    color: #4b1090;
}
.baseBrand2 .courseLinkIcon{
    color: rgba(0,0,0,.5);
}
.baseBrand3 .courseLinkIcon{
    color: #202329;
}
.baseBrand4 .courseLinkIcon{
    color: #d0edf5;
}
.baseBrand1 .courseLinkIcon:hover{
    color: #ecb22a;
}
.baseBrand2 .courseLinkIcon:hover{
    color: #ff6633;
}
.baseBrand3 .courseLinkIcon:hover{
    color: #e40543;
}
.baseBrand4 .courseLinkIcon:hover{
    color: #7f2433;
}
.courseIconNotActive{
    position: absolute;
    top:30%;
    left:45%;
    font-size:34px;
    color:rgba(255,255,255,.8);
/*    text-shadow: 1px 1px #000;*/
}

/*Lesssons Course List*/
/*lesson not published*/
.courseLessonsLessonBoxNotActive{
    border:1px dashed rgba(0,0,0,.1) !important;
}
.lesssonImgNotPublished{
    opacity: .7;
}
.lessonNumberNotPublished,
p.lessonTitleNotPublished{
   color:rgba(0,0,0,.4);
   padding-top:0 !important;
}
.lessonNotPublishedInfo{
    color:#f58020;
    font-weight:bold;
}
.lessonExpireDateInfo{
    color:rgba(0,0,0,.5);
    font-weight:bold;
}
.lessonNotPublishedInfoIcon{
    color:#f58020 !important;
}
.lessonExpireDateInfoIcon{
    color:rgba(0,0,0,.4) !important;
}
/*old*/
.post.disabled header,
    .post.disabled .lesson-img-box,
    .post.disabled .lesson-short
    {
        opacity:.6;
    }
    .lessonPublishedDate{
        color: #fff;
        text-align: center;
        font-size: 15px;
    }
    .lessonPublishedDate i{
        color: #f58020;
    }
    .lessonPublishedDate span{
        font-weight:bold;
        color: #f58020;
    }
    @media(min-width: 481px){
        .lessonPublishedDate{
            margin-top:4rem !important;
        }
    }
/*old*/
.courseLessonsContent{
    margin: 0 auto;
}
.courseLessonsCourseBox{
    padding: 0 5rem;
    margin-bottom: 8rem;
}
@media(min-width: 1200px){
    .courseLessonsContent{
        max-width:1000px;
    }
}
@media(max-width: 991px){
    .courseLessonsCourseBox {
        margin-top:3rem;
    }
    .courseLessonsCourseImgBox,
    .courseLessonsCourseDescBox{
        max-width: 600px;
        margin: 0 auto;
    }
    .courseLessonsCourseBox {
        text-align: center;
    }
    .courseLessonsCourseImgBox,
    .courseLessonsCourseImg{
        text-align: center;
        margin: 1rem auto;
    }
    .courseLessonsLessonTitle{
        padding: .5rem 1rem;
    }
}
@media(max-width: 480px){
    .courseLessonsCourseBox{
        margin-bottom: 4rem;
        padding: 0 2rem;
    }
    h4.courseLessonsCourseHeader{
        font-size:20px;
        line-height:24px;
    }
    .courseLessonsCourseDesc p{
        font-size:15px !important;
    }
}

@media(max-width: 575px){
    .courseLessonsLessonBox{
        text-align: center;
        margin-left:auto;
        margin-right:auto;
    }
    .courseLessonsLessonNumber{
        display:none;
    }
    .courseLessonsLessonLink,
    .courseLessonsLesssonImg{
        margin: 0 auto;
        width:auto;
        height:auto;
    }
}
.courseLessonsCourseImgBox{}
.courseLessonsCourseImg{
    border-radius: .5rem;
}
.courseLessonsCourseDescBox{}
.courseLessonsCourseHeader{
    font-size:24px;
    line-height: 32px;
    font-weight: bold;
    color: #202329;
}
.courseLessonsCourseDesc{
    margin-top:2rem;
    font-size:18px;
    line-height: 21px;
}
.courseLessonsListBox{
    padding: 0 5rem;
}

.courseLessonsLessonBox{
    border:1px solid rgba(0,0,0,.1);
    border-radius:.5rem;
    margin-bottom:3rem;
    width:100%;
    min-height:65px;
}
.courseLessonsLessonBox:hover{
    border:1px solid rgba(0,0,0,.3);
}
.courseLessonsLessonBoxActive{}
.courseLessonsLessonBoxNotActive{}

.courseLessonsLessonNumber{
    font-size:24px;
    line-height:24px;
}

.courseLessonsLesssonImg{
   vertical-align: middle;
}

@media(min-width: 576px){
    .courseLessonsLessonNumber{
    position: absolute;
    margin-top:2.5rem !important;
    left:55%;
}
.courseLessonsLesssonImg{
/*    height:85px;
    min-height:85px;
    max-height:85px;*/
}
}

.lessonActive,
.lessonActive a{
    color: #21BA45 !important;
    font-size:18px;
}


.courseLessonsLessonTitle{
    color: #202329;
    font-size:18px;
    line-height: 24px;
    font-weight: bold;
    padding-top:.3rem;
}
.lessonCompleted{
    background: #21BA45;
    color:#fff;
    font-size:15px;
    line-height:15px;
    border-radius:100%;
    padding: .5rem;
    float:right;
    margin-top:-2.2rem;
}
.courseLessonsLessonLink{}
.courseLessonsLessonTitle{
    margin-top:2rem !important;
}
.courseLessonsLessonIconLink{}
.courseLessonsLessonCourseLinkIcon{
    padding: 1rem;
    border-radius:100%;
    font-size:24px;
    line-height:24px;
}
/*BRAND custom*/
.baseBrand1 .courseLessonsLessonCourseLinkIcon{
    color:#4b1090;
}
.baseBrand1 .courseLessonsLessonCourseLinkIcon:hover{
    color:#ecb22a;
}
.baseBrand2 .courseLessonsLessonCourseLinkIcon{
    color:rgba(0,0,0,.5);
}
.baseBrand2 .courseLessonsLessonCourseLinkIcon:hover{
    color:#ff6633;
}
.baseBrand3 .courseLessonsLessonCourseLinkIcon{
    color:#383837;
}
.baseBrand3 .courseLessonsLessonCourseLinkIcon:hover{
    color:#e40543;
}
.baseBrand4 .courseLessonsLessonCourseLinkIcon{
    color:#d0edf5;
}
.baseBrand4 .courseLessonsLessonCourseLinkIcon:hover{
    color:#7f2433;
}

.courseInfoTop{}
.courseInfoTopHeader{}
.courseNotActiveInfoAttentionBox{}
.courseNotActiveInfo{
    font-size:14px;
}

.courseLessonsListFilesSection{}
.courseLessonsListFileName{
    font-size:15px;
    line-height:48px;
    vertical-align: middle;
}
.courseLessonsListFilelink{
    font-size:48px;
    line-height:48px;
    vertical-align: bottom;
}
.courseLessonsListFilelink i {
    padding-right:.5rem;
}

/*BRAND custom*/
.baseBrand1 .courseLessonsListFilelink{
    color: #4b1090;
}
.baseBrand1 .courseLessonsListFilelink:hover{
    color: #ecb22a;
}
.baseBrand2 .courseLessonsListFilelink{
    color: rgba(0,0,0,.5);
}
.baseBrand2 .courseLessonsListFilelink:hover{
    color: #ff6633;
}
.baseBrand3 .courseLessonsListFilelink{
    color: #383837;
}
.baseBrand3 .courseLessonsListFilelink:hover{
    color: #e40543;
}
.baseBrand4 .courseLessonsListFilelink{
    color: #d0edf5;
}
.baseBrand4 .courseLessonsListFilelink:hover{
    color: #7f2433;
}

@media(min-width: 992px) and (max-width: 1200px){
    .courseLessonsLesssonImg{
        padding-top:8%;
    }
}
@media(min-width: 992px){
    .courseLessonsLessonCourseLinkIcon{
        position: absolute;
        margin-top:1.5rem !important;
        right:25%;
    }
}

@media(max-width: 991px){
    .courseLessonsLessonBox{
        max-width:500px;
        margin:3rem auto;
        text-align: center;
    }
    .courseLessonsLesssonImg{
        margin: 0 auto;
        text-align: center;
    }
    .courseLessonsLessonLink i{
        float:right;
    }
}


/*Lesson Page*/
#lesson-block-2, #lesson-block-3, #lesson-block-4, #lesson-block-5, #lesson-block-6 {
/*    display:block;*/
}

.lessonCommonSection{}
.courseSection{}
.courseMultiSection{}

@media(min-width: 1300px){
    .courseMultiSection{
       max-width:1200px;
       margin:0 auto;
    }
}

@media(max-width: 991px){
    .lessonCommonSection{
        margin-top:4rem;
        padding: 1rem 2rem;
    }
    .lessonBtnsSection .btn span{
        display:none;
    }
}
@media(max-width: 480px){
    .lessonBtnsSection .btn{
        font-size:11px !important;
        padding: .8rem 1.5rem !important;
    }
}

/*lessonBtnsSection*/
.lessonBtnsSection{
    margin-bottom:4rem !important;
}
.lessonBtnsPrevNextBox{
    text-align: right !important;
}
.lessonBtnsPrevNextLink{
    border:1px solid rgba(0,0,0,.1);
}

/*BRAND custom*/
.baseBrand1 .lessonBtnsPrevLink{
    background:rgba(75,16,144,.9);
    color:#fff;
}
.baseBrand1 .lessonBtnsPrevLink:hover{
    background:rgba(75,16,144,1);
}
.baseBrand1 .lessonBtnsNextLink{
    background: rgba(236,178,42,.9);
}
.baseBrand1 .lessonBtnsNextLink:hover{
   background: rgba(236,178,42,1);
}

.baseBrand2 .lessonBtnsPrevLink{
    background:rgba(0,0,0,.5);
    color:#fff;
}
.baseBrand2 .lessonBtnsPrevLink:hover{
   background:rgba(0,0,0,.6);
}
.baseBrand2 .lessonBtnsNextLink{
    background: rgba(255,102,51,.9);
}
.baseBrand2 .lessonBtnsNextLink:hover{
   background: rgba(255,102,51,1);
}

.baseBrand2 .lessonBtnsPrevLink{
    background:rgba(0,0,0,.5);
    color:#fff;
}
.baseBrand2 .lessonBtnsPrevLink:hover{
   background:rgba(0,0,0,.6);
}
.baseBrand2 .lessonBtnsNextLink{
    background: rgba(255,102,51,.9);
}
.baseBrand2 .lessonBtnsNextLink:hover{
   background: rgba(255,102,51,1);
}

.baseBrand3 .lessonBtnsPrevLink{
    background:rgba(56,56,55,.9);
    color:#fff;
}
.baseBrand3 .lessonBtnsPrevLink:hover{
   background:rgba(56,56,55,1);
}
.baseBrand3 .lessonBtnsNextLink{
    background: rgba(228,5,67,.8);
    color:rgba(255,255,255,.9);
}
.baseBrand3 .lessonBtnsNextLink:hover{
   background: rgba(228,5,67,1);
   color:#fff;
}

.baseBrand4 .lessonBtnsPrevLink{
    background:rgba(208,237,245,.9);
    color:#000;
}
.baseBrand4 .lessonBtnsPrevLink:hover{
   background:rgba(208,237,245,1);
}
.baseBrand4 .lessonBtnsNextLink{
    background: rgba(127,36,51,.9);
    color:#fff;
}
.baseBrand4 .lessonBtnsNextLink:hover{
   background: rgba(127,36,51,1);
}

/*lessonHeaderSection*/
.lessonHeaderSection{
    margin-bottom: 3rem;
}


/*lesson-content*/
.lesson-content {
    position: relative;
    z-index: 2;
    padding: 1rem !important;
}
.courseMultiSection .lesson-content{
    position: relative;
    z-index: 2;
    padding-left:65px !important;

}
@media (min-width: 1600px){
    .lesson-section-box {
        padding: 0 3rem !important;
    }
}
@media (min-width: 1200px) and (max-width: 1599px){
.lesson-section-box {
    padding: 0 1rem !important;
}
}

.courseSection .lesson-content{
    background: none !important;
    -webkit-box-shadow: 0px 8px 15px 0px rgba(74,74,74,0.49);
    box-shadow: 0x 8px 15px 0px rgba(74,74,74,0.49);
    border-radius:1rem;
 }
.lesson-content {
    position: relative;
    z-index: 2;
    padding-left: 65px;
    background: url('../../img/right_bg.png') left top repeat-y;
    border-radius: 0 15px 15px 0;
/*    border-bottom:1px solid rgba(0,0,0,.5);*/
   -webkit-box-shadow: 20px 2px 19px -1px rgba(0,0,0,0.11);
    box-shadow: 20px 2px 19px -1px rgba(0,0,0,0.11);
    margin-bottom: 4rem;
    padding-bottom:4rem;
}
@media (max-width: 480px){
    #lesson-block-info {
        margin-top: -6rem;
    }
}
.lesson-content-inner {
    padding-bottom: 2rem;
}
.lesson-content-inner {
    border-radius: 0 15px 0 0;
}
.lesson-block-question-answer::before {
    display: block;
    height: 130px;
    background: url('../../img/bg-block3-5-top.jpg') center no-repeat;
    content: " ";
}
.lesson-content .btn-dalej{
    border-radius:.5rem !important;
}
.lesson-content .progress-box{
    margin: 0 auto !important;
    text-align: center !important;
    width:100% !important;
}
.lesson-content .progress-box .steps{
    margin: 3rem auto !important;
    width:100% !important;
    text-align: center !important;
}
.lesson-content .sticky-progress{
    margin: 0 auto !important;
    text-align: center !important;
    width:90% !important;
    left:5% !important;
}
.lesson-content .ui.progress,
.ui.active.progress .bar::after,
.ui.progress .bar
{
    height:30px;
}



/*lessonFilesSection*/
.lessonFilesSection{}
.lessonFilesInner{}

.lessonFilesSection{}



/*BRAND: PRO*/
/*News Banner*/
.bannerSection{
    padding: 0 5rem;
}
.bannerSectionBrand1{
    margin-bottom:8rem;
}
.newsBannerDescBox{
    text-align: center;
    margin-top:2rem;
}
@media(min-width: 481px) and (max-width: 991px){
   .bannerSection{
        padding: 0 4rem;
        margin-top:2rem;
    }
    .bannerSectionBrand1{
        margin-bottom:1rem;
    }
}

@media(max-width: 480px){
    .bannerSection{
        padding: 0 1rem;
        margin-top:3rem;
    }
    .bannerSectionBrand1{
        margin-bottom:1rem;
    }
}


/*mainBonusPages*/
.mainBonusPages{
    min-height: 80vh;
}
.mainBonusPagesSection{
    margin-top:6rem;
    min-height: 80vh;
}

/*modal*/
@media(max-width: 600px){
    .ui.modal {
        max-width:300px;
        left:85%;
    }
}

.form-row{
    display: block !important;
}