#sidr-id-responsive-menu a[href^="#sidr"] {
  display: none;
}
#responsive-menu a {border: 0 solid;box-shadow: none;cursor: pointer;display: block;font-size: 0;height: 26px;margin: 0;overflow: hidden;padding: 0;position: relative;text-indent: -9999px;transition: background 0.3s ease 0s;width: 25px;border-bottom: 1.4px solid #7e7e7e;}
#responsive-menu a:focus {
outline: medium none;
}
#responsive-menu a span {background: #7e7e7e;display: block;height: 1.4px;left: 0;position: absolute;right: 0;top: 14px;}
#responsive-menu a span::before, #responsive-menu a span::after {background-color: #7e7e7e;content: "";display: block;height: 1.4px;left: 0;position: absolute;width: 100%;}
#responsive-menu a span::before {top: -5px;}
#responsive-menu a span::after {bottom: -6px;}
#responsive-menu a {
background-color: transparent;
}
#responsive-menu a span {
transition: background 0s ease 0.3s;
}
#responsive-menu a span::before, #responsive-menu a span::after {
transition-delay: 0.3s, 0s;
transition-duration: 0.3s, 0.3s;
}
#responsive-menu a span::before {
transition-property: top, transform;
}
#responsive-menu a span::after {
transition-property: bottom, transform;
}
.sidr-open #responsive-menu a, .sidr-animating #responsive-menu a {
background-color: transparent;
}
.sidr-open #responsive-menu a span, .sidr-animating #responsive-menu a span {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.sidr-open #responsive-menu a span::before, .sidr-animating #responsive-menu a span::before {
top: 0;
transform: rotate(45deg);
}
.sidr-open #responsive-menu a span::after, .sidr-animating #responsive-menu a span::after {
bottom: 0;
transform: rotate(-45deg);
}
.sidr-open #responsive-menu a span::before, .sidr-open #responsive-menu a span::after, .sidr-animating #responsive-menu a span::before, .sidr-animating #responsive-menu a span::after {
transition-delay: 0s, 0.3s;
}

.sidr {background: rgba(255, 255, 255, 0.88);/*border-left: 1px solid #ddd;*/box-shadow: 0 0 5px rgba(85, 85, 85, 0.26);color: #555;display: block;font-size: 15px;height: 100%;overflow-x: hidden;overflow-y: auto;position: fixed;top: 0;width: 260px;z-index: 999999;}
.sidr .sidr-inner {
padding: 0 0 15px 5px;
}
.sidr .sidr-inner > p {
margin-left: 15px;
margin-right: 15px;
}
.sidr.right {
left: auto;
right: -260px;
}
.sidr.left {
left: -260px;
right: auto;
}
.sidr-class-element-invisible {
display: none;
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
color: #fff;
}
.sidr p {
font-size: 13px;
margin: 0 0 12px;
}
.sidr p a {
}
.sidr > p {
}

#sidr-close-opt {
display: block;
}
#sidr-close-opt a {
background: transparent url("../images/close.svg") no-repeat scroll 50% 50%;
display: block;
height: 35px;
text-indent: -999999px;
width: 35px;
margin-bottom: 15px;
color: #fff;
position: absolute;
right: 5px;
top: 15px;
}
.sidr ul {
border-top: 0px solid #ddd;
display: block;
margin: 0 0 15px;
padding: 0;
/*border-bottom: 1px solid #ddd;*/
text-align: center;
}
.sidr ul li {
display: block;
margin: 0;
line-height: 2rem;
/*border-top: 1px solid #ddd;*/
font-weight: 600;
text-transform: uppercase;
font-size: .55rem;
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active, .sidr ul li a.sidr-class-active-trail {
/*border-top: 0;
line-height: 49px;*/
color: #fff;
}
.sidr ul li:hover > a,
.sidr ul li:hover > span, .sidr ul li.active > a,
.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {
color: #5c8c8a;
}
.sidr ul li a,
.sidr ul li span {
padding: 0 15px;
display: block;
text-decoration: none;
color: #64655f;
}
.sidr ul li ul {
border-bottom: 0;
margin: 0;
}
.sidr ul li ul li {
line-height: 40px;
font-size: 13px;
}
.sidr ul li ul li:last-child {
border-bottom: 0;
}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
/*border-top: 1px solid;*/
/*line-height: 41px;*/
}
.sidr ul li ul li:hover > a,
.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
.sidr ul li ul li.sidr-class-active > span {
}
.sidr ul li ul li a,
.sidr ul li ul li span {
padding-left: 30px;
}

li.sidr-class-booking-navbar {
text-align: center;
}
li.sidr-class-booking-navbar a {
background: #666;
color: #fff!important;
display: block;
width: 100px;
margin: 0 auto;
}

.sidr form {
margin: 0 15px;
}
.sidr label {
font-size: 13px;
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
width: 100%;
font-size: 13px;
padding: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 10px;
border-radius: 2px;
border: 0;
background: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.6);
display: block;
clear: both;
}
.sidr input[type=checkbox] {
width: auto;
display: inline;
clear: none;
}
.sidr input[type=button],
.sidr input[type=submit] {
color: #333;
background: #fff;
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
background: rgba(255, 255, 255, 0.9);
}

/* Extra ----------------------------------------------- */
.responsive-menu-brand {background: transparent url("../images/bbmarranzano-logo_h.svg") no-repeat scroll 0 0 / 125px auto;height: 40px;margin: 15px auto 15px;text-indent: -999999px;width: 125px;}

.responsive-menu-social.social ul {
border: 0 none;
margin: 0 0 0 -30px;
padding: 0;
text-align: center;
}
.responsive-menu-social.social ul li {
border: 0 none;
display: inline-block;
margin: 0 5px 0 0;
padding: 0;
}
.responsive-menu-social.social ul li::before {
content: none;
}