* {
    outline: none;
}

body {
    margin: 0 auto;
    padding: 0;
    /*background: #e9f1fb;*/
    font-family: Arial, Helvetica, sans-serif;
}

.clearfix-hpc:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

img {
    border: none;
}

a {
    border: none;
}

.clear {
    clear: both;
}

.clearfix-hpc {
    display: inline-block;
}

html[xmlns] .clearfix-hpc {
    display: block;
}

* html .clearfix-hpc {
    height: 1%;
}

.row-fluid {
    width: 100%;
}

.container {
    width: 911px;
    margin: 0 auto;
}

.error {
    color: red;
    font-size: 13px;
}

.logo {
    padding: 14px 0 14px;
    text-align: center;
}

.logo p {
    font-size: 9px;
    font-family: arial;
    color: #000;
    margin-bottom: 5px;
}

.logo p a {
    color: #0066d5;
    text-decoration: underline;
}

.banner {
    width: 911px;
    height: 521px;
    background: url(../images/banner-bg.jpg) no-repeat;
}

.save-up {
    float: left;
    width: 123px;
    height: 69px;
    margin: 27px 0 0 -9px;
}

.form-con {
    float: right;
    width: 550px;
    margin: 20px 20px 0 0;
    text-align: center;
}

.form-con h1 {
    color: #FFF;
    font-size: 29px;
    margin: 10px 0 0;
}

.form-con h3 {
    color: #b9b9ff;
    font-weight: normal;
    font-size: 20px;
    margin: 3px 0;
}

.yes_no_btn {
    text-align: center;
    padding: 60px 0 40px;
}

.yes_no_btn a {
    margin: 0 10px;
    display: inline-block;
    /*border: 2px solid #86b4ee;*/
    padding: 10px 10px;
    min-width: 70px;
    color: #000;
    text-decoration: none;
    font-size: 21px;
    background-image: url(../images/txt_box.png);
    background-size: 100% 100%;
}
.flow_design_container .yes_no_btn a {
    margin: 0 10px;
    display: inline-block;
    border: 2px solid #3486e5;
    padding: 10px 10px;
    min-width: 70px;
    color: #3486e5;
    text-decoration: none;
    font-size: 21px;
    background-image: none;
}

.maker_logo {
    text-align: center;
    padding: 10px 80px 20px;
}
.maker_logo a {
    margin: 0 1% 10px;
    display: inline-block;
    /*border: solid 2px #3486e5;*/
    padding: 10px 0px;
    min-width: 70px;
    color:black;
    text-decoration: none;
    font-size: 20px;
    width: 18%;
    float:left;
    background-image: url(../images/txt_box.png);
    background-size: 100% 100%;
}
.flow_design_container .maker_logo a {
    margin: 0 1% 10px;
    display: inline-block;
    border: solid 2px #3486e5;
    padding: 10px 0px;
    min-width: 70px;
    color: #3486e5;
    text-decoration: none;
    font-size: 20px;
    width: 22%;
    float:left;
    background-image: none;
}
.maker_logo a:hover{
    background-color: #3486e5;
    color: #000;
}

.maker_year {
    text-align: center;
    padding: 10px 80px 20px;
}
.maker_year a {
    margin: 0 1% 10px;
    display: inline-block;
    border: solid 2px #3486e5;
    padding: 5px 0px;
    min-width: 70px;
    color: #3486e5;
    text-decoration: none;
    font-size: 15px;
    width: 22%;
    float: left;
}
.maker_year a:hover{
    background-color: #3486e5;
    color: white;
}

#vehicle_models a {
    width: 30%;
    float:left;
}

.maker_logo a:first-child span {
    padding: 0;
}
.flow_design_container .maker_logo a:first-child span {
    padding:20px 0 0;
}
.maker_logo a span {
    display: block;
    min-height: 58px;
    padding: 20px 0 0;
}

.maker_year a:first-child span {
    /*padding: 0;*/
}
.maker_year a span {
    display: block;
    min-height: 57px;
    padding: 16px 0 0;
}
.years .maker_logo a {padding: 14px 0px;}
.years .maker_year a {padding: 14px 0px;}
.yes_no_btn.marital a {
    margin: 0 10px 10px;
    display: inline-block;
    /*border: 2px solid #3486e5;*/
    padding: 10px 10px;
    min-width: 100px;
    color: #000;
    text-decoration: none;
    font-size: 21px;
    background-image: url(../images/txt_box.png);
    background-size: 100% 100%;
}
.flow_design_container .yes_no_btn.marital a {
    margin: 0 10px 10px;
    display: inline-block;
    border: 2px solid #3486e5;
    padding: 10px 10px;
    min-width: 100px;
    color: #3486e5;
    text-decoration: none;
    font-size: 21px;
    background-image: none;

}
.container_web .yes_no_btn.marital {
    padding: 28px 32px 47px;
}
.a_form_control_select {
    display: block;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    height: 52px;
    padding: 4px 12px 6px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.42857143;
    color: #83808a;
    text-align: center;
    border: 0px;
    background: url(../images/other-makers.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;

    /*display: block;
    background: -webkit-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(223,223,223,1) 100%);
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    max-width: 240px;
    margin: 30px auto;
    color: #7f7f7f;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    height: 50px;
    width: 100%;
    padding: 5px 15px;
    cursor: pointer;
    font-size: 25px;*/
}


.form-con form {
    width: 293px;
    height: 227px;
    margin: 40px 0 0 130px;
    padding-right: 42px;
    background: url(../images/banner-form-bg.jpg) no-repeat;
}

.form-con form p {
    font-size: 29px;
    margin: 20px auto 10px;
    float: left;
    width: 100%;
    text-align: center;
}

.form-con form p span {
    font-size: 20px;
}

.form-con form input {
    background: url(../images/banner-form-input.jpg) no-repeat;
    width: 205px;
    padding: 0 5px;
    font-size: 18px;
    height: 43px;
    border: none;
    margin: 10px 0 15px;
}
.container_web .form-contents.home .yes_no_btn a {
    width: auto;
}
.container_web .form-contents.home .yes_no_btn {
    padding: 28px 0 40px;
}
.company-logos {
    float: left;
    margin: 10px;
    margin: 76px 0 0 20px;
}

.container-step {
    margin: 0 auto;
    background: #fff;
    min-height: 550px;
    position: relative;
    padding-bottom: 10px;
}

.get-start {
    width: auto !important;
    background: none !important;
}

.steps {
    width: 591px;
    margin: 10px 15px 0 0;
}

.steps-heading {
    background: url(../images/heading-bg.jpg) no-repeat top left;
    padding-left: 55px;
    margin-top: 0px;
}

.steps-heading h1 {
    color: #213066;
    font-size: 29px;
    font-weight: normal;
    margin: 0 0 10px;
}

.steps-heading p {
    color: #000;
    font-size: 16px;
    margin: 0 0 10px;
}

.step-heading {
    background: url(../images/step-heading-bg.jpg) no-repeat;
    width: 591px;
    height: 65px;
}

.step-heading img,
.step-heading h2 {
    float: left;
    margin: 23px 0 10px 20px;
}

.step-heading h2 {
    margin-left: 10px;
    margin-top: 23px;
    color: #001c85;
    font-size: 18px;
}

.step-middle {
    background: url(../images/step-middle.jpg) repeat-y;
    float: left;
}

.next-btn {
    float: right;
    margin: 15px 15px 0 0;
}

.submit-btn {
    background: rgba(0, 0, 0, 0) url("../images/submit-btn.jpg") no-repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: arial;
    font-size: 30px;
    height: 57px;
    margin: 10px 0 0 193px;
    text-align: center;
    width: 205px;
    float: left;
}

.step-footer {
    background: url(../images/step-bottom.jpg) no-repeat;
    width: 591px;
    height: 11px;
    float: left;
}

.gender {
    font-size: 14px;
    color: #1f156b;
    width: 75px;
    float: left;
    margin-left: 15px;
}

.gender select {
    border: 1px solid #c2d1d6;
    width: 75px;
    padding: 3px 0px;
    color: #50565d;
    font-size: 14px;
    margin-top: 15px;
}

.step-middle .row-fluid {
    width: 589px;
    margin: 5px 1px;
    float: left;
}

.step-middle-2 .row-fluid {
    width: 589px;
    margin: 11px 1px;
    float: left;
}

.dob {
    font-size: 14px;
    color: #1f156b;
    width: 185px;
    float: left;
    margin-left: 10px;
}

.dob label {
    width: 185px;
    float: left;
}

.dob select {
    border: 1px solid #c2d1d6;
    width: 53px;
    font-size: 14px;
    color: #50565d;
    padding: 3px 0px;
    margin-top: 15px;
    margin-left: 2px;
}

.dob select.year {
    width: 63px;
}

.height {
    font-size: 14px;
    color: #1f156b;
    width: 137px;
    float: left;
    margin-left: 10px;
}

.height label {
    width: 135px;
    float: left;
}

.height select {
    border: 1px solid #c2d1d6;
    width: 70px;
    font-size: 14px;
    color: #50565d;
    padding: 3px 0;
    margin-top: 15px;
    margin-left: 2px;
}

.height select.single {
    width: 58px;
}

.weight {
    font-size: 14px;
    color: #1f156b;
    width: 80px;
    float: left;
    margin-left: 10px;
}

.weight label {
    width: 80px;
    float: left;
}

.weight input {
    border: 1px solid #c2d1d6;
    width: 48px;
    font-size: 14px;
    color: #50565d;
    padding: 3px 0;
    float: left;
    margin-top: 15px;
}

.weight span {
    line-height: 30px;
    color: #575867;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
}

.smoker {
    font-size: 14px;
    color: #1f156b;
    width: 50px;
    float: left;
    margin-left: 10px;
}

.smoker label {
    width: 50px;
    float: left;
}

.smoker input {
    border: 1px solid #c2d1d6;
    width: 10px;
    float: left;
    margin: 18px 15px 0;
}

.text {
    float: left;
    margin-left: 10px;
    color: #1f156b;
    line-height: 25px;
    font-size: 14px;
}

.form {
    float: right;
    margin-right: 10px;
    color: #1f156b;
    line-height: 25px;
    font-size: 14px;
}

.form select {
    border: 1px solid #C2D1D6;
    color: #50565D;
    font-size: 14px;
    margin-top: 5px;
    padding: 3px 0;
    width: 150px;
}

.col {
    float: left;
    width: 175px;
    font-size: 14px;
    color: #213066;
    margin-left: 15px;
}

.col input {
    border: 1px solid #c2d1d6;
    width: 169px;
    float: left;
    padding: 3px 0;
    color: #000;
    height: 20px;
    margin-top: 5px;
}

.col label {
    display: block;
}

.state {
    float: left;
    width: 172px;
}

.state select {
    border: 1px solid #c2d1d6;
    width: 172px;
    float: left;
    padding: 3px;
    height: 28px;
    margin-top: 5px;
}

.state label {
    width: 172px;
    float: left;
}

.zip {
    float: left;
    width: 95px;
    margin-left: 15px;
}

.zip input {
    border: 1px solid #c2d1d6;
    width: 95px;
    float: left;
    padding: 3px;
    height: 20px;
    margin-top: 5px;
}

.zip label {
    width: 95px;
    float: left;
    color: #213066;
    font-size: 14px;
}

.primary-phone,
.primary-phone label {
    width: 220px !important;
    float: left;
}

.primary-phone input {
    width: 50px !important;
    float: left;
    margin-left: 5px;
}

.primary-phone input.first {
    margin-left: 0px;
}

input.large {
    width: 80px !important;
}

.laststep-text {
    margin: 0 9px;
    font-size: 12px;
    text-align: justify;
}

.steps-logos-company {
    background: #fff;
    width: 901px;
    margin: 10px auto;
}

.steps-logos-company .company-logos {
    margin: 10px;
}

.surehits_listing {
    text-align: center;
    margin: 0px auto;
    padding: 20px 10px;
    background: #ffffff;
}

.surehits_listing p {
    text-align: left;
    padding: 0px 0px 5px 20px;
}

.other-pages {
    text-align: left;
    margin: 0px auto;
    padding: 20px 20px;
    background: #ffffff;
    color: #000000;
}

.other-pages p {
    padding: 0px;
    margin: 0px;
}

.footer {
    margin: 0 auto;
    text-align: center;
    padding: 10px 0px;
}

.footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footer li {
    /*float:left;*/
    display: inline-block;
}

.footer li a {
    text-decoration: none;
    color: #353b5e;
    font-size: 12px;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.companies-list {
    padding: 30px;
    color: #575867;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: justify;
}

.phone-number {
    float: right;
    font-weight: bold;
    margin: 29px 35px 0 0;
    font-size: 18px;
}
.form input {
    margin: 0 5px 0 15px;
}
.processing-div-outer {
    background: rgba(0, 0, 0, 0) url(../images/btn_n.png) no-repeat scroll 0 0;
    height: 52px;
    margin: 0 auto 15px;
    width: 187px;
    display: none;
    background-size: 100%;
}
.flow_design_container .processing-div-outer {
    background: rgba(0, 0, 0, 0) url(../images/get_started_btn2.png) no-repeat scroll 0 0;
    height: 55px;
    margin: 0 auto 15px;
    width: 195px;
    display: none;
    background-size: 100%;
}
.processing-div-inner {}

.processing-div-outer img {
    margin: 0 auto;
    height: auto;
    width: 50px;
    float: none;
}

.discslaimer_text {
    clear: both;
    font-size: 12px;
    margin: 0 auto;
    padding: 2px 0px 0px 0px;
    text-align: left;
    width: 100%;
    line-height: 16px;
}

/* NEW STYLE */
.info_wrap .a_row .a_col {
    max-width: 258px;
    margin: 0 auto 0px;
}

.container_step_wrap {
    /* padding: 0 10px;*/
}
.birthday {
    padding: 50px 0;
}
.flow-steps {}

.form-contents {
    width: 100%;
    min-height: 400px;
    margin-bottom: 20px;
    padding-top: 40px;
}

.form-contents h1 {
    font-size: 34px;
    color: #1b215b;
    text-align: center;
    padding: 10px 10px 0px;
    margin: 0px;
}
.form-contents h2 {
    font-size: 32px;
    color: black;
    text-align: center;
    padding: 10px 40px 0px;
    margin: 0px;
}
.form-contents h3 {
    font-size: 34px;
    color: #04b4ff;
    text-align: center;
    padding: 10px 40px 0px;
    margin: 0px;
}

.form-contents p {
    font-size: 24px;
    text-align: center;
    padding: 12px 40px 10px;
    margin: 0;
    color: #1b215b;
}

.form-contents p span {
    color: #000;
}

.form-contents p b {
    font-size: 24px;
    font-weight: normal;
}

.form-contents p img {
    vertical-align: middle;
}

.a_text_field.zip_code {
    max-width: 420px;
    margin: 0 auto;
    padding: 0px 0px 25px;
}

.a_text_field.zip_code .a_form_control {
    display: block;
    width: 100%;
    margin: 0;
    height: 55px;
    padding: 6px 12px;
    font-size: 28px;
    line-height: 1.42857143;
    color: #656565;
    border: 0px;
    background: url(../images/zipcode.png) no-repeat;
    background-size: 100%;
    text-align: center;

}

.gender-box {
    width: 210px;
    margin: 0 auto;
}

.gender-box2 {
    width: 355px;
}

.white-border {
    border: solid 2px #ffffff;
    border-radius: 10px;
}

.gender-1 {
    float: left;
    width: 90px;
}

.gender-1 img {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

.gender-1 img:hover {
    border: solid 2px #3880b6;
    border-radius: 10px;
}

.male-border {
    border: solid 2px #3880b6;
    border-radius: 10px;
}

.gender-1 p {
    font-size: 24px;
    color: #3a3a3a;
    text-align: center;
    font-weight: bold;
}

.gender-2 {
    float: right;
    width: 90px;
}

.gender-2 img {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

.gender-2 img:hover {
    border: solid 2px #f34267;
    border-radius: 10px;
}

.female-border {
    border: solid 2px #f34267;
    border-radius: 10px;
}

.gender-2 p {
    font-size: 24px;
    color: #3a3a3a;
    text-align: center;
    font-weight: bold;
}

.progress-bar-user-form {
    margin-top: 25px !important;
}

.progress-bar {
    background: #e1e6ef;
    border-radius: 8px;
    margin: 0 auto 0;
    width: 60%;
    height: 10px;
}

.progress-bar span {
    background: #71b812;
    border-radius: 8px;
    display: block;
    width: 50px;
    height: 10px;
}

.progress-text {
    color: #9e9e9e;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
    font-size: 10px;
}

.back {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 2
}

.back a {
    color: #1b215b;
    font-size: 11px;
    text-decoration: none;
}

.back img {
    vertical-align: -1px;
}

/*abubakar css*/
.a_form_control {
    display: block;
    width: 100%;
    margin: 0;
    height: 41px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    border: 0px;
    background: url(../images/enter_code_bg.png) no-repeat;
}

.a_form_contents {
    text-align: center;
    padding-top: 20px;
    min-height: 245px;
}

.a_form_contents h1 {
    color: #1f2278;
    font-size: 22px;
    font-weight: bold;
    margin: 0 auto;
}

.a_form_contents h3 {
    color: #4f9db5;
    font-size: 22px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top: 5px;
}

.a_form_contents form p {
    text-align: center;
    font-size: 33px;
    margin: 0px auto;
    margin-bottom: 10px;
    color: #1A1F5E;
    font-weight: bold;
}

.a_form_contents .a_text_field {
    width: 75%;
    margin: 0 auto;

}

.a_form_contents .a_text_field input[type="text"] {
    background: url(../images/email.png) no-repeat;
    width: 314px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 24px;
    padding: 6px 10px;

}

.a_form_contents .zip_code input[type="text"] {
    background: url(../images/input-image.png) no-repeat;
    width: 226px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 24px;
    width: 256px;
    padding: 8px 0px;
    background-size: 100% 100%;


}

.a_btn.contiue_btn.get {
    padding: 0 0 0 0px;
    background-image: url(../images/btn_n.png);
    width: 332px;
    background-color: transparent;
    height: 64px;
    font-size: 29px;
}

.new_design_containcer .a_btn.contiue_btn.get {
    padding: 0 0 0 15px;
    background-image: url(../images/btn_n_old.png);
    width: 282px;
    background-color: transparent;
    height: 55px;
    font-size: 24px;
    text-align: left;
}

.a_flow_contents {
    text-align: center;
}

.a_flow_contents h2 {
    padding: 0px 0px 30px;
}

.a_flow_contents h2 span {
    font-size: 12px;
}

.a_weigh {
    text-align: center;
    margin-bottom: 20px;
}

.a_weigh input[type="text"] {
    max-width: 100px;
    background: url(../images/input_weight.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.a_weigh strong {
    padding-top: 14px;
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    font-size: 18px;
}

.a_btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
}

.a_form_contents .a_btn {
    background: url(../images/btn.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 auto;
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    border: none;
    height: 57px;
    width: 361px;
    padding-left: 35px;
    cursor: pointer;
}

.a_btn.contiue_btn {
    background-image: url(../images/btn_n.png);
    height: 55px;
    width: 310px;
    color: #fff;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    border: 0px;
    padding: 0 0 0 0px;
    margin-top: 10px;

}
.flow_design_container .a_btn.contiue_btn {
    background-image: url(../images/get_started_btn2.png);
    height: 55px;
    width: 195px;
    color: #fff;
    text-align: left;
    font-size: 21px;
    font-weight: bold;
    border: 0px;
    padding: 0 0 0 25px;
    margin-top: 10px;
}

.submit_btn {
    margin-bottom: 15px;
}

.pt50 {
    padding-top: 50px !important;
}

.a_tall select {
    max-width: 90px;
    margin: 0 0 15px 5px;
    display: inline-block;
    vertical-align: top;
    height: 52px;
    background: url(../images/height.png);
}

.a_tall select:first-child {
    margin-left: 0;
}

.currently-insured {
    display: inline-block;
    margin: 0 auto;
}

.currently-insured a {
    background: url(../images/yes_btn2.png);
    padding: 18px 6px;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    display: inline-block;
    margin: 45px 0 0 15px;
    width: 78px;
    /*    border: solid 2px #fff;*/
    border-radius: 20px;
}

.currently-insured a:hover,
.currently-insured a.active {
    border: solid 2px #71b812;
}

.c-i-white-border {
    border: solid 2px #fff;
}

.active-currently-insured {
    border: solid 2px #71b812;
}

.a_email_contents {}

.a_email_contents h2 {
    padding: 67px 0px 0;
}

.a_email input[type="text"] {
    max-width: 227px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}

.age_rang select {
    background: url(../images/medical.png);
    max-width: 265px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    height: 52px;
    width: 100%;
    border: 0px;
    font-size: 20px;
    padding: 0 0 0 10px;
    background-repeat: no-repeat;
}

.a_dob {}

.a_dob select {
    background: url(../images/dob_dm.png);
    max-width: 70px;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 40px;
    padding-left: 5px;
    height: 52px;
    background-repeat: no-repeat;
}

.a_dob select.year {
    background: url(../images/dob_year.png);
    background-repeat: no-repeat;
    max-width: 90px;
}

.a_row .a_form_control {
    height: 46px;
    background-size: 100% 100%;
}

.a_row select.pii_state {
    background: url(../images/state_input.png);
    background-repeat: no-repeat;
    background-size: 100%;
}


.form-contents.a_contact {padding: 28px 0px 0;}
.a_contact label {
    font-size: 16px;
    color: #1b215b;
    text-align: center;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}

.info_wrap {
    padding: 0px 30px 0
}

.info_wrap .a_row .a_form_control {
    height: 52px;
    max-width: 258px;
    margin: 0 auto 20px;
}

.a_email_contents .a_btn.contiue_btn {
    margin-top: 30px;
    margin-bottom: 60px;
}

.a_row:after {
    content: '';
    display: table;
    clear: both;
}

.a_row * {
    box-sizing: border-box;
}

.a_row {
    margin: 0 0px 0px;
}

.a_col {
    /* width: 50%;
    float: left;
    padding: 0 7px;*/
    text-align: left;
}
.a_col.vehicle_a_col {
    margin-bottom: 20px;
}
.a_phone_contents {
    text-align: center;
}

.a_phone_contents h2 {
    padding: 35px 0px 0;
    margin: 0 0 10px;
}

.a_phone_contents p {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
    padding:10px 14% 10px;
    line-height: 20px;
}

.a_phone_contents p a {
    color: #2d68c8;
}

.form-contents.a_phone_contents {
    padding-top: 20px;
}

.a_phone .a_form_control {
    background: url(../images/input_weight.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 48px;
    max-width: 120px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    padding: 0 3px;

}

.pad40 {
    padding-left: 40px !important;
}

.a_phone .a_form_control.a_num {
    /*max-width: 100px;*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .a_tall select {
        -webkit-appearance: none;
        background: url(../images/height_chrome.png);
    }

    .age_rang select {
        -webkit-appearance: none;
        background: url(../images/age_rang_chrome.png);
        background-repeat: no-repeat;
    }

    .a_dob select {
        -webkit-appearance: none;
        background: url(../images/dob_dm_chrome.jpg);
        background-repeat: no-repeat;
    }

    .a_dob select.year {
        -webkit-appearance: none;
        background: url(../images/dob_year_chrome.png);
        background-repeat: no-repeat;
    }

    .a_row select.pii_state {
        -webkit-appearance: none;
        background: url(../images/state_chrome.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}
.maker_logo.model a { padding:10px 0 }

/*New Styles*/
.container_web .yes_no_btn.vehicle a {
    width: 13%;
}
.birthday .a_form_control_select {
    max-width: 200px;
    display: inline-block;
    margin: 0 5px;
    background-size: 100%;
    height: 45px;
}
.d-none {
    display: none
}

.container_web {
    max-width: 923px;
    margin: 0 auto;
    position: relative;
}

.container_web .logo {
    text-align: left;
    padding: 14px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container_web .logo a,
.container_web .logo p {
    display: inline-block
}

.container_web .logo p {
    font-size: 16px;
    text-align: right;
    float: right;
    font-weight: bold;
}
.container_web .logo a {
    color: #0066cc;
}
.container_web .container-step {
    padding: 0 0 5px;
    border: solid 1px #d1d1d1;
}

.container_web .yes_no_btn {
    padding: 18px 0 40px
}

.container_web .yes_no_btn a {
    margin: 0 15px 20px;
    min-width: 110px;
    font-size: 20px;
    width: 17%;
}

.container_web .info_wrap {
    padding: 0;
    max-width: 428px;
    margin: 0 auto 20px
}

.container_web .info_wrap .a_row {
    margin: 0 -15px
}

.container_web .info_wrap .a_col {
    padding: 0 15px
}

.container_web .info_wrap .a_col.col_6 {
    width: 50%;
    float: left
}

.container_web .info_wrap .a_col.col_12 {
    width: 100%;
    max-width: 100%;
    float: left
}
.container_web .info_wrap .a_col.col_12 .a_form_control {

    background: url(../images/street_address.png) no-repeat;
}
.container_web .info_wrap .a_col .a_form_control {
    max-width: 100%;
    width: 100%
}
.container_web .a_email_contents .a_form_control {
    background: url(../images/street_address.png) no-repeat;
    background-size: 100%;
    height: 40px;
    width: 94%;
}
.form-contents {
    /*padding-top: 45px;*/
}

.form-contents.home {
    padding-top: 90px
}


.progress-wrap {
    position: absolute;
    bottom: 0;
    width: 345px;
    left: 50%;
    transform: translate(-50%, 0)
}

.progress-wrap .progress-bar {
    width: 100%;
    height: 17px
}

.progress-wrap .progress-bar span {
    height: 17px
}

.progress-wrap .progress-text {
    font-size: 16px;
    margin: 12px 0 18px
}

.back {
    left: 35px;
    display: none;
}

.back a {
    font-size: 16px;
    margin-bottom: 15px;
    display: inline-block
}

.back img {
    vertical-align: 1px
}
.form_section{
    /* overflow: hidden;*/
}
.rec-section.active {
    display: block;
}
.rec-section {
    display: none;
    top: 20px !important;
}
.vehicles_info{
    min-height: 277px;
}
.a_text_field.zip_code .a_form_control.error_input{
    color: #f34267;
    border: red 1px solid;
    border-radius: 13px;
}
.error_input{
    color: #f34267;
    border: red 1px solid;
    border-radius: 13px;
}

/*----- New Css like Auto Insured Start-----*/

.container_web .yes_no_btn a {
    margin: 0 15px 20px;
    min-width: 110px;
    font-size: 20px;
    width: 17%;
}
.container_web .yes_no_btn a:hover {
    /*background: #3486e5;*/
    color: #000;
}
.main_back_container{
    background-image: url(../images/blue_back.png);
    padding: 10px 0px 30px 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.top_heading{
    text-align: center;
    color:white;
    padding: 20px 0px 40px;

}
.top_heading h1, h3{
    margin:0px;
}
.character_img{
    background-image: url(../images/horse.png);
    background-repeat: no-repeat;
    width: 260px;
    height: 625px;
    position: absolute;
    left: -218px;
    top: -24px;
    z-index: 1111;

}
.year_make , .vehicle_year , .phone_section{
    padding:0;
}
.zipcode_section{
    padding: 0px;
}
.a_flow_contents .insured {
    padding: 0px;
}
.zipcode_container{
    max-width: 707px;
}
.zipcode_container .yes_no_btn a {
    width: 25%;
}
.ui-effects-placeholder {
    height: auto !important;
}
/*----- New Css like Auto Insured End-----*/
.errorDiv{
    color: #f34267;
    display: none;
}
.activInsured{
    border: solid 1px #2d68c8;
    border-radius: 10px;
}
.main_back_container.main_back_bgwhite {
    background: none;
}
.main_back_container.main_back_bgwhite .top_heading {
    text-align: center;
    color: #000;
    padding: 20px 0px 40px;
}
.clearfix-hpc.container-step.container_web.form_section {
    border: solid 1px #d1d1d1;
    box-shadow: -3px 7px 12px 1px #ccc;
}
.bottom_logo {
    margin: 0 auto;
    text-align: center;
    padding: 10px 0px;
    background: #003149
}
.bottom_logo ul {
    padding: 20px 25px;
    margin: 0 0px;
    list-style-type: none;
    display: flex;
    justify-content: center;
}
.bottom_logo li {
    display: inline-block;
    width: 33%;
    color:#fff;
}
.bottom_logo li img {
    float: left;
}
.bottom_logo li p {
    font-size: 13pt;
    text-align: left;
    padding: 5px 0 0 60px;
    margin: 0px;
    line-height: 16pt;
}
.bottom_logo li p span {
    display: block;
    font-weight: bold;
    color: #00aae1;
    font-size: 26px;
    line-height: normal
}
.container_bottom{
    max-width:1310px;
    margin:0 auto;
}
.maker_logo a:hover {
    background: #3486e5;
    color: white;
    border-radius: 10px;
}
.flow_design_container .maker_logo a:hover {
    background: #3486e5;
    color: white;
    border-radius: 0;
}
.container_web .yes_no_btn a:hover {
    background: #3486e5;
    color: white;
    border-radius: 10px;
}
.flow_design_container .yes_no_btn a:hover {
    background: #3486e5;
    color: white;
    border-radius: 0;
}
.flow_design_container .container_web .yes_no_btn a:hover {
    background: #3486e5;
    color: white;
    border-radius: 0;
}
@media only screen and (max-width: 767px) {
    .bottom_logo ul {
        padding: 20px 0px;
    }
    .bottom_logo li {
        display:block;
        width:auto;
        clear: both;
        margin: 0 0 20px;
    }
}
.text-div-anim span strong{
    cursor: pointer;
    font-size: 18px;
    color: #1a1f5e;
}
.yes_no_btn.marital.carrier_div a {
    padding: 8px 0px;
    min-width: 87px;
    font-size: 14px;
    height: 50px;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 24px;
    box-sizing: border-box;
    width: 22%;
    float: left;
    justify-content: center;
    -webkit-justify-content: center;
    margin: 0px 0px 20px 23px;
}
.vehicles_info.carrier_info{
    min-height: 390px;
}
/*Bottom logo Changes by Ahmad*/
.bottom_logo.list_logo {
    background: #fff;
}

.bottom_logo.list_logo ul {
    padding: 5px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bottom_logo.list_logo ul li {
    width: 18%;
}
.bottom_logo.list_logo ul li img {
    width: 95%;
}
#vehicle_models a {
    justify-content: center;
    align-items: center;
    height: 26px;
    display: flex;
}
/*---------CSS Changes for sparkedautoinsuarnce--------*/
.sparked_container .maker_logo.sparked {
    padding: 10px 0px 20px;
}
.sparked_container .maker_logo.sparked a {
    width: 23%;
    text-align: left;
}
.sparked_container .maker_logo.sparked a span {
    display: inline-flex;
    padding: 20px 0 0;
    vertical-align: middle;
}
.sparked_container .maker_logo.sparked a img{
    width: 50px;
    height: 30px;
    vertical-align: middle;
    float: left;
    margin: 0 5px 0 14px;
}
/*---------CSS Changes for sparkedautoinsuarnce--------*/
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.15rem !important;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.month-box {
    float: left;
    width: 87px;
    margin-right: 10px;
}
.month-box select {
    height: 50px;
    width: 100%;
}
.height-select select {
    /* font-size: 15px !important; */
    padding: 12px 4px !important;
}
.day-box {
    float: left;
    width: 87px;
    margin-right: 10px;
}

.day-box select {
    height: 50px;
    width: 100%;
}

.error_input {
    color: #f34267;
    border: red 1px solid !important;
}

/*---------CSS Changes for No Phone Flow--------*/
p.no-p-form-para{
    font-size: 12px;
    text-align: left;
    line-height: 17px;
    width: 45%;
    margin: 0 auto;
    padding: 12px 0 0 52px;
}
.btn-no-ph{
    font-size: 19px !important;
    height: 52px !important;
    width: 264px !important;
}
.container_web .info_wrap .a_col.col_6.input-nph{
    max-width: 385px;
    width: 100%;
    float: none;
}
.container_web .info_wrap .a_col .a_form_control.input-field-nph{
    max-width: 385px;
    width: 385px;

}
.container_web .info_wrap .a_col.col_6.input-nph label{
    /*    margin-left: -33px;*/
}
.container_web .info_wrap.info_wrap_nph {
    margin: 0 auto 1px;
}
.btn-no-ph img{
    width: 50px;
    height: 50px;
    margin-bottom: 1px;
}