/* =============================================================== */
/*   SECTION
/* =============================================================== */
/* 1 Tier
=================================================== */
/* 2 Tier
------------------------------------------ */
/* 3 Tier
------------------------ */
/* 4 Tier */


/* =============================================================== */
/*   IMPORTS
/* =============================================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(../vendor/font-awesome/4.2.0/css/font-awesome.min.css);

/* =============================================================== */
/*   GLOBAL
/* =============================================================== */
html {
  border-top:                 solid 2px #555;
}

body {
  margin:                     0;
  padding:                    0;
  width:                      100%;
  font:                       normal .875rem/1.45rem 'Open Sans', Helvetica, Arial, sans-serif;
  color:                      #333;
  background:                 #c9c9c9 url(../img/body-bg-tiled.png) repeat-x center 0;
  border-top:                 solid 3px #81c83b;
}

.floatL {
  float:                      left;
}

.floatR {
  float:                      right;
}

a {
  color:                      #81c83b;
  transition:                 color 210ms;
}
a:hover,
a:focus {
  color:                      #699c36;
  text-decoration:            underline;
}

/* Margin & Padding
=================================================== */
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mt-7 { margin-top: -7px !important; }

/* =============================== */
/*   TYPE                          */
/* =============================== */
h1, h2, h3, h4, h5, .headline-font {
  margin-top:                 0;
  font-family:                'Open Sans', sans-serif;
  font-weight:                400;
  }

  h1 { font-size: 1.85rem; }
  h2 { font-size: 1.55rem; }
  h3 { font-size: 1.35rem; }
  h4 { font-size: 1.2rem; }
  h5 { font-size: 1rem; }

  .ie7 h1 { font-size: 2.1em; }
  .ie7 h2 { font-size: 1.55rem; }
  .ie7 h3 { font-size: 1.35rem; }
  .ie7 h4 { font-size: 1.2rem; }
  .ie7 h5 { font-size: 1rem; }

.thin { font-weight: 300; }
.bold { font-weight: 600;}
.heavy { font-weight: 700;}
.primary-color { color: #81c83b; }
.med-grey-color { color: #555; }

.hint-text {
  font-size: .75rem;
  color: #888;
}

.hint-text a {
  text-decoration: underline;
  color: #888;
}


/* =============================================================== */
/*   HEADER
/* =============================================================== */
.header-wrap {
  height:                     90px;
  line-height:                90px;
  vertical-align:             middle;
}

.header-wrap > .columns {
  padding:                    0;
}

.header-logo-htq {
  width:                      255px;
  height:                     50px;
}

/* =============================================================== */
/*   CONTENT
/* =============================================================== */
.content-wrap {
  background:                 #fff url(../img/content-bg-hero-signingpapers.jpg) no-repeat 0 100px;
  border:                     solid 1px rgba(203,203,203,.6);
}

/* Moddal
=================================================== */

#modal-lead-buyer-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:325px; width:530px; color:#ccc; background-color:#333; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px; background: #333;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#ccc; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {text-decoration: underline; }
#simplemodal-container a.modalCloseImg {background:url(../img/icon-close-x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 { margin: 10px 0; color:#ccc;}
#simplemodal-container p {margin: 0 0 10px; font-size: 14px; color:#ccc;}
#simplemodal-container img { margin-bottom: 1px; border: solid 1px #aaa;}


/* Headline/Top Bar Section
=================================================== */
.headline-wrap {
  height:                     58px;
  text-align:                 center;
  background:                 #555;
}

.ie7 .headline-wrap {
  padding:                    0 !important;
}

.headline-wrap > h4 {
  color:                      #fff;
  font-weight:                600;
  line-height:                58px;
  vertical-align:             middle;
}

.header-logo-carrier {
  height: 60px;
  margin-top: -30px;
  position:                   absolute;
  top:                        50%;
  right:                      0;
}

/* .carrier-logo-country {
  height: 60px;
  margin-top: -30px;
}

.carrier-logo-farmers {
  height: 60px;
  margin-top: -30px;
}

.carrier-logo-allstate {
  height: 60px;
  margin-top: -30px;
}

.carrier-logo-nationwide {
  height: 60px;
  margin-top: -30px;
} */

/* Article/Text Section
=================================================== */
.article-wrap {
  /*background: rgba(219,17,11,.21);*/
  padding-left:               2.45rem;
  padding-right:              1.225rem;
}

.article-wrap > .headline {
  margin:                     3.5rem 0 2.1rem;
  font-weight:                400;
  letter-spacing:             -.0125em;
  line-height:                1.4em;
}

.article-wrap > .headline > .primary-color {
  margin-left:                -.125rem;
  font-weight:                600;
  font-size:                  2.1rem;
  line-height:                2.75rem;
  display:                    block;
}

.value-props-list {
  margin:                     1.5rem 2.8rem 2.4rem;
  width:                      70%;
  line-height:                1.35rem;
}

.ie7 .value-props-list {
    list-style-type: decimal;
}


.value-props-list > li {
  margin-bottom:              .9rem;
  list-style-type: decimal;
}

.value-props-list.disc > li {
  margin-left: 2.25rem;
  list-style-type:  disc;
}

.form-location-bottom {
  display:                    none;
}

.credibility-logos-wrap {

}

.trust-logo-LeadID,
.trust-logo-BBB {
  margin-right:               1.3rem;
  display:                    inline-block;
  *display:                   inline;
  *zoom:                      1;
}

.trust-logo-LeadID {
  width:                      52px;
  height:                     46px;
}

.trust-logo-BBB {
  width:                      125px;
  height:                     35px;
}

/* Form Section
=================================================== */
.form-wrap {
  padding-left:               1.225rem;
  padding-right:              2.45rem;
}

.ie7 .form-wrap {
  padding                     0 !important;
  width:                      33.5% !important;
}

.form-container {
  margin:                     2.45rem auto 3rem;
  width:                      99.9%;
  background:                 #f4f4f4;
  border:                     solid 1px #aaa;
  border-top:                 solid 5px #81c83b;
  border-bottom:              solid 3px #aaa;
  border-radius:              6px;
  -webkit-border-radius:      6px;
  box-shadow:                 0 0 34px 0 rgba(202,202,202,.65);
  -webkit-box-shadow:         0 0 34px 0 rgba(202,202,202,.65);
}

.form-container > h4 {
  width:                      100%;
  height:                     57px;
  padding:                    .3rem 1.35rem 0;
  line-height:                57px;
  vertical-align:             middle;
}

.form-elements {
  width:                      100%;
  padding:                    1.25rem 1.35rem 1rem;
  background:                 #fff;
  border-top:                 solid 1px #ddd;
  border-bottom:              solid 1px #ddd;
}

.ie7 .form-elements {
  padding:                    15px 30px;
  width:                      275px;
}

.form-elements > .row {
  margin-bottom:              .3rem;
}

.ie7 .form-elements .columns {
  width:                      95%;
  float:                      none;
}

.form-buttons-wrap {
  padding:                    1.25rem 1.35rem .3rem;
  width:                      100%;
  background:                 #fafafa;
  -webkit-border-radius:      0 0 6px 6px;
  border-radius:              0 0 6px 6px;
}

.ie7 .form-buttons-wrap {
  margin-bottom:              -15px;
  padding:                    15px 20px;
  width:                      295px;
}

.cta-call {
  margin:                     .6rem auto 1rem;
  font-size:                  .75rem;
  color:                      #aaa;
  text-transform:             uppercase;
  text-align:                 center;
}
/* Form Inputs
------------------------------------------ */
.infusion-field > label {
  margin-bottom:              .25rem;
  font-size:                  .875rem;
  text-transform:             uppercase;
  font-weight:                700;
}
.infusion-field > label.default {
  text-transform:             none;
}

.ie7 .infusion-option {
  margin-bottom:              8px;
  display:                    inline;
  zoom:                       1;
}

.ie7 .infusion-option * {
  margin:                     0;
  line-height:                1em;
}

.ie7 .infusion-option label {
  margin:                     0 15px 0 3px;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    min-width: 45px;
    margin-left: .5rem;
 }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
select {
  border-radius:              4px;
  border-color:               #9a9a9a;
}

.ie7 input[type="text"],
.ie7 input[type="password"],
.ie7 input[type="date"],
.ie7 input[type="datetime"],
.ie7 input[type="datetime-local"],
.ie7 input[type="month"],
.ie7 input[type="week"],
.ie7 input[type="email"],
.ie7 input[type="number"],
.ie7 input[type="search"],
.ie7 input[type="tel"],
.ie7 input[type="time"],
.ie7 input[type="url"],
.ie7 input[type="color"],
.ie7 textarea {
  padding:                    .5em;
  height:                     1.4em;
  line-height:                1.3em;
}

.error input[type="text"],
.error input[type="password"],
.error input[type="date"],
.error input[type="datetime"],
.error input[type="datetime-local"],
.error input[type="month"],
.error input[type="week"],
.error input[type="email"],
.error input[type="number"],
.error input[type="search"],
.error input[type="tel"],
.error input[type="time"],
.error input[type="url"],
.error input[type="color"],
.error textarea,
.error select {
  margin:                     0 0 1rem 0;
  border-bottom-width:        .25rem;
  border-color:               #f04124 ;
  color:                      #f04124 ;
}

.error -webkit-input-placeholder,
.error :-moz-placeholder,
.error ::-moz-placeholder,
.error :-ms-input-placeholder{
   color:                     #f04124 ;
}


.htq-btn {
  padding:                    .7rem 1.35rem .8rem;
  font-size:                  1.25rem;
  font-weight:                600;
  letter-spacing:             1px;
  -webkit-border-radius:      4px !important;
  border-radius:              4px !important;
  -webkit-box-shadow:         0 1px 1px rgba(0,0,0,.3);
  box-shadow:                 0 1px 1px rgba(0,0,0,.3);
  /*text-shadow:              0 1px 1px rgba(0,0,0,.4);*/
  border:                     none;
  border-bottom:              3px solid rgba(0,0,0,.21);
  outline:                    none !important;
}

.htq-btn:focus {
  top:                        1px;
}

.htq-btn .fa.floatL {
  margin-top:                 .3rem;
  color:                      rgba(0,0,0,.21);
}

.btn-block {
  width:                      100%;
}

.btn-primary {
  background-color:           #81c83b;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color:           #699c36;
}

.askAgentRef,
.setAgentRef {
  display:                    none;
}

/* =============================================================== */
/*   TESTIMONIALS
/* =============================================================== */

.testimonials-wrap {
  margin-top:                 2.2rem;
  padding-bottom:             2.2rem;
}

.testimonial-column {
  height:                     60px;
  line-height:                60px;
  vertical-align:             middle;
}

.ie7 .testimonial-column {
 padding:                     0;
}

.testimonial-column span {
  font-size:                  .8rem;
  line-height:                1.1rem;
  color:                      #676767;
  font-weight:                300;
  display:                    block;
}

.testimonial-column .headshot {
  margin-right:               1rem;
  width:                      57px;
  height:                     57px;
  overflow:                   hidden;
  border:                     solid 1px #a0a0a0;
  border-radius:              50%;
  -webkit-border-radius:      50%;
  box-shadow:                 0 0 8px 0 rgba(0,0,0,.1);
  box-shadow:                 0 0 8px 0 rgba(0,0,0,.1);
  float:                      left;
}

.testimonial-column .headshot img {
  width:                      100%;
}

.testimonial-column .quote {
  margin-bottom:              .2rem
}
.testimonial-column .signature {
  font-style:                 italic;
}

/* =============================================================== */
/*   FOOTER
/* =============================================================== */

.footer-wrap {
  padding:                    .75rem 0 4rem;
  border-top:                 solid 3px #aaa;

}

.footer-wrap > .columns {
  padding:                    0 .1rem;
}

.footer-wrap p {
  font-size:                  .7rem;
}

.footer-copyright {
  margin-bottom:              .3rem;
  color:                      #777;
}


.footer-site-links  a {
  color:                      #777;
  padding-bottom:             .1rem;
  text-decoration:            underline;
}

.footer-disclaimer {
  text-align:                 right;
  color:                      #777;
}

/* Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
  h1 {
    font-size:                1.3rem;
  }

  h3 {
    font-size: 1rem;
  }
  .header-wrap > .columns {
    padding-left:             .6rem;
    text-align:               center;
  }

  .header-logo-htq {
    margin:                   0 auto;
  }


  .headline-wrap > h4 {
    font-size:                .9rem;
  }

  .article-wrap {
    padding-left:              1.225rem;
  }

  .article-wrap > .headline {
    margin:                    1.3rem 0 2.1rem;
  }

  .article-wrap > .headline > .primary-color {
    margin-top:               .3rem;
    font-size:                1.85rem;
    line-height:              2.1rem;
  }

  .value-props-list {
    margin:                    .8rem 2rem 1.225rem;
    width:                     90%;
    line-height:               1.35rem;
    font-size:                 .875rem;
  }

  .value-props-list > li {
    margin-bottom:             .5rem;
  }

  .form-location-right {
    display: none;
  }
  .form-location-bottom {
    display: inline;
  }

  .form-wrap {
    padding-right:              1.225rem;
  }

  .form-elements > .row {
    margin-bottom:              0
  }

  .testimonial-column {
    margin-bottom:              1rem;
  }

  .footer-wrap > .columns {
    padding:                    0 1.225rem;
  }

  .footer-disclaimer {
    text-align:                 left;
  }

  /* Campaign: Carriers */
  .body-carrier-campaign .header-wrap {
    height:                   67px;
    line-height:              67px;
  }

  .body-carrier-campaign .header-wrap > .columns {
    text-align:               left;
  }

  .body-carrier-campaign .header-logo-htq {
    margin-top:               -8px;
    height:                   34px;
    width:                    173px;
  }

  .body-carrier-campaign .header-logo-carrier {
    margin-top:               -16px;
    margin-right:             .6rem;
    height:                   30px;
  }

  .body-linkedin-allstate-agent-ad .header-logo-carrier {
    height: 20px;
  }

  .body-linkedin-nationwide-agent-ad .header-logo-carrier {
    margin-top: -20px;
    height: 25px;
  }

   /* Campaign: Country Fin Q1 2015 */
  .body-country-promo-q1-2015 .headline-wrap > h4 {
    font-size:                .7rem;
  }


  .body-country-promo-q1-2015 .article-wrap > .headline > .primary-color {
    font-size: 1.15rem;
    line-height: 1.4rem;
  }

  .body-country-promo-q1-2015 .value-props-list li {
    margin-left: .5rem;
  }

  .body-country-promo-q1-2015 #simplemodal-container {height:265px; width:95%; color:#ccc; background-color:#333; padding:12px;}
  /* END Campaign: Country Financial Q1 2015 */

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */


@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .header-wrap > .columns {
    padding-left:                    .6rem;
  }

  .value-props-list {
    margin-bottom: 1rem;
    width:                      90%;
  }

  .form-location-right {
    display: none;
  }
  .form-location-bottom {
    display: inline;
  }

  .footer-wrap > .columns {
    padding:                    0 1.225rem;
  }


} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */