@font-face
{
    font-family: 'pfont';
    src: url(../fonts/OpenSans-Light.ttf);
}

@font-face
{
    font-family: 'Myfont';
    src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face
{
    font-family: 'nfont';
    src: url(../fonts/OpenSans-Regular.ttf);
}
body {
  
    
}

.nope
{
    text-align:center !important;
    padding:4px 10px !important;
    background-color:#d9313e;
    border-radius:3px !important;
    width:100% !important;
   
}
.bgg{
    
    width:100% !important;
}
.login {
    
    margin: 20% auto !important;
    text-align: center !important;
    width:100% !important;
}
.logbox
{
    width:100% !important;
    padding:20px !important;
    font-size:1.125em !important;
    font-family: 'nfont';
    color:#62503a !important;
    border:1px solid #999;
    margin:0 auto 10px auto !important;
}
.wmbutton
{
    font-size:1.125em;
    font-family: 'nfont';
    background:#62503a;
    text-align:left!important;
    color:#DDD;
    float:left;
    padding:12px 25px 12px 25px;
    border:1px solid #62503a;
    margin-left:0 !important;
}
.wmbutton:hover
{
    background:#4b3c2a;
    border:1px solid #62503a;
    color:#DDD;

}
.forgto
{
    font-size:.925em;
    font-family: 'nfont';
    color:#5b4635;
    float:right !important;
    text-align:right!important;
    margin-right:0 !important;  
}
.forgto a
{
    
    color:#5b4635;
    text-decoration:none;
    cursor:pointer;
    
}

.form-control {
  display: block;
  width: 100%;
  height: 35px !important;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  margin-bottom:15px;
  background-color: #fff;
  background-image: none;
  border:none;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.pull-right
{
    padding-bottom:5px !important;
}
.pull-right a
{
    color:#FFF !important;
    text-decoration:none;
}

/*LOGIN CONFIGURATION PAGE*/
.form-login {
	max-width: 330px;
	margin:65px auto 0;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.form-login h2.form-login-heading {
	margin: 0;
	padding:10px 0px 18px 0px;
	text-align: center;
	background: #68dff0;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
        border: 2px 2px 0 2px solid #333;

}

.login-wrap .registration {
	text-align: center;
}
.login-social-link {
	display: block;
	margin-top: 20px;
	margin-bottom: 15px;
}



@media screen and (min-width:780px) {

    .bgg{
    width:40% !important;
    margin-top:10% !important;
    height:100% !important;
    }

    .login {
    
    margin:15% auto !important;
    text-align: center !important;
    width:100% !important;
}
    .logbox
{
    width:100% !important;
    padding:25px !important;
    font-size:1.125em !important;
    color:#62503a !important;
    border:1px solid #999;
    margin:0 auto 10px auto !important;
}
    
}