/* here you can put your own css to customize and override the theme */
h1,h2 {color:#fff !important;}
p {color:#fff!important;}

.logo-circle{
background-color: #e6a531;
width: 100px;
height: 100px;
border-radius:300px!important;   
padding: 10px;    
}

.logo-wrap{
width: 100%;
height: auto;
}

.logo{
width: 100%;
position: absolute;
left: 0;
top: -60px;
z-index: 999;
padding:0!important;    
}

.login .logo{
    margin: 0px auto 20px!important;
}


.content{
margin-top: 120px!important;
position: relative!important;  
padding: 20px 30px!important;
background: rgba(0, 0, 0, 0.2)!important;    
}

.form-title{
text-align: center!important;
}

.login .content h3{
color:#FFFFFF!important;
text-align: center!important; 
padding-top: 60px!important;    
}

.btn.orange {
background-color: #e6a531;
color: #fff;
width: 100%;
padding: 10px 0;
margin: 10px 0;    
}

.forget-password{
margin:0!important;
}

.forget-password p {
margin-top: 8px;
    font-size: 11px;
}

.form-actions{
float:left;    
}

.white-custom{
color: #fff!important;
}

.form-control{
background-color: transparent!important;
border: 0px!important;
border-bottom: 1px solid #fff!important;
padding-left:0px!important; 
color: #fff!important;    
}


/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #F87F26!important;
  -webkit-text-fill-color: #969696!important;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

/*Forget Password*/
a#forget-password{
color:#d0a954!important;
}

.btn.green:not(.btn-outline){
background-color: #FF6E40!important;
border-color: #FF6E40!important;
}

.btn.btn-outline.btn-orange{
border-color: #e6a531;
color: #e6a531;
background-color: transparent;    
}

.form-action-forget{
border: 0;
margin-bottom: 0;
padding-bottom: 20px;
}
/*End of Forget Password*/
@media (max-width: 480px){
    .login .content {
    width:320px!important;
    }
    .logo {
    top: -17%;
    }
    .login .logo{
    margin-top: 10px!important;
    }
    .content {
        margin-top: 100px !important;
        padding: 20px 20px!important;
    }
}

h2.form-title {font-size:26px;}
.content {background: rgba(0, 0, 0, 0.0) !important;}
.btn.wrdgold {    background: rgba(240,199,111,1);
    background: -moz-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,199,111,1)), color-stop(100%, rgba(156,116,35,1)));
    background: -webkit-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: -o-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    background: linear-gradient(to bottom, rgba(240,199,111,1) 0%, rgba(156,116,35,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c76f', endColorstr='#9c7423', GradientType=0 );
    color: #fff;
    border: 0px solid transparent;
    width: 100%;
    margin: 10px 0;
    border-radius: 25px !important;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.btn.wrdgold:hover {
    background: rgba(156,116,35,1);
    background: -moz-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,116,35,1)), color-stop(100%, rgba(240,199,111,1)));
    background: -webkit-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: -o-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: -ms-linear-gradient(top, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    background: linear-gradient(to bottom, rgba(156,116,35,1) 0%, rgba(240,199,111,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c7423', endColorstr='#f0c76f', GradientType=0 );
}

.btn.register-red{
    background: rgba(240,199,111,1);
    background: -moz-linear-gradient(top, rgb(241, 124, 124) 0%, rgb(146, 39, 39) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(241, 124, 124)), color-stop(100%, rgb(146, 39, 39)));
    background: -webkit-linear-gradient(top, rgb(241, 124, 124) 0%, rgb(146, 39, 39) 100%);
    background: -o-linear-gradient(top, rgb(241, 124, 124) 0%, rgb(146, 39, 39) 100%);
    background: -ms-linear-gradient(top, rgb(241, 124, 124) 0%, rgb(146, 39, 39) 100%);
    background: linear-gradient(to bottom, rgb(241, 124, 124) 0%, rgb(146, 39, 39) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c76f', endColorstr='#9c7423', GradientType=0 );
    color: #fff;
    border: 0px solid transparent;
    width: 100%;
    margin: 10px 0;
    border-radius: 25px !important;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.btn.register-red:hover {
    background: rgb(146, 39, 39);
    background: -moz-linear-gradient(top, rgb(146, 39, 39) 0%, rgb(241, 124, 124) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(146, 39, 39)), color-stop(100%, rgb(241, 124, 124)));
    background: -webkit-linear-gradient(top, rgb(146, 39, 39) 0%, rgb(241, 124, 124) 100%);
    background: -o-linear-gradient(top, rgb(146, 39, 39) 0%, rgb(241, 124, 124) 100%);
    background: -ms-linear-gradient(top, rgb(146, 39, 39) 0%, rgb(241, 124, 124) 100%);
    background: linear-gradient(to bottom, rgb(146, 39, 39) 0%, rgb(241, 124, 124) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c7423', endColorstr='#f0c76f', GradientType=0 );
}

.form-control::-webkit-input-placeholder { color: #d2cece; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #d2cece; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #d2cece; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #d2cece; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #d2cece; }  /* Microsoft Edge */