/*  GESTIONE NUOVO MENU RAIPLAY */
.menu {
  margin: 0;
  list-style-type: none;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.menu > li {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

[data-whatinput="mouse"] .menu > li {
  outline: 0; }

.menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1; }

.menu input,
.menu a,
.menu button {
  margin-bottom: 0; }

.menu > li > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.menu > li > a {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }

.menu > li > a img,
.menu > li > a i {
  margin-right: 0.25rem; }

.menu > li {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.menu.vertical {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.menu.vertical > li {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.menu.vertical > li > a {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }


@media screen and (min-width: 40em) {
  .menu.medium-horizontal {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .menu.medium-horizontal > li {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .menu.medium-vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .menu.medium-vertical > li {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .menu.medium-vertical > li > a {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

@media screen and (min-width: 64em) {
  .menu.large-horizontal {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .menu.large-horizontal > li {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .menu.large-vertical {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .menu.large-vertical > li {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .menu.large-vertical > li > a {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

.menu.simple li {
  line-height: 1;
  display: inline-block;
  margin-right: 1rem; }

.menu.simple a {
  padding: 0; }

.menu.align-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.menu.expanded > li {
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px; }

.menu.expanded > li:first-child:last-child {
  width: 100%; }

.menu.icon-top > li > a {
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.menu.icon-top > li > a img,
.menu.icon-top > li > a i {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-align: center;
  margin-bottom: 0.25rem; }

.menu.nested {
  margin-left: 1rem; }

.menu .active > a {
  color: #fefefe;
  background: #2199e8; }

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem; }

.menu-centered {
  text-align: center; }

.menu-centered > .menu {
  display: inline-block; }

.no-js [data-responsive-menu] ul {
  display: none; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }

.menu-icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  top: 0;
  left: 0;
  box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe; }

.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 9px 0 #cacaca, 0 18px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }

.menu-icon.dark::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  top: 0;
  left: 0;
  box-shadow: 0 9px 0 #0a0a0a, 0 18px 0 #0a0a0a; }

.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 9px 0 #8a8a8a, 0 18px 0 #8a8a8a; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  left: auto;
  right: 0;
  top: 100%; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 0;
  top: 100%; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  padding-right: 1.5rem;
  position: relative; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #2199e8 transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px; }

[data-whatinput="mouse"] .dropdown.menu a {
  outline: 0; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu {
  left: auto;
  right: 100%; }

.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu {
  right: auto;
  left: 100%; }

.dropdown.menu.vertical > li > a::after {
  right: 14px;
  margin-top: -3px; }

.dropdown.menu.vertical > li.opens-left > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  border-left-width: 0; }

.dropdown.menu.vertical > li.opens-right > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
  border-right-width: 0; }

@media screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0; } }

@media screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0; }

.is-dropdown-menu.vertical {
  width: 100px; }

.is-dropdown-menu.vertical.align-right {
  float: right; }

.is-dropdown-submenu-parent {
  position: relative; }

.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px; }

.is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
  top: 100%; }

.is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
  left: auto;
  right: 0;
  top: 100%; }

.is-dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #fefefe;
  border: 1px solid #cacaca; }

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
  margin-top: -3px; }

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  border-left-width: 0; }

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
  border-right-width: 0; }

.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px; }

.is-dropdown-submenu > li {
  width: 100%; }

.is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu,
.is-dropdown-submenu.js-dropdown-active {
  display: block; }

.title-bar {
  background: #0a0a0a;
  color: #fefefe;
  padding: 0.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.5rem; }

.title-bar-left,
.title-bar-right {
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px; }

.title-bar-right {
  text-align: right; }

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }

.menu-icon.dark::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  top: 0;
  left: 0;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }

.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.top-bar-left,
.top-bar-right {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

@media screen and (min-width: 40em) {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  .top-bar-left,
  .top-bar-right {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; } }

.top-bar-title {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 1rem; }

.top-bar-left,
.top-bar-right {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active,
.show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important; } }

@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; } }

@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.clearfix::after {
  clear: both; }

.align-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.align-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.align-justify {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.align-spaced {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.align-top {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.align-self-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.align-bottom {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

.align-self-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.align-middle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.align-self-middle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.align-stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.align-self-stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.small {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.small {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.small {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3; }

.small {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4; }

.small {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5; }

.small {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6; }

@media screen and (min-width: 40em) {
  .medium {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .medium {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .medium {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .medium {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .medium {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .medium {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; } }

@media screen and (min-width: 64em) {
  .large {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .large {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .large {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .large {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .large {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .large {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; } }

/*# sourceMappingURL=foundation-flex.css.map */
#cerca-barra .box {
  display: block;
  float: left;
  position: relative;
  height: auto;
  background: transparent;
  border: 0;
  margin: 0;
  box-shadow: none; }

.container-2 {
  position: relative;
  height: 40px;
  margin: 0;
  padding: 20px 0 !important;
  float: left;
  display: block;
  width: 40px; }

input#search-barra {
  display: block;
  padding: 12px;
  width: calc(100% - 70px);
  height: 40px;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px 0 0 5px;
  font-size: 0.8rem;
  color: #ffffff; }

.container-2 input#search-barra {
  position: absolute;
  width: 0;
  padding: 0;
  right: 60px;
  text-indent: 10px;
  border-radius: 5px;
  -webkit-transition: all 500ms;
  transition: all 500ms; }

.container-2:hover input#search-barra,
.container-2 input#search-barra:focus {
  width: 500px;
  box-shadow: none;
  color: #fff; }

#cerca-barra .icon {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
  font-size: 0; }

#cerca-barra .icon img {
  margin-top: 8px; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1;
  overflow: visible; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

svg:not(:root) {
  overflow: hidden; }

.row {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto; }

.column,
.columns {
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.small {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6; }

.small-1 {
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.small-12 {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.row.top_row .row {
  margin: 0 auto;
  padding: 1.25rem 0; }

.align-middle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.small-12 .title-bar {
  background: transparent; }

.maskOverlay,
.mainMenuContainer {
  display: block;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  z-index: 100;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease; }

.maskOverlay.opened,
.mainMenuContainer.opened {
  opacity: 1;
  visibility: visible; }

#barraRai {
  display: none;
  max-width: inherit;
  margin: 0 !important;
  height: 80px;
  z-index: 200;
  position: relative;
  background: #475358;
  overflow: hidden; }

.top-bar {
  max-width: 1272px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0.5rem; }

.top-bar,
.top-bar ul {
  background: transparent !important;
  height: 80px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 !important; }

.top-bar .logo {
  height: 80px;
  width: 80px;
  flex: initial;
  padding: 0; }

.top-bar div {
  padding: 0; }

.dropdown.menu {
  position: relative; }

.top-bar ul li a {
  color: #fff;
  font-size: 0.875rem; }

.top-bar ul,
.dropdown.menu {
  background: transparent; }

.top-bar-left,
.top-bar-right {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.top-bar .top-bar-right {
  float: right; }

.top-bar ul li#barraRaiBtn {
  width: 48px;
  height: 48px;
  margin-right: 7px;
  cursor: pointer; }

.top-bar ul li#barraRaiBtn .img {
  font-family: "rai24";
  color: white;
  font-size: 48px;
  top: 0 !important; }

#barraRaiMenuIcon {
  width: 22px;
  height: 20px;
  top: 14px;
  left: 13px; 
  overflow: hidden;
  position: absolute;
}
  #barraRaiMenuIcon:focus {
    outline: none; }

.top-bar ul li#barraRaiBtn:hover #barraRaiMenuIcon {
  display: inline-block; }

.top-bar ul li#barraRaiBtn.opened {
  background-color: #475358 !important;
  z-index: 200; }

.top-bar ul li#barraRaiBtn #barraRaiCloseIcon svg path {
  fill: white !important; }

.top-bar ul li#barraRaiBtn:hover .img,
.top-bar ul li#barraRaiBtn.opened .img,
.top-bar ul li#barraRaiBtn.opened #barraRaiMenuIcon,
.top-bar ul li#barraRaiBtn #barraRaiCloseIcon {
  display: none; }

.top-bar ul li#barraRaiBtn.opened #barraRaiCloseIcon {
  display: block; }

.top-bar ul li#barraRaiBtn #barraRaiCloseIcon svg {
  width: 38px;
  margin: 5px; }

.top-bar ul li#barraRaiBtn #barraRaiCloseIcon svg path {
  stroke: none;
  fill: #29a2ff; }

.logoRai,
#main-menu svg.logoRai {
  height: 80px;
  width: 80px;
  margin: 0; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }

.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.5rem; }

.menu-icon {
  width: 28px;
  height: 24px; }

div#menuDedicato {
  margin: 0 auto 0 auto !important;
  max-width: inherit;
  background: #000099;
  transition: background 600ms;
  -webkit-transition: background 600ms;
  height: 80px; }

#site-menu.top-bar .columns {
  flex: initial; }

#mainMenuBtn {
  display: block;
  float: left;
  height: 80px;
  width: 80px;
  line-height: 80px; }

#mainMenuTxt {
  display: block;
  float: right;
  height: 82px;
  line-height: 80px;
  padding-left: 31px;
  color: white;
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-size: 18px; }

#mainMenuBtn:focus {
  outline-width: 0; }

.menu-icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  top: 0;
  left: 0;
  box-shadow: 0 9px 0 #fff, 0 18px 0 #fff; }

#mainMenuBtn:after {
  width: 26px;
  margin: 30px 0 0 26px !important; }

#mainMenuBtn.menu-icon:hover::after {
  color: #cacaca; }

#site-menu .menuTitle {
  color: white;
  width: 170px !important;
  width: 128px !important;
  font-size: 80px;
  line-height: 75px;
  font-weight: 100;
  text-indent: -10000px;
  /* background-image: url("/dl/raiSport/images/logo_sport.png"); */
  /* background-repeat: no-repeat; */
  /* background-position: left center; */ }

#site-menu .menuTitle img {
  height: 48px;
  margin-bottom: 15px; }

#site-menu .menuTitle svg {
  fill: #fff;
  display: block; }

#menuDedicato .top-bar .top-bar-right #cerca-barra {
  display: block; }

.menu {
  background: #fff;
  position: fixed; }

.menu hr {
  margin-inline: 40px; }

.menu form {
  display: block;
  height: 80px;
  margin: 0; }

.menu h3 {
  color: #ffffff;
  font-size: 1.9em;
  padding: 23px;
  margin: 0;
  font-weight: 300;
  background: #00a0fa; }

.menu a {
  display: block;
  color: grey;
  font-size: 13px;
  font-weight: 300; }

.menu a#close {
  padding: 20px;
  padding-left: 30px;
  cursor: pointer; }

.subMenu1 a#close img {
  width: 24px; }

#close > span {
  font-weight: 700;
  font-size: 15px; }
  #close > span::before {
    content: "\66";
    font-family: "rai24";
    padding: 10px;
    font-size: "13px"; }

.menu li:hover {
  background: #f0f0f0; }

.menu.subMenu1 li a:hover {
  color: #000099; }

.menu li.selected {
  background: #fff; }

.menu li#cerca-barra:hover {
  background: transparent;
  color: #fff !important; }

/* Orientation-dependent styles for the content of the menu */
.linkTop {
  display: none; }

div.menu {
  width: 250px;
  height: 100%;
  top: 0;
  z-index: 1000;
  left: -300px; }

div.menu.mainMenu {
  z-index: 1001; }

div.menu.subMenu1 {
  background: #f0f0f0; }

.menu ul {
  list-style: none;
  list-style-image: none;
  padding: 0 0 96px;
  margin: 0; }

.menu ul.subMenu {
  left: -300px;
  background: #e06752;
  position: relative; }

.menu ul.subMenu.open {
  left: 250px; }

.menu ul.subMenu.open:before {
  border-width: 14px;
  left: 70px;
  margin-top: -28px;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: transparent transparent #e06752 transparent;
  top: 0; }

.menu nav li {
  /* padding: 20px; */
  /* padding-left: 40px; */
  /* padding-top: 23px; */
  /* padding-bottom: 16px; */
  box-sizing: border-box;
  cursor: pointer; }

.menu li:before {
  width: 40px;
  height: 40px;
  margin-right: 1rem;
  vertical-align: -30%;
  display: inline-block;
  opacity: 0.6; }

.menu li a {
  display: block;
  line-height: 40px;
  position: relative;
  padding-left: 40px;
  background: transparent !important; }

.menu li.selected a {
  color: #be990a !important; }

/* Vertical menu that slides from the left or right */
.menu.open {
  left: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 96px; }

.menu div.subMenu1 {
  display: none;
  left: 250px; }

div.subMenu1.open {
  display: block;
  left: 250px;
  transition: left 0.5s ease-in-out;
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out; }

div.subMenu1 ul.subMenu {
  left: 0px;
  background: #e06752;
  position: relative; }

div.subMenu1 ul.subMenu.open {
  left: 250px; }

.subMenu1 div.subMenuTitle {
  padding: 20px;
  padding-left: 40px;
  font-weight: 700;
  color: grey;
  font-size: 15px; }

.menu::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

.menu::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border: 0px none #ffffff;
  border-radius: 50px; }

.menu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
  border: 0px none #ffffff;
  border-radius: 50px; }

.menu nav {
  width: 100%;
  height: 100%; }

.menu > li > a {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }

.menu > li > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1; }

/* Push classes applied to the body */
*,
*:before,
*:after {
  box-sizing: initial !important; }

body {
  overflow-x: hidden;
  position: relative;
  left: 0; }

.menu-push-toright {
  left: 250px; }

.menu-push-toleft {
  left: -240px; }

/* Transitions */
.menu,
.menu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

/*Divisore Menu*/
.menu .divisory {
  display: block;
  height: 20px;
  background: #1c272d;
  border-bottom: 1px solid #00a0fa; }

.menu.medium-horizontal {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.menu.medium-horizontal > li {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%; }

.menu.vertical > li > a {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 60px; }

div#menuDedicato .menu {
  margin: 0;
  list-style-type: none;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

#main-menu ul {
  margin: 0;
  list-style-type: none;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  padding-bottom: 96px; }

#main-menu li:hover {
  background: transparent; }

.contain-to-grid.barraRai {
  display: none !important; }

@media screen and (max-width: 40em) {
  .mainTitleCont.text-center > h1 {
    font-size: 1.875rem; }
  .top-bar {
    height: 40px; }
  #mainMenuBtn {
    height: 40px;
    width: 40px;
    line-height: 40px; }
  #mainMenuTxt {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    padding-left: 10px; }
  #mainMenuBtn:after {
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    width: 20px;
    margin: 12px 0 0 10px !important; }
  #mainMenuBtn:hover:after {
    background: #29a2ff;
    box-shadow: 0 7px 0 #29a2ff, 0 14px 0 #29a2ff;
    box-shadow: 0 7px 0 #29a2ff, 0 14px 0 #29a2ff; }
  #site-menu .menuTitle {
    width: 70px !important;
    line-height: 40px;
    background-size: auto 30px;
    font-size: 40px; }
  #site-menu .menuTitle img {
    margin-top: 5px;
    height: 30px; }
  .top-bar ul li#barraRaiBtn {
    width: 40px;
    height: 40px;
    margin-right: 0px;
    margin-top: -1px; }
  .top-bar ul li#barraRaiBtn .img {
    font-size: 41px;
    color: #fefefe; }
  #barraRaiMenuIcon {
    width: 20px;
    margin: 0;
    top: 8px;
    left: 10px; }
  #barraRaiMenuIcon::after {
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; }
  #barraRaiCloseIcon svg,
  .mainMenuContainer .closeMainMenu #closeMainMenuBtn svg {
    width: 30px !important;
    margin: 5px !important; }
  #barraRai {
    height: 40px; }
  .logoRai {
    height: 40px;
    width: 40px; }
  .mainMenuContainer .closeMainMenu {
    height: 40px; }
  .mainMenuContainer.opened ul {
    max-height: calc(100% - 40px); }
  .mainMenuContainer ul li a {
    padding: 15px 40px 15px 52px !important; }
  .menuItem .imagePosition {
    left: 7px;
    top: 15px; }
  #barraRai .title-bar {
    display: block;
    padding: 0; }
  #barraRai .top-bar {
    display: block !important;
    width: calc(100% - 40px);
    position: absolute;
    top: 0;
    right: 0; }
  #barraRai .top-bar .logo {
    display: none !important; }
  #barraRai .top-bar .top-bar-left {
    height: 40px;
    overflow: hidden; }
  #barraRai .top-bar .top-bar-left:before,
  #barraRai .top-bar .top-bar-left:after {
    content: "";
    display: block;
    width: 30px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 10; }
  #barraRai .top-bar .top-bar-left:before {
    left: 0;
    background: -moz-linear-gradient(left, #475358 0%, rgba(71, 83, 88, 0) 100%);
    background: -webkit-linear-gradient(left, #475358 0%, rgba(71, 83, 88, 0) 100%);
    background: linear-gradient(to right, #475358 0%, rgba(71, 83, 88, 0) 100%); }
  #barraRai .top-bar .top-bar-left:after {
    right: 0;
    background: -moz-linear-gradient(left, rgba(71, 83, 88, 0) 0%, #475358 100%);
    background: -webkit-linear-gradient(left, rgba(71, 83, 88, 0) 0%, #475358 100%);
    background: linear-gradient(to right, rgba(71, 83, 88, 0) 0%, #475358 100%); }
  #barraRai .top-bar .top-bar-left ul {
    display: block;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    flex-wrap: initial;
    height: 70px;
    padding: 0 16px 30px; }
  #barraRai .top-bar .top-bar-left ul li {
    display: inline-block;
    width: auto;
    flex: initial; }
  #barraRai .top-bar .top-bar-left ul li a {
    padding: 0 1rem;
    line-height: 40px; }
  div#menuDedicato {
    height: 40px; }
  #menuDedicato .top-bar .top-bar-right #cerca-barra {
    display: none; }
  #barraRai #main-menu > a {
    display: none; } }

.menu li.menuHomeBtn {
  background: #fff; }

/* .menu li.menuHomeBtn a {
  color: #000099;
} */
.menu li.menuHomeBtn a:hover {
  color: #000099 !important; }

.menu li.hasSubmenu a {
  position: relative; }

.menu li.hasSubmenu a span {
  position: absolute;
  top: 0px;
  right: 14px; }
  .menu li.hasSubmenu a span::before {
    content: "\64";
    font-family: "rai24"; }

@media only screen and (max-width: 480px) {
  div.subMenu1.open {
    left: 0;
    z-index: 1002; } }

@media only screen and (max-width: 360px) {
  div.menu {
    width: 250px; } }

div.row.footer > div {
  max-width: 94% !important; }

#search-barra::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff; }

#search-barra::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }

#search-barra:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff; }

#search-barra:-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }

.top-bar ul li#barraRaiBtn.opened {
  z-index: 200; }

.top-bar ul li#barraRaiBtn #barraRaiCloseIcon svg path {
  fill: white !important; }

#barraRaiBtn .menu-icon::after {
  background-color: #000099;
  box-shadow: 0 9px 0 #000099, 0 18px 0 #000099; }

#barraRaiBtn .menu-icon:hover::after {
  background-color: #000099;
  box-shadow: 0 9px 0 #000099, 0 18px 0 #000099; }

#search-barra,
.enable-search {
  outline: none; }

#menuDedicato #cerca-barra form .enable-search img {
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

#cerca-barra .icon {
  right: 14px; }

#cerca-barra .icon img {
  margin-top: 6px; }

@media screen and (max-width: 40em) {
  #site-menu.top-bar .columns {
    height: 40px; }
  #site-menu.top-bar .top-bar-right .dropdown.menu {
    height: 40px; }
  #site-menu.top-bar .top-bar-right ul li#barraRaiBtn {
    margin-right: 0; }
  #site-menu.top-bar ul li#barraRaiBtn .img {
    position: relative;
    top: 5px; }
  #site-menu.top-bar ul li#barraRaiBtn:hover #barraRaiMenuIcon {
    top: 2px; } }

#site-menu.top-bar ul li#barraRaiBtn {
  margin-right: 17px; }

.top-bar ul li#barraRaiBtn:hover #barraRaiMenuIcon {
  /*top: 6px;*/
  top: 14px; }

.top-bar ul li#barraRaiBtn .img {
  position: relative;
  top: 8px; }

.shareArticle .socialNetwork > div.fbShareButton {
  /*margin-top: -1px;*/
  margin-top: 0; }

.inner-footer .rightLinks .link, .inner-footer .rightLinks .link a {
  line-height: 18px;
  padding-bottom: 0; }