.spinner-wrapper {
background:#333;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 300;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
}
    
#bitcoin{
    width: 50px;
  height: 50px;
  position: absolute;
top: 28%;
left: 45%;
  padding-top:80px;
  width:200px;
  margin:0 auto;
  display:block;
  text-align:center;
  color:#888888;}

.path {
  stroke-dasharray: 2110;
  stroke-dashoffset: 2110;
  stroke-width:2;
  stroke-linecap:round;
  animation: dash 6s linear infinite;
  fill-opacity:0;
  stroke:orange;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 2110;
    opacity:0;
    stroke:orange;
  }
  15%{
    opacity:1;
    stroke:orange;
  }
  70%{
    opacity:1;
    stroke:orange;
  }
  100%{
    stroke-dashoffset:0;
    opacity:0;
    stroke:yellow;
  }
}
body {background-color:#fff !important;
    font-family: 'Alice',fantasy;
    font-size: 18px;
    line-height:1;
    padding:0;
    margin:0;
    position:relative;
    color:#ccc;
    }
    .modalaction{margin-bottom:2px;color: #ccc}
    #dtable{background-color:#343a40;width:100%}
#dtable a{margin:3px;font-weight:bold;}
#dtable input{text-align:center;color:#333;font-weight:bold; border-radius: 0.2rem;background-color: #ddd}

            #roll div{display:inline;;padding-left:2%;padding-right:2%;margin-left:5%;font-size:180%;background-color:#333}
    .stats .col-lg-11{background-color:#343a40;padding-top:2px;padding-bottom:2px; margin-bottom:2px;border-bottom:7px solid #ffc107}
    .stats span{color:#cc9900;font-size:2rem;}
    .stats p{color:#fff;font-size:1.2rem;}
    .profile li{ display:block;align-content:center;line-height:75px;border-bottom:2px solid #ccc;}
    .profile a{color:#fff;font-weight:bolder;text-decoration:none;border:none;}
    .profile a:hover{border-bottom:3px solid #CC9900;  }
    .error{background-color:inherit;border:transparent;}
    h3{ color:#fff !important}
    span{ color:#ffc107 !important}
    content{background-color:#333;width:100%}
    .navbar-brand{font-size:2rem;color:#CC9900 !important}
 .navbar-brand img{height:4.5rem;background-color: transparent}
.active{color:#ccc !important;}
.bitcoin-stats li{display: inline-block;padding-right: 25px; }
.bitcoin-stats h6{color:#fff;font-weight:bold}
.bitcoin-stats span{color:#ccc}
.navs li{display: inline-block;padding-right: 25px; }
.container{border:transparent !important;text-align: center}
nav button{ background-color:#333;}
     .text-white:hover{
    color:#CC9900 !important;
}
#headerslid{display:block;}
#headerslid img{height:500px;}
#header {
    margin:auto;
    width: 100%;
    background-color:#333;
    height:fit-content;
    z-index:999;
}
#header a{
    color:#cccccc;
    text-transform:uppercase; 
    text-decoration:none;
    font-style:bold;
    }
    .pady{padding-top: 60px;padding-bottom: 60px;}
   .how{top:-50px;padding-top: 30px;
padding-bottom: 30px;
position: relative;
z-index: 10;}
   .how img{
  background-color: #343a40;
  background-blend-mode:multiply;
   width:30px;
   float:left}
  .carousel-caption{color:#fff;
font-weight: 600;
  text-align: center;}
 .carousel-caption h5{font-size: 68px;line-height: 78px;}
 .carousel-caption p{font-size: 38px;line-height: 78px;}
  .carousel-caption span{color:#CC9900;}
  #tba {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  border:transparent;
  padding-left:0px !important;
  padding-right:0px !important;
}
.getstarted{
  font-weight: 300;
  text-align: center;
  font-style:oblique;
  background-color: #343a40;
  background-blend-mode:multiply;
  background-repeat:no-repeat;
    background-image:url('../img/icons/bg-banner.jpg');
    padding-top: 40px;
    padding-bottom: 40px;
}
.quotetest{ line-height: 46px;
font-weight: 300;
  text-align: center;
  font-style:oblique;
  background-color: #343a40;
  background-blend-mode:multiply;
  background-repeat:no-repeat;
    background-image:url('../img/legendary_service.png'); }

.btcwdgt{min-width:90% !important;
    display: block !important;
    background-color: 
#111724 !important;
color:
#aaa !important;
width: auto !important;
min-width: 340px !important;}
.btcwdgt-chart .btcwdgt-header h2{background-color: #ffc107 !important;}
.btcwdgt-chart .btcwdgt-header .stats{background-color: #ffc107  !important;}
#tba td, #tba th {
  border: 1px solid #FFCC33;
  padding: 8px;
  width:100%;
}

#tba tr:nth-child(even){background-color: #fff;}

#tba tr:hover {background-color: #ffc107;}

#tba th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #ccccff;
  color: #333333;
}
#tba  a{
  
  color: #666666;
}
#tba  a:hover{
  
  color: #000000;
}
.team-member li{display:inline-block;font-size:30px}
.team-member li:hover{color:#ffcc33}
.team-member img{height:300px;width:100%;border-top-right-radius:1rem;border-top-left-radius:1rem;border-width:3px;border-color:rgb(13, 53, 120);opacity:0.7}
.bg-ldark{background-color:#666;}
.team-member-caption {
    text-align: center;
    border-top: 3px solid #fd961a;
    background-color:#666;
}.faq {text-align:left;color:#fff;text-transform: uppercase}
.faq a{color: #333;text-transform:uppercase;text-align:left}
.about-content{ background-color: #000;border:2px solid #333;}
.about-content a{text-align:center;padding-right:1rem;display:inline-block}
#about-us{ background-color: #000;
  background-blend-mode:multiply;}
.social-footer li{display:inline-block;}
footer li{display:block}
footer h4{color:#FFD700}
footer{background-color:#333;color: #fff;text-transform: uppercase;}
footer a{color:#ccc;text-justify:initial}
footer a:hover{color:#ddd;}
.m1{padding-bottom:2%;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bolder;color:#FFD700;background-color:#333333;}
        .m2{padding-bottom:2%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;font-weight:bolder;color:#ffffff;background-color:#ffc107;opacity:0.7}
#jpot th{color:#FFF;background-color:#ffc107;width:100%;border:2px solid #333;}
             .popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 20px; /* Location of the box */
    left: 0;
    top: 4rem;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #ccc;; /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    overflow-y:auto;
    
}

/* Modal Content */
.popup-content {
    border-radius:10px;
    position: relative;
    background-color: #333;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
        margin-bottom:100px;
} .popup-content input {background-color: #ddd}
.popup-content select {background-color: #ddd}
/* 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}
}

/* The Close Button */
.close {
    color:#990000;
    float: right;
    font-size: 40px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.popup-header {
    padding: 2px 16px;
    background-color: #CCCC99;
    color: white;}
.popup-body {padding: 2px 16px;}

.popup-footer {
    padding: 2px 16px;
    background-color: #ffc107 ;
    color: white;
}#dcv{font-weight:bold;
background-image:url(../img/icons/dollar.jpg); 
 background-color: #ddd;
  background-blend-mode:multiply;
background-repeat: no-repeat; 
background-position: 2px 3px;
}
#cryptv{font-weight:bold;
background-image:url(../img/icons/btclog.jpg); 
background-repeat: no-repeat; 
background-color: #ddd;
  background-blend-mode:multiply;
background-position: 2px 3px;
}
 #trfrm{background-color:#666666}
#trfrm input{border-color:#CC6600;}
#trfrm input[type=text]{width:90%;padding:2px;

    background-position: 7px 7px;
    background-repeat: no-repeat;
 padding: 12px 20px 12px }
#trfrm input[type=number]{width:42.5%; padding: 12px 20px 12px;text-align:center;
}
#trfrm input:focus{border-color:#FFCCCC;}
#trfrm button{background-color:#009933;}
#mhide{width:5%;}
#tran{width:100%; margin-top:100px; margin-right:auto; margin-left:auto; border:1px solid #6699CC;}
 #tran form input[type=text],select {
    width: 80%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    border-left:3px;
}
#tran form input[type=submit] {
    width:fit-content;
    background-color: #999999;
    color: white;
    padding: 14px 20px;
    margin: 8px 2px;
    border: none;
    border-radius:4px;
    cursor: pointer;
    
}
#tran  button {
    width:fit-content;
    background-color: #ffc107;;
    color: white;
    padding: 14px 20px;
    margin: 8px 2px;
    border: none;
    border-radius:4px;
    cursor: pointer;
    
}

#tran  button:hover {
    background-color: #666699;
}
#tran form input[type=submit]:hover {
    background-color: #666699;
}
#pendingdeposits{color:#fff;}
    #pendingdeposits p{color:#ffc107;}
@media(max-width:700px){#mhide{display:none}
                        .team-member img{height:180px;
                        }
                        .nav-link{border-bottom:2px #ccc solid !important;}
    
    #pendingdeposits p{font-size: 14px !important;}
    #tran button{ padding: 4px 8px;}
     .quotetest{ line-height: 26px;}
     .carousel-caption{color:#fff;
line-height: 26px;
font-weight: 300;
  text-align: center;
     z-index:2}
     .carousel-caption h5{
    font-size: 28px;   
}.carousel-caption p{
    font-size: 28px;   
}
@media(max-width:400px){
     .carousel-caption{color:#fff;
line-height: 3px;
font-weight: 300;
  text-align: center;}
     .carousel-caption h5{
    font-size: 20px;   
}.carousel-caption p{
    font-size: 20px;   
}}
     .bitcoin-stats{display:none}
 #headerslid img{height:300px;}}
text{font-size:x-large;float:left;font-weight:bold;padding-left: 15%;color:#CC9900}
#fav{width:150px;}
#explorer input{border:none}
#explorer input[type=submit]{width:fit-content;opacity: 0.9;padding:10px 8px 10px 8px;border-bottom-left-radius:25%;border-top-left-radius:25%;border-color:#fff}
#explorer input[type=submit]:hover{background-color:#fff}
#explorer input[type=text]{width:60%;padding:10px 8px 10px 8px;border-bottom-right-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0%;border-top-left-radius:0%;opacity:0.9;}
#explorer input[type=text]:focus{width:85%;border-color:#1E90FF;background-color:#cccccc}
#contactus{background-color:#666666;color:#333333}
.panel{font-style:inherit;color:#fff;height:160px;text-align:center;}
.panel img{width:25px;height:25px;}
.panel-heading{background-color:#ffc107;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px;height:60px;}
.panel-body{background-color:#fff;color:#999;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;padding:1rem;padding-bottom:10px;padding-top:1px;border-color:#ccc;border-width:2px;border-style:solid;min-height:50px;}
#ftable {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 50%;
  color: #333333;
}

#ftable td, #table th {
  border: 1px solid #cccccc;
  padding: 8px;
}

#ftable tr:nth-child(even){background-color: #f2f2f2;}

#ftable tr:hover {background-color: #ddd;}

#ftable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #CC9900;
  color: white;
}

#register{color:#333333;
margin-top:5%;
border:3px solid #333333;
padding:10px 35px; 
background-color:#ffffff;
width:80%;
border-radius:6px;
box-shadow: 7px 7px 6px;
font-weight:bold;
text-transform:capitalize;
} 
#krnbalance{background-color:#333333;color:#CC9900;font-weight:bolder;min-width:40%;font-size:50px;border-top-left-radius:25%;border-top-right-radius:25%;border-bottom-left-radius:25%;border-bottom-right-radius:25%}
#register input {background-color:#6699CC;padding-top:7px;padding-bottom:7px}
#register select {background-color:#6699CC;}
#register select option {background-color:#ffffff;}
#register span input[type=text]{ border-radius: 3px;width:96%;margin-top:1%;margin-bottom:1%;margin-left:2%;margin-right:2%;
font-size:120%;font-style:italic;
}
#register p input[type=password]{ border-radius: 3px;width:96%;margin-top:1%;margin-bottom:1%;margin-left:2%;margin-right:2%;
font-size:120%;font-style:italic;
}
#register p input[type=email]{ border-radius: 7px;width:96%;margin-top:1%;margin-bottom:1%;margin-left:2%;margin-right:2%;font-size:120%;font-style:italic;
}
#register p input[type=text]{ border-radius: 7px;width:96%;margin-top:1%;margin-bottom:1%;margin-left:2%;margin-right:2%;
font-size:120%;font-style:italic;
}
#register select{ border-radius: 7px;width:96%;
margin-left:2%;margin-right:2%;margin-top:1%;margin-bottom:3%;font-size:120%;font-style:italic;

}
#register button{background-color:#333333;width:30%;
color:#FFFFFF

}
#register button:hover {
    background-color:#666666;}

#myVideo {
    z-index:-1;
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
#curvetip{color:#cccccc;background-color:#009999;border-bottom-left-radius:7px;
                                                    border-bottom-right-radius: 7px;float:left}
#submit{
border-radius:10px;
width:100px;
height:40px;
background:#FF00FF;
font-weight:bold;
font-size:20px
}
#access button{padding:2px;padding-top:4px;background-color:#0099CC;border-radius:1px;margin-left: 2px;color:#ffffff;float:right;width:100px}
#access button:hover{background-color:#3366FF}
.blinking{
    animation:blinkingText 1.8s infinite;
}
.blinking img{border-radius:50%;width:40px;height:40px;}
@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: transparent; }
    50%{    color: #000; }
    99%{    color:transparent;  }
    100%{   color: #fff;    }
}

#lotery{width:100%;background-color:#ffcc33;color:#ffffff;border-radius:10px;border:none;}
#lotery::after {
  content: "";
  clear: both;
  display: table;
}
#lotery th{width:100%;background-color:#009933;color:#ff751a;border-radius:5%;border:none;}
#textdesc a:hover{color:#238EF4}
#testimony-bottom{
  position: relative;
  margin: auto;
width:100%;
text-align:center;
font-style:italic;
background-color:#333}
#testimony-bottom img{border-radius:50%;width:100px;height:100px}
.testimony{display:none;}
#testimony-bottom span{
    
    text-align:center;
    font-size:150%;
    
}
#testdiv{background-color:#0099FF;border-radius:4px;width:95%;height:350px;color:#333333}
#testimony-bottom p {
  color: #333333;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  width: 100%;
  text-align:center;
  font-weight:bold;
  font-style:normal
  
}
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.testimony-activedot {
  background-color: #717171;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
#confpic1{width:100px;}

#closer{color:#990000;float:right}
#closer:hover{color:#000000;}
#btcaddress input{width:60%;padding:8px;border-radius:5px;border-color:#009999;background-color:#666666;font-size:100%}
             #btcaddress button{width:fit-content;border-color:#cccccc;font-size:100%;background-color:#333333;color:#CC9900}
             #btcaddress button:hover{opacity:0.8}
             #topdiv{background-color:#1E90FF}
    


#bimg img{padding:5px;color:#FFCC33;opacity:#333333;opacity:0.8;width:10%;height:50px}
#contactus table tr td form input{border-radius:4px;width:95%;background-color:#ffffff;}
#contactus table tr td form textArea{border-radius:4px;width:95%;background-color:#ffffff;}
#contactus table tr td form button{width:fit-content;background-color:#3399FF}
#contactus table tr td form button:hover{background-color:aquamarine}
.name{width:45%}

.left {
    width: 10%;
    padding: 1.5em;
    background-color:#333333;
    color:#ffffff;
    float: left;
    max-width: 160px;
    margin-top:0%;
    font-size: 18px;
    border-color:#cccccc;
    height:800px;
    
}
.right{width:80%;
float:right;overflow-y:auto;height:800px;}
.left i{font-size:30px;color:#CC9900}

.left ul {
    list-style-type: none;
    padding: 0;
}
.left ul li a{
    text-decoration: none;
    color:#ffffff;
    
}
.left ul li{padding:25px;}
.left ul li span a:hover {
    text-decoration: none;
    color:#666666;
}
.left ul li span img{width:30px; height:32px;border-radius:50%}
#loto{border-color:transparent;width:100%;border-color:transparent}
#transreport{width:100%}
#transreport button {width:31.3%;border:0.5%;border: none;
    color: white;
    padding:2%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
height:200px;}
#transreportadmin button {width:24.3%;border:0.5%;border: none;
    color: white;
    padding:2%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
height:200px;}
.buttonP {
    background-color: #CC0033;
}
.buttonB {
    background-color: #0099FF;   
}
.buttony {
    background-color: #006666;   
}
.buttonG {
    background-color: #666666; 
}
#localbank{display:none}
#betv{width:100%}
#medium button{padding:6px;width:45%;background-color:#3399FF;color:#fff;display:none}
#adsva{padding:6px;width:45%;background-color:#3399FF;color:#fff;}
#rslmedium{display:none;}

             @media(max-width:700px){#testimony-bottom p {font-size: 11px}
                 .left{display:none;float:none;}
             .right{width:100%;
float:none;overflow-y:no-display;height:100%;}
                 #register{width:96%;padding:1.5px 2px;margin-top:0%;}
                 .name{width:40%}
                 #contactus table tr td{display:block;width:100%;border-color:#cccccc}
                        #contactus table tr td {display:block}
                        #contactus table td{display:block}
                 #btcaddress input{width:80%}
             #bimg img{width:28%;height:50px}
             #field2 th{display:block;width:100%;height: auto}}

             
            
            
            
#upf input{padding:7px;border-radius:4px;width:80%}
#upf select{padding:7px;border-radius:4px;width:80%}
@media(max-width:700px){
    #adsva{font-size:smaller;float:left;width:100%;padding-top:6px;padding-bottom:6px;background-color:#3399FF;color:#fff;}
    
    .popup-content {width:95%}
    
    
    #transreport button {width:98.5%;height:100px;}
    #transreportadmin button {width:98.5%;height:100px;}
    }
p{font-family: 'Alice';font-size: 18px;}
.headdiv{width:100%;height:auto;
position: relative;
    text-align: center;
    color: white;}
.headdiv table tr th{width:50%;color:#ccc;font-size:50px;font-weight:lighter;align-self:center}
.headdiv table tr th fieldset{color:#666;font-size:18px;background-color:#FFFFFF;border-radius:10px;width:70%;box-shadow: 0 0 30px 2px rgba(55,110,248,.2);}
.headdiv table tr th fieldset button{background-color:rgb(13, 53, 120);color:#fff}
    .headdiv table tr th fieldset button:hover{opacity:0.8}
   

/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
  color: #999;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 100px;
  display:block;
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: none;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 400px;
  padding: 10px;
  background-color: white;
  border-radius:10px;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 5px;
  margin: 5px 0 22px 0;
  background: #fff;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #fff;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
@media(max-width:700px){.headdiv table {border:none;font-size:30px;text-align:center;}
    .headdiv table tr th{display:block;width:100%;margin:0%;font-size:22px;}
    .headdiv table tr th fieldset{font-size:18px;width:80%}
    
    #ftable {
  width: 90%;}
#explorer input[type=text]{width:40%;background-color:#cccccc}
#explorer input[type=text]:focus{width:70%;}
#explorer input[type=submit]{width:fit-content;}}
.slide{width:100%;height:500px;display:none;
position: relative;
    text-align: center;
    color: white;}
#countdown{background-color:#009933;width:300px}
#smessage{background-color:#009933;width:300px}
.slidecontent{background-color:#FFCC33;
              opacity:0.9;
              font-size:larger;
              font-weight:bolder;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:80%;
    border-radius:5px;
    z-index: 100;
}
.slidecontent div{z-index: 100;}



.slidecontent form input{width:80%;height:30%;border-radius:4px;font-weight:bold;}
.slidecontent form button{background-color:#cccccc;}
.slidecontent form button:hover{background-color:#999999;}
.slidecontent span{color:#333333;font-weight:bold;border-top-right-radius:4px;border-top-left-radius:4px;}

.desktopchart{display:block;}
.mobilechart{display:none;}
#qupdate{color:#fff}
@media(mn-width:700px){
.desktopchart{display:none;}
.mobilechart{display:block;}}
#fota a{color:#ccc;
text-decoration:none;
margin-right:20px;}
#fota a:hover{color:#990000;border-bottom:2px}
#fota ul li{display:inline}

#dropcontent{display:none;z-index:1;position:relative;background-color:#333333}

#dropcontent{display:none;z-index:1;position:absolute;width:100%}
#dropcontent  a{text-decoration:none;color:#CC6600;padding-bottom:12px}
#dropcontent  a:hover{background-color:#0099CC}
#drop{background-color:#999933;display:none;float:right;margin-right:10%;top:50%}
#dropcontent ul{list-style:none}
#dropcontent ul li a:hover{color:#ffffff;background-color:#333333}
#dropcontent ul li img{width:35px;height:30px;border-radius:50%}

#drop:hover{background-color:#CC9900}
#notification{background-color:#333333;color:#999999;font-style:italic;padding:5px}
@media(max-width:700px){
    .slide{height:280px;}
#qr{width:50%;height:80%}
.slidecontent{width:80%;top:7%;}

#deskview{display:none}}


#office{background-color:#333333;padding:10px;width:device-width;}
#logout{background-color:#CC9900;color:#000000;padding:3px}
#logout:hover{background-color:#FFCC33;height:80%}
.dav {
    width: auto;
    margin-top: auto;
    padding: 1em;
    font-size: 18px;
    color:#000000;
    
}
#reasons tr td{font-size:18px;border-color:transparent;padding-left:10%;color:#333333}
#reasons tr td span{font-size: 24px}
#desk-login{display:inline;float:right}
#hiw {background-color:#cccccc;display:none;opacity:0.6;border-color:#333333}
#hiw table{background-color:#dddddd}
#hiw table tr td{border-color:#333333;border-bottom-color:transparent}
#hiw span{color:#996600;border-top-left-radius:4px;border-top-right-radius:4px;}
#hiw table span{color:#996600;border-color:#0099CC;font-weight:bold}
#hiw table td{padding:3px;color:#333333}


#faq{font-size:100%;background-color:#ffffff;margin-left:5%;margin-right:5%;height:auto;color:#999999;border-radius:7px}
#faq i{color:#CC9900;font-weight:bold}
#faq strong{color:#CC9900;font-weight:bold}
#news{width:100%;background-color:#1E90FF;border-bottom-style:groove;overflow-y:scroll;}
#news img{width:20%}
#news tr{background-color:#ffffff;color:#666666;font-style:italic;border-color:#009999}
#news td{border-color:#009999}
#tab{width:100%;background-color:#ffffff}
#tab th{background-color: #6699FF;
    border: none;
    color: white;
    padding: 15px 0px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    width:100%;}
.p1 {
    background-color: #999999;
    border: none;
    color: white;
    padding:15px 0px;
   text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    width:100%;
}
.p2 {
    background-color: #cccccc;
    border: none;
    color: white;
    padding: 15px 0px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    width:100%;
}
#profimg{ width:75px;height:80px;border-radius:50%}
#testimony input[type=text]{width:80%}
#testimony textarea{width:80%}
#testimony{width:80%}
#testimony th{background-color:#0099CC}
#testimony td{background-color:#cccccc}
#bitcoinexplanation{border-color:transparent;background-color:#cccccc;width:98%;color:#999999;font-family:san-serif;}
#bitcoinexplanation iframe{ width:98%;height:390px;}
#middle{width:100%;border:none;}
#middle tr td {width:50%;height:auto;border-color:transparent;color:#cccccc;}
#middle  tr td img{width:50px;height:50px;border-radius:50%;border-width:3px;border-color:#0099FF}


#invest{width:100%; margin-top:100px; margin-right:auto; margin-left:auto; border:1px solid #6699CC;}
h4{color:#fff}
#popform input[type=number]{
    width: 80%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;}
#popform input[type=submit] {
    width:fit-content;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#pop{width:80%;height:100px}
#popview{width:80%}
#invest form input[type=submit] {
    width:fit-content;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#invest form input[type=submit]:hover {
    background-color: #45a049;
}

#profileupdate tr th form button:hover{background-color:#666666}
#bgoldi{width:96%;border-radius:4px;background-color:#cccccc;border-color:#996600}
#bgold{
    background-color: #996600;width:40%;border-color:#990000}
#bgold:hover {background-color: #66FF66;
}
#buy{margin-left:10%;margin-right:10%;border-color:transparent}
#buy tr td{border-color:#996600;background-color:#999999;width:20%}
#mdselector input{background-color:#999999;width:30%}
#proof input{background-color:#999999;width:30%;}
.hash{display:none}
.file{display:none}
#proof button{background-color:#CC9933;width:30%}
#proof button:hover{background-color:#996600;}
#monger{width:100%}
#monger tr{width:25%;background-color:#ffffff;color:#666666}
#monger td img{width:80%;}
#monger td{border-color:#999999;width:50%}
#confirm form button{background-color:#996600}
#confirm form button:hover{background-color:#CC9900}
#button{background-color:#666666;padding:7px;width:fit-content}
#button:hover{background-color:#999999}
#pend{float:left;color:#CC0033}
#avial{float:right;color:#00FF00}
.article {width:60%;
    margin-left: 170px;
    border-left: 1px solid gray;
    padding: 1em;
    overflow: hidden;
}
#hashform input{border-color:#0099CC;width:97%;padding:1.5%;background-color:#009999}
#hashform button{background-color:#999999;align-self:center;padding:12px;}
#hashform button:hover{background-color:#666666}
@media(max-width:700px){#bitcoinexplanation{width:100%}
    #bitcoinexplanation iframe{ width:98%;height:180px;}
    #news{width:100%;}
                        #monger tr td img{width:70%;}
                        #monger tr td{display:block;width:100%}
                        #monger tr td span{font-size:small;}
                        #reasons{border-color:transparent}
                        #reasons tr td{width:100%;display:block; }
                        #proof input{width:60%}
                        #mdselector input{width:60%}
                        .article{margin-left:0px;width:100%;overflow: no-content}
                        #pend{float:none;}
                        #btcw{font-size:15px}
                        #avial{float:none;} 
                        #buy{margin-left:0%;margin-right:0%;}
                        #buy tr td{display:block;width:100%}
                        #profileupdate  tr th{display:block;width:100%;border-color:transparent}
                        #invest{width:100%;}
                        #withdraw{width:100%;}
                        
                        #r tr th{display:block;width:100%;border-color:#996600;}
                               
                        
                        
                        #middle  tr td{display:block;}
                        #middle  tr td img{width:40px;height:40px}
                        #middle tr td{width:100%}
    #news img{width:40%}
    #hiw table tr td{display:block;border-color:transparent;padding-bottom:2px;width:100%;}
#testimony{width:97%}
#tab tr th{width:95%;}
#tab tr td{width:95%;font-size:small}
#transreport{margin-left:0%;}}
@media(max-width:1400px){
#drop{display:inline-block}}
#transmenu{width:100%}
#transmenu input[type='submit']{width:33.33%;background-color:#0099CC;color:#ffffff;font-style:oblique;}
#transmenu input:hover{background-color:#3366FF}
#transmenu button{width:33.33%;background-color:#0099CC;color:#ffffff;font-style:oblique;}
#transmenu button:hover{background-color:#3366FF}
.dav {background-color:#FFFFFF;
           text-height:20px;
           border-radius:7px;
           border-color:#3333FF;
}

@media(max-width:600px){}
.recordlist{background-color:#66CC33;}

div.container {
    width: 100%;
    border: 1px solid gray;
}


.buttonlog {
    background-color: #3333FF;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    cursor: pointer;
}


.p3 {
    background-color: #FF6600;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
}

.heading {
    color: #006600;
    
}
 
/*signup.php*/
#submit{
border-radius:10px;
width:100px;
height:40px;
background:#FF00FF;
font-weight:bold;
font-size:20px
}


h1{color:#000000}
h2{color:#000000;}
img{align:center;
background-color:#cccccc}

.recordlist{background-color: #66CC33;}
table, th, td {
    border: 2px solid;
    border-color:#999;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;
}
table#t01 {
    width: 100%;    
    background-color: #f1f1c1;
}
div.container {
    width: 100%;
    border: 1px solid gray;
}

.cav ul {
    list-style-type: none;
    padding: 0;
}
   


.article {
    margin-left: 170px;
    border-left: 1px solid gray;
    padding: 1em;
    overflow: hidden;
}
.buttonlog {
    background-color: #3333FF;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    cursor: pointer;
}

.p3 {
    background-color: #FF6600;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
}


.heading {
    color: #006600;
    
}
 
#record{background-color:#0099CC}
@media screen and (min-width: 801px){
    .log{background-color:#000000;
height:10%;
}}
#socails img{width:30px;border-radius:40%;height:30px;border-left-color:#cccccc;margin-left:10px;}

.mmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.mmodal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.mclose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.mclose:hover,
.mclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#apply{font-family:arial-black}
#apply input{width:50%; border-color:#996600}
#apply button{background-color:#666666}
#apply button:hover{background-color:#999999}

#in2 {width:83%; padding: 12px 20px 12px;
}


@media(max-width:700px){
                        #tba td{font-size:small;}
#trfrm input[type=number]{width:80%;}}
#confm{background-color:#CCCC99;width:fit-content;}
#confm:hover{background-color:#999999}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
#rotate {-webkit-animation-name: rotate; 
    -webkit-animation-duration:         2.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
}

.krnicon{font-weight:bold;
background-image:url(./img/icons/krn.png); 
background-repeat: no-repeat; 
background-position: 2px 3px;}
fieldset{border-color:#7A8BDA}
                .mh{width:33%;border-radius:7px;color:#FFFFFF;font-weight:bold;}
       .mh legend{border-top-right-radius:40%;background-color:#7A8BDA;} 
       .mh a{padding-right:5%;padding-left:5%;text-decoration:none;background-color:#009999;border-radius:7px;color:#0033cc;}
        .mh a:hover{opacity:0.5}
        .mh form input{width:80%;padding-bottom:2%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;font-weight:bolder;color:#FFD700;background-color:#009999;opacity:0.7}
        
            
             
             @media(max-width:600px){
             .mh form input{width:45%;}
             
             }
             
             #ft{float:right}
             #fp{background-color:#3399FF;width:100%}
             #fp form input[type=email]{width:60%;font-weight:bold;padding:12px;text-align:center}
             #fp form input[type=submit]{width:fit-content;background-color:#666666}
             #fp form input[type=submit]:hover{background-color:#999999}
             #alogin {background-color:#3399FF;width:100%}
            #alogin form input[type=password]{width:50%;font-weight:bold}
            #alogin form input[type=submit]{width:fit-content;background-color:#666666}
             #alogin form input[type=submit]:hover{background-color:#999999}
             #alogin legend{background:linear-gradient(0deg, rgb(27, 28, 30) 7%, rgb(113, 149, 149) 91%)}
             @media(max-width:700px){
             #ft{float:none}
             #fp form input[type=email]{width:80%}
             #alogin form input[type=password]{width:80%;font-weight:bold}
             }
             #cav {
    padding:25px
    
}
#cav a{;text-decoration: none;
    color:#0099CC;}
#cav  a:hover {
    text-decoration: none;
    color:#cccccc;
}
#post textArea{width:80%}
#post input{width:80%}