/* Space out content a bit */
body {
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #00698e;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}



.ico{
    color: #de6e01;
}


.connect{
    background-color: #de6e01;
    color: #FFFFFF;

}

.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}




.titleMain{
    font-family: 'Khand', sans-serif;
    font-weight: 600;
    font-size: 46pt;
    color: #de6e01;
}
.titleSub{
    font-family: 'Khand', sans-serif;
    font-weight: 400;
    font-size: 32pt;
    color: #3398c6;
    margin-top: 0px;
    margin-bottom: 12px;
}

.logoLeft{
    text-align: left;
}
.logoRight{
    text-align: right;
    padding-top: 10px;
    font-family: 'Khand', sans-serif;
}

h4{
    font-size: 12pt;
    color: #787878
}

h3{
    color: #666;
    font-weight: bold;
}

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

/* Custom Header */
.header-wrapper{
    padding: 0px 20px 20px 20px;
}

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

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

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

/* Custom Content */
.content-wrapper{
    width: 100%;
    min-height: 700px;
    background-color: #e0ecf4;
    padding: 20px 20px 100px 20px;
    background-image: url("../images/citybg.png");
    background-repeat: repeat-x;
    background-position: left bottom;
}





.imgWrapper img {
    width: 100%;
}

.content{
    max-width: 600px;
    margin: 0px auto;
}
hr{
    margin-top: 20px;
    margin-bottom: 20px;
    height: 1px;
    width: 90%;
    color: #8f8f8f;
}

/* Custom Content */
.stuffWrapper{
    width: 100%;
    /*padding: 20px;*/
    margin: 0px auto;
    background-color: #f0f0f0;
}

.stuff{
    max-width: 850px;
    color: #474747;
    margin: 0px auto;
}







.aWhite{
    color: #FFFFFF;
    text-decoration: none;
}












.form-wrapper{
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    /* border: 0px solid #FFFFFF;*/
    /*min-height: 400px;*/
    background-color: #FFFFFF;
    padding: 10px 10px 20px 10px;;
    margin-top: 25px;

}


.ui-progressbar {
    position: relative;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}



/* Custom separator */
.featured-wrapper{
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: #f0f0f0;
}

.featured{
    max-width: 800px;
    text-align: center;
    margin: 0px auto;
}


/* Custom page footer */
.footer-wrapper {
    width: 100%;
    background-color: #3398c6;
    padding: 10px;
    text-align: left;
}

.footer {
    max-width: 850px;
    margin: 0px auto;
    font-size: 9pt;
    color: #FFFFFF;
}

.showDesktop{
    display: inline;
}


.desktop{
    display: inline;
    margin: 3px;
    color: #01b0ee;
}

.mobile{
    display: none;
}




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

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



.w100{
    width: 100%!Important;
}

    #results{
        margin: 0px auto!Important;
        font-size: 22pt!Important;
        text-align: center!Important;
    }
.centRow{max-width: 900px;margin: 20px auto}


.featuredHeader {
    font-family: 'Khand', sans-serif;
    font-weight: 600;
    font-size: 22pt;
    color: #de6e01;
}

.promoWrapper{
    width: 100%;
    padding: 20px 0px;
    background-color: #e0ecf4;
}
.promoRow{
    text-align: left;
    max-width: 900px;
    margin: 0px auto;
}

.imgWrapper{
    padding: 9px;
    background-color: #FFFFFF;
    border: 1px solid #d0d0d0;
}
.promoText{
    margin-top: 10px;
}
.promoHeader{
    font-family: 'Khand', sans-serif;
    font-weight: 600;
    font-size: 22pt;
    color: #3398c6;
}

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


    .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;
    }
    
    #results{
        margin: 0px auto!Important;
        font-size: 16pt!Important;
        text-align: center!Important;
    }
    
    
    
    .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;
    }
    .showDesktop{
    display: none;
}
    
    
    .desktop{
        display: none;
    }
    .mobile{
        display: inline;
    }
}