body, html {
    font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
   
	overflow-x:hidden;
	background:#F6F5F8;
	
}


/* ..........................All css start.......................... */


html{
    border-radius:0px;
	overflow-x:hidden;
}

.main .scan{
	padding-left:30px;
	padding-right:30px;
	margin-top:15px;
}
.main .box{
	margin-top:30px;
	background:#ffff;
	border-radius:10px;
	padding-top:20px;
	position:relative;
}
.main .box .copy i{
	cursor:pointer;
	color:#169CDA;
	transition:0.1s;
}
.main .box .copy i:hover{
	color:rgba(22,156,218,0.5);
	transition:0.1s;
}
.main .box .btc h3{
	margin-top:-1px;
	
	
}
.main .box .p-details i{
	
	cursor:pointer;
}
.main .box .p-details #circle1{
	right:16;
	cursor:pointer;
	position:absolute;
	
}
.main .box .p-details #demo{
	position:absolute;
	color:black;
	font-size:12px;
	margin-top:-30px;
	margin-left:7px;
	display:none;
}
.main .box .p-details #info{
	 font-size:24px;
	 margin-left:-21px;
	position:absolute;
	 z-index:1000;
	 margin-top:5px;
}

.main .copy-hover{
	position:absolute;
	background:#8280F7;
	padding:5px;
	left:0;
	z-index:1;
	padding-left:8px;
	padding-right:8px;
	color:#ffff;
	display:none;
	border-radius:5px;
}

.main .copy-hover:before{
	content:"";
	position:absolute;   
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 13px solid #8280F7;
	transform: rotate(180deg);
	top:25;
	left:20;
}
.main .p-hover{
	
	right:0;
	position:absolute;
	background:#8280F7;
	padding:5px;
	z-index:1;
	padding-left:8px;
	padding-right:8px;
	color:#ffff;
	display:none;
	border-radius:5px;
}
.main .p-hover:before{
	content:"";
	position:absolute;   
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 13px solid #8280F7;
	transform: rotate(180deg);
	top:25;
	right:20;
}

/* ..........................copy link modal.......................... */
.modal {
  display: none; 
  position:absolute;
  z-index: 1; 
 box-shadow:none;
  background:transparent;
	outline:none;
	
  left: 0;
  top: 0;
   z-index:10000;
  width: 100%;
  height: 100%; 
  overflow: auto;

  
  border-radius:10px;
  
}


.modal .modal-content {
 position:relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width:100%;
 border:none;
 z-index:1000;
   border-radius:9px;
   padding-bottom:0;
 box-shadow:none;
 -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
/* Add Animation */

/* The Close Button */


.modal .modal-body {
	padding-top:10px;
	margin-left:25px;
	margin-right:25px;
	border:1px solid #ddd;
    background:transparent;
	border:none;
}


.modal .modal-body center{
	padding-top:10px;
}

.modal .modal-body .due .col-md-12  h4{
	color:#666766;
	font-size:17px;
	
}

.modal .modal-body .due .col-md-12 .link{
    background:#F4F6F7;
	border:none;
	width:100%;
	z-index:500;
	color:black;
	
	font-weight:500;
	border-radius:5px;
	font-size:13px;
	padding:10px;
	display:inline-block;
	
}

.modal .modal-body .due .col-md-12 .cop-1{
	position:absolute;
	z-index:1000;
	width:92%;
	display:none;
	color:#ffff;
	font-weight:bold;
	border-radius:5px;
	font-size:15px;
	text-align:center;
	padding:10px;
	background:rgba(0,0,0,0.9);

	
}

.modal .modal-body .due .col-md-12 .cop-1 span{
	color:#06D25B;
	margin-top:px;

	
}


.modal .modal-body .due .col-md-12 i{
    margin-left:-35px;
	margin-top:10px;
	position:absolute;
	color:#169CDA;
	cursor:pointer;
	transition:0.1s;
}

.modal .modal-body .due .col-md-12 i:hover{
   color:rgba(22,156,218,0.5);
   transition:0.1s;
}
/* ..........................payment view modal.......................... */


.umodal {
  display:none;
  position:absolute;
  z-index: 1; 
  box-shadow:none;
  background:transparent;
  outline:none;
  left: 0;
  bottom: 0;
  z-index:10000;
  width: 100%;
  height:100%;
  overflow: none;
  border-radius:10px;
  
}


.umodal .modal-content {
  
  background-color: #fefefe;
 
  padding: 0;
  width:100%;
  
 border:none;
 top:155;
 float:bottom;
   border-radius:9px;
   padding-bottom:0;
 box-shadow:none;
 -webkit-animation-name: uanimatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: uanimatetop;
  animation-duration: 0.4s
}
.umodal .modal-header{
	border-radius: 10px 10px 0px 0px;
	background:#ECEFED;
	padding:2px;
	padding-top:14px;
}
.umodal .modal-header #demo1{
	font-weight:bold;
	color:black;
}
.umodal .modal-header p{
	color:#838483;
}
/* Add Animation */
@-webkit-keyframes uanimatetop {
  from {bottom:-300px; opacity:0} 
  to {bottom:0; opacity:1}
}

@keyframes uanimatetop {
  from {bottom:-300px; opacity:0}
  to {bottom:0; opacity:1}
}
/* Add Animation */

/* The Close Button */


.umodal .modal-body {
	padding-top:10px;
	margin-left:5px;
	margin-right:5px;
	border:1px solid #ddd;
    background:transparent;
	border:none;
}

.umodal .modal-body .row .col-md-6 .title{
	float:left;
	font-size:16px;
	padding-left:20px;
}
.umodal .modal-body .row .col-md-6 .number{
	float:right;
	font-size:17px;
	font-weight:500;
	padding-right:20px;
}


.umodal .modal-body center{
	padding-top:10px;
}

.umodal .modal-body .due .col-md-12  h4{
	color:#666766;
	font-size:17px;
	
}

.umodal .modal-body .due .col-md-12 .link{
    background:#F4F6F7;
	border:none;
	width:100%;
	z-index:500;
	color:black;
	
	font-weight:500;
	border-radius:5px;
	font-size:13px;
	padding:10px;
	display:inline-block;
	
}

.umodal .modal-body .due .col-md-12 .cop-1{
	position:absolute;
	z-index:1000;
	width:92%;
	display:none;
	color:#ffff;
	font-weight:bold;
	border-radius:5px;
	font-size:15px;
	text-align:center;
	padding:10px;
	background:rgba(0,0,0,0.9);

	
}

.umodal .modal-body .due .col-md-12 .cop-1 span{
	color:#06D25B;
	margin-top:px;

	
}


.umodal .modal-body .due .col-md-12 i{
    margin-left:-35px;
	margin-top:10px;
	position:absolute;
	color:#169CDA;
	cursor:pointer;
}
.main .btn-primary{
	font-size:16px;
	background:#E7E9E8;
	border:none;
	border-radius:50px;
	color: #169CDA;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:18px;
	transition:0.2s;
	padding-right:18px;
}
.main .btn-primary:hover{
	background:#286090;
	color:#ffff;
	transition:0.2s;
}
.main .btn-primary:focus{
	border:none;
	outline:none;
}
/* ........................responsive css................................ */ 


@media (max-width: 1200px){
  .umodal .modal-content {
  
 top:145;
}


}
@media (max-width: 991px){

.main .box .p-details #circle1{
	margin-top:px;	
}	
.main .scan2{
	margin-top:30px;
}

.main .box .btc h3{
	margin-top:px;
	
	
}
}
@media (max-width: 415px){
.main .scan{
	margin-top:5px;
}
.main .box{
	margin-top:20px;
}
   .modal .modal-body {
	padding-top:10px;
	margin-left:0px;
	margin-right:0px;
	border:1px solid #ddd;
    background:transparent;
	border:none;
}
.umodal .modal-body .row .col-md-6 .title{
	float:left;
	font-size:16px;
	padding-left:0px;
}
.umodal .modal-body .row .col-md-6 .number{
	float:right;
	font-size:17px;
	font-weight:500;
	padding-right:0px;
}
 .umodal .modal-content {
  
 top:150;
}

}
@media (max-width: 368px){
	.umodal .modal-content {
  
 top:148;
}
}
/* ..........................All css end.......................... */