@media(max-width:991px){
h1 { font-size: 28px !important; }
h2 { font-size: 26px !important; }
h3 { font-size: 24px !important; }
h4 { font-size: 22px !important; }
h5 { font-size: 20px !important; }
h6 { font-size: 18px !important; }
body { font-size: 14px !important; }
}


@media screen and (max-width:768px){
img.logo-image-phone.d-inline-block.d-lg-none {height: 66px;margin-top: -11px;}}

@media screen and (max-width:768px){
h3 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 28px;
    font-weight: 700;}}

/*-------------------------
    menu bar
--------------------------*/
header#sp-header, .com-content.view-article #sp-header {background: #ffffffc7 !important;}

.homepage header#sp-header {background: transparent;}

.sp-page-title h2 {text-shadow: 1px 5px 10px black!important;}

i.fa.fas.fa-map-marked-alt, i.fa.fas.fa-phone-alt {
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';}

div#sp-bottom4 i {
    font-size: 20px!important;
    line-height: 24px!important;}

#sp-footer1 .sp-column {text-align: center;}

#sp-bottom h3.sp-module-title {
    font-size: 20px!important;
    letter-spacing:3px!important;}

/*-------------------------
   login
--------------------------*/

#sp-top3 i.fa.fa-user-circle {
    line-height: 58px;
    font-size: 25px;
}
#sp-top3 .fa-user-circle:before {
    content: "\f2bd";
    color: #606060;
}
.akeeba-sociallogin-link-button-facebook, .akeeba-sociallogin-unlink-button-facebook, .akeeba-sociallogin-button-facebook {
    border: none;
    border-radius: 0px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 10px !important;
    padding: 8px 20px;
}

/*--------------------------------
        my account
--------------------------------*/

ul.cls-dropdown-menu.dropdown-menu.show {
    padding-left: 10px;
}

ul.cls-dropdown-menu li a:hover {
    color: #606060!important;
    margin-left:10px;
}

/*--------------------------------
         cavet hover
--------------------------------*/


ul.cls-dropdown-menu.dropdown-menu.show li a:hover:before{
    display:block;}

ul.cls-dropdown-menu.dropdown-menu.show li a{position:relative;}

ul.cls-dropdown-menu.dropdown-menu.show li a:before{
    position:absolute;
    content:'\f0da'!important;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #606060;
    padding-right:10px;
    display:none;
    left:-10px;
    top:0;
    }

/*-------------------------
    HOVER LINE
--------------------------*/
.sp-megamenu-parent >li >a:before,
.sp-megamenu-parent >li >span:before {
  content: '';
  position: absolute;
  width: 0;
  height:1px;
  background: #606060;
  left: 16px;
  top: 45px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;}

.sp-megamenu-parent >li.active>a:before,
.sp-megamenu-parent >li:hover>a:before {
  width: 30%;}


/*-------------------------
   cta
--------------------------*/
@media screen and (max-width:768px){
div#sp-cta {
    text-align: right;
}}

/*-------------------------
   scroll
--------------------------*/
.sp-scroll-up {
    display: none;
    position: fixed;
    bottom: 30px;
  right: 100px;}


/*-------------------------
     OFFCANVAS
--------------------------*/ 
.offcanvas-menu {
    background: url(/images/0_infinity/others/offcanvas2.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
    color: #a3a3a3;
}

/*footer*/
@media(max-width:991px){
#sp-footer .container-inner {
    padding: 15px 0px 100px 0px;
}}

div#users-profile-params {
    display: none;
}

/*course*/

li.chapter-title {
    color: #ffffff;
    background: #000;
    margin-top: 20px;

  padding:15px !important;
}

.course-lessons li.chapter-title>span:first-child:before {
    display: none;
}

.course-lessons li.chapter-title:before {
    display: none;
}

li.chapter-title .pull-right { display: none; }

.course-lessons li.chapter-title:hover, .splms-lesson-details .course-lessons li.chapter-title.active {
    margin-left: 0px !important;
    cursor: context-menu !important;
}

/*end of courses*/

.whatsappchat .popup-section{
  display:none;
}