@font-face {
  font-family: 'Roboto';
  src: url("../css/fonts/roboto-bold-webfont.eot");
  src: url("../css/fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/roboto-bold-webfont.woff2") format("woff2"), url("../css/fonts/roboto-bold-webfont.woff") format("woff"), url("../css/fonts/roboto-bold-webfont.ttf") format("truetype"), url("../css/fonts/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../css/fonts/roboto-medium-webfont.eot");
  src: url("../css/fonts/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/roboto-medium-webfont.woff2") format("woff2"), url("../css/fonts/roboto-medium-webfont.woff") format("woff"), url("../css/fonts/roboto-medium-webfont.ttf") format("truetype"), url("../css/fonts/roboto-medium-webfont.svg#robotomedium") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../css/fonts/roboto-regular-webfont.eot");
  src: url("../css/fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/roboto-regular-webfont.woff2") format("woff2"), url("../css/fonts/roboto-regular-webfont.woff") format("woff"), url("../css/fonts/roboto-regular-webfont.ttf") format("truetype"), url("../css/fonts/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../css/fonts/roboto-light-webfont.eot");
  src: url("../css/fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/roboto-light-webfont.woff2") format("woff2"), url("../css/fonts/roboto-light-webfont.woff") format("woff"), url("../css/fonts/roboto-light-webfont.ttf") format("truetype"), url("../css/fonts/roboto-light-webfont.svg#robotolight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Roboto Condensed';
  src: url("../css/fonts/robotocondensed-bold-webfont.eot");
  src: url("../css/fonts/robotocondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/robotocondensed-bold-webfont.woff2") format("woff2"), url("../css/fonts/robotocondensed-bold-webfont.woff") format("woff"), url("../css/fonts/robotocondensed-bold-webfont.ttf") format("truetype"), url("../css/fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Roboto Condensed';
  src: url("../css/fonts/robotocondensed-light-webfont.eot");
  src: url("../css/fonts/robotocondensed-light-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/robotocondensed-light-webfont.woff2") format("woff2"), url("../css/fonts/robotocondensed-light-webfont.woff") format("woff"), url("../css/fonts/robotocondensed-light-webfont.ttf") format("truetype"), url("../css/fonts/robotocondensed-light-webfont.svg#roboto_condensedlight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Roboto Condensed';
  src: url("../css/fonts/robotocondensed-regular-webfont.eot");
  src: url("../css/fonts/robotocondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/robotocondensed-regular-webfont.woff2") format("woff2"), url("../css/fonts/robotocondensed-regular-webfont.woff") format("woff"), url("../css/fonts/robotocondensed-regular-webfont.ttf") format("truetype"), url("../css/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'OpenDyslexic';
  src: url("../css/fonts/OpenDyslexic-Regular.eot?#iefix") format("embedded-opentype"), url("../css/fonts/OpenDyslexic-Regular.woff") format("woff"), url("../css/fonts/OpenDyslexic-Regular.otf") format("otf"), url("../css/fonts/OpenDyslexic-Regular.ttf") format("truetype"), url("../css/fonts/OpenDyslexic-Regular.svg#OpenDyslexic-Regular") format("svg"); }
@font-face {
  font-family: 'OpenDyslexic';
  src: url("../css/fonts/opendyslexic-bold-webfont.eot");
  src: url("../css/fonts/opendyslexic-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/opendyslexic-bold-webfont.woff2") format("woff2"), url("../css/fonts/opendyslexic-bold-webfont.woff") format("woff"), url("../css/fonts/opendyslexic-bold-webfont.ttf") format("truetype"), url("../css/fonts/opendyslexic-bold-webfont.svg#opendyslexicbold") format("svg");
  font-weight: bold; }
@font-face {
  font-family: 'OpenDyslexic';
  src: url("../css/fonts/opendyslexic-italic-webfont.eot");
  src: url("../css/fonts/opendyslexic-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/opendyslexic-italic-webfont.woff2") format("woff2"), url("../css/fonts/opendyslexic-italic-webfont.woff") format("woff"), url("../css/fonts/opendyslexic-italic-webfont.ttf") format("truetype"), url("../css/fonts/opendyslexic-italic-webfont.svg#opendyslexicitalic") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'OpenDyslexic';
  src: url("../css/fonts/opendyslexic-bolditalic-webfont.eot");
  src: url("../css/fonts/opendyslexic-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/opendyslexic-bolditalic-webfont.woff2") format("woff2"), url("../css/fonts/opendyslexic-bolditalic-webfont.woff") format("woff"), url("../css/fonts/opendyslexic-bolditalic-webfont.ttf") format("truetype"), url("../css/fonts/opendyslexic-bolditalic-webfont.svg#opendyslexicbold_italic") format("svg");
  font-weight: bold;
  font-style: italic; }
/* player */
/*html ::-webkit-scrollbar {
  width: 2px;
}

html ::-webkit-scrollbar-track {
  background: transparent;
}

html ::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.8);
  outline: none;
  border-radius: 2px;
}*/
textarea, input, button {
  box-shadow: none;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  background: none;
  border: none; }

:focus, :visited, :active {
  box-shadow: none;
  outline: 0; }

a, a:focus, a:visited, a:active {
  outline: none !important;
  text-decoration: none; }

a, a:hover, a:visited, a:active, a:focus {
  color: #444444;
  text-decoration: none; }

.disabled {
  pointer-events: none !important;
  opacity: 0.4 !important; }

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2); }

::selection {
  background: rgba(169, 47, 10, 0.4); }

::-moz-selection {
  background: rgba(169, 47, 10, 0.4); }

.openMenu header ::selection {
  background: rgba(255, 255, 255, 0.4); }

.openMenu header ::-moz-selection {
  background: rgba(255, 255, 255, 0.4); }

.same_height {
  display: flex; }

.flex-cont {
  display: flex;
  align-items: center; }

html, body {
  height: 100%;
  width: 100%;
  overflow: hidden; }

body {
  font-family: "Roboto", sans-serif;
  color: #000;
  background: #e7e6e6;
  opacity: 1;
  transition: opacity 600ms; }

section {
  overflow: hidden; }

ul.logo_absolute {
  padding: 0;
  position: absolute;
  bottom: 18px;
  right: 30px;
  margin-bottom: 0; }

ul.logo_absolute li {
  display: inline-block;
  margin: 0 7px; }

ul.logo_absolute li img {
  height: 26px;
  width: auto;
  max-height: 66px; }

button.btnBack {
  border: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  color: #444444; }

button.btnBack::after {
  display: inline-block;
  content: '\2023';
  font-size: 18px;
  line-height: 18px;
  vertical-align: middle; }
  html.ipad button.btnBack::after {
    vertical-align: top; }

button.squareBtn {
  width: 158px;
  text-align: center;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-size: 12px;
  background: #e54a1b;
  padding: 14px 0;
  display: block;
  margin: 0 auto;
  margin-top: 20px; }

.popupconfirm button.squareBtn, .popupprompt button.squareBtn {
  width: 50%;
  display: inline-block; }
  .popupconfirm button.squareBtn:nth-child(2), .popupprompt button.squareBtn:nth-child(2) {
    border-left: 1px solid #FFF; }

/* header */
.headbook,
.headhome {
  opacity: 0;
  overflow: hidden;
  transition: all 0ms 400ms; }

.headhome {
  transition: opacity 400ms, height 0ms 400ms; }

body.book .headbook,
body.home .headhome {
  opacity: 1;
  overflow: hidden; }

body.home .headhome {
  position: relative;
  z-index: 999; }

section header {
  background: #e7e6e6;
  height: 106px; }

section header .userlogin {
  color: #e54a1b;
  text-transform: uppercase;
  font-size: 12px; }

section header .userlogin span {
  display: block;
  padding-left: 26px;
  position: relative; }

section header .userlogin span::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: -5px;
  width: 20px;
  height: 20px;
  background: url(../img/icon/logindocente.svg) no-repeat center center/contain;
  vertical-align: middle; }

section header .logout a {
  display: inline-block;
  padding-left: 26px;
  position: relative;
  color: #e54a1b;
  font-size: 12px; }

section header .logout a::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 6px;
  top: 1px;
  width: 12px;
  height: 12px;
  background: url(../img/icon/off.svg) no-repeat center center/contain; }

section nav {
  background: #e54a1b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300; }

section nav ul {
  padding: 0;
  list-style: none;
  margin: 0; }

section nav ul li {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
  height: 56px; }

section nav ul li a,
section nav ul li a:hover,
section nav ul li a:visited,
section nav ul li a:active {
  display: flex;
  padding: 15px 0 10px 0;
  max-width: 130px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  height: 100%;
  align-items: center;
  border-bottom: solid 3px #e54a1b; }

section menu {
  background: #f8f8f8;
  padding: 0;
  margin: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300; }

section menu .cont_scroll {
  margin: 0 auto;
  padding: 0 30px;
  overflow: hidden;
  position: relative; }

section menu .cont_scroll button.scroll_control {
  position: absolute;
  display: block;
  left: 0;
  top: 10px;
  height: calc(100% - 20px);
  width: 30px;
  background-position: center center;
  background-size: 16px auto;
  background-repeat: no-repeat;
  padding: 0;
  z-index: 11;
  cursor: pointer;
  opacity: 1;
  transition: opacity 200ms; }

section menu .cont_scroll button.scroll_control:disabled {
  opacity: 0;
  cursor: default;
  transition: opacity 200ms; }

section menu .cont_scroll button.scroll_control[data-type="back"] {
  background-image: url(../img/icon/arrow_back.svg);
  border-right: solid 1px #e7e6e6;
  left: 0px; }

section menu .cont_scroll button.scroll_control[data-type="next"] {
  left: auto;
  right: 0px;
  background-image: url(../img/icon/arrow.svg);
  border-left: solid 1px #e7e6e6; }

.info .infoelement .con_icon ul,
section menu .cont_scroll ul {
  padding: 16px 0;
  margin: 0;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  /* iOS velocity scrolling */ }

.info .infoelement ul::-webkit-scrollbar,
section menu .cont_scroll ul::-webkit-scrollbar {
  display: none; }

.info .infoelement .con_icon ul li,
section menu .cont_scroll ul li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
  margin-right: 6px; }

section menu .cont_scroll ul {
  padding: 0; }

section menu .cont_scroll ul li {
  padding: 16px 0;
  min-height: 116px; }

section menu .cont_scroll ul li.active {
  border-bottom: 2px solid #e54a1b; }

.info .infoelement .con_icon ul li a,
section menu .cont_scroll ul li a {
  color: #e54a1b;
  display: block;
  width: 82px;
  white-space: normal; }

.info .infoelement .con_icon ul li a::before,
section menu .cont_scroll ul li a::before {
  content: '';
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
  margin-bottom: 6px; }

.info .infoelement .con_icon ul li[data-icon="italiano_l2"] a::before,
section menu .cont_scroll ul li[data-icon="italiano_l2"] a::before {
  background: url(../img/icon/materie/italiano_l2.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="italiano"] a::before,
section menu .cont_scroll ul li[data-icon="italiano"] a::before {
  background: url(../img/icon/materie/italiano.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="storia"] a::before,
section menu .cont_scroll ul li[data-icon="storia"] a::before {
  background: url(../img/icon/materie/storia.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="geografia"] a::before,
section menu .cont_scroll ul li[data-icon="geografia"] a::before {
  background: url(../img/icon/materie/geografia.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="matematica"] a::before,
section menu .cont_scroll ul li[data-icon="matematica"] a::before {
  background: url(../img/icon/materie/matematica.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="scienze"] a::before,
section menu .cont_scroll ul li[data-icon="scienze"] a::before {
  background: url(../img/icon/materie/scienze.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="cittadinanza e costituzione"] a::before,
section menu .cont_scroll ul li[data-icon="cittadinanza e costituzione"] a::before {
  background: url(../img/icon/materie/cec.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="inglese"] a::before,
section menu .cont_scroll ul li[data-icon="inglese"] a::before {
  background: url(../img/icon/materie/inglese.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="religione"] a::before,
section menu .cont_scroll ul li[data-icon="religione"] a::before {
  background: url(../img/icon/materie/religione.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="fisica"] a::before,
section menu .cont_scroll ul li[data-icon="fisica"] a::before {
  background: url(../img/icon/materie/fisica.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="chimica"] a::before,
section menu .cont_scroll ul li[data-icon="chimica"] a::before {
  background: url(../img/icon/materie/chimica.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="informatica"] a::before,
section menu .cont_scroll ul li[data-icon="informatica"] a::before {
  background: url(../img/icon/materie/informatica.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="cittadinanza_costituzione"] a::before,
section menu .cont_scroll ul li[data-icon="cittadinanza_costituzione"] a::before {
  background: url(../img/icon/materie/cec.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="francese"] a::before,
section menu .cont_scroll ul li[data-icon="francese"] a::before {
  background: url(../img/icon/materie/francese.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="alimentazione"] a::before,
section menu .cont_scroll ul li[data-icon="alimentazione"] a::before {
  background: url(../img/icon/materie/scienze_cultura_alimentazione.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="accoglienzaturistica"] a::before,
section menu .cont_scroll ul li[data-icon="accoglienzaturistica"] a::before {
  background: url(../img/icon/materie/lab_acc_turistica.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="salavendita"] a::before,
section menu .cont_scroll ul li[data-icon="salavendita"] a::before {
  background: url(../img/icon/materie/lab_sala_vendita.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="cucina"] a::before,
section menu .cont_scroll ul li[data-icon="cucina"] a::before {
  background: url(../img/icon/materie/cucine.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="Scienzadeglialimenti"] a::before,
section menu .cont_scroll ul li[data-icon="Scienzadeglialimenti"] a::before {
  background: url(../img/icon/materie/scienzadeglialimenti.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="latino"] a::before,
section menu .cont_scroll ul li[data-icon="latino"] a::before {
  background: url(../img/icon/materie/latino.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="tedesco"] a::before,
section menu .cont_scroll ul li[data-icon="tedesco"] a::before {
  background: url(../img/icon/materie/germania.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="spagnolo"] a::before,
section menu .cont_scroll ul li[data-icon="spagnolo"] a::before {
  background: url(../img/icon/materie/spagnolo.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="russo"] a::before,
section menu .cont_scroll ul li[data-icon="russo"] a::before {
  background: url(../img/icon/materie/russo.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="portoghese"] a::before,
section menu .cont_scroll ul li[data-icon="portoghese"] a::before {
  background: url(../img/icon/materie/portoghese.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="altre"] a::before,
section menu .cont_scroll ul li[data-icon="altre"] a::before {
  background: url(../img/icon/materie/altre_lingue.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="filosofia"] a::before,
section menu .cont_scroll ul li[data-icon="filosofia"] a::before {
  background: url(../img/icon/materie/filosofia.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="greco"] a::before,
section menu .cont_scroll ul li[data-icon="greco"] a::before {
  background: url(../img/icon/materie/greco.svg) no-repeat center center/contain; }

.info .infoelement .con_icon ul li[data-icon="altre_materie"] a::before,
section menu .cont_scroll ul li[data-icon="altre_materie"] a::before {
  background: url(../img/icon/materie/altre_materie.svg) no-repeat center center/contain; }

section nav ul li.active a {
  border-color: #fff; }

body.home .headbook header {
  background: #fff;
  height: 50px; }

.info .btnBack {
  position: absolute;
  bottom: 20px;
  right: 30px;
  z-index: 10; }

main {
  height: calc(100vh - 266px);
  position: relative; }

.book main {
  height: 100vh; }
  html.web .book main {
    height: 100%; }

.ipad.ios:not(.cordova) .book main {
  height: calc(100vh - 26px); }

main .main_element {
  padding-top: 72px;
  height: 100%; }
  main .main_element .booksList {
    transform: translateZ(0); }

main .ov {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /* iOS velocity scrolling */
  height: 100%; }

main .ov .iselement {
  background: #fff;
  padding: 15px;
  border-radius: 5px;
  padding-bottom: 40px;
  margin-bottom: 30px;
  position: relative;
  /*html.cannotSaveLocally & {
      opacity: 1;
  }*/ }
  main .ov .iselement figure, main .ov .iselement figcaption, main .ov .iselement button {
    opacity: 0.4; }
    html.cannotSaveLocally main .ov .iselement figure, html.cannotSaveLocally main .ov .iselement figcaption, html.cannotSaveLocally main .ov .iselement button {
      opacity: 1; }
  main .ov .iselement.demo {
    position: relative;
    overflow: hidden; }
    main .ov .iselement.demo:before {
      background: #009ba4;
      color: #FFF;
      content: "DEMO";
      position: absolute;
      right: -100px;
      top: 0;
      padding-top: 5px;
      padding-bottom: 5px;
      width: 200px;
      text-align: center;
      transform-origin: top center;
      transform: rotate(45deg) translateY(25px);
      z-index: 2;
      font-weight: bold; }

main .ov .iselement.installed figure, main .ov .iselement.installed figcaption, main .ov .iselement.installed button {
  opacity: 1; }

main .ov .iselement figcaption {
  padding: 10px 0; }

main .ov .iselement figcaption h2 {
  font-size: 12px;
  line-height: 15px;
  color: #444444;
  font-weight: 300;
  padding: 0;
  margin: 0; }

.iselement {
  cursor: pointer; }

main .ov .iselement figcaption h2 strong {
  font-weight: 700;
  display: block; }

main .ov .iselement button[type="submit"] {
  background: #e54a1b;
  color: #fff;
  font-size: 12px;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 11px 0;
  border-radius: 0 0 5px 5px;
  bottom: 0;
  height: 40px;
  letter-spacing: 0.5px;
  font-weight: 500; }

section.issplash,
section.isbook,
section.ishome {
  opacity: 0;
  width: 0;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  transform: translateX(-20%);
  position: absolute;
  transition: opacity 400ms, width 0ms 400ms, transform 0ms 400ms; }

section.access {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

section.access .cont_all {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

section header ul.logo_head,
section.access ul.logo_login {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0; }

section.access ul.logo_login {
  padding: 0 0 60px 0; }

section header ul.logo_head li,
section.access ul.logo_login li {
  display: inline-block;
  margin: 0 7px; }

section header ul.logo_head li img,
section.access ul.logo_login li img {
  height: 6vw;
  width: auto;
  max-height: 66px; }

section header ul.logo_head li:nth-child(2) img,
section.access ul.logo_login li:nth-child(2) img {
  height: 4vw;
  max-height: 50px; }

section header ul.logo_head li:nth-child(3) img,
section.access ul.logo_login li:nth-child(3) img {
  height: 4.6vw;
  max-height: 54px; }

section.access .logincolor {
  background: #fff;
  color: #e54a1b;
  border-radius: 5px;
  padding: 40px 15px;
  min-height: 225px; }

section.access .login_right .logincolor {
  min-height: 0; }
  section.access .login_right .logincolor:nth-child(2) {
    padding-top: 0;
    margin-top: 15px;
    padding-bottom: 0; }
    section.access .login_right .logincolor:nth-child(2) h3 {
      margin-top: 10px; }
  section.access .login_right .logincolor .materialSelect {
    padding-top: 0; }

section.access .logincolor h2 {
  color: #e54a1b;
  font-size: 16px;
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
  font-weight: 400; }
section.access .logincolor h3 {
  color: #e54a1b;
  font-size: 16px;
  margin: 0;
  padding: 25px 0 0 0;
  text-align: center;
  font-weight: 400; }

section.access .logincolor .materialSelect {
  padding-top: 38px; }

section.access .logincolor button[type="submit"] {
  color: #fff;
  background: #e54a1b;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 0;
  border-radius: 0 0 5px 5px; }

section.access .login_left {
  padding-right: 30px; }

section.access .login_right {
  padding-left: 30px; }

section.access .guida_e_supporto {
  padding-top: 40px; }

section.access .guida_e_supporto a {
  text-decoration: underline;
  color: #e54a1b;
  font-size: 12px; }

section.access .logincolor fieldset.material.hackselect {
  height: 40px; }

.info {
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  top: 190px;
  width: 0;
  height: calc(100% - 220px);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 0;
  overflow: hidden;
  opacity: 0;
  transition: width 0ms 400ms, transform 0ms 400ms, opacity 400ms; }

.safari.os .info,
.safari.ios .info {
  left: 30px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0); }

.info .infoelement {
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 30px;
  transition: opacity 400ms 0ms;
  color: #444444;
  font-family: "Roboto Condensed", sans-serif; }

.info .infoelement .rightside,
.info .infoelement .leftside {
  float: left; }

.info .infoelement .leftside {
  width: 80%;
  overflow: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  /* iOS velocity scrolling */ }

.info .infoelement .leftside::-webkit-scrollbar {
  display: none; }

.info .infoelement .rightside {
  width: 20%;
  padding-left: 32px; }
.info .infoelement.demo .rightside figure {
  position: relative;
  overflow: hidden; }
  .info .infoelement.demo .rightside figure:before {
    background: #009ba4;
    color: #FFF;
    content: "DEMO";
    position: absolute;
    right: -100px;
    top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
    text-align: center;
    transform-origin: top center;
    transform: rotate(45deg) translateY(25px);
    z-index: 2;
    font-weight: bold; }

.info .infoelement h2 {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 16px;
  font-weight: 300; }

.info .infoelement h2 strong {
  font-weight: 700; }

.info .infoelement .con_icon {
  padding: 20px 0; }

.info .infoelement ul {
  border-top: solid 1px #888;
  border-bottom: solid 1px #888;
  font-weight: 300;
  pointer-events: none; }

.info .infoelement p {
  font-size: 12px;
  line-height: 20px;
  font-weight: 300; }

.info .infoelement p strong {
  font-weight: 700; }

.info .infoelement .rightside figcaption {
  color: #e54a1b;
  font-size: 10px;
  font-weight: 300;
  padding: 10px 5px;
  border-left: solid 1px #d9d9d9;
  border-right: solid 1px #d9d9d9; }

.info .infoelement .rightside figcaption::before {
  content: '';
  display: inline-block;
  margin: 0 auto;
  height: 10px;
  width: 10px;
  background: url(../img/icon/info.svg) no-repeat center center/contain;
  vertical-align: text-top; }

.info .infoelement .rightside button {
  background: #e54a1b;
  color: #fff;
  font-size: 11px;
  padding: 11px 0;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  width: 100%;
  border-radius: 0 0 5px 5px;
  letter-spacing: 0.5px;
  height: 40px; }
  .info .infoelement .rightside button#btnrealtaAumentata {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px; }
    .info .infoelement .rightside button#btnrealtaAumentata svg {
      fill: #FFF;
      height: 20px;
      /* height: auto; */
      display: block;
      margin: 0 auto;
      margin-bottom: 4px; }
  .info .infoelement .rightside button#btninfoVisualizza.dsa {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px; }
    .info .infoelement .rightside button#btninfoVisualizza.dsa svg {
      fill: #FFF;
      height: 14px;
      /* height: auto; */
      display: block;
      margin: 0 auto;
      margin-bottom: 4px; }

.info .infoelement .rightside button {
  border-radius: 0; }

.info .infoelement .rightside button:not(:first-child) {
  border-top: 1px solid #FFF; }

.info .infoelement .rightside .contInfoBtnContainer {
  border-radius: 0 0 5px 5px;
  overflow: hidden; }

section main .ricerca {
  position: absolute;
  top: 0;
  z-index: 10;
  padding: 20px 15px;
  width: calc(100% - 30px); }

section main .ricerca p {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: #888;
  margin: 0;
  padding: 8px 0; }

section.isbook {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.no-margin {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.inner-main {
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #e7e6e6; }
  html.web .inner-main {
    height: 100%; }

.ipad .inner-main {
  height: 100%; }

.inner-main.change {
  background-color: #fff; }

#book-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: transparent;
  overflow: hidden;
  transition: left 0.2s cubic-bezier(0, -0.18, 0.01, 0.89), right 0.2s cubic-bezier(0, -0.18, 0.01, 0.89);
  /*background: url('../img/bg.jpg') no-repeat center center;*/
  background-size: contain; }

#book-container #wrapper {
  display: none; }

.book #book-container #wrapper {
  display: block; }

#menu-hide {
  display: none; }

#dsa-book {
  display: none;
  position: absolute;
  top: 50px;
  left: 50px;
  width: calc(100% - 50px);
  /*padding-left: 60px;
padding-right: 60px;*/
  height: calc(100% - 100px);
  background-color: #fff;
  z-index: 0;
  -webkit-transition: all 0.2s cubic-bezier(0, -0.18, 0.01, 0.89);
  -ms-transition: all 0.2s cubic-bezier(0, -0.18, 0.01, 0.89);
  -o-transition: all 0.2s cubic-bezier(0, -0.18, 0.01, 0.89);
  -moz-transition: all 0.2s cubic-bezier(0, -0.18, 0.01, 0.89);
  transition: all 0.2s cubic-bezier(0, -0.18, 0.01, 0.89);
  overflow: auto; }
  #dsa-book strong, #dsa-book b {
    font-weight: bold; }

body.right--drag--toolbar #dsa-book {
  left: 0; }

#dsa_content p:after {
  content: "";
  display: inline-block;
  width: 0px; }

#dsa_content td {
  padding: 2px 5px; }

#dsa_content img {
  max-width: 100%;
  height: auto; }

#dsa_content table td.puntini {
  letter-spacing: -0.17em; }

#finestra-container {
  display: none;
  position: absolute;
  top: 50px;
  left: 50px;
  width: calc(100% - 50px);
  height: calc(100% - 100px);
  z-index: 1;
  overflow: hidden; }

body.right--drag--toolbar #finestra-container {
  left: 0; }

#window-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  #window-top .bar-header {
    cursor: pointer;
    height: 30px;
    background-color: #a7a7a7;
    z-index: 99; }
  #window-top figure {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 5px; }
    #window-top figure img {
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }

#window-left {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; }
  #window-left .bar-header {
    cursor: pointer;
    width: 30px;
    position: absolute;
    height: 100%;
    background-color: #a7a7a7;
    z-index: 99; }
  #window-left figure {
    position: absolute;
    top: 50%;
    right: 5px; }

#window-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
  #window-bottom .bar-header {
    cursor: pointer;
    height: 100vh;
    position: absolute;
    top: -30px;
    width: 100%;
    background-color: #a7a7a7;
    z-index: 99; }
  #window-bottom figure {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 13px; }
    #window-bottom figure img {
      -ms-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg); }

#window-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%; }
  #window-right .bar-header {
    cursor: pointer;
    width: 100vw;
    height: 100%;
    left: -30px;
    position: absolute;
    background-color: #a7a7a7;
    z-index: 99; }
  #window-right figure {
    position: absolute;
    top: 50%;
    left: 5px;
    text-align: center; }
    #window-right figure img {
      -ms-transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg); }

#inner-dsa-book {
  padding: 10px; }

#top-menu-bar {
  position: absolute;
  height: 50px;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
  z-index: 9;
  -webkit-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s; }

#top-menu-bar.bg-changed {
  border-bottom: 1px solid #fff; }

.bg-changed {
  background-color: #eceff1 !important; }

#left-menu-bar {
  left: 0px;
  position: absolute;
  height: calc(100% - 100px);
  top: 50px;
  background-color: #fff;
  width: 50px;
  border-right: 1px solid #f1f1f1;
  z-index: 2;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  /*animation-timing-function: linear;*/ }

#left-menu-bar .menubar-icon, #dsa-left-menu-bar .menubar-icon {
  width: 50px;
  height: 50px;
  position: relative;
  opacity: 1;
  -#444444-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
  #left-menu-bar .menubar-icon a, #dsa-left-menu-bar .menubar-icon a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }

.menubar-icon[data-cursor="drag"]:hover a {
  cursor: ew-resize !important; }

#left-menu-bar .menubar-icon .tsmenu-container {
  position: absolute;
  top: 0;
  left: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0 20px;
  height: 50px;
  width: 138px;
  display: none; }
  #left-menu-bar .menubar-icon .tsmenu-container .submenu-icon {
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
    position: relative;
    margin: 0 -1px;
    float: left; }
    #left-menu-bar .menubar-icon .tsmenu-container .submenu-icon img {
      margin: 0 auto;
      height: 20px;
      width: auto; }
  #left-menu-bar .menubar-icon .tsmenu-container .submenu-icon img.resize-medium-width {
    width: 22px;
    height: auto; }

#left-menu-bar .menubar-icon .tsmenu-container > .submenu-icon:hover {
  background-color: #e7e6e6; }

/* left bar icons */
.wrap-leftbar-icons {
  width: 50px;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  padding-top: 15px;
  background-color: #fff; }

.wrap-leftbar-icons .menubar-icon img {
  width: auto;
  height: 20px;
  margin: auto; }

.wrap-leftbar-icons .menubar-icon {
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  position: relative;
  margin: -2px 0 0 0; }

.menubar-icon.tisact,
.no-touchevents .menubar-icon:hover {
  background: rgba(0, 0, 0, 0.15); }

.wrap-leftbar-icons .menubar-icon.last {
  position: absolute !important;
  bottom: 10px; }

#dsa-menu-left-bar {
  left: 0px;
  position: absolute;
  height: calc(100% - 100px);
  top: 50px;
  background-color: #eceff1;
  width: 50px;
  border-right: 1px solid #fff;
  display: none;
  z-index: 8;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0); }

.right--drag--toolbar #dsa-menu-left-bar {
  left: auto;
  right: 0; }

#dsa-menu-left-bar .menubar-icon {
  width: 50px;
  height: 50px;
  position: relative;
  opacity: 1;
  -#444444-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
  #dsa-menu-left-bar .menubar-icon a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }

#dsa-menu-left-bar .menubar-icon.openCancella a {
  background: #eceff1;
  z-index: 1; }

#dsa-menu-left-bar .menubar-icon.openCancella a:hover {
  background: #d9d9d9; }

#dsa-menu-left-bar .menubar-icon .tsmenu-container {
  position: absolute;
  top: 0;
  left: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0 20px;
  height: 50px;
  width: 138px;
  z-index: 0; }
  #dsa-menu-left-bar .menubar-icon .tsmenu-container .submenu-icon {
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
    position: relative;
    margin: 0 -1px;
    float: left; }
    #dsa-menu-left-bar .menubar-icon .tsmenu-container .submenu-icon img {
      margin: 0 auto;
      height: 20px;
      width: auto; }
  #dsa-menu-left-bar .menubar-icon .tsmenu-container .submenu-icon img.resize-medium-width {
    width: 22px;
    height: auto; }

#left-menu-bar .menubar-icon.openCancella a {
  background: #fff;
  z-index: 1; }

.no-touchevents #left-menu-bar .menubar-icon.openCancella:hover a {
  background: #d9d9d9; }

#left-menu-bar .menubar-icon.openCancella.tisact a {
  background: #d9d9d9; }

#left-menu-bar .menubar-icon.openCancella .tsmenu-container {
  display: block;
  z-index: 0; }

#dsa-menu-left-bar .menubar-icon.openCancella .tsmenu-container,
#left-menu-bar .menubar-icon.openCancella .tsmenu-container {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
  transition: opacity 0ms 600ms, transform 600ms; }

.right--drag--toolbar #left-menu-bar .menubar-icon.openCancella .tsmenu-container {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
  left: auto;
  right: 50px; }

#dsa-menu-left-bar .menubar-icon.openCancella.tisact .tsmenu-container,
#left-menu-bar .menubar-icon.openCancella.tisact .tsmenu-container {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  transition: opacity 0ms, transform 600ms; }

.wrap-dsabar-icons {
  width: 50px;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  padding-top: 15px;
  background-color: #eceff1; }

.wrap-dsabar-icons .menubar-icon img {
  width: auto;
  height: 20px;
  margin: auto; }

.wrap-dsabar-icons .menubar-icon {
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  position: relative;
  margin: -2px 0 0 0; }

.no-touchevents .menubar-icon:hover {
  background-color: #d9d9d9; }

.wrap-dsabar-icons .menubar-icon.last {
  position: absolute !important;
  bottom: 0; }

#bottom-menu-bar {
  border-top: 1px solid #f1f1f1;
  position: absolute;
  height: 50px;
  background-color: #fff;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 9; }

#bottom-menu-bar.bg-changed {
  border-top: 1px solid #fff; }

#tools-menu {
  height: 100%;
  width: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0; }

#tools-menu img {
  width: auto;
  height: 20px;
  margin: auto; }

.wrap-bar-icons {
  width: calc(100% - 100px);
  position: absolute;
  height: 100%;
  left: 50px;
  top: 0;
  background-color: #fff; }

.wrap-bar-icons .menubar-icon {
  float: left;
  width: 44px;
  height: 50px;
  position: relative;
  margin: 0 2px; }
  .wrap-bar-icons .menubar-icon.audiobook {
    position: absolute;
    left: -60px;
    top: 0; }
    .wrap-bar-icons .menubar-icon.audiobook.p2 {
      left: auto;
      right: -60px; }
  .wrap-bar-icons .menubar-icon a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }
  .wrap-bar-icons .menubar-icon #input_cerca_book {
    position: absolute;
    right: 50px;
    top: 0;
    width: 0;
    opacity: 0;
    transition: opacity 300ms, width 300ms;
    margin-top: 8px; }
    .wrap-bar-icons .menubar-icon #input_cerca_book:focus {
      width: 200px;
      opacity: 1;
      transition: opacity 300ms, width 300ms; }

.wrap-bar-icons .menubar-icon img {
  width: auto;
  height: 20px;
  margin: auto; }

.wrap-bar-icons .menubar-icon img.icon-small {
  height: 15px;
  width: auto;
  margin: auto; }

.wrap-bar-icons .menubar-icon img.icon-smaller {
  height: 13px;
  width: auto;
  margin: auto; }

.wrap-right-icon {
  position: absolute;
  right: 0; }

.wrap-center-icon {
  display: inline-block; }

.wrap-center-pageindex {
  position: absolute;
  left: 50%;
  margin-left: -72px; }

.wrap-bar-icons .pagearrow-icon {
  float: left;
  display: flex;
  align-items: center;
  width: 16px;
  height: 50px;
  position: relative;
  margin: 0 2px; }

.wrap-bar-icons .pageindex-icon {
  float: left;
  display: flex;
  align-items: center;
  width: 100px;
  background-color: transparent;
  height: 50px;
  position: relative;
  margin: 0 2px; }
  .wrap-bar-icons .pageindex-icon .form-control {
    font-size: 15px;
    height: 30px; }
    .wrap-bar-icons .pageindex-icon .form-control:focus {
      box-shadow: none;
      border-color: transparent; }
  .wrap-bar-icons .pageindex-icon textarea,
  .wrap-bar-icons .pageindex-icon input[type="text"] {
    border-bottom: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none !important; }

.wrap-bar-icons .pagearrow-icon img {
  width: auto;
  height: 16px;
  margin: auto; }

#backto-book {
  position: absolute;
  z-index: -1; }

.visible-dsa {
  display: none; }

#tools-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 600ms; }

#tools-popup .wrap-popup {
  position: absolute;
  left: 50%;
  top: 40%;
  width: 350px;
  height: 450px;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: top 600ms; }
  html.ipad #tools-popup .wrap-popup, html.tablet #tools-popup .wrap-popup {
    transition: top 0ms 600ms;
    top: 50%; }
  #tools-popup .wrap-popup .header-popup {
    background-color: #e54a1b;
    text-align: center;
    padding: 3px 0; }
    #tools-popup .wrap-popup .header-popup h4 {
      font-size: 17px;
      font-weight: 200;
      letter-spacing: 0px;
      color: #fff;
      font-family: "Roboto Condensed", sans-serif; }
    #tools-popup .wrap-popup .header-popup .close-popup {
      position: absolute;
      right: 11px;
      cursor: pointer;
      top: 2px;
      padding: 9px; }
      #tools-popup .wrap-popup .header-popup .close-popup figure img {
        width: 12px;
        height: auto; }

#tools-popup.openPopUp {
  opacity: 1;
  transition: opacity 600ms; }

#tools-popup.openPopUp .wrap-popup {
  top: 50%;
  transition: top 600ms; }
  html.ipad #tools-popup.openPopUp .wrap-popup, html.tablet #tools-popup.openPopUp .wrap-popup {
    transition: none; }

.btn-default-popup {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: #e54a1b;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  left: 0; }
  .btn-default-popup h4 {
    padding: 3px 0;
    color: #fff;
    font-weight: 200;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center; }

#tools-popup .wrap-popup .popup .popup-content.show-markbook {
  padding-top: 30px; }
  #tools-popup .wrap-popup .popup .popup-content.show-markbook .popup-row {
    padding-bottom: 5px;
    margin: 5px 0; }
    #tools-popup .wrap-popup .popup .popup-content.show-markbook .popup-row:before {
      position: absolute;
      content: "";
      border-bottom: 1px solid #e6e6e6;
      width: 94%;
      bottom: 0;
      left: 3%; }
  #tools-popup .wrap-popup .popup .popup-content.show-markbook h5 {
    position: relative;
    top: 5px;
    font-size: 13px;
    margin: 0;
    font-weight: 100; }
  #tools-popup .wrap-popup .popup .popup-content.show-markbook figure img {
    width: 13px;
    height: auto; }

#tools-popup .wrap-popup .popup .popup-content.audio-rec {
  padding-top: 30px; }
  #tools-popup .wrap-popup .popup .popup-content.audio-rec .popup-row {
    padding-bottom: 5px;
    margin: 5px 0; }
    #tools-popup .wrap-popup .popup .popup-content.audio-rec .popup-row:before {
      position: absolute;
      content: "";
      border-bottom: 1px solid #e6e6e6;
      width: 94%;
      bottom: 0;
      left: 3%; }
  #tools-popup .wrap-popup .popup .popup-content.audio-rec h3 {
    color: #e54a1b;
    font-size: 32px;
    font-weight: 100;
    font-family: 'Roboto Condensed', sans-serif; }
  #tools-popup .wrap-popup .popup .popup-content.audio-rec h5 {
    position: relative;
    top: 5px;
    font-size: 13px;
    margin: 0;
    font-weight: 100; }
  #tools-popup .wrap-popup .popup .popup-content.audio-rec figure img {
    width: 13px;
    height: auto; }
  #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-start #start-rec img {
    width: 80px;
    height: auto;
    margin: 0 auto; }
  #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-start #start-rec h6 {
    color: #e54a1b;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 100; }
  #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-pausa {
    display: none; }
    #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-pausa #pausa-rec {
      background-color: #e54a1b;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      margin: 0 auto;
      display: flex;
      align-items: center; }
      #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-pausa #pausa-rec img {
        width: 20px;
        height: auto;
        margin: 0 auto; }
    #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-pausa h6 {
      color: #e54a1b;
      text-transform: capitalize;
      font-size: 16px;
      font-weight: 100; }
  #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-stop {
    display: none; }
    #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-stop #elimina-rec {
      min-width: 90px;
      display: inline-block; }
      #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-stop #elimina-rec img {
        width: 30px;
        height: auto;
        margin: 0 auto; }
      #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-stop #elimina-rec h6 {
        color: #e54a1b;
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 100; }
    #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-stop #riprendi-rec {
      display: inline-block; }
      #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-stop #riprendi-rec img {
        width: 80px;
        height: auto;
        margin: 0 auto; }
      #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-stop #riprendi-rec h6 {
        color: #e54a1b;
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 100; }
    #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-stop #fine-rec {
      min-width: 90px;
      display: inline-block; }
      #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-stop #fine-rec img {
        width: 30px;
        height: auto;
        margin: 0 auto; }
      #tools-popup .wrap-popup .popup .popup-content.audio-rec .wrap-stop #fine-rec h6 {
        color: #e54a1b;
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 100; }

#tools-popup .wrap-popup .popup .popup-content.change-pagina {
  padding-top: 10px; }
  #tools-popup .wrap-popup .popup .popup-content.change-pagina .popup-row {
    padding-bottom: 5px;
    margin: 5px 0; }
    #tools-popup .wrap-popup .popup .popup-content.change-pagina .popup-row:not(.noBorder):before {
      position: absolute;
      content: "";
      border-bottom: 1px solid #e6e6e6;
      width: 94%;
      bottom: 0;
      left: 3%; }
  #tools-popup .wrap-popup .popup .popup-content.change-pagina .popup-row.noBorder {
    padding-bottom: 0; }
  #tools-popup .wrap-popup .popup .popup-content.change-pagina h5 {
    position: relative;
    top: 5px;
    font-size: 13px;
    margin: 0;
    font-weight: 100; }
  #tools-popup .wrap-popup .popup .popup-content.change-pagina figure img {
    width: 13px;
    height: auto; }

#tools-popup .wrap-popup .popup .popup-content.audio-list {
  padding-top: 30px; }
  #tools-popup .wrap-popup .popup .popup-content.audio-list .popup-row {
    padding-bottom: 5px;
    margin: 5px 0; }
    #tools-popup .wrap-popup .popup .popup-content.audio-list .popup-row:before {
      position: absolute;
      content: "";
      border-bottom: 1px solid #e6e6e6;
      width: 94%;
      bottom: 0;
      left: 3%; }
  #tools-popup .wrap-popup .popup .popup-content.audio-list h5 {
    position: relative;
    top: 5px;
    font-size: 13px;
    margin: 0;
    font-weight: 100; }
  #tools-popup .wrap-popup .popup .popup-content.audio-list figure {
    display: inline-block;
    margin: 0 5px; }
    #tools-popup .wrap-popup .popup .popup-content.audio-list figure img {
      width: 13px;
      height: auto; }
    #tools-popup .wrap-popup .popup .popup-content.audio-list figure img.resize-width {
      width: 15px;
      height: auto; }

#tools-popup .wrap-popup .popup .popup-content.link {
  padding-top: 30px; }
  #tools-popup .wrap-popup .popup .popup-content.link .popup-row {
    padding-bottom: 5px;
    margin: 5px 0; }
  #tools-popup .wrap-popup .popup .popup-content.link .row {
    padding: 30px 0; }
  #tools-popup .wrap-popup .popup .popup-content.link .form-group label {
    color: #333;
    padding: 0 10px;
    font-weight: 500;
    font-size: 14px; }
  #tools-popup .wrap-popup .popup .popup-content.link .form-group input[type="text"] {
    display: inline-block;
    width: 78%;
    border-color: transparent;
    border-bottom: 1px solid #ddd;
    background-color: transparent; }
  #tools-popup .wrap-popup .popup .popup-content.link .form-group .form-control {
    border-color: transparent;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
    box-shadow: none; }
    #tools-popup .wrap-popup .popup .popup-content.link .form-group .form-control:focus {
      box-shadow: none;
      border-color: transparent;
      border-bottom: 1px solid #ddd;
      background-color: transparent; }

#tools-popup .wrap-popup .popup .popup-content.elaborati {
  padding: 5px 15px 0 15px; }
  #tools-popup .wrap-popup .popup .popup-content.elaborati .form-group input[type="text"] {
    display: inline-block;
    border-color: transparent;
    border-bottom: 1px solid #ddd;
    background-color: transparent; }
  #tools-popup .wrap-popup .popup .popup-content.elaborati .form-group .form-control {
    border-color: transparent;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
    box-shadow: none; }
    #tools-popup .wrap-popup .popup .popup-content.elaborati .form-group .form-control:focus {
      box-shadow: none;
      border-color: transparent;
      border-bottom: 1px solid #ddd;
      background-color: transparent; }
  #tools-popup .wrap-popup .popup .popup-content.elaborati .wrap-templates .row {
    margin: 30px 0; }

#tools-popup .wrap-popup .popup .popup-content.elaborati-list {
  padding-top: 30px; }
  #tools-popup .wrap-popup .popup .popup-content.elaborati-list .popup-row {
    padding-bottom: 5px;
    margin: 5px 0; }
    #tools-popup .wrap-popup .popup .popup-content.elaborati-list .popup-row:before {
      position: absolute;
      content: "";
      border-bottom: 1px solid #e6e6e6;
      width: 94%;
      bottom: 0;
      left: 3%; }
  #tools-popup .wrap-popup .popup .popup-content.elaborati-list h5 {
    position: relative;
    top: 5px;
    font-size: 13px;
    margin: 0;
    font-weight: 100; }
  #tools-popup .wrap-popup .popup .popup-content.elaborati-list figure {
    display: inline-block;
    margin: 0 5px; }
    #tools-popup .wrap-popup .popup .popup-content.elaborati-list figure img {
      width: 13px;
      height: auto; }
    #tools-popup .wrap-popup .popup .popup-content.elaborati-list figure img.resize-width {
      width: 15px;
      height: auto; }

#tools-popup .wrap-popup .popup .popup-content.dsa-risorse {
  padding-top: 30px;
  height: 400px;
  max-height: 400px;
  overflow: auto; }
  #tools-popup .wrap-popup .popup .popup-content.dsa-risorse .popup-row {
    padding-bottom: 5px;
    margin: 5px 0; }
    #tools-popup .wrap-popup .popup .popup-content.dsa-risorse .popup-row:before {
      position: absolute;
      content: "";
      border-bottom: 1px solid #e6e6e6;
      width: 94%;
      bottom: 0;
      left: 3%; }
  #tools-popup .wrap-popup .popup .popup-content.dsa-risorse h5 {
    position: relative;
    top: 5px;
    font-size: 13px;
    margin: 0;
    font-weight: 100; }
  #tools-popup .wrap-popup .popup .popup-content.dsa-risorse figure {
    display: inline-block;
    margin: 0 5px; }
    #tools-popup .wrap-popup .popup .popup-content.dsa-risorse figure img {
      width: 13px;
      height: auto; }
    #tools-popup .wrap-popup .popup .popup-content.dsa-risorse figure img.resize-width {
      width: 15px;
      height: auto; }

#tools-popup .wrap-popup .popup .popup-content.dsa-text {
  padding-top: 0px; }
  #tools-popup .wrap-popup .popup .popup-content.dsa-text .popup-row {
    padding-bottom: 5px;
    margin: 5px 0; }
    #tools-popup .wrap-popup .popup .popup-content.dsa-text .popup-row:before {
      position: absolute;
      content: "";
      border-bottom: 1px solid #e6e6e6;
      width: 94%;
      bottom: 0;
      left: 3%; }
  #tools-popup .wrap-popup .popup .popup-content.dsa-text h5 {
    position: relative;
    top: 5px;
    font-size: 13px;
    margin: 0;
    font-weight: 100; }
  #tools-popup .wrap-popup .popup .popup-content.dsa-text figure {
    display: inline-block;
    margin: 0 5px; }
    #tools-popup .wrap-popup .popup .popup-content.dsa-text figure img {
      width: 13px;
      height: auto; }
    #tools-popup .wrap-popup .popup .popup-content.dsa-text figure img.resize-width {
      width: 15px;
      height: auto; }

#tools-popup.cap_download .wrap-popup {
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
  -webkit-transform: translate(0) !important;
  -ms-transform: translate(0) !important;
  -o-transform: translate(0) !important;
  -moz-transform: translate(0) !important;
  transform: translate(0) !important;
  border-radius: 0 !important; }
  #tools-popup.cap_download .wrap-popup .popup-content.listcapitoli .tab-content {
    height: 95vh;
    height: calc(100vh - 40px);
    max-height: none; }
  #tools-popup.cap_download .wrap-popup ul.islist li {
    display: flex !important;
    align-items: center;
    justify-content: stretch;
    padding: 15px 0; }
    #tools-popup.cap_download .wrap-popup ul.islist li .gb_newCap_1 {
      flex: 1 1 auto;
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      padding-right: 15px;
      position: relative; }
      #tools-popup.cap_download .wrap-popup ul.islist li .gb_newCap_1 button {
        position: absolute;
        top: 0;
        lefT: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
      #tools-popup.cap_download .wrap-popup ul.islist li .gb_newCap_1 strong {
        font-size: 14px;
        display: block;
        width: 100%;
        color: #444; }
      #tools-popup.cap_download .wrap-popup ul.islist li .gb_newCap_1 span {
        color: #444;
        font-size: 10px;
        line-height: 14px;
        font-weight: 100; }
        #tools-popup.cap_download .wrap-popup ul.islist li .gb_newCap_1 span strong {
          display: inline;
          font-weight: 600;
          font-size: 10px;
          font-weight: 400; }
        #tools-popup.cap_download .wrap-popup ul.islist li .gb_newCap_1 span:nth-child(2) {
          font-size: 12px; }
    #tools-popup.cap_download .wrap-popup ul.islist li .gb_newCap_2 {
      flex: 0 0 auto;
      width: 90px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end; }
      #tools-popup.cap_download .wrap-popup ul.islist li .gb_newCap_2 button {
        position: static;
        margin-top: 0; }
      #tools-popup.cap_download .wrap-popup ul.islist li .gb_newCap_2 span {
        color: #444;
        font-size: 12px;
        line-height: 14px;
        font-weight: 100;
        margin-right: 12px; }
#tools-popup.cap_download .tab-pane {
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.nav-tabs {
  border-bottom: none;
  background-color: #e54a1b;
  padding-top: 0; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border-width: 0; }

.nav-tabs > li > a {
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  color: #fff;
  font-weight: 100;
  font-size: 15px; }

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
  border: none;
  color: #fff !important;
  background: transparent !important; }

.nav-tabs > li > a::after {
  content: "";
  background: #fff;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 1px;
  transition: all 250ms ease 0s;
  transform: scale(0); }

.nav-tabs > li.active > a::after,
.nav-tabs > li:hover > a::after {
  transform: scale(1); }

.tab-nav > li > a::after {
  background: #fff none repeat scroll 0% 0%;
  color: #fff; }

.tab-pane {
  padding: 15px 0; }

.tab-content {
  padding: 0;
  padding: 0;
  max-height: 340px;
  overflow-y: auto;
  overflow-x: hidden; }

.tab-content.h100 {
  max-height: 100%; }

.popup-content.listaudiotrack .tab-content,
.popup-content.listvideoclip .tab-content,
.popup-content.listpdf .tab-content,
.popup-content.activity .tab-content,
.popup-content.listimages .tab-content,
.popup-content.listlink .tab-content,
.popup-content.allactivity .tab-content,
.popup-content.activityhistory .tab-content {
  height: 400px;
  max-height: 400px; }

.popup-content.allactivity .tab-content {
  height: calc(100vh - 44px);
  max-height: none;
  padding-bottom: 10px; }

.popup-content.listcapitoli ul.islist li {
  position: relative; }
  .popup-content.listcapitoli ul.islist li button.delete {
    position: absolute;
    right: 0;
    width: auto;
    top: 50%;
    margin-top: -7px; }
  .popup-content.listcapitoli ul.islist li button span {
    float: right;
    margin-right: 25px; }

#interlinea img {
  width: 43px; }
#interlinea h5 {
  width: 38px;
  text-align: center; }
#interlinea .popup-row {
  padding-bottom: 10px !important;
  margin: 8px 0 16px 0 !important; }

#sfondo {
  margin-top: 0px; }
  #sfondo img {
    width: 58px;
    position: relative;
    left: 9px; }
  #sfondo h5 {
    width: 75px;
    font-size: 11px !important;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100; }
  #sfondo .popup-row {
    padding-bottom: 10px !important;
    margin: 8px 0 16px 0 !important; }

#text-prototype {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  display: block;
  top: 0;
  left: 0;
  text-align: center;
  padding: 10px 0 0 0;
  width: 100%; }

.template {
  position: relative;
  z-index: 9; }

.bg-selection {
  position: absolute;
  background-color: #e54a1b;
  width: 143px;
  height: 105px;
  border-radius: 8px;
  z-index: 0;
  display: none; }

#elaborati-editor {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e7e6e6;
  z-index: 999999; }
  #elaborati-editor .header-editor {
    background-color: #e54a1b;
    width: 100%;
    height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0; }
    #elaborati-editor .header-editor h4 {
      font-size: 16px;
      font-weight: 100;
      color: #fff; }
    #elaborati-editor .header-editor #back-to-temp {
      position: absolute;
      left: 0;
      top: 0;
      width: 50px;
      height: 40px; }
    #elaborati-editor .header-editor figure {
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0 0 0 18px; }
      #elaborati-editor .header-editor figure img {
        width: 22px;
        height: auto; }

.wrap-textedit {
  margin-top: 80px; }

.wrap-presentation {
  margin-top: 80px; }
  .wrap-presentation .wrap-list {
    margin-top: 20px;
    text-align: center; }
    .wrap-presentation .wrap-list figure {
      position: relative; }
      .wrap-presentation .wrap-list figure .delete-templ {
        position: absolute;
        bottom: 10px;
        right: 10px; }
        .wrap-presentation .wrap-list figure .delete-templ img {
          width: 13px;
          height: auto; }

#backtools-right img {
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

#view-presentation {
  background-color: #e54a1b;
  padding: 5px 25px;
  width: 100%;
  position: relative;
  color: #fff;
  font-size: 15px;
  font-weight: 100;
  text-align: center;
  cursor: pointer; }
  #view-presentation h4 {
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase; }

#presentazione {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 999999999; }
  #presentazione .header-presentazione {
    background-color: #e54a1b;
    width: 100%;
    height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0; }
    #presentazione .header-presentazione h4 {
      font-size: 16px;
      font-weight: 100;
      color: #fff; }
    #presentazione .header-presentazione #close-presentazione {
      position: absolute;
      right: 0;
      top: 0;
      width: 50px;
      height: 40px; }
      #presentazione .header-presentazione #close-presentazione figure {
        height: 100%;
        padding: 0 18px 0 0;
        position: absolute;
        display: flex;
        align-items: center;
        right: 0; }
        #presentazione .header-presentazione #close-presentazione figure img {
          width: 14px;
          height: auto; }
  #presentazione .body-presentazione {
    margin-top: 100px; }

.dsa-risorse .wrap-pagine h4 {
  font-size: 14px;
  color: #444;
  font-weight: 300; }
.dsa-risorse .wrap-pagine h5 {
  margin: 0;
  padding: 5px 0;
  top: 0 !important;
  color: #666; }
.dsa-risorse .wrap-pagine .exercise {
  padding: 5px 0;
  border-top: 1px solid #ddd; }

#alert-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  background: rgba(0, 0, 0, 0.1); }

#alert-container .wrap-alert {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 350px;
  height: auto;
  padding-bottom: 30px;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  #alert-container .wrap-alert .alert {
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0; }
  #alert-container .wrap-alert .header-alert {
    background-color: #e54a1b;
    text-align: center;
    padding: 3px 0; }
    #alert-container .wrap-alert .header-alert h4 {
      font-size: 17px;
      font-weight: 200;
      letter-spacing: 0px;
      color: #fff;
      margin: 0;
      padding: 6px 0; }
  #alert-container .wrap-alert .body-alert {
    padding: 30px; }
    #alert-container .wrap-alert .body-alert p {
      font-size: 15px;
      color: #666;
      font-weight: 300; }
  #alert-container .wrap-alert .footer-alert .btn-default-alert {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #e54a1b;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    left: 0; }
    #alert-container .wrap-alert .footer-alert .btn-default-alert h4 {
      padding: 8px 0;
      color: #fff;
      font-weight: 200;
      font-size: 14px;
      text-transform: uppercase;
      text-align: center;
      margin: 0; }

.h-19 {
  height: 19px !important; }

#generic-toolbar {
  position: absolute;
  top: 50px;
  left: 0;
  width: 50px;
  height: calc(100% - 100px);
  background-color: #e54a1b;
  transform: translate3d(-100%, 0px, 0px);
  z-index: 99;
  -webkit-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s; }

#generic-toolbar .menubar-icon {
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 0;
  margin: -2px 0 0 0; }
  #generic-toolbar .menubar-icon:hover {
    background-color: #c33f17; }
  #generic-toolbar .menubar-icon a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }

.right--drag--toolbar #generic-toolbar .menubar-icon a {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg); }
  .right--drag--toolbar #generic-toolbar .menubar-icon a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }

#generic-toolbar .menubar-icon img {
  height: 15px;
  margin: 0 auto; }

/* markbook */
#markbook-bar,
#word-bar,
#matita-bar,
#microfono-bar,
#clip-bar,
#elaborato-bar {
  transform: translate3d(-100%, 0px, 0px);
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: auto;
  z-index: 991;
  background-color: #e54a1b;
  height: calc(100% - 100px);
  -webkit-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s; }

.right--drag--toolbar #generic-toolbar,
.right--drag--toolbar #markbook-bar,
.right--drag--toolbar #word-bar,
.right--drag--toolbar #matita-bar,
.right--drag--toolbar #microfono-bar,
.right--drag--toolbar #clip-bar,
.right--drag--toolbar #elaborato-bar {
  left: auto;
  right: 0;
  transform: translate3d(100%, 0px, 0px); }

.wrap-tools-icons {
  width: 50px;
  position: absolute;
  height: auto;
  left: 0;
  top: 50px;
  padding-top: 25px;
  background-color: transparent; }

.wrap-tools-icons .menubar-icon {
  background: #e54a1b;
  z-index: 1; }

.wrap-tools-icons .menubar-icon.tisact {
  background: #c33f17; }

.wrap-tools-icons .menubar-icon a, .wrap-tools-icons .menubar-icon button {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; }

.wrap-tools-icons .menubar-icon img {
  width: auto;
  height: 20px;
  margin: auto; }

.wrap-tools-icons .menubar-icon img.h-19 {
  height: 19px; }

.header-icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 50px;
  z-index: 999; }

.header-icon .menubar-icon {
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  position: relative;
  margin: -2px 0 0 0; }

.header-icon .menubar-icon img {
  width: auto;
  height: 20px;
  margin: auto; }

.wrap-tools-icons .menubar-icon {
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  position: relative; }

.no-touchevents .wrap-tools-icons .menubar-icon:hover {
  background-color: #c33f17; }

#foglio-word-bar {
  height: 50px;
  position: absolute;
  top: -100%;
  width: auto;
  left: 50px;
  background-color: #f9f9f9;
  border-left: 3px solid #e7e6e6;
  border-top: 1px solid #e7e6e6;
  border-bottom: 2px solid #e7e6e6;
  padding: 0 15px;
  transition: top 800ms ease-in-out; }

/*.foglio-wordActive #foglio-word-bar{
  top:0;
  transition: top 800ms ease-in-out;
}*/
.right--drag--toolbar #foglio-word-bar {
  left: auto;
  right: 50px; }

.wrap-word-icons {
  transform: scale(0.99); }

.wrap-word-icons .menubar-icon {
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 -1px;
  float: left; }
  .wrap-word-icons .menubar-icon:hover {
    background-color: #e7e6e6; }
  .wrap-word-icons .menubar-icon img {
    margin: 0 auto;
    height: 20px;
    width: auto; }

.wrap-word-icons .menu-bar-select-dyslexic {
  display: flex;
  align-items: center;
  padding: 0 0 0 10px;
  height: 50px;
  position: relative;
  margin: 0 2px;
  float: left; }
  .wrap-word-icons .menu-bar-select-dyslexic .btn-default {
    border-color: transparent;
    background-color: transparent; }
  .wrap-word-icons .menu-bar-select-dyslexic .btn-group.open .dropdown-toggle {
    box-shadow: none; }
  .wrap-word-icons .menu-bar-select-dyslexic .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 135px; }
  .wrap-word-icons .menu-bar-select-dyslexic .bootstrap-select .dropdown-toggle:focus {
    border-color: transparent;
    background-color: transparent; }
  .wrap-word-icons .menu-bar-select-dyslexic .btn-default:active:hover,
  .wrap-word-icons .menu-bar-select-dyslexic .btn-default.active:hover,
  .wrap-word-icons .menu-bar-select-dyslexic .open > .dropdown-toggle.btn-default:hover,
  .wrap-word-icons .menu-bar-select-dyslexic .btn-default:active:focus,
  .wrap-word-icons .menu-bar-select-dyslexic .btn-default.active:focus,
  .wrap-word-icons .menu-bar-select-dyslexic .open > .dropdown-toggle.btn-default:focus,
  .wrap-word-icons .menu-bar-select-dyslexic .btn-default:active.focus,
  .wrap-word-icons .menu-bar-select-dyslexic .btn-default.active.focus,
  .wrap-word-icons .menu-bar-select-dyslexic .open > .dropdown-toggle.btn-default.focus {
    border-color: transparent;
    background-color: transparent; }
  .wrap-word-icons .menu-bar-select-dyslexic .btn:focus,
  .wrap-word-icons .menu-bar-select-dyslexic .btn:active:focus,
  .wrap-word-icons .menu-bar-select-dyslexic .btn.active:focus,
  .wrap-word-icons .menu-bar-select-dyslexic .btn.focus,
  .wrap-word-icons .menu-bar-select-dyslexic .btn:active.focus,
  .wrap-word-icons .menu-bar-select-dyslexic .btn.active.focus {
    outline: none; }

.wrap-word-icons .menu-bar-select-font-size {
  display: flex;
  align-items: center;
  padding: 0;
  height: 50px;
  position: relative;
  margin: 0;
  float: left; }
  .wrap-word-icons .menu-bar-select-font-size .btn-default {
    border-color: transparent;
    background-color: transparent; }
  .wrap-word-icons .menu-bar-select-font-size .btn-group.open .dropdown-toggle {
    box-shadow: none; }
  .wrap-word-icons .menu-bar-select-font-size .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 65px; }
  .wrap-word-icons .menu-bar-select-font-size .bootstrap-select .dropdown-toggle:focus {
    border-color: transparent;
    background-color: transparent; }
  .wrap-word-icons .menu-bar-select-font-size .btn-default:active:hover,
  .wrap-word-icons .menu-bar-select-font-size .btn-default.active:hover,
  .wrap-word-icons .menu-bar-select-font-size .open > .dropdown-toggle.btn-default:hover,
  .wrap-word-icons .menu-bar-select-font-size .btn-default:active:focus,
  .wrap-word-icons .menu-bar-select-font-size .btn-default.active:focus,
  .wrap-word-icons .menu-bar-select-font-size .open > .dropdown-toggle.btn-default:focus,
  .wrap-word-icons .menu-bar-select-font-size .btn-default:active.focus,
  .wrap-word-icons .menu-bar-select-font-size .btn-default.active.focus,
  .wrap-word-icons .menu-bar-select-font-size .open > .dropdown-toggle.btn-default.focus {
    border-color: transparent;
    background-color: transparent; }
  .wrap-word-icons .menu-bar-select-font-size .btn:focus,
  .wrap-word-icons .menu-bar-select-font-size .btn:active:focus,
  .wrap-word-icons .menu-bar-select-font-size .btn.active:focus,
  .wrap-word-icons .menu-bar-select-font-size .btn.focus,
  .wrap-word-icons .menu-bar-select-font-size .btn:active.focus,
  .wrap-word-icons .menu-bar-select-font-size .btn.active.focus {
    outline: none; }

#foglio-word-bar .style-container {
  padding-left: 10px; }

.line-break {
  height: 30px;
  width: 2px;
  position: relative;
  top: 10px;
  background-color: #dfdfdf;
  float: left;
  margin: 0 10px; }

.line-break-select {
  height: 30px;
  width: 2px;
  position: relative;
  top: 0px;
  background-color: #dfdfdf;
  float: left;
  margin: 0 8px; }

#paint-bar {
  height: 50px;
  position: absolute;
  top: -50px;
  width: calc(100% - 100px);
  left: 50px;
  background-color: #e7e6e6;
  padding: 0 30px;
  transition: top 400ms ease-in-out; }

.paintActive #paint-bar, body.showPaintBar #paint-bar {
  top: 0;
  transition: top 400ms ease-in-out; }

#paint-bar .menubar-icon {
  cursor: pointer; }

.right--drag--toolbar #paint-bar {
  left: auto;
  right: 50px; }

.wrap-paint-icons .menubar-icon {
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 -1px;
  float: left;
  /*&:hover{
  background-color: #e7e6e6;
}*/ }
  .wrap-paint-icons .menubar-icon img {
    margin: 0 auto;
    height: 20px;
    width: auto; }

#matita-bar .wrap-tools-icons .menubar-icon img.resize-height {
  height: 26px;
  width: auto; }

#matita-bar .wrap-tools-icons .menubar-icon img.resize-width {
  height: auto;
  width: 24px; }

#matita-bar .wrap-tools-icons .submenu-container.punta-matita {
  width: 190px; }

#matita-bar .wrap-tools-icons .submenu-container.punta-matita .submenu-icon,
#matita-bar .wrap-tools-icons .submenu-container.punta-marker .submenu-icon,
#matita-bar .wrap-tools-icons .submenu-container.eraser .submenu-icon,
#matita-bar .wrap-tools-icons .submenu-container.symbol .submenu-icon,
#matita-bar .wrap-tools-icons .submenu-container.linea-freccia .submenu-icon,
#clip-bar .wrap-tools-icons .submenu-container.attachEraser .submenu-icon {
  cursor: pointer; }
  #matita-bar .wrap-tools-icons .submenu-container.punta-matita .submenu-icon span,
  #matita-bar .wrap-tools-icons .submenu-container.punta-marker .submenu-icon span,
  #matita-bar .wrap-tools-icons .submenu-container.eraser .submenu-icon span,
  #matita-bar .wrap-tools-icons .submenu-container.symbol .submenu-icon span,
  #matita-bar .wrap-tools-icons .submenu-container.linea-freccia .submenu-icon span,
  #clip-bar .wrap-tools-icons .submenu-container.attachEraser .submenu-icon span {
    border: 1px solid #FFF;
    background: transparent;
    border-radius: 50%; }
  #matita-bar .wrap-tools-icons .submenu-container.punta-matita .submenu-icon span.small,
  #matita-bar .wrap-tools-icons .submenu-container.punta-marker .submenu-icon span.small,
  #matita-bar .wrap-tools-icons .submenu-container.eraser .submenu-icon span.small,
  #matita-bar .wrap-tools-icons .submenu-container.symbol .submenu-icon span.small,
  #matita-bar .wrap-tools-icons .submenu-container.linea-freccia .submenu-icon span.small,
  #clip-bar .wrap-tools-icons .submenu-container.attachEraser .submenu-icon span.small {
    width: 10px;
    height: 10px; }
  #matita-bar .wrap-tools-icons .submenu-container.punta-matita .submenu-icon span.medium,
  #matita-bar .wrap-tools-icons .submenu-container.punta-marker .submenu-icon span.medium,
  #matita-bar .wrap-tools-icons .submenu-container.eraser .submenu-icon span.medium,
  #matita-bar .wrap-tools-icons .submenu-container.symbol .submenu-icon span.medium,
  #matita-bar .wrap-tools-icons .submenu-container.linea-freccia .submenu-icon span.medium,
  #clip-bar .wrap-tools-icons .submenu-container.attachEraser .submenu-icon span.medium {
    width: 15px;
    height: 15px; }
  #matita-bar .wrap-tools-icons .submenu-container.punta-matita .submenu-icon span.big,
  #matita-bar .wrap-tools-icons .submenu-container.punta-marker .submenu-icon span.big,
  #matita-bar .wrap-tools-icons .submenu-container.eraser .submenu-icon span.big,
  #matita-bar .wrap-tools-icons .submenu-container.symbol .submenu-icon span.big,
  #matita-bar .wrap-tools-icons .submenu-container.linea-freccia .submenu-icon span.big,
  #clip-bar .wrap-tools-icons .submenu-container.attachEraser .submenu-icon span.big {
    width: 20px;
    height: 20px; }
  #matita-bar .wrap-tools-icons .submenu-container.punta-matita .submenu-icon.current,
  #matita-bar .wrap-tools-icons .submenu-container.punta-marker .submenu-icon.current,
  #matita-bar .wrap-tools-icons .submenu-container.eraser .submenu-icon.current,
  #matita-bar .wrap-tools-icons .submenu-container.symbol .submenu-icon.current,
  #matita-bar .wrap-tools-icons .submenu-container.linea-freccia .submenu-icon.current,
  #clip-bar .wrap-tools-icons .submenu-container.attachEraser .submenu-icon.current {
    background-color: rgba(255, 255, 255, 0.15); }
    #matita-bar .wrap-tools-icons .submenu-container.punta-matita .submenu-icon.current span,
    #matita-bar .wrap-tools-icons .submenu-container.punta-marker .submenu-icon.current span,
    #matita-bar .wrap-tools-icons .submenu-container.eraser .submenu-icon.current span,
    #matita-bar .wrap-tools-icons .submenu-container.symbol .submenu-icon.current span,
    #matita-bar .wrap-tools-icons .submenu-container.linea-freccia .submenu-icon.current span,
    #clip-bar .wrap-tools-icons .submenu-container.attachEraser .submenu-icon.current span {
      background: #FFF; }

#matita-bar .wrap-tools-icons .submenu-container.punta-marker {
  width: 190px; }

#matita-bar .wrap-tools-icons .submenu-container.symbol {
  width: 242px; }

#matita-bar .wrap-tools-icons .submenu-container.linea-freccia {
  width: 140px; }

#matita-bar .wrap-tools-icons .submenu-container.color {
  width: 380px; }

#matita-bar .wrap-tools-icons .submenu-container.eraser, #clip-bar .wrap-tools-icons .submenu-container.attachEraser {
  width: 140px; }

#matita-bar .wrap-tools-icons .submenu-container, #clip-bar .wrap-tools-icons .submenu-container {
  position: absolute;
  top: -100%;
  left: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0;
  height: 50px;
  z-index: 0;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: min-width 0ms 600ms, padding 0ms 600ms, transform 600ms; }

.right--drag--toolbar #matita-bar .wrap-tools-icons .submenu-container {
  left: auto;
  right: 50px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%); }

#matita-bar .wrap-tools-icons .submenu-container.open, #clip-bar .wrap-tools-icons .submenu-container.open {
  padding: 0 20px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  transition: min-width 0ms, transform 600ms; }

#matita-bar .wrap-tools-icons .submenu-container .submenu-icon, #clip-bar .wrap-tools-icons .submenu-container .submenu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  position: relative;
  float: left; }
  #matita-bar .wrap-tools-icons .submenu-container .submenu-icon:hover, #clip-bar .wrap-tools-icons .submenu-container .submenu-icon:hover {
    background-color: rgba(255, 255, 255, 0.15); }
  #matita-bar .wrap-tools-icons .submenu-container .submenu-icon img, #clip-bar .wrap-tools-icons .submenu-container .submenu-icon img {
    margin: 0 auto;
    height: 20px;
    width: auto; }
#matita-bar .wrap-tools-icons .submenu-container.open .submenu-icon, #clip-bar .wrap-tools-icons .submenu-container.open .submenu-icon {
  opacity: 1;
  transition: opacity 600ms 400ms; }
#matita-bar .wrap-tools-icons .submenu-container .submenu-icon img.resize-small, #clip-bar .wrap-tools-icons .submenu-container .submenu-icon img.resize-small {
  height: 10px; }
#matita-bar .wrap-tools-icons .submenu-container .submenu-icon img.resize-medium, #clip-bar .wrap-tools-icons .submenu-container .submenu-icon img.resize-medium {
  height: 15px; }
#matita-bar .wrap-tools-icons .submenu-container .submenu-icon img.resize-medium-width, #clip-bar .wrap-tools-icons .submenu-container .submenu-icon img.resize-medium-width {
  width: 22px;
  height: auto; }

/* thumbs */
#player-filter {
  display: none;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1; }

#thumb-container {
  position: absolute;
  bottom: 50px;
  height: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 1;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
  overflow: hidden;
  transition: opacity 400ms, transform 400ms, height 0ms 400ms; }

#thumb-container .cont_scroll ul li a:before {
  width: auto;
  height: auto;
  display: initial; }

#thumb-container .cont_scroll ul li a {
  width: auto;
  margin: 0 6px;
  border: 1px solid #bbb; }

#thumb-container .cont_scroll ul li span {
  display: block;
  margin-top: 5px; }

.issplash {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF; }

.issplash .content-splash {
  background-size: 250%;
  background-position: center;
  background-repeat: no-repeat;
  width: 1024px;
  height: 768px;
  position: relative; }

.issplash .btnBack {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3; }

.popup-content.tipo-utente-diverso .user_profile,
.popup-content.tipo-utente-corrente .user_profile {
  width: 100%;
  clear: both;
  padding: 28px 0; }
  .popup-content.tipo-utente-diverso .user_profile .exsist_account picture img,
  .popup-content.tipo-utente-corrente .user_profile .exsist_account picture img {
    transform: translateY(-50%);
    margin-top: 50%; }

.popup-content.tipo-utente-diverso .user_profile picture,
.popup-content.tipo-utente-corrente .user_profile picture {
  width: auto;
  height: 50px;
  display: inline-block;
  position: relative; }
  .popup-content.tipo-utente-diverso .user_profile picture img,
  .popup-content.tipo-utente-corrente .user_profile picture img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 100%; }

.popup-content.tipo-utente-diverso .user_profile picture button.change_profileimg,
.popup-content.tipo-utente-corrente .user_profile picture button.change_profileimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../img/icon/camera.svg);
  background-position: center center;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  opacity: 0; }

.no-touchevents .popup-content.tipo-utente-corrente .user_profile picture button.change_profileimg:hover {
  opacity: 1; }

.popup-content.tipo-utente-diverso .user_profile fieldset.material,
.popup-content.tipo-utente-corrente .user_profile fieldset.material {
  margin-bottom: 0;
  width: 240px;
  margin: 0 auto;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px; }

.popup-content.tipo-utente-diverso .user_profile fieldset.material label,
.popup-content.tipo-utente-corrente .user_profile fieldset.material label {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  color: #888; }

.popup-content.tipo-utente-diverso .user_profile fieldset.material textarea,
.popup-content.tipo-utente-diverso .user_profile fieldset.material input[type="text"],
.popup-content.tipo-utente-diverso .user_profile fieldset.material input[type="email"],
.popup-content.tipo-utente-diverso .user_profile fieldset.material input[type="search"],
.popup-content.tipo-utente-diverso .user_profile fieldset.material input[type="password"],
.popup-content.tipo-utente-corrente .user_profile fieldset.material textarea,
.popup-content.tipo-utente-corrente .user_profile fieldset.material input[type="text"],
.popup-content.tipo-utente-corrente .user_profile fieldset.material input[type="email"],
.popup-content.tipo-utente-corrente .user_profile fieldset.material input[type="search"],
.popup-content.tipo-utente-corrente .user_profile fieldset.material input[type="password"] {
  line-height: 26px; }

.popup-content.tipo-utente-diverso .user_profile .exsist_account,
.popup-content.tipo-utente-corrente .user_profile .exsist_account {
  padding-left: 15px;
  padding-right: 15px; }

.popup-content.tipo-utente-diverso .user_profile .exsist_account button,
.popup-content.tipo-utente-corrente .user_profile .exsist_account button.fw {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: left;
  opacity: 0.6; }
  .popup-content.tipo-utente-diverso .user_profile .exsist_account button.active,
  .popup-content.tipo-utente-corrente .user_profile .exsist_account button.fw.active {
    opacity: 1; }

.popup-content.tipo-utente-diverso .user_profile .exsist_account ul,
.popup-content.tipo-utente-corrente .user_profile .exsist_account ul {
  padding: 10px;
  margin: 0;
  list-style: none;
  border-bottom: solid 1px #e6e6e6; }

.popup-content.tipo-utente-diverso .user_profile .exsist_account button:first-child ul,
.popup-content.tipo-utente-corrente .user_profile .exsist_account button:first-child ul {
  padding-top: 0; }

.popup-content.tipo-utente-diverso .user_profile .exsist_account button:last-child ul,
.popup-content.tipo-utente-corrente .user_profile .exsist_account button:last-child ul {
  border: none; }

.popup-content.tipo-utente-diverso .user_profile .exsist_account ul li,
.popup-content.tipo-utente-corrente .user_profile .exsist_account ul li {
  display: inline-block;
  vertical-align: middle; }

.popup-content.tipo-utente-diverso .user_profile .exsist_account ul li:nth-child(2),
.popup-content.tipo-utente-corrente .user_profile .exsist_account ul li:nth-child(2) {
  width: calc(100% - 74px); }

.popup-content.tipo-utente-diverso .user_profile .exsist_account ul li p,
.popup-content.tipo-utente-corrente .user_profile .exsist_account ul li p {
  color: #888;
  font-size: 14px;
  padding: 0 20px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  margin: 0; }

.list-check ul.islist {
  padding: 0;
  margin: 0;
  border: none !important;
  list-style: none;
  display: block; }

.list-check ul.islist li {
  width: 100% !important;
  display: block !important;
  border-bottom: solid 1px #e6e6e6;
  height: auto;
  padding: 10px 0 6px 0; }

.list-check ul.islist li:last-child {
  padding-bottom: 0;
  border-bottom: none !important; }

.list-check ul.islist li:first-child {
  padding-top: 4px; }

.list-check ul.islist li button,
.list-check ul.islist li label.materialcheckbox {
  padding-left: 0;
  padding-right: 28px;
  width: 100%;
  font-weight: 300;
  color: #444;
  font-size: 12px;
  line-height: 14px; }

.list-check ul.islist li button {
  padding: 0;
  width: 100%;
  text-align: left; }

.list-check ul.islist li label.materialcheckbox::before {
  position: absolute;
  left: auto;
  margin-right: 0;
  right: 5px;
  top: 0px; }

.numberpage {
  padding-left: 10px;
  padding-right: 10px; }

.numberpage .left {
  font-weight: 300;
  font-size: 12px;
  width: 25%;
  display: inline-block;
  vertical-align: top; }

.numberpage .right {
  width: 70%;
  display: inline-block;
  font-weight: 300;
  font-size: 12px;
  vertical-align: top; }

.numberpage .right label.materialcheckbox {
  padding-left: 28px;
  width: 100%;
  font-weight: 300;
  color: #444;
  font-size: 12px;
  line-height: 16px; }

.numberpage .right label.materialcheckbox::before {
  border-radius: 22px;
  top: 50%;
  margin-top: -7px; }

.numberpage .right input[type=checkbox]:checked + label:before {
  background-image: none; }

.numberpage .right fieldset.material input {
  margin: 0; }

.numberpage .right fieldset.material input::-webkit-input-placeholder {
  color: #888 !important;
  font-style: italic !important;
  opacity: 1 !important; }

.numberpage .right fieldset.material input::-moz-placeholder {
  color: #888 !important;
  font-style: italic !important;
  opacity: 1 !important; }

.numberpage .right fieldset.material input:-ms-input-placeholder {
  color: #888 !important;
  font-style: italic !important;
  opacity: 1 !important; }

.numberpage .right fieldset.material input:-moz-placeholder {
  color: #888 !important;
  font-style: italic !important;
  opacity: 1 !important; }

#gbcredits {
  padding: 0;
  position: absolute;
  bottom: 18px;
  left: 30px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 100; }
  #gbcredits strong {
    font-weight: 600; }

.popupvideoplayer {
  position: fixed;
  top: -100%;
  left: 50%;
  opacity: 0;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: top 0ms 600ms, opacity 600ms;
  z-index: 999;
  /* border: solid 1px #ccc; */
  overflow: auto;
  padding-top: 49px;
  width: 90%;
  max-height: 600px;
  max-width: 800px; }

.isvideoplayer .popupvideoplayer {
  opacity: 1;
  top: 50%;
  transition: top 800ms, opacity 400ms 400ms; }

.videoPlayerDiv,
.mediaPlayerDiv {
  position: absolute;
  height: 50px;
  bottom: 0px;
  top: auto;
  width: 100%;
  margin-left: 0;
  border: none;
  text-align: left;
  padding: 5px;
  border-radius: 0;
  left: 0;
  border-top: solid 1px #ccc;
  transition: bottom 600ms;
  background: #FFFFFF;
  z-index: 1; }

.videoPlayerDiv {
  position: static;
  height: auto;
  padding: 0 0 38px 0;
  background: #fff;
  border: none; }

.mediaPlayerDiv {
  left: 50px;
  width: calc(100% - 50px); }

.right--drag--toolbar .mediaPlayerDiv {
  left: 0;
  width: calc(100% - 50px); }

.mediaPlayerDiv.audioUp {
  bottom: 50px;
  animation: audioup 600ms 1;
  -webkit-animation: audioup 600ms 1; }

.mediaPlayerDiv span.exitaudio {
  display: block;
  position: absolute;
  right: 20px;
  top: 49%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer; }

.mediaPlayerDiv audio {
  display: none; }

.videoPlayerDiv span.playme,
.mediaPlayerDiv span.playme {
  cursor: pointer;
  height: 22px;
  width: 22px;
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/icon/play.svg) no-repeat center center/100% 100%; }

.videoPlayerDiv span.playme {
  top: auto;
  bottom: -2px; }

.videoPlayerDiv span.audioctrl,
.mediaPlayerDiv span.audioctrl {
  height: 22px;
  width: 22px;
  position: absolute;
  left: calc(100% - 248px);
  bottom: 8px; }

.mediaPlayerDiv span.audioctrl {
  bottom: 14px; }

.videoPlayerDiv span.pauseme,
.mediaPlayerDiv span.pauseme {
  background: url(../img/icon/pause.svg) no-repeat center center/100% 100%; }

.videoPlayerDiv em,
.mediaPlayerDiv em {
  position: absolute;
  left: 59px;
  font-size: 12px;
  font-style: normal;
  color: #e54a1b;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.videoPlayerDiv em {
  top: auto;
  bottom: 3px; }

.videoPlayerDiv .audioBar,
.videoPlayerDiv .timeBar,
.mediaPlayerDiv .audioBar,
.mediaPlayerDiv .timeBar {
  width: calc(100% - 222px);
  position: absolute;
  height: 2px;
  background: #ccc;
  left: 160px;
  transition: top 400ms, height 400ms;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.videoPlayerDiv .audioBar,
.videoPlayerDiv .timeBar {
  bottom: 18px;
  top: auto;
  width: calc(100% - 440px); }

.videoPlayerDiv .audioBar {
  width: 120px;
  left: auto;
  right: 95px; }

.mediaPlayerDiv .audioBar,
.mediaPlayerDiv .timeBar {
  width: calc(100% - 440px);
  overflow: hidden; }

.mediaPlayerDiv .audioBar {
  width: 120px;
  left: auto;
  right: 95px; }

/*.videoPlayerDiv .audioBar:hover,
.videoPlayerDiv .timeBar:hover,
.mediaPlayerDiv .timeBar:hover{
  height:10px;
  transition: top 600ms, height 600ms;
  top:17px;
}*/
.videoPlayerDiv .audioBar:hover,
.videoPlayerDiv .timeBar:hover {
  top: auto; }

/*.videoPlayerDiv .audioBar::after,
.videoPlayerDiv .timeBar::after,
.mediaPlayerDiv .timeBar::after{
    content: '';
    display: block;
    position:absolute;
    left:0;
    bottom:0;
    width: 30%;
    background: rgba(63, 162, 215, 1);
    height: 10px;
    z-index:10;
}*/
.videoPlayerDiv .audioBar span,
.videoPlayerDiv .timeBar span,
.mediaPlayerDiv .audioBar span,
.mediaPlayerDiv .timeBar span {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  background: #444;
  height: 2px;
  z-index: 6;
  transition: width 200ms linear; }

.videoPlayerDiv .timeBar span,
.mediaPlayerDiv .timeBar span {
  transition: width 500ms linear; }

.videoPlayerDiv .audioBar::before,
.videoPlayerDiv .timeBar::before,
.mediaPlayerDiv .audioBar::before,
.mediaPlayerDiv .timeBar::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: none;
  height: 10px;
  z-index: 6; }

.mediaPlayerDiv div.speed {
  display: none; }

.mediaPlayerDiv.speed div.speed {
  display: block;
  height: 30px;
  width: 80px;
  position: absolute;
  left: calc(100% - 347px);
  bottom: 6px;
  text-align: center;
  font-size: 16px;
  color: #e54a1b;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  .mediaPlayerDiv.speed div.speed span {
    vertical-align: middle;
    display: inline-block;
    line-height: 24px; }
  .mediaPlayerDiv.speed div.speed span:nth-child(2) {
    width: 40px;
    color: #444;
    font-size: 12px;
    font-weight: 400; }
  .mediaPlayerDiv.speed div.speed span:nth-child(1), .mediaPlayerDiv.speed div.speed span:nth-child(3) {
    font-size: 22px;
    cursor: pointer; }

.mediaPlayerDiv.speed .timeBar {
  width: calc(100% - 530px); }

.center-y {
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }

.center-x {
  -webkit-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important; }

.center-xy {
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important; }

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
  text-align: left; }

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
  text-align: center; }

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
  text-align: right; }

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
  text-align: justify; }

@media (max-width: 767px) {
  .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
    text-align: inherit; }

  .text-left-xs {
    text-align: left; }

  .text-center-xs {
    text-align: center; }

  .text-right-xs {
    text-align: right; }

  .text-justify-xs {
    text-align: justify; } }
@media (min-width: 768px) and (max-width: 991px) {
  .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
    text-align: inherit; }

  .text-left-sm {
    text-align: left; }

  .text-center-sm {
    text-align: center; }

  .text-right-sm {
    text-align: right; }

  .text-justify-sm {
    text-align: justify; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
    text-align: inherit; }

  .text-left-md {
    text-align: left; }

  .text-center-md {
    text-align: center; }

  .text-right-md {
    text-align: right; }

  .text-justify-md {
    text-align: justify; } }
@media (min-width: 1200px) {
  .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
    text-align: inherit; }

  .text-left-lg {
    text-align: left; }

  .text-center-lg {
    text-align: center; }

  .text-right-lg {
    text-align: right; }

  .text-justify-lg {
    text-align: justify; } }
/* 5 Columns */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height-not-xs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

@media (max-width: 767px) {
  .row-eq-height-not-xs {
    display: block; } }
/* SWIPEBOX */
#swipebox-overlay {
  background: rgba(255, 255, 255, 0.95); }

#swipebox-close {
  position: fixed;
  top: 20px;
  right: 26px;
  height: 30px;
  width: 30px;
  background: url("/gb/img/swico/cross-out.svg") no-repeat center center/contain; }

#swipebox-prev {
  position: fixed;
  left: 26px;
  height: 128px;
  width: 30px;
  top: 50%;
  transform: translateY(-50%) !important;
  background: url("/gb/img/swico/left-arrow.svg") no-repeat center center/contain; }

#swipebox-next {
  position: fixed;
  right: 26px;
  height: 128px;
  width: 30px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg) !important;
  background: url("/gb/img/swico/left-arrow.svg") no-repeat center center/contain; }

#swipebox-prev.disabled, #swipebox-next.disabled {
  display: none; }

#swipebox-bottom-bar {
  display: none !important; }

#swipebox-slider .slide img {
  max-width: 80%;
  max-height: 80%; }

#swipebox-top-bar {
  background: none;
  text-shadow: none;
  color: #666 !important;
  /*top:auto;
  bottom:0;*/
  top: 10px;
  text-align: left;
  height: auto; }

#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  color: #000; }

/* ANIMATE CSS */
/* Animate */
section {
  overflow: hidden; }

.scrollanimated {
  visibility: hidden;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* Animation duration */
.scrollanimated {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s; }

/* Delday animation class increm. 200ms */
.AD200 {
  animation-delay: 200ms;
  -webkit-animation-delay: 200ms; }

.AD400 {
  animation-delay: 400ms;
  -webkit-animation-delay: 400ms; }

.AD500 {
  animation-delay: 500ms;
  -webkit-animation-delay: 500ms; }

.AD600 {
  animation-delay: 600ms;
  -webkit-animation-delay: 600ms; }

.AD800 {
  animation-delay: 800ms;
  -webkit-animation-delay: 800ms; }

.AD1000 {
  animation-delay: 1000ms;
  -webkit-animation-delay: 1000ms; }

.AD1200 {
  animation-delay: 1200ms;
  -webkit-animation-delay: 1200ms; }

.AD1400 {
  animation-delay: 1400ms;
  -webkit-animation-delay: 1400ms; }

.AD1500 {
  animation-delay: 1500ms;
  -webkit-animation-delay: 1500ms; }

.AD1600 {
  animation-delay: 1600ms;
  -webkit-animation-delay: 1600ms; }

.AD1800 {
  animation-delay: 1800ms;
  -webkit-animation-delay: 1800ms; }

.AD2000 {
  animation-delay: 2000ms;
  -webkit-animation-delay: 2000ms; }

.AD2200 {
  animation-delay: 2200ms;
  -webkit-animation-delay: 2200ms; }

.AD2400 {
  animation-delay: 2400ms;
  -webkit-animation-delay: 2400ms; }

.AD2500 {
  animation-delay: 2500ms;
  -webkit-animation-delay: 2500ms; }

.AD2600 {
  animation-delay: 2600ms;
  -webkit-animation-delay: 2600ms; }

.AD2800 {
  animation-delay: 2800ms;
  -webkit-animation-delay: 2800ms; }

.AD3000 {
  animation-delay: 3000ms;
  -webkit-animation-delay: 3000ms; }

.AD3200 {
  animation-delay: 3200ms;
  -webkit-animation-delay: 3200ms; }

.AD3400 {
  animation-delay: 3400ms;
  -webkit-animation-delay: 3400ms; }

.AD3500 {
  animation-delay: 3500ms;
  -webkit-animation-delay: 3500ms; }

.AD3600 {
  animation-delay: 3600ms;
  -webkit-animation-delay: 3600ms; }

.AD3600 {
  animation-delay: 3800ms;
  -webkit-animation-delay: 3800ms; }

.AD4000 {
  animation-delay: 4000ms;
  -webkit-animation-delay: 4000ms; }

.AD4200 {
  animation-delay: 4200ms;
  -webkit-animation-delay: 4200ms; }

.AD4400 {
  animation-delay: 4400ms;
  -webkit-animation-delay: 4400ms; }

.AD4600 {
  animation-delay: 4600ms;
  -webkit-animation-delay: 4600ms; }

.AD4800 {
  animation-delay: 4800ms;
  -webkit-animation-delay: 4800ms; }

.AD5000 {
  animation-delay: 5000ms;
  -webkit-animation-delay: 5000ms; }

.AD5200 {
  animation-delay: 5200ms;
  -webkit-animation-delay: 5200ms; }

.AD5400 {
  animation-delay: 5400ms;
  -webkit-animation-delay: 5400ms; }

.AD5600 {
  animation-delay: 5600ms;
  -webkit-animation-delay: 5600ms; }

.AD5800 {
  animation-delay: 5800ms;
  -webkit-animation-delay: 5800ms; }

.AD6000 {
  animation-delay: 6000ms;
  -webkit-animation-delay: 6000ms; }

.AD6200 {
  animation-delay: 6200ms;
  -webkit-animation-delay: 6200ms; }

.AD6400 {
  animation-delay: 6400ms;
  -webkit-animation-delay: 6400ms; }

.AD6600 {
  animation-delay: 6600ms;
  -webkit-animation-delay: 6600ms; }

.AD6800 {
  animation-delay: 6800ms;
  -webkit-animation-delay: 6800ms; }

.AD7000 {
  animation-delay: 7000ms;
  -webkit-animation-delay: 7000ms; }

.AD7200 {
  animation-delay: 7200ms;
  -webkit-animation-delay: 7200ms; }

.AD7400 {
  animation-delay: 7400ms;
  -webkit-animation-delay: 7400ms; }

.AD7600 {
  animation-delay: 7600ms;
  -webkit-animation-delay: 7600ms; }

.AD7800 {
  animation-delay: 7800ms;
  -webkit-animation-delay: 7800ms; }

.AD8000 {
  animation-delay: 8000ms;
  -webkit-animation-delay: 8000ms; }

.AD8200 {
  animation-delay: 8200ms;
  -webkit-animation-delay: 8200ms; }

.AD8400 {
  animation-delay: 8400ms;
  -webkit-animation-delay: 8400ms; }

.AD8600 {
  animation-delay: 8600ms;
  -webkit-animation-delay: 8600ms; }

.AD8800 {
  animation-delay: 8800ms;
  -webkit-animation-delay: 8800ms; }

.AD9000 {
  animation-delay: 9000ms;
  -webkit-animation-delay: 9000ms; }

.AD9200 {
  animation-delay: 9200ms;
  -webkit-animation-delay: 9200ms; }

.AD9400 {
  animation-delay: 9400ms;
  -webkit-animation-delay: 9400ms; }

.AD9600 {
  animation-delay: 9600ms;
  -webkit-animation-delay: 9600ms; }

.AD9800 {
  animation-delay: 9800ms;
  -webkit-animation-delay: 9800ms; }

.AD10000 {
  animation-delay: 10000ms;
  -webkit-animation-delay: 10000ms; }

/* Animation duration */
.VEL1s {
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s; }

.VEL2s {
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s; }

.VEL3s {
  -webkit-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s; }

.VEL4s {
  -webkit-animation-duration: 4s;
  -ms-animation-duration: 4s;
  -o-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s; }

.VEL5s {
  -webkit-animation-duration: 5s;
  -ms-animation-duration: 5s;
  -o-animation-duration: 5s;
  -moz-animation-duration: 5s;
  animation-duration: 5s; }

.VEL6s {
  -webkit-animation-duration: 6s;
  -ms-animation-duration: 6s;
  -o-animation-duration: 6s;
  -moz-animation-duration: 6s;
  animation-duration: 6s; }

.VEL7s {
  -webkit-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  -moz-animation-duration: 7s;
  animation-duration: 7s; }

.VEL8s {
  -webkit-animation-duration: 8s;
  -ms-animation-duration: 8s;
  -o-animation-duration: 8s;
  -moz-animation-duration: 8s;
  animation-duration: 8s; }

.VEL9s {
  -webkit-animation-duration: 9s;
  -ms-animation-duration: 9s;
  -o-animation-duration: 9s;
  -moz-animation-duration: 9s;
  animation-duration: 9s; }

.VEL10s {
  -webkit-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  -moz-animation-duration: 10s;
  animation-duration: 10s; }

.VEL11s {
  -webkit-animation-duration: 11s;
  -ms-animation-duration: 11s;
  -o-animation-duration: 11s;
  -moz-animation-duration: 11s;
  animation-duration: 11s; }

.VEL12s {
  -webkit-animation-duration: 12s;
  -ms-animation-duration: 12s;
  -o-animation-duration: 12s;
  -moz-animation-duration: 12s;
  animation-duration: 12s; }

.VEL13s {
  -webkit-animation-duration: 13s;
  -ms-animation-duration: 13s;
  -o-animation-duration: 13s;
  -moz-animation-duration: 13s;
  animation-duration: 13s; }

.VEL14s {
  -webkit-animation-duration: 14s;
  -ms-animation-duration: 14s;
  -o-animation-duration: 14s;
  -moz-animation-duration: 14s;
  animation-duration: 14s; }

.VEL15s {
  -webkit-animation-duration: 15s;
  -ms-animation-duration: 15s;
  -o-animation-duration: 15s;
  -moz-animation-duration: 15s;
  animation-duration: 15s; }

.VEL16s {
  -webkit-animation-duration: 16s;
  -ms-animation-duration: 16s;
  -o-animation-duration: 16s;
  -moz-animation-duration: 16s;
  animation-duration: 16s; }

.VEL17s {
  -webkit-animation-duration: 17s;
  -ms-animation-duration: 17s;
  -o-animation-duration: 17s;
  -moz-animation-duration: 17s;
  animation-duration: 17s; }

.VEL18s {
  -webkit-animation-duration: 18s;
  -ms-animation-duration: 18s;
  -o-animation-duration: 18s;
  -moz-animation-duration: 18s;
  animation-duration: 18s; }

.VEL19s {
  -webkit-animation-duration: 19s;
  -ms-animation-duration: 19s;
  -o-animation-duration: 19s;
  -moz-animation-duration: 19s;
  animation-duration: 19s; }

.VEL20s {
  -webkit-animation-duration: 20s;
  -ms-animation-duration: 20s;
  -o-animation-duration: 20s;
  -moz-animation-duration: 20s;
  animation-duration: 20s; }

.VEL21s {
  -webkit-animation-duration: 21s;
  -ms-animation-duration: 21s;
  -o-animation-duration: 21s;
  -moz-animation-duration: 21s;
  animation-duration: 21s; }

.VEL22s {
  -webkit-animation-duration: 22s;
  -ms-animation-duration: 22s;
  -o-animation-duration: 22s;
  -moz-animation-duration: 22s;
  animation-duration: 22s; }

.VEL23s {
  -webkit-animation-duration: 23s;
  -ms-animation-duration: 23s;
  -o-animation-duration: 23s;
  -moz-animation-duration: 23s;
  animation-duration: 23s; }

.VEL24s {
  -webkit-animation-duration: 24s;
  -ms-animation-duration: 24s;
  -o-animation-duration: 24s;
  -moz-animation-duration: 24s;
  animation-duration: 24s; }

.VEL25s {
  -webkit-animation-duration: 25s;
  -ms-animation-duration: 25s;
  -o-animation-duration: 25s;
  -moz-animation-duration: 25s;
  animation-duration: 25s; }

.VEL26s {
  -webkit-animation-duration: 26s;
  -ms-animation-duration: 26s;
  -o-animation-duration: 26s;
  -moz-animation-duration: 26s;
  animation-duration: 26s; }

.VEL27s {
  -webkit-animation-duration: 27s;
  -ms-animation-duration: 27s;
  -o-animation-duration: 27s;
  -moz-animation-duration: 27s;
  animation-duration: 27s; }

.VEL28s {
  -webkit-animation-duration: 28s;
  -ms-animation-duration: 28s;
  -o-animation-duration: 28s;
  -moz-animation-duration: 28s;
  animation-duration: 28s; }

.VEL29s {
  -webkit-animation-duration: 29s;
  -ms-animation-duration: 29s;
  -o-animation-duration: 29s;
  -moz-animation-duration: 29s;
  animation-duration: 29s; }

.VEL30s {
  -webkit-animation-duration: 30s;
  -ms-animation-duration: 30s;
  -o-animation-duration: 30s;
  -moz-animation-duration: 30s;
  animation-duration: 30s; }

.VEL31s {
  -webkit-animation-duration: 31s;
  -ms-animation-duration: 31s;
  -o-animation-duration: 31s;
  -moz-animation-duration: 31s;
  animation-duration: 31s; }

.VEL32s {
  -webkit-animation-duration: 32s;
  -ms-animation-duration: 32s;
  -o-animation-duration: 32s;
  -moz-animation-duration: 32s;
  animation-duration: 32s; }

.VEL33s {
  -webkit-animation-duration: 33s;
  -ms-animation-duration: 33s;
  -o-animation-duration: 33s;
  -moz-animation-duration: 33s;
  animation-duration: 33s; }

.VEL34s {
  -webkit-animation-duration: 34s;
  -ms-animation-duration: 34s;
  -o-animation-duration: 34s;
  -moz-animation-duration: 34s;
  animation-duration: 34s; }

.VEL35s {
  -webkit-animation-duration: 35s;
  -ms-animation-duration: 35s;
  -o-animation-duration: 35s;
  -moz-animation-duration: 35s;
  animation-duration: 35s; }

.VEL36s {
  -webkit-animation-duration: 36s;
  -ms-animation-duration: 36s;
  -o-animation-duration: 36s;
  -moz-animation-duration: 36s;
  animation-duration: 36s; }

.VEL37s {
  -webkit-animation-duration: 37s;
  -ms-animation-duration: 37s;
  -o-animation-duration: 37s;
  -moz-animation-duration: 37s;
  animation-duration: 37s; }

.VEL38s {
  -webkit-animation-duration: 38s;
  -ms-animation-duration: 38s;
  -o-animation-duration: 38s;
  -moz-animation-duration: 38s;
  animation-duration: 38s; }

.VEL39s {
  -webkit-animation-duration: 39s;
  -ms-animation-duration: 39s;
  -o-animation-duration: 39s;
  -moz-animation-duration: 39s;
  animation-duration: 39s; }

.VEL1_5s {
  -webkit-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s; }

.VEL2_5s {
  -webkit-animation-duration: 2.5s;
  -ms-animation-duration: 2.5s;
  -o-animation-duration: 2.5s;
  -moz-animation-duration: 2.5s;
  animation-duration: 2.5s; }

.VEL3_s {
  -webkit-animation-duration: 3.5s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s; }

.VEL4_5s {
  -webkit-animation-duration: 4.5s;
  -ms-animation-duration: 4.5s;
  -o-animation-duration: 4.5s;
  -moz-animation-duration: 4.5s;
  animation-duration: 4.5s; }

.VEL5_5s {
  -webkit-animation-duration: 5.5s;
  -ms-animation-duration: 5.5s;
  -o-animation-duration: 5.5s;
  -moz-animation-duration: 5.5s;
  animation-duration: 5.5s; }

.VEL6_5s {
  -webkit-animation-duration: 6.5s;
  -ms-animation-duration: 6.5s;
  -o-animation-duration: 6.5s;
  -moz-animation-duration: 6.5s;
  animation-duration: 6.5s; }

.VEL7_5s {
  -webkit-animation-duration: 7.5s;
  -ms-animation-duration: 7.5s;
  -o-animation-duration: 7.5s;
  -moz-animation-duration: 7.5s;
  animation-duration: 7.5s; }

.VEL8_5s {
  -webkit-animation-duration: 8.5s;
  -ms-animation-duration: 8.5s;
  -o-animation-duration: 8.5s;
  -moz-animation-duration: 8.5s;
  animation-duration: 8.5s; }

.VEL9_5s {
  -webkit-animation-duration: 9.5s;
  -ms-animation-duration: 9.5s;
  -o-animation-duration: 9.5s;
  -moz-animation-duration: 9.5s;
  animation-duration: 9.5s; }

.VEL10_5s {
  -webkit-animation-duration: 10.5s;
  -ms-animation-duration: 10.5s;
  -o-animation-duration: 10.5s;
  -moz-animation-duration: 10.5s;
  animation-duration: 10.5s; }

.VEL11_5s {
  -webkit-animation-duration: 11.5s;
  -ms-animation-duration: 11.5s;
  -o-animation-duration: 11.5s;
  -moz-animation-duration: 11.5s;
  animation-duration: 11.5s; }

.VEL12_5s {
  -webkit-animation-duration: 12.5s;
  -ms-animation-duration: 12.5s;
  -o-animation-duration: 12.5s;
  -moz-animation-duration: 12.5s;
  animation-duration: 12.5s; }

.VEL13_5s {
  -webkit-animation-duration: 13.5s;
  -ms-animation-duration: 13.5s;
  -o-animation-duration: 13.5s;
  -moz-animation-duration: 13.5s;
  animation-duration: 13.5s; }

.VEL14_5s {
  -webkit-animation-duration: 14.5s;
  -ms-animation-duration: 14.5s;
  -o-animation-duration: 14.5s;
  -moz-animation-duration: 14.5s;
  animation-duration: 14.5s; }

.VEL15_5s {
  -webkit-animation-duration: 15.5s;
  -ms-animation-duration: 15.5s;
  -o-animation-duration: 15.5s;
  -moz-animation-duration: 15.5s;
  animation-duration: 15.5s; }

.VEL16_5s {
  -webkit-animation-duration: 16.5s;
  -ms-animation-duration: 16.5s;
  -o-animation-duration: 16.5s;
  -moz-animation-duration: 16.5s;
  animation-duration: 16.5s; }

.VEL17_5s {
  -webkit-animation-duration: 17.5s;
  -ms-animation-duration: 17.5s;
  -o-animation-duration: 17.5s;
  -moz-animation-duration: 17.5s;
  animation-duration: 17.5s; }

.VEL18_5s {
  -webkit-animation-duration: 18.5s;
  -ms-animation-duration: 18.5s;
  -o-animation-duration: 18.5s;
  -moz-animation-duration: 18.5s;
  animation-duration: 18.5s; }

.VEL19_5s {
  -webkit-animation-duration: 19.5s;
  -ms-animation-duration: 19.5s;
  -o-animation-duration: 19.5s;
  -moz-animation-duration: 19.5s;
  animation-duration: 19.5s; }

.VEL20_5s {
  -webkit-animation-duration: 20.5s;
  -ms-animation-duration: 20.5s;
  -o-animation-duration: 20.5s;
  -moz-animation-duration: 20.5s;
  animation-duration: 20.5s; }

.VEL21_5s {
  -webkit-animation-duration: 21.5s;
  -ms-animation-duration: 21.5s;
  -o-animation-duration: 21.5s;
  -moz-animation-duration: 21.5s;
  animation-duration: 21.5s; }

.VEL22_5s {
  -webkit-animation-duration: 22.5s;
  -ms-animation-duration: 22.5s;
  -o-animation-duration: 22.5s;
  -moz-animation-duration: 22.5s;
  animation-duration: 22.5s; }

.VEL23_5s {
  -webkit-animation-duration: 23.5s;
  -ms-animation-duration: 23.5s;
  -o-animation-duration: 23.5s;
  -moz-animation-duration: 23.5s;
  animation-duration: 23.5s; }

.VEL24_5s {
  -webkit-animation-duration: 24.5s;
  -ms-animation-duration: 24.5s;
  -o-animation-duration: 24.5s;
  -moz-animation-duration: 24.5s;
  animation-duration: 24.5s; }

.VEL25_5s {
  -webkit-animation-duration: 25.5s;
  -ms-animation-duration: 25.5s;
  -o-animation-duration: 25.5s;
  -moz-animation-duration: 25.5s;
  animation-duration: 25.5s; }

.VEL26_5s {
  -webkit-animation-duration: 26.5s;
  -ms-animation-duration: 26.5s;
  -o-animation-duration: 26.5s;
  -moz-animation-duration: 26.5s;
  animation-duration: 26.5s; }

.VEL27_5s {
  -webkit-animation-duration: 27.5s;
  -ms-animation-duration: 27.5s;
  -o-animation-duration: 27.5s;
  -moz-animation-duration: 27.5s;
  animation-duration: 27.5s; }

.VEL28_5s {
  -webkit-animation-duration: 28.5s;
  -ms-animation-duration: 28.5s;
  -o-animation-duration: 28.5s;
  -moz-animation-duration: 28.5s;
  animation-duration: 28.5s; }

.VEL29_5s {
  -webkit-animation-duration: 29.5s;
  -ms-animation-duration: 29.5s;
  -o-animation-duration: 29.5s;
  -moz-animation-duration: 29.5s;
  animation-duration: 29.5s; }

.VEL30_5s {
  -webkit-animation-duration: 30.5s;
  -ms-animation-duration: 30.5s;
  -o-animation-duration: 30.5s;
  -moz-animation-duration: 30.5s;
  animation-duration: 30.5s; }

.VEL31_5s {
  -webkit-animation-duration: 31.5s;
  -ms-animation-duration: 31.5s;
  -o-animation-duration: 31.5s;
  -moz-animation-duration: 31.5s;
  animation-duration: 31.5s; }

.VEL32_5s {
  -webkit-animation-duration: 32.5s;
  -ms-animation-duration: 32.5s;
  -o-animation-duration: 32.5s;
  -moz-animation-duration: 32.5s;
  animation-duration: 32.5s; }

.VEL33_5s {
  -webkit-animation-duration: 33.5s;
  -ms-animation-duration: 33.5s;
  -o-animation-duration: 33.5s;
  -moz-animation-duration: 33.5s;
  animation-duration: 33.5s; }

.VEL34_5s {
  -webkit-animation-duration: 34.5s;
  -ms-animation-duration: 34.5s;
  -o-animation-duration: 34.5s;
  -moz-animation-duration: 34.5s;
  animation-duration: 34.5s; }

.VEL35_5s {
  -webkit-animation-duration: 35.5s;
  -ms-animation-duration: 35.5s;
  -o-animation-duration: 35.5s;
  -moz-animation-duration: 35.5s;
  animation-duration: 35.5s; }

.VEL36_5s {
  -webkit-animation-duration: 36.5s;
  -ms-animation-duration: 36.5s;
  -o-animation-duration: 36.5s;
  -moz-animation-duration: 36.5s;
  animation-duration: 36.5s; }

.VEL37_5s {
  -webkit-animation-duration: 37.5s;
  -ms-animation-duration: 37.5s;
  -o-animation-duration: 37.5s;
  -moz-animation-duration: 37.5s;
  animation-duration: 37.5s; }

.VEL38_5s {
  -webkit-animation-duration: 38.5s;
  -ms-animation-duration: 38.5s;
  -o-animation-duration: 38.5s;
  -moz-animation-duration: 38.5s;
  animation-duration: 38.5s; }

.VEL39_5s {
  -webkit-animation-duration: 39.5s;
  -ms-animation-duration: 39.5s;
  -o-animation-duration: 39.5s;
  -moz-animation-duration: 39.5s;
  animation-duration: 39.5s; }

/* MATERIAL INPUT */
textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
  border: none;
  outline: none;
  border-radius: 0;
  border-bottom: solid 1px #bcbaba;
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  margin-top: 16px;
  background: none;
  display: block; }
  .ie textarea,
  .ie input[type="text"],
  .ie input[type="email"],
  .ie input[type="search"],
  .ie input[type="password"] {
    height: 30px !important; }

fieldset.material {
  position: relative;
  margin-bottom: 45px; }

fieldset.material label {
  position: absolute;
  top: 24px;
  left: 1px;
  font-size: 100%;
  color: #444;
  -webkit-transform-origin: 0 -150%;
  transform-origin: 0 -150%;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease, color 300ms;
  pointer-events: none;
  font-size: 14px;
  font-weight: 400; }

fieldset.material textarea {
  resize: none !important; }

fieldset.material textarea:focus ~ label,
fieldset.material textarea.valid ~ label,
fieldset.material input:focus ~ label,
fieldset.material input.valid ~ label {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  top: 10px;
  color: #1b4996;
  transition: 300ms; }

fieldset.material input[type="email"]:invalid ~ hr {
  background: #1b4996; }

fieldset.material textarea::-webkit-input-placeholder,
fieldset.material input::-webkit-input-placeholder {
  color: #b1b1b1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease; }

fieldset.material textarea:not(:focus)::-webkit-input-placeholder,
fieldset.material input:not(:focus)::-webkit-input-placeholder {
  color: transparent; }

fieldset.material textarea::-moz-placeholder,
fieldset.material input::-moz-placeholder {
  color: #b1b1b1;
  opacity: 1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease; }

fieldset.material textarea:not(:focus)::-moz-placeholder,
fieldset.material input:not(:focus)::-moz-placeholder {
  color: transparent; }

fieldset.material textarea:-moz-placeholder,
fieldset.material input:-moz-placeholder {
  color: #b1b1b1;
  opacity: 1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease; }

fieldset.material textarea:not(:focus):-moz-placeholder,
fieldset.material input:not(:focus):-moz-placeholder {
  color: transparent; }

fieldset.material textarea:-ms-input-placeholder,
fieldset.material input:-ms-input-placeholder {
  color: #b1b1b1;
  opacity: 1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease; }

fieldset.material textarea:not(:focus):-ms-input-placeholder,
fieldset.material input:not(:focus):-ms-input-placeholder {
  color: transparent; }

fieldset.material hr {
  content: " ";
  height: 2px;
  background: #014a7d;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  border: none;
  will-change: transform, visibility;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  visibility: hidden;
  z-index: 10; }

/*section .inner_form fieldset.material textarea ~ hr {
    bottom:-14px;
}*/
fieldset.material img {
  display: none;
  position: absolute;
  bottom: -20px;
  right: 0; }

fieldset.material textarea:focus ~ hr,
fieldset.material input:focus ~ hr {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  visibility: visible; }

fieldset.material.error textarea,
fieldset.material.error input[type="text"],
fieldset.material.error input[type="email"],
fieldset.material.error input[type="search"],
fieldset.material.error input[type="password"] {
  border-color: #c62926; }

fieldset.material input[type="email"]:invalid ~ hr,
fieldset.material.error hr {
  background: #c62926; }

fieldset.material.error img {
  display: block; }

fieldset.material.error label {
  color: #c62926; }

fieldset.material.error::after {
  content: '';
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 0;
  bottom: -21px;
  background: url(/gb/img/materialicon/error_red.svg) no-repeat center center/contain; }

/* MATERIAL CHECKBOX */
input[type=checkbox] {
  display: none; }

label.materialcheckbox {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 55px;
  margin-right: 15px;
  font-size: 14px;
  overflow: hidden;
  margin-bottom: 0;
  line-height: 20px; }

label.materialcheckbox.padre {
  font-family: 'open_sansbold';
  padding-left: 30px; }

label.materialcheckbox.homecheck {
  font-family: 'open_sansregular';
  padding-left: 24px;
  font-size: 10px; }

label.materialcheckbox:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  position: absolute;
  left: 5px;
  bottom: 3px;
  background: #fff;
  border: solid 2px #ccc;
  border-radius: 2px; }

label.materialcheckbox:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  position: absolute;
  left: 5px;
  top: 3px;
  background: #fff;
  border: solid 2px #ccc;
  border-radius: 2px; }

input:disabled + label.materialcheckbox:before {
  display: none; }

label.materialcheckbox.homecheck:before {
  width: 12px;
  height: 12px;
  bottom: 5px; }

input[type=checkbox]:checked + label:before {
  background: #0e76b9 url("/gb/img/materialicon/check_w.svg") no-repeat center center/contain;
  border-color: #0e76b9; }

.error label.materialcheckbox {
  color: #c62926; }

/* MATERIAL TOOLTIP */
.MToolTip {
  position: relative; }

.MToolTip::after {
  display: block;
  position: absolute;
  content: attr(data-MToolTip);
  bottom: -30px;
  left: 50%;
  padding: 0px 16px;
  background: #747474;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  height: 0;
  width: auto;
  white-space: nowrap;
  z-index: 999;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  opacity: 0;
  -webkit-transition: bottom 400ms, opacity 400ms;
  -moz-transition: bottom 400ms, opacity 400ms;
  -ms-transition: bottom 400ms, opacity 400ms;
  -o-transition: bottom 400ms, opacity 400ms;
  transition: bottom 400ms, opacity 400ms;
  pointer-events: none; }

.MToolTip.MTright::after {
  left: auto;
  right: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.MToolTip.MTleft::after {
  left: 0;
  right: auto;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.MToolTip.MTtop::after {
  bottom: auto;
  top: -30px; }

.MToolTip.MTexleft::after {
  right: auto;
  top: 10px;
  left: 112%;
  transform: none; }

.MToolTip.MTexright::after {
  left: auto;
  top: 10px;
  right: 112%;
  transform: none; }

.no-touchevents .MToolTip:not(.disabled):hover::after {
  height: 32px;
  padding: 9px 16px;
  bottom: -38px;
  opacity: 1;
  -webkit-transition: bottom 400ms, top 400ms, opacity 400ms;
  -moz-transition: bottom 400ms, top 400ms, opacity 400ms;
  -ms-transition: bottom 400ms, top 400ms, opacity 400ms;
  -o-transition: bottom 400ms, top 400ms, opacity 400ms;
  transition: bottom 400ms, top 400ms, opacity 400ms; }

.no-touchevents .MToolTip.MTtop:not(.disabled):hover::after {
  height: 32px;
  padding: 9px 16px;
  top: -38px;
  opacity: 1;
  bottom: auto;
  -webkit-transition: top 400ms, opacity 400ms;
  -moz-transition: top 400ms, opacity 400ms;
  -ms-transition: top 400ms, opacity 400ms;
  -o-transition: top 400ms, opacity 400ms;
  transition: top 400ms, opacity 400ms; }

/* MATERIAL BOOSTRAP SELECT */
.materialSelect select,
section .contact_form .bootstrap-select {
  width: 100%;
  height: 40px !important;
  background: #fff; }

/*.materialSelect .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){*/
/*width: 100% !important;*/
/*height:40px !important;*/
/*/!* margin-bottom: 20px; *!/*/
/*margin-top: 16px;*/
/*}*/
.materialSelect .bootstrap-select .btn:hover,
.materialSelect .bootstrap-select .btn {
  border-radius: 0;
  border: none;
  border-bottom: solid 1px #666666;
  background: #fff;
  outline: none !important;
  box-shadow: none !important;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #737373; }

.materialSelect .bootstrap-select .btn .caret {
  color: #737373; }

/*.materialSelect .bootstrap-select.default .btn .filter-option,*/
/*.materialSelect .bootstrap-select ul li:first-child,*/
/*.materialSelect select option:first-child{*/
/*color:#737373;*/
/*}*/
/*.materialSelect .bootstrap-select ul li:first-child,*/
/*.materialSelect select option:first-child{*/
/*opacity: 0.5;*/
/*}*/
.materialSelect .bootstrap-select.open .btn {
  border-bottom-color: #b3b3b3; }

.materialSelect .bootstrap-select ul li {
  display: block; }

.materialSelect .bootstrap-select .dropdown-menu {
  border-radius: 0;
  border: 0;
  margin-top: 0;
  /*box-shadow: none;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);*/ }

.materialSelect .bootstrap-select .dropdown-menu.open {
  /* border:solid 1px #666666;*/
  border: none; }

.materialSelect .bootstrap-select div.dropdown-menu {
  transform-origin: top center;
  animation-name: openselect;
  animation-duration: 200ms;
  animation-fill-mode: forwards; }

.materialSelect .bootstrap-select.open div.dropdown-menu {
  transform-origin: top center; }

@keyframes openselect {
  0% {
    transform: translateY(-20px);
    opacity: 0; }
  100% {
    transform: translateY(-2px);
    opacity: 1; } }
.materialSelect .dropdown-menu > li > a {
  padding: 8px 20px; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes ExitLogin {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0; } }
@keyframes ExitLogin {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0; } }
@-webkit-keyframes openInfo {
  0% {
    border-radius: 5px;
    opacity: 0;
    top: 130px;
    width: 100%;
    width: calc(100% - 60px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  100% {
    border-radius: 5px;
    opacity: 1;
    top: 190px;
    width: 100%;
    width: calc(100% - 60px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }
@keyframes openInfo {
  0% {
    border-radius: 5px;
    opacity: 0;
    top: 130px;
    width: 100%;
    width: calc(100% - 60px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  100% {
    border-radius: 5px;
    opacity: 1;
    top: 190px;
    width: 100%;
    width: calc(100% - 60px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }
@-webkit-keyframes openInfoios {
  0% {
    border-radius: 5px;
    opacity: 0;
    top: 130px;
    width: calc(100% - 60px); }
  100% {
    border-radius: 5px;
    opacity: 1;
    top: 190px;
    width: calc(100% - 60px); } }
@keyframes openInfoios {
  0% {
    border-radius: 5px;
    opacity: 0;
    top: 130px;
    width: calc( 100% - 60px); }
  100% {
    border-radius: 5px;
    opacity: 1;
    top: 190px;
    width: calc( 100% - 60px); } }
@-webkit-keyframes closeInfo {
  0% {
    border-radius: 5px;
    opacity: 1;
    top: 190px;
    width: calc(100% - 60px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  100% {
    border-radius: 5px;
    opacity: 0;
    top: 130px;
    width: calc( 100% - 60px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }
@keyframes closeInfo {
  0% {
    border-radius: 5px;
    opacity: 1;
    top: 190px;
    width: calc(100% - 60px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  100% {
    border-radius: 5px;
    opacity: 0;
    top: 130px;
    width: calc( 100% - 60px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }
@-webkit-keyframes slideOutUpTool {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    opacity: 0.8;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    transform: translate(0, -100%); } }
@-webkit-keyframes slideInDownTool {
  0% {
    opacity: 0.8;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0); } }
body.book section.access,
body.home section.access,
body.splash section.access {
  -webkit-animation: ExitLogin 800ms linear 1;
  animation: ExitLogin 800ms linear 1;
  width: 0;
  left: 0;
  transition: width 0ms 800ms, left 0ms 800ms; }

body.splash section.issplash,
body.book section.isbook,
body.home section.ishome {
  opacity: 1;
  width: 100%;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  transition: width 0ms 0ms, transform 800ms 600ms, opacity 800ms 600ms; }

html.tablet section.issplash,
html.tablet section.isbook,
html.tablet section.ishome {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  transition: width 0ms 0ms, opacity 800ms 600ms; }

main,
menu {
  opacity: 1;
  transition: opacity 400ms 400ms; }

menu {
  height: 116px;
  max-height: 177px; }

body.openInfo main:not(.container-book),
body.openInfo menu {
  opacity: 0;
  transition: opacity 400ms; }

body.openInfo menu {
  opacity: 0;
  transition: opacity 400ms, max-height 0ms 400ms;
  pointer-events: none;
  max-height: 0; }

body.openInfo .info {
  -webkit-animation: openInfo 400ms 400ms ease-in-out forwards;
  animation: openInfo 400ms 400ms ease-in-out forwards; }
  html.ie body.openInfo .info {
    animation: none;
    border-radius: 5px;
    opacity: 1;
    top: 190px;
    width: calc(100% - 60px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  html.edge body.openInfo .info {
    width: calc(100% - 60px); }

.safari body.openInfo .info {
  -webkit-animation: openInfoios 400ms 400ms ease-in-out forwards;
  animation: openInfoios 400ms 400ms ease-in-out forwards; }

body.closeInfo .info {
  -webkit-animation: closeInfo 400ms  ease-in-out forwards;
  animation: closeInfo 400ms ease-in-out forwards; }

body.openInfo .info .infoelement {
  -webkit-animation: fadeIn 400ms 1000ms linear forwards;
  animation: fadeIn 400ms 1000ms linear forwards; }

.slideOutUpTool {
  -webkit-animation: slideOutUpTool 400ms 0ms linear forwards;
  animation: slideOutUpTool 400ms 0ms linear forwards; }

.slideInDownTool {
  -webkit-animation: slideInDownTool 400ms 0ms linear forwards;
  animation: slideInDownTool 400ms 0ms linear forwards; }

#thumb-container.showMe {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
  overflow: hidden;
  height: 177px;
  transition: opacity 600ms, transform 600ms, height 0ms; }

@media (max-width: 880px) {
  .padding0mobi {
    padding: 0 !important; } }
@media (max-width: 768px) {
  section nav ul {
    overflow: scroll;
    position: relative;
    white-space: nowrap; }

  section nav ul::-webkit-scrollbar {
    display: none !important;
    height: 0; }

  section nav ul li {
    white-space: normal; }

  .headhome nav.container-fluid,
  .headhome menu.container-fluid,
  section menu .cont_scroll {
    padding: 0; }

  .info .infoelement .rightside {
    width: 25%;
    padding-left: 32px; }

  .info .infoelement .rightside {
    width: 25%; }

  .info .infoelement .leftside {
    width: 75%; }

  .load_Splash {
    background-size: 110px auto; } }
@media (max-width: 767px) {
  section.access .cont_all {
    width: 100%;
    top: 45%; }

  section.access ul.logo_login {
    padding: 0 0 18px 0; }

  section.access ul.logo_login li img {
    height: 8vmin; }

  section.access .login_left,
  section.access .login_right {
    padding-left: 15px !important;
    padding-right: 15px !important; }

  section.access .logincolor {
    padding: 15px 15px;
    min-height: 180px !important; }
    section.access .logincolor img.center-block {
      display: none; }
    section.access .logincolor:nth-child(2) {
      min-height: 140px !important; }

  section.access .login_left .logincolor {
    min-height: 260px !important; }

  section.access .logincolor fieldset.material {
    margin-bottom: 15px !important; }

  section.access .logincolor h2 {
    font-size: 14px; }

  section.access .logincolor .materialSelect {
    padding-top: 10px; }

  #gbcredits {
    left: 15px;
    font-size: 10px;
    color: #888; }

  ul.logo_absolute {
    right: 15px; }
    ul.logo_absolute li {
      margin: 0 2px; }
      ul.logo_absolute li img {
        height: 20px;
        opacity: 0.4; }

  .change-mobi {
    padding-top: 10px;
    text-align: center; }
    .change-mobi button {
      display: inline-block;
      color: #888;
      font-size: 12px; }

  section header {
    background: #e7e6e6;
    height: 40px; }

  section header ul.logo_head {
    text-align: left; }

  section header .pdlpad,
  .logout {
    padding: 0 !important; }

  section nav ul li a, section nav ul li a:hover, section nav ul li a:visited, section nav ul li a:active {
    max-width: 100%; }

  section nav ul li {
    height: 40px;
    position: relative; }
    section nav ul li:not(:first-child)::after {
      content: '';
      background: rgba(255, 255, 255, 0.4);
      width: 1px;
      height: calc(100% - 16px);
      position: absolute;
      top: 8px;
      left: 0; }

  section menu .cont_scroll ul li {
    margin: 0 15px;
    min-height: 0;
    padding: 9px 0; }

  .info .infoelement .con_icon ul li a {
    width: auto;
    font-size: 0px;
    color: transparent;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    height: 28px; }
    .info .infoelement .con_icon ul li a::before {
      height: 28px;
      width: 28px;
      margin: 0; }

  .ricerca fieldset.material {
    width: calc(100% - 30px); }

  .ricerca .col-xs-12.col-sm-6.text-right {
    padding: 0px; }

  .ricerca fieldset.material input:focus {
    width: 100%; }

  menu {
    height: 46px; }

  section main .ricerca {
    padding: 10px 0px;
    width: 100%; }
    section main .ricerca fieldset.material {
      display: block;
      margin: 0 auto; }
      section main .ricerca fieldset.material input {
        width: 100%; }

  main .main_element {
    padding-left: 0;
    padding-right: 0;
    padding-top: 48px; }
    html.cordova main .main_element {
      padding-top: 42px; }

  main .ov {
    padding: 0; }

  main {
    height: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important; }

  .booksList {
    padding: 5px 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .booksList::-webkit-scrollbar {
      display: none; }
    .booksList .col-xs-12 {
      display: inline-block;
      float: none;
      vertical-align: middle;
      width: auto; }

  main .ov .iselement {
    padding-bottom: 25px;
    margin-bottom: 10px; }

  main .ov .iselement figure {
    display: block; }
    main .ov .iselement figure img {
      height: 38vh;
      width: auto; }
      html.cordova main .ov .iselement figure img {
        height: 54vh; }

  main .ov .iselement figcaption {
    padding: 0;
    position: absolute;
    width: calc(100% - 30px);
    bottom: 6px; }
    main .ov .iselement figcaption h2 strong {
      overflow: hidden;
      text-overflow: ellipsis; }

  main .ov .iselement button[type="submit"] {
    display: none; }

  html.mobile body .info {
    transition: width 0ms 600ms, transform 0ms 600ms, opacity 600ms;
    opacity: 0;
    left: 0px !important;
    top: 0px !important;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    height: 100%; }

  html.mobile body.openInfo .info {
    -webkit-animation: none;
    animation: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 999;
    border-radius: 0;
    transition: opacity 600ms; }

  .info .infoelement {
    padding: 20px;
    padding-bottom: 40px;
    padding-top: 40px; }
    .info .infoelement.demo {
      position: relative;
      overflow: hidden; }
      .info .infoelement.demo:before {
        background: #009ba4;
        color: #FFF;
        content: "DEMO";
        position: absolute;
        right: -100px;
        top: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 200px;
        text-align: center;
        transform-origin: top center;
        transform: rotate(45deg) translateY(25px);
        z-index: 2;
        font-weight: bold; }
      .info .infoelement.demo:before {
        top: 40px; }

  .info .infoelement .leftside {
    width: 100%; }

  .info .infoelement .rightside {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 0; }
    .info .infoelement .rightside figcaption,
    .info .infoelement .rightside figure {
      display: none; }
    .info .infoelement .rightside button {
      border-radius: 0;
      width: 100%;
      float: left;
      border: none !important;
      /*&#btnInfoAggiorna {
      	position: absolute;
      	top: 0;
      	left: 0;
      	z-index: 1;
      }
      &#btninfoRimuovi {
      	position: absolute;
      	top: 0;
      	right: 0;
      }*/ }
      .info .infoelement .rightside button#btnrealtaAumentata {
        height: 40px;
        font-size: 10px; }
        .info .infoelement .rightside button#btnrealtaAumentata svg {
          height: 14px;
          margin-bottom: 0px; }
      .info .infoelement .rightside button#btninfoVisualizza.dsa {
        height: 40px;
        font-size: 10px; }
        .info .infoelement .rightside button#btninfoVisualizza.dsa svg {
          height: 14px;
          margin-bottom: 0px; }
      .info .infoelement .rightside button#btnInfoDownload {
        /*&.hidden {
        	visibility: visible;
        	pointer-events: none;
        	opacity: 0.4;
        	display: inline-block !important;
        }*/ }

  .info .infoelement .rightside .contInfoBtnContainer {
    border-radius: 0;
    background: #fff;
    display: flex;
    /*#btnrealtaAumentata {
    	svg
    	{
    		display:none;
    	}
    }*/ }

  .mobi-back {
    position: absolute;
    top: 0;
    lefT: 0;
    width: 100%;
    height: 40px;
    background: #e7e6e6;
    z-index: 2; }
    .mobi-back .btnBack {
      right: auto;
      left: 15px;
      width: 30px;
      height: 30px;
      top: 5px; }
      .mobi-back .btnBack svg {
        display: block;
        fill: #e54a1b;
        width: 30px;
        height: 30px; }
      .mobi-back .btnBack::after {
        display: none; }

  .info .infoelement h2 {
    padding: 25px 0 20px 0;
    border-bottom: solid 1px #888; }

  .info .infoelement .con_icon {
    display: none; }

  .info .infoelement .textinfo {
    padding-top: 25px; }

  .wrap-popup {
    width: 100% !important; }

  #left-menu-bar {
    left: 0px;
    position: absolute;
    height: 40px;
    bottom: 40px;
    top: auto;
    background-color: #fff;
    width: 100%;
    border-right: none;
    z-index: 2;
    display: none !important;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    -webkit-animation: none;
    -ms-animation: none;
    -o-animation: none;
    -moz-animation: none;
    animation: none;
    transition: bottom 400ms; }
    #left-menu-bar.slideOutUpTool {
      bottom: 0;
      -webkit-transform: none;
      -ms-transform: none;
      -o-transform: none;
      -moz-transform: none;
      transform: none;
      -webkit-animation: none;
      -ms-animation: none;
      -o-animation: none;
      -moz-animation: none;
      animation: none;
      transition: bottom 400ms; }

  #dsa-menu-left-bar {
    left: 0px;
    position: absolute;
    height: 40px;
    bottom: 40px;
    top: auto;
    background-color: #fff;
    width: 100%;
    border-right: none;
    z-index: 2;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    -webkit-animation: none;
    -ms-animation: none;
    -o-animation: none;
    -moz-animation: none;
    animation: none;
    transition: bottom 400ms; }
    #dsa-menu-left-bar.slideOutUpTool {
      bottom: 0;
      -webkit-transform: none;
      -ms-transform: none;
      -o-transform: none;
      -moz-transform: none;
      transform: none;
      -webkit-animation: none;
      -ms-animation: none;
      -o-animation: none;
      -moz-animation: none;
      animation: none;
      transition: bottom 400ms; }

  #dsa-menu-left-bar .menubar-icon,
  #dsa-menu-left-bar .menubar-icon a {
    height: 40px;
    width: 40px; }

  .videoPlayerDiv, .mediaPlayerDiv {
    height: 40px;
    left: 0;
    width: 100%;
    z-index: 3; }

  .mediaPlayerDiv.audioUp {
    bottom: 40px; }

  .mediaPlayerDiv .audioBar {
    width: 50px;
    left: auto;
    right: 56px;
    display: none; }

  .mediaPlayerDiv span.audioctrl {
    bottom: 8px;
    left: auto;
    right: 112px;
    display: none; }

  .wrap-dsabar-icons,
  .wrap-leftbar-icons {
    padding-top: 0;
    width: 100%;
    height: 40px;
    text-align: center; }

  .wrap-dsabar-icons .menubar-icon,
  .wrap-leftbar-icons .menubar-icon {
    display: inline-block;
    margin-top: 0; }

  .wrap-dsabar-icons .menubar-icon,
  .wrap-bar-icons .menubar-icon,
  #left-menu-bar .menubar-icon {
    height: 40px;
    width: 40px; }

  #bottom-menu-bar.bg-changed,
  #bottom-menu-bar .wrap-bar-icons,
  #bottom-menu-bar {
    background: #e54a1b !important;
    height: 40px; }

  .wrap-bar-icons {
    left: 0;
    width: 100%; }
    .wrap-bar-icons .col-xs-4 {
      padding: 0;
      text-align: center; }

  .videoPlayerDiv {
    height: auto; }
    .videoPlayerDiv video {
      height: auto; }
    .videoPlayerDiv .audioBar, .videoPlayerDiv span.audioctrl {
      display: none; }

  .mediaPlayerDiv {
    height: 40px; }

  .wrap-center-pageindex {
    position: static;
    margin: 0;
    display: inline-block; }

  .wrap-bar-icons .pageindex-icon .form-group {
    margin-bottom: 10px; }
  .wrap-bar-icons .pageindex-icon input[type=text] {
    height: 40px;
    color: #fff;
    margin-top: 0;
    line-height: 40px;
    padding: 0; }

  #top-menu-bar .wrap-bar-icons {
    background: #fff; }

  #top-menu-bar {
    height: 40px; }
    #top-menu-bar.slideOutUp {
      -webkit-animation-name: none;
      animation-name: none; }
    #top-menu-bar.slideInDown {
      -webkit-animation-name: none;
      animation-name: none; }

  #thumb-container {
    bottom: 40px;
    padding: 0; }

  #thumb-container.showMe {
    height: 166px; }

  button.scroll_control {
    display: none !important; }

  #generic-toolbar {
    top: 0;
    left: auto;
    left: 0;
    height: 40px;
    width: 40px; }
    #generic-toolbar.slideInLeft {
      -webkit-animation-name: slideInDown;
      animation-name: slideInDown; }
    #generic-toolbar.slideOutLeft {
      -webkit-animation-name: slideOutUp;
      animation-name: slideOutUp; }
    #generic-toolbar .menubar-icon {
      display: block;
      height: 40px;
      width: 40px; }
      #generic-toolbar .menubar-icon a {
        height: 40px;
        width: 40px;
        display: block;
        position: relative;
        background: rgba(255, 255, 255, 0.2); }
        #generic-toolbar .menubar-icon a img {
          height: 12px;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -8px;
          margin-top: -6px; }

  #matita-bar,
  #markbook-bar {
    left: 0px;
    position: absolute;
    height: 40px;
    top: 0px;
    width: 100%;
    z-index: 10; }
    #matita-bar.slideInLeft,
    #markbook-bar.slideInLeft {
      -webkit-animation-name: slideInDown;
      animation-name: slideInDown; }
    #matita-bar.slideOutLeft,
    #markbook-bar.slideOutLeft {
      -webkit-animation-name: slideOutUp;
      animation-name: slideOutUp; }
    #matita-bar .wrap-tools-icons,
    #markbook-bar .wrap-tools-icons {
      width: 100%;
      height: 40px;
      padding-top: 0;
      top: 0;
      padding-left: 50px; }
      #matita-bar .wrap-tools-icons .menubar-icon,
      #markbook-bar .wrap-tools-icons .menubar-icon {
        display: inline-block;
        width: 40px;
        height: 40px; }

  #paint-bar,
  #tools-menu,
  .header-icon {
    display: none; }

  #dsa-book {
    top: 40px;
    left: 0;
    width: 100%;
    height: calc(100% - 120px); }

  #tools-popup .wrap-popup {
    border-radius: 0;
    height: 100%;
    width: 100% !important;
    top: 0;
    left: 0; }

  #tools-popup.openPopUp .wrap-popup {
    top: 0;
    left: 0; }

  .center-xy {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
    -moz-animation: none !important;
    animation: none !important; }

  #tools-popup .wrap-popup .header-popup {
    height: 40px; }

  #tools-popup .wrap-popup .header-popup h4 {
    margin: 8px auto; }

  .wrap-bar-icons .pageindex-icon {
    width: 60px; }

  .wrap-bar-icons .pagearrow-icon {
    height: 40px; }

  .wrap-bar-icons .pagearrow-icon img {
    height: 12px; }

  .videoPlayerDiv span.playme, .mediaPlayerDiv span.playme {
    left: 10px; }

  .videoPlayerDiv em, .mediaPlayerDiv em {
    left: 38px; }

  .mediaPlayerDiv.speed div.speed span:nth-child(2) {
    width: 34px; }

  .load_Splash .loader {
    -webkit-transform: translateZ(0) translateY(0%) translateX(-50%) scale(0.18);
    -ms-transform: translateZ(0) translateY(0%) translateX(-50%) scale(0.18);
    transform: translateZ(0) translateY(0%) translateX(-50%) scale(0.18);
    position: absolute;
    bottom: 3px;
    left: 50%;
    margin: 0 auto; }

  section menu .cont_scroll ul li a {
    width: 40px; }

  .wrap-bar-icons .menubar-icon.audiobook {
    position: absolute;
    left: -40px;
    top: 0; }
    .wrap-bar-icons .menubar-icon.audiobook.p2 {
      left: auto;
      right: -40px; }
    .wrap-bar-icons .menubar-icon.audiobook:hover {
      background: transparent; } }
/* OLD BROWSER */
.old_browser {
  font-family: "arial", helvetica, sans-serif;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999999999999999999;
  background: #fff;
  top: 0;
  left: 0;
  overflow: auto;
  color: #666;
  display: none; }

.ios.opera .old_browser,
.ie6 .old_browser,
.ie7 .old_browser,
.ie8 .old_browser,
.ie9 .old_browser,
.ie10 .old_browser,
.android.safari4 .old_browser {
  display: block; }

.ios.mobile .old_browser .opera,
.ios.mobile .old_browser .firefox,
.ios.mobile .old_browser .edge,
.ios.mobile .old_browser .ie,
.ios.tablet .old_browser .opera,
.ios.tablet .old_browser .firefox,
.ios.tablet .old_browser .edge,
.ios.tablet .old_browser .ie {
  display: none; }

.android.mobile .old_browser .opera,
.android.mobile .old_browser .firefox,
.android.mobile .old_browser .edge,
.android.mobile .old_browser .safari,
.android.mobile .old_browser .ie,
.android.tablet .old_browser .opera,
.android.tablet .old_browser .firefox,
.android.tablet .old_browser .edge,
.android.tablet .old_browser .safari,
.android.tablet .old_browser .ie {
  display: none; }

.windowsphone.mobile .old_browser .opera,
.windowsphone.mobile .old_browser .firefox,
.windowsphone.mobile .old_browser .chrome,
.windowsphone.mobile .old_browser .safari,
.windowsphone.mobile .old_browser .ie,
.windows.tablet .old_browser .opera,
.windows.tablet .old_browser .firefox,
.windows.tablet .old_browser .chrome,
.windows.tablet .old_browser .safari,
.windows.tablet .old_browser .ie {
  display: none; }

.windowsphone.mobile .old_browser br.visible-sm,
.windows.tablet .old_browser br.visible-sm,
.android.mobile .old_browser br.visible-sm,
.android.tablet .old_browser br.visible-sm,
.ios.tablet .old_browser br.visible-sm,
.ios.mobile .old_browser br.visible-sm {
  display: none !important; }

.old_browser a {
  color: #666; }

.qzq {
  padding: 40px 0;
  margin: 0 auto;
  max-width: 800px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif; }

.qzq h2 {
  padding: 0 25px;
  padding-top: 70px; }

.qzq p {
  padding: 20px 16px 0 16px; }

a.bro {
  display: inline-block;
  margin: 30px 10px 0 10px;
  font-weight: bold;
  width: 112px;
  font-size: 14px;
  color: #666; }

a.bro img {
  display: block;
  margin: 0 auto; }

section.access .logincolor .contact_privacy {
  padding-bottom: 30px; }

section.access .logincolor .contact_privacy label.materialcheckbox {
  font-size: 10px;
  color: #888;
  font-weight: 300;
  padding-left: 26px; }

section.access .logincolor .contact_privacy label.materialcheckbox:before {
  top: 2px; }

section.access .logincolor fieldset.material {
  margin-bottom: 30px; }

input[type=checkbox]:checked + label:before {
  border-color: #e54a1b;
  background-color: #e54a1b;
  background-image: url("../img/materialicon/check_w.svg"); }

input[type=radio]:checked + label:before {
  background: #e54a1b url("../img/materialicon/check_w.svg") no-repeat center center/contain;
  border-color: #e54a1b; }

fieldset.material hr {
  background: #e54a1b; }

section.access .logincolor fieldset.material label,
section.access .logincolor textarea, input[type="text"], section.access .logincolor input[type="email"], section.access .logincolor input[type="password"] {
  color: #888888;
  font-size: 12px;
  border-color: #888; }

fieldset.material textarea:focus ~ label, fieldset.material textarea.valid ~ label, fieldset.material input:focus ~ label, fieldset.material input.valid ~ label {
  color: #e54a1b !important; }

section.access .logincolor .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
  margin-top: 16px; }

section.access .logincolor .materialSelect .bootstrap-select .btn:hover, section.access .logincolor .materialSelect .bootstrap-select .btn {
  border-bottom: solid 1px #888;
  height: 34px; }

section.access .logincolor .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 12px;
  line-height: 30px; }

.ricerca fieldset.material {
  margin-bottom: 0px;
  display: inline-block; }

.ricerca fieldset.material {
  /*img{
      position: absolute;
      left:0;
      top:0;
  }*/ }
  .ricerca fieldset.material input {
    margin-top: 0;
    font-size: 10px;
    line-height: 20px;
    color: #888;
    font-weight: 300;
    width: 270px;
    border: 2px solid #d5d3d3;
    background: #FFF;
    padding: 3px 15px 3px 35px;
    background: url("../img/icon/cerca.svg") no-repeat 5px center;
    background-color: #FFF;
    background-size: 20px 20px; }
    .ricerca fieldset.material input::-webkit-input-placeholder {
      color: #888; }
    .ricerca fieldset.material input::-moz-placeholder {
      color: #888; }
    .ricerca fieldset.material input:-ms-input-placeholder {
      color: #888; }
    .ricerca fieldset.material input:-moz-placeholder {
      color: #888; }

.popup-row.last:before {
  position: absolute;
  content: "";
  border-bottom: 1px solid transparent !important;
  width: 94%;
  bottom: 0;
  left: 3%; }

.popup-row label {
  color: transparent;
  padding-left: 15px; }

#sfondo label {
  position: relative;
  top: 5px; }

.bookmarksAdd {
  background: rgba(0, 0, 0, 0.15) !important; }

.animated {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.perc33 {
  width: 33%;
  text-align: center; }

.perc33 a {
  padding: 10px 0 !important; }

#loadingOverlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 400ms, width 0ms 400ms;
  -moz-transition: opacity 400ms, width 0ms 400ms;
  -ms-transition: opacity 400ms, width 0ms 400ms;
  -o-transition: opacity 400ms, width 0ms 400ms;
  transition: opacity 400ms, width 0ms 400ms;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  overflow: hidden; }

.isloading #loadingOverlay {
  width: 100%;
  -webkit-transition: opacity 400ms, width 0ms 0ms;
  -moz-transition: opacity 400ms, width 0ms 0ms;
  -ms-transition: opacity 400ms, width 0ms 0ms;
  -o-transition: opacity 400ms, width 0ms 0ms;
  transition: opacity 400ms, width 0ms 0ms;
  opacity: 1; }

#loadingOverlay svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  display: none; }

.isloading #loadingOverlay svg {
  display: block; }

#popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: height 0s 350ms, opacity 300ms; }
  #popup .header-popup {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 32px;
    background: #FFF;
    color: #e54a1b;
    padding: 8px;
    text-align: Center;
    border-bottom: 1px solid #e7e6e6; }
    #popup .header-popup > a {
      color: #e54a1b; }
    #popup .header-popup > a > * {
      vertical-align: middle; }
    #popup .header-popup a span {
      padding-left: 10px; }
  #popup iframe {
    position: absolute;
    left: 0;
    top: 32px;
    width: 100%;
    height: calc(100% - 32px);
    background: #FFFFFF;
    border: 0;
    padding: 0; }

.ispopup #popup {
  height: 100%;
  opacity: 1;
  transition: height 0s, opacity 300ms; }

#popup .header-popup a {
  position: absolute;
  left: 4px;
  top: 5px;
  width: 174px;
  height: 14px;
  text-align: left; }
  #popup .header-popup a img {
    width: 14px;
    height: 14px; }

.page_box.noImage.hover {
  background-color: rgba(229, 74, 27, 0.25); }

.page_box.MToolTip::after {
  display: none !important; }

.text_tool_is_active .page_box {
  pointer-events: none !important; }

.fscreenme {
  cursor: pointer;
  height: 22px;
  width: 22px;
  display: block;
  position: absolute;
  right: 20px;
  bottom: 9px;
  background: url(../img/icon/vidfullscreen.svg) no-repeat center center/100% 100%; }

.subtitlesBtn {
  cursor: pointer;
  height: 22px;
  width: 22px;
  position: absolute;
  right: 50px;
  bottom: 9px;
  background: url(../img/icon/subtitle.svg) no-repeat center center/100% 100%;
  display: none; }

.popupvideoplayer.subs .subtitlesBtn {
  display: block;
  opacity: 0.4; }

.popupvideoplayer.subs.subsEnabled .subtitlesBtn {
  opacity: 1; }

.popupvideoplayer .subtitles {
  display: none;
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  padding: 15px;
  font-size: 18px; }

.popupvideoplayer.subs.subsEnabled .subtitles {
  display: block; }

.popupvideoplayer:fullscreen {
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: none; }

.popupvideoplayer:-webkit-full-screen {
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: none; }

.popupvideoplayer:-moz-full-screen {
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: none; }

.popupvideoplayer:-ms-fullscreen {
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: none; }

.popupvideoplayer:fullscreen video {
  max-height: none;
  max-width: none;
  height: 100%; }

.popupvideoplayer:-webkit-full-screen video {
  max-height: none;
  max-width: none;
  height: 100%; }

.popupvideoplayer:-moz-full-screen video {
  max-height: none;
  max-width: none;
  height: 100%; }

.popupvideoplayer:-ms-fullscreen video {
  max-height: none;
  max-width: none;
  height: 100%; }

.popupvideoplayer:fullscreen .videoPlayerDiv {
  position: absolute;
  height: 100%;
  padding: 38px 0 38px 0;
  background: #fff;
  border: none; }

.popupvideoplayer:-webkit-full-screen .videoPlayerDiv {
  position: absolute;
  height: 100%;
  padding: 38px 0 38px 0;
  background: #fff;
  border: none; }

.popupvideoplayer:-moz-full-screen .videoPlayerDiv {
  position: absolute;
  height: 100%;
  padding: 38px 0 38px 0;
  background: #fff;
  border: none; }

.popupvideoplayer:-ms-fullscreen .videoPlayerDiv {
  position: absolute;
  height: 100%;
  padding: 38px 0 38px 0;
  background: #fff;
  border: none; }

body.isOpenPopup .mediaPlayerDiv, body .issplash .mediaPlayerDiv {
  left: 0;
  width: 100%;
  z-index: 10000;
  bottom: -50px;
  transition: bottom 600ms, z-index 0s 600ms; }

body.isOpenPopup .mediaPlayerDiv.audioUp, body .issplash .mediaPlayerDiv.audioUp {
  bottom: 0;
  transition: bottom 600ms; }

body.mainToolbarHidden .mediaPlayerDiv {
  left: 0;
  width: 100%; }

.popupvideoplayer:fullscreen .fscreenme {
  background: url(../img/icon/novidfullscreen.svg) no-repeat center center/100% 100%; }

.popupvideoplayer:-webkit-full-screen .fscreenme {
  background: url(../img/icon/novidfullscreen.svg) no-repeat center center/100% 100%; }

.popupvideoplayer:-moz-full-screen .fscreenme {
  background: url(../img/icon/novidfullscreen.svg) no-repeat center center/100% 100%; }

.popupvideoplayer:-ms-fullscreen .fscreenme {
  background: url(../img/icon/novidfullscreen.svg) no-repeat center center/100% 100%; }

.popupvideoplayer .closevideo {
  position: absolute;
  right: 12px;
  top: 12px; }

.popupWindow {
  position: fixed;
  top: -100%;
  left: 50%;
  opacity: 0;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: top 0ms 600ms, opacity 600ms;
  z-index: 999;
  /* border: solid 1px #ccc; */
  overflow: auto;
  height: auto;
  width: 90%;
  max-height: 600px;
  max-width: 340px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.popoverlay {
  display: block;
  position: fixed;
  background: #000;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  z-index: 800;
  transition: opacity 600ms, height 0ms 600ms; }

.isvideoplayer .popoverlay,
.isalert .popoverlay,
.isdoc .popoverlay,
.isnuovapresentazione .popoverlay,
.isnuovaslide .popoverlay,
.isconfirm .popoverlay,
.ispopuptextBG .popoverlay,
.isprompt .popoverlay,
.issearch .popoverlay,
.iscropimg .popoverlay,
.ismicrecord .popoverlay {
  height: 100%;
  opacity: 0.7;
  transition: opacity 400ms; }

.isalert .popupalert,
.isconfirm .popupconfirm,
.isdoc .popupdoc,
.isnuovapresentazione .popupnuovapresentazione,
.isnuovaslide .popupnuovaslide,
.ispopuptextBG .popupPageTextBackground,
.isprompt .popupprompt,
.ismicrecord .popupmicrecord,
.iscropimg .popupcropimg,
.issearch .popupsearch {
  opacity: 1;
  top: 50%;
  transition: top 800ms, opacity 400ms 400ms; }

.popupsearch {
  overflow: hidden; }
  .popupsearch .cont_search {
    height: 600px; }
  .popupsearch .bodyalert {
    padding: 15px;
    height: 550px;
    overflow: auto; }
    .popupsearch .bodyalert .risultato_ricerca_nel_book {
      margin-bottom: 15px; }

.popupdoc {
  padding-bottom: 12px;
  /*padding-top:10px;*/
  padding-top: 0;
  min-height: 150px;
  border: none;
  overflow: hidden;
  height: 80%;
  max-height: 600px;
  width: 430px;
  max-width: 100%; }
  .popupdoc .btnbook {
    position: absolute;
    bottom: auto;
    right: 0;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    border-top: solid 1px #bcbaba;
    background: #1b4996;
    color: #fff; }
  .popupdoc .cont_listindex {
    height: calc(100% - 40px);
    overflow: auto; }
  .popupdoc ul.thisisindex {
    padding: 24px 24px 0 24px;
    font-size: 14px; }
    .popupdoc ul.thisisindex li {
      list-style-type: none;
      padding: 10px 0;
      border-top: solid 1px #eae9e9;
      padding-right: 96px;
      position: relative; }
      .popupdoc ul.thisisindex li:first-child {
        border-top: 0; }
      .popupdoc ul.thisisindex li .linkPresentation img {
        display: none; }
      .popupdoc ul.thisisindex li .linkPresentation strong {
        font-weight: 200; }
      .popupdoc ul.thisisindex li span {
        position: absolute;
        right: 0; }
        .popupdoc ul.thisisindex li span a.isbtn {
          display: inline-block;
          width: 30px; }
        .popupdoc ul.thisisindex li span img {
          margin: 0 4px; }
  .popupdoc .btn_doc {
    margin-top: 26px; }
    .popupdoc .btn_doc a {
      display: inline-block;
      width: 120px;
      height: 70px;
      background: #ececec;
      margin: 0 4px; }
    .popupdoc .btn_doc ul {
      margin: 0;
      list-style: none;
      display: inline-block;
      padding: 14px 0; }
      .popupdoc .btn_doc ul li {
        font-size: 10px;
        padding-bottom: 5px; }

.popupnuovapresentazione, .popupnuovaslide {
  width: 90%;
  max-width: 668px; }

.popupnuovaslide .bodynuovaslide {
  padding-top: 16px;
  padding-bottom: 16px; }

.popupnuovapresentazione .bodynuovapresentazione input {
  margin-bottom: 16px; }

.box_presentazioni > p > a {
  width: 87%;
  height: auto;
  background-color: #e54a1b;
  left: 0;
  padding: 10px 0;
  color: #fff;
  font-weight: 200;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center; }

.box_presentazioni .box {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 130px;
  margin: 5px;
  padding: 4px;
  background: #888888;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  transition: background-color 300ms; }
  .box_presentazioni .box[data-box="6"], .box_presentazioni .box[data-box="7"] {
    display: none; }
  .box_presentazioni .box .trash {
    position: absolute;
    top: auto;
    right: 12px;
    bottom: 12px;
    font-size: 18px;
    width: 20px;
    height: 22px;
    background: url("../img/icon/remove_db.svg") center center no-repeat/contain; }
  .box_presentazioni .box.active {
    background: #e54a1b;
    transition: background-color 300ms; }
  .box_presentazioni .box span.ico_testo {
    /*content:"T";
display: block;
position: static;*/
    background-image: url("../img/icon/text-box.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 52px 52px; }
  .box_presentazioni .box span.ico_media {
    background-image: url("../img/icon/media-box.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 34px 34px;
    /*content:"T";*/
    /*font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
content: "\e060";
display: block;
position: static;*/ }
  .box_presentazioni .box span.ico_aggiungi::after {
    content: "+";
    display: block;
    position: static;
    color: #888888; }
  .box_presentazioni .box span {
    float: left;
    background: #EEE;
    font-size: 22px; }
  .box_presentazioni .box span.h100 {
    height: 100%;
    line-height: 120px; }
  .box_presentazioni .box span.h50 {
    height: 50%;
    line-height: 60px; }
  .box_presentazioni .box span.h33 {
    height: 33.33%;
    line-height: calc(120px / 100 * 33.33); }
  .box_presentazioni .box span.w100 {
    width: 100%; }
  .box_presentazioni .box span.w50 {
    width: 50%; }

.box > span.h100.w50 {
  border-right: solid 4px #888888; }

.box_presentazioni .box span.h100 {
  height: 100%;
  line-height: 122px; }

span.h50.w50.ico_media:nth-child(4) {
  border-left: solid 4px #888888; }

span.h50.w50.ico_media:nth-child(2) {
  border-bottom: solid 4px #888888;
  border-left: solid 4px #888888; }

span.h50.w50.ico_media:first-child {
  border-bottom: solid 4px #888888; }

.box[data-box="2"] span.h100.w50.ico_testo {
  border-right: 0; }

.box[data-box="3"] .h50.w50.ico_media {
  border-left: 0; }

.box[data-box="4"] .h50.w100.ico_testo {
  border-bottom: solid 4px #888888; }

.box[data-box="4"] span.h50.w50.ico_media:nth-child(2) {
  border-right: solid 4px #888888;
  border-left: 0;
  border-bottom: 0; }

.box[data-box="5"] .ico_media:last-child {
  border-right: 0; }

.box[data-box="6"] span.h33.w100.ico_testo:nth-child(1) {
  border-bottom: solid 4px #888888; }

.box[data-box="6"] span.h33.w50.ico_media:nth-child(2) {
  border-right: solid 4px #888888; }

.box[data-box="6"] span.h33.w100.ico_testo:nth-child(4) {
  border-top: solid 4px #888888; }

.presentation_br {
  border-right: solid 1px #d0cfcf; }

.presentation_bt {
  border-top: solid 1px #d0cfcf; }

.presentation_bl {
  border-left: solid 1px #d0cfcf; }

.presentation_bb {
  border-bottom: solid 1px #d0cfcf; }

.presentation_arrow_right_white {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 8px;
  border-color: transparent transparent transparent #FFF;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px; }

.presentation_preview_page_media {
  top: 60px !important;
  height: calc(100% - 60px) !important; }

.wrap-file-upload {
  position: absolute;
  width: 100%;
  top: 0;
  height: 60px;
  bottom: auto;
  /*top: 5px;*/
  text-align: center;
  z-index: 9999; }

.wrap-file-upload input {
  display: none; }

.wrap-file-upload label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
  margin-top: 4px;
  cursor: pointer;
  background-color: #e54a1b;
  width: 106px; }

.wrap-file-upload input {
  cursor: pointer;
  width: 50px;
  height: 50px; }

.wrap-file-upload label img {
  width: 35px;
  height: 35px;
  padding: 6px;
  cursor: pointer; }

.wrap-file-upload label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
  margin-top: 4px;
  cursor: pointer;
  background-color: #e54a1b;
  width: auto;
  color: #fff;
  font-weight: lighter;
  padding: 2px 6px 2px 14px;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -57px; }

.wrap-file-upload label {
  margin-left: -80px;
  color: transparent;
  background-color: transparent;
  background: url("../img/icon/media-box.svg") no-repeat center center/contain;
  display: block;
  width: 80px;
  height: 50px;
  top: 0;
  margin-top: 5px; }
  .wrap-file-upload label img {
    display: none; }

.wrap-file-upload label + label {
  margin-left: -10px;
  background: url("../img/icon/photo-box.svg") no-repeat center center/contain; }

.btn-file-upload span {
  vertical-align: middle; }

.wrap-file-upload {
  position: absolute;
  width: 100%;
  bottom: 5px;
  text-align: center;
  z-index: 9999; }

.popupcropimg {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  max-height: none;
  height: 100%;
  z-index: 1000; }
  .popupcropimg .bodycropimg {
    height: calc(100% - 94px);
    background: #f1f1f1; }
  .popupcropimg .bodycropimg img {
    max-height: 100%;
    margin: 0 auto; }
  .popupcropimg .footercropimg {
    height: 44px;
    border-top: solid 1px #f1f1f1;
    background: #fff;
    padding: 11px 0; }
  .popupcropimg .footercropimg a {
    font-size: 14px;
    line-height: 22px;
    color: #e54a1b;
    text-transform: uppercase;
    display: inline-block; }
  .popupcropimg .footercropimg input {
    width: 64px;
    margin: 0;
    margin-left: 15px;
    margin-right: 15px;
    border: 0;
    background: none;
    color: #e54a1b;
    display: inline-block;
    padding: 0;
    line-height: 23px;
    vertical-align: top;
    text-align: center; }
  .popupcropimg .cropper-bg {
    background: none !important; }
  .popupcropimg .close-popup {
    top: 13px !important; }

#overlay .footer .mediaPlayerDiv {
  bottom: -46px;
  z-index: 1; }

#overlay .footer .mediaPlayerDiv.audioUp {
  bottom: 0px;
  transition: bottom 600ms;
  animation: none;
  left: 0;
  width: 100%; }

.popupWindow .headnotify {
  background-color: #e54a1b;
  text-align: center;
  padding: 3px 0; }

.popupWindow .headnotify p, .popupWindow .headnotify h4 {
  font-size: 17px;
  font-weight: 200;
  letter-spacing: 0px;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  margin-top: 10px;
  margin-bottom: 10px; }

.popupWindow .headnotify .close-popup {
  position: absolute;
  right: 20px;
  cursor: pointer;
  top: 11px;
  padding: 0 0 0 14px; }

.popupWindow .headnotify .close-popup figure img {
  width: 12px;
  height: auto; }

.popupWindow .body {
  padding: 10px 0; }

.popupWindow.popupalert .body {
  padding: 10px; }

.popupWindow .body .popup-row {
  margin-top: 5px;
  margin-bottom: 5px; }

.popupWindow .body p {
  /*position: relative;
  top: 5px;*/
  font-size: 13px;
  margin: 0;
  font-weight: 100; }

.popupWindow .squareBtn {
  width: 100%;
  height: auto;
  background-color: #e54a1b;
  /*border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;*/
  left: 0;
  padding: 10px 0;
  color: #fff;
  font-weight: 200;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center; }

.popupconfirm button {
  display: inline-block; }

.popupList {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .popupList .header-popup {
    height: 40px;
    background-color: #e54a1b;
    text-align: center;
    padding: 3px 0; }
    .popupList .header-popup h4 {
      font-size: 17px;
      font-weight: 200;
      letter-spacing: 0px;
      color: #fff;
      font-family: "Roboto Condensed", sans-serif;
      margin: 8px auto; }
    .popupList .header-popup .close-popup {
      position: absolute;
      right: 11px;
      cursor: pointer;
      top: 2px;
      padding: 9px; }
      .popupList .header-popup .close-popup img {
        width: 12px;
        height: auto; }
  .popupList .content-popup {
    padding-top: 10px;
    height: calc(100vh - 40px);
    max-height: none;
    padding-bottom: 10px;
    background: #FFF;
    overflow-y: auto;
    overflow-x: hidden; }
    .popupList .content-popup ul {
      padding: 0;
      margin: 0;
      border: none !important;
      list-style: none;
      display: block; }
      .popupList .content-popup ul li {
        width: 100% !important;
        display: block !important;
        border-bottom: solid 1px #e6e6e6;
        height: auto;
        padding: 10px 0 6px 0; }
    .popupList .content-popup > .mediaPlayerDiv {
      left: 0;
      width: 100%;
      bottom: -50px; }
      .popupList .content-popup > .mediaPlayerDiv.audioUp {
        bottom: 0; }

.noTransition {
  transition: none !important; }

/*.dsa-text #sfondo
  {
    height: 285px;
    overflow: auto;
  }*/
body.disable_img #dsa_content img {
  display: none !important; }

#dsa-book {
  font-family: Verdana, serif;
  line-height: 1.25; }

body.font_dsa_opendyslexic #dsa-book {
  font-family: 'OpenDyslexic', serif; }

body.font_dsa_times #dsa-book {
  font-family: Times, serif; }

body.dimensione_dsa_maiuscolo #dsa-book {
  text-transform: uppercase; }

body.dimensione_dsa_minuscolo #dsa-book {
  text-transform: lowercase; }

body.interlinea_dsa_150 #dsa-book {
  line-height: 1.5; }

body.interlinea_dsa_200 #dsa-book {
  line-height: 2; }

body.sfondo_dsa_bsn #dsa-book {
  background-color: #000;
  color: #FFF; }

body.sfondo_dsa_nsg #dsa-book {
  background-color: #fbf5bc; }

body.sfondo_dsa_nsc #dsa-book {
  background-color: #cee9eb; }

#dsa-menu-left-bar #disabilita-img-dsa.menubar-icon a + a {
  display: none; }

body.disable_img #dsa-menu-left-bar #disabilita-img-dsa.menubar-icon a {
  display: none; }

body.disable_img #dsa-menu-left-bar #disabilita-img-dsa.menubar-icon a + a {
  display: flex; }

body[data-righe-quaderno] div.text_tool_plugin_div {
  background-position: center;
  background-size: 100% auto; }

body > div.text_tool_plugin_div .note-editor.note-frame {
  border: 0;
  margin-bottom: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100% !important;
  height: 100% !important; }

body > div.text_tool_plugin_div .note-toolbar.panel-heading {
  height: 42px; }

@media (max-width: 1200px) {
  body > div.text_tool_plugin_div .note-toolbar.panel-heading .btn-sm {
    padding: 5px 5px; } }
body > div.text_tool_plugin_div .note-editor.note-frame > .note-editing-area {
  height: calc(100% - 40px); }

body > div.text_tool_plugin_div > div > .note-editor.note-frame .note-statusbar {
  display: none; }

div.text_tool_plugin_div .note-editor.note-frame .note-editing-area .note-editable {
  height: 100%; }

body[data-righe-quaderno] > div.text_tool_plugin_div > div > .note-editor.note-frame .note-editing-area .note-editable {
  padding-left: 60px;
  padding-right: 60px; }

body[data-righe-quaderno] > div.text_tool_plugin_div > div > .note-editor.note-frame .note-editing-area .note-editable,
body[data-righe-quaderno] > div.text_tool_plugin_div > div > .note-editor.note-frame.panel {
  background-color: transparent; }

body[data-righe-quaderno="1"] div.text_tool_plugin_div {
  background-image: url("../img/quaderno/1.svg"); }

body[data-righe-quaderno="2"] div.text_tool_plugin_div {
  background-image: url("../img/quaderno/2.svg"); }

body[data-righe-quaderno="3"] div.text_tool_plugin_div {
  background-image: url("../img/quaderno/3.svg"); }

body[data-righe-quaderno="4"] div.text_tool_plugin_div {
  background-image: url("../img/quaderno/4.svg"); }

body[data-righe-quaderno="5"] div.text_tool_plugin_div {
  background-image: url("../img/quaderno/5.svg"); }

body[data-righe-quaderno="6"] div.text_tool_plugin_div {
  background-image: url("../img/quaderno/6.svg"); }

body[data-sfondo-quaderno="cyano"] div.text_tool_plugin_div {
  background-color: #e0f1f9; }

body[data-dsa-em="1"] #inner-dsa-book #dsa_content h1 {
  font-size: 36px; }

body[data-dsa-em="1"] #inner-dsa-book #dsa_content h2 {
  font-size: 30px; }

body[data-dsa-em="1"] #inner-dsa-book #dsa_content h3 {
  font-size: 24px; }

body[data-dsa-em="1"] #inner-dsa-book #dsa_content h4 {
  font-size: 18px; }

body[data-dsa-em="1"] #inner-dsa-book #dsa_content h5 {
  font-size: 14px; }

body[data-dsa-em="1"] #inner-dsa-book #dsa_content h6 {
  font-size: 12px; }

body[data-dsa-em="0.75"] #inner-dsa-book #dsa_content {
  font-size: 10.5px; }

body[data-dsa-em="0.75"] #inner-dsa-book #dsa_content h1 {
  font-size: 27px; }

body[data-dsa-em="0.75"] #inner-dsa-book #dsa_content h2 {
  font-size: 22.5px; }

body[data-dsa-em="0.75"] #inner-dsa-book #dsa_content h3 {
  font-size: 18px; }

body[data-dsa-em="0.75"] #inner-dsa-book #dsa_content h4 {
  font-size: 13.5px; }

body[data-dsa-em="0.75"] #inner-dsa-book #dsa_content h5 {
  font-size: 10.5px; }

body[data-dsa-em="0.75"] #inner-dsa-book #dsa_content h6 {
  font-size: 9px; }

body[data-dsa-em="1.25"] #inner-dsa-book #dsa_content {
  font-size: 17.5px; }

body[data-dsa-em="1.25"] #inner-dsa-book #dsa_content h1 {
  font-size: 45px; }

body[data-dsa-em="1.25"] #inner-dsa-book #dsa_content h2 {
  font-size: 37.5px; }

body[data-dsa-em="1.25"] #inner-dsa-book #dsa_content h3 {
  font-size: 30px; }

body[data-dsa-em="1.25"] #inner-dsa-book #dsa_content h4 {
  font-size: 22.5px; }

body[data-dsa-em="1.25"] #inner-dsa-book #dsa_content h5 {
  font-size: 17.5px; }

body[data-dsa-em="1.25"] #inner-dsa-book #dsa_content h6 {
  font-size: 15px; }

body[data-dsa-em="1.5"] #inner-dsa-book #dsa_content {
  font-size: 21px; }

body[data-dsa-em="1.5"] #inner-dsa-book #dsa_content h1 {
  font-size: 54px; }

body[data-dsa-em="1.5"] #inner-dsa-book #dsa_content h2 {
  font-size: 45px; }

body[data-dsa-em="1.5"] #inner-dsa-book #dsa_content h3 {
  font-size: 36px; }

body[data-dsa-em="1.5"] #inner-dsa-book #dsa_content h4 {
  font-size: 27px; }

body[data-dsa-em="1.5"] #inner-dsa-book #dsa_content h5 {
  font-size: 21px; }

body[data-dsa-em="1.5"] #inner-dsa-book #dsa_content h6 {
  font-size: 18px; }

body[data-dsa-em="1.75"] #inner-dsa-book #dsa_content {
  font-size: 24.5px; }

body[data-dsa-em="1.75"] #inner-dsa-book #dsa_content h1 {
  font-size: 63px; }

body[data-dsa-em="1.75"] #inner-dsa-book #dsa_content h2 {
  font-size: 52.5px; }

body[data-dsa-em="1.75"] #inner-dsa-book #dsa_content h3 {
  font-size: 42px; }

body[data-dsa-em="1.75"] #inner-dsa-book #dsa_content h4 {
  font-size: 31.5px; }

body[data-dsa-em="1.75"] #inner-dsa-book #dsa_content h5 {
  font-size: 24.5px; }

body[data-dsa-em="1.75"] #inner-dsa-book #dsa_content h6 {
  font-size: 21px; }

body[data-dsa-em="2"] #inner-dsa-book #dsa_content {
  font-size: 28px; }

body[data-dsa-em="2"] #inner-dsa-book #dsa_content h1 {
  font-size: 72px; }

body[data-dsa-em="2"] #inner-dsa-book #dsa_content h2 {
  font-size: 60px; }

body[data-dsa-em="2"] #inner-dsa-book #dsa_content h3 {
  font-size: 48px; }

body[data-dsa-em="2"] #inner-dsa-book #dsa_content h4 {
  font-size: 36px; }

body[data-dsa-em="2"] #inner-dsa-book #dsa_content h5 {
  font-size: 28px; }

body[data-dsa-em="2"] #inner-dsa-book #dsa_content h6 {
  font-size: 24px; }

body[data-dsa-em="2.25"] #inner-dsa-book #dsa_content {
  font-size: 31.5px; }

body[data-dsa-em="2.25"] #inner-dsa-book #dsa_content h1 {
  font-size: 81px; }

body[data-dsa-em="2.25"] #inner-dsa-book #dsa_content h2 {
  font-size: 67.5px; }

body[data-dsa-em="2.25"] #inner-dsa-book #dsa_content h3 {
  font-size: 54px; }

body[data-dsa-em="2.25"] #inner-dsa-book #dsa_content h4 {
  font-size: 40.5px; }

body[data-dsa-em="2.25"] #inner-dsa-book #dsa_content h5 {
  font-size: 31.5px; }

body[data-dsa-em="2.25"] #inner-dsa-book #dsa_content h6 {
  font-size: 27px; }

body[data-dsa-em="2.5"] #inner-dsa-book #dsa_content {
  font-size: 35px; }

body[data-dsa-em="2.5"] #inner-dsa-book #dsa_content h1 {
  font-size: 90px; }

body[data-dsa-em="2.5"] #inner-dsa-book #dsa_content h2 {
  font-size: 75px; }

body[data-dsa-em="2.5"] #inner-dsa-book #dsa_content h3 {
  font-size: 60px; }

body[data-dsa-em="2.5"] #inner-dsa-book #dsa_content h4 {
  font-size: 45px; }

body[data-dsa-em="2.5"] #inner-dsa-book #dsa_content h5 {
  font-size: 35px; }

body[data-dsa-em="2.5"] #inner-dsa-book #dsa_content h6 {
  font-size: 30px; }

body[data-dsa-em="2.75"] #inner-dsa-book #dsa_content {
  font-size: 38.5px; }

body[data-dsa-em="2.75"] #inner-dsa-book #dsa_content h1 {
  font-size: 99px; }

body[data-dsa-em="2.75"] #inner-dsa-book #dsa_content h2 {
  font-size: 82.5px; }

body[data-dsa-em="2.75"] #inner-dsa-book #dsa_content h3 {
  font-size: 66px; }

body[data-dsa-em="2.75"] #inner-dsa-book #dsa_content h4 {
  font-size: 49.5px; }

body[data-dsa-em="2.75"] #inner-dsa-book #dsa_content h5 {
  font-size: 38.5px; }

body[data-dsa-em="2.75"] #inner-dsa-book #dsa_content h6 {
  font-size: 33px; }

body[data-dsa-em="3"] #inner-dsa-book #dsa_content {
  font-size: 42px; }

body[data-dsa-em="3"] #inner-dsa-book #dsa_content h1 {
  font-size: 108px; }

body[data-dsa-em="3"] #inner-dsa-book #dsa_content h2 {
  font-size: 90px; }

body[data-dsa-em="3"] #inner-dsa-book #dsa_content h3 {
  font-size: 72px; }

body[data-dsa-em="3"] #inner-dsa-book #dsa_content h4 {
  font-size: 54px; }

body[data-dsa-em="3"] #inner-dsa-book #dsa_content h5 {
  font-size: 42px; }

body[data-dsa-em="3"] #inner-dsa-book #dsa_content h6 {
  font-size: 36px; }

#top-menu-bar, #bottom-menu-bar, #left-menu-bar, #dsa-menu-left-bar {
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                supported by Chrome and Opera */ }

.popupPageTextBackground .divider {
  position: Relative;
  height: 16px; }

.popupPageTextBackground .divider::after {
  background: #e54a1b;
  height: 4px;
  margin-bottom: 5px;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -2px;
  content: ''; }

.conferma_modifica_pagina {
  cursor: pointer; }

body > .text_tool_plugin_div {
  position: fixed;
  left: 50px;
  top: 50px;
  bottom: 50px;
  width: calc(50% - 50px);
  background: #FFF; }
  html.ipad body > .text_tool_plugin_div {
    bottom: 76px; }
  html.cordova body > .text_tool_plugin_div {
    bottom: 50px; }

input[type=checkbox], input[type=radio] {
  display: none; }

body.text_tool_is_active .btnDoublePage, body.text_tool_is_active .btnHistoryBack {
  pointer-events: none !important;
  opacity: 0.4 !important; }

.pageContainer {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.isstrumenti #translate-area .pageContainer {
  background: #FFF; }

.isstrumenti #translate-area .pageContainer img {
  /*opacity:0.5;*/ }

.isstrumenti #gesture-area {
  background: #444; }

body.addingAttachment .pageContainer {
  cursor: crosshair; }

.attachmentButton {
  background-color: #e54a1b; }

.attachmentButton .squareBtn {
  font-size: 24px; }

.menubar-icon, .menubar-icon *, .pagearrow-icon, .pagearrow-icon * {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none; }

body.isSpotlight .print,
body.isSpotlight .wrap-center-pageindex,
body.isSpotlight .btnHistoryBack,
body.isSpotlight .btnSinglePage,
body.isSpotlight .btnDoublePage,
body.isSpotlight #show-thumb,
body.isSpotlight #top-menu-bar .menubar-icon,
body.isSpotlight .open-toolbar,
body.isSpotlight .finestra {
  opacity: 0.4 !important;
  pointer-events: none !important; }

body.isFinestra .print,
body.isFinestra .wrap-center-pageindex,
body.isFinestra .btnHistoryBack,
body.isFinestra .btnSinglePage,
body.isFinestra .btnDoublePage,
body.isFinestra #show-thumb,
body.isFinestra #top-menu-bar .menubar-icon,
body.isFinestra .open-toolbar,
body.isFinestra .spotlight {
  opacity: 0.4 !important;
  pointer-events: none !important; }

#overlay {
  display: block;
  background: #FFF;
  position: fixed;
  z-index: 2;
  top: -100%;
  left: 0;
  right: 0;
  bottom: 200%;
  opacity: 0;
  transition: opacity 300ms, bottom 0ms 300ms, top 0ms 300ms; }
  #overlay .header {
    background: #e54a1b;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 46px; }
    #overlay .header h1 {
      color: #fff;
      margin: 0;
      padding: 0;
      font-size: 20px; }
  #overlay .content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 46px; }
    #overlay .content .arrow-bar svg .arrow_presentation {
      fill: #e54a1b; }
  .isoverlay #overlay {
    top: 0;
    bottom: 0;
    opacity: 1;
    transition: opacity 300ms;
    z-index: 20; }
  #overlay .squareBtn {
    width: 100%;
    height: auto;
    background-color: #e54a1b;
    /*border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;*/
    left: 0;
    padding: 10px 0;
    color: #fff;
    font-weight: 200;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center; }

body.readonly .btnAddBookmark,
body.readonly .btnRemoveBookmark,
body.readonly #matita-bar .wrap-tools-icons .menubar-icon,
body.readonly .popup-content.show-markbook a:last-child,
body.readonly #clip-bar .menubar-icon {
  pointer-events: none !important;
  opacity: 0.4 !important; }

/*.pageContentPlugin.pagePluginWord button
  {
    font-size:30px;
  }

  .pageContentPlugin.pagePluginWord button i
  {
    padding:10px;
  }

  .pageContentPlugin.pagePluginWord .dropdown-menu
  {
    font-size:30px;
  }

  .pageContentPlugin.pagePluginWord .panel-heading.note-toolbar .note-color .dropdown-toggle
  {
    width:34px;
  }

  .pageContentPlugin.pagePluginWord .panel-heading.note-toolbar .note-color-palette div .note-color-btn {
    width: 40px;
    height: 40px;
  }

  .pageContentPlugin.pagePluginWord .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row {
    height: 40px;
  }

  .pageContentPlugin.pagePluginWord .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title,
  .pageContentPlugin.pagePluginWord .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{
    font-size: 30px;
  }

  .pageContentPlugin.pagePluginWord .panel-heading.note-toolbar .note-para .dropdown-menu {
    min-width: 446px;
    padding: 5px;
  }*/
.note-editor.note-frame {
  height: 100%; }

.note-editor.note-frame .note-editing-area {
  height: calc(100% - 42px); }

.note-editor.note-frame .note-editing-area .note-editable {
  height: 100%; }
  .note-editor.note-frame .note-editing-area .note-editable a {
    text-decoration: underline;
    color: #337ab7; }

.testo_presentazione a {
  text-decoration: underline;
  color: #337ab7; }

.note-editor.note-frame .note-statusbar {
  display: none; }

/*
      Colorbox Core Style:
      The following CSS is consistent between example themes and should not be altered.
  */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/*
      User Style:
      Change the following styles to modify the appearance of Colorbox.  They are
      ordered & tabbed in a way that represents the nesting of the generated HTML.
  */
#cboxOverlay {
  background: rgba(0, 0, 0, 0.25); }

#colorbox {
  outline: 0; }

#cboxContent {
  margin-top: 20px;
  background: #c0c0c0; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  border: 5px solid rgba(0, 0, 0, 0.25);
  background: #fff; }

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc; }

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc; }

#cboxLoadingGraphic {
  background: url(images/loading.svg) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff; }

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(images/controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: bottom left; }

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(images/controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: bottom right; }

#cboxClose {
  position: absolute;
  top: 10px;
  right: 3px;
  display: block;
  background: url(../img/icon/clear.svg) no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: bottom center; }

.load_Splash {
  width: 100%;
  height: 0;
  opacity: 0;
  background-color: #e7e6e6;
  background-image: url(../img/logo_appbooki.png);
  background-size: 80px auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  transition: opacity 600ms, height 0ms 600ms; }

.load_Splash .loader,
.load_Splash .loader::before,
.load_Splash .loader::after {
  border-radius: 50%; }

.load_Splash .loader {
  color: #e54a1b;
  font-size: 11px;
  text-indent: -99999em;
  margin: 55px auto;
  /*position: relative;*/
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0) translateY(200%) translateX(-50%) scale(0.18);
  -ms-transform: translateZ(0) translateY(200%) translateX(-50%) scale(0.18);
  transform: translateZ(0) translateY(200%) translateX(-50%) scale(0.18);
  position: absolute;
  bottom: 170px;
  left: 50%; }

.load_Splash .loader::before,
.load_Splash .loader::after {
  position: absolute;
  content: ''; }

.load_Splash .loader::before {
  width: 5.2em;
  height: 10.2em;
  background: #e7e6e6;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.2em 5.1em;
  transform-origin: 5.2em 5.1em;
  -webkit-animation: spinner 2s infinite ease 1.5s;
  animation: spinner 2s infinite ease 1.5s; }

.load_Splash .loader::after {
  width: 5.2em;
  height: 10.2em;
  background: #e7e6e6;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 5.1em;
  -webkit-transform-origin: 0px 5.1em;
  transform-origin: 0px 5.1em;
  -webkit-animation: spinner 2s infinite ease;
  animation: spinner 2s infinite ease; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.load_Splash p {
  width: 100%;
  position: absolute;
  bottom: 16px;
  font-size: 10px;
  text-align: center;
  margin-bottom: 0;
  opacity: 0.6; }
  .load_Splash p a {
    color: #000; }

.isloadingSpash .load_Splash {
  height: 100%;
  opacity: 1; }

html.cordova .hidden-cordova {
  display: none !important; }

html.ios .hidden-ios {
  display: none !important; }

#cameraOverlay {
  display: none; }

body.hidePages #book-container {
  visibility: hidden; }

html.isCamera {
  background: transparent !important; }
  html.isCamera body {
    background: transparent !important; }
    html.isCamera body > * {
      display: none; }
    html.isCamera body > #cameraOverlay {
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.1); }
      html.isCamera body > #cameraOverlay button.doPhoto {
        padding: 0;
        color: #fff;
        font-size: 16px;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
        text-align: center; }
        html.isCamera body > #cameraOverlay button.doPhoto svg {
          width: 15vmin;
          height: 15vmin;
          fill: rgba(255, 255, 255, 0.8);
          display: block;
          margin: 0 auto; }
      html.isCamera body > #cameraOverlay button.cancel {
        position: absolute;
        bottom: 20px;
        color: #fff;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 16px;
        padding: 10px;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); }

/*# sourceMappingURL=main.css.map */