body 
{
    padding-top: 50px;    
    background-color: black;
    /*background-image: url('../img/background.png');    
    background-attachment:fixed;   
    background-size:cover;
    background-position:center;*/
    color: white;
    font-family: 'Archivo Narrow','Helvetica Neue',Helvetica,Arial,sans-serif!important;    
    font-size:1.6em;
    text-align:center;
}

.navbar 
{
    background-color:#F6BB42!important;
    color:black!important;        
}

@media ( min-width: 768px )  
{
    .nav
    {
        width:auto!important;
    }

    .navbar > .container {
        text-align: center;          
    }
    .navbar>.container .navbar-brand
    {
        margin-left:0px;
    }
    .navbar-header,.navbar-brand,.navbar .navbar-nav,.navbar .navbar-nav > li {
        float: left;
        display: inline-block;        
    }
    .collapse.navbar-collapse {
        width: auto;
        clear: none;
    }
    .nav-bug {
        width: 250px;
    }

    .navbar-nav > li > a {
        color: #000!important;
    } 

    .navbar-nav > li > a:hover {
        color: #FFF!important;
    } 

    .col-sm-3 
    {
        padding-left:10px;
        padding-right:10px;
        width:22%;
        overflow:hidden;        
    }
    
    .col-sm-6
    {
        width:56%;                        
        overflow:hidden;
    }
}

@media ( min-width: 1200px )  
{
    .col-sm-3 
    {
        width:19%;
    }
    
    .col-sm-6
    {
        width:62%;
    }
}

@media ( min-width: 1400px )  
{
    .col-sm-3 
    {
        width:23%;
    }
    
    .col-sm-6
    {
        width:54%;
    }
}

@media ( min-width: 1800px )  
{
    .col-sm-3 
    {
        width:18%;        
    }
    
    .col-sm-6
    {
        width:64%;
    }
}

.semi-trans
{
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.row
{
    margin-left:0px;
    margin-right:0px;
}

.col-sm-6
{
    min-height:1240px;
    margin:0px;
    padding-bottom: 20px;
}
    
.faucet-html
{
    background-color:White;
    font-size:0.8em;
}

a
{
    color:white;  
    text-decoration:underline;  
}

a:hover
{
    color:#F6BB42;  
}

.nobr
{
    white-space:nowrap;
}

.para
{
    margin:10px auto;
}

.navbar a
{
    text-decoration:none;  
}

.navbar .active a
{
    color: #FC6E51!important;
}

img
{
    vertical-align:middle;
}

.hidden
{
    display:none;
}

.advert
{
    margin: 10px auto;    
}

h1
{
    font-family: 'Michroma','Helvetica Neue',Helvetica,Arial,sans-serif!important;
    color: white;
    font-size:2em;
}

h2
{
    font-family: 'Michroma','Helvetica Neue',Helvetica,Arial,sans-serif!important;
    color:black;   
}

h3
{
    font-family: 'Michroma','Helvetica Neue',Helvetica,Arial,sans-serif!important;
    color: white;    
}

h4
{
    font-weight:bold;
}

ul
{
    width:80%;
    margin:0px auto;
    text-align:left;    
}

.footer
{
    color:white;
    background-color:black;
    text-align:center;
    padding:5px;    
}

.footer a
{
    color:white;
    text-decoration:none;
}

.footer a:hover
{
    color:white;
}

.globalNotice
{
    margin-top:10px;
    background-color:#F6BB42;
    color:black;
    font-weight:bold;
    padding:5px;
    text-align:center;   
}

.globalNotice2
{
    background-image: url('http://mellowads.com/img/background.jpg');
    background-position:0px;
    background-color:#F6A146;    
    padding:5px;
    text-align:center;  
    margin-top:10px;
    font-weight:bold; 
}

.globalNotice2 a
{
    color:black;
    text-decoration:none;
}

.globalNotice2 a:hover
{
    color:black;    
    text-decoration:underline;
}

.xapoNotice
{
    background-color:#FF3B30;
    color:white;
    padding:5px;
    text-align:center;  
    margin-top:10px; 
    cursor:pointer
}

.xapoNotice:hover
{
    background-color:#FF5B30;    
}

#google_translate_element
{
    display:inline-block!important;
    vertical-align:top;
    font-size:8px!important;
}

.goog-te-gadget-simple
{
    padding:0px!important;   
}

.goog-te-gadget-icon
{
    height:18px!important;   
}

#adcopy-outer
{
    border:black!important;
    margin:0px auto!important;    
}

#adcopy_response
{
    font-size:inherit!important;    
}

#adcopy-instr
{
    font-family: 'Ubuntu', sans-serif!important;
    font-size:0.9em!important;
    color:black!important;
}

.login-message
{
    color:Red;
}

.faucet
{
    display:inline-block;
    background-color:#F6BB42;
    color:black;
    border: 1px solid transparent;
    padding:5px;
    text-decoration:none;
    margin:3px;
}

a.faucet:hover
{
    background-color:#FFCE54;
    color:black;
    text-decoration:none;
}


input, select
{
    font-family:inherit;
    font-size:0.8em;
    color:Black!important;
}

.success-message-panel
{
    background-color:#F6BB42;   
    color:black!important;
    min-width:320px;
    margin:10px auto;
    padding:10px;
}

.success-message-panel a
{
    color:Black;
}

.failure-message-panel
{
    background-color:red;   
    color:White;
    width:60%;
    min-width:320px;
    margin:10px auto;
    padding:10px;
}

.microwallet-username
{
    width:95%;
    font-size:13px;
}

p
{
    margin:5px 0px;   
}

.submit-button
{
    background-color:#F6BB42;
    color:black;
    border: 1px solid transparent;
    padding:5px;
    width:290px;
    margin-top:5px;
    margin-left:2px;    
    margin-right:2px;
    font-size:13px;
}

.submit-button:hover
{
    background-color:#FFCE54;
    cursor:pointer;
}

.paymentProviderDropdown
{
    font-size:13px;
    width:95%;
}

.payment-option
{
    display:inline-block;
    margin:5px;
    color:white;
    padding:10px 0px;
    width:300px;
}

.xapo-payment-option
{
    background-color:#FF3B30;    
}

.microwallet-payment-option
{
    background-color:#F6BB42;
}

.faucetbox-payment-option
{
    background-color:#77B8B7;
}

.popup
{
    display:none;
    min-width:322px;
    max-width:1000px;
    width:75%;
    background-color:black;
    border:2px solid #F6BB42;
    padding:0px 10px 10px 10px;
    max-height:90%;
    overflow-y:auto;
}

.close-button
{
    display:block;
    position:absolute;    
    top:0px;
    right:0px;
    margin-right:6px;    
    border:0px;
    background-color:Black;
    color:#999;
    text-decoration:none;
    
}

.close-button:hover
{
    color:white;
    text-decoration:none;
}