@charset "utf-8";

/* CSS Document */
.to-top-btn {
	transition: all .15s ease;
	-moz-transition: all .15s ease;
	-webkit-transition: all .15s ease;
	-moz-border-radius: 5%;
	-webkit-border-radius: 5%;
	border-radius: 5%;
	box-sizing: content-box;
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 20px;
	color: #ffffff;
	cursor: pointer;
	display: none;
	font-size: 32px;
	font-weight: normal;
	height: 32px;
	width: 32px;
	opacity: 0;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #d8a724;
}

.to-top-btn .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}

.to-top-btn:before {
	display: block;
	content: "";
	width: 16px;
	height: 9px;
	background: url('up-arrow-default.png') no-repeat;
	margin: 12px auto 0 auto;
}

.to-top-btn.visible:hover {
	opacity: 1.0 !important;
}

.to-top-btn.visible {
	display: block;
}

@media screen and (min-width:300px) and (max-width:720px) {
	.to-top-btn {
		bottom: 40px;
	}
}