/*============================================

OneMenu by SONHLAB.com - version 3.0
Website: http://sonhlab.com
Documentation: http://docs.sonhlab.com/onemenu-responsive-metro-ui-menu/


Build - 0007

============================================*/



/* ONEMENU */
.om-nav {
	width:100%;
	z-index:999;
	display:none;
	top:0px;
	overflow:hidden;
}
.om-ctrlbar {
	width:100%;
	height:48px;
}
.om-controlitems {
	margin:auto;
	height:100%;
	overflow:hidden;
}
.om-controlitem {
	height:48px;
	cursor:pointer;
}
.om-ctrlitems {
	padding:0px;
	height:48px;
	display:inline-block;
	float:left;
}
.om-ctrlitem,
.om-ctrlitem-link {
	height:48px;
	width:48px;
	cursor:pointer;
	float:left;
	opacity:0.5;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
	filter: alpha(opacity=50) !important; /* For IE8 and earlier */	
}
.om-ctrlitem {
	display:none;
}
.om-ctrlitem-link {
	display:inline-block;
}
.om-ctrlitem:hover,
.om-ctrlitem-link:hover {
	opacity:0.8;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
	filter: alpha(opacity=80) !important; /* For IE8 and earlier */	
}
.om-ctrlitem img,
.om-ctrlitem-link img {
	width: 48px;
	height:48px;
	display:block;
}
.om-ctrlitem i,
.om-ctrlitem-link i {
	font-size:28px;
	margin:auto;
	color:inherit;
	padding:10px;
	width:28px;
	height:28px;
	display:block;
}
.om-ctrlitem-link > a {
	display:block;
	text-decoration:none;
	color:inherit;
}

.om-activectrlitem {
	opacity:1 !important;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important; /* For IE8 and earlier */	
}

.om-closenav {
	position:absolute;
	top:0px;
}
.om-movenext {
	position:absolute;
	right:0px;
	display:none;
}

.om-itemholder {
	margin:auto;
	display:none;
	overflow:hidden;
}
.om-itemlist {
	margin:5px auto 5px auto;
	overflow:hidden;
}


@media screen and (max-width:960px) {
	.om-closenav {
		z-index:9999;
		left:0;
		top:0;
	}
	.om-movenext {
		z-index:9999;
		right:0;
		top:0;
	}
	.om-controlitems {
		width:100%;
	}
	
	.om-itemholder {
		width:100%;
	}
	
	
}

.om-centerblock {
	display:inline-block;
}

.om-item {
	display:none;
}
.om-showitem {
	margin:5px;
	float:left;
	display:none;
	opacity: 0;
}
/* END ONEMENU */




/* TILE BUTTONS */

/* Standar Buttons */
.tile-bt {
	text-align:center;
	cursor:pointer;
	width:90px;
	height:90px;
}
.tile-bt a {
	display:block;
	padding-top:12px;
	text-decoration: none !important;
}

.tile-bt img {
	margin:0 auto 0 auto;
	padding-bottom:5px;
	height:48px;
	width:48px;
	position:relative;
	display:block;
}
.tile-bt span {
	font-size:12px;
	padding-bottom:10px;
	display:block;
}
.tile-bt:active {
	opacity:0.5;
}

/* End Standard Buttons */



/* Large Buttons */
.tile-bt-large {
	width:190px;
	height:90px;
	line-height:95px;
	text-align:center;
	cursor:pointer;
}
.tile-bt-large a {
	display:block;
	text-decoration: none !important;
}

.tile-bt-large img {
	vertical-align: middle;
	margin:auto;
	padding:0px;
	position:relative;
	width:48px;
	height:48px;
}
.tile-bt-large span {
	vertical-align: middle;
	display:inline;
}
.tile-bt-large:active {
	opacity:0.5;
}

/* End Large Buttons */



/* Extralarge Buttons */
.tile-bt-extralarge {
	text-align:center;
	cursor:pointer;
	width:190px;
	height:190px;
}
.tile-bt-extralarge a {
	display:block;
	padding-top:52px;
	text-decoration: none !important;
}

.tile-bt-extralarge img {
	margin:0 auto 0 auto;
	padding-bottom:22px;
	height:80px;
	width:80px;
	position:relative;
	display:block;
}
.tile-bt-extralarge span {
	font-size:14px;
	padding-bottom:20px;
	display:block;
}
.tile-bt-extralarge:active {
	opacity:0.5;
}

/* End Extralarge Buttons */





/* Start Image Buttons */

.img-bt {
	cursor:pointer;
	width:190px;
}
.img-bt a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.img-bt img {
	width:auto;
	height:auto;
	max-width:195px;
    max-height:195px;
	margin:auto;
	display:block;
	position:relative;
}

.img-bt-fit {
	cursor:pointer;
	width:295px;
}
.img-bt-fit a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.img-bt-fit img {
	width:auto;
	height:auto;
	margin:auto;
	display:block;
	position:relative;
} 

/* End Image Buttons */


/* END TILE BUTTONS */





/* MASONRY TRANSITION */
.masonry,
.masonry .masonry-brick {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}

.masonry {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.masonry .masonry-brick {
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-ms-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}
/* END MASONRY TRANSITION */





/* MISC */
.clearspace { clear: both; }
.floatleft { float:left; }
.floatright { float:right; }
.none { display: none !important; }
.light-text { color:#fff; }
.dark-text { color:#1e1e1e; }