@charset "utf-8";
/* CSS Document */

dl, menu, ol,  pre, ul {
	margin:1em 0
}

menu, ol, ul {
	padding:0 0 0 40px
}
nav ol, nav ul {
	list-style:none
}

svg:not(:root) {
overflow:hidden
}
button, input, select, textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline
}
button, input {
	line-height:normal
}
button, select {
	text-transform:none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled], html input[disabled] {
	cursor:default
}
input[type=checkbox], input[type=radio] {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0
}
input[type=search] {
	-webkit-appearance:textfield;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}

#logo-sidebar {
	position:absolute;
	z-index:100;
	left:50px;
	top:18px;
	border:0;
	outline:0;
	/*width:50px;
	height:40px;*/
	padding:0;
	background-color:transparent
}
#logo-sidebar .img {
	display:inline-block;
	position:relative;
	/*width:22px;
	height:3px;*/
	background-color:#fff;
	margin-top:19px;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
	box-shadow:0 0 2px #000
}
@media (max-width: 480px) {
#logo-sidebar img { width:80% } 
  }

button#toggle-sidebar {
	position:fixed;
	z-index:100;
	right:50px;
	top:18px;
	border:0;
	outline:0;
	width:50px;
	height:40px;
	padding:0;
	background-color:transparent
}
button#toggle-sidebar .icon {
	display:inline-block;
	position:relative;
	width:22px;
	height:3px;
	background-color:#fff;
	margin-top:19px;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
	box-shadow:0 0 2px #000
}
button#toggle-sidebar .icon:after, button#toggle-sidebar .icon:before {
	content:'';
	width:22px;
	height:3px;
	position:absolute;
	background-color:#fff;
	left:0;
-moz-transition:all .2s ease-in-out;
	box-shadow:0 0 2px #000;
	display:inline-block;
	color:#fff
}
button#toggle-sidebar .icon:before {
	top:-8px;
transition:all .2s ease-in-out
}
button#toggle-sidebar .icon:after {
	top:8px;
transition:all .2s ease-in-out
}
button#toggle-sidebar:hover .icon:before {
	top:-10px
}
button#toggle-sidebar:hover .icon:after {
	top:10px
}
button#toggle-sidebar.active .icon {
	background-color:transparent
}
button#toggle-sidebar.active .icon:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:0;
	box-shadow:none
}
button#toggle-sidebar.active .icon:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:0;
	box-shadow:none
}
.sidebar {
	position:fixed;
	height:100%;
	z-index:100;
	right:0; /*--extra---*/
	overflow-y:auto;
	overflow-x:hidden;
	display:inline-block;
	box-sizing:border-box;
	padding-top:60px;
	width:300px;
	/*-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	*/
	
	-webkit-transform:translateX(250%);
	-moz-transform:translateX(250%);
	-ms-transform:translateX(250%);
	transform:translateX(250%);
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
	background-color:#000
}
@media (min-width:600px) {
.sidebar {
background-color:rgba(0, 0, 0, .7)
}
.minimal_frame_window {
min-height:100%
}
}
.sidebar .newsletter_form .wdform_page, .sidebar .newsletter_form .wdform_row {
	background-color:transparent!important
}
.sidebar ul {
	padding-left:25px
}
.sidebar ul.menu {
	padding-left:0!important
}
.sidebar ul.distantiated {
	margin-top:40px
}
.sidebar ul.distantiated li a {
	text-transform:capitalize
}
.sidebar li {
	list-style-type:none;
	width:100%
}
.sidebar li:not(:first-child) {
margin:15px 0
}
.sidebar li a, .sidebar li a:active, .sidebar li a:focus, .sidebar li a:visited {
	color:#fff;
	text-decoration:none;
	text-transform:lowercase;
	font-size:13px;
	/*font-family:helvetica, sans-serif*/
}
#reference .reference_info .info strong, .back-button {
	text-transform:uppercase
}
.sidebar.active {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
