/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.re-shadow {
	webkit-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.5)
}

.re-shadow2 {
	webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.25)
}

.re-overflow {
	overflow: hidden !important
}

.tp-phonenum {
	pointer-events: none !important;
	color: #0064e3 !important;
	text-decoration: none !important;
	font-weight: 700
}

#rev_slider_222_1 .metis.tparrows {
	background: rgba(255,255,255,1);
	padding: 0px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	width: 40px;
	height: 40px;
	box-sizing: border-box
}

	#rev_slider_222_1 .metis.tparrows:hover {
		background: rgba(255,255,255,0.75)
	}

	#rev_slider_222_1 .metis.tparrows:before {
		color: rgb(0,0,0);
		transition: all 0.3s;
		-webkit-transition: all 0.3s
	}

	#rev_slider_222_1 .metis.tparrows:hover:before {
		transform: scale(1.5)
	}

.hermes.tp-bullets {
}

.hermes .tp-bullet {
	overflow: hidden;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background-color: rgba(0,0,0,0);
	box-shadow: inset 0 0 0 2px rgb(255,255,255);
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	position: absolute
}

	.hermes .tp-bullet:hover {
		background-color: rgba(0,0,0,0.21)
	}

	.hermes .tp-bullet:after {
		content: ' ';
		position: absolute;
		bottom: 0;
		height: 0;
		left: 0;
		width: 100%;
		background-color: rgb(255,255,255);
		box-shadow: 0 0 1px rgb(255,255,255);
		-webkit-transition: height 0.3s ease;
		transition: height 0.3s ease
	}

	.hermes .tp-bullet.selected:after {
		height: 100%
	}