@charset "utf-8";

.btn-info, h1, h3 {
  font-weight: 400
}

body {
  background: #f3f3f4;
  font-family: Calibri, sans-serif;
  font-size: 16px;
  font-variant-ligatures: no-common-ligatures !important;
  line-height: 1.5em;
  margin: 0
}

a, a p {
  color: #007AB8
}

a:hover p {
  color: #23527c
}

a:focus {
  outline: #00f auto 16px;
  outline-offset: 0
}

.btn-info {
  color: #fff;
  background: #00809c;
  border: none;
  text-shadow: none !important;
  border-radius: 0;
  margin:20px;
  font-size: 150%;
}

.btn-info:hover {
  background: #00677d
}

.container {
  padding-left: 0;
  padding-right: 0
}

h1, h3 {
  color: #7d3f98;
  line-height: normal;
  padding-top: 0;
  margin-top: 0
}

h1 {
  padding-top: 20px;
  font-size: 32px
}

h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 20px
}

h3 {
  font-size: 18.7px
}

p {
  color: #333
}

.blueh3 {
  font-weight: 400;
  color: #00bce4;
  margin-top: 0;
  padding-top: 0
}

.header {
  margin-bottom: 10px
}

.topNav, button.accAccordion {
  background: 0 0;
  box-shadow: none;
  border: none
}

.navbar .topNav ul li a {
  background: 0 0;
  box-shadow: none;
  color: #00778F;
  font-size: 13px;
  text-decoration: none
}

.botNav, .botNav a {
  box-shadow: none !important
}

.navbar .topNav ul li a:hover, a.accordion-toggle:focus, a.accordion-toggle:hover {
  text-decoration: underline
}

.botNav a, .contactButton .text {
  text-decoration: none !important
}

.topNav .divider-vertical {
  border-right: 1px solid #00bce4 !important;
  height: 20px;
  margin: 10px 5px 0 1px;
  border-left: 0 !important
}

.contactButton {
  width: 200px
}

.contactButton a {
  float: left;
  width: 70px;
  clear: none
}

.contactButton .text {
  line-height: normal;
  cursor: text !important;
  text-align: right;
  float: right;
  margin: -32px 15px 0 0;
  padding: 0
}

.cursorHover:hover, .whatisbox:hover, a.collapseLink:hover {
  cursor: pointer
}

.botNav {
  background: #fff !important;
  border: none !important
}

.botNav a {
  background: 0 0 !important;
  color: #333 !important;
  font-size: 12px
}

.botNav a:hover, .howBar a {
  text-decoration: underline !important
}

.botNav .divider-vertical {
  border-right: 1px solid #333 !important;
  height: 20px;
  margin: 10px 5px 0 1px;
  border-left: 0 !important
}

.savingsHead {
  background: #b8d936;
  color: #455700
}

.savingsBar {
  background: #7d3f98;
  padding: 10px;
  color: #fff
}

.discountTag {
  font-size: 20px;
  line-height: 32px
}

.whatisbox p {
  text-align: center;
  padding: 10px;
  font-size: 18px;
  border: 1px dashed #333;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.whatisbox span {
  font-size: 24px
}

.whatisBlue {
  background: #00bce4;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px
}

.whatisBlue h2, .whatisBlue p {
  padding-left: 20px;
  padding-right: 20px;
  color: #fff !important
}

.whatisTestimonial {
  background: #ffffff;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.whatisTestimonial img {
  width: initial
}

.whatisTestimonial p {
  padding: 5px;
  color: #fff !important
}

.whatisTestimonial strong {
  font-size: 32px;
  margin-bottom: 20px !important
}

.whatisTestimonial em {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0 !important
}

.whatisTestimonial a {
  color: #fff;
  margin-left: 15px
}

.testName {
  line-height: 42px;
  font-size: 16px
}

.howBar {
  color: #455700 !important;
  background: #b8d936;
  padding-bottom: 20px
}

.howBar h3 {
  padding: 10px;
  margin: 0;
  font-weight: 400;
  color: #455700
}

.howBar table {
  width: 97%;
  padding-bottom: 20px;
  margin-left: 20px
}

.headAffiliate, .headBuy, .headCont, .headHome, .headHow, .headSavings, .headWhat {
  position: relative !important;
  width: 100% !important;
  height: 420px
}

.howBar p {
  color: #455700 !important
}

.howBar .howTable td {
  border: 0 !important
}

.howBar a {
  color: #455700;
  font-weight: 700
}

.howBar a:hover {
  text-decoration: none !important
}

.howBar .col-sm-1.col-xs-3 {
  padding-right: 0
}

.headHome {
  background: url(../img/homeImage.jpg) center bottom no-repeat
}

.headAffiliate {
  background: url(../img/affilImg.jpg) center top no-repeat
}

.headSavings {
  background: url(../img/savingsImg.jpg) center top no-repeat
}

.headHow {
  background: url(../img/howImg.jpg) center top no-repeat
}

.headBuy {
  background: url(../img/buyImg.jpg) center top no-repeat
}

.headWhat {
  background: url(../img/whatisImg.jpg) center top no-repeat
}

.headCont {
  background: url(../img/contactimg.jpg) center top no-repeat
}

.logo, .topTag {
  position: absolute
}

.topImage {
  margin: 0 auto
}

.topImage .mainImage {
  min-height: 420px !important
}

.logo {
  top: 50px
}

.topImage .logo a img {
  max-width: 200px;
  background: rgba(255, 255, 255, .7);
  padding: 17px;
  box-sizing: content-box;
  height: auto;
  width: 100%
}

.topTag {
  top: 150px;
  margin-left: 800px;
  background: url(../img/toptagBG.png);
  padding: 20px;
  font-size: 24px;
  color: #f47722;
  text-align: center;
  line-height: 32px
}

.topTag a {
  font-size: 18px !important;
  margin-bottom: 0;
  padding-bottom: 0
}

.mainNav {
  width: 100% !important;
  float: none;
  z-index: 1000 !important;
  clear: both !important;
  background: 0 0 !important;
  position: relative;
  padding: 0 !important
}

.mainContentCont, .mainContentCont2 {
  float: none;
  z-index: 55 !important;
  clear: both !important;
  position: relative
}

.mainContentCont {
  margin: -70px auto
}

.mainContentCont2 {
  margin: -20px auto
}

#promo-box, #promo-callout {
  position: absolute;
  background: #fff
}

.mainContentCont>.content {
  float: left
}

.navbar {
  margin-bottom: 0;
  border: none;
  min-height: 1px
}

.navbar.navbar-static-top .topNav ul.nav li a.focusOnly {
  background: #f47721 !important;
  color: #472711;
  font-weight: 700;
  height: 1px;
  text-shadow: none !important;
  left: -999px;
  position: absolute;
  top: auto;
  overflow: hidden;
  z-index: -999;
  width: 1px
}

.navbar.navbar-static-top .topNav ul.nav li a.focusOnly:focus {
  left: 14px;
  top: auto;
  width: 150px;
  height: auto;
  z-index: 999
}

.content, .orangeNav .nav {
  width: 100%
}

.content {
  padding: 10px 25px 0;
  z-index: 999 !important;
  background: #fff;
  margin-top: -20px
}

.orangeNav .navbar-inner {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  z-index: 2 !important;
  margin: 0 !important;
  display: block;
  background: #7d3f98
}

.orangeNav .nav li {
  width: 16.5%;
  height: 100%;
}
@media (min-width: 768px) {
  .orangeNav .nav li:nth-child(3) {
    width: 24%;
    height: 100%;
  }
  .orangeNav .nav li:nth-child(4) {
    width: 10%;
    height: 100%;
  }
}


.orangeNav .nav li a {
  font-weight: 700;
  text-align: center;
  color: #455700;
  text-shadow: none !important;
  background: #b8d936 !important;
  padding-top: 10px !important;
  font-size: 14px;
  line-height: 1.5em;
  padding-bottom: 10px;
  padding-left: 0 !important;
  padding-right: 0 !important
}

.orBox, .orBox2 {
  text-align: center;
  font-size: 32px
}

#buy-box-header, .orangeNav .nav li a:hover {
  background: #7d3f98 !important;
  color: #fff !important
}

.orangeNav .nav>.active>a, .orangeNav .nav>.active>a:focus, .orangeNav .nav>.active>a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #7d3f98 !important;
  box-shadow: none
}

.orBox h2 {
  color: #7d3f98;
  margin-top: 150px
}

.homeMiddle01 h3, .homeRight01 h3 {
  font-size: 20px !important;
  line-height: normal
}

.orBox2 h2 {
  color: #7d3f98;
  margin-top: 75px
}

.homeRight01 {
  background: #7d3f98;
  padding: 15px 15px 0
}

.homeMiddle01 p, .homeRight01 p {
  padding: 10px
}

.homeRight01 select, .homeRight01 input {
  margin-bottom: 30px
}

.homeRight01 h3 {
  color: #fff !important
}

.homeMiddle01 {
  background: rgba(255, 255, 255, .9);
  margin-top: 10px
}

.homeMiddle01 h3 {
  color: #7d3f98 !important;
  padding: 10px 0 0 10px !important
}

.midBar {
  background: url(../img/dental_promo.jpg) top left no-repeat #F6F4F5;
  background-size: auto 100%
}

.homeTestimonial {
  background: #00bce4;
  font-size: 20px;
  color: #fff
}

.homeTestimonial p {
  padding: 5px;
  color: #fff !important
}

.homeTestimonial strong {
  font-size: 32px;
  margin-bottom: 20px !important
}

.homeTestimonial em {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0 !important
}

.homeTestimonial a {
  color: #fff;
  margin-left: 15px
}

.legalHome h3 {
  color: #b8d936
}

.legalHome p {
  padding-bottom: 20px
}

.legalHome hr {
  border-top: 1px solid #eee;
  border-bottom: 0;
  margin-top: 0
}

.disclaimer {
  font-size: 12px
}

.disclaimer .table>tbody>tr>td, .disclaimer .table>tbody>tr>th, .disclaimer .table>tfoot>tr>td, .disclaimer .table>tfoot>tr>th, .disclaimer .table>thead>tr>td, .disclaimer .table>thead>tr>th, .disclaimer table, .disclaimer table tr {
  border: none !important
}

.disclaimer table td {
  padding: 3px 3px 0 0 !important
}

.color-white {
  color: #fff !important
}

.color-violet {
  color: #7d3f98 !important
}

.panel-body {
  padding-top: 5px
}

.questions .panel, .questions .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border: transparent;
  border-width: 0
}

.questions .panel-default>.panel-heading {
  background: #fff;
  padding-left: 0
}

.questions h4, button.accAccordion {
  font-weight: 400;
  color: #007AB8
}

button.accAccordion {
  text-align: left;
  margin: 5px auto
}

a.accordion-toggle, a.accordion-toggle:hover {
  text-decoration: none
}

#promo-box h2, #promo-callout h2 {
  color: #7d3f98
}

#promo-box {
  top: 150px;
  border: 3px solid #7d3f98;
  border-radius: 10px;
  padding: 10px 25px 20px 20px
}

#promo-box-inner {
  padding-right: 40px
}

#promo-callout #close-png {
  margin-right: 15px
}

#promo-callout img {
  max-width: 25px;
  cursor: pointer
}

#promo-callout {
  top: 20px;
  left: 22%;
  padding: 20px 10px;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, .3)
}

#promo-callout-inner {
  max-width: 350px
}

#promo-form {
  background: #ddd;
  width: 100%;
  padding: 20px
}

#promo-form2 {
  background: #ddd;
  width: 95%;
  padding: 4px 8px
}

#promo-form .promo-form-margin-left {
  margin-left: 128px
}

#buy-box, #buy-mail, #buy-phone {
  margin-top: 30px
}

#buy-box {
  border: 2px solid #7d3f98
}

#buy-box-header {
  background: #b8d936;
  padding: 10px 15px;
  margin-top: 0
}

#buy-box-inner {
  padding: 10px 25px
}

a[href="#top"] {
  text-decoration: underline
}

.headBroker {
  background: url(../img/brokerImg.jpg) center top no-repeat
}

#marketing-support {
  background: #7d3f98;
  padding: 15px 20px;
  margin-top: 20px
}

#marketing-support h3, #marketing-support p {
  color: #fff !important
}

.accordion-body {
  padding-left: 20px
}

.accMinus {
  margin-left: 3px
}

.accAccordion.open span.accPlus, .accAccordion:not(.open) span.accMinus, .accordion-heading .accordion-toggle:active .accMinus, .accordion-heading .accordion-toggle:active .accPlus, .accordion-heading .accordion-toggle:focus .accMinus, .accordion-heading .accordion-toggle:focus .accPlus, .collapsed span.accMinus, a.collapsed .accMinus, a:not(.collapsed) .accPlus {
  display: none
}

#accordionGroup {
  padding-left: 3px
}

#accordionGroup span.accPlus {
  margin-left: -9px
}

#accordionGroup span.accMinus {
  margin-left: -7px;
  margin-right: 1px
}

#mainContent #accordionGroup #accordion-sect1 tbody tr td, #mainContent #accordionGroup #accordion-sect2 tbody tr td {
  background: #fff
}

#accordionGroup .content {
  clear: both;
  display: block;
  float: left;
  padding-left: 15px;
  position: relative;
  margin-top: 0
}

.moveOffScreen {
  position: absolute;
  left: -999em;
  width: 1em;
  overflow: hidden
}

@media (min-width:768px) and (max-width:979px) {
  .navbar .container {
    width: 724px
  }
}

@media (min-width:768px) {
  .midBar>div.col-sm-4.col-sm-offset-1 {
    padding-right: 0
  }
}

@media (max-width:767px) {
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .row-fluid .col-sm-1, .row-fluid .col-sm-10, .row-fluid .col-sm-11, .row-fluid .col-sm-12, .row-fluid .col-sm-2, .row-fluid .col-sm-3, .row-fluid .col-sm-4, .row-fluid .col-sm-5, .row-fluid .col-sm-6, .row-fluid .col-sm-7, .row-fluid .col-sm-8, .row-fluid .col-sm-9 {
    width: 100%
  }

  .col-xs-3, .row-fluid .col-xs-3 {
    width: 25%
  }

  .col-xs-9, .row-fluid .col-xs-9 {
    width: 75%
  }

  .howBar .col-xs-9, .howBar.row-fluid .col-xs-9 {
    margin-bottom: 50px
  }

  .howBar .col-xs-9:last-of-type, .howBar.row-fluid .col-xs-9:last-of-type {
    margin-bottom: 0
  }

  .headAffiliate, .headSavings {
    background-size: cover;
    background-position: 56% center
  }

  .headBroker, .headBuy, .headHome, .headHow {
    background-size: cover;
    background-position: 54% center
  }

  .headCont {
    background-size: cover;
    background-position: 64% center
  }

  #mainContent #accordionGroup #accordion-sect1 tbody tr td, #mainContent #accordionGroup #accordion-sect1 thead tr th, #mainContent #accordionGroup #accordion-sect2 tbody tr td, #mainContent #accordionGroup #accordion-sect2 thead tr th {
    font-size: 12px
  }

  .navbar.navbar-static-top .topNav {
    padding-left: 20px;
    padding-right: 20px
  }

  .midBar {
    background-size: 140% auto;
    padding-top: 58%
  }

  .navbar .nav.pull-right {
    float: left !important
  }

  .orangeNav .nav li {
    width: 100%;
    height: 100%;
  }
}

@media (max-width:580px) {
  #promo-callout {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto
  }

  #promo-box h2, #promo-callout h2 {
    margin-top: 0
  }
}

@media (max-width:384px) {
  .topNav .nav.pull-right li {
    padding-left: 0;
    width: 100%;
    display: block;
    float: left
  }

  .topNav .nav.pull-right li a {
    padding-left: 0
  }

  .topNav .nav.pull-right li.divider-vertical {
    display: none
  }

  .topImage .topTag {
    top: 196px;
    padding: 5px
  }
}
