@font-face {
	font-family: 'icomoon';
	src:url('fonts2/icomoon.eot?-cdcj1y');
	src:url('fonts2/icomoon.eot?#iefix-cdcj1y') format('embedded-opentype'),
url('fonts2/icomoon.woff?-cdcj1y') format('woff'),
url('fonts2/icomoon.ttf?-cdcj1y') format('truetype'),
url('fonts2/icomoon.svg?-cdcj1y#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left3:before {
	content: "\f060";
}

body{
		font-family: 'Open Sans', sans-serif;
		background:#fff;
	}
	a{
		text-decoration:none;
		color:#999;
	}
	a:hover{
		color:#ccc;
	}
	h2{
		font-weight: 700;
		font-family: 'Lato', sans-serif;
		font-size: 36px;
		line-height: 1;
	}
	
	h3 {
		margin-top: -17px;
		color:#999;
		font-size:16px;
	}
	
	.container {
		position: relative;
		width: 100%;
		height: 500px;
		margin: 0px auto 10px;
		clear: both;
	}
	.center_block {
		background: #fff;
		color: #000;
		padding-bottom: 30px;
	}
	.abs_center {
		height: 100%;
		width: 90%;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		text-align: center;
	}
	/*View Image CSS*/
	#single_img{
		position:relative;
		width:100%;
		height:100%;
		margin: 5px 0 40px;
	}
	.client_img{
		max-height:500px;
		max-width:800px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		outline: rgba(255, 255, 255, 0.4) solid 12px;
		outline-offset: -12px;
		opacity:0;
	}
	.img-protect, .img_hover {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.img-protect{
		z-index:2;
	}
	.img_hover{
		background: rgba(255, 255, 255, 0.20);
		display:none;
		z-index:1;
	}
	/*No Permissions and no Image CSS*/
	#no_permission, #no_image{
		width: 400px;
		height: 400px;
		margin: 0 auto 15px;
		padding: 20px;
		
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		cursor: pointer;
		color: #999;
		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		-ms-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		transition: opacity .3s ease;
		filter: opacity .3s ease;
		opacity: 1;
	}
	#no_permission {
		background: #eee;
		background-image: url(imgs/placeholder.png);
		background-repeat:no-repeat;
		background-position: center center;
	}
	#no_image {
		background: #D0D0D0;
		background-image: url(imgs/placeholder-no-image.jpg);
		background-repeat:no-repeat;
		background-position: center center;
	}
	#no_permission:hover, #no_image:hover{
		filter: alpha(opacity=90);
		opacity: .9;
	}
	#no_permission div{
		line-height: 2;
	}
	#no_image div{
		line-height: 3;
	}
	#watermark-LIV{display: block;height: 100%;width: 100%;position: absolute;margin-top: -216px;}
	#watermark-LIV .bar_default{position: absolute !IMPORTANT;}
	#watermark-LIV .watermark_text{position: absolute !IMPORTANT;}
	#single_img .img-protect {margin-top: 20px !IMPORTANT;}
	@media (max-width: 768px){
		h2 {
			font-size: 31px;
		}
	}
	@media (max-width: 590px){
		.abs_center {
			height: 90%;
		}
		.client_img{
		outline: rgba(255, 255, 255, 0.4) solid 6px;
		outline-offset: -6px;
		}
	}
	@media (max-width: 500px){
		#no_permission, #no_image{
			max-width: 87%;
			max-height: 90%;
		}
		#no_permission div, #no_image DIV{
			line-height: 1.2;
			padding-top: 10px
		}
		.xsmall{
			display:none;
		}
	}