/*Main stylesheet for Backtop jQuery Plugin */
#backTop{
    height:35px;
    padding:15px 60px 0px; /*change "0px" to "10px" if want to stiky on the red line*/
    cursor:pointer;
    z-index:99;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	/* display:none; */
}
#backTop.white{
     background:url(../img/uparr-48-b.png) no-repeat center center rgba(255,255,255,0.8);
    border:1px solid #ccc;
}
#backTop.black{
     background:url(../img/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.8); 
    border:1px solid #ccc;
}
#backTop.red{
     background:rgba(186,31,39,0.9);
	 color:#fff;
     margin-top:100px;
}
#backTop.green{
     background:url(../img/uparr-48-b.png) no-repeat center center rgba(81,217,187,0.9); 
    border:1px solid #fff;
}


/*below is Only use css to stiky to bottom, just add a div with this call*/
.back-to-top {
	position: fixed; /* Make it sticky */

	right: 0px;
    bottom: 0px;

	display: block; /* Divs are by default in block */

	font-size: 20px;
	height: 50px;
	width: 280px;
	line-height: 1;
	
        /* padding-top: 25px;
            Not quite sure how you want to style it */
    
    padding:15px 30px 0px;
	text-align: center;
    background:rgba(0,105,170,0.9);
    /*-webkit-box-shadow: -2px -1px 3px 1px rgba(68,68,68,1);
    -moz-box-shadow: -2px -1px 3px 1px rgba(68,68,68,1);
    box-shadow: -2px -1px 3px 1px rgba(68,68,68,1);
	background:rgba(186,31,39,0.9);
        -webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border-width: 5px;
	border-style: solid;*/

    /* 100% border radius also works */

    z-index: 99999; /* Making sure it stays on top */

    cursor: pointer; /* Buttons made perfect */
}



@media (min-width : 993px) and (max-width : 1199px) {
    .back-to-top {
        right: 0px;
    }
}



@media (min-width:1400px) {
    .back-to-top {
        right: 170px;
    }
}

@media (min-width:1599px) {
    .back-to-top {
        right: 260px;
    }
}