@font-face {
    font-family: 'corporate_a_bqregular';
    src: url('../fonts/corporate_a_regular-webfont.eot');
    src: url('../fonts/corporate_a_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/corporate_a_regular-webfont.woff2') format('woff2'),
    url('../fonts/corporate_a_regular-webfont.woff') format('woff'),
    url('../fonts/corporate_a_regular-webfont.ttf') format('truetype'),
    url('../fonts/corporate_a_regular-webfont.svg#corporate_a_bqregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'corporate_s_bqregular';
    src: url('../fonts/corporate_s_regular-webfont.eot');
    src: url('../fonts/corporate_s_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/corporate_s_regular-webfont.woff2') format('woff2'),
    url('../fonts/corporate_s_regular-webfont.woff') format('woff'),
    url('../fonts/corporate_s_regular-webfont.ttf') format('truetype'),
    url('../fonts/corporate_s_regular-webfont.svg#corporate_s_bqregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'corporate_s_expert_bqregular';
    src: url('../fonts/corporate_s_expert_regular-webfont.eot');
    src: url('../fonts/corporate_s_expert_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/corporate_s_expert_regular-webfont.woff2') format('woff2'),
    url('../fonts/corporate_s_expert_regular-webfont.woff') format('woff'),
    url('../fonts/corporate_s_expert_regular-webfont.ttf') format('truetype'),
    url('../fonts/corporate_s_expert_regular-webfont.svg#corporate_s_expert_bqregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



body,html{
    width: 100%;
    height: 100%;
    position: relative;
}

body#landingForm{
    background: black;
}




/*LANDING FORM*/
body#landingForm #formWrapper{
    position: absolute;
    width: 600px;
    height: 570px;
    left: 50%;
    top:50%;
    margin: -220px 0 0 -300px;
}


body#landingForm .logo-main {
    width: 1110px;
    margin: 0 auto;
}


body#landingForm object{
    width: 242px;
    overflow: hidden;
    margin: 20px;
}

body#landingForm #formWrapper > h2{
    margin:20px auto;
    text-align: center;
    color: white;
    font:24px/30px 'corporate_s_bqregular', serif;
}



body#landingForm #formWrapper .wrapper{
    width: 300px;
    margin: 0 auto;
}

body#landingForm #formWrapper .wrapper form{
    width: 100%;
}


body#landingForm #formWrapper .wrapper form p{
    float: left;
    width: 100%;
    color: white;
    font:14px/30px 'corporate_s_bqregular', serif;
}

body#landingForm #formWrapper .wrapper form select{
    color: #fff;
    width: 300px;
    padding: 10px;
    cursor: pointer;
    background: #0f0e13;
    border: 1px solid #8e8e90;
    margin-bottom: 15px;
}

body#landingForm #formWrapper .wrapper form > div{
    float: left;
    width: 100%;
}

body#landingForm #formWrapper .wrapper form > div > input{
    margin-bottom: 10px;
    background-color: #000;
    border: 1px solid #8e8e90;
    padding: 10px 10px;
    width: 100%;
    color: white;
    font:14px/20px 'corporate_s_bqregular', serif;
}
body#landingForm #formWrapper .wrapper form > div > input.error{
    border: 1px solid #c9302c;
}

body#landingForm #formWrapper .wrapper form > div div.msgError{
    color: #c9302c;
    font:14px/20px 'corporate_s_bqregular', serif;
    display: none;
}

body#landingForm #formWrapper .wrapper form > div span{
    float: left;
    width: 100%;
    color: white;
    font:12px/12px 'corporate_s_bqregular', serif;
}
body#landingForm #formWrapper .wrapper form > div span a{
    color: white;
    font:12px/20px 'corporate_s_bqregular', serif;
    text-decoration: underline;
}

body#landingForm #formWrapper .wrapper form > div span a:hover{
    color: #428bca;
}

body#landingForm #formWrapper .wrapper form	fieldset{
    float: left;
    width: 100%;
    margin-top: 5px;
}

body#landingForm #formWrapper .wrapper form	fieldset input{
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

body#landingForm #formWrapper .wrapper form	fieldset label{
    float: left;
    color: white;
    font:13px/20px 'corporate_s_bqregular', serif;
}

body#landingForm #formWrapper .wrapper form > input{
    width: 120px;
    height: 40px;
    position: relative;
    left: 50%;
    margin-left: -60px;
    margin-top: 25px;
    background: #002e62;
    color: white;
    font:15px/40px 'corporate_s_bqregular', serif;
    text-align: center;
}

body#landingForm #formWrapper .wrapper form > input:hover{
    background: #013F86;
}

body#landingForm #formWrapper > p{
    float: left;
    width: 100%;
    font: 12px/15px 'corporate_s_bqregular', serif;
    color: white;
    text-align: center;
    margin-top: 45px;
}

body#landingForm #formWrapper > p a{
    color: #428bca;
    text-decoration: none;
}

body#landingForm #formWrapper > p a:hover{
    text-decoration: underline;
}



body#landingForm #resetPasswordWrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

body#landingForm #resetPasswordWrapper .wrapperBack{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

body#landingForm #resetPasswordWrapper .wrapper{
    position: absolute;
    width: 600px;
    height: 570px;
    left: 50%;
    top:50%;
    margin: -285px 0 0 -300px;
    color:white;
    z-index: 2;
}


body#landingForm #resetPasswordWrapper .wrapper h2{
    width: 250px;
    height: 63px;
    margin: 0 auto 40px auto;
    background: url("../img/logo.png");
    overflow: hidden;
    text-indent: -99999999999px;
}


body#landingForm #resetPasswordWrapper .wrapper  h3{
    margin:20px auto;
    text-align: center;
    font:30px/30px 'corporate_s_bqregular', serif;
    margin-bottom: 60px;
}

body#landingForm #resetPasswordWrapper .wrapper > form{
    width: 404px;
    margin: 0 auto;
}

body#landingForm #resetPasswordWrapper .wrapper > form p{
    float: left;
    width: 100%;
    text-align: left;
    font:18px/20px 'corporate_s_bqregular', serif;
    font-weight: 700;
    margin-bottom: 20px;
}

body#landingForm #resetPasswordWrapper .wrapper > form > input{
    float: left;
    width: 100%;
    background: #000000;
    border: 1px solid #ffffff;
    padding: 20px 25px;
    font: 18px/30px 'corporate_s_bqregular', serif;
    color: #ffffff;
    margin: 10px 0 15px 0;
    width: 404px;
    height: 63px;
}

body#landingForm #resetPasswordWrapper .wrapper > form > input.error{
    border: 1px solid #c9302c;
}

body#landingForm #resetPasswordWrapper .wrapper > form > span{
    float: left;
    width: 100%;
    font:13px/30px 'corporate_s_bqregular', serif;
    color:#c9302c;
    display: none;
}

body#landingForm #resetPasswordWrapper .wrapper > form > div{
    float: left;
    width: 100%;
}

body#landingForm #resetPasswordWrapper .wrapper > form > div > input{
    float: left;
}

body#landingForm #resetPasswordWrapper .wrapper > form > div > input#back{
    height: 63px;
    width: 48%;
    background: #17191a;
    text-align: center;
    color: #808182;
    border: none;
    margin: 0 4% 0 0;
    font:18px/30px 'corporate_s_bqregular', serif;
}
body#landingForm #resetPasswordWrapper .wrapper > form > div > input#back:hover{
    background: #363838;
}

body#landingForm #resetPasswordWrapper .wrapper > form > div > input#recover{
    width: 48%;
    height: 63px;
    background: #002d62;
    text-align: center;
    color: #ffffff;
    border: none;
    font:18px/30px 'corporate_s_bqregular', serif;
}

body#landingForm #resetPasswordWrapper .wrapper > form > div > input#recover:hover{
    background: #074389;

}
