.page-top{
	
	display:none;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:10 !important;
	
	
}

#page-top2{
	width:50px;
	height:50px;
	/*display:none; */
	position:fixed;
	right:16px;
	bottom:10px;
	z-index:10 !important;
	
}
 
#page-top2 div{
	position:relative;
	width:100%;
	display:block;
	background:rgba(50,50,50,.7);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;

}

 

 
#page-top2 div:hover{
	background:rgba(50,50,50,1);
}
 
#move-page-top2{
	color:#fff;
	font-size:24px;
	text-align:center;
	text-decoration:none; 
	cursor:pointer;
	display:block;
	width:95%;
}


#page-top3{
	width:50px;
	height:auto;
	display:none;
	position:fixed;
	right:0px;
	top:200px;
	z-index:10 !important;
	
}
 
#page-top3 div{
	position:relative;
	width:100%;
	display:block;
	background:rgba(200,0,90,.6);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	font-size:14px;
	border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

 

 
#page-top3 div:hover{
	background:rgba(200,0,90,1);
}
 
#move-page-top3{
	color:#fff;
	font-size:170%;
	font-weight:bold;
	text-align:center;
	text-decoration:none; 
	display:block;
	cursor:pointer;
	 writing-mode: vertical-rl;
	 padding:10px 0 15px 0;
}
#move-page-top2 .fa{line-height: 50px !important; font-size: 1.2em; margin-left:5px;}
#move-page-top3 .fa{line-height: 40px !important; font-size: 1.0em; margin-left:5px;margin-bottom:5px;}
@media screen and (max-width: 969px) {

.page-top{
	
	display:block;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:10 !important;
	background-color:#FFF;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	color:#fff;
	font-size:170%;
	line-height:120%;
	padding:0 ;
	text-align:left;
	
}

#page-top2{
	width:50px;
	height:50px;
	/*display:none; */
	position:fixed;
	right:5px;
	bottom:5px;
	z-index:10 !important;
	
}



.page-top .btn,.page-top .btn2,.page-top .btn3{padding:10px 0 5px 0 !important;font-size:120%; width:calc(100% - 2px); margin:0 !important;font-weight:bold;text-align:center;display:block;text-decoration:none;-webkit-transition: all .4s ease;transition: all .4s ease; vertical-align:middle;}
.page-top .btn {color:#222!important;border-color:#888; border-width:0 1px 0 0; border-style:dotted; background-color: #FFF;}
.page-top .btn2 {color:#222!important;border-color:#888; border-width:0 1px 0 0; border-style:dotted; background-color: #FFF;}
.page-top .btn3 {color:#222!important;border-color:#888; border-width:0; border-style:dotted; background-color: #FFF;}

.page-top .btn img,.page-top .btn2 img,.page-top .btn3 img{width:30px;}
.page-top .btn span,.page-top .btn2 span,.page-top .btn3 span{font-size:55%}


.page-top .btn:hover,
.page-top .btn:focus,
.page-top .btn:active,
.page-top .btn.active {
  color: #3AAFFF !important;
  background-color: #FFF;
  text-decoration: none; 
}



.page-top .btn2:hover,
.page-top .btn2:focus,
.page-top .btn2:active,
.page-top .btn2.active {
  color: #3AAFFF !important;
  background-color: #FFF;
  text-decoration: none; 
}


.page-top .btn3:hover,
.page-top .btn3:focus,
.page-top .btn3:active,
.page-top .btn3.active {
  color: #3AAFFF !important;
  background-color: #FFF;
  text-decoration: none; 
}

}

@media screen and (max-width: 480px) {
	
	.page-top .btn,.page-top .btn2,.page-top .btn3{font-size:100%;}
	


	#page-top3{
	width:30px;
	height:auto;
	right:0px;
	top:100px;
	
	}
	#move-page-top3{
	font-size:120%;
}

#move-page-top3 .fa{line-height: 20px !important;  margin-right:0px;}
}