/*============================================

OpenFooter jQuery by SONHLAB.com - version 1.0
Website: http://sonhlab.com
Documentation: http://docs.sonhlab.com/openfooter-jquery-responsive-full-screen-footer/

Build - 0010
============================================*/



/*========== START OPENFOOTER ==========*/
.openfooter {
	position: fixed;
	width:100%;
	z-index:9999;
	bottom:0;
	overflow:hidden;
	display:none;
}

.of-bar {
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	padding-bottom:20px;
}

.of-barcontainer {
	width:100%;
}

.of-activebar {
	display:none;
	width:100%;
}

.of-zoombt {
	float:right;
} 
.of-zoombt > .of-in {
	display:block;
	cursor: pointer;
}
.of-zoombt > .of-out {
	display:none;
	cursor: pointer;
}

.of-returnbt {
	float:left;
	cursor:pointer;
	display:block;
}


.of-button {
	cursor: pointer;
	display:block;
	float:left;
}
.of-contentstation {
	display:block;
	width:100%;
	height:auto;
	overflow-x:hidden;
	overflow-y:scroll;
	padding-right:20px;
	
}
.of-content {
	display:none;
	padding:0 0px 0px 20px;
	width:100%;
}
.of-contentbody {
	padding:20px 20px 20px 0;
}


/* Start Large Button Style */
.of-largebt {
	height:100px;
}
.of-largebt > .of-bar,
.of-largebt > .of-activebar {
	height:100px;
}
.of-largebt .of-button {
	height:100px;
	width:100px;
	overflow:hidden;
	display: table;
	position:relative;
}
.of-largebt .of-button > .of-bt-icon {
	height:48px;
	width:48px;
	display:block;
	margin:0 auto;
	position:absolute;
	top:16px;
	left:26px;
}
.of-largebt .of-button > .of-bt-icon > img {
	width:48px;
	height:48px;
	display:block;
	border:0;
}
.of-largebt .of-button > .of-bt-icon > i {
	font-size:48px;
	width:48px;
	height:48px;
	display:block;
	text-align:center;
}
.of-largebt .of-button > .of-bt-title {
	display:table-cell;
	text-align:center;
	height:90px;
	width:100px;
	font-size:16px;
	overflow:hidden;
	position:relative;
	vertical-align:bottom;
	padding-bottom:10px;
}
.of-largebt .of-zoombt {
	height:100px;
	width:100px;
	overflow:hidden;
	display: table;
	position:relative;
}
.of-largebt .of-zoombt > .of-in,
.of-largebt .of-zoombt > .of-out {
	width:48px;
	height:48px;
	border:0;
	top:16px;
	left:26px;
	position:relative;
}


.of-largebt .of-returnbt {
	height:100px;
}
.of-largebt .of-returnbt > img {
	height:80px;
	padding:10px 0;
	display:block;
}
/* End Large Button Style */



/* Start Medium Button Style */
.of-mediumbt {
	height:48px;
}
.of-mediumbt > .of-bar,
.of-mediumbt > .of-activebar {
	height:48px;
}


.of-mediumbt .of-button{
	height:48px;
	line-height:48px;
	padding:0 12px;
}
.of-mediumbt .of-button > span ~ span {
	margin-left:12px;
}
.of-mediumbt .of-button > .of-bt-icon {
	display:block;
	height:48px;
	width:24px;
	float:left;
}
.of-mediumbt .of-button > .of-bt-icon > img {
	height:24px;
	position:relative;
	top:12px;
	float:left;
}
.of-mediumbt .of-button > .of-bt-icon > i {
	font-size:24px;
	line-height:48px;
}
.of-mediumbt .of-button > .of-bt-title {
	float:left;
	display:block;
}

.of-mediumbt .of-zoombt {
	height:48px;
	line-height:48px;
	padding:0 12px;
}
.of-mediumbt .of-zoombt > .of-in,
.of-mediumbt .of-zoombt > .of-out {
	height:24px;
	width:24px;
	position:relative;
	top:12px;
}
.of-mediumbt .of-returnbt {
	height:48px;
	line-height:48px;
}
.of-mediumbt .of-returnbt > img {
	height:32px;
	padding:8px 0;
	display:block;
}
/* End Medium Button Style */






/* Start Hover Effects */
.texthover-bluelight,
.texthover-greenlight,
.texthover-redlight,
.texthover-solidblue {
	transition-property: text-shadow, color, background;
	transition-duration: 0.5s, 0.5s, 0.5s;
}
.texthover-bluelight:hover {
	color: #fff !important;
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #0D83DD, 0 0 40px #0D83DD;
}
.texthover-greenlight:hover {
	color: #fff !important;
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #67B239, 0 0 40px #67B239;
}
.texthover-redlight:hover {
	color: #fff !important;
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #E51400, 0 0 40px #E51400;
}

.texthover-solidblue:hover {
	background: #2C84EE;
}
/* End Hover Effects */




/*========== END OPENFOOTER ==========*/