.erp-button.white {
	border-color: #fff;
}

.erp-button.white span {
	color: #fff!important;
}

button.fusion-load-more-button {
	position: relative;
}

.erp-button::after,
button.fusion-load-more-button::after {
	content: '';
	display: inline-block;
	width: 26px;
	height: 9px;
	margin-left: 7px;
	background-image: url('../images/nav-arrow-red.svg');
	background-repeat: no-repeat;
	background-position: center center;;
	background-size: contain;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.erp-button.white::after {
	background-image: url('../images/arrow_white.svg');
}

.erp-button.small::after {
	width: 20px;
	height: 7px;
}

.erp-button:hover::after,
button.fusion-load-more-button:hover::after {
	background-image: url('../images/arrow_white.svg');
  	transform: translateX(5px);
}





/******* square member ********/

.square-member {
	display: block;
	width: 145px;
	height: 145px;
	padding: 25px;
	border-radius: 1px;
	color: #fff;
	background: #ff0000;
	font-family: 'Calibri bold';
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	position: fixed;
	bottom: 50px;
	right: 50px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.square-member:hover {
	color: #fff;
}

.square-member::before {
	content: '';
	position: absolute;
	top: -15px;
	right: -15px;
	display: block;
	width: 145px;
	height: 145px;
	border: 1px solid #F08262;
	border-radius: 1px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.square-member::after {
	content: '';
	display: block;
	width: 32px;
	height: 11px;
	margin: 15px 0 0 auto;
	background-image: url('../images/arrow_white.svg');
	background-repeat: no-repeat;
	background-position: center center;;
	background-size: contain;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.square-member:hover::before {
	transform: translate(-5px, 5px);
}

.square-member:hover::after {
	transform: translateX(10px);
}

.square-member.hidden {
	visibility: hidden;
	opacity: 0;
}

@media all and (max-width:840px) {
	.square-member {
		display: flex;
		align-items: ceter;
		width: 100%;
		left: 0;
		right: 0;
		height: 70px;
		bottom: 0;
	}

	.square-member::after {
		margin-top: 5px;
		margin-left: auto;
		margin-right: 0;
	}

	.square-member::before {
		display: none;
	}

	.square-member br {
		display: none;
	}
}

.square-member.sqm-big {
	display: block;
	width: 200px;
	height: 200px;
	padding: 25px;
	border-radius: 1px;
	color: #fff;
	background: #ff0000;
	font-family: 'Calibri bold';
	font-size: 28px;
	line-height: 30px;
	cursor: pointer;
	position: fixed;
	bottom: 50px;
	right: 50px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.square-member.sqm-big::before {
	content: '';
	position: absolute;
	top: -15px;
	right: -15px;
	display: block;
	width: 200px;
	height: 200px;
	border: 1px solid #F08262;
	border-radius: 1px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.square-member.sqm-big::after {
	content: '';
	display: block;
	width: 32px;
	height: 11px;
	margin: 15px 0 0 auto;
	background-image: url('../images/arrow_white.svg');
	background-repeat: no-repeat;
	background-position: center center;;
	background-size: contain;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/********** signup button ************/

button.signup.white {
	color: #fff!important;
	float: right;
}


/******* slider button *******/

a.erp-slider-button {
	font-family: 'Calibri bold'!important;
}

/********** to top ***********/

#toTop {
    border-radius: 1px 1px 0 0!important;
	border-bottom: none!important;
}

#toTop:hover {
	border: 1px solid #FF0000!important;
	border-bottom: none!important;
}

#toTop:not(:hover) {
    background-color: transparent!important;
	border: 1px solid #ddd;
}

#toTop:not(:hover)::before {
	color: #ddd!important
}

#toTop:active, 
#toTop:focus:hover {
	background: #FF0000!important;
}

#toTop:focus, 
#toTop:visited {
	background: transparent!important;
}
