@charset "utf-8";
/* CSS Document */


#wrap {
    position: relative;
    min-width: auto;
    background: url(../img/back_bg_a.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
}
#wrap > div {min-height: 100vh;background-color: rgba(50, 50, 50, 0.07);}

.group {display: flex;padding: 11px 5px;background-color: #ffffff;}
.group2{padding:0;}
.group2 .captcha{position: absolute;width: 105px;margin: -1px 0 0 0px;}
.group2 .input.text{position: ;margin-left: 105px;display: block;width: 100%;}
.group2 .input.text input{padding: 12px 8px;}

.form-group{padding: 6px 5px;}
.group i {color: #fc3955;font-size: 20px;padding: 0 10px;}
.w3l-form-group, .w3l-join-form {/* margin: 20px 0; */}
.w3l-form-group label, .w3l-join-form label {display: block;text-transform: uppercase;font-size: 15px;color: #ffffff;letter-spacing: 2px;margin-bottom: 10px;font-weight: bold;}
select {width: 100%;padding: 0px;border: none;font-size: 13px;outline: none;box-sizing: border-box;background: transparent;color: #000;}
input[type="text"], input[type="password"] {width: 100%;border: none;box-sizing: border-box;background: transparent;color: #000;}
input[type="text"]:focus, input[type="password"]:focus {outline: none;}
.forgot {display: flex;justify-content: space-between;margin: 20px 0;}
a {color: #eee;font-size: 14px;text-decoration: none;}
.forgot p {color: #ffffff;text-align: center;margin: 0px;font-size: 13px;}
.btn {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e73f0+0,0134be+100 */display: inline-block;padding: 3px 6px;/* border-radius: 2px; */background: #3d3e40; /* Old browsers */background: -moz-linear-gradient(top, #3d3e40 0%, #0d0d0d 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #3d3e40 0%, #0d0d0d 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #3d3e40 0%, #0d0d0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3e40', endColorstr='#0d0d0d', GradientType=0 ); /* IE6-9 */color: #fff;font-size: 13px;}

h1 {margin: 0;color: #021001;text-align: center;font-size: 50px;font-weight: 500;letter-spacing: 2px;padding: 100px 0 60px;}
h2 {margin: 0;background: #cd1212;color: #fff;font-size: 18px;font-weight: bold;text-align: center;letter-spacing: 1px;padding: 12px;text-transform: uppercase;/* border-radius: 3px; */}
p.w3l-register-p {color: #eee;font-size: 13px;text-align: center;margin-top: 2em;}
.w3l-login-form {max-width: 450px;margin: 0 auto;padding: 3em;}
.w3l-join-form {/* background: rgba(0, 0, 0, 0.4117647058823529); */max-width: 600px;margin: 0 auto;padding: 3em;border-radius: 10px;/* box-sizing: border-box; */max-width: 450px;margin: 0 auto;padding: 3em;}
.group i {color: #fc3955;font-size: 20px;padding: 0 10px;}
.w3l-form-group, .w3l-join-form {/* margin: 20px 0; */}
.w3l-form-group label, .w3l-join-form label {display: block;text-transform: uppercase;font-size: 15px;color: #ffffff;letter-spacing: 2px;margin-bottom: 10px;font-weight: bold;}
.w3l-form-group button, .w3l-join-form button {color: #ffffff;font-size: 12px;font-weight: bold;cursor: pointer;width: 80px;padding: 5px;/* border-radius: 2px; */display: inline-block;*/}
select {width: 100%;padding: 0px;border: none;font-size: 15px;outline: none;box-sizing: border-box;background: transparent;color: #000;}
input[type="text"], input[type="password"] {width: 100%;border: none;box-sizing: border-box;background: transparent;color: #000;}
input[type="text"]:focus, input[type="password"]:focus {outline: none;}
button {background: #3113cd;color: #ffffff;font-size: 16px;text-transform: uppercase;font-weight: bold;border: none;padding: 10px 60px;cursor: pointer;width: 100%;/* border-radius: 3px; *//* background: #bd8949; *//* text-shadow: -1px 0 #9b6d34, 0 1px #9b6d34, 1px 0 #9b6d34, 0 -1px #9b6d34; */}
.button-big{width: auto !important;padding: 10px 20px !important;font-size: 14px !important;}
.forgot {display: flex;justify-content: space-between;margin: 20px 0;}
a {color: #eee;font-size: 14px;text-decoration: none;}
.forgot p {color: #ffffff;text-align: center;margin: 0px;font-size: 13px;}
.btn {color: #fff;font-size: 13px;background: #636363;/* text-shadow: -1px 0 #303030, 0 1px #303030, 1px 0 #303030, 0 -1px #303030; */}
.btn-group .btn{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d3e40+0,0d0d0d+100 */display: inline-block;float:none;width: auto;height: auto;line-height: 1;margin: 0 3px;padding: 12px 20px;/* border-radius: 3px; *//* background: #3d3e40; */ /* Old browsers */background: -moz-linear-gradient(top,  #3d3e40 0%, #0d0d0d 100%); /* FF3.6-15 *//* background: -webkit-linear-gradient(top,  #3d3e40 0%,#0d0d0d 100%); */ /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(to bottom,  #3d3e40 0%,#0d0d0d 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3e40', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-9 */color:#fff;font-size: 15px;font-weight:bold;border: 1px solid #585858;/* background: #463828; */background: #1d2b3b;color: #fff;}
.btn-group .btn.btn-blue{border: 1px solid #585858;    background: #4c2323;    color: #fff;}

#login_box h1 img, #join_box h1 img{/* width: 230px; */}

/*--footer--*/
p.copyright-agileinfo {font-size: 15px;letter-spacing: 2px;color: #fff;font-weight: 300;}
footer p a {display: inline-block;color: #fff;text-decoration: underline;}
footer p a:hover {color: #fff;text-decoration: none;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;}
footer {padding: 60px 0 100px;text-align: center;}
/*--//footer--*/

@media (max-width: 1159px) {
	h1 {padding: 50px 0;}
	.w3l-login-form {padding: 0 3em;}
	footer {padding: 50px 0;}
}