/**
Guide Me Tool CSS V1.1
**/
/** Globals **/
#overlay {
  position: absolute;
  z-index: 8;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

#guideme-section h1, #banner h1 {
  font: 33px/35px 'GS-SemiBold', Arial, sans-serif !important;
  color: #011753;
  margin: 27px 0px;
  font-weight: bold;
  margin-bottom: 40px !important; }
  @media screen and (max-width: 767px) {
    #guideme-section h1, #banner h1 {
      font-size: 23px !important; } }

#banner p, #guideme-section p {
  font-size: 17px;
  color: #666666; }

@media screen and (min-width: 769px) {
  .x {
    width: 50%; } }
.cta {
  background: url("arrow-link-white.png") #74bbc9 no-repeat 92% 50%;
  color: #fff !important;
  padding: 10px 12px;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  min-width: 222px;
  text-align: left;
  margin: 60px 0px 0px 0px; }
  @media screen and (max-width: 767px) {
    .cta {
      min-width: 100%; } }

.step-box .cta, .x .cta {
  margin-top: 20px !important; }

.cta:hover {
  color: #fff !important; }

.cta:visited {
  color: #fff !important; }

.previous {
  background: url("arrow-link-white-left.png") #74bbc9 no-repeat 8% 50%;
  padding: 10px 12px 10px 52px; }
  @media screen and (max-width: 767px) {
    .previous {
      min-width: 100%; } }

.section-content {
  min-height: 788px;
  background-size: 100% 100% !important; }
  @media screen and (max-width: 767px) {
    .section-content {
      min-height: 200px;
      background-position: 60% 0px !important;
      background-size: 125% !important; } }
  @media screen and (max-width: 768px) {
    .section-content {
      background-position: 60% 0px !important;
      background-size: 125% !important; } }
  .section-content #section-copy {
    border-bottom: 1px solid #c9c9c9;
    margin: 0px 0px 40px 0px; }

#guideme-section {
  background: #fff;
  min-height: 500px; }
  #guideme-section .loading {
    margin-top: 100px;
    text-align: center; }

.step-box {
  padding: 34px 0px;
  width: 55%;
  margin: 0 auto;
  font-size: 30px; }
  @media screen and (max-width: 767px) {
    .step-box {
      width: 90%; } }

.step-box p, .step-box span {
  font-size: 30px !important; }

.step-box span, .step-box p {
  color: #233d4a; }

.clickable {
  /*color: #cccccc !important;*/
  color: #a4a4a4 !important;
  cursor: pointer;
  text-decoration: underline; }

#story-static-variation-1, #story-static-variation-2 {
  color: #666;
  text-decoration: none !important;
  font-size: 30px !important; }

.step-box h2, h3 {
  color: #011550;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 50px; }

.step-box input[type=text] {
  border: none;
  background: none !important;
  border-bottom: 2px solid #cccccc;
  font-size: 33px;
  padding: 10px;
  width: 383px;
  margin: 0 auto;
  font-weight: bold; }
  @media screen and (max-width: 768px) {
    .step-box input[type=text] {
      width: 60% !important;
      font-size: 17px; } }
  @media screen and (max-width: 320px) {
    .step-box input[type=text] {
      width: 70% !important;
      font-size: 19px; } }

.blue-button {
  background: url("arrow-carousel-blue1-right.png") no-repeat;
  width: 26px;
  height: 25px;
  border: none;
  padding: 0px 20px !important;
  text-decoration: none !important; }

.blue-button:visited, .blue-button:active {
  text-decoration: none !important; }

.step-box .radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none; }

.step-box label {
  font-size: 43px;
  padding: 10px;
  color: #ccc;
  cursor: pointer; }
  @media (max-width: 767px) {
    .step-box label {
      font-size: 28px; } }

.step-box label:hover {
  color: #011550; }

.box .inner {
  border: 1px solid #cccccc;
  background: url("box.jpg") repeat-x;
  height: 250px;
  margin: 0px; }

.btn-2 {
  background: url("arrow-link-white.png") #999999 no-repeat 92% 9px;
  color: #fff;
  width: 100%;
  text-align: left;
  padding: 8px 12px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-position: 96% 9px;
  padding: 13px 12px;
  font: 15px Arial, sans-serif;
  position: absolute;
  bottom: 0px;
  border: none;
  margin-left: -15px; }

.box .btn-2 {
  left: 0;
  margin-left: 0px;
  width: 94%;
  margin-left: 15px !important; }
  @media screen and (max-width: 768px) {
    .box .btn-2 {
      width: 90%; } }

@media screen and (max-width: 767px) {
  #products-box {
    float: none !important;
    width: 100% !important;
    margin: 0px 0px 20px; } }

@media screen and (max-width: 767px) {
  #tell-more-box {
    float: none !important;
    width: 100% !important; } }

#products-box h3 {
  color: #72bcc9; }

#tell-more-box h3 {
  color: #547a8f; }

.box h3 {
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-top: 35px;
  padding-bottom: 35px; }

.box p {
  color: #999999;
  font-size: 13px; }

.popup {
  background: #fff;
  min-height: 133px;
  width: 400px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px;
  text-align: left; }
  @media screen and (max-width: 767px) {
    .popup {
      width: auto !important;
      font-size: 20px; } }

.popup h3 {
  font-size: 20px;
  text-align: center;
  color: #00154f;
  margin-bottom: 25px;
  font-weight: bold; }

.popup p {
  font-size: 12px;
  text-align: center;
  margin: 20px 0px; }

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

.popup li {
  cursor: pointer;
  font-size: 30px;
  color: #cccccc; }
  @media screen and (max-width: 767px) {
    .popup li {
      font-size: 20px; } }

.popup li:hover {
  color: #74bbc9; }

.error-box {
  border: 4px solid red !important; }

#top-bar {
  background: #fff;
  height: 59px; }
  #top-bar #logo {
    background: url("logo.jpg") no-repeat;
    height: 59px;
    width: 157px; }
    @media screen and (max-width: 767px) {
      #top-bar #logo {
        background: url("logo-icon.jpg") no-repeat !important;
        width: 52px;
        height: 59px; } }
  #top-bar #burger-menu-button {
    background: url("burger-menu-button.jpg") no-repeat;
    height: 59px;
    width: 60px; }
  #top-bar .navigation-active {
    background: url("burger-menu-button-x.jpg") no-repeat !important;
    height: 59px;
    width: 60px; }

#navigation {
  position: absolute;
  right: 0;
  top: 0;
  height: 630px;
  width: 675px;
  background: #fff;
  margin-top: 59px;
  z-index: 9; }
  @media (max-width: 767px) {
    #navigation {
      width: 100%; } }
  #navigation .navigation-entries {
    width: 615px;
    background: #fff;
    float: left; }
  #navigation .navigation-sidebar {
    height: 630px;
    width: 60px;
    background: url("sidebar.jpg") repeat-x;
    float: right; }
  #navigation #item-individual {
    background: url("icons/individual.png") no-repeat;
    background-position: 6% 38% !important; }
    #navigation #item-individual:hover {
      background: url("icons/individual-hover.png") no-repeat;
      background-position: 6% 38% !important;
      border: 1px solid #fcaa18; }
      #navigation #item-individual:hover p, #navigation #item-individual:hover h2 {
        background: none; }
      #navigation #item-individual:hover h2 {
        color: #fcaa18; }
      #navigation #item-individual:hover button {
        background: #fcaa18 url("arrow-link-white.png") no-repeat;
        background-position: right; }
  #navigation #item-family {
    background: url("icons/family.png") no-repeat;
    background-position: 4% 38% !important; }
    #navigation #item-family:hover {
      background: url("icons/family-hover-new.png") no-repeat;
      background-position: 4% 38% !important;
      border: 1px solid #67904B; }
      #navigation #item-family:hover p, #navigation #item-family:hover h2 {
        background: none; }
      #navigation #item-family:hover h2 {
        color: #67904B; }
      #navigation #item-family:hover button {
        background: #67904B url("arrow-link-white.png") no-repeat;
        background-position: right; }
  #navigation #item-business {
    background: url("icons/business.png") no-repeat;
    background-position: 6% 38% !important; }
    #navigation #item-business:hover {
      background: url("icons/business-hover-new.png") no-repeat;
      background-position: 6% 38% !important;
      border: 1px solid #602889; }
      #navigation #item-business:hover p, #navigation #item-business:hover h2 {
        background: none; }
      #navigation #item-business:hover h2 {
        color: #602889; }
      #navigation #item-business:hover button {
        background: #602889 url("arrow-link-white.png") no-repeat;
        background-position: right; }

#navigation ul {
  margin: 0px 0px 0px 56px;
  padding: 0;
  list-style: none; }
  @media (max-width: 767px) {
    #navigation ul {
      margin: 0; } }

#navigation li {
  border: 1px solid #cccccc;
  margin: 0px 0px 20px 0px; }

#navigation ul li div {
  padding: 20px 20px 20px 100px; }

#navigation ul li .btn {
  width: 100%;
  text-align: left;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  background: #74bbc9 url("arrow-link-white.png") no-repeat;
  background-position: right; }

#navigation ul a {
  color: #fff; }

a .item-content {
  color: #74bbc9; }

a .item-content p {
  color: #ccc; }

/*
removed for color coding
#navigation ul a li:hover{
			border: 1px solid #fcaa18;
}

#navigation a:hover h2 {
			color: #fcaa18;
}

#navigation a:hover .btn {

			background: #fcaa18 url('arrow-link-white.png') no-repeat;
			background-position: right;
			color: #fff;
}
*/
#navigation a:hover {
  color: #fff; }

@media (max-width: 767px) {
  #navigation h2 {
    font-size: 24px; } }
/** END OF NAVIGATION **/
.guide-tool #banner {
  background: #f1f1f1 url("guidebanner-new.jpg") no-repeat;
  background-size: 100% auto;
  max-height: 708px;
  height: 708px; }
  .guide-tool #banner #banner-content {
    padding: 190px 0px 0px 0px; }
.guide-tool #guide-sections {
  margin: 0px 0px 42px 0px;
  min-height: 450px;
  border-top: 1px solid #cccccc; }
  .guide-tool #guide-sections .guide-section {
    background: #f9f9f9 url("section-bg.jpg") repeat-x;
    border-right: 1px solid #cccccc;
    min-height: 450px;
    padding: 0;
    margin: 0; }
    .guide-tool #guide-sections .guide-section .icon {
      margin: 0 auto;
      width: 66px;
      height: 71px; }
    .guide-tool #guide-sections .guide-section .section-copy {
      padding-top: 105px; }
      @media (max-width: 767px) {
        .guide-tool #guide-sections .guide-section .section-copy {
          padding-top: 30px; } }
    .guide-tool #guide-sections .guide-section p {
      margin: 0px 30px; }
  .guide-tool #guide-sections .last {
    border-right: none; }
  .guide-tool #guide-sections .guide-button {
    height: 46px;
    background: #73bbc9 url("button-circle.jpg") no-repeat;
    background-position: right;
    position: absolute;
    bottom: 0;
    width: 100%; }
  .guide-tool #guide-sections a .guide-section .guide-button {
    color: #fff;
    padding: 12px 20px; }
  .guide-tool #guide-sections a p {
    color: #9a9a9a; }
  .guide-tool #guide-sections #individual .icon {
    background: url("icons/individual.png") no-repeat;
    width: 27px;
    height: 60px; }
  .guide-tool #guide-sections #family .icon {
    background: url("icons/family.png") no-repeat;
    width: 58px;
    height: 60px; }
  .guide-tool #guide-sections #business .icon {
    background: url("icons/business.png") no-repeat;
    width: 26px;
    height: 60px;
    background-size: auto 60px; }
  .guide-tool #guide-sections #individual:hover {
    border: 1px solid #fcaa18; }
    .guide-tool #guide-sections #individual:hover .icon {
      background: url("icons/individual-hover.png") no-repeat; }
    .guide-tool #guide-sections #individual:hover .guide-button {
      background: #fcaa18 url("arrow-link-white.png") no-repeat;
      background-position: 96% 50%; }
    .guide-tool #guide-sections #individual:hover h2 {
      color: #fcaa18; }
  .guide-tool #guide-sections #family:hover {
    border: 1px solid #67904B; }
    .guide-tool #guide-sections #family:hover .icon {
      background: url("icons/family-hover-new.png") no-repeat; }
    .guide-tool #guide-sections #family:hover .guide-button {
      background: #67904B url("arrow-link-white.png") no-repeat;
      background-position: 96% 50%; }
    .guide-tool #guide-sections #family:hover h2 {
      color: #67904B; }
  .guide-tool #guide-sections #business:hover {
    border: 1px solid #602889; }
    .guide-tool #guide-sections #business:hover .icon {
      background: url("icons/business-hover-new.png") no-repeat; }
    .guide-tool #guide-sections #business:hover .guide-button {
      background: #602889 url("arrow-link-white.png") no-repeat;
      background-position: 96% 50%; }
    .guide-tool #guide-sections #business:hover h2 {
      color: #602889; }

.guide-tool-individual #step-1 p {
  font-size: 14px !important; }
.guide-tool-individual .section-content {
  background: #fff url("individual/banner-new-v1.jpg") no-repeat; }
  .guide-tool-individual .section-content .section-copy {
    /*padding: 330px 0px 30px 0px;  - changed for QA*/
    padding: 180px 0px 75px 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #c9c9c9;
    min-height: 832px; }
    @media (max-width: 767px) {
      .guide-tool-individual .section-content .section-copy {
        padding: 70px 15px 0px 15px;
        min-height: auto; } }
.guide-tool-individual .section-logo {
  background: url("icons/individual-2.png") no-repeat;
  margin: 0 auto;
  width: 27px;
  height: 71px;
  margin-top: 55px; }

.guide-tool-family #step-1 p {
  font-size: 14px !important; }
.guide-tool-family .section-content {
  background: #fff url("family/banner-new-v3.png") no-repeat; }
  .guide-tool-family .section-content .section-copy {
    /*padding: px 0px 30px 0px;  - changed for QA*/
    padding: 180px 75px 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #c9c9c9;
    min-height: 832px; }
    @media (max-width: 767px) {
      .guide-tool-family .section-content .section-copy {
        padding: 70px 15px 0px 15px;
        min-height: auto; } }
.guide-tool-family .section-logo {
  background: url("icons/family.png") no-repeat;
  margin: 0 auto;
  width: 58px;
  height: 60px;
  margin-top: 55px; }

.guide-tool-business #step-1 p {
  font-size: 14px !important; }
.guide-tool-business .section-content {
  background: #fff url("business/banner-new-v2.png") no-repeat; }
  .guide-tool-business .section-content .section-copy {
    /*padding: 330px 0px 30px 0px; - changed for QA*/
    padding: 180px 0px 75px 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #c9c9c9;
    min-height: 832px; }
    @media (max-width: 767px) {
      .guide-tool-business .section-content .section-copy {
        padding: 70px 15px 0px 15px;
        min-height: auto; } }
.guide-tool-business .section-logo {
  background: url("icons/business.png") no-repeat;
  margin: 0 auto;
  width: 26px;
  height: 62px;
  margin-top: 55px; }

/** product listings **/
@media screen and (max-width: 768px) {
  .product-listing {
    margin-bottom: 20px;
    height: 315px;
    overflow: hidden; } }
@media screen and (max-width: 767px) {
  .product-listing {
    width: 100%; } }

.product-listing .inner {
  height: 330px;
  text-align: left;
  color: #999;
  border: 1px solid #cccccc;
  background: url("product-listing.jpg") repeat-x;
  margin-bottom: 10px;
  padding: 22px; }
  @media screen and (max-width: 768px) {
    .product-listing .inner {
      height: 100%;
      padding-bottom: 55px; } }

.product-listing p {
  font-size: 13px; }

.product-listing h3 {
  color: #00164f;
  font-weight: bold;
  margin-bottom: 33px; }
  @media screen and (max-width: 768px) {
    .product-listing h3 {
      margin: 0; } }

.product-listing .btn-2 {
  left: 0;
  margin-left: 0px;
  margin-bottom: 10px;
  width: 91%;
  margin-left: 15px !important; }
  @media screen and (max-width: 768px) {
    .product-listing .btn-2 {
      width: 91%;
      margin-bottom: 0px; } }

.product-image {
  margin: 0 auto;
  margin-top: 20px;
  width: 260px;
  height: 147px;
  background: #000; }
  @media screen and (max-width: 768px) {
    .product-image {
      width: 100%; } }

#product_listings h2 {
  color: #00164f !important;
  font-size: 20px;
  margin: 65px 0px 20px 0px; }

@media screen and (max-width: 767px) {
  #stepper {
    position: absolute;
    top: 0;
    left: 0; } }
@media screen and (max-width: 768px) {
  #stepper {
    position: absolute;
    top: 0;
    left: 0; } }

#stepper ul {
  list-style: none; }
  @media screen and (max-width: 768px) {
    #stepper ul {
      padding: 17px 10px; } }

#stepper li {
  display: inline;
  margin: 0px 2px 0px 2px;
  font-size: 11px;
  width: 160px;
  background: #fff;
  padding: 0px 80px 0px 80px; }
  @media screen and (max-width: 768px) {
    #stepper li {
      padding: 0px 50px;
      width: 200px;
      font-size: 4px;
      background: #ebebeb; } }
  @media screen and (max-width: 767px) {
    #stepper li {
      padding: 0px 35px;
      width: 100px;
      font-size: 4px;
      background: #ebebeb; } }
  @media screen and (max-width: 320px) {
    #stepper li {
      padding: 0px 25px; } }

.stepper-active {
  background: #76bbca !important; }

/** css adjustments for dimension **/
.padding-adjust-800 .section-copy {
  padding: 100px !important; }
.padding-adjust-800 .section-content {
  background-position: 100% 175% !important; }

.closetool {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 215px;
  width: 200px !important;
  margin-top: 18px;
  font-size: 18px; }
  @media screen and (max-width: 767px) {
    .closetool {
      display: none; } }

.closetool a {
  color: #011753; }

.closetool-2 a {
  color: #011753 !important;
  font-size: 18px; }

.closetool-2 {
  margin-left: 56px; }

.disclaimer {
  font-size: 11px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .disclaimer {
      padding-top: 10px; } }

@media screen and (max-width: 767px) {
  #ctt2 {
    display: none; }

  #cct1 .cta {
    margin: 0; } }
@media screen and (max-width: 767px) {
  #guideme-section .btn {
    width: 70% !important;
    min-width: auto; } }

@media screen and (max-width: 767px) {
  .long {
    width: 100% !important;
    min-width: 100% !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important; } }
@media screen and (max-width: 768px) {
  .guide-tool #banner {
    height: 447px; }

  .guide-tool #banner #banner-content {
    padding-top: 70px; } }
@media screen and (max-width: 375px) {
  .guide-tool #banner {
    height: auto;
    background-size: auto 100% !important;
    padding-bottom: 50px;
    background-position: center center !important; }

  .guide-tool #banner #banner-content {
    padding-top: 0px; } }
#product_listings {
  border-bottom: 1px solid #c9c9c9; }

.section-logo {
  display: none !important; }

.section-content .dropdown a {
  color: #a4a4a4 !important;
  cursor: pointer;
  text-decoration: underline; }
.section-content .dropdown-menu {
  width: 400px; }
  @media screen and (max-width: 375px) {
    .section-content .dropdown-menu {
      width: auto; } }
.section-content .dropdown-menu, .section-content .dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 10px; }
.section-content .dropdown-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
  font-size: 30px;
  color: #cccccc; }
  @media screen and (max-width: 767px) {
    .section-content .dropdown-menu li {
      font-size: 20px; } }
.section-content .dropdown-menu li:hover {
  color: #74bbc9; }

/*# sourceMappingURL=guideme.css.map */