/*--Banner-Form--*/

body{
/* background: #2b80ca; #398ed0*/
 background: -moz-linear-gradient(left, rgba(37,37,37,1) 0%, rgba(37,37,37,0.9) 25%, rgba(63,63,63,0.8) 50%, rgba(37,37,37,0.9) 75%, rgba(37,37,37,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left, rgba(37,37,37,1) 0%, rgba(37,37,37,0.9) 25%, rgba(63,63,63,0.8) 50%, rgba(37,37,37,0.9) 75%, rgba(37,37,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right, rgba(37,37,37,1) 0%, rgba(37,37,37,0.9) 25%, rgba(63,63,63,0.8) 50%, rgba(37,37,37,0.9) 75%, rgba(37,37,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#3f3f3f',GradientType=1 ); /* IE6-9 */ padding:1.7em; margin:0;
 padding:0;
 font-family: 'Lato', sans-serif;
 -webkit-appearance:none;
}

.text{
 padding-left:40px;
 padding-top:10px;
}

.text1{
 font-size:3em;
 color:#fff;
 text-align:left;
 margin:0;
 padding:20px 0 0 40px;
}

.text2{
 font-size:1em;
 color:#fff;
 text-align:left;
 margin:0;
 padding:0 0 30px 42px;
}

.text3{
 font-size:1em;
 color:#fff;
 text-align:center;
 margin:0;
 padding-top:450px;
}

.text4{
 font-size:2em;
 color:#fff;
 text-align:left;
 margin: 10px 0 0 -100px;
}

.login{
 padding-left: 33%;
 padding-right: 33%;
 padding-top: 0%;
 position: absolute;
 z-index: 100;
 width: 100%;
 clear: both;
}


.banner-form{
 position: absolute;
 margin-top: 5%;
 background: -moz-linear-gradient(left, rgba(54,54,54,0.8) 0%, rgba(90,90,90,0.8) 50%, rgba(54,54,54,0.8) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left, rgba(54,54,54,0.8) 0%, rgba(90,90,90,0.8) 50%, rgba(54,54,54,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right, rgba(54,54,54,0.8) 0%, rgba(90,90,90,0.8) 50%, rgba(54,54,54,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#5a5a5a',GradientType=1 ); /* IE6-9 */ padding:1.7em;
 width:34%;
 border-radius:7px;
 border: 2px solid #439ce0; /*#439ce0*/
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.banner-form h3{
 position: relative;
 color:#444;
 font-size:1.5em;
 font-weight:400;
 margin-top:0.7em;
 margin-bottom:0.3em;
}
.banner-form p{
color:#fff;
font-size:1em;
font-weight:300;
margin-top:0.5em;
}
.banner-form form input[type="text"],.banner-form select{
 width: 100%;
 height: 35px;
 padding: 5px 0px 5px 15px;
 border: 1px solid #aaaaaa ;
 font-size: 1em;
 margin-bottom: 1em;
 color:#444;  
 outline: none;
 font-weight: 0;
 border-radius:7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 -ms-border-radius: 7px;
 -o-border-radius: 7px;
}
.banner-form form input[type="password"],.banner-form select{
 width: 100%;
 height: 35px;
 padding: 5px 0px 5px 15px;
 border: 1px solid #aaaaaa ;
 font-size: 1em;
 margin-bottom: 1em;
 color:#444;  
 outline: none;
 font-weight: 0;
 border-radius:7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 -ms-border-radius: 7px;
 -o-border-radius: 7px;
}
.user{
 background:url(../system/img/user_icon.png) no-repeat 95% #FFF;
}
.pass{
 background:url(../system/img/pass_icon.png) no-repeat 95% #FFF;
}
.banner-form form input[type="submit"] {
 width: 30%;
 margin-left: 35%;
 background: -moz-linear-gradient(top, rgb(255,111,111) 0%,rgb(188,29,29) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgb(255,111,111) 0%,rgb(188,29,29) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgb(255,111,111) 0%,rgb(188,29,29) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6f6f', endColorstr='#bc1d1d',GradientType=0 ); /* IE6-9 */
 color: #fff;
 font-size: 1.1em;
 margin-top: 1.4em;
 margin-bottom: 0.5em;
 display: inline-block;
 text-decoration: none;
 padding: 6px;
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 -o-border-radius: 7px;
 -ms-border-radius: 7px;
 font-weight: 320;
 border: 1px solid #a00000;
 transition:0.5s all;
 -webkit-transition:0.5s all;
 -moz-transition:0.5s all;
 -o-transition:0.5s all;
 -ms-transition:0.5s all;
}
.banner-form form input[type="submit"]:hover{
 background:transparent;
 color:#fff;
 border: 1px solid #fff;
}


/*--/Banner-Form--*/