@import url(../../fonts/face-font.css);
*{
	margin:0;
	padding:0;
}
body{
	background:#f0f0f0 url(../bg.jpg) repeat top left;
	font-family:'cocon',Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #555;
}
h1{
	font-size:38px;
	margin:10px;
}
h1 span{
	font-size:20px;
}
.im_wrapper div{
	left:-500px;
	width:125px;
	height:125px;
	position:absolute;
	background-repeat:no-repeat;
	background-color:#fff;
	cursor:pointer;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
}
.im_wrapper div img{
	float:left;
	width:115px;
	height:115px;
	margin:5px 0px 0px 5px;
}
.im_loading{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	background:#fff url(../images/loader.gif) no-repeat center center;
	width:70px;
	height:70px;
	z-index:9999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.im_next,
.im_prev{
	width:50px;
	height:50px;
	position:fixed;
	bottom:50%;
	margin-top:-25px;
	cursor:pointer;
	opacity:0.7;
	z-index:1000;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
	box-shadow:0px 0px 3px #000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.im_next:hover,
.im_prev:hover
{
	opacity:0.9;
}
.im_next{
	background:#fff url(../images/next.png) no-repeat center center;
	right:-50px; /*10 to show*/
}
.im_prev{
	background:#fff url(../images/prev.png) no-repeat center center;
	left:-50px; /*10 to show*/
}
.p_div{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
}
.button {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 3px 3px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	/*font-size: 16px;*/
	border-radius: 2px;
}
span.reference{
	position:fixed;
	/*left:10px;*/
	bottom:10px;
	/*font-size:15px;*/
	color: #000;
}
span.reference a{
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	padding-right:20px;
}
span.reference a:hover{
	color: #e73d83;
}
@media (max-width: 767px) {
	.codrops-top {
		font-size: 20px;
		line-height: 2.2;
	}

}

@media (min-width: 768px) {
	.codrops-top {
		font-size: 25px;
		line-height: 3;
	}
}