﻿/*Button Empty*/
a.btn-empty
{
	display:inline-block;
	background-color:transparent;
	color:#754C24;
	border:1px solid #754C24;
	padding:10px 25px;
	font-size:20px;
	line-height:31px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	transition:color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
a.btn-empty:hover
{
	color:#FFF;
	background-color:#754C24;
	text-decoration:none;
	transition:color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
a.btn-empty::after
{
	content:"\f101";
	font-family:"Font Awesome 5 Pro";
	font-weight:900;
	position:relative;
	left:0;
	display:inline-block;
	padding-left:8px;
	color:#754C24;
	font-size:13px;
	line-height:13px;
	vertical-align:middle;
	transition:all 0.2s ease-in-out;
}
a.btn-empty:hover::after
{
	color:#FFF;
	left:3px;
	transition:all 0.2s ease-in-out;
}

/*Button Back*/
a.btn-back
{
	display:inline-block;
	background-color:transparent;
	color:#754C24;
	border:1px solid #754C24;
	padding:10px 25px;
	font-size:20px;
	line-height:31px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	transition:all 0.2s ease-in-out;
}
a.btn-back::before
{
	content:"\f100";
	font-family:"Font Awesome 5 Pro";
	font-weight:900;
	position:relative;
	left:0;
	display:inline-block;
	padding-right:8px;
	color:#754C24;
	font-size:13px;
	line-height:13px;
	vertical-align:middle;
	transition:all 0.2s ease-in-out;
}
a.btn-back:hover
{
	color:#FFF;
	background-color:#754C24;
	text-decoration:none;
	transition:all 0.2s ease-in-out;
}
a.btn-back:hover::before
{
	color:#FFF;
	left:-3px;
	transition:all 0.2s ease-in-out;
}

/*Button Link*/
a.btn-link
{
	color:#231F20;
	text-decoration:underline;
}
a.btn-link:hover
{
	color:#F7931D;
	text-decoration:underline;
}
/*to top button*/
#toTop {
  display: inline-block;
  background-color: #754C24;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#toTop::after 
{
	content: "";
    display: block;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg id='chevron-top'%3E%3Cline class='cls-1' x1='16' x2='25' y1='11.5' y2='20.5'/%3E%3Cline class='cls-1' x1='7' x2='16' y1='20.5' y2='11.5'/%3E%3C/g%3E%3C/svg%3E");    width: 20px;
    height: 40px;
	width:40px;

}
#toTop:hover {
  cursor: pointer;
  background-color: #F7931D;
}
#toTop:active {
  background-color: #754C24;
}
#toTop.show {
  opacity: 1;
  visibility: visible;
}