* {
  margin: 0%;
  padding: 0%;
}
html, body {
  width: 100%;
  margin: auto;
  background: #ffffff;
}
/**-**-**-**-**-**-* Stage 1 *-**-**-**-**-**-**/
@media only screen and (min-width: 1000px) {
    /*---------- Stage 1 Main Container ----------*/
    .scadalink-main-container {
        display: block;
        margin: auto;
        width: 98%;
        /*height: auto;*/
        /*border: 1px solid #ff0000;*/
    }
    /*---------- Stage 1 Header ----------*/
    .scadalink-main-container .main-hdr {
        display: block;
        margin: auto;
        padding-top: 4px;
        padding-bottom: 0px;
        width: 100%;
        height: 100px;
        background: #ffffff;
        /*border: 1px solid #0000ff;*/
    }
    .scadalink-main-container .main-hdr .scadalink-img {
        margin-left: 2%;
        width: 300px;
        height: 130px;
        float: left;
        /*border: 1px solid #0000ff;*/
    }
    /*---------- Stage 1 Header Navigation ----------*/
    .scadalink-main-container .main-hdr .nav-bar {
        display: inline-block;
        margin-top: 20px;
        width: 400px;
        height: 50px;
        float: right;
        /*border: 1px solid #0000ff;*/
    }
    .nav-bar a {
        text-decoration: none;
        position: relative;
        color: #474c62;
    }
    /*.nav-bar a:hover {
        color: #0000ff;
    }*/
    /*.nav-bar a:before {
        content: '';
        display: block;
        position: absolute;
        margin-top: -18px;
        width: 0%;
        height: 5px;
        border-radius: 20px;
        background-color: #24c3db;
    }
    .nav-bar a:hover::before {
        width: 90%;
        transition: all ease-in-out 280ms;
    }*/
    .nav-bar a:hover {
        background-color: #ddd;
        color: #0000ff;
    }
    .scadalink-main-container .main-hdr .nav-bar .link-1 {
        display: flex;
        /*margin-top: 4px;*/
        margin-left: 10px;
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 42px;
        font-family: 'proxima-nova', Arial, Helvetica, sans-serif !important;
        font-weight: 400;
        font-size: 14pt;
        float: left;
        /*border: 1px solid #000080;*/
    }
    .scadalink-main-container .main-hdr .nav-bar .link-2 {
        display: flex;
        /*margin-top: 4px;*/
        /*margin-left: 10px;*/
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 42px;
        font-family: 'proxima-nova', Arial, Helvetica, sans-serif !important;
        font-weight: 400;
        font-size: 14pt;
        float: left;
        /*border: 1px solid #000080;*/
    }
    .scadalink-main-container .main-hdr .nav-bar .link-3 {
        display: flex;
        /*margin-top: 4px;*/
        /*margin-left: 10px;*/
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 42px;
        font-family: 'proxima-nova', Arial, Helvetica, sans-serif !important;
        font-weight: 400;
        font-size: 14pt;
        float: left;
        /*border: 1px solid #000080;*/
    }
    .scadalink-main-container .main-hdr .nav-bar .link-4 {
        display: flex;
        margin-top: 4px;
        /*margin-left: 10px;*/
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 42px;
        font-family: 'proxima-nova', Arial, Helvetica, sans-serif !important;
        font-weight: 400;
        font-size: 14pt;
        float: left;
        /*border: 1px solid #000080;*/
    }
    /*---------- Stage 1 Mobile Header Navigation ----------*/
    .scadalink-main-container .mble-hdr-contr {
        background-color: #ffffff;
        /*position: fixed;*/
        padding-top: 1%;
        padding-left: 2%;
        width: 98%;
        z-index: 9999;
    }
    .scadalink-main-container .mble-hdr-contr a {
        color: #474c62;
    }
    .scadalink-main-container .mble-hdr-contr .mble-nav-menu {
        position: absolute;
        margin: -2% 0 0 60%;
        width: 40%;
        list-style: none;
        background-color: #f1f1f1;
        overflow: hidden;
        z-index: 9999;
    }
    .scadalink-main-container .mble-hdr-contr ul a, li {
        display: block;
        text-decoration: none;
        padding: 10px 10px 10px 10px;
        font-family: 'proxima-nova', Arial, Helvetica, sans-serif !important;
        font-weight: 400;
        font-size: 12.5pt;
        /*border: 1px solid #000000;*/
    }
    .scadalink-main-container .mble-hdr-contr ul a:hover {
        background-color: #dcdcdc;
    }
    .scadalink-main-container .mble-hdr-contr .mble-nav-menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon {
        position: relative;
        margin-top: 30px;
        padding: 20px 20px;
        cursor: pointer;
        float: right;
        /*border: 1px solid #000000;*/
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon .nav-icon {
        display: block;
        position: relative;
        margin-top: auto;
        margin-bottom: auto;
        width: 30px;
        height: 4px;
        background: #000033;
        transition: background .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon .nav-icon:before {
        display: block;
        position: absolute;
        top: 8px;
        width: 100%;
        height: 100%;
        background: #000033;
        content: '';
        transition: all .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon .nav-icon:after {
        display: block;
        position: absolute;
        top: -8px;
        width: 100%;
        height: 100%;
        background: #000033;
        content: '';
        transition: all .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn {
        display: none;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-nav-menu {
        max-height: 100%;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-icon .nav-icon {
        background: transparent;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-icon .nav-icon:before {
        top: 0;
        transform: rotate(-45deg);
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-icon .nav-icon:after {
        top: 0;
        transform: rotate(45deg);
    }
    /*---- Stage 1 Login ----*/
    .scadalink-main-container .sip-content {
        display: block;
        margin: 100px auto;
        width: 516px;
        height: 480px;
        /*background-color: #808080;*/
    }
    .scadalink-main-container .sip-content .sip-title {
        padding-bottom: 6%;
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18pt;
        font-weight: bold;
    }
    .scadalink-main-container .sip-content #auth-error {
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16pt;
        font-weight: bold;
        color: #ff0000;
    }
    .scadalink-main-container .sip-content .usrlab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .sip-content .usremail {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 500px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .lusrpw {
        padding-top: 20px;
    }
    .scadalink-main-container .sip-content .lusrpw .pwdlab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .sip-content .lusrpw .usrpwd {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 500px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .seccode-blck {
        padding-top: 20px;
    }
    .scadalink-main-container .sip-content .seccode-blck .seccodelab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #8e9aaf;
    }
    .scadalink-main-container .sip-content .seccode-blck .seccode {
        display: block;
        /*margin: auto;*/
        padding-left: 10px;
        height: 40px;
        width:250px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .contrcode-blck {
        padding-top: 20px;
    }
    .scadalink-main-container .sip-content .contrcode-blck .contrcodelab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #8e9aaf;
    }
    .scadalink-main-container .sip-content .contrcode-blck .contrcode {
        display: block;
        /*margin: auto;*/
        padding-left: 10px;
        height: 40px;
        width: 250px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .lbtn {
        display: block;
        margin-top: 10px;
        width: 140px;
        height: 38px;
        background-color: #000066;
        border: 1px solid #000066;
        border-radius: 8px;
        text-align: center;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12pt;
        font-weight: bold;
        color: #ffffff;
    }
    .scadalink-main-container .sip-content .forgot {
        margin-top: 20px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12pt;
        font-weight: 600;
        color: #006699; /*#455C6C*/
    }
    .scadalink-main-container .sip-content .forgot a {
        text-decoration: none;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12pt;
        font-weight: 600;
        color: #0000ff;
    }
    /*---- Stage 1 Contact ----*/
    .scadalink-main-container .contact-content {
        display: block;
        margin: 80px auto;
        width: 528px;
        height: 560px;
        /*background-color: #808080;*/
    }
	.scadalink-main-container .contact-content .contact-title {
        padding-bottom: 20px;
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18pt;
        font-weight: bold;
    }
    .scadalink-main-container .contact-content .contact-name {
        display: block;
        width: 528px;
        height: 62px;
    }
    span.fn {
        display: inline-block;
        padding-right: 16px;
        width: 240px;
        height: 80px;
    }
    .scadalink-main-container .contact-content .contact-name .fn-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-name .fname {
        display: block;
        margin: 0 0 0 0;
        padding-left: 10px;
        height: 40px;
        width: 240px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        color: #0000ff;
        text-transform: capitalize;
    }
    span.ln {
        display: inline-block;
        padding-left: 16px;
        width: 240px;
        height: 80px;
    }
    .scadalink-main-container .contact-content .contact-name .ln-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-name .lname {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 240px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        color: #0000ff;
        text-transform: capitalize;
    }
    .scadalink-main-container .contact-content .contact-email-contr {
        padding-top: 20px;
    }
    .scadalink-main-container .contact-content .contact-email-contr .contact-email-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-email-contr .e-mail {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 516px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        color: #000080;
    }
    .scadalink-main-container .contact-content .contact-comment-contr {
        padding-top: 20px;
    }
    .scadalink-main-container .contact-content .contact-comment-contr .contact-comment-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-comment-contr .comment {
        display: block;
        margin: auto;
        padding-top: 10px;
        padding-left: 10px;
        height: 100px;
        width: 516px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .contact-content .priv-info-contr {
        display: block;
        margin: 30px auto;
        width: 516px;
        height: 80px;
        /*background-color: #00ff00;*/
    }
    .scadalink-main-container .contact-content .priv-info {
        text-align: left;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 11pt;
        font-weight: 100;
        color: #455b6d;
    }
    .scadalink-main-container .contact-content .contact-sub-btn {
        display: block;
        margin: -20px auto;
        width: 440px;
        height: 38px;
        background-color: #000066;
        border: 1px solid #000066;
        border-radius: 8px;
        text-align: center;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12pt;
        font-weight: bold;
        color: #ffffff;
    }
    /*---- Stage 1 Footer ----*/
    .footer {
        display: block;
        margin: -4% auto;
        width: 90%;
        height: 24px;
        background-color: #ffffff;
        z-index: 1;
    }
    .footer .ctm {
        display: block;
        padding: 4px 0px 2px 0px;
        text-align: center;
        font-family: Arial;
        font-size: 10pt;
        color: #808080;
        z-index: 1;
    }
}
/**-**-**-**-**-**-* Stage 2 *-**-**-**-**-**-**/
@media only screen and (min-width: 640px) and (max-width: 999px) {
    /*---------- Stage 2 Main Container ----------*/
    .scadalink-main-container {
        display: block;
        margin: auto;
        width: 98%;
        /*height: auto;*/
        /*border: 1px solid #ff0000;*/
    }
    /*---------- Stage 2 Mobile Header Navigation ----------*/
    .scadalink-main-container .mble-hdr-contr {
        /*position: fixed;*/
        padding-top: 1%;
        padding-left: 2%;
        width: 98%;
        background-color: #ffffff;
        z-index: 9999;
    }
    .scadalink-main-container .mble-hdr-contr .scadalink-img {
        margin-left: 2%;
        width: 260px;
        height: 90px;
        float: left;
        /*border: 1px solid #0000ff;*/
    }
    .scadalink-main-container .mble-hdr-contr a {
        color: #474c62;
    }
    .scadalink-main-container .mble-hdr-contr .mble-nav-menu {
        position: absolute;
        margin: 10% 0 0 60%;
        width: 40%;
        list-style: none;
        background-color: #f1f1f1;
        overflow: hidden;
        z-index: 9999;
    }
    .scadalink-main-container .mble-hdr-contr ul a, li {
        display: block;
        text-decoration: none;
        padding: 10px 10px 10px 10px;
        font-family: 'proxima-nova', Arial, Helvetica, sans-serif !important;
        font-weight: 400;
        font-size: 12.5pt;
        /*border: 1px solid #000000;*/
    }
    .scadalink-main-container .mble-hdr-contr ul a:hover {
        background-color: #dcdcdc;
    }
    .scadalink-main-container .mble-hdr-contr .mble-nav-menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon {
        position: relative;
        margin-top: 30px;
        padding: 20px 20px;
        cursor: pointer;
        float: right;
        /*border: 1px solid #000000;*/
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon .nav-icon {
        display: block;
        position: relative;
        margin-top: auto;
        margin-bottom: auto;
        width: 30px;
        height: 4px;
        background: #000033;
        transition: background .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon .nav-icon:before {
        display: block;
        position: absolute;
        top: 8px;
        width: 100%;
        height: 100%;
        background: #000033;
        content: '';
        transition: all .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon .nav-icon:after {
        display: block;
        position: absolute;
        top: -8px;
        width: 100%;
        height: 100%;
        background: #000033;
        content: '';
        transition: all .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn {
        display: none;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-nav-menu {
        max-height: 100%;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-icon .nav-icon {
        background: transparent;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-icon .nav-icon:before {
        top: 0;
        transform: rotate(-45deg);
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-icon .nav-icon:after {
        top: 0;
        transform: rotate(45deg);
    }
    /*---- Stage 2 Login ----*/
    .scadalink-main-container .sip-content {
        display: block;
        margin: 30% auto;
        width: 516px;
        height: 400px;
        /*background-color: #808080;*/
        /*border: 1px solid #ff0000;*/
    }
    .scadalink-main-container .sip-content .sip-title {
        padding-bottom: 6%;
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18pt;
        font-weight: bold;
    }
    .scadalink-main-container .sip-content #auth-error {
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16pt;
        font-weight: bold;
        color: #ff0000;
    }
    .scadalink-main-container .sip-content .usrlab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .sip-content .usremail {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 500px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .lusrpw {
        padding-top: 20px;
    }
    .scadalink-main-container .sip-content .lusrpw .pwdlab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .sip-content .lusrpw .usrpwd {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 500px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .seccode-blck {
        padding-top: 20px;
    }
    .scadalink-main-container .sip-content .seccode-blck .seccodelab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #8e9aaf;
    }
    .scadalink-main-container .sip-content .seccode-blck .seccode {
        display: block;
        /*margin: auto;*/
        padding-left: 10px;
        height: 40px;
        width: 250px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .contrcode-blck {
        padding-top: 20px;
    }
    .scadalink-main-container .sip-content .contrcode-blck .contrcodelab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #8e9aaf;
    }
    .scadalink-main-container .sip-content .contrcode-blck .contrcode {
        display: block;
        /*margin: auto;*/
        padding-left: 10px;
        height: 40px;
        width: 250px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .lbtn {
        display: block;
        margin-top: 10px;
        width: 140px;
        height: 38px;
        background-color: #000066;
        border: 1px solid #000066;
        border-radius: 8px;
        text-align: center;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12pt;
        font-weight: bold;
        color: #ffffff;
    }
    .scadalink-main-container .sip-content .forgot {
        margin-top: 20px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12pt;
        font-weight: 600;
        color: #006699; /*#455C6C*/
    }
    .scadalink-main-container .sip-content .forgot a {
        text-decoration: none;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12pt;
        font-weight: 600;
        color: #0000ff;
    }
    /*---- Stage 2 Contact ----*/
    .scadalink-main-container .contact-content {
        display: block;
        margin: 24% auto;
        width: 528px;
        height: 560px;
        /*background-color: #808080;*/
    }
	.scadalink-main-container .contact-content .contact-title {
        padding-bottom: 20px;
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18pt;
        font-weight: bold;
    }
    .scadalink-main-container .contact-content .contact-name {
        display: block;
        width: 528px;
        height: 62px;
    }
    span.fn {
        display: inline-block;
        padding-right: 16px;
        width: 240px;
        height: 80px;
    }
    .scadalink-main-container .contact-content .contact-name .fn-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-name .fname {
        display: block;
        margin: 0 0 0 0;
        padding-left: 10px;
        height: 40px;
        width: 240px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        color: #0000ff;
        text-transform: capitalize;
    }
    span.ln {
        display: inline-block;
        padding-left: 16px;
        width: 240px;
        height: 80px;
    }
    .scadalink-main-container .contact-content .contact-name .ln-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-name .lname {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 240px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        color: #0000ff;
        text-transform: capitalize;
    }
    .scadalink-main-container .contact-content .contact-email-contr {
        padding-top: 20px;
    }
    .scadalink-main-container .contact-content .contact-email-contr .contact-email-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-email-contr .e-mail {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 516px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        color: #000080;
    }
    .scadalink-main-container .contact-content .contact-comment-contr {
        padding-top: 20px;
    }
    .scadalink-main-container .contact-content .contact-comment-contr .contact-comment-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-comment-contr .comment {
        display: block;
        margin: auto;
        padding-top: 10px;
        padding-left: 10px;
        height: 100px;
        width: 516px;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .contact-content .priv-info-contr {
        display: block;
        margin: 30px auto;
        width: 516px;
        height: 80px;
        /*background-color: #00ff00;*/
    }
    .scadalink-main-container .contact-content .priv-info {
        text-align: left;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 11pt;
        font-weight: 100;
        color: #455b6d;
    }
    .scadalink-main-container .contact-content .contact-sub-btn {
        display: block;
        margin: -20px auto;
        width: 440px;
        height: 38px;
        background-color: #000066;
        border: 1px solid #000066;
        border-radius: 8px;
        text-align: center;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12pt;
        font-weight: bold;
        color: #ffffff;
    }
    /*---- Stage 2 Footer ----*/
    .footer {
        display: block;
        margin: -4% auto;
        width: 90%;
        height: 24px;
        background-color: #ffffff;
        z-index: 1;
    }
    .footer .ctm {
        display: block;
        padding: 4px 0px 2px 0px;
        text-align: center;
        font-family: Arial;
        font-size: 10pt;
        color: #808080;
        z-index: 1;
    }
}
/**-**-**-**-**-**-* Stage 3 *-**-**-**-**-**-**/
@media only screen and (max-width: 639px) {
    /*---------- Stage 3 Main Container ----------*/
    .scadalink-main-container {
        display: block;
        margin: auto;
        width: 99%;
        /*height: auto;*/
        /*border: 1px solid #ff0000;*/
    }
    /*---------- Stage 3 Mobile Header Navigation ----------*/
    .scadalink-main-container .mble-hdr-contr {
        /*position: fixed;*/
        padding-top: 1%;
        padding-left: 2%;
        width: 98%;
        background-color: #ffffff;
        z-index: 9999;
    }
    .scadalink-main-container .mble-hdr-contr .scadalink-img {
        margin-left: 1%;
        width: 220px;
        height: 90px;
        float: left;
        /*border: 1px solid #0000ff;*/
    }
    .scadalink-main-container .mble-hdr-contr a {
        color: #474c62;
    }
    .scadalink-main-container .mble-hdr-contr .mble-nav-menu {
        position: absolute;
        margin: 20% 0 0 56%;
        width: 40%;
        list-style: none;
        background-color: #f1f1f1;
        overflow: hidden;
        z-index: 9999;
    }
    .scadalink-main-container .mble-hdr-contr ul a, li {
        display: block;
        text-decoration: none;
        padding: 10px 10px 10px 10px;
        font-family: 'proxima-nova', Arial, Helvetica, sans-serif !important;
        font-weight: 400;
        font-size: 12.5pt;
        /*border: 1px solid #000000;*/
    }
    .scadalink-main-container .mble-hdr-contr ul a:hover {
        background-color: #dcdcdc;
    }
    .scadalink-main-container .mble-hdr-contr .mble-nav-menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon {
        position: relative;
        margin-top: 30px;
        padding: 20px 20px;
        cursor: pointer;
        float: right;
        /*border: 1px solid #000000;*/
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon .nav-icon {
        display: block;
        position: relative;
        margin-top: auto;
        margin-bottom: auto;
        width: 30px;
        height: 4px;
        background: #000033;
        transition: background .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon .nav-icon:before {
        display: block;
        position: absolute;
        top: 8px;
        width: 100%;
        height: 100%;
        background: #000033;
        content: '';
        transition: all .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-icon .nav-icon:after {
        display: block;
        position: absolute;
        top: -8px;
        width: 100%;
        height: 100%;
        background: #000033;
        content: '';
        transition: all .2s ease-out;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn {
        display: none;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-nav-menu {
        max-height: 100%;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-icon .nav-icon {
        background: transparent;
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-icon .nav-icon:before {
        top: 0;
        transform: rotate(-45deg);
    }
    .scadalink-main-container .mble-hdr-contr .mble-btn:checked ~ .mble-icon .nav-icon:after {
        top: 0;
        transform: rotate(45deg);
    }
    /*---- Stage 3 Login ----*/
    .scadalink-main-container .sip-content {
        display: block;
        margin: 160px auto;
        width: 96%;
        height: 400px;
        /*background-color: #808080;*/
    }
    .scadalink-main-container .sip-content .sip-title {
        padding-bottom: 6%;
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18pt;
        font-weight: bold;
    }
    .scadalink-main-container .sip-content #auth-error {
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16pt;
        font-weight: bold;
        color: #ff0000;
    }
    .scadalink-main-container .sip-content .usrlab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .sip-content .usremail {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 96%;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .lusrpw {
        padding-top: 20px;
    }
    .scadalink-main-container .sip-content .lusrpw .pwdlab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .sip-content .lusrpw .usrpwd {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 96%;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .seccode-blck {
        padding-top: 20px;
    }
    .scadalink-main-container .sip-content .seccode-blck .seccodelab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #8e9aaf;
    }
    .scadalink-main-container .sip-content .seccode-blck .seccode {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 96%;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .contrcode-blck {
        padding-top: 20px;
    }
    .scadalink-main-container .sip-content .contrcode-blck .contrcodelab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #8e9aaf;
    }
    .scadalink-main-container .sip-content .contrcode-blck .contrcode {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 96%;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .sip-content .lbtn {
        display: block;
        margin-top: 10px;
        width: 140px;
        height: 38px;
        background-color: #000066;
        border: 1px solid #000066;
        border-radius: 8px;
        text-align: center;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12pt;
        font-weight: bold;
        color: #ffffff;
    }
    .scadalink-main-container .sip-content .forgot {
        margin-top: 20px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12pt;
        font-weight: 600;
        color: #006699; /*#455C6C*/
    }
    .scadalink-main-container .sip-content .forgot a {
        text-decoration: none;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12pt;
        font-weight: 600;
        color: #0000ff;
    }
    /*---- Stage 3 Contact ----*/
    .scadalink-main-container .contact-content {
        display: block;
        margin: 120px auto;
        width: 96%;
        height: 560px;
        /*background-color: #808080;*/
    }
	.scadalink-main-container .contact-content .contact-title {
        padding-bottom: 6%;
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18pt;
        font-weight: bold;
        /*background-color: #808080;*/
    }
    .scadalink-main-container .contact-content .contact-name {
        display: block;
        width: 99%;
        height: 62px;
    }
    span.fn {
        display: inline-block;
        /*padding-right: 16px;*/
        width: 99%;
        height: 80px;
    }
    .scadalink-main-container .contact-content .contact-name .fn-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-name .fname {
        display: block;
        margin: 0 0 0 0;
        padding-left: 10px;
        height: 40px;
        width: 99%;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        color: #0000ff;
        text-transform: capitalize;
    }
    span.ln {
        display: inline-block;
        /*padding-left: 16px;*/
        width: 99%;
        height: 80px;
    }
    .scadalink-main-container .contact-content .contact-name .ln-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-name .lname {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 99%;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        color: #0000ff;
        text-transform: capitalize;
    }
    .scadalink-main-container .contact-content .contact-email-contr {
        margin-top: 100px;
        /*padding-top: 20px;*/
        /*border: 1px solid #0000ff;*/
    }
    .scadalink-main-container .contact-content .contact-email-contr .contact-email-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-email-contr .e-mail {
        display: block;
        margin: auto;
        padding-left: 10px;
        height: 40px;
        width: 96%;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        color: #000080;
    }
    .scadalink-main-container .contact-content .contact-comment-contr {
        padding-top: 20px;
    }
    .scadalink-main-container .contact-content .contact-comment-contr .contact-comment-lab {
        padding-left: 10px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
        font-weight: bold;
        color: #000040;
    }
    .scadalink-main-container .contact-content .contact-comment-contr .comment {
        display: block;
        margin: auto;
        padding-top: 10px;
        padding-left: 10px;
        height: 100px;
        width: 96%;
        border: 1px solid #808080;
        border-radius: 8px;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12.5pt;
    }
    .scadalink-main-container .contact-content .priv-info-contr {
        display: block;
        margin: 30px auto;
        width: 96%;
        height: 80px;
        /*background-color: #00ff00;*/
    }
    .scadalink-main-container .contact-content .priv-info {
        text-align: left;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 11pt;
        font-weight: 100;
        color: #455b6d;
    }
    .scadalink-main-container .contact-content .contact-sub-btn {
        display: block;
        margin: -20px auto;
        width: 94%;
        height: 38px;
        background-color: #000066;
        border: 1px solid #000066;
        border-radius: 8px;
        text-align: center;
        font-family: 'proxima-nova', 'myriad-pro', Arial, Helvetica, sans-serif !important;
        font-size: 12pt;
        font-weight: bold;
        color: #ffffff;
    }
    /*---- Stage 3 Footer ----*/
    .footer {
        display: block;
        margin: -4% auto;
        width: 90%;
        height: 24px;
        background-color: #ffffff;
        z-index: 1;
    }
    .footer .ctm {
        display: block;
        padding: 4px 0px 2px 0px;
        text-align: center;
        font-family: Arial;
        font-size: 10pt;
        color: #808080;
        z-index: 1;
    }
}