@charset "utf-8";

/*-- Classes
---------------------------------------------------------------------------*/

.cleaner {clear:both; width:100%; height:50px;}
.cleaner2 {clear:both; width:100%; height:12px; background:orange;}
.cleaner3 {clear:both; width:100%; height:30px;}
.cleaner4 {width:100%; height:8px; float:left; background:#000}

.test {background:yellow; height:200px;}
.relative {position:relative;}

.left {float:left;}
.right {float:right;}

.img_box_shadow {
	-moz-box-shadow: 3px 3px 10px #999;
	-webkit-box-shadow: 3px 3px 10px #999;
	box-shadow: 3px 3px 10px #999;
}

.hoverme {
transition:All 0.2s ease;
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
}
.hoverme:hover{
transform: scale(1.1) translate(0px);
-webkit-transform: scale(1.1) translate(0px);
-moz-transform: scale(1.1) translate(0px);
-o-transform: scale(1.1) translate(0px);
-ms-transform: scale(1.1) translate(0px);
}
.hoverme2 {
transition:All 0.2s ease;
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
}
.hoverme2:hover {
transform: scale(1.05) translate(0px);
-webkit-transform: scale(1.05) translate(0px);
-moz-transform: scale(1.05) translate(0px);
-o-transform: scale(1.05) translate(0px);
-ms-transform: scale(1.05) translate(0px);
}


#free {
	position: absolute;
	top: -50px;
	right: 20px;
	size: 30px;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	font-size:28px;
}