.sidr { display:none; position:absolute; position:fixed; top:0; height:100%; z-index:999999; width:270px; overflow-x:none; overflow-y:auto; font-family:"Josefin Sans", arial, sans-serif; font-size:16px; background:#ffffff; color:#000; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; font-weight: 700; text-transform: uppercase }
.sidr .sidr-inner { padding:15px 15px 15px }
.sidr .sidr-inner>p { margin-left:15px; margin-right:15px }
.sidr.right { left:auto; right:-260px }
.sidr.left { left:-260px; right:auto }
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-size:11px; font-weight:normal; padding:0 15px; margin:0 0 5px; color:#333; line-height:24px; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf)); background-image:-webkit-linear-gradient(#ffffff, #dfdfdf); background-image:-moz-linear-gradient(#ffffff, #dfdfdf); background-image:-o-linear-gradient(#ffffff, #dfdfdf); background-image:linear-gradient(#ffffff, #dfdfdf); -webkit-box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2); box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2) }
.sidr p { font-size:13px; margin:0 0 12px }
.sidr p a { color:rgba(51, 51, 51, 0.9) }
.sidr>p { margin-left:15px; margin-right:15px }
.sidr ul { display:block; margin:0 0 15px; padding:0; border-top:1px solid #30A195; border-bottom:1px solid #fff;overflow: hidden; }
.sidr ul li { display:block; margin:0; line-height:49px; border-top:1px solid #fff; border-bottom:1px solid #56d8c8 }
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top: 1px solid #FFFFFF; line-height:49px; }
.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 { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color: #f79e08; line-height: 49px; }
.sidr ul li a { display:block; text-decoration:none; color:#000000; letter-spacing: 2px; font-family: 'Titillium Web', sans-serif; font-size:16px; font-weight: 600; }
.sidr ul li span { display:block; text-decoration:none; color:#000000; letter-spacing: 1px; font-family: 'Titillium Web', sans-serif; font-size:16px; font-weight: 600; }
.sidr ul li ul { border-bottom:none; margin:0 }
.sidr ul li ul li { line-height:40px; font-size:14px; text-transform: none; border-bottom: medium none; }
.sidr ul li ul li:last-child { border-bottom:none }
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { border-top:1px solid #fff; line-height:40px; background: url("../images/arrowOn.png") no-repeat 2px 17px; }
.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 { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.sidr ul li ul li a, .sidr ul li ul li span { color:rgba(51, 51, 51, 0.8); /*padding-left:15px;*/ letter-spacing: 1px }
.sidr form { margin: 0 0 12px 0; display:inline-block; width:100%; }
.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:15px; padding:18px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0 0 10px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; border:none; background:#ddd; color:#000000; display:block; clear:both }
.sidr input[type=checkbox] { width:auto; display:inline; clear:none }
.sidr input[type=button], .sidr input[type=submit] { color:#f8f8f8; background:#333 }
.sidr input[type=button]:hover, .sidr input[type=submit]:hover { background:rgba(51, 51, 51, 0.9) }