html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }

/* Настройка основной типографии */
body, select, input, textarea, button {
outline: none;
}

a { 
outline: none;
color: #000;
text-decoration: none;
}

a:hover { text-decoration: underline; }

a img { border: 0 none; }
a > img { vertical-align: bottom; }


img{
width: 100%;
height: auto;	
vertical-align: bottom;
}

::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}

::-webkit-scrollbar
{
width: 2px;
background-color: transparent;
}

::-webkit-scrollbar-thumb
{
-webkit-box-shadow: inset 0 0 6px #1aa6e3;
background-color: transparent;
}


body{
background-color: #f1f1f1;
font-family: Euclid Circular B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;
color: #000;
}

.sci_container{
   max-width: 480px;
   height: auto; 
   margin: 0 auto;
}

.header{
padding: 35px 0;	
box-sizing: border-box;
}

.logo{
background: url(../images/logo.svg);	
width: 200px;
height: 60px;
background-size: 100%;
background-repeat: no-repeat;
}


.loginbox{
height: 60px;	
width: auto;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
}

.sci_loginbox{
height: 60px;   
width: auto;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
font-size: 2rem;
}

.sci_loginbox a{
  color: #1aa6e3;  
}

.sci_header{
 padding: 35px 0;   
box-sizing: border-box;   
}

.logon_btn{
    background: #1aa6e3;
    border: none;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 5px;
    color: #fff;	
}

.logon_btn:hover{
opacity: 0.8;	
}

.reg_btn{
    background: #191c1e;
    border: none;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 5px;
    color: #fff;	
}

.reg_btn:hover{
opacity: 0.8;	
}

.header_center{
margin-top: 25px;	
}

.header_center_left{

}

.header_center_left h1{
font-size: 4.5rem;
    font-weight: 700;	
}

.header_center_left p{
font-size: 24px;
    font-weight: 500;
}


.world_icon img{
max-width: 45px;	
}

.header_center_btnbox{
margin-top: 30px;	
}

.header_center_btn{
background: #1aa6e3;
    border: none;
    padding: 13px 25px;
    font-weight: 600;
    font-size: 20px;
    border-radius: 5px;
    color: #fff;
    position: relative;	
}

.header_center_btn::before{
content: "";
    z-index: -1;
    position: absolute;
    background: #191c1e;
    width: 192px;
    height: 56px;
    border-radius: 5px;
    left: 50px;	
}

.header_center_btn span{
position: absolute;
    right: -55px;
    top: 25px;	
}

.payment{
   padding: 35px 0; 
   box-sizing: border-box;
}

.start_payment{
background: #ddd;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 7px;
    margin-top: 20px;    
}

.start_payment_header_left{
 font-size: 18px;
    font-weight: 500;   
}

.payment_amount{
     font-size: 1.5rem;
    font-weight: 700;
} 

.payment_amount span{
font-size: 1rem;

}   

.start_payment_header_right{
  font-size: 18px;
    font-weight: 500; 
    text-align: right;   
}

.start_payment_icon{
     float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    padding: 25px 0;
    box-sizing: border-box;
    color: #1aa6e3;   
}

.start_success_icon{
     float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    padding: 25px 0;
    box-sizing: border-box;
    color: #47c77b;   
}


.start_payment_info h2{
text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 0;
    box-sizing: border-box;
}

.start_payment_info p{
 text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #1aa6e3;

}

.start_payment a{
  color: #1aa6e3;   
}

.start_payment_footer{
   padding: 25px 0; 
   box-sizing: border-box;
}

.start_payment_footer_box{
     display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;   
       
}

.payment_footer_icon{
font-size: 2.5rem;
color: #47c77b;   
}



.payment_footer_text{
font-weight: 700;
font-size: 16px;
}

.payment_help a{
   text-decoration: none; 
}

.payment_help_content{
 width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    font-size: 1.5rem;
    text-align: center;
 
    text-transform: uppercase;
    font-weight: 500;
    color: #5a5a5a;   
}

.payment_help_content i{
color: #1aa6e3; 
}

.payment_requisites h2{
text-transform: uppercase;
    padding: 15px 0;
    box-sizing: border-box;
    font-size: 1.5rem;    
}

.requisites_box{
 background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 2px 3px 9px 2px #6b6b6b;    
}

.requisites_box_header img{
   max-width: 40px; 
}
   
.requisites_box_header{
   display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    gap: 10px;    
}

.requisites_clock{
display: flex;
    gap: 3px;   
     font-weight: 600;  
}  

.requisites_box_header span{
   font-weight: 500; 
}

.requisites_input_title{
font-size: 16px;
    padding: 10px 0;
    font-weight: 500;
    color: #1aa6e3;
}

.requisites_input_content{
 background: #ddd;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    border-radius: 7px;
    font-weight: 600;  
  
}

.copy{
 color: #47c77b; 
 cursor: pointer;  
}

.copyoa{
 color: #47c77b; 
 cursor: pointer;  
}

.requisites_right_ul{
   margin-top: 15px; 
}

.requisites_right_ul ul{
   list-style: decimal; 
}

.requisites_right_ul li{
 font-size: 18px;
    font-weight: 600;
    padding: 5px;
    box-sizing: border-box;
    text-transform: uppercase;   
}

.requisites_right_info{
font-size: 15px;
    font-weight: 500;    
}

.payment_requisites{
   padding: 20px 0;
   box-sizing: border-box;
    
}

.aprove_pay{
 background: #47c77b;
    border: none;
    padding: 15px 25px;
    box-sizing: border-box;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 7px;
    color: #fff;   
}

.requisites_btn{
display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    box-sizing: border-box;    
}


.payment_amount span{
   text-transform: uppercase; 
}

.text_title{
text-align: center;
    font-size: 1.1rem;
    font-weight: 500;    
}   

.sci_infobox{
    background-color: rgb(255, 255, 255);    
padding: 0px 1.25rem 1rem;
border-radius: 10px;
box-shadow: rgba(156, 163, 175, 0.1) 0px 10px 15px -3px, rgba(156, 163, 175, 0.05) 0px 4px 6px -2px;
margin: 25px 0;   
}
   
.tab-container {
  display: flex;
}

.tab {
padding: 15px 20px;
box-sizing: border-box;
    border: none;
    background-color: transparent;
    width: 50%;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
  cursor: pointer;
   border-bottom: 2px solid #ddd;   
}

.tab-content {
  display: none;
  padding: 20px 0;
  box-sizing: border-box;
}

.active {
   transition: 1s; 
  border-bottom: 2px solid #0a083b; 

}

.select_cripto_content img{
   max-width: 25px; 
}

.select_cripto{
  display: flex;
    justify-content: space-between;

        align-items: center;
}
   
.select_cripto_text{
   font-weight: 600; 
}   


.select_cripto_content{
background: #ddd;
    padding: 5px 15px;
    box-sizing: border-box;
    border-radius: 4px;
    display: flex;
    gap: 10px;
    justify-content: space-between;    
}

.sci_title_detail{
 font-size: 1.3rem;
    text-align: center;
    font-weight: 500;
    padding: 15px 0;
    box-sizing: border-box;
   
}


.sci_qr{
display: flex;
align-items: center;
justify-content: center;
}

.sci_qr img{
   max-width: 250px; 
}

.sci_info_text{
padding: 15px 0;
    box-sizing: border-box;    
}

.sci_info_text h4{
font-size: 1.1rem;
}

.sci_info_text p{
  font-size: 13px;
}

.sci_detail_id{
 display: flex;
    justify-content: space-between;
    align-items: center;   
    font-weight: 600; 
     color: #696969;
     padding: 5px 0;
     box-sizing: border-box;
     font-size: 14px;
}

.sci_detail_ammound{
   display: flex;
    justify-content: space-between;
    align-items: center;  
    font-weight: 600; 
    color: #696969;
    padding: 5px 0;
     box-sizing: border-box;
      font-size: 14px;
}

.select_cripto_content span{
   font-weight: 600; 
}


.sci_dollar{
  font-weight: 600;  
   color: #696969;
   text-transform:uppercase;  
   text-align: right;
  }


.sci_input{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ddd;
    padding: 8px 10px;
    margin: 5px 0;
    border-radius: 4px;
    font-weight: 500;
}

.sci_input_title{
    font-weight: 500;
    font-size: 14px;
}

.sci_copy_amount{
   cursor: pointer; 
}

.sci_copy_wallet{
 cursor: pointer;    
}

.sci_success{
background-color: rgb(255, 255, 255);    
border-radius: 10px;
box-shadow: rgba(156, 163, 175, 0.1) 0px 10px 15px -3px, rgba(156, 163, 175, 0.05) 0px 4px 6px -2px;
margin: 25px 0;   
}


.sci_success_header{
  background: #e4fff0;
    border-radius: 10px 10px 0 0;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;   
}

.sci_success_circle{
background: #49ed92;
border-radius: 100%;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;  
}  

.sci_success_circle i{
 color: #006a2f  ;
}

.sci_successboxes{
 padding: 0px 1.25rem 1rem;
 box-sizing: border-box;   
}

.sci_success_content{
   margin-top: 15px; 
}

.sci_success_content h4{
   font-size: 1.4rem; 
}

.sci_success_content p{
font-weight: 600;
    color: #696969;
    font-size: 14px;
}
   
.sci_return_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;    
}


.sci_return_btn button{

border: none;
    background: #abf5cc;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;      
}    




.maincoinshow{
   padding: 35px 0; 
   box-sizing: border-box;
}

.maincoinshow_block{
 display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
   
}    


.maincoinshow h2{
text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 600;
}

.maincoinshow_coinbox_content{
    height: 116px;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    border-radius: 10px;
    box-shadow: 4px 4px 10px 0px #1aa6e3;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;

}

.content_sci_success{
   display: none; 
}

.new_sci_infobox {
    background-color: rgb(255, 255, 255);
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: rgba(156, 163, 175, 0.1) 0px 10px 15px -3px, rgba(156, 163, 175, 0.05) 0px 4px 6px -2px;
    margin: 25px 0;
}

.new_sci_infobox h1{
font-size: 0.8rem;
}

.sci_list ul{
   list-style: none; 
   margin: 0;
   padding: 0;
}

.sci_list_item img{
   width: 32px;
   height: 32px; 
   vertical-align: bottom;
}

.sci_list_item {
    width: 100%;
    height: 56px;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:  0 15px;
    box-sizing: border-box;
    cursor: pointer;
}

.sci_list_item:hover{
 background: #f9fafb;   
}


.sci_list{
    max-height: 500px;
    overflow: auto;
}

.sci_list_item_left{
display: flex;
    gap: 10px;
    align-items: center;   
        font-weight: 700; 
}

.sci_list_item_right{
 background: #dfdfdf;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 5px;   
}