/*---------login3 css----------*/
/*--------------login 2 css------------*/
body{
    /*background: url(form-bg.jpg) no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family:'HelveticaNeue','Arial', sans-serif;

}

.header-main {
    padding: 13em 4em 2.5em;
    width: 25%;
    margin:8% auto;
    background: rgba(0, 0, 0, 0.56);
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 999;
}
.header-main:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-top: 170px solid #fc7d07;
    border-right: 322px solid transparent;
    border-left: 0px solid transparent;
}
.header-main:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 170px solid #3be8b0;
    border-right: 0px solid transparent;
    border-left: 340px solid transparent;
    z-index: -1;
}
.header-main h2 {
    font-size: 1.6em;
    line-height: 1.6em;
    color: #585858;
    text-align: center;
    padding: 0 2em;
    padding-bottom: 25px;
    text-transform: capitalize;
}
.icon1 {
    margin: 0 0 2em;
    border-bottom: 1px solid #525252;
    padding: .7em 0em;
}
.header-left-bottom input[type="text"] {
    outline: none;
    font-size: 15px;
    color: #000;
    border: none;
    width: 90%;
    display: inline-block;
    background: transparent;
    font-family: 'Muli', sans-serif;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #525252;
}
.header-left-bottom input[type="password"] {
    outline: none;
    font-size: 15px;
    color: #000;
    border: none;
    width: 90%;
    display: inline-block;
    background: transparent;
    font-family: 'Muli', sans-serif;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #525252;
}
.bottom {
    margin:0;
}
.header-left-bottom button[type="submit"] {
    background: #fc7d07;
    color: #FFF;
    font-size: 17px;
    text-transform: uppercase;
    padding: .5em 2em;
    letter-spacing: 0px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: none;
    font-family: 'Muli', sans-serif;
}

.help-block{
    display: inline-block !important;
}
@media screen and (max-width: 640px){
    .header-main {
        width:100%;
    }
    .header-main:before {
        border-top: 130px solid #fc7d07;
        border-right: 230px solid transparent;
    }
    .header-main:after {
        border-top: 130px solid #3be8b0;
        border-left: 230px solid transparent;
    }

}