/** initial setup **/
.nano {
	width : 100%;
	height : 100%;
	overflow : hidden;
	position : relative;
}
.nano > .nano-content {
	position : absolute;
	overflow : scroll;
	overflow-x : hidden;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
}
.nano > .nano-content:focus {
	outline: none !important;
}
.nano > .nano-content::-webkit-scrollbar {
 display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
 display: block;
}
.nano > .nano-pane {
	background : rgba(250,250,250,.25);
	position : absolute;
	width : 10px;
	right : 0;
	top : 0;
	bottom : 0;
	visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity : .01;
	-webkit-transition : .2s;
	-moz-transition : .2s;
	-o-transition : .2s;
	transition : .2s;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
}
.nano > .nano-pane > .nano-slider {
	background: #444;
	background: rgba(50,50,50,.5);
	position : relative;
	margin : 0 1px;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	border-radius : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
	visibility : visible\9; /* Target only IE7 and IE8 with this hack */
	opacity : 0.99;
}
.contentwidth {
	float: left;
	width : 97%;
}
.lftscroll {
	height: 444px;
}
@media only screen and (min-width:960px) and (max-width:1389px) {
.lftscroll {
	height: 310px;
}
}
@media only screen and (min-width:768px) and (max-width:990px) {
.lftscroll {
	height: 270px;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
}
@media all and (max-width:768px) {
.lftscroll {
	height: 200px;
}
}
@media only screen and (max-width:767px) {
.contentwidth {
	width : 95%;
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
}