@charset "utf-8";
/* CSS Document */
 .clearer{clear:both;display:block;margin:0;padding:0px;height:0px;line-height:1px;font-size:0%;}
 .H1px{clear:both;display:block;margin:0;padding:0px;height:1px;line-height:1px;font-size:0%;}
 .H3px{clear:both;display:block;margin:0;padding:0px;height:3px;line-height:1px;font-size:0%;}
 .H5px{clear:both;display:block;margin:0;padding:0px;height:5px;line-height:1px;font-size:0%;}
 .H10px{clear:both;display:block;margin:0;padding:0px;height:10px;line-height:1px;font-size:0%;}
 .H15px{clear:both;display:block;margin:0;padding:0px;height:15px;line-height:1px;font-size:0%;}
 .H20px{clear:both;display:block;margin:0;padding:0px;height:20px;line-height:1px;font-size:0%;}
 .H30px{clear:both;display:block;margin:0;padding:0px;height:30px;line-height:1px;font-size:0%;}
 .H50px{clear:both;display:block;margin:0;padding:0px;height:50px;line-height:1px;font-size:0%;}
 .H80px{clear:both;display:block;margin:0;padding:0px;height:80px;line-height:1px;font-size:0%;}
 .H100px{clear:both;display:block;margin:0;padding:0px;height:100px;line-height:1px;font-size:0%;}

 .hg{
	padding-left: 7px;
	padding-right: 7px;
 }
 .hg-l{
	padding-left: 7px;
 }
 .hg-r{
	padding-right: 7px;
 }

 .np{
	padding-left: 0;
	padding-right: 0;
 }
 .np-l{
	padding-left: 0;
 }
 .np-r{
	padding-right: 0;
 }
 
 .img-full{
	display: block;
	width: 100%;
	height: auto;
 }

 @media (max-width: 767px){
	 .clearer-xs{clear:both;display:block;margin:0;padding:0px;height:0px;line-height:1px;font-size:0%;}
	 .H3px-xs{clear:both;display:block;margin:0;padding:0px;height:3px;line-height:1px;font-size:0%;}
	 .H5px-xs{clear:both;display:block;margin:0;padding:0px;height:5px;line-height:1px;font-size:0%;}
	 .H10px-xs{clear:both;display:block;margin:0;padding:0px;height:10px;line-height:1px;font-size:0%;}
	 .H15px-xs{clear:both;display:block;margin:0;padding:0px;height:15px;line-height:1px;font-size:0%;}
	 .H20px-xs{clear:both;display:block;margin:0;padding:0px;height:20px;line-height:1px;font-size:0%;}
	 .H30px-xs{clear:both;display:block;margin:0;padding:0px;height:30px;line-height:1px;font-size:0%;}
	 .H50px-xs{clear:both;display:block;margin:0;padding:0px;height:50px;line-height:1px;font-size:0%;}
	 .H100px-xs{clear:both;display:block;margin:0;padding:0px;height:100px;line-height:1px;font-size:0%;}
	 .hide-xs{display:none !important;}
 }
 /* @media (min-width: 768px) and (max-width: 991px) {*/
@media (max-width: 991px) {	  
	 .H3px-sm{clear:both;display:block;margin:0;padding:0px;height:3px;line-height:1px;font-size:0%;}
	 .H5px-sm{clear:both;display:block;margin:0;padding:0px;height:5px;line-height:1px;font-size:0%;}
	 .H10px-sm{clear:both;display:block;margin:0;padding:0px;height:10px;line-height:1px;font-size:0%;}
	 .H15px-sm{clear:both;display:block;margin:0;padding:0px;height:15px;line-height:1px;font-size:0%;}
	 .H20px-sm{clear:both;display:block;margin:0;padding:0px;height:20px;line-height:1px;font-size:0%;}
	 .H30px-sm{clear:both;display:block;margin:0;padding:0px;height:30px;line-height:1px;font-size:0%;}
 }
 .clear-space{
	 clear:both;display:block;margin:0;padding:0px;height:50px;line-height:1px;font-size:0%;
 }
	 
@media (min-width: 768px) {	
	 .clear-space{
		 height:75px;
	 }
	 .hg-sm{
		padding-left: 7px;
		padding-right: 7px;
	 }
	 .hg-sm-l{
		padding-left: 7px;
	 }
	 .hg-sm-r{
		padding-right: 7px;
	 }
	 .np-sm{
		padding-left: 0;
		padding-right: 0;
	 }
	 .np-sm-l{
		padding-left: 0;
	 }
	 .np-sm-r{
		padding-right: 0;
	 }
	 .H20px-no-xs{clear:both;display:block;margin:0;padding:0px;height:20px;line-height:1px;font-size:0%;}
	 .H30px-no-xs{clear:both;display:block;margin:0;padding:0px;height:30px;line-height:1px;font-size:0%;}
}
@media (min-width: 991px) {	
	 .clear-space{
		 height:100px;
	 }
	 .hg-md{
		padding-left: 7px;
		padding-right: 7px;
	 }
	 .hg-md-l{
		padding-left: 7px;
	 }
	 .hg-md-r{
		padding-right: 7px;
	 }
	 .np-md{
		padding-left: 0;
		padding-right: 0;
	 }
	 .np-md-l{
		padding-left: 0;
	 }
	 .np-md-r{
		padding-right: 0;
	 }
}



/* USAGE
<div class="row">
	<div class="row-height">
		<div class="col-xs-2 col-xs-height col-xs-middle">
			<div class="inside"></div>
		</div>
		<div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
			<div class="inside"></div>
		</div>
	</div>
</div>
*/

/* content styles */

.inside {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}
.col-height {
	display: table-cell;
	float: none;
	height: 100%;
}
.col-top {
	vertical-align: top;
}
.col-middle {
	vertical-align: middle;
}
.col-bottom {
	vertical-align: bottom;
}

@media (min-width: 480px) {
	.row-xs-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-xs-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-xs-top {
		vertical-align: top;
	}
	.col-xs-middle {
		vertical-align: middle;
	}
	.col-xs-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 768px) {
	.row-sm-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-sm-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-sm-top {
		vertical-align: top;
	}
	.col-sm-middle {
		vertical-align: middle;
	}
	.col-sm-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 992px) {
	.row-md-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-md-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-md-top {
		vertical-align: top;
	}
	.col-md-middle {
		vertical-align: middle;
	}
	.col-md-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 1200px) {
	.row-lg-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-lg-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-lg-top {
		vertical-align: top;
	}
	.col-lg-middle {
		vertical-align: middle;
	}
	.col-lg-bottom {
		vertical-align: bottom;
	}
}

@media (max-width: 767px) {
	.text-left-xs{
		text-align: left !important;
	}
	.text-center-xs{
		text-align: center !important;
	}
}