:root {
  --gb-white-choco:#EDE7DB;
  --gb-white:#fff;
  --gb-border:#3B3E40;
  --gb-border-silver:#CCC;
  --gb-red:#d81f01;
  --gb-black: #000;
  --gb-platinum:#E8E8E8;
}

.oldBrowser {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #39b8ed url(../img/default/bg_subscribe.jpg) no-repeat bottom left/auto 88%;
}
html.web.ie8 .oldBrowser, html.web.ie9 .oldBrowser, html.web.ie10 .oldBrowser, html.web.ie11 .oldBrowser, html.web.no-supports .oldBrowser, html.web.no-flexbox .oldBrowser {
  display: block !important;
}
.oldBrowser > ul {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: 100%;
}
.oldBrowser > ul > li {
  width: 50%;
  height: 100%;
  margin-lefT: 50%;
  background: #dfe9ef;
  padding: 40px;
  position: relative;
}
.oldBrowser > ul > li img.brand_img {
  width: 115px;
  height: 52px;
}
.oldBrowser > ul > li ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 60px;
}
.oldBrowser > ul > li ul li {
  font-size: 14px;
  font-family: "open sans";
  color: #000;
}
.oldBrowser > ul > li ul li strong {
  font-family: "conduit itc";
  font-size: 20px;
}
.oldBrowser > ul > li ul li:first-child {
  font-family: "conduit itc";
  text-transform: uppercase;
  color: #39b8ed;
  font-weight: bold;
  font-size: 30px;
}
.oldBrowser > ul > li ul li:nth-child(2) {
  margin-bottom: 40px;
}
.oldBrowser > ul > li ul li:nth-child(4) {
  margin-bottom: 20px;
}
.oldBrowser > ul > li ul li:nth-child(4) a.bro {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 10px;
}
.oldBrowser > ul > li ul li:nth-child(4) a.bro img {
  width: 32px;
  height: 32px;
}
.oldBrowser > ul > li a.gb {
  position: absolute;
  bottom: 40px;
  left: 40px;
  font-size: 10px;
  text-decoration: underline;
}

.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.clearfix {
  width: 100%;
  float: none;
  clear: both;
}

@font-face {
  font-family: "open sans";
  src: url("font/opensans-regular.eot");
  src: url("font/opensans-regular.eot?#iefix") format("embedded-opentype"), url("font/opensans-regular.woff2") format("woff2"), url("font/opensans-regular.woff") format("woff"), url("font/opensans-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open sans";
  src: url("font/opensans-italic.eot");
  src: url("font/opensans-italic.eot?#iefix") format("embedded-opentype"), url("font/opensans-italic.woff") format("woff"), url("font/opensans-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "open sans";
  src: url("font/opensans-semibolditalic.eot");
  src: url("font/opensans-semibolditalic.eot?#iefix") format("embedded-opentype"), url("font/opensans-semibolditalic.woff") format("woff"), url("font/opensans-semibolditalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "open sans";
  src: url("font/opensans-semibold.eot");
  src: url("font/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("font/opensans-semibold.woff") format("woff"), url("font/opensans-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "open sans";
  src: url("font/opensans-bold.eot");
  src: url("font/opensans-bold.eot?#iefix") format("embedded-opentype"), url("font/opensans-bold.woff") format("woff"), url("font/opensans-bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "open sans";
  src: url("font/opensans-bolditalic.eot");
  src: url("font/opensans-bolditalic.eot?#iefix") format("embedded-opentype"), url("font/opensans-bolditalic.woff") format("woff"), url("font/opensans-bolditalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("font/RobotoCondensed-Bold.woff2") format("woff2"), url("font/RobotoCondensed-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("font/RobotoCondensed-Italic.woff2") format("woff2"), url("font/RobotoCondensed-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("font/RobotoCondensed-Regular.woff2") format("woff2"), url("font/RobotoCondensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("font/RobotoCondensed-BoldItalic.woff2") format("woff2"), url("font/RobotoCondensed-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
gb-bold {
  font-weight: 700;
  display: inline;
}

gb-uppercase {
  text-transform: uppercase;
  display: inline;
}

gb-lowercase {
  text-transform: lowercase;
  display: inline;
}

gb-italic {
  font-style: italic;
}

gb-highlight {
  display: inline;
  background: color-mix(in srgb, #D946EF 80%, transparent);
}

fieldset.material {
  position: relative;
  margin-bottom: 45px;
}
fieldset.material textarea,
fieldset.material input[type=text],
fieldset.material input[type=search],
fieldset.material input[type=email],
fieldset.material 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;
}
html.iphone fieldset.material textarea, html.ipad fieldset.material textarea,
html.iphone fieldset.material input[type=text],
html.ipad fieldset.material input[type=text],
html.iphone fieldset.material input[type=search],
html.ipad fieldset.material input[type=search],
html.iphone fieldset.material input[type=email],
html.ipad fieldset.material input[type=email],
html.iphone fieldset.material input[type=password],
html.ipad fieldset.material input[type=password] {
  font-size: 16px;
}
fieldset.material .ie textarea,
fieldset.material .ie input[type=text],
fieldset.material .ie input[type=email],
fieldset.material .ie input[type=password] {
  height: 30px;
}
fieldset.material label {
  position: absolute;
  top: 24px;
  left: 1px;
  font-size: 100%;
  color: #000000;
  -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 hr {
  content: " ";
  height: 1px;
  background: #213039;
  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;
  margin: 0;
}
fieldset.material img {
  display: none;
  position: absolute;
  bottom: -20px;
  right: 0;
}
fieldset.material textarea {
  resize: none !important;
}
fieldset.material textarea:focus ~ label, fieldset.material textarea:valid ~ label, fieldset.material textarea.valid ~ label {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  top: 10px;
  color: #213039;
  transition: 300ms;
}
fieldset.material textarea::-webkit-input-placeholder {
  color: #b1b1b1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
fieldset.material textarea:not(:focus)::-webkit-input-placeholder {
  color: transparent;
}
fieldset.material textarea.valid ~ hr, fieldset.material textarea:focus ~ hr, fieldset.material textarea:valid ~ hr {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  visibility: visible;
}
fieldset.material input {
  resize: none !important;
}
fieldset.material input:focus ~ label, fieldset.material input:valid ~ label, fieldset.material input.valid ~ label {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  top: 10px;
  color: #213039;
  transition: 300ms;
}
fieldset.material input::-webkit-input-placeholder {
  color: #b1b1b1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
fieldset.material input:not(:focus)::-moz-placeholder {
  color: transparent;
}
fieldset.material input::-moz-placeholder {
  color: #b1b1b1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
fieldset.material input:not(:focus)::-moz-placeholder {
  color: transparent;
}
fieldset.material input:-ms-input-placeholder {
  color: #b1b1b1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
fieldset.material input:not(:focus):-ms-input-placeholder {
  color: transparent;
}
fieldset.material input.valid ~ hr, fieldset.material input:focus ~ hr, fieldset.material input:valid ~ 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=password] {
  border-color: #c62926 !important;
}
fieldset.material.error hr {
  background: #c62926 !important;
}
fieldset.material.error img {
  display: block;
}
fieldset.material.error label {
  color: #c62926 !important;
}
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;
}
fieldset.material label.error {
  color: #c62926 !important;
}
fieldset.material textarea.error, fieldset.material input[type=text].error, fieldset.material input[type=email].error, fieldset.material input[type=password].error {
  border-color: #c62926 !important;
}
fieldset.material input[type=email]:invalid ~ hr {
  background: #c62926;
}

input[type=radio],
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: 1.7;
}
label.materialcheckbox.padre {
  font-family: "open sans", sans-serif;
  padding-left: 30px;
  font-weight: 800;
}
label.materialcheckbox.homecheck {
  font-family: "open sans", sans-serif;
  padding-left: 24px;
  font-size: 10px;
}
label.materialcheckbox:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  position: absolute;
  left: 5px;
  top: 11px;
  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=radio]:checked + label:before,
input[type=checkbox]:checked + label:before {
  background: #213039 url("../../gb/img/materialicon/check_w.svg") no-repeat center center/contain;
  border-color: #213039;
}

.error label.materialcheckbox {
  color: #c62926;
}
.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;
}

.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;
}

.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%;
}
.materialSelect .bootstrap-select {
  width: 100%;
}
.materialSelect .bootstrap-select .btn {
  width: 100%;
  margin-top: 16px;
  border-radius: 0;
  border: none;
  border-bottom: solid 1px #bcbaba;
  background: #fff;
  outline: none !important;
  box-shadow: none !important;
  height: 33px;
  font-size: 14px;
  line-height: 33px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #737373;
}
.materialSelect .bootstrap-select .btn:hover {
  border-radius: 0;
  border: none;
  border-bottom: solid 1px #bcbaba;
  background: #fff;
  outline: none !important;
  box-shadow: none !important;
  height: 33px;
  font-size: 14px;
  line-height: 33px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #737373;
}
.materialSelect .bootstrap-select .btn .caret {
  color: #737373;
}
.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;
}
.materialSelect .bootstrap-select .dropdown-menu.open {
  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;
}
.materialSelect .dropdown-menu > li > a {
  padding: 8px 20px;
}
.materialSelect .form-control {
  border-radius: 0;
  border-color: #bcbaba;
  margin-top: 0;
}
.materialSelect .form-control:focus {
  box-shadow: none !important;
}
.materialSelect .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #000;
  font-size: 14px;
}
.materialSelect .bootstrap-select.btn-group .bs-placeholder.dropdown-toggle .filter-option {
  color: #737373;
  font-size: 12px;
}
.materialSelect .dropdown-menu > .active > a, .materialSelect .dropdown-menu > .active > a:hover, .materialSelect .dropdown-menu > .active > a:focus {
  background: #fafafa;
  color: #000;
}

@keyframes openselect {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
textarea, input, button {
  box-shadow: none;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  background: none;
  border: none;
}

button {
  cursor: pointer;
  color: #000000;
}

: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: #000000;
  text-decoration: none;
}

strong, b {
  font-weight: 800;
}

*:not(translated-text) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}

::selection {
  background: rgba(0, 0, 0, 0.05);
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.05);
}

html:not(.mobile):not(.tablet) *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
html:not(.mobile):not(.tablet) *::-webkit-scrollbar-track {
  background: transparent;
  transition: height 600ms;
}
html:not(.mobile):not(.tablet) *::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}

button {
  cursor: pointer !important;
}

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

fieldset.material {
  position: relative;
  margin-bottom: 45px;
}
fieldset.material textarea,
fieldset.material input[type=text],
fieldset.material input[type=search],
fieldset.material input[type=email],
fieldset.material 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;
}
html.iphone fieldset.material textarea, html.ipad fieldset.material textarea,
html.iphone fieldset.material input[type=text],
html.ipad fieldset.material input[type=text],
html.iphone fieldset.material input[type=search],
html.ipad fieldset.material input[type=search],
html.iphone fieldset.material input[type=email],
html.ipad fieldset.material input[type=email],
html.iphone fieldset.material input[type=password],
html.ipad fieldset.material input[type=password] {
  font-size: 16px;
}
fieldset.material .ie textarea,
fieldset.material .ie input[type=text],
fieldset.material .ie input[type=email],
fieldset.material .ie input[type=password] {
  height: 30px;
}
fieldset.material label {
  position: absolute;
  top: 24px;
  left: 1px;
  font-size: 100%;
  color: #000000;
  -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 hr {
  content: " ";
  height: 1px;
  background: #213039;
  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;
  margin: 0;
}
fieldset.material img {
  display: none;
  position: absolute;
  bottom: -20px;
  right: 0;
}
fieldset.material textarea {
  resize: none !important;
}
fieldset.material textarea:focus ~ label, fieldset.material textarea:valid ~ label, fieldset.material textarea.valid ~ label {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  top: 10px;
  color: #213039;
  transition: 300ms;
}
fieldset.material textarea::-webkit-input-placeholder {
  color: #b1b1b1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
fieldset.material textarea:not(:focus)::-webkit-input-placeholder {
  color: transparent;
}
fieldset.material textarea.valid ~ hr, fieldset.material textarea:focus ~ hr, fieldset.material textarea:valid ~ hr {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  visibility: visible;
}
fieldset.material input {
  resize: none !important;
}
fieldset.material input:focus ~ label, fieldset.material input:valid ~ label, fieldset.material input.valid ~ label {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  top: 10px;
  color: #213039;
  transition: 300ms;
}
fieldset.material input::-webkit-input-placeholder {
  color: #b1b1b1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
fieldset.material input:not(:focus)::-moz-placeholder {
  color: transparent;
}
fieldset.material input::-moz-placeholder {
  color: #b1b1b1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
fieldset.material input:not(:focus)::-moz-placeholder {
  color: transparent;
}
fieldset.material input:-ms-input-placeholder {
  color: #b1b1b1;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
fieldset.material input:not(:focus):-ms-input-placeholder {
  color: transparent;
}
fieldset.material input.valid ~ hr, fieldset.material input:focus ~ hr, fieldset.material input:valid ~ 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=password] {
  border-color: #c62926 !important;
}
fieldset.material.error hr {
  background: #c62926 !important;
}
fieldset.material.error img {
  display: block;
}
fieldset.material.error label {
  color: #c62926 !important;
}
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;
}
fieldset.material label.error {
  color: #c62926 !important;
}
fieldset.material textarea.error, fieldset.material input[type=text].error, fieldset.material input[type=email].error, fieldset.material input[type=password].error {
  border-color: #c62926 !important;
}
fieldset.material input[type=email]:invalid ~ hr {
  background: #c62926;
}

input[type=radio],
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: 1.7;
}
label.materialcheckbox.padre {
  font-family: "open sans", sans-serif;
  padding-left: 30px;
  font-weight: 800;
}
label.materialcheckbox.homecheck {
  font-family: "open sans", sans-serif;
  padding-left: 24px;
  font-size: 10px;
}
label.materialcheckbox:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  position: absolute;
  left: 5px;
  top: 11px;
  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=radio]:checked + label:before,
input[type=checkbox]:checked + label:before {
  background: #213039 url("../../gb/img/materialicon/check_w.svg") no-repeat center center/contain;
  border-color: #213039;
}

.error label.materialcheckbox {
  color: #c62926;
}
.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;
}

.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;
}

.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%;
}
.materialSelect .bootstrap-select {
  width: 100%;
}
.materialSelect .bootstrap-select .btn {
  width: 100%;
  margin-top: 16px;
  border-radius: 0;
  border: none;
  border-bottom: solid 1px #bcbaba;
  background: #fff;
  outline: none !important;
  box-shadow: none !important;
  height: 33px;
  font-size: 14px;
  line-height: 33px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #737373;
}
.materialSelect .bootstrap-select .btn:hover {
  border-radius: 0;
  border: none;
  border-bottom: solid 1px #bcbaba;
  background: #fff;
  outline: none !important;
  box-shadow: none !important;
  height: 33px;
  font-size: 14px;
  line-height: 33px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #737373;
}
.materialSelect .bootstrap-select .btn .caret {
  color: #737373;
}
.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;
}
.materialSelect .bootstrap-select .dropdown-menu.open {
  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;
}
.materialSelect .dropdown-menu > li > a {
  padding: 8px 20px;
}
.materialSelect .form-control {
  border-radius: 0;
  border-color: #bcbaba;
  margin-top: 0;
}
.materialSelect .form-control:focus {
  box-shadow: none !important;
}
.materialSelect .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #000;
  font-size: 14px;
}
.materialSelect .bootstrap-select.btn-group .bs-placeholder.dropdown-toggle .filter-option {
  color: #737373;
  font-size: 12px;
}
.materialSelect .dropdown-menu > .active > a, .materialSelect .dropdown-menu > .active > a:hover, .materialSelect .dropdown-menu > .active > a:focus {
  background: #fafafa;
  color: #000;
}

@keyframes openselect {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
.error,
.gb-error {
  --error:var(--gb-red);
}

gb-label {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.04em;
  width: 100%;
}

.gb-form-input-search label:not(.gb-ol-on),
.gb-form-password-login label:not(.gb-ol-on),
.gb-form-input-login label:not(.gb-ol-on) {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left center;
  transform: translateY(-50%) scale(1);
  pointer-events: none;
  color: var(--error, var(--gb-dark-silver));
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: transform 100ms;
  opacity: 1 !important;
}
.gb-form-input-search label:not(.gb-ol-on).gb-no-ph,
.gb-form-password-login label:not(.gb-ol-on).gb-no-ph,
.gb-form-input-login label:not(.gb-ol-on).gb-no-ph {
  transform: translateY(-119%) scale(0.7);
  font-weight: 600;
}
.gb-form-input-search label.gb-ol-on,
.gb-form-password-login label.gb-ol-on,
.gb-form-input-login label.gb-ol-on {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.gb-form-input-search label.gb-ol-on + select,
.gb-form-input-search label.gb-ol-on + input,
.gb-form-password-login label.gb-ol-on + select,
.gb-form-password-login label.gb-ol-on + input,
.gb-form-input-login label.gb-ol-on + select,
.gb-form-input-login label.gb-ol-on + input {
  height: 38px;
  padding: 8px 0 12px;
}
.gb-form-input-search label.gb-ol-on + select::placeholder,
.gb-form-input-search label.gb-ol-on + input::placeholder,
.gb-form-password-login label.gb-ol-on + select::placeholder,
.gb-form-password-login label.gb-ol-on + input::placeholder,
.gb-form-input-login label.gb-ol-on + select::placeholder,
.gb-form-input-login label.gb-ol-on + input::placeholder {
  font-size: 14px;
  letter-spacing: 0.05em;
  color: var(--gb-black);
  opacity: 0.4;
}
.gb-form-input-search label.gb-ol-on + select,
.gb-form-password-login label.gb-ol-on + select,
.gb-form-input-login label.gb-ol-on + select {
  padding: 0;
}
.gb-form-input-search label.gb-ol-on + select:invalid,
.gb-form-password-login label.gb-ol-on + select:invalid,
.gb-form-input-login label.gb-ol-on + select:invalid {
  font-size: 14px;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--gb-black) 40%, transparent);
}

.gb-form-password-login,
.gb-form-input-login {
  position: relative;
}
.gb-form-password-login select,
.gb-form-password-login input[type=text],
.gb-form-password-login input[type=email],
.gb-form-password-login input[type=password],
.gb-form-input-login select,
.gb-form-input-login input[type=text],
.gb-form-input-login input[type=email],
.gb-form-input-login input[type=password] {
  border: none;
  border-bottom: 1px solid var(--error, var(--gb-border));
  background: var(--gb-white);
  width: 100%;
  height: 50px;
  padding: 21px 0 10px;
  font-size: 16px;
}
.gb-form-password-login select,
.gb-form-input-login select {
  cursor: pointer;
  -webkit-appearance: none;
  padding-right: 28px;
  background-color: var(--gb-white);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: right 10px center;
  color: currentColor;
}

.gb-form-password-login {
  display: flex;
}
.gb-form-password-login.gb-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: repeat(2, auto);
}
.gb-form-password-login.gb-grid label {
  grid-column: 1/-1;
}
.gb-form-password-login input {
  flex: 1 1 auto;
}
.gb-form-password-login input[type=text] + button gb-icon::before {
  content: "\f33f";
}
.gb-form-password-login button {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--error, var(--gb-border));
}
.gb-form-password-login button gb-icon {
  font-size: 18px;
}

.gb-form-checkbox {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.gb-form-checkbox input[type=checkbox] {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--checked-color-color) var(--checked-color, var(--gb-white)) no-repeat center center/135% auto;
  border: solid 1px var(--error, var(--gb-border));
  border-radius: 2px;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
  cursor: pointer;
  margin-right: 0.5rem;
  position: relative;
  display: block;
}
.gb-form-checkbox input[type=checkbox]:checked {
  --checked-color-color: var(--gb-border);
  --checked-color: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3E%3C/svg%3E") ;
}
.gb-form-checkbox input[type=checkbox][disabled], .gb-form-checkbox input[type=checkbox].gb-disabled, .gb-form-checkbox input[type=checkbox].disabled {
  background: #f5f5f5 !important;
  border-color: #878787 !important;
  cursor: not-allowed !important;
}
.gb-form-checkbox label {
  cursor: pointer;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;
  margin: 0;
}
.gb-form-checkbox label strong {
  display: block;
}

.gb-form-input-search {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}
.gb-form-input-search label {
  left: 3.125rem !important;
}
.gb-form-input-search label.gb-ph {
  transform: translateY(-119%) scale(0.5) !important;
  font-weight: 700;
}
.gb-form-input-search input[type=search] {
  border: none;
  background: var(--gb-white);
  width: 100%;
  height: 50px;
  padding: 17px 14px 13px 0;
  font-size: 16px;
  border-radius: 0 60px 60px 0;
}
.gb-form-input-search input[type=search]::placeholder {
  font-size: 14px;
  letter-spacing: 0.05em;
  color: var(--gb-black);
  opacity: 0.4;
}
.gb-form-input-search button {
  background: var(--gb-white);
  border-radius: 60px 0 0 60px;
  font-size: 20px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 3.125rem;
}

.L_popUp .isPopup button:not(.actClose):not(.gb-cta):not(.gb-lang), .gb-cta {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  min-width: 106px;
  letter-spacing: 0.05em;
  border: solid 1px var(--gb-black);
  background: var(--gb-black);
  color: var(--gb-white) !important;
  cursor: pointer;
  padding: 10px 16px;
  text-align: center;
  border-radius: 80px;
  font-family: "Roboto Condensed", sans-serif;
}
.L_popUp .isPopup button.cta-outline:not(.actClose):not(.gb-cta):not(.gb-lang), .cta-outline.gb-cta {
  background: transparent;
  color: var(--gb-black) !important;
}

.gb-cta.cta-max-width {
  max-width: 18rem;
  flex: 0 0 auto;
}
.gb-cta.cta-text {
  padding: 0;
  margin: 0;
  min-width: unset;
  text-decoration: underline;
  font-weight: 400;
  background: transparent !important;
  border: none !important;
  color: var(--gb-black) !important;
  text-transform: unset !important;
  letter-spacing: 0;
  font-size: 0.875rem;
  font-family: "open sans", sans-serif;
}
.gb-cta.cta-red {
  background: var(--gb-red);
  border-color: var(--gb-red);
}
.gb-cta.cta-red.cta-outline {
  color: var(--gb-red) !important;
}
.gb-cta.cta-red.cta-text {
  color: var(--gb-red) !important;
}
.gb-cta.cta-white {
  background: var(--gb-white);
  border-color: var(--gb-white);
  color: var(--gb-black) !important;
}
.gb-cta.cta-white.gb-filter-active {
  background: var(--gb-black);
  border-color: var(--gb-black);
  color: var(--gb-white) !important;
}
.gb-cta.cta-white.cta-outline {
  color: var(--gb-white) !important;
}
.gb-cta.cta-white.cta-text {
  color: var(--gb-white) !important;
}

html, body {
  margin: 0;
  font-size: 16px;
}

.visually-hidden {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 0px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 0px !important;
}

.mx-auto {
  margin-inline: auto !important;
}

gb-info {
  margin-left: 0.625rem;
  position: relative;
  --info-visible:none;
}
gb-info.gb-act {
  --info-visible:block;
}
gb-info .bi {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  background: var(--gb-platinum);
  border-radius: 50%;
  color: color-mix(in srgb, var(--gb-black) 50%, transparent);
  font-size: 1rem;
  line-height: 1;
}
gb-info[aria-description]::before {
  content: attr(aria-description);
  width: 100vh;
  max-width: 400px;
  padding: 18px;
  border-radius: 10px;
  background: var(--gb-platinum);
  font-weight: 400;
  text-transform: none;
  display: var(--info-visible);
  position: absolute;
  top: calc(100% + 1.625rem);
  left: 0;
  z-index: 12;
  line-height: 1.2;
  font-size: 0.875rem;
  user-select: text;
  transform: translateX(-5%);
}
@media screen and (max-width: 991px) {
  gb-info[aria-description]::before {
    transform: none;
    left: auto;
    right: -50px;
    max-width: 300px;
  }
}
gb-info[aria-description]::after {
  display: var(--info-visible);
  content: "";
  width: 1.625rem;
  height: 1.625rem;
  background: var(--gb-platinum);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: absolute;
  top: 100%;
  left: calc(50% - 0.8125rem);
  z-index: 13;
  filter: drop-shadow(0 0 0 1px var(--gb-border-silver));
}

body {
  background: #fff;
  font-family: "open sans", sans-serif;
}

body {
  padding-bottom: var(--safe-area-inset-bottom);
}

html {
  --safe-area-inset-top: 0px;
  --safe-area-inset-bottom: 0px;
  --safe-area-inset-top: env(safe-area-inset-top, 0px);
  --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
}
html.ios {
  min-height: 100vh;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden !important;
}

html.cordova .hidden-cordova {
  display: none !important;
}

html.mobile .hidden-mobile {
  display: none !important;
}

.visible-xs {
  display: none !important;
}

@screen screen and (max-width:992px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
.noVis {
  opacity: 0 !important;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  -o-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  transform: translateY(-20%);
  pointer-events: none;
  transition: translate 800ms, opacity 800ms;
}

input[type=search]::-webkit-search-cancel-button {
  position: relative;
  right: 0px;
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  background: url(../img/icon/close.svg) no-repeat center center/contain;
}

#L_loading {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(255, 255, 255, 0.8);
}
#L_loading::after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: relative;
  border-top: 5px solid rgba(57, 184, 237, 0.3);
  border-right: 5px solid rgba(57, 184, 237, 0.3);
  border-bottom: 5px solid rgba(57, 184, 237, 0.3);
  border-left: 5px solid #39b8ed;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loadSpinner 1.1s infinite linear;
  animation: loadSpinner 1.1s infinite linear;
}
@-webkit-keyframes loadSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(85px + var(--safe-area-inset-top));
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  will-change: opacity;
  transition: opacity 800ms;
  padding-top: var(--safe-area-inset-top);
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
}
body.loggedIn header {
  pointer-events: none;
}
body:not(.loggedIn):not(.portable) header {
  background: var(--gb-white);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.5rem 1.5rem;
}
header .gb-brand-name {
  margin: auto;
}
.gb-change-language {
  margin: 0 1.25rem;
  position: relative;
  width: fit-content;
  --gb-white:#39b8ed;
  --gb-black:white;
}
.gb-change-language button {
  border-radius: 10px;
  background: var(--gb-white);
  color: var(--gb-black);
  padding: 0.5rem 0.625rem;
  cursor: pointer;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  width: 7.9rem;
}
.gb-change-language button span {
  font-family: "Roboto Condensed", sans-serif;
}
.gb-change-language button gb-icon {
  display: inline-block;
  line-height: 1;
}
.gb-change-language button gb-icon.bi-caret-down-fill {
  margin-left: 10px;
}
.gb-change-language button.gb-open-lang {
  border-radius: 10px 10px 0 0;
}
.gb-change-language button.gb-open-lang + ul {
  display: block !important;
}
.gb-change-language ul {
  margin: 0;
  padding: 0 !important;
  list-style: none;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  border-radius: 0 0 10px 10px;
  background: var(--gb-white);
  display: none;
}
.gb-change-language ul li {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif !important;
  cursor: pointer;
  padding: 0 0.625rem 0.5rem 0.825rem;
}

body.loggedIn header .gb-change-language {
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  header .gb-change-language {
    margin-inline: 10px;
  }
  header .gb-change-language button {
    width: auto;
    white-space: nowrap;
  }
  header .gb-change-language button span {
    font-size: 0;
  }
  header .gb-change-language button span[data-showlang]::before {
    display: inline-block;
    content: attr(data-showlang);
    font-size: 14px;
  }
}
header img {
  width: 102px;
  height: 54px;
}
@media screen and (max-width: 830px) and (min-width: 768px) {
  header img {
    width: 106px;
    height: 32px;
  }
}
body.opnBook header {
  opacity: 0;
  transition: opacity 800ms;
}

.L_popUp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 31;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  padding-top: 0;
  will-change: opacity;
  transition: opacity 800ms, height 0ms 800ms;
}
body.L_showPop .L_popUp {
  height: 100%;
  opacity: 1;
  transition: opacity 800ms;
}
.L_popUp .isPopup {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -60%);
  -ms-transform: translate(-50%, -60%);
  -o-transform: translate(-50%, -60%);
  -moz-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  width: 0;
  padding: 0;
  background: var(--gb-white);
  border-radius: 1.625rem;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
  will-change: transform;
  max-width: 370px;
  transition: transform 800ms, width 0ms 800ms, padding 0ms 800ms;
  z-index: 1;
  overflow: hidden;
}
.L_popUp .isPopup .gb-change-language {
  margin: 14px auto 0;
}
.L_popUp .isPopup .gb-change-language .gb-lang {
  text-align: left;
  color: #fff;
}
.L_popUp .isPopup .gb-change-language .gb-lang.gb-open-lang {
  border-radius: 10px 10px 0 0;
}
.L_popUp .isPopup .gb-change-language .gb-lang.gb-open-lang + ul {
  display: block !important;
}
.L_popUp .isPopup .gb-change-language ul {
  width: 100% !important;
  text-align: left;
  display: none !important;
}
.L_popUp .isPopup .gb-change-language ul li {
  padding-top: 0 !important;
  font-size: 0.875rem !important;
}
.L_popUp .isPopup.L_popShowMe {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 370px;
  padding: 30px;
  transition: transform 800ms;
}
.L_popUp .isPopup h2 {
  padding-bottom: 20px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1.375rem;
}
.L_popUp .isPopup p {
  font-size: 14px;
  color: #000000;
  padding-bottom: 20px;
  margin: 0;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup p {
    font-size: 15px;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup p {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup p {
    font-size: 12px;
  }
}
.L_popUp .isPopup p a.gb-btn-vai-trama {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.L_popUp .isPopup button:not(.actClose):not(.gb-cta):not(.gb-lang) {
  width: 100%;
}
.L_popUp .isPopup[data-type=activation], .L_popUp .isPopup[data-type=download], .L_popUp .isPopup[data-type=gestioneaccount] {
  text-align: Center;
}
.L_popUp .isPopup[data-type=activation] .actClose, .L_popUp .isPopup[data-type=download] .actClose, .L_popUp .isPopup[data-type=gestioneaccount] .actClose {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  background: none;
  cursor: pointer;
}
.L_popUp .isPopup[data-type=activation] .actClose::before, .L_popUp .isPopup[data-type=activation] .actClose:after, .L_popUp .isPopup[data-type=download] .actClose::before, .L_popUp .isPopup[data-type=download] .actClose:after, .L_popUp .isPopup[data-type=gestioneaccount] .actClose::before, .L_popUp .isPopup[data-type=gestioneaccount] .actClose:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  background: #000000;
  width: 100%;
  height: 1px;
}
.L_popUp .isPopup[data-type=activation] .actClose:after, .L_popUp .isPopup[data-type=download] .actClose:after, .L_popUp .isPopup[data-type=gestioneaccount] .actClose:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.L_popUp .isPopup[data-type=activation] h1, .L_popUp .isPopup[data-type=download] h1, .L_popUp .isPopup[data-type=gestioneaccount] h1 {
  font-size: 28px;
  margin: 0;
  text-transform: uppercase;
  color: #39b8ed;
  letter-spacing: 0.06em;
  font-family: "Roboto Condensed", sans-serif;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] h1, .L_popUp .isPopup[data-type=download] h1, .L_popUp .isPopup[data-type=gestioneaccount] h1 {
    font-size: 31px;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] h1, .L_popUp .isPopup[data-type=download] h1, .L_popUp .isPopup[data-type=gestioneaccount] h1 {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] h1, .L_popUp .isPopup[data-type=download] h1, .L_popUp .isPopup[data-type=gestioneaccount] h1 {
    font-size: 24px;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) {
  padding: 45px 0 0;
  list-style: none;
  width: 242px;
  display: block;
  margin: 0 auto;
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material {
  padding: 0;
  border: 0;
  margin: 0;
  margin-bottom: 12px;
  position: relative;
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material label, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material label, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material label {
  font-size: 16;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material label, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material label, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material label {
    font-size: 18;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material label, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material label, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material label {
    font-size: 21;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material label, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material label, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material label {
    font-size: 14;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material input, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material input, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material input {
  border-color: #3b3e40;
  font-size: 16;
  line-height: 2.2;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material input, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material input, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material input {
    font-size: 18;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material input, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material input, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material input {
    font-size: 21;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material input, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material input, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material input {
    font-size: 14;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material input:-webkit-autofill, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material input:-webkit-autofill, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #dfe9ef inset;
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li fieldset.material hr, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li fieldset.material hr, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li fieldset.material hr {
  bottom: 0;
  height: 2px;
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text], .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text], .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text] {
  font-size: 14;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text], .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text], .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text] {
    font-size: 15;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text], .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text], .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text] {
    font-size: 18;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text], .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text], .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text] {
    font-size: 12;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12;
  color: #000000;
  opacity: 0.35;
  text-align: center;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder {
    font-size: 13;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder {
    font-size: 16;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]::-webkit-input-placeholder {
    font-size: 10;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder { /* Firefox 19+ */
  font-size: 12;
  color: #000000;
  opacity: 0.35;
  text-align: center;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder {
    font-size: 13;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder {
    font-size: 16;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]::-moz-placeholder {
    font-size: 10;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder { /* Firefox 18- */
  font-size: 12;
  color: #000000;
  opacity: 0.35;
  text-align: center;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder {
    font-size: 13;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder {
    font-size: 16;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li input[type=text]:-moz-placeholder {
    font-size: 10;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(1), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(1), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(1) {
  font-size: 12px;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(1), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(1), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(1) {
    font-size: 13px;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(1), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(1), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(1) {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(1), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(1), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(1) {
    font-size: 10px;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(2), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(2), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(2) {
  font-size: 16px;
  color: #39b8ed;
  font-weight: 600;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(2), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(2), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(2) {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(2), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(2), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(2) {
    font-size: 21px;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(2), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(2), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(2) {
    font-size: 14px;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(3), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(3), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(3) {
  padding-bottom: 22px;
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(4), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(4), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(4) {
  font-size: 16px;
  color: #39b8ed;
  font-weight: 600;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(4), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(4), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(4) {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(4), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(4), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(4) {
    font-size: 21px;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(4), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(4), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(4) {
    font-size: 14px;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(5), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(5), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(5) {
  font-size: 13px;
  padding-top: 20px;
}
@media (min-width: 1440px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(5), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(5), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(5) {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(5), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(5), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(5) {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:nth-child(5), .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:nth-child(5), .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:nth-child(5) {
    font-size: 11px;
  }
}
.L_popUp .isPopup[data-type=activation] ul:not(.gb-list-lang) li:last-child, .L_popUp .isPopup[data-type=download] ul:not(.gb-list-lang) li:last-child, .L_popUp .isPopup[data-type=gestioneaccount] ul:not(.gb-list-lang) li:last-child {
  padding-top: 22px;
}
.L_popUp .isPopup[data-type=gestioneaccount] .gb-main-popup .gb-user-preview {
  text-align: center;
}
.L_popUp .isPopup[data-type=gestioneaccount] .gb-main-popup .gb-user-preview gb-icon {
  font-size: 1.5625rem;
}
.L_popUp .isPopup[data-type=gestioneaccount] .gb-main-popup .gb-user-preview span {
  display: block;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
}
.L_popUp .isPopup[data-type=gestioneaccount] .gb-main-popup .gb-richiedi-eliminazione .gb-cta {
  width: 100%;
}
.L_popUp .isPopup[data-type=gestioneaccount] .gb-main-popup .gb-exit {
  font-size: 1.2rem;
  margin-block: 1.5rem;
}
.L_popUp .isPopup[data-type=gestioneaccount] .gb-main-popup .gb-exit .cta-text {
  text-decoration: none !important;
}
.L_popUp .isPopup[data-type=image] {
  text-align: Center;
}
.L_popUp .isPopup[data-type=image] .imgClose {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.L_popUp .isPopup[data-type=image] .imgClose::after, .L_popUp .isPopup[data-type=image] .imgClose::before {
  width: 31px;
  height: 2px;
  background: #000;
  content: "";
  display: block;
  position: absolute;
  transform: rotateZ(45deg);
  transform-origin: top left;
  left: 0;
  top: 0;
}
.L_popUp .isPopup[data-type=image] .imgClose::after {
  transform: rotateZ(-45deg);
  top: auto;
  bottom: 0;
}

.gb-L-sharepop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 30;
  background: rgba(255, 255, 255, 0.4);
  will-change: opacity;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .gb-L-sharepop {
    padding: 0;
  }
}
body.gb-sps .gb-L-sharepop {
  display: flex;
}
.gb-L-sharepop .gb-isSharePop {
  background: #fff;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
  max-height: 100%;
  padding: 0;
  max-width: 450px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 767px) {
  .gb-L-sharepop .gb-isSharePop {
    height: 100%;
    width: 100%;
    max-width: unset;
  }
}
.gb-L-sharepop .gb-isSharePop .gb-headShare {
  background: #dfe9ef;
  padding: 16px 20px 12px;
  padding-top: calc(var(--safe-area-inset-top) + 16px);
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.gb-L-sharepop .gb-isSharePop .gb-headShare h2 {
  font-size: 24px;
  margin: 0;
  text-transform: uppercase;
  color: #39b8ed;
  letter-spacing: 0.06em;
  font-family: "Roboto Condensed", sans-serif;
}
@media (min-width: 1440px) {
  .gb-L-sharepop .gb-isSharePop .gb-headShare h2 {
    font-size: 26px;
  }
}
@media (min-width: 1920px) {
  .gb-L-sharepop .gb-isSharePop .gb-headShare h2 {
    font-size: 31px;
  }
}
@media (max-width: 768px) {
  .gb-L-sharepop .gb-isSharePop .gb-headShare h2 {
    font-size: 20px;
  }
}
.gb-L-sharepop .gb-isSharePop .gb-headShare .actClose {
  width: 20px;
  height: 20px;
  position: relative;
  padding: 0;
  background: none;
  cursor: pointer;
}
.gb-L-sharepop .gb-isSharePop .gb-headShare .actClose::before, .gb-L-sharepop .gb-isSharePop .gb-headShare .actClose:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  background: #000000;
  width: 100%;
  height: 1px;
}
.gb-L-sharepop .gb-isSharePop .gb-headShare .actClose:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.gb-L-sharepop .gb-isSharePop .gb-mainShare {
  padding: 20px 24px;
  background: #fff;
  position: relative;
}
.gb-L-sharepop .gb-isSharePop .gb-mainShare .success {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.gb-L-sharepop .gb-isSharePop .gb-mainShare .success svg {
  width: 32px;
  height: auto;
  fill: #39b8ed;
}
.gb-L-sharepop .gb-isSharePop .gb-mainShare .success h3 {
  margin: 0;
  font-family: "Roboto Condensed", sans-serif;
  color: #000000;
  font-weight: 500;
  font-size: 22px;
}
@media (min-width: 1440px) {
  .gb-L-sharepop .gb-isSharePop .gb-mainShare .success h3 {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  .gb-L-sharepop .gb-isSharePop .gb-mainShare .success h3 {
    font-size: 29px;
  }
}
@media (max-width: 768px) {
  .gb-L-sharepop .gb-isSharePop .gb-mainShare .success h3 {
    font-size: 19px;
  }
}
.gb-L-sharepop .gb-isSharePop .gb-mainShare .success button {
  display: block;
  background: #39b8ed;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  font-family: "conduit itc", sans-serif;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 12px 20px 6px;
  border-radius: 5px;
  margin-top: 20px;
}
.gb-L-sharepop .gb-isSharePop .gb-mainShare ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.gb-L-sharepop .gb-isSharePop .gb-mainShare ul li:not(:last-child) {
  padding-bottom: 12px;
}
.gb-L-sharepop .gb-isSharePop .gb-mainShare ul a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
@media (min-width: 1440px) {
  .gb-L-sharepop .gb-isSharePop .gb-mainShare ul a {
    font-size: 15px;
  }
}
@media (min-width: 1920px) {
  .gb-L-sharepop .gb-isSharePop .gb-mainShare ul a {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .gb-L-sharepop .gb-isSharePop .gb-mainShare ul a {
    font-size: 12px;
  }
}
.gb-L-sharepop .gb-isSharePop .gb-mainShare ul a span {
  display: block;
}
.gb-L-sharepop .gb-isSharePop .gb-mainShare ul a img {
  height: 24px;
  width: auto;
  margin-right: 8px;
  display: block;
  display: none !important;
}

.gb-simple-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 30;
  background: rgba(255, 255, 255, 0.4);
  will-change: opacity;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.gb-simple-popup .gb-pop-inner {
  background: #fff;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
  max-height: calc(100% - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));
  padding: 0;
  max-width: 450px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.gb-simple-popup .gb-pop-inner .gb-pop-header {
  background: #dfe9ef;
  padding: 16px 20px 12px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.gb-simple-popup .gb-pop-inner .gb-pop-header h2 {
  font-size: 24px;
  margin: 0;
  text-transform: uppercase;
  color: #39b8ed;
  letter-spacing: 0.06em;
  font-family: "Roboto Condensed", sans-serif;
}
@media (min-width: 1440px) {
  .gb-simple-popup .gb-pop-inner .gb-pop-header h2 {
    font-size: 26px;
  }
}
@media (min-width: 1920px) {
  .gb-simple-popup .gb-pop-inner .gb-pop-header h2 {
    font-size: 31px;
  }
}
@media (max-width: 768px) {
  .gb-simple-popup .gb-pop-inner .gb-pop-header h2 {
    font-size: 20px;
  }
}
.gb-simple-popup .gb-pop-inner .gb-pop-header .actClose {
  width: 20px;
  height: 20px;
  position: relative;
  padding: 0;
  background: none;
  cursor: pointer;
}
.gb-simple-popup .gb-pop-inner .gb-pop-header .actClose::before, .gb-simple-popup .gb-pop-inner .gb-pop-header .actClose:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  background: #000000;
  width: 100%;
  height: 1px;
}
.gb-simple-popup .gb-pop-inner .gb-pop-header .actClose:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.gb-simple-popup .gb-pop-inner .gb-pop-main {
  padding: 24px 20px;
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li {
  padding-right: 30px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
@media (min-width: 1440px) {
  .gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li {
    font-size: 15px;
  }
}
@media (min-width: 1920px) {
  .gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li {
    font-size: 12px;
  }
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li:not(:first-of-type) {
  margin-top: 12px;
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li:not(:last-of-type) {
  padding-bottom: 12px;
  border-bottom: solid 1px #e3e3e3;
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[page]:not([data-file])::after {
  position: absolute;
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[page]::after {
  content: attr(page);
  right: 0;
  top: 0.25em;
  font-size: 14px;
  font-weight: 700;
  color: #39b8ed;
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[page][data-file] {
  padding-left: 64px;
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[page][data-file]::before {
  position: absolute;
  content: "Pag. " attr(page);
  left: 0;
  top: 0.35em;
  font-size: 14px;
  font-weight: 700;
  color: #39b8ed;
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0;
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file]::after {
  flex: 0 0 auto;
  margin-left: 10px;
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 5px;
  background-color: #3c85a3;
  background-image: var(--file, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.45032 22.41844' fill='%23fff'%3E%3Cpath class='cls-1' d='M7.83454,10.58847l2.26475-2.27-1.96025-1.96525-1.17625,1.1825-.88475-.8845,1.1775-1.17625-1.90375-1.89375-2.27,2.27s4.75275,4.73725,4.75275,4.73725ZM16.06853,18.84797l2.26975-2.28-1.90375-1.904-1.17625,1.1775-.88475-.8845,1.17125-1.17625-1.93925-1.9405-2.26475,2.26475s4.72775,4.743,4.72775,4.743ZM16.33778,3.87947l1.73775,1.73775s-1.73775-1.73775-1.73775-1.73775ZM5.84929,19.62297h-3.53275v-3.53275l4.618-4.618L1.31654,5.85122,5.33504,1.80572l5.663,5.643,4.44925-4.4545c.13033-.13033.27267-.22483.427-.2835.15417-.0585.31333-.08775.4775-.08775.15983,0,.31692.02925.47125.08775.15417.05867.29642.15317.42675.2835l1.6955,1.7295c.13033.13033.22317.27258.2785.42675.05533.15433.083.31142.083.47125,0,.16417-.02767.32092-.083.47025s-.14817.28917-.2785.4195l-4.43,4.4385,5.6185,5.63775-4.02875,4.025-5.6275-5.618s-4.62825,4.62825-4.62825,4.62825ZM3.57303,18.36647h1.7325l9.8265-9.83125-1.738-1.738L3.57303,16.63397s0,1.7325,0,1.7325ZM14.26404,7.66397l-.87-.86675,1.738,1.738-.868-.87125Z'/%3E%3C/svg%3E"));
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".mp3"], .gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".ogg"] {
  --file:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24' height='24' width='24' %3E%3Cpath d='M4 4C4 2.89543 4.89543 2 6 2H18C19.1046 2 20 2.89543 20 4V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4ZM18 4L6 4V20H18V4Z'%3E%3C/path%3E%3Cpath d='M12 12C10.8954 12 10 12.8954 10 14C10 15.1046 10.8954 16 12 16C13.1046 16 14 15.1046 14 14C14 12.8954 13.1046 12 12 12ZM8 14C8 11.7909 9.79086 10 12 10C14.2091 10 16 11.7909 16 14C16 16.2091 14.2091 18 12 18C9.79086 18 8 16.2091 8 14Z'%3E%3C/path%3E%3Cpath d='M13.5 7.5C13.5 8.32843 12.8284 9 12 9C11.1716 9 10.5 8.32843 10.5 7.5C10.5 6.67157 11.1716 6 12 6C12.8284 6 13.5 6.67157 13.5 7.5Z'%3E%3C/path%3E%3C/svg%3E");
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".mp4"], .gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".webm"] {
  --file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24' height='24' width='24'%3E%3Cpath d='M21.5 6.1C21.2 5.9 20.8 5.9 20.5 6.1L16.1 9.1V7C16.1 5.9 15.2 5 14.1 5H4C2.9 5 2 5.9 2 7V17C2 18.1 2.9 19 4 19H14C15.1 19 16 18.1 16 17V14.9L20.4 17.9C20.6 18 20.8 18.1 21 18.1C21.2 18.1 21.3 18.1 21.5 18C21.8 17.8 22 17.5 22 17.1V7C22 6.6 21.8 6.3 21.5 6.1ZM14 17H4V7H14V11V13V17ZM20 15.1L16 12.4V11.5L20 8.8V15.1Z'%3E%3C/path%3E%3C/svg%3E");
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".jpg"], .gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".webp"], .gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".svg"], .gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".gif"], .gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".png"] {
  --file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24' height='24' width='24'%3E%3Cpath d='M15.5 10C16.3284 10 17 9.32843 17 8.5C17 7.67157 16.3284 7 15.5 7C14.6716 7 14 7.67157 14 8.5C14 9.32843 14.6716 10 15.5 10Z' %3E%3C/path%3E%3Cpath d='M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5ZM19 5H5V12.9194L8.37534 10.2191C8.74056 9.92696 9.25951 9.92696 9.62473 10.2191L13.9258 13.66L15.2929 12.2929C15.6835 11.9024 16.3166 11.9024 16.7071 12.2929L19 14.5857V5ZM5 19H19V17.4142L16 14.4142L14.7071 15.7071C14.3468 16.0674 13.7732 16.0992 13.3753 15.7809L9.00004 12.2806L5 15.4807V19Z'%3E%3C/path%3E%3C/svg%3E");
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".pdf"] {
  --file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.04905 26.04905' fill='%23fff'%3E%3Cpath class='cls-1' d='M8.55507,17.34153v2.1709h-1.5415v-6.39893h2.55322c.48828,0,.92188.08984,1.29883.27051.37695.17969.66797.43701.875.76904.20508.33301.30859.70996.30859,1.13184,0,.62402-.22266,1.12305-.66992,1.49609-.44727.37402-1.06055.56055-1.83984.56055h-.98438ZM8.55507,16.1511h1.01172c.29883,0,.52734-.0752.68359-.22461s.23438-.36035.23438-.63281c0-.29883-.08008-.53809-.24219-.7168-.16016-.17871-.38086-.26953-.6582-.27246h-1.0293v1.84668Z'/%3E%3Cpath class='cls-1' d='M12.87148,19.51242v-6.39893h2.06152c.56445,0,1.07324.12842,1.52441.38477s.80371.61865,1.05664,1.08545c.25391.46777.38184.99121.38477,1.57129v.29492c0,.58594-.12402,1.11035-.37109,1.5752-.24805.46387-.59668.82715-1.0459,1.08984-.4502.26172-.95117.39453-1.50586.39746h-2.10449ZM14.41347,14.30442v4.02148h.53711c.44141,0,.78125-.15723,1.01953-.47266.23633-.31445.35547-.78223.35547-1.40332v-.27734c0-.61816-.11914-1.08398-.35547-1.39746-.23828-.31348-.58398-.4707-1.03711-.4707h-.51953Z'/%3E%3Cpath class='cls-1' d='M22.72011,16.9636h-2.48828v2.54883h-1.54199v-6.39893h4.28027v1.19092h-2.73828v1.47266h2.48828v1.18652Z'/%3E%3Cpath class='cls-2' d='M17.07893,21.02361v.00092H5.07893V5.02452h6v5c0,.55231.44769,1,1,1h5v1.15039h2v-3.15039c0-.2652-.10541-.51953-.29291-.70709l-5-5c-.1875-.1875-.44189-.29291-.70709-.29291H5.07893c-1.10461,0-2,.89545-2,2v16c0,1.10461.89539,2,2,2h12c1.10455,0,2-.89539,2-2v-.00092h-2ZM13.07893,5.43877l3.58575,3.58575h-3.58575v-3.58575Z'/%3E%3C/svg%3E");
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".doc"], .gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".docx"] {
  --file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24' height='24' width='24' %3E%3Cpath d='M4 4C4 2.89543 4.89543 2 6 2H14C14.2652 2 14.5196 2.10536 14.7071 2.29289L19.7071 7.29289C19.8946 7.48043 20 7.73478 20 8V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4ZM17.5858 8L14 4.41421V8H17.5858ZM12 4L6 4V20H18V10H13C12.4477 10 12 9.55228 12 9V4ZM8 13C8 12.4477 8.44772 12 9 12H15C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14H9C8.44772 14 8 13.5523 8 13ZM8 17C8 16.4477 8.44772 16 9 16H15C15.5523 16 16 16.4477 16 17C16 17.5523 15.5523 18 15 18H9C8.44772 18 8 17.5523 8 17Z'%3E%3C/path%3E%3C/svg%3E");
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file$=".sme"] {
  --file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -2 24 24' fill='%23fff'%3E%3Cpath d='M3 18a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm1-7.002v3.173a3.001 3.001 0 1 1-2 0V5.829a3.001 3.001 0 1 1 2 0v2.34c.312-.11.647-.17.997-.171l6.037-.006a1 1 0 0 0 .999-1V5.84A3.001 3.001 0 0 1 13 0a3 3 0 0 1 1.033 5.817v1.175a3 3 0 0 1-2.997 3l-6.037.006a1 1 0 0 0-.999 1zM3 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm10 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'%3E%3C/path%3E%3C/svg%3E");
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file][data-file^=http] {
  --file: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M8 8C5.75228 8 4 9.75228 4 12C4 14.2477 5.75228 16 8 16H10C10.5523 16 11 16.4477 11 17C11 17.5523 10.5523 18 10 18H8C4.64772 18 2 15.3523 2 12C2 8.64772 4.64772 6 8 6H10C10.5523 6 11 6.44772 11 7C11 7.55228 10.5523 8 10 8H8ZM13 7C13 6.44772 13.4477 6 14 6H16C19.3523 6 22 8.64772 22 12C22 15.3523 19.3523 18 16 18H14C13.4477 18 13 17.5523 13 17C13 16.4477 13.4477 16 14 16H16C18.2477 16 20 14.2477 20 12C20 9.75228 18.2477 8 16 8H14C13.4477 8 13 7.55228 13 7ZM7 12C7 11.4477 7.44772 11 8 11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H8C7.44772 13 7 12.5523 7 12Z'%3E%3C/path%3E%3C/svg%3E");
}
.gb-simple-popup .gb-pop-inner .gb-pop-main ul.gb-navpage li[data-file].download-needed {
  --file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M18.3,15.2v3.2H5.7v-3.2H3.5v3.2c0,1.2,1,2.1,2.1,2.1h12.7c1.2,0,2.1-1,2.1-2.1v-3.2H18.3z M17.3,10.9l-1.5-1.5l-2.7,2.7V3.5h-2.1v8.6L8.2,9.5l-1.5,1.5l5.3,5.3L17.3,10.9z'%3E%3C/path%3E%3C/svg%3E");
}
.gb-simple-popup .gb-pop-inner[data-pop=indice] {
  max-width: 400px;
}

main .L_animFormLog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 9;
  opacity: 0;
  transition: height 0ms 800ms, opacity 800ms;
}
main .L_animFormLog::after, main .L_animFormLog::before {
  content: "";
  display: block;
  width: 100%;
  height: 85px;
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
  z-index: 12;
}
main .L_animFormLog .L_animHead {
  height: 85px;
  background: #39b8ed;
  opacity: 0;
  transition: opacity 0ms;
  z-index: 1;
}
body.L_fromMenu main .L_animFormLog {
  opacity: 1;
  height: 100%;
  transition: height 0ms 0ms, opacity 0ms 0ms;
}
body.L_fromMenu main .L_animFormLog .L_animHead {
  opacity: 1;
  transition: opacity 0ms;
}
body.L_fromMenu main .L_animFormLog::before {
  background: var(--gb-white);
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  -moz-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  -moz-transform-origin: top center;
  transform-origin: top center;
  animation: beforeLoad 800ms 800ms forwards;
}
body.L_fromMenu main .L_animFormLog::after {
  top: 85px;
  height: calc(100% - 85px);
  background: #39b8ed;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  transform-origin: bottom center;
  animation: afterLoad 800ms 800ms forwards;
}
main .head_menu {
  display: none;
  height: calc(85px + var(--safe-area-inset-top));
  width: 100%;
  background: var(--gb-white);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 8;
  padding-inline: 2.125rem;
  align-items: center;
  padding-top: var(--safe-area-inset-top);
}
body.L_fromMenu main .head_menu {
  display: flex;
}
body.L_user main .head_menu {
  display: flex;
}
main .head_menu .L_HeadRSide,
main .head_menu .L_HeadLSide {
  opacity: 0;
  transition: opacity 800ms;
}
body.L_user main .head_menu .L_HeadRSide,
body.L_user main .head_menu .L_HeadLSide {
  opacity: 1;
  transition: opacity 800ms;
}
body:not(.loggedIn) main .head_menu .L_HeadRSide,
body:not(.loggedIn) main .head_menu .L_HeadLSide {
  opacity: 0;
  pointer-events: none;
}
main .head_menu .L_HeadLSide {
  margin-left: auto;
}
main .head_menu .L_HeadLSide ul li {
  display: inline-block;
}
main .head_menu .L_HeadLSide ul li:nth-child(2) {
  padding-left: 5px;
}
main .head_menu .L_HeadLSide ul.L_userHello {
  display: inline-block;
  list-style: none;
  padding: 0;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  main .head_menu .L_HeadLSide ul.L_userHello {
    font-size: 12px;
  }
}
main .head_menu .L_HeadLSide ul.L_userHello .btnOpenProfilo {
  cursor: pointer;
  position: relative;
}
main .head_menu .L_HeadLSide ul.L_userHello .btnOpenProfilo gb-icon {
  font-size: 1.4em;
  vertical-align: sub;
  line-height: 1;
  margin-left: 0.25rem;
}
main .head_menu .L_HeadRSide ul.L_menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  width: 100%;
  text-align: right;
}
main .head_menu .L_HeadRSide ul.L_menu li {
  display: inline-block;
}
main .head_menu .L_HeadRSide ul.L_menu li.mobiSearch {
  display: none;
}
main .head_menu .L_HeadRSide ul.L_menu li button {
  text-align: center;
  padding: 3px 14px;
  position: relative;
}
@media screen and (max-width: 1085px) {
  main .head_menu .L_HeadRSide ul.L_menu li button {
    padding: 3px 8px;
  }
}
main .head_menu .L_HeadRSide ul.L_menu li button img {
  width: 25px;
  height: 25px;
  padding: 2.5px;
  display: inline-block;
}
main .head_menu .L_HeadRSide ul.L_menu li button img[src$="library.svg"] {
  padding: 0;
}
main .head_menu .L_HeadRSide ul.L_menu li button img[src$="usb.svg"] {
  padding: 0;
}
main .head_menu .L_HeadRSide ul.L_menu li button span {
  display: block;
  font-size: 12px;
  text-align: center;
}
@media (min-width: 1440px) {
  main .head_menu .L_HeadRSide ul.L_menu li button span {
    font-size: 13px;
  }
}
@media (min-width: 1920px) {
  main .head_menu .L_HeadRSide ul.L_menu li button span {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  main .head_menu .L_HeadRSide ul.L_menu li button span {
    font-size: 10px;
  }
}
main .head_menu .L_HeadRSide ul.L_menu li button.act::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/icon/act_menu.svg) no-repeat center center/100%;
  opacity: 0.15;
}
main .head_menu .L_HeadRSide ul.L_menu li.gb-dvd button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/icon/usb.svg) no-repeat center center/100% !important;
  opacity: 1;
}
main .head_menu .L_HeadRSide ul.L_menu li.gb-dvd button img {
  visibility: hidden;
}
main .head_menu .L_HeadRSide ul.L_menu li.gb-dvd button span {
  font-weight: 600;
  color: #39b8ed;
}
main section#L_login {
  height: 100dvh;
  padding-top: 0;
}
main section .gb-page-login {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-block: calc(110px + var(--safe-area-inset-top)) calc(110px + var(--safe-area-inset-bottom));
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  main section .gb-page-login {
    padding-block: calc(60px + var(--safe-area-inset-top)) calc(60px + var(--safe-area-inset-bottom));
  }
}
main section .gb-page-login.gb-tpl-ita {
  background-image: url("../img/sfondo_login.png"), linear-gradient(90deg, #19C7F9 0%, #BCEFFF 49.94%, #FFF 100%);
  background-image: image-set(url("../img/sfondo_login.webp") type("image/webp"), url("../img/sfondo_login.png") type("image/jpeg")), linear-gradient(90deg, #19C7F9 0%, #BCEFFF 49.94%, #FFF 100%);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
main section .gb-page-login.gb-tpl-eng {
  background-color: var(--gb-white-choco);
  background-image: url("../img/sfondo_login_en.png");
  background-image: image-set(url("../img/sfondo_login_en.webp") type("image/webp"), url("../img/sfondo_login_en.png") type("image/jpeg"));
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
main section .gb-page-login .gb-recover-wrapper,
main section .gb-page-login .gb-login-wrapper {
  background: var(--gb-white);
  width: 90%;
  max-width: 51.25rem;
  padding: 2rem 3.5rem;
  border-radius: 26px;
  margin: auto;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0.5rem 1.5rem;
}
main section .gb-page-login .gb-recover-wrapper gb-formgroup,
main section .gb-page-login .gb-login-wrapper gb-formgroup {
  display: block;
  margin-top: 14px;
}
@media screen and (max-width: 767px) {
  main section .gb-page-login .gb-recover-wrapper,
  main section .gb-page-login .gb-login-wrapper {
    padding: 2rem;
  }
}
@media screen and (max-width: 600px) {
  main section .gb-page-login .gb-recover-wrapper,
  main section .gb-page-login .gb-login-wrapper {
    padding: 2rem 1.2rem;
  }
}
main section .gb-page-login h2 {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1.375rem;
}
main section .gb-page-login .gb-form-cta {
  display: flex;
  column-gap: 0.625rem;
  margin-top: 2.5rem;
}
main section .gb-page-login .gb-form-cta button {
  width: 100%;
  flex: 1 1 auto;
}
main section .gb-page-login .gb-no-remember {
  margin-top: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
main section .gb-page-login .gb-no-remember gb-credits {
  font-size: 0.75rem;
  margin-top: 0.85rem;
}
main section .gb-page-login .gb-continua-login form {
  display: block;
  padding-top: 20px;
}
main section .gb-page-login .gb-continua-login form gb-formgroup {
  margin-top: 24px;
}
main section .gb-page-login .gb-continua-login .gb-multicheckbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 10px;
  row-gap: 10px;
}
main section#L_libr {
  position: relative;
  background-image: url("../img/sfondo_libreria.png"), linear-gradient(180deg, #59C5F3 0%, #E7F6FD 100%);
  background-image: image-set(url("../img/sfondo_libreria.webp") type("image/webp"), url("../img/sfondo_libreria.png") type("image/jpeg")), linear-gradient(180deg, #59C5F3 0%, #E7F6FD 100%);
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: center top;
  padding-bottom: 3.75rem;
  min-height: calc(100svh - 85px);
}
main section#L_libr .gb-welcome-libreria-text {
  text-align: center;
  padding-block: 5rem;
  padding-inline: 1rem;
}
@media screen and (max-width: 767px) {
  main section#L_libr .gb-welcome-libreria-text {
    padding-block: 1rem 2rem;
  }
}
main section#L_libr .gb-welcome-libreria-text .gb-max-width {
  max-width: 58.75rem;
  margin: 0 auto;
}
main section#L_libr .gb-welcome-libreria-text .gb-max-width h2 {
  font-weight: 400;
  margin: 0;
  font-size: 1.875rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  main section#L_libr .gb-welcome-libreria-text .gb-max-width h2 {
    font-size: 1.125rem;
  }
}
main section#L_libr .gb-filtri-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  max-width: 58.75rem;
  margin: 0 auto;
  padding-inline: 1rem;
  padding-bottom: 4.375rem;
}
body:not([data-user-type=S]) main section#L_libr .gb-filtri-wrapper {
  grid-template-columns: repeat(2, 1fr);
}
body:not([data-user-type=S]) main section#L_libr .gb-filtri-wrapper > button[data-type=libreria] {
  display: none;
}
@media screen and (max-width: 767px) {
  main section#L_libr .gb-filtri-wrapper {
    display: flex;
    flex-direction: column;
  }
}
main section#L_libr .gb-filtri-wrapper .gb-cta {
  width: 100%;
}
main section#L_libr .gb-filtri-wrapper .gb-search {
  grid-column: 1/-1;
}
main section#L_libr .gb-filtri-wrapper .gb-sub-wrapper {
  position: relative;
}
main section#L_libr .gb-filtri-wrapper .gb-sub-wrapper button {
  height: 100%;
}
main section#L_libr .gb-filtri-wrapper .gb-sub-wrapper button.gb-act {
  border-radius: 20px 20px 0 0;
}
main section#L_libr .gb-filtri-wrapper .gb-sub-wrapper button.gb-act + .gb-submenu-wrapper {
  display: block;
}
main section#L_libr .gb-filtri-wrapper .gb-sub-wrapper select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media (min-width: 768px) {
  main section#L_libr .gb-filtri-wrapper .gb-sub-wrapper select {
    display: none;
  }
}
main section#L_libr .gb-filtri-wrapper .gb-sub-wrapper .gb-submenu-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--gb-white);
  padding: 14px 20px;
  border-radius: 0 0 20px 20px;
  z-index: 2;
  filter: drop-shadow(4px 4px 4px rgba(89, 197, 243, 0.28));
  display: none;
}
main section#L_libr .gb-filtri-wrapper .gb-sub-wrapper .gb-submenu-wrapper .gb-form-checkbox {
  margin-top: 6px;
}
main section#L_libr .gb-filtri-wrapper .gb-sub-wrapper .gb-submenu-wrapper .gb-cta-wrapper {
  margin-top: 1.15rem;
}
main section#L_libr .gb-filtri-wrapper .gb-sub-wrapper .gb-submenu-wrapper .gb-cta-wrapper button {
  letter-spacing: 0.05em;
  text-align: left;
  padding-block: 8px;
}
main section#L_libr article.L_scaffali .pad_big {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  main section#L_libr article.L_scaffali .pad_big {
    width: 750px;
  }
}
@media (min-width: 992px) {
  main section#L_libr article.L_scaffali .pad_big {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  main section#L_libr article.L_scaffali .pad_big {
    width: 1170px;
  }
}
main section#L_libr article.L_scaffali ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(auto-fill, auto);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
@media screen and (max-width: 991px) {
  main section#L_libr article.L_scaffali ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 767px) {
  main section#L_libr article.L_scaffali ul {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  main section#L_libr article.L_scaffali ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section#L_libr article.L_scaffali ul li {
  cursor: pointer;
}
main section#L_libr article.L_scaffali ul li.book-not-active {
  opacity: 0.5;
}
main section#L_libr article.L_scaffali ul li figure {
  margin: 0;
  display: block;
  aspect-ratio: 190/270;
  position: relative;
}
main section#L_libr article.L_scaffali ul li figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
main section#L_libr article.L_scaffali ul li figcaption {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  padding-top: 10px;
  overflow-wrap: break-word;
}
main section#L_libr article.L_scaffali ul li.gb-disabled, main section#L_libr article.L_scaffali ul li.disabled {
  opacity: 1 !important;
  pointer-events: auto !important;
}
main section#L_libr article.L_scaffali ul li.gb-disabled figure::after, main section#L_libr article.L_scaffali ul li.disabled figure::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: color-mix(in srgb, var(--gb-black) 50%, transparent);
  z-index: 2;
  border-radius: 10px;
}
main section#L_accesso_book {
  background-image: url("../img/sfondo_libreria.png"), linear-gradient(180deg, #59C5F3 0%, #E7F6FD 100%);
  background-image: image-set(url("../img/sfondo_libreria.webp") type("image/webp"), url("../img/sfondo_libreria.png") type("image/jpeg")), linear-gradient(180deg, #59C5F3 0%, #E7F6FD 100%);
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: center top;
  padding-inline: 2.125rem;
  padding-bottom: 3.75rem;
  min-height: calc(100svh - 85px);
}
@media screen and (max-width: 767px) {
  main section#L_accesso_book {
    min-height: calc(100svh - 44px);
  }
}
main section#L_accesso_book .gb-cta-wrapper {
  padding-block: 2rem;
}
main section#L_accesso_book .gb-cta-wrapper button {
  font-size: 1rem !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
body.portable main section#L_accesso_book .gb-cta-wrapper button {
  display: none;
}
main section#L_accesso_book .gb-cta-wrapper button gb-icon {
  font-size: 1.6em;
  vertical-align: middle;
  display: block;
  margin-right: 0.6375rem;
}
main section#L_accesso_book .gb-cta-wrapper button span {
  display: flex;
  align-items: center;
}
main section#L_accesso_book .gb-book-image {
  display: flex;
  justify-content: center;
}
main section#L_accesso_book .gb-book-image figure {
  margin: 0 auto;
}
main section#L_accesso_book .gb-book-image figure img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  box-shadow: 4px 4px 4px rgba(89, 197, 243, 0.4);
}
main section#L_accesso_book .L_acssB_clist {
  padding-top: 6.25rem;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list {
  max-width: 890px;
  margin: 0 auto;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist {
  padding: 0;
  margin: 0;
  list-style: none;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist.L_ELL_needAct .L_contElm {
  pointer-events: none;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist.L_ELL_needAct .L_contElm .gb-h3 {
  opacity: 0.64;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist.L_ELL_needAct .L_contElm span button.L_LEAbtn {
  display: block;
  pointer-events: auto;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist.L_ELL_needAct .L_contElm span .L_LEAchs {
  display: none;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li {
  border-radius: 26px;
  background: var(--gb-white);
  box-shadow: 4px 4px 4px rgba(89, 197, 243, 0.28);
  margin-bottom: 40px;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li.L_ELL_needAct .L_LEAchs {
  display: none !important;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li.L_ELL_needAct .L_LEAbtn {
  display: block !important;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_contElm {
  margin: 0;
  padding: 0.875rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct {
  flex: 0 0 auto;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .gb-h3 {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  width: 100%;
  flex: 1 1 auto;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .gb-h3 button {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_LEAbtn {
  display: none;
  font-family: "Roboto Condensed", sans-serif;
  color: #fff;
  background: #39b8ed;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
  padding: 6px 10px;
}
@media (min-width: 1440px) {
  main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_LEAbtn {
    font-size: 15px;
  }
}
@media (min-width: 1920px) {
  main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_LEAbtn {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_LEAbtn {
    font-size: 12px;
  }
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_ListOpnB {
  font-family: bootstrap-icons;
  font-size: 1.25rem;
  padding: 6px 10px;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_ListOpnB::before {
  content: "\f194";
  display: block;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_ListDwnld {
  font-family: bootstrap-icons;
  font-size: 1.25rem;
  padding: 6px 10px;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_ListDwnld::before {
  content: "\f29b";
  display: block;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_ListCancel {
  font-family: bootstrap-icons;
  font-size: 1.25rem;
  padding: 6px 10px;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_ListCancel::before {
  content: "\f5de";
  display: block;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_ListVmore {
  font-family: bootstrap-icons;
  font-size: 1.25rem;
  padding: 6px 10px;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list ul.L_acssB_Ellist > li .L_ListElAct button.L_ListVmore::before {
  content: "\f229";
  display: block;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list .L_showSubList {
  --show-sub:block ;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list .L_CSubItem {
  padding: 0.875rem 2rem;
  display: var(--show-sub, none);
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list .L_CSubItem .L2 {
  padding: 0;
  margin: 0;
  list-style: none;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list .L_CSubItem .L2 li:not(:last-child) {
  border-bottom: solid 1px color-mix(in srgb, var(--gb-border) 20%, transparent);
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list .L_CSubItem .L2 li.has-share {
  display: flex;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list .L_CSubItem .L2 li.has-share button:nth-child(1) {
  flex: 1;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list .L_CSubItem .L2 li.has-share button:nth-child(2) {
  flex: 0 0 40px;
  text-align: center;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list .L_CSubItem .L2 button {
  font-size: 1rem;
  padding: 0.625rem 0;
  width: 100%;
  text-align: left;
}
main section#L_accesso_book .L_acssB_clist .L_acssB_list .L_CSubItem .L2 button gb-icon {
  font-size: 1.6em;
  vertical-align: -0.15em;
  line-height: 1;
  margin-right: 8px;
}
main section#L_interno_book {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #dfe9ef;
  z-index: 10;
}
main section#L_interno_book .L_IB_foot {
  padding-bottom: var(--safe-area-inset-bottom);
  height: calc(42px + var(--safe-area-inset-bottom));
}
main section#L_interno_book .L_IB_head {
  padding-top: var(--safe-area-inset-top);
  height: calc(42px + var(--safe-area-inset-top));
}
main section#L_interno_book .L_IB_foot,
main section#L_interno_book .L_IB_head {
  position: fixed;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  background: #39b8ed;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 2;
}
main section#L_interno_book .L_IB_foot a.L_IB_docRequest,
main section#L_interno_book .L_IB_head a.L_IB_docRequest {
  width: auto;
  height: auto;
  padding: 6px 20px;
  background: #fff;
  color: #1D1D1B;
  border-radius: 20px;
  pointer-events: auto;
  font-size: 12px;
  left: 20px;
  top: 50%;
  font-weight: 600;
  z-index: 3;
  border: solid 2px #dfe9ef;
}
main section#L_interno_book .L_IB_foot a.L_IB_docRequest span,
main section#L_interno_book .L_IB_head a.L_IB_docRequest span {
  display: flex;
  align-items: center;
}
main section#L_interno_book .L_IB_foot a.L_IB_docRequest span svg,
main section#L_interno_book .L_IB_head a.L_IB_docRequest span svg {
  display: block;
  width: 14px;
  height: auto;
  margin-right: 6px;
}
main section#L_interno_book .L_IB_foot a.L_IB_docRequest:not(.hidden) + button.L_GTBook,
main section#L_interno_book .L_IB_head a.L_IB_docRequest:not(.hidden) + button.L_GTBook {
  display: none;
}
main section#L_interno_book .L_IB_foot button,
main section#L_interno_book .L_IB_head button {
  width: 30px;
  height: 30px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  fill: #fff;
  cursor: pointer;
  color: #fff;
}
main section#L_interno_book .L_IB_foot button svg,
main section#L_interno_book .L_IB_head button svg {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 2;
}
main section#L_interno_book .L_IB_foot button.L_indiceBook,
main section#L_interno_book .L_IB_head button.L_indiceBook {
  padding: 2px;
}
main section#L_interno_book .L_IB_foot button.L_indiceBook svg,
main section#L_interno_book .L_IB_head button.L_indiceBook svg {
  width: 90%;
  height: auto;
}
main section#L_interno_book .L_IB_foot button.L_resourceBook,
main section#L_interno_book .L_IB_head button.L_resourceBook {
  width: auto;
  height: auto;
  padding: 5px 14px;
  background: rgba(255, 255, 255, 0.3);
  color: #1D1D1B;
  border-radius: 20px;
  pointer-events: auto;
  font-size: 12px;
  font-weight: 600;
  z-index: 3;
}
main section#L_interno_book .L_IB_foot button.L_resourceBook span,
main section#L_interno_book .L_IB_head button.L_resourceBook span {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 6px;
  color: #fff;
}
main section#L_interno_book .L_IB_foot button.L_soluzioniBook,
main section#L_interno_book .L_IB_head button.L_soluzioniBook {
  width: auto;
  height: auto;
  padding: 5px 14px;
  background: rgba(255, 255, 255, 0.3);
  color: #1D1D1B;
  border-radius: 20px;
  pointer-events: auto;
  font-size: 12px;
  font-weight: 600;
  z-index: 3;
}
main section#L_interno_book .L_IB_foot button.L_soluzioniBook span,
main section#L_interno_book .L_IB_head button.L_soluzioniBook span {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 6px;
  color: #fff;
}
main section#L_interno_book .L_IB_foot button.L_soluzioniBook.act,
main section#L_interno_book .L_IB_head button.L_soluzioniBook.act {
  background: #fff;
}
main section#L_interno_book .L_IB_foot button.L_soluzioniBook.act span,
main section#L_interno_book .L_IB_head button.L_soluzioniBook.act span {
  color: #0F77A3;
}
main section#L_interno_book .L_IB_foot button.L_noUsed,
main section#L_interno_book .L_IB_head button.L_noUsed {
  pointer-events: none;
  flex: 0 0;
  margin-right: 10px;
}
main section#L_interno_book .L_IB_foot button.L_noUsed::before,
main section#L_interno_book .L_IB_head button.L_noUsed::before {
  content: "";
  width: 20px;
  height: 20px;
}
main section#L_interno_book .L_IB_foot button.L_noUsed.x2,
main section#L_interno_book .L_IB_head button.L_noUsed.x2 {
  width: 40px;
}
main section#L_interno_book .L_IB_foot button.L_noUsed.x2::before,
main section#L_interno_book .L_IB_head button.L_noUsed.x2::before {
  width: 40px;
}
main section#L_interno_book .L_IB_foot button.L_GTBook,
main section#L_interno_book .L_IB_head button.L_GTBook {
  flex: 0 0 auto;
  margin-right: 8px;
}
main section#L_interno_book .L_IB_foot button.L_btnZoom,
main section#L_interno_book .L_IB_head button.L_btnZoom {
  flex: 0 0 auto;
  margin-left: 8px;
}
main section#L_interno_book .L_IB_foot button.gb-share-open,
main section#L_interno_book .L_IB_head button.gb-share-open {
  flex: 0 0 auto;
  margin-left: 8px;
}
main section#L_interno_book .L_IB_foot button.L_btnTool,
main section#L_interno_book .L_IB_head button.L_btnTool {
  flex: 0 0 auto;
  margin-right: 10px;
  position: relative;
}
body.opnTool main section#L_interno_book .L_IB_foot button.L_btnTool::before,
body.opnTool main section#L_interno_book .L_IB_head button.L_btnTool::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/icon/act_menu.svg) no-repeat center center/100%;
  opacity: 0.15;
  z-index: 1;
}
main section#L_interno_book .L_IB_foot button.L_btnPage,
main section#L_interno_book .L_IB_head button.L_btnPage {
  margin-right: 10px;
  position: relative;
}
main section#L_interno_book .L_IB_foot button.L_btnPage.active::before,
main section#L_interno_book .L_IB_head button.L_btnPage.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/icon/act_menu.svg) no-repeat center center/100%;
  opacity: 0.15;
  z-index: 1;
}
main section#L_interno_book .L_IB_foot button.L_btnPage[data-type=sToDoubleP],
main section#L_interno_book .L_IB_head button.L_btnPage[data-type=sToDoubleP] {
  width: 45px;
}
main section#L_interno_book .L_IB_foot button.L_btnPage[data-type=sToDoubleP] svg,
main section#L_interno_book .L_IB_head button.L_btnPage[data-type=sToDoubleP] svg {
  width: 40px;
}
main section#L_interno_book .L_IB_foot button.L_btnPage[data-type=sToDoubleP].active::before,
main section#L_interno_book .L_IB_head button.L_btnPage[data-type=sToDoubleP].active::before {
  width: 45px;
  background: url(../img/icon/act_menu_x2.svg) no-repeat center center/100%;
}
main section#L_interno_book .L_IB_foot button.L_btnPGrid,
main section#L_interno_book .L_IB_head button.L_btnPGrid {
  position: relative;
}
main section#L_interno_book .L_IB_foot button.L_btnPGrid.active::before,
main section#L_interno_book .L_IB_head button.L_btnPGrid.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/icon/act_menu.svg) no-repeat center center/100%;
  opacity: 0.15;
  z-index: 1;
}
main section#L_interno_book .L_IB_foot {
  top: auto;
  bottom: 0;
}
main section#L_interno_book .L_IB_foot .L_CPageNav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
}
main section#L_interno_book .L_IB_foot .L_CPageNav input {
  width: 80px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 14px;
}
main section#L_interno_book .L_IB_foot .L_CPageNav button {
  height: 30px;
  width: 30px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main section#L_interno_book .L_IB_head h2 {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  flex: 1 1 auto;
  text-align: center;
  letter-spacing: 0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
main section#L_interno_book .L_IB_foot.gb-new-IB_foot {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
main section#L_interno_book .L_IB_foot.gb-new-IB_foot .gb-left-side {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
main section#L_interno_book .L_IB_foot.gb-new-IB_foot .gb-left-side button {
  margin: 0;
}
main section#L_interno_book .L_IB_foot.gb-new-IB_foot .gb-left-side button translated-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
main section#L_interno_book .L_IB_foot.gb-new-IB_foot .gb-left-side button .bi {
  font-size: 18px;
}
@media screen and (max-width: 500px) {
  main section#L_interno_book .L_IB_foot.gb-new-IB_foot .gb-left-side button .bi {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  main section#L_interno_book .L_IB_foot.gb-new-IB_foot .gb-left-side button.L_soluzioniBook span {
    height: 20px;
  }
}
@media screen and (max-width: 767px) {
  main section#L_interno_book .L_IB_foot.gb-new-IB_foot .gb-left-side button.L_btnTool {
    display: none !important;
  }
}
main section#L_interno_book .L_IB_foot.gb-new-IB_foot .gb-right-side {
  display: flex;
  align-items: center;
  justify-self: flex-end;
  column-gap: 10px;
}
main section#L_interno_book .L_IB_foot.gb-new-IB_foot .gb-right-side button {
  margin: 0;
}
main section#L_interno_book .L_IB_head.gb-new-IB_head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
@media screen and (max-width: 767px) {
  main section#L_interno_book .L_IB_head.gb-new-IB_head {
    grid-template-columns: auto auto 1fr auto;
    grid-column-gap: 6px;
    padding-left: 10px;
    padding-right: 10px;
  }
  main section#L_interno_book .L_IB_head.gb-new-IB_head h2 {
    order: -1;
  }
  main section#L_interno_book .L_IB_head.gb-new-IB_head .L_GTBook {
    order: -3;
  }
}
main section#L_interno_book .L_IB_head.gb-new-IB_head .gb-button-left {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
main section#L_interno_book .L_IB_head.gb-new-IB_head .gb-button-left button {
  margin: 0;
}
@media screen and (max-width: 767px) {
  main section#L_interno_book .L_IB_head.gb-new-IB_head .gb-button-left {
    display: contents;
  }
}
main section#L_interno_book .L_IB_head.gb-new-IB_head .gb-button-right {
  display: flex;
  align-items: center;
  justify-self: flex-end;
  column-gap: 10px;
}
@media screen and (max-width: 767px) {
  main section#L_interno_book .L_IB_head.gb-new-IB_head .gb-button-right {
    display: none;
  }
}
main section#L_interno_book .L_IB_head.gb-new-IB_head .gb-button-right button {
  margin: 0;
}
main section#L_interno_book menu {
  position: fixed;
  bottom: calc(42px + var(--safe-area-inset-bottom));
  left: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: #379dc7;
  display: flex;
  align-items: center;
  transform: translateY(100%);
  z-index: 1;
  transition: transform 800ms;
}
@media screen and (min-width: 768px) {
  main section#L_interno_book menu {
    display: grid;
    grid-template-columns: 50px calc(100% - 100px) 50px;
    padding-inline: 10px;
  }
}
main section#L_interno_book menu .list_thumbnails {
  width: 100%;
  flex: 1 1 auto;
}
main section#L_interno_book menu button {
  flex: 0 0 auto;
  color: #fff;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  main section#L_interno_book menu button {
    display: none;
  }
}
main section#L_interno_book menu button svg {
  width: 30px;
  height: auto;
  display: block;
}
main section#L_interno_book menu.open {
  transform: translateY(0);
}
main section#L_interno_book menu ul {
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow: auto;
}
main section#L_interno_book menu ul:not(.gb-disable-snap) {
  scroll-snap-type: x mandatory;
}
main section#L_interno_book menu ul::-webkit-scrollbar {
  display: none !important;
}
main section#L_interno_book menu ul li {
  flex: 0 0 auto;
  scroll-snap-align: start;
  padding: 10px 10px;
}
main section#L_interno_book menu ul li a {
  display: block;
  padding: 4px;
  background: #dfe9ef;
  border-radius: 4px;
}
main section#L_interno_book menu ul li a img {
  display: block;
}
@media screen and (max-width: 767px) {
  main section#L_interno_book menu ul li a img {
    height: clamp(80px, 19vw, 110px) !important;
  }
}
main section#L_interno_book menu ul li span {
  display: block;
  font-size: 12px;
  text-align: center;
  color: #fff;
  padding-top: 8px;
}
@media (min-width: 1440px) {
  main section#L_interno_book menu ul li span {
    font-size: 13px;
  }
}
@media (min-width: 1920px) {
  main section#L_interno_book menu ul li span {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  main section#L_interno_book menu ul li span {
    font-size: 10px;
  }
}
main section#L_interno_book #L_toolBar {
  position: fixed;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  margin: 0;
  padding-left: 20px;
  padding-top: 42px;
  padding-bottom: 57px;
  z-index: 2;
  list-style: none;
  display: flex;
  flex-direction: column-reverse;
  will-change: transform;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: transform 0ms 1250ms;
}
body.opnTool main section#L_interno_book #L_toolBar {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  transition: transform 0ms;
}
main section#L_interno_book #L_toolBar > li {
  width: 30px;
  height: 30px;
  margin-top: 6px;
  position: relative;
  -webkit-transform: translateY(60%);
  -ms-transform: translateY(60%);
  -o-transform: translateY(60%);
  -moz-transform: translateY(60%);
  transform: translateY(60%);
  opacity: 0;
}
main section#L_interno_book #L_toolBar > li:nth-child(9) {
  transition: transform 800ms 450ms, opacity 800ms 450ms;
}
main section#L_interno_book #L_toolBar > li:nth-child(8) {
  transition: transform 800ms 400ms, opacity 800ms 400ms;
}
main section#L_interno_book #L_toolBar > li:nth-child(7) {
  transition: transform 800ms 350ms, opacity 800ms 350ms;
}
main section#L_interno_book #L_toolBar > li:nth-child(6) {
  transition: transform 800ms 300ms, opacity 800ms 300ms;
}
main section#L_interno_book #L_toolBar > li:nth-child(5) {
  transition: transform 800ms 250ms, opacity 800ms 250ms;
}
main section#L_interno_book #L_toolBar > li:nth-child(4) {
  transition: transform 800ms 200ms, opacity 800ms 200ms;
}
main section#L_interno_book #L_toolBar > li:nth-child(3) {
  transition: transform 800ms 150ms, opacity 800ms 150ms;
}
main section#L_interno_book #L_toolBar > li:nth-child(2) {
  transition: transform 800ms 100ms, opacity 800ms 100ms;
}
main section#L_interno_book #L_toolBar > li:nth-child(1) {
  transition: transform 800ms 50ms, opacity 800ms 50ms;
}
body.opnTool main section#L_interno_book #L_toolBar > li {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
body.opnTool main section#L_interno_book #L_toolBar > li:nth-child(9) {
  transition: transform 800ms 450ms, opacity 800ms 450ms;
}
body.opnTool main section#L_interno_book #L_toolBar > li:nth-child(8) {
  transition: transform 800ms 400ms, opacity 800ms 400ms;
}
body.opnTool main section#L_interno_book #L_toolBar > li:nth-child(7) {
  transition: transform 800ms 350ms, opacity 800ms 350ms;
}
body.opnTool main section#L_interno_book #L_toolBar > li:nth-child(6) {
  transition: transform 800ms 300ms, opacity 800ms 300ms;
}
body.opnTool main section#L_interno_book #L_toolBar > li:nth-child(5) {
  transition: transform 800ms 250ms, opacity 800ms 250ms;
}
body.opnTool main section#L_interno_book #L_toolBar > li:nth-child(4) {
  transition: transform 800ms 200ms, opacity 800ms 200ms;
}
body.opnTool main section#L_interno_book #L_toolBar > li:nth-child(3) {
  transition: transform 800ms 150ms, opacity 800ms 150ms;
}
body.opnTool main section#L_interno_book #L_toolBar > li:nth-child(2) {
  transition: transform 800ms 100ms, opacity 800ms 100ms;
}
body.opnTool main section#L_interno_book #L_toolBar > li:nth-child(1) {
  transition: transform 800ms 50ms, opacity 800ms 50ms;
}
main section#L_interno_book #L_toolBar > li > ul {
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 400ms 400ms;
  pointer-events: none;
  border-radius: 12px;
  bottom: 0.375vmin;
  will-change: transform;
}
main section#L_interno_book #L_toolBar > li > ul li {
  display: inline-block;
  width: 24px;
  height: 24px;
  opacity: 0;
  transition: opacity 400ms;
  cursor: pointer;
}
main section#L_interno_book #L_toolBar > li > svg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
main section#L_interno_book #L_toolBar > li > svg path {
  fill: #3d85a3;
  box-shadow: 0 1px 2px rgba(52, 52, 52, 0.45);
  transition: fill 400ms;
}
main section#L_interno_book #L_toolBar > li.active > svg path {
  fill: #39b8ed;
}
main section#L_interno_book #L_toolBar > li.active > ul {
  pointer-events: auto;
  transition: transform 400ms;
  transform: scaleX(1);
}
main section#L_interno_book #L_toolBar > li.active > ul li {
  opacity: 1;
  transition: opacity 400ms 400ms;
}
main section#L_interno_book #L_toolBar > li.active > ul li:nth-child(2) {
  transition: opacity 400ms 800ms;
}
main section#L_interno_book #L_toolBar > li.active > ul li:nth-child(3) {
  transition: opacity 400ms 1200ms;
}
main section#L_interno_book #L_toolBar > li.active > ul li:nth-child(4) {
  transition: opacity 400ms 1600ms;
}
main section#L_interno_book #L_toolBar > li.active > ul li:nth-child(5) {
  transition: opacity 400ms 2000ms;
}
main section#L_interno_book #L_toolBar > li.active > ul li:nth-child(6) {
  transition: opacity 400ms 2400ms;
}
main section#L_interno_book #L_toolBar > li.active > ul li:nth-child(7) {
  transition: opacity 400ms 2800ms;
}
main section#L_interno_book #L_toolBar > li.active > ul li:nth-child(8) {
  transition: opacity 400ms 3200ms;
}
main section#L_interno_book #L_toolBar > li button {
  position: relative;
  width: 30px;
  height: 30px;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
main section#L_interno_book #L_toolBar > li button > svg {
  position: static;
  width: 15px;
  height: 15px;
}
main section#L_interno_book #L_toolBar > li button > svg * {
  fill: #fff;
}
main section#L_interno_book #L_toolBar > li:nth-child(4) button svg {
  margin-top: 3px;
}
main section#L_interno_book #L_toolBar > li ul {
  width: auto;
  white-space: nowrap;
  background: #3d85a3;
  position: absolute;
  left: 2px;
  top: 3px;
  padding-right: 15px;
}
main section#L_interno_book #L_toolBar > li ul.pencilOptions li::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #c1c1c1;
  border-radius: 100%;
}
main section#L_interno_book #L_toolBar > li ul.pencilOptions .small {
  position: relative;
}
main section#L_interno_book #L_toolBar > li ul.pencilOptions .small::after {
  margin-top: -2px;
  margin-left: -2px;
  width: 4px;
  height: 4px;
}
main section#L_interno_book #L_toolBar > li ul.pencilOptions .medium {
  position: relative;
}
main section#L_interno_book #L_toolBar > li ul.pencilOptions .medium::after {
  margin-top: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
}
main section#L_interno_book #L_toolBar > li ul.pencilOptions .big {
  position: relative;
}
main section#L_interno_book #L_toolBar > li ul.pencilOptions .big::after {
  margin-top: -8px;
  margin-left: -8px;
  width: 16px;
  height: 16px;
}
main section#L_interno_book #L_toolBar > li ul.pencilOptions li.active::after {
  background: #FFF;
}
main section#L_interno_book #L_toolBar > li ul.textOptions li {
  position: relative;
}
main section#L_interno_book #L_toolBar > li ul.textOptions li svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
main section#L_interno_book #L_toolBar > li ul.textOptions li svg path {
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 400ms;
}
main section#L_interno_book #L_toolBar > li ul.textOptions .small svg {
  width: 6px;
  height: 6px;
}
main section#L_interno_book #L_toolBar > li ul.textOptions .medium svg {
  width: 10px;
  height: 10px;
}
main section#L_interno_book #L_toolBar > li ul.textOptions .big svg {
  width: 15px;
  height: 15px;
}
main section#L_interno_book #L_toolBar > li ul.textOptions li.active svg path {
  fill: rgb(255, 255, 255);
  transition: fill 400ms;
}
main section#L_interno_book #L_toolBar > li ul.arrowOptions li {
  position: relative;
}
main section#L_interno_book #L_toolBar > li ul.arrowOptions li svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
main section#L_interno_book #L_toolBar > li ul.arrowOptions li svg rect, main section#L_interno_book #L_toolBar > li ul.arrowOptions li svg polygon {
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 400ms;
}
main section#L_interno_book #L_toolBar > li ul.arrowOptions li.active svg rect, main section#L_interno_book #L_toolBar > li ul.arrowOptions li.active svg polygon {
  fill: rgb(255, 255, 255);
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li {
  position: relative;
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 14px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  opacity: 0;
  transition: opacity 400ms;
  transform: translate(-50%, -50%);
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li.active::before {
  opacity: 1;
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  background: #c1c1c1;
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li[data-color]::after {
  background-color: #000000;
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li[data-color="#a30009"]::after {
  background-color: #a30009;
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li[data-color="#3fa2d7"]::after {
  background-color: #3fa2d7;
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li[data-color="#39a934"]::after {
  background-color: #39a934;
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li[data-color="#ffed00"]::after {
  background-color: #ffed00;
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li[data-color="#e20078"]::after {
  background-color: #e20078;
}
main section#L_interno_book #L_toolBar > li ul.colorOptions li[data-color="#ffffff"]::after {
  background-color: #ffffff;
}
main section#L_interno_book #L_toolBar > li ul.shapesOptions li {
  position: relative;
}
main section#L_interno_book #L_toolBar > li ul.shapesOptions li svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
main section#L_interno_book #L_toolBar > li ul.shapesOptions li svg rect, main section#L_interno_book #L_toolBar > li ul.shapesOptions li svg polygon, main section#L_interno_book #L_toolBar > li ul.shapesOptions li svg path {
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 400ms;
}
main section#L_interno_book #L_toolBar > li ul.shapesOptions li.active svg rect, main section#L_interno_book #L_toolBar > li ul.shapesOptions li.active svg polygon, main section#L_interno_book #L_toolBar > li ul.shapesOptions li.active svg path {
  fill: rgb(255, 255, 255);
}
main section#L_interno_book #L_toolBar > li ul.maskShapesOptions li {
  position: relative;
}
main section#L_interno_book #L_toolBar > li ul.maskShapesOptions li svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
main section#L_interno_book #L_toolBar > li ul.maskShapesOptions li svg rect, main section#L_interno_book #L_toolBar > li ul.maskShapesOptions li svg polygon, main section#L_interno_book #L_toolBar > li ul.maskShapesOptions li svg path {
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 400ms;
}
main section#L_interno_book #L_toolBar > li ul.maskShapesOptions li.active svg rect, main section#L_interno_book #L_toolBar > li ul.maskShapesOptions li.active svg polygon, main section#L_interno_book #L_toolBar > li ul.maskShapesOptions li.active svg path {
  fill: rgb(255, 255, 255);
}
main section#L_interno_book #L_toolBar > li ul.deleteOptions li {
  position: relative;
}
main section#L_interno_book #L_toolBar > li ul.deleteOptions li svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
main section#L_interno_book #L_toolBar > li ul.deleteOptions li svg rect, main section#L_interno_book #L_toolBar > li ul.deleteOptions li svg polygon, main section#L_interno_book #L_toolBar > li ul.deleteOptions li svg path {
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 400ms;
}
main section#L_interno_book #L_toolBar > li ul.deleteOptions li.active svg rect, main section#L_interno_book #L_toolBar > li ul.deleteOptions li.active svg polygon, main section#L_interno_book #L_toolBar > li ul.deleteOptions li.active svg path {
  fill: rgb(255, 255, 255);
}
main section#L_interno_book #wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  z-index: 1;
}
main section#L_interno_book #gesture-area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
main section#L_interno_book #translate-area {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
}
main section#L_interno_book #tools-container, main section#L_interno_book #mask-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
main section#L_interno_book #translate-area.transition {
  transition: transform 600ms;
}
main section#L_interno_book #resize-area {
  white-space: nowrap;
  transition: transform 600ms;
  position: relative;
}
.isTouchDevice main section#L_interno_book #resize-area {
  transition: none;
}
main section#L_interno_book #translate-area img {
  display: inline-block;
  transform: translateZ(0);
  pointer-events: none;
}
main section#L_interno_book .pageContainer {
  display: inline-block;
  position: relative;
}
main section#L_interno_book .page_box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
main section#L_interno_book .page_box.noImage.hover {
  background: rgba(57, 184, 237, 0.3);
  border: solid 4px #39b8ed;
  border-radius: 10px;
  box-shadow: 0px 0px 17px 5px rgba(57, 184, 237, 0.4);
}

.mediaPlayerDiv {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #39b8ed;
  z-index: 10;
  padding-left: 65px;
  padding-right: 65px;
  align-items: center;
  will-change: transform;
  display: flex;
  height: calc(40px + var(--safe-area-inset-bottom));
  padding-bottom: var(--safe-area-inset-bottom);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
  transition: transform 800ms;
}
.mediaPlayerDiv.audioUp {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
  transition: transform 800ms;
}
.mediaPlayerDiv button {
  display: flex;
  align-content: center;
  justify-content: center;
  padding: 0;
}
.mediaPlayerDiv button.playme {
  height: 20px;
  width: 20px;
}
.mediaPlayerDiv button.playme svg {
  height: 20px;
  width: 20px;
}
.mediaPlayerDiv button.playme svg:nth-of-type(1) {
  display: block;
  fill: transparent;
  stroke: #fff;
  stroke-width: 0.1em;
}
.mediaPlayerDiv button.playme svg:nth-of-type(2) {
  display: none;
  fill: #fff;
}
.mediaPlayerDiv button.playme.pauseme svg:nth-of-type(1) {
  display: none;
}
.mediaPlayerDiv button.playme.pauseme svg:nth-of-type(2) {
  display: block;
}
.mediaPlayerDiv button.audioctrl {
  display: block;
  height: 20px;
  width: 20px;
}
.mediaPlayerDiv button.audioctrl svg {
  height: 20px;
  width: 20px;
  fill: #fff;
}
.mediaPlayerDiv button.gb-share-open {
  height: 20px;
  width: 20px;
  flex: 0 0 auto;
  fill: #fff;
}
.mediaPlayerDiv button.gb-share-open svg {
  width: 100%;
  height: 100%;
}
.mediaPlayerDiv button.exitaudio {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  position: relative;
  flex: 0 0 20px;
}
.mediaPlayerDiv button.exitaudio::before, .mediaPlayerDiv button.exitaudio::after {
  content: "";
  height: 2px;
  width: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.mediaPlayerDiv button.exitaudio::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.mediaPlayerDiv button.subtitlesBtn {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  flex: 0 0;
  display: var(--show, none);
}
.subs {
  --show: block;
}

.subsEnabled {
  --fill: #FFFFFF;
  --fillRev: #39b8ed;
}

.mediaPlayerDiv button.subtitlesBtn svg {
  height: 20px;
  width: 20px;
  fill: var(--fill, #FFFFFF);
}
.mediaPlayerDiv button.subtitlesBtn svg .gb-activebg {
  fill: var(--fill, transparent);
}
.mediaPlayerDiv button.subtitlesBtn svg .gb-righe {
  fill: var(--fillRev, #FFFFFF);
}
.mediaPlayerDiv button.subtitlesBtn {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  flex: 0 0;
  display: var(--show, none);
}
.subs {
  --show: block;
}

.subsEnabled {
  --fill: #FFFFFF;
  --fillRev: #39b8ed;
}

.mediaPlayerDiv button.subtitlesBtn svg {
  height: 20px;
  width: 20px;
  fill: var(--fill, #FFFFFF);
}
.mediaPlayerDiv button.subtitlesBtn svg .gb-activebg {
  fill: var(--fill, transparent);
}
.mediaPlayerDiv button.subtitlesBtn svg .gb-righe {
  fill: var(--fillRev, #FFFFFF);
}
.mediaPlayerDiv button.karaokeBtn {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  flex: 0 0;
  display: var(--showKaraoke, none);
}
.karaoke {
  --showKaraoke: block;
}

.karaokeEnabled {
  --fillKaraoke: #FFFFFF;
  --fillKaraokeRev: #39b8ed;
}

.mediaPlayerDiv button.karaokeBtn svg {
  height: 20px;
  width: 20px;
  fill: var(--fillKaraoke, #FFFFFF);
}
.mediaPlayerDiv button.karaokeBtn svg .gb-activebg {
  fill: var(--fillKaraoke, transparent);
}
.mediaPlayerDiv button.karaokeBtn svg .gb-righe {
  fill: var(--fillKaraokeRev, #FFFFFF);
}
.mediaPlayerDiv button.fscreenme {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  flex: 0 0;
}
.mediaPlayerDiv button.fscreenme svg {
  height: 20px;
  width: 20px;
  fill: #fff;
}
html.ios .mediaPlayerDiv button.fscreenme {
  display: none;
}
.mediaPlayerDiv .timeBar {
  margin-left: 10px;
  margin-right: 10px;
  width: auto;
  height: 4px;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  overflow: hidden;
  flex: 0 1 100%;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .mediaPlayerDiv .timeBar {
    height: 8px;
  }
}
.mediaPlayerDiv .timeBar span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
}
.mediaPlayerDiv .timeBar span:not(.noTransition) {
  transition: width 500ms linear;
}
.mediaPlayerDiv em {
  font-size: 12px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  margin-right: 30px;
  flex: 0 0 auto;
}
@media (min-width: 1440px) {
  .mediaPlayerDiv em {
    font-size: 13px;
  }
}
@media (min-width: 1920px) {
  .mediaPlayerDiv em {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .mediaPlayerDiv em {
    font-size: 10px;
  }
}
.mediaPlayerDiv .audioBar {
  width: 104px;
  height: 4px;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  margin-left: 6px;
  margin-right: 30px;
}
.mediaPlayerDiv .audioBar span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  transition: width 100ms;
}
@media (max-width: 767px) {
  .mediaPlayerDiv {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.popupvideoplayer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10;
  padding-bottom: 40px;
}
body.isvideoplayer .popupvideoplayer {
  display: block;
}
.popupvideoplayer.subsEnabled {
  --sub:block;
}
.popupvideoplayer.karaokeEnabled {
  --subKaraoke:block;
}
.popupvideoplayer .closeVideoPlayer {
  position: absolute;
  top: calc(26px + var(--safe-area-inset-top));
  right: 26px;
  height: 20px;
  width: 20px;
  padding: 0;
}
.popupvideoplayer .closeVideoPlayer::before, .popupvideoplayer .closeVideoPlayer::after {
  content: "";
  height: 2px;
  width: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  background: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
}
.popupvideoplayer .closeVideoPlayer::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.popupvideoplayer .videoPlayerDiv {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.popupvideoplayer .videoPlayerDiv .content_video {
  width: 80%;
  height: 80%;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  .popupvideoplayer .videoPlayerDiv .content_video {
    width: 95%;
  }
}
.popupvideoplayer .videoPlayerDiv .content_video video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.popupvideoplayer .videoPlayerDiv .content_video .subtitles {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: rgba(255, 255, 255, 0.7);
  color: #000;
  font-size: 14px;
  text-align: center;
  display: var(--sub, none);
  z-index: 99999999;
}
.popupvideoplayer .videoPlayerDiv .content_video .karaokeSubtitles {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: rgba(255, 255, 255, 0.7);
  color: #000;
  font-size: 18px;
  text-align: center;
  display: var(--subKaraoke, none);
  z-index: 99999999;
}
.popupvideoplayer .videoPlayerDiv .videoControl {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #39b8ed;
  align-items: center;
  display: flex;
  padding-left: 65px;
  padding-right: 65px;
  height: calc(40px + var(--safe-area-inset-bottom));
  padding-bottom: var(--safe-area-inset-bottom);
}
@media (max-width: 767px) {
  .popupvideoplayer .videoPlayerDiv .videoControl {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.popupvideoplayer .videoPlayerDiv .videoControl button {
  display: flex;
  align-content: center;
  justify-content: center;
  padding: 0;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.playme {
  height: 20px;
  width: 20px;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.playme svg {
  height: 20px;
  width: 20px;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.playme svg:nth-of-type(1) {
  display: block;
  fill: transparent;
  stroke: #fff;
  stroke-width: 0.1em;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.playme svg:nth-of-type(2) {
  display: none;
  fill: #fff;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.playme.pauseme svg:nth-of-type(1) {
  display: none;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.playme.pauseme svg:nth-of-type(2) {
  display: block;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.audioctrl {
  display: block;
  height: 20px;
  width: 20px;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.audioctrl svg {
  height: 20px;
  width: 20px;
  fill: #fff;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.gb-share-open {
  height: 20px;
  width: 20px;
  flex: 0 0 auto;
  fill: #fff;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.gb-share-open svg {
  width: 100%;
  height: 100%;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.exitaudio {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  position: relative;
  flex: 0 0 20px;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.exitaudio::before, .popupvideoplayer .videoPlayerDiv .videoControl button.exitaudio::after {
  content: "";
  height: 2px;
  width: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.exitaudio::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.popupvideoplayer .videoPlayerDiv .videoControl button.subtitlesBtn {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  flex: 0 0;
  display: var(--show, none);
}
.subs {
  --show: block;
}

.subsEnabled {
  --fill: #FFFFFF;
  --fillRev: #39b8ed;
}

.popupvideoplayer .videoPlayerDiv .videoControl button.subtitlesBtn svg {
  height: 20px;
  width: 20px;
  fill: var(--fill, #FFFFFF);
}
.popupvideoplayer .videoPlayerDiv .videoControl button.subtitlesBtn svg .gb-activebg {
  fill: var(--fill, transparent);
}
.popupvideoplayer .videoPlayerDiv .videoControl button.subtitlesBtn svg .gb-righe {
  fill: var(--fillRev, #FFFFFF);
}
.popupvideoplayer .videoPlayerDiv .videoControl button.subtitlesBtn {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  flex: 0 0;
  display: var(--show, none);
}
.subs {
  --show: block;
}

.subsEnabled {
  --fill: #FFFFFF;
  --fillRev: #39b8ed;
}

.popupvideoplayer .videoPlayerDiv .videoControl button.subtitlesBtn svg {
  height: 20px;
  width: 20px;
  fill: var(--fill, #FFFFFF);
}
.popupvideoplayer .videoPlayerDiv .videoControl button.subtitlesBtn svg .gb-activebg {
  fill: var(--fill, transparent);
}
.popupvideoplayer .videoPlayerDiv .videoControl button.subtitlesBtn svg .gb-righe {
  fill: var(--fillRev, #FFFFFF);
}
.popupvideoplayer .videoPlayerDiv .videoControl button.karaokeBtn {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  flex: 0 0;
  display: var(--showKaraoke, none);
}
.karaoke {
  --showKaraoke: block;
}

.karaokeEnabled {
  --fillKaraoke: #FFFFFF;
  --fillKaraokeRev: #39b8ed;
}

.popupvideoplayer .videoPlayerDiv .videoControl button.karaokeBtn svg {
  height: 20px;
  width: 20px;
  fill: var(--fillKaraoke, #FFFFFF);
}
.popupvideoplayer .videoPlayerDiv .videoControl button.karaokeBtn svg .gb-activebg {
  fill: var(--fillKaraoke, transparent);
}
.popupvideoplayer .videoPlayerDiv .videoControl button.karaokeBtn svg .gb-righe {
  fill: var(--fillKaraokeRev, #FFFFFF);
}
.popupvideoplayer .videoPlayerDiv .videoControl button.fscreenme {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  flex: 0 0;
}
.popupvideoplayer .videoPlayerDiv .videoControl button.fscreenme svg {
  height: 20px;
  width: 20px;
  fill: #fff;
}
html.ios .popupvideoplayer .videoPlayerDiv .videoControl button.fscreenme {
  display: none;
}
.popupvideoplayer .videoPlayerDiv .videoControl .timeBar {
  margin-left: 10px;
  margin-right: 10px;
  width: auto;
  height: 4px;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  overflow: hidden;
  flex: 0 1 100%;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .popupvideoplayer .videoPlayerDiv .videoControl .timeBar {
    height: 8px;
  }
}
.popupvideoplayer .videoPlayerDiv .videoControl .timeBar span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
}
.popupvideoplayer .videoPlayerDiv .videoControl .timeBar span:not(.noTransition) {
  transition: width 500ms linear;
}
.popupvideoplayer .videoPlayerDiv .videoControl em {
  font-size: 12px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  margin-right: 30px;
  flex: 0 0 auto;
}
@media (min-width: 1440px) {
  .popupvideoplayer .videoPlayerDiv .videoControl em {
    font-size: 13px;
  }
}
@media (min-width: 1920px) {
  .popupvideoplayer .videoPlayerDiv .videoControl em {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .popupvideoplayer .videoPlayerDiv .videoControl em {
    font-size: 10px;
  }
}
.popupvideoplayer .videoPlayerDiv .videoControl .audioBar {
  width: 104px;
  height: 4px;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  margin-left: 6px;
  margin-right: 30px;
}
.popupvideoplayer .videoPlayerDiv .videoControl .audioBar span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  transition: width 100ms;
}

.mediaImmagine {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: none;
}
body.ismImg .mediaImmagine {
  display: flex;
}
.mediaImmagine .closemediaImg {
  position: absolute;
  top: 26px;
  right: 26px;
  height: 20px;
  width: 20px;
  padding: 0;
}
.mediaImmagine .closemediaImg::before, .mediaImmagine .closemediaImg::after {
  content: "";
  height: 2px;
  width: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  background: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
}
.mediaImmagine .closemediaImg::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.mediaImmagine figure {
  width: 80%;
  height: 80%;
  margin: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@supports not (object-fit: contain) {
  .mediaImmagine figure {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.mediaImmagine figure img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@supports not (object-fit: contain) {
  .mediaImmagine figure img {
    display: none;
  }
}

.updateAvailable {
  background: #dfe9ef;
  position: fixed;
  width: 100%;
  padding: 0;
  bottom: -54px;
  left: 0;
  z-index: 8;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
  transition: bottom 800ms;
}
.updateAvailable p {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.02em;
  font-size: 14px;
}
.updateAvailable button {
  padding: 10px 22px 6px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  background: #39b8ed;
  font-family: "conduit itc", sans-serif;
  font-size: 16px;
  letter-spacing: 0.04em;
  border-radius: 6px;
}
.updateAvailable.show {
  bottom: 0;
}

.overlayIframe {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #dfe9ee;
}
.overlayIframe header {
  position: fixed;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  height: calc(42px + var(--safe-area-inset-top));
  padding-top: var(--safe-area-inset-top);
  background: #39b8ed;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 2;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.overlayIframe header .gb-side {
  display: flex;
  width: 120px;
}
.overlayIframe header .gb-side:not(:first-child) {
  justify-content: flex-end;
}
.overlayIframe header button svg {
  display: inline-block;
  height: 18px;
  vertical-align: middle;
  fill: #FFF;
  margin-right: 10px;
}
.overlayIframe header button span {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  white-space: nowrap;
}
.overlayIframe header button.gb-share-open svg {
  height: 20px;
  margin-left: 10px;
  margin-right: 0;
}
.overlayIframe header h2 {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  flex: 1 1 auto;
  text-align: center;
  letter-spacing: 0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overlayIframe .iframe {
  position: fixed;
  top: calc(70px + var(--safe-area-inset-top));
  left: 70px;
  width: calc(100% - 140px);
  height: calc(100% - 100px - var(--safe-area-inset-bottom) - var(--safe-area-inset-top));
  border: 0;
  background: #FFF;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 991px) {
  .overlayIframe .iframe {
    left: 10px;
    width: calc(100% - 20px);
  }
}
@media (min-width: 1100px) {
  .overlayIframe .iframe {
    max-width: 1100px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.overlayIframe .iframe iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.overlayIframe footer {
  position: fixed;
  align-items: center;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  height: 42px;
  background: #39b8ed;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 2;
  display: none;
}
.overlayIframe .successPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}
.overlayIframe .successPopup > div {
  width: 600px;
  height: 400px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  background-color: #dfe9ee;
}
.overlayIframe .successPopup > div h1 {
  color: #39b8ed;
  text-transform: uppercase;
  font-size: 50px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  margin: 0;
}
.overlayIframe .successPopup > div p {
  font-size: 20px;
  margin: 0;
}
.overlayIframe .successPopup > div button:not(.close) {
  background: #39b8ed;
  border-radius: 5px;
  padding: 10px 14px;
  border: solid 1px #39b8ed;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  color: #FFF;
  margin-top: 80px;
}
.overlayIframe .successPopup > div button:not(.close) span {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.overlayIframe .successPopup > div button.close {
  position: absolute;
  right: 8px;
  top: 8px;
  margin: 0;
}

@keyframes beforeLoad {
  from {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
  }
  to {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
  }
}
@keyframes afterLoad {
  from {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
  }
  to {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
  }
}
@keyframes libraryBg {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
  1% {
    opacity: 0.4;
  }
  99% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translateX(7%);
    -ms-transform: translateX(7%);
    -o-transform: translateX(7%);
    -moz-transform: translateX(7%);
    transform: translateX(7%);
    opacity: 0;
  }
}
@media (max-width: 991px) {
  main .head_menu {
    padding-left: 2vmin;
    padding-right: 2vmin;
  }
  main section#L_login {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  html.ios body.isNewUser main section#L_login .loginTab {
    display: none;
    transition: none;
  }
  main section#L_login .loginTab .login {
    width: 82vmin;
    max-width: 300px;
    padding: 4vmin;
  }
  main section#L_login .loginTab .login .checkbox {
    margin-top: 2vmin;
  }
  main section#L_login .loginTab .login .checkbox label.materialcheckbox {
    padding: 0 0 0 18px;
  }
  main section#L_login .loginTab .login .checkbox label.materialcheckbox::before {
    top: 0.2em;
  }
  main section#L_login .loginTab .login .L_accedi {
    padding-top: 2vmin;
  }
  main section#L_login .loginTab .login .L_subscribe ul {
    padding-top: 2vmin;
  }
  main section#L_login .loginTab .login .L_subscribe ul li button {
    padding: 1.5vmin;
  }
}
@media (max-width: 767px) {
  html.ios body,
  html.ios html {
    height: 100%;
    width: 100%;
  }
  header {
    height: calc(44px + var(--safe-area-inset-top));
  }
  header img {
    width: auto;
    height: 30px;
  }
  body.L_fromMenu main .L_animFormLog .L_animHead {
    height: 44px;
  }
  body.L_fromMenu main .L_animFormLog::before {
    height: 44px;
  }
  body.L_fromMenu main .L_animFormLog::after {
    top: 44px;
    height: calc(100% - 44px);
  }
  main .head_menu {
    padding-left: 4vmin;
    padding-right: 4vmin;
  }
  body.L_fromMenu main .head_menu, body.L_user main .head_menu {
    height: calc(44px + var(--safe-area-inset-top));
  }
  main .head_menu .L_HeadLSide ul.L_userHello li {
    display: none;
  }
  main .head_menu .L_HeadLSide ul.L_userHello li:last-child {
    display: block;
  }
  main .head_menu .L_HeadLSide ul.L_userHello li:last-child button {
    width: 26px;
    height: 26px;
    padding: 2px;
    position: relative;
  }
  main .head_menu .L_HeadLSide ul.L_userHello li:last-child button svg {
    width: 100%;
    height: 100%;
    fill: #000000;
  }
  main .head_menu .L_HeadRSide {
    align-items: flex-start;
    flex-direction: column;
    position: fixed;
    lefT: 0;
    top: 44px;
    height: calc(100vh - 44px);
    background: #d8e1e6;
    width: 80%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    will-change: transform;
    transition: transform 800ms, opacity 800ms !important;
  }
  body.oMM main .head_menu .L_HeadRSide {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    transition: transform 800ms;
  }
  main .head_menu .L_HeadRSide ul.L_menu {
    padding-top: 20px;
  }
  main .head_menu .L_HeadRSide ul.L_menu li {
    display: block;
    text-align: left;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  }
  main .head_menu .L_HeadRSide ul.L_menu li.mobiSearch {
    display: block !important;
  }
  main .head_menu .L_HeadRSide ul.L_menu li.mobiSearch input[type=search] {
    width: 100%;
    font-size: 16px;
    padding: 10px 10px 10px 49px;
    background: url(../img/icon/lens.svg) no-repeat left 10px center/22px 22px;
  }
  main .head_menu .L_HeadRSide ul.L_menu li.mobiSearch input[type=search]::-webkit-input-placeholder {
    color: #000000;
    opacity: 1;
    font-size: 16px;
  }
  main .head_menu .L_HeadRSide ul.L_menu li.mobiSearch input[type=search]::-moz-placeholder {
    color: #000000;
    opacity: 1;
    font-size: 16px;
  }
  main .head_menu .L_HeadRSide ul.L_menu li.mobiSearch input[type=search]:-ms-input-placeholder {
    color: #000000;
    opacity: 1;
    font-size: 16px;
  }
  main .head_menu .L_HeadRSide ul.L_menu li.mobiSearch input[type=search]:-moz-placeholder {
    color: #000000;
    opacity: 1;
    font-size: 16px;
  }
  main .head_menu .L_HeadRSide ul.L_menu li button {
    width: 100%;
    padding: 10px 10px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  main .head_menu .L_HeadRSide ul.L_menu li button img {
    margin-right: 14px;
  }
  main .head_menu .L_HeadRSide ul.L_menu li button span {
    display: inline-block;
    font-size: 16px;
  }
  main .head_menu .L_HeadRSide ul.L_menu li button::before {
    top: 18% !important;
    left: 22px !important;
  }
  main .head_menu .L_HeadRSide ul.L_menu li:nth-last-child(2) {
    display: none;
  }
  main section {
    padding-top: 44px;
  }
  main section#L_login {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  html.ios body.isNewUser main section#L_login .loginTab {
    display: none;
    transition: none;
  }
  main section#L_login .loginTab .login {
    width: 82vmin;
    max-width: 300px;
    padding: 7vmin;
  }
  main section#L_login .loginTab .login .checkbox {
    margin-top: 6vmin;
  }
  main section#L_login .loginTab .login .checkbox label.materialcheckbox {
    padding: 0 0 0 18px;
  }
  main section#L_login .loginTab .login .checkbox label.materialcheckbox::before {
    top: 0.2em;
  }
  main section#L_login .loginTab .login .L_accedi {
    padding-top: 4vmin;
  }
  main section#L_login .loginTab .login .L_subscribe ul {
    padding-top: 6vmin;
  }
  main section#L_login .loginTab .login .L_subscribe ul li button {
    padding: 1.5vmin;
  }
  main section#L_login::after {
    display: none !important;
  }
  main section#L_login::before {
    display: block;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  main section#L_libr .L_nfBar {
    padding-left: 4vmin;
    padding-right: 4vmin;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 10;
  }
  main section#L_libr .L_nfBar .L_countBook {
    display: none;
  }
  main section#L_libr .L_nfBar .L_fltr_lbr {
    position: fixed;
    lefT: 0;
    top: 44px;
    height: calc(100vh - 44px);
    background: #cbd3d8;
    width: 80%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    will-change: transform;
    transition: transform 800ms, opacity 800ms !important;
  }
  body.fltrmobi main section#L_libr .L_nfBar .L_fltr_lbr {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    transition: transform 800ms;
  }
  main section#L_libr .L_nfBar .L_fltr_lbr button.exit {
    display: block;
  }
  main section#L_libr .L_nfBar .L_fltr_lbr .L_crcInpt {
    display: none !important;
  }
  main section#L_libr .L_nfBar .L_fltr_lbr .L_fltrName {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1 !important;
  }
  main section#L_libr .L_nfBar .L_fltr_lbr .L_fltrName ul {
    opacity: 1 !important;
    pointer-events: auto;
    padding-top: 20px;
  }
  main section#L_libr .L_nfBar .L_fltr_lbr .L_fltrName ul li {
    display: block;
    text-align: left;
    margin: 0;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  }
  main section#L_libr .L_nfBar .L_fltr_lbr .L_fltrName ul li button {
    width: 100%;
    padding: 10px 10px;
    font-size: 16px;
    text-align: left;
  }
  main section#L_libr .L_nfBar .L_fltr_lbr .L_fltrName ul li button::after {
    display: none !important;
  }
  main section#L_accesso_book .L_bcrumb {
    padding-lefT: 15px;
    padding-right: 15px;
    padding-top: 18px;
  }
  main section#L_accesso_book .L_acssB_clist .L_acssB_ttl {
    padding-left: 15px;
    padding-right: 15px;
  }
  main section#L_accesso_book .L_acssB_clist .L_acssB_list {
    padding-lefT: 15px;
    padding-right: 15px;
    padding-top: 28px;
  }
  main section#L_interno_book .L_IB_foot button.L_btnPage, main section#L_interno_book .L_IB_foot button.L_noUsed, main section#L_interno_book .L_IB_foot button.L_btnZoom,
  main section#L_interno_book .L_IB_head button.L_btnPage,
  main section#L_interno_book .L_IB_head button.L_noUsed,
  main section#L_interno_book .L_IB_head button.L_btnZoom {
    display: none;
  }
  main section#L_interno_book .L_IB_foot button.L_btnTool,
  main section#L_interno_book .L_IB_head button.L_btnTool {
    opacity: 0;
    pointer-events: none;
  }
  main section#L_interno_book .L_IB_foot .L_CPageNav,
  main section#L_interno_book .L_IB_head .L_CPageNav {
    margin-right: 10px;
  }
  main section#L_interno_book menu ul li a img {
    height: 29vmin;
    width: auto;
  }
}
body.portable #L_accesso_book .L_bcrumb {
  visibility: hidden;
  pointer-events: none;
}
body.portable .gb-share-open {
  visibility: hidden !important;
  pointer-events: none !important;
}

html[lang=it] [data-showlang]:not([data-showlang=it]) {
  display: none !important;
}

html[lang=en] [data-showlang]:not([data-showlang=en]) {
  display: none !important;
}

.gb-close {
  height: 20px;
  width: 20px;
  margin-left: 30px;
  position: relative;
  flex: 0 0 20px;
  background: none !important;
  padding: 10px !important;
}
.gb-close::before, .gb-close::after {
  content: "";
  height: 2px;
  width: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
}
.gb-close::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

translated-text {
  display: inline-block;
}

/*# sourceMappingURL=main.css.map */