body {
    background: #fff;
    margin: 0px;
    padding: 0px;


    font-family: 'Droid Serif', serif;

   font-family: 'Roboto', sans-serif;

}

footer {


    background: #335b77;

}

.mobRegText {

    display: none;
}



::-webkit-input-placeholder {
   color:#a0a0a0;
}

:-moz-placeholder { /* Firefox 18- */
   color:#a0a0a0;
}

::-moz-placeholder {  /* Firefox 19+ */
  color:#a0a0a0;
}

:-ms-input-placeholder {
   color:#a0a0a0;
}

input[placeholder], [placeholder], *[placeholder] {
   color:#a0a0a0;
}


*:focus {
    outline: none;
}

textarea:focus, input:focus{
    outline: none;
}

.clear {

    clear:both;
}

#top-head-section {

    background: url(../images/main-bg.jpg) no-repeat center top #fff;
    background-size: cover;
    position: relative;
    z-index: 3;
    backgound-color: pink;

}

.home-page #top-head-section {

    background: white;
}

#main-nav > span a i {
    display: none;


}

#main-section {

    padding-bottom: 66px;
    position: relative;
    z-index: 99;
}


#top-nav {

    width: 100%;
    background: rgba(220,235,255,0.95);
    padding-top: 20px;
    clear: both;
    padding-bottom: 15px;
    position: relative;
    z-index: 99;
    box-shadow: 0 2px 10px #333;

    }

#main-nav {

    margin: auto;
    max-width: 989px;




}

#main-nav > img {

    float: left;


}

.sub-page #main-nav > img {

    width: 140px;

}

#main-nav > span {

    color: #143c58;
    display: block;
    float: right;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 26px;
    text-align: right;
    width: 235px;
    font-style: italic;
    letter-spacing: -0.5px;

}

#main-nav > span > img{
    position: relative;
    width: 18px;
    float: left;
    margin-top: 30px;
    left: 88px;
}

#main-nav > span i {

    font-style: normal;

}

#main-nav > span b, #main-nav > span a  {


    font-weight: 600;
    color: #143c58;
    text-decoration: none;
    font-style: normal;
}

.main-cta {

    text-align: center;
    font-size: 38px;
    font-weight: normal;
    text-transform: none;
    margin: 0px;
    padding-top: 0px;
    color: #143c58;
    letter-spacing: -1px;

}

.main-cta span {

    font-weight: bold;


}

.sub-cta {
    color: white;
      font-family: 'Droid Serif', serif;
    font-size: 25px;
     font-weight: normal;
    text-align: center;
    display: block;
    margin: 0px;
    padding-bottom: 30px;



}

.sub-cta b {

    text-align: center;
    font-weight: normal;
    color: #0e385e;

}



#main-form {

    width: 732px;
    margin: auto;
    height: auto;
    background: rgba(228,241 ,254,0.8);
    color: #1d4a69;
    text-align: center;
    font-family: 'Droid Serif', serif;
    box-sizing: border-box;
    position: relative;
    padding-top: 30px;
    margin-top: 55px;
    box-shadow: 0 1px 5px #333;
    border: solid white 2.5px;

}




#main-form h3 {
    color: #1d4a69;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

#main-form-container {

    text-align: center;
    max-width: 411px;
    margin: auto;
}

#main-form-container #zip {
    width: 59%;
    height: 47px;
    font-size: 20px;
    line-height: 47px;
    background: url(../images/location-icon.png) no-repeat 75px 13px #fff;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border: 1px solid #1d4a69;
}

#main-form-container #zip input {
   box-sizing: border-box;
    color: #808080;
    float: none;
    font-size: 20px;
    font-weight: 300;
    height: 47px;
    /*padding-left: 15px;*/
    text-align: center;
    width: 115px;

}

#main-form-container #insurance {



   background: white none repeat scroll 0 0;
    border: 1px solid #1d4a69;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    height: 49px;
    line-height: 47px;
    margin-bottom: 5px;
    position: relative;
    vertical-align: top;
    width: 291px;




}

#main-form-container #insurance > span {

    position: relative;
    height: 0px;
    top: -20px;
    font-size: 11px;
    color: #1d4a69;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 11px;



}
#main-form-container #submit-div {

    width: 100%;
    height: auto;
    line-height:57px;
    background:transparent;
    display: inline-block;
    vertical-align: top;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;



}

#submit-div span {

    color: #333;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    padding-bottom: 17px;
    padding-top: 2px;
    text-align: center;
}

#submit-div .btn {


    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #f6492d none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 47px;
    height: 47px;
    text-align: center;
    text-transform: uppercase;
    width: 60%;
    max-width: 414px;
    margin: auto;

}

#sendmessage-btn {

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #f6492d none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    height: 47px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    max-width: 414px;
    margin: auto;

}


#getquote-btn {


    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #f6492d none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    height: 47px;
    text-align: center;
    text-transform: uppercase;
      line-height: 47px;
    width: 100%;
    max-width: 414px;
    margin: auto;

}

#main-form-container #insurance select {

    float: right;
    width: 240px;
    height: 57px;
    box-sizing: border-box;
     font-size: 22px;
    font-weight: 300;
     color: #808080;


}

#main-form-container input, #main-form-container select  {

    border: 0px;
    background: transparent;



}

.mobile-phone {
    color: #44DD44;
    display: none;
    font-size: 21px;
    line-height: 30px;
    margin: auto;
    text-align: center;
}

.mobile-phone-top {
    color: #44DD44;
    display: none;
    font-size: 21px;
    line-height: 30px;
    margin: auto;
    text-align: center;
}

.select-style {

    float: left;
    width: 50%;
    height: 47px;
    text-align: center;
    position: relative;
    font-size: 20px;
    font-weight: 400;


}

.select-style input  {

    opacity: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    cursor: pointer;

}

.select-style input + label {

    color: #a0a0a0;
    background: white;
    cursor: pointer;

}

.select-style input:checked + label {


    color: white;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5f87a2+0,163e5a+100 */
background: #5f87a2; /* Old browsers */
background: -moz-linear-gradient(top,  #5f87a2 0%, #163e5a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5f87a2 0%,#163e5a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5f87a2 0%,#163e5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f87a2', endColorstr='#163e5a',GradientType=0 ); /* IE6-9 */
    display: block;
    text-align: center;



}

.select-style input + label i {

    color: white;
     font-size: 22px;
}

select {
    background-color: white;
}


/***********************************
/******* HOW TO SECTION ***********/


#howto-section {
    background: white;
    padding-top:50px;
    padding-bottom: 45px;

}

#howto-section > h3 {
    margin: 0px;
    text-align: center;
    display: block;
    font-size: 36px;
    font-weight: 500;
    color: #0d365b;



}

#howto {

    padding-top: 50px;
    text-align: center;
    margin: auto;
    max-width: 990px;
}

.howto-item {

    text-align: center;
    width:305px;
    margin: auto;
    display: inline-block;
    vertical-align: top;



}

.howto-item .c-icon {

    margin: auto;
    width: 100%;
    height: 78px;
    margin: auto;
    text-align: center;
    margin-bottom: 20px;


}

.howto-item .c-icon img {

     height: 66px;


}

.howto-item h3 {

    font-weight: 400;
    color: #f6492d;
    font-size: 27px;
    margin: 0px;
    padding-bottom: 15px;
    text-align: center;
     font-family: 'Droid Serif', serif;

}

.howto-item span {

    color: #717171;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    margin: auto;
    width: 242px;

}

.howto-item.middle {

     border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    margin-left: 12px;
    margin-right: 12px;
    width: 343px;
}


#before-footer-section {

    text-align: center;
    background: #fff;
    padding-top: 40px;
    padding-bottom: 60px;


}

#submit-section {

    text-align: right;
    padding-top: 10px;
}

#submit-section .btn {


    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #f6492d none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    font-family: roboto;
    font-size: 20px;
    font-weight: 500;
    height: 47px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    max-width: 414px;
    margin: auto;
    line-height: 47px;
    display: block;

}


/************************* ***
********** COMPANIES LOGOS **/


#companies-section {

    margin: auto;
    margin-bottom: 55px;
    /*margin-top: 10px;*/
    padding-bottom: 9px;
    padding-top: 50px;
    text-align: center;
    font-family: 'Droid Serif', serif;
    /*background: #efeef0;*/
    background: white;
    /*max-width: 990px;*/

}

#companies-section h2 {

    padding: 0px;
    text-align: center;
    margin: auto;
    font-size: 13px;
    color: #717171;
    padding-bottom: 35px;
    font-weight: normal;
}

/************************* ***
********** WHY HEALTH INSURANCE **/

#why-health-connect {


    text-align: center;
}

#why-health-connect h1 {
    font-size: 25px;
    font-weight: 500;
    color: #143c58;
    margin: 0px;
     font-family: 'Droid Serif', serif;
    padding-bottom: 30px;
}

#health-connect-features {

    margin: auto;
    width: 100%;
    max-width: 990px;


}

#h-details {

    float: left;
    width: 50%;
    color: #575757;
    font-family: 'Roboto', sans-serif;

}

#happy-family {

    float: right;
    text-align: right;
    width: 50%;

}

#h-details p {

    text-align: left;
    clear: both;
    margin-bottom: 25px;
    font-size: 16px;
    margin-top: 0px;

}

#h-details ul {

    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;




}

#h-details ul li {

    list-style: none;
    text-align: left;
    font-size: 15px;
    text-align: left;
    box-sizing: border-box;
    width: 100%;
    padding-left: 10px;
}

#h-details ul li i {

    display: inline-block;
    text-align: left;color: #335b77;
    margin-bottom: 17px;

}

/*************************
********** FOOTER *******/

#footer-container {

    color: #fff;
    font-size: 11px;
    font-family: Arial, sans-serif;
    text-align: center;
    max-width: 900px;
    margin: auto;
    padding-top: 52px;
    padding-bottom: 52px;
}

#footer-container p {
    padding-bottom: 25px;
    text-align: center;
    margin: 0px;
      color: #fff;
    font-size: 11px;
    line-height: 15px;


}

#footer-container p.main-paragraph {

    text-align: justify;
    width: 860px;
    margin: auto;


}

#footer-container p  a {

    color: #fff;
    text-decoration: none;
}


.sub-page #top-head-section {

    background: white;

}



/******************************
** INSURANCE INFORMATION PAGE ***
******************************/

#vi-section h2 {

    margin: auto;
    width: 100%;
    max-width:900px;
    font-size:28px;
    color: #575757;
    font-family: 'Droid Serif', serif;
    padding: 50px 0;
    font-weight: normal;
    text-align: center;

}

  #vi-main {
            width: 990px;
            margin: auto;
            background: #fff;
        }


#vi-form {
    background: #efeef0 none repeat scroll 0 0;
    margin: auto;
    width: 990px;
}

        * {

            outline: none;
        }

        #customer_details {
            width: 100%;
            max-width: 800px;
            margin: auto;
            font-family: 'Roboto', sans-serif;
            padding-top: 30px;
            padding-bottom: 40px;
        }

        #customer_details input, #customer_details select {

            box-sizing: border-box;
            height: 35px;
            border: 1px solid #808080;
            font-size: 18px;
            color: #717171;



        }

#insurer-details input, #insurer-details select {

    text-align: center;
}

        #customer_details span {

            display: block;
            color: #717171;
            font-size: 16px;
            text-align: left;
            padding-bottom: 2px;

        }

        .clear {

            clear: both;
        }

        #body-info {

            padding-top: 8px;

        }
        #physical-info {

            padding-bottom: 25px;
            border-bottom: 1px solid #999;
             color: #717171;
        }

        #insurer-details {

            padding-top: 25px;
        }

        #p-left, #i-left {

            float: left;
            width: 372px;

        }
        #p-right, #i-right {

            float: right;
            width: 380px;
        }

        #i-right input {

            width: 100%;


        }
        .d-item {

            padding-top: 8px;
        }

        .floated {

            float: left;
            width: 50%;
            box-sizing: border-box;
            padding-right: 0px;
        }

        .floated input {

            width: 100%;
        }


        .floated2 {

            float: left;
            width: 50%;
            box-sizing: border-box;
            padding-left: 3px;
        }

        .floated2 input {

            width: 100%;
        }

        #height {

            width: 199px;
            float: left;
            margin-right: 2px;



        }

        #height input {

            border: 0px;
            background: transparent;

        }


        #weight {

            width: 160px;
            float: left;


        }

        #weight input {

            border: 0px;
            background: transparent;
        }

        .field-container {

             border: 1px solid #808080;
             background: white;
             height: 35px;

        }

        #household {
            float: right;
            width: 160px;
            padding-top: 8px;
        }

        #gender-div {

            float: left;
            width: 180px;
            padding-top: 8px;
        }

        #city  {

            float: left;
            width: 50%;
            box-sizing: border-box;


        }

        #state  {

            float: left;
            width: 50%;
            box-sizing: border-box;
            padding-left: 3px;


        }

        /** FIELD STYLES **/

        #household select {

            width: 100%;
            margin-bottom: 8px;
        }

        #ad {

            width: 100%;
        }

        #city input {

            width: 100%;

        }

        #state select {

            width: 95px;
        }
        #feet {

            width: 75px;
            text-align: right;

        }

        #inches {

            width: 75px;
            text-align: right;
        }

        #pounds {

            width: 122px;
            text-align: right;
        }


        #dobmonth {

            width: 164px;
        }

        #dobday, #dobyear {

            width: 95px;

        }

/** RADIO GENDER **/



 .radio-style input + label {
    color: #fff;
    font-style: 600;
    line-height: 80px;
     width: 80px;
     height: 80px;
    text-align: center;
    font-weight: 600;
    border: 0px solid #6e6e6e;
    border-top-left-radius:50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background: #cccaca;
    position: relative;
    cursor: pointer;
    display: block;
    font-size: 56px;
    box-sizing: border-box;
}

  .radio-style {
    display: inline-block;
    width: 80px;
    height: 120px;
    position: relative;
      vertical-align: top;
    overflow: hidden;
}
        .radio-style em {

            color: #808080;
            text-align: center;
            display: block;
            font-size: 16px;
            font-style: normal;
            padding-bottom: 8px;

        }

 .radio-style input:checked + label {
    color: #fff;
    font-style: 600;
    line-height: 80px;
     width: 80px;
     height: 80px;
    text-align: center;
    font-weight: 600;
    border: 0px solid #6e6e6e;
    border-top-left-radius:50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background: #44BB77;
    position: relative;
    cursor: pointer;
    display: block;
    font-size: 56px;
    box-sizing: border-box;
}

 .radio-style input {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    z-index: 99;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0px;
}


#consent {

    text-align: justify;
    font-size: 11px;
    color: #717171;
    padding-top: 12px;

}

#consent a {

    color: #717171;
}



/******************************
******* GET QUOTES PAGE *******
******************************/



#contact-details {

    margin: auto;
    max-width: 630px;
    padding-top: 12px;
    text-align: center;
    font-family: "Roboto",sans-serif;
}
.c-item {
    box-sizing: border-box;
    float: left;
    padding-bottom: 8px;
    padding-right: 5px;
    text-align: left;
    vertical-align: top;
    width: 50%;
}
.c-item.extended {
    width: 100%;
}
.c-item input, .c-item select {
    border: 1px solid #c8c8c8;

    box-sizing: border-box;
    color: #6e6e6e;
    display: inline-block;
    font-size: 21px;
    font-weight: 600;
    height: 42px;
    padding-left: 20px;
    width: 100%;
}
.c-item textarea {
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    box-sizing: border-box;
    color: #6e6e6e;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 250px;
    padding-left: 20px;
    padding-top: 10px;
    width: 100%;
}
.c-item input:focus, .c-item select:focus {
    background: #fffbdf none repeat scroll 0 0;
}
.c-item span {
    color: #6e6e6e;
    display: block;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 3px;
    text-align: left;
}


.steps.active {
    background: #0d365b none repeat scroll 0 0;
    text-align: center;
    color: white;
    z-index: 900;
    line-height: 55px;
    font-weight: bold;
       font-family: "Roboto",sans-serif;
}

/******************************
******* GET QUOTES PAGE *******
******************************/

#mobileText {

    display: none;
}

#quote-details {

    padding-top: 0px;
    padding-bottom: 45px;
}

#quote-details > h4 {

    text-align: center;
    margin: 0px;
    font-size: 17px;
    font-weight: normal;
    color: #143c58;
    line-height: 63px;
    background: #efeef0;
    border-top: 4px solid #fff;
    box-shadow: 0px -1px 0px #dbdbdb;
     -moz-box-shadow: 0px -1px 0px #dbdbdb;
     -webkit-box-shadow: 0px -1px 0px #dbdbdb;



}

#quote-details > h4 b {

    text-transform: capitalize;
    color: #f6492d;
    font-weight: 600;

}


#quote-container {

    max-width: 954px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin: auto;
    border:0px solid #c8c8c8;

     border-top-left-radius: 5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius: 5px;
    min-height: 515px;



}


/*THANK YOU MESSAGE **/


#thankyou{
    display: none;
    text-align: center;
    width: 95%;
    margin: auto;
    box-sizing: border-box;
    min-height: 250px;
    padding-top: 45px;
    padding-bottom: 45px;

}





/***** SLIDESHOW ********
***** HOME PAGE ONLY ***/


#slideshow {
    position:absolute;
    z-index: 55;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;

}

#slideshow > div {
    position: absolute;
    width: 100%;
    min-height: 100%;
    z-index: 55;
    top: 0px;
    left: 0px;
}

#slideshow > div > img {
    position: absolute;
    width: 100%;
    min-height: 100%;
    z-index: 55;
    top: 0px;
    left: 0px;
}