#step_2,#step_3,#step_4,#step_5,#step_6,#step_7,#step_8,#step_9,#step_10,#step_11,#noshow,#show,#affContent {display:none}


#alertWrapper {
    display: none;
}

body {
    font-family: 'Arial';
    font-size: 16px;
    color: #333;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.toast-top-center {
    top: 20px!Important;
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}

.ico{
    color: #de6e01;
}

.connect{
    background-color: #62a70f;
    color: #FFF;

}

#logo{
    width: 235px;
    margin: 5px 0px;
}

.connectInner{
    max-width: 900px;
    margin: 20px auto;
}

.bkImg{
    width: 300px;
    margin: 8px;
    border: 1px solid #3398c6;
    padding: 5px;
}

.connectText{
    font-size: 24pt;
}

.buttonWrapper{
    padding: 10px 0px;
}

a.button {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 19px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 12px 34px;
    text-decoration: none;
    text-transform: capitalize;
}
a.button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #c05f00;
    border: 1px solid #c05f00;
}
.f8{
    font-size: 8pt
}
.f10{
    font-size: 10pt
}
.f12{
    font-size: 12pt
}
.f14{
    font-size: 14pt
}
.f16{
    font-size: 16pt
}
.f18{
    font-size: 18pt
}
.f20{
    font-size: 20pt
}
.f22{
    font-size: 22pt
}
.f24{
    font-size: 24pt
}
.f26{
    font-size: 26pt
}
.f28{
    font-size: 28pt
}
.f30{
    font-size: 30pt
}
.f32{
    font-size: 32pt
}

.bottomPhone{
    color: #666666;
}

.titleMain{
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    font-size: 46pt;
    color: #000;
    text-shadow: 0px 0px 5px #FFF;
}
.titleSub{
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    font-size: 32pt;
    color: #000;
    margin-top: 0px;
    margin-bottom: 12px;
    text-shadow: 0px 0px 5px #FFF;
}

.logoLeft{
    text-align: left;
    padding-top: 5px;
    color: #FFFFFF;
}
.logoRight{
    text-align: right;

    color: #FFFFFF;
    font-family: 'Barlow Condensed', sans-serif;
}

h4{
    font-size: 14pt;
    color: #787878;
    padding: 0px 10px;

}

h3{
    font-family: 'Roboto', sans-serif;
    font-size: 37px;
    color: #333;
    font-weight: bold;
    padding: 0px 10px;
    margin-top: 0px;
}

.container{
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

/* Custom Header */
.header-wrapper{
    padding: 0px 20px 10px 20px;
    background-color: #001144;
}

.header{
    margin: 0px auto;
    max-width: 1400px;
}

.progText{
    text-transform: uppercase;
    font-size: 9pt;
}

#disclaimer{
    display: none;
    font-size: 9pt;
    margin: 5px;
    color: #c0c0c0;
}

/* Custom Content */
.content-wrapper {

    width: 100%;
    min-height: 750px;
    padding: 40px 0px 100px 0px;
}

.content{
    max-width: 600px;
    margin: 0px auto;
}

hr{
    margin-top: 10px;
    margin-bottom: 10px;
    height: 1px;
    width: 90%;
    color: #8f8f8f;
}

.form-wrapper{
    padding: 40px 10px 20px 10px;
}

/* Custom page footer */
.footer-wrapper {

    width: 100%;
    background-color: #ededef;
    padding: 20px;
}

.footer {
    max-width: 900px;
    margin: 20px auto 0px auto;
    font-size: 10pt;
    color: #787878;
    text-align: center;
}

.footer a{
    color: #787878;
}

.mobile{
    display: none;
}

.desktop{
    display: inline;
}

.mobileTop{
    font-size: 14pt;
    margin: 3px;
}

.mobilesBottom{
    font-size: 14pt;
    margin: 3px;
}

.w100{
    width: 100%!Important;
}


#top-progress{
    height: 30px;
    box-shadow: none;
    margin-bottom: 0px;
}
#top-progress-bar{
    line-height: 30px;
    background-color: #dedede;
    box-shadow: none
}



@media screen and (max-width: 650px) {

    .form-wrapper{
        padding: 10px 10px 20px 10px;
    }

    .content-wrapper {
        padding: 10px 0px 100px 0px;
    }




    h3{
        font-size: 26px;
    }
    .mRow{
    }
    .mRow2{
    }
    .mHead{
    }
    /* Custom Header */
    .header-wrapper{
        padding: 0px 10px 10px 10px;
    }
    .centRow,.connectInner{
        text-align: center
    }
    .ico{
        display: none
    }
    .logoLeft{
        text-align: center;
    }
    .logoRight{
        text-align: center;
    }

    .titleMain{
        display: none;

    }
    .titleSub{

        font-size: 14pt;

    }


    .form-wrapper{
        margin-top: 15px;

    }
    hr {
        margin-top: 0px;
    }
    .inputWrapperRight{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .inputWrapperLeft{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .desktop{
        display: none;
    }
    .mobile{
        display: inline;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {


}