/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
#offCanvasToggler {
	position: absolute;
	left: 0;
	top: -3px;
}
#offCanvasToggler.pushDown {
	top: 7px;
}
#offCanvasToggler button {
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	border: none;
	font-size: 80%;
	background-color: #80002c;
	color: white;
}
#offCanvasToggler button:focus, #offCanvasToggler button:active {
	outline: none;
}
#offCanvasToggler button::before {
	content: '+ ';
}
.active #offCanvasToggler button::before {
	content: '- ';
}
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -75%; /* 9 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -75%; /* 9 columns */
  }

  .row-offcanvas-right.active {
    right: 75%; /* 9 columns */
  }

  .row-offcanvas-left.active {
    left: 75%; /* 9 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
	z-index: 2;
    width: 75%; /* 9 columns */
	background-color: #ffffff;
  }
  #menuVert, .BannerAiuto {
	left: 0;
  }
  .colSxh2 {
	margin-left: 0;
  }
  .linkRapidiOl ol {
  	margin-left: 10px;
  }
}
