.sticky-progress-bar .sidenav {
  width: 230px;
  position: absolute;
  z-index: 1;
  background: #f6f6f7;
  overflow-x: hidden;
  padding: 0;
  margin: 130px 0 40px 0;
}
.sticky-progress-bar .sidenav .indicator-bar {
  width: 7px;
  height: 100%;
  position: absolute;
  background: #56b9c4;
  float: left;
}
.sticky-progress-bar .sidenav .nav {
  width: 230px;
  padding: 10px 0 10px 7px;
}
.sticky-progress-bar .sidenav .nav li a {
  margin: 0;
  font-size: 15px;
  letter-spacing: 1.1px;
  font-weight: 500;
  color: #39393a;
  display: flex;
  height: 65px;
  align-items: center;
  padding: 0 10px 0 0;
  border-bottom: 2px solid white;
}
.sticky-progress-bar .sidenav .nav li a .lesson-index {
  display: none;
}
.sticky-progress-bar .sidenav .nav li a .eon_arrow_right {
  color: #ea1c0a;
  font-size: 35px;
  padding-right: 0;
  top: 0;
  font-weight: normal;
}
.sticky-progress-bar .sidenav .nav li a:hover .eon_arrow_right {
  padding-left: 15px;
  transition: padding-left 0.4s;
  -webkit-transition: padding-left 0.4s;
  -o-transition: padding-left 0.4s;
}
.sticky-progress-bar .sidenav .nav li a:hover .les {
  padding-left: 7px;
  color: black;
  transition: padding-left 0.4s;
  -webkit-transition: padding-left 0.4s;
  -o-transition: padding-left 0.4s;
}
.sticky-progress-bar .sidenav .nav li.active a {
  background-color: white;
}
.sticky-progress-bar .sidenav .nav li:last-child > a {
  border: none;
}
.sticky-progress-bar .container-border {
  border: 2px dotted red;
}
.sticky-progress-bar .scuole-container {
  position: relative;
  padding: 85px 75px 0 75px;
  margin-left: 230px;
  margin-top: 0;
  transition: margin-top 0.5s;
  -webkit-transition: margin-top 0.5s;
  background-color: white;
  box-shadow: -5px -5px 15px 2px rgba(0, 0, 0, 0.15);
  z-index: 2;
  overflow-x: hidden;
  height: 100%;
}
.sticky-progress-bar .scuole-container .text_it .rich-text p {
  font-size: 16px;
  line-height: 20px;
}
.sticky-progress-bar .scuole-container .text_it .rich-text p:last-child {
  padding: 0;
  margin: 0;
}
.sticky-progress-bar .scuole-container .text_it .rich-text h4,
.sticky-progress-bar .scuole-container .text_it .rich-text h5 {
  font-weight: 700;
}
.sticky-progress-bar .scuole-container .chapt-head {
  text-align: left;
  color: #ea1c0a;
  font-size: 75px;
  line-height: 75px;
  font-family: "EONBrixSans";
  font-weight: 900;
  margin: 0;
  letter-spacing: normal;
}
.sticky-progress-bar .scuole-container .level-icon {
  margin-right: 7px;
}
.sticky-progress-bar .scuole-container .level-icon img {
  width: 35px;
  height: 28px;
  padding-bottom: 10px;
}
/* ################################  TABLET   ############################################# */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-progress-bar .container {
    width: 100%;
  }
  .sticky-progress-bar .sidenav .nav li a .lesson-title {
    display: none;
  }
  .sticky-progress-bar .sidenav .nav li a .lesson-index {
    display: block;
  }
  .sticky-progress-bar .sidenav.sidenav-expanded {
    z-index: 2020;
    box-shadow: 1px 1px 13px 6px rgba(31, 31, 31, 0.1);
  }
  .sticky-progress-bar .sidenav.sidenav-expanded .nav li a .lesson-title {
    display: inline;
  }
  .sticky-progress-bar .sidenav.sidenav-expanded .nav li a .lesson-index {
    display: none;
  }
  .sticky-progress-bar .sidenav.sidenav-expanded .nav li a:hover .eon_arrow_right {
    padding-left: 10px;
  }
  .sticky-progress-bar .sidenav.sidenav-expanded .nav li a:hover .les {
    padding-left: 5px;
  }
  .sticky-progress-bar .sidenav:not(.sidenav-expanded) .nav li a:hover .eon_arrow_right {
    padding-left: 10px;
    transition: none;
  }
  .sticky-progress-bar .sidenav:not(.sidenav-expanded) .nav li a:hover .les {
    padding-left: 5px;
    transition: none;
  }
  .sticky-progress-bar .scuole-container {
    margin-left: 75px;
    padding: 40px 40px 0 40px;
  }
  .sticky-progress-bar .scuole-container .chapt-head {
    font-size: 55px;
    font-weight: 900;
    line-height: 55px;
  }
}
/* ###################################----SMARTPHONE---######################################## */
@media (max-width: 767px) {
  .sticky-progress-bar .sidenav-smartphone {
    width: auto;
    position: relative;
    background: #f6f6f7;
    margin: 0 -25px 0 -25px;
  }
  .sticky-progress-bar .sidenav-smartphone .indicator-bar {
    width: 14px;
    position: absolute;
    background: #56b9c4;
    height: 100%;
  }
  .sticky-progress-bar .sidenav-smartphone .menu-smartphone {
    padding: 0 0 0 14px;
  }
  .sticky-progress-bar .sidenav-smartphone li,
  .sticky-progress-bar .sidenav-smartphone .share-download-items li a {
    margin: auto;
    font-size: 18px;
    letter-spacing: 1.4px;
    font-weight: bold;
    border-bottom: 2px solid white;
    color: black;
    display: flex;
    height: 70px;
    align-items: center;
    padding: 10px 0 10px 0;
    cursor: pointer;
  }
  .sticky-progress-bar .sidenav-smartphone li .eon_arrow_right,
  .sticky-progress-bar .sidenav-smartphone .share-download-items li a .eon_arrow_right {
    color: #ea1c0a;
    font-size: 50px;
    padding-right: 0;
    top: 0;
    font-weight: normal;
  }
  .sticky-progress-bar .sidenav-smartphone .container-accordion-exercise {
    border-bottom: 2px solid white;
  }
  .sticky-progress-bar .sidenav-smartphone .container-accordion-exercise .accordion-exercise {
    border-bottom: none;
  }
  .sticky-progress-bar .sidenav-smartphone .container-accordion-exercise .accordion-exercise[aria-expanded="false"] .es:after {
    content: "+";
    float: right;
    font-size: 20px;
  }
  .sticky-progress-bar .sidenav-smartphone .container-accordion-exercise .accordion-exercise[aria-expanded="true"] .es:after {
    content: "-";
    float: right;
    font-size: 20px;
  }
  .sticky-progress-bar .sidenav-smartphone .container-accordion-exercise .exercise-menu-content {
    width: 80%;
    padding-left: 20%;
    font-size: 16px;
    line-height: 18px;
  }
  .sticky-progress-bar .sidenav-smartphone .container-accordion-exercise .exercise-menu-content .exercise-menu-text {
    margin-bottom: 30px;
  }
  .sticky-progress-bar .sidenav-smartphone .container-accordion-exercise .exercise-menu-content .exercise-menu-ctas {
    margin-bottom: 10px;
  }
  .sticky-progress-bar .sidenav-smartphone .container-accordion-exercise .exercise-menu-content .exercise-menu-ctas .eon-button {
    margin-bottom: 20px;
  }
  .sticky-progress-bar .top-controls {
    height: 63px;
    background-color: white;
    z-index: 2010;
    position: fixed;
    top: 4px;
    border-bottom: solid 1px #979797;
    left: 0;
    right: 0;
  }
  .sticky-progress-bar .bottom-controls {
    border-top: solid 1px #979797;
    height: 65px;
    margin: 1px -25px 0 -25px;
    padding: 0 20px;
  }
  .sticky-progress-bar .prev-bracket {
    margin: 20px;
  }
  .sticky-progress-bar .next-bracket {
    margin: 20px;
  }
  .sticky-progress-bar .next-bracket.disable-arrow {
    pointer-events: none;
    background-image: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 27.2' style='enable-background:new 0 0 16 27.2;' xml:space='preserve'> <style type='text/css'> .st0%7Bfill:%23dddddd;%7D </style> <g> <g> <g> <path class='st0' d='M15.3,11.8C11.2,7.2,6.7,3.4,1.9,0.2C1.4-0.1,0.7,0,0.3,0.5C0,1,0.1,1.7,0.6,2.1c4.6,3,9,6.8,13,11.2l0,0 c0,0,0.1,0.1,0.1,0.2s0,0.2-0.1,0.2l0,0c-4,4.5-8.3,8.2-13,11.3c-0.5,0.3-0.7,1-0.3,1.6s1,0.7,1.6,0.3c4.8-3.2,9.3-7.1,13.4-11.6 c0.5-0.5,0.7-1.1,0.7-1.7C16,12.9,15.8,12.3,15.3,11.8'/> </g> </g> <g> <g> <path class='st0' d='M15.3,11.8L15.3,11.8L15.3,11.8z'/> </g> </g> </g> </svg>");
  }
  .sticky-progress-bar .prev-bracket.disable-arrow {
    pointer-events: none;
    background-image: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.9 27' style='enable-background:new 0 0 15.9 27;' xml:space='preserve'> <style type='text/css'> .st0%7Bfill:%23dddddd;%7D </style> <g> <g> <g> <path class='st0' d='M15.4,25L15.4,25c-4.6-3-9-6.8-13-11.2l0,0c0,0-0.1-0.1-0.1-0.2s0-0.2,0.1-0.2l0,0c4-4.5,8.3-8.2,13-11.3 c0.5-0.3,0.7-1,0.3-1.6c-0.3-0.5-1-0.7-1.6-0.3C9.3,3.4,4.8,7.3,0.7,11.8C0.2,12.3,0,12.9,0,13.5s0.2,1.2,0.7,1.7 c4.1,4.6,8.6,8.4,13.4,11.6c0.5,0.3,1.2,0.2,1.6-0.3C16.1,26.1,15.9,25.4,15.4,25'/> </g> </g> <g> <g> <path class='st0' d='M0.8,15.3L0.8,15.3L0.8,15.3z'/> </g> </g> </g> </svg>");
  }
  .sticky-progress-bar .level-icon {
    margin-bottom: 12px;
    margin-right: 7px;
  }
  .sticky-progress-bar .level-icon img {
    padding-bottom: 10px;
  }
  .sticky-progress-bar .scuole-container {
    position: relative;
    display: block;
    background-color: white;
    box-shadow: none;
    z-index: 2;
    padding: 30px 0 50px 0;
    margin-left: 0;
    margin-top: 0;
    overflow-x: visible;
  }
  .sticky-progress-bar .scuole-container .chapt-head {
    text-align: left;
    color: #ea1c0a;
    font-size: 35px;
    line-height: 35px;
    font-weight: bold;
    margin: 0;
    letter-spacing: normal;
  }
  .sticky-progress-bar .scuole-container .text_it .rich-text p {
    font-size: 18px;
    line-height: 22px;
  }
  .sticky-progress-bar .scuole-container .exercise-box {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
  .sticky-progress-bar .scuole-container .exercise-box .exercise-desc {
    margin-bottom: 30px;
  }
  .sticky-progress-bar .scuole-container .exercise-box .exercise-ctas {
    margin-bottom: 10px;
  }
  .sticky-progress-bar .scuole-container .exercise-box .exercise-ctas .eon-button {
    margin-bottom: 20px;
  }
}
.modal-backdrop.in-scuole {
  opacity: 0.1;
  z-index: 2010;
}
#scuole-loader-fullscreen {
  display: none;
}
.scuole-loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2060;
}
.scuole-spinner {
  border: 16px solid #f6f6f7;
  border-top: 16px solid #ea1c0a;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.nav-mode-mob .scuole-container,
.nav-mode-mob .top-controls,
.nav-mode-mob .bottom-controls {
  display: none;
}
.nav-mode-mob .videofullwidth,
.nav-mode-mob .sidenav-smartphone,
.nav-mode-mob .under-progress-bar,
.nav-mode-mob .bannerfullwidth,
.nav-mode-mob footer {
  display: block;
}
.chapt-mode-mob .videofullwidth,
.chapt-mode-mob .sidenav-smartphone,
.chapt-mode-mob .under-progress-bar,
.chapt-mode-mob .bannerfullwidth,
.chapt-mode-mob footer {
  display: none;
}
.desktop-mode .sidenav-smartphone {
  display: none;
}
.desktop-mode .videofullwidth,
.desktop-mode .scuole-container,
.desktop-mode .under-progress-bar,
.desktop-mode .bannerfullwidth,
.desktop-mode footer {
  display: block;
}