/******** start FONTS ********/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400);
@import url(https://fonts.googleapis.com/css?family=Cinzel);
.roboto {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}

.roboto-c {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}

.roboto-c4 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}

.cinzel {
  font-family: 'Cinzel', serif;
}

.cinzel small {
  color: #bbb;
}

.playball {
  font-family: 'Cinzel', serif;
  font-size: 1.25em;
}

.fine-print {
  font-size: 75% !important;
}

/********  end  FONTS ********/
/******** start COLORS ********/
.white {
  color: #fff !important;
}

/*#FCDC6D*/
.gold {
  color: #FCDC6D !important;
}

.gray {
  color: gray;
}

/********  end  COLORS ********/
/******** start RESET ********/
html, body {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  min-width: 320px;
  height: 100%;
}

.wrapper {
  position: relative;
  display: block;
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
}

.link-unstyled {
  text-decoration: none;
  color: initial;
}

.link-unstyled:hover {
  text-decoration: none;
  color: initial;
}

/********  end  RESET ********/
/******** start HEADER ********/
header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 50px;
}

header #mobile-nav-anchor {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 33px;
  color: #eee;
  cursor: pointer;
}

.logo {
  position: absolute;
  top: 5px;
  left: 0;
  height: 40px;
  width: auto;
}

#mobile-nav {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 250px;
  background-color: #ddd;
  z-index: 100;
}

#mobile-nav #mobile-nav-list {
  text-align: center;
  position: relative;
  top: 50px;
  height: 175px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#mobile-nav #mobile-nav-list li a {
  color: #000 !important;
  font-size: 18px;
}

#mobile-nav #mobile-nav-list li a.current, #mobile-nav #mobile-nav-list li a:hover {
  font-weight: 400;
  text-decoration: none;
}

#mobile-nav #mobile-nav-close {
  position: absolute;
  top: 210px;
  right: 20px;
  font-size: 33px;
  cursor: pointer;
}

/********  end  HEADER ********/
/******** start PAGE PARTS ********/
#hero {
  position: relative;
  top: 0;
  width: 100%;
  height: 250px;
  background-color: #000;
  z-index: -10;
}

#hero .hero-banner {
  display: table;
  width: 100%;
  height: inherit;
}

#hero .hero-banner .hero-banner-inner {
  display: table-cell;
  vertical-align: middle;
}

#hero .hero-img-left {
  position: absolute;
  left: -10px;
}

#hero .hero-img-right {
  position: absolute;
  right: -10px;
}

#main-content {
  min-height: 500px;
}

.gray-banner {
  padding: 75px 0;
  background-color: #323232;
}

#testimonials-anchor {
  color: #333 !important;
}

#testimonials-banner {
  width: 100%;
  padding: 40px 0;
  background-color: #ddd;
  -webkit-box-shadow: 0 0 10px 2px #ddd;
          box-shadow: 0 0 10px 2px #ddd;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  z-index: 10;
  text-align: justify;
}

#testimonials-banner .retail-quote-container {
  position: relative;
  padding: 0 10px;
}

#testimonials-banner .testimonial-quotes {
  display: block;
  position: absolute;
  font-size: 3em;
}

#testimonials-banner .testimonial-quotes.testimonial-quotes-left {
  top: -10px;
  left: -10px;
}

#testimonials-banner .testimonial-quotes.testimonial-quotes-right {
  bottom: 0;
  right: 0;
}

#testimonials-banner #testimonials-cta {
  margin-top: 15px;
}

/******** end  PAGE PARTS ********/
/******** start INDEX ********/
.banner-img, .hero-img {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: auto;
}

.banner-img-left {
  left: -150px;
  z-index: 10;
}

.banner-img-right {
  right: -10px;
  z-index: -1;
}

.index-banner {
  position: relative;
  width: 100%;
  height: 320px;
  display: table;
}

.index-banner .index-banner-inner {
  display: table-cell;
  vertical-align: middle;
}

.index-banner .index-banner-inner .index-banner-topline {
  margin-bottom: 20px;
}

#retailers-banner {
  background-color: #FCDC6D;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

#retailers-banner .cta-button {
  -webkit-box-shadow: 0 0 10px 2px #e5b305;
          box-shadow: 0 0 10px 2px #e5b305;
}

#retailers-banner .cta-button:hover, #retailers-banner .cta-button:active {
  -webkit-box-shadow: 0 0 15px 5px #e5b305;
          box-shadow: 0 0 15px 5px #e5b305;
  background-color: #fff;
}

.cta-button {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 15px;
  border: 1px solid #000;
  max-width: 275px;
  background-color: rgba(255, 255, 255, 0.69);
  -webkit-box-shadow: 0 0 10px 2px #ddd;
          box-shadow: 0 0 10px 2px #ddd;
}

.cta-button.cta-button-extend {
  min-width: 200px;
}

.cta-button:hover, .cta-button:active {
  text-decoration: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px 5px #ddd;
          box-shadow: 0 0 15px 5px #ddd;
}

/******** end   INDEX ********/
/******** start ABOUT ********/
#story-banner {
  padding: 50px 0 40px 0;
}

#story-banner #success-story {
  padding-top: 25px;
}

#barry-banner {
  padding: 50px 0;
}

#barry-banner #barry-profile .barry-pic {
  width: 150px;
}

#barry-banner #barry-profile .barry-pic img {
  width: 100%;
  height: auto;
}

#barry-banner #barry-bio p {
  clear: both;
}

/******** end   ABOUT ********/
/******** start SELLERS ********/
.sellers-sub-nav-tab {
  padding: 25px 0;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

.sellers-sub-nav-tab a {
  color: #333 !important;
}

.sellers-sub-nav-tab:hover {
  text-shadow: 1px 1px 1px #ccc;
}

.sellers-sub-nav-tab.current {
  font-weight: bold;
  color: #fff;
  background-color: #ddd;
  border-bottom: 1px solid #ddd;
}

#sellers-content {
  padding-bottom: 50px;
}

#sellers-content .sellers-content-tab + .sellers-content-tab, #sellers-content .sellers-how-content-tab + .sellers-how-content-tab {
  display: none;
}

#sellers-content .sellers-headline {
  padding: 40px 0;
}

#sellers-content #sellers-how-sub-nav {
  width: 90%;
  margin: 0 auto;
}

#sellers-content #sellers-how-sub-nav .sellers-how-sub-nav-tab {
  padding: 25px 0;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

#sellers-content #sellers-how-sub-nav .sellers-how-sub-nav-tab:hover {
  text-shadow: 1px 1px 1px #ccc;
}

#sellers-content #sellers-how-sub-nav .sellers-how-sub-nav-tab.current {
  font-weight: bold;
  color: #000;
  background-color: #ddd;
  border-bottom: 1px solid #ddd;
}

#sellers-content .sellers-how-content-tab .sellers-how-step {
  padding: 30px 0;
}

#sellers-content .sellers-how-content-tab .sellers-how-step .sellers-step-number {
  font-size: 3em;
}

#sellers-content .seller-info-anchor {
  cursor: pointer;
}

#sellers-content .seller-info-anchor:hover {
  text-decoration: none;
  font-weight: bold;
}

#sellers-content .seller-info {
  padding: 20px 0 0 10px;
  display: none;
}

#sellers-content .seller-info p.lead {
  padding-left: 10px;
}

#sellers-content .seller-info .seller-info-close {
  cursor: pointer;
  padding-bottom: 10px;
}

#sellers-content #sellers-broker {
  padding: 30px 0;
}

#sellers-content .sellers-what-content-box {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#sellers-content .sellers-what-content-box .sellers-what-content-box-inner {
  position: relative;
  display: table;
  width: 100%;
  border: 1px solid #000;
  max-width: 400px;
}

#sellers-content .sellers-what-content-box .sellers-what-content-box-inner .sellers-what-content-box-inner-cell {
  padding: 10px 25px;
  height: 300px;
  display: table-cell;
  vertical-align: middle;
}

#sellers-content .sellers-what-content-box .sellers-what-content-box-inner img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 69%;
  height: auto;
  z-index: -10;
}

#sellers-content .sellers-what-content-box #sellers-what-cta {
  background-color: #323232;
}

#sellers-content .sellers-why-reason {
  padding: 30px 0;
}

/******** end   SELLERS ********/
/******** start RETAILERS ********/
.retail-benefit-info {
  padding: 25px 0;
}

.retail-banner {
  padding: 40px 20px;
}

.retail-quote-logo img {
  max-width: 200px;
  height: auto;
}

.retail-quote-container {
  margin-bottom: 50px;
}

/******** end   RETAILERS ********/
/******** start TESTIMONIALS ********/
#testimonials #testimonial-headline {
  padding: 40px 0;
}

#testimonials .testimonial {
  margin: 25px auto;
  text-align: justify;
}

#testimonials .testimonial .testimonial-box {
  border: 1px solid #ccc;
  background-color: #ddd;
}

#testimonials .testimonial .testimonial-box .testimonial-box-inner {
  position: relative;
  padding: 25px;
}

#testimonials .testimonial .testimonial-box .testimonial-box-inner p .testimonial-quotes {
  display: block;
  position: absolute;
  font-size: 2em;
}

#testimonials .testimonial .testimonial-box .testimonial-box-inner p .testimonial-quotes.testimonial-quotes-left {
  top: 20px;
  left: 0;
}

#testimonials .testimonial .testimonial-box .testimonial-box-inner p .testimonial-quotes.testimonial-quotes-right {
  bottom: 25px;
  right: 0;
}

/******** end   TESTIMONIALS ********/
/******** start CONTACT ********/
.contact-section {
  padding: 50px 0;
}

#visit {
  padding: 50px 0;
}

#phone-link {
  font-size: 200%;
}

.email-inner {
  height: 100px;
  margin-bottom: 10px;
}

#address-logo {
  height: 40px;
  width: auto;
}

#google-map-container {
  width: 100%;
  margin: 0 auto;
}

#google-map-container #google-map-embed {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-top: 25px;
  overflow: hidden;
  border: 1px solid #000;
}

#google-map-container #google-map-embed iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/******** end   CONTACT ********/
/******** start FOOTER ********/
footer {
  width: 100%;
  min-height: 200px;
  background-color: #000;
  padding: 25px 0 20px 0;
}

footer .foot {
  margin-bottom: 40px;
}

footer .foot a.current, footer .foot a:hover {
  text-decoration: none;
  font-weight: 400;
}

footer .foot .footer-address {
  display: table;
}

footer .foot .footer-address div {
  display: table-cell;
}

footer .foot .footer-address div .footer-icon {
  vertical-align: top;
}

footer .foot .footer-icon {
  display: inline-block;
  height: 25px;
  width: auto;
}

footer .foot .footer-icon.footer-address-icon {
  position: absolute;
  top: 0;
}

footer #footer-connect li {
  padding: 5px 0;
}

footer #footer-connect li a {
  text-decoration: none;
  color: #fff;
}

footer #footer-connect li a:hover {
  text-decoration: none;
  font-weight: 400;
}

footer .copyright {
  display: block;
  margin-top: 25px;
}

/******** end   FOOTER ********/
@media screen and (min-width: 568px) {
  .logo {
    height: 50px;
  }
  #hero .hero-img-left {
    left: 25px;
  }
  #hero .hero-img-right {
    right: 25px;
  }
  #hero #hero-headline {
    font-size: 110%;
  }
  #hero #hero-headline .cinzel {
    font-size: 150%;
  }
  .banner-img-left {
    left: -75px;
  }
  .promise-break {
    display: none !important;
  }
  #barry-banner #barry-profile .barry-pic {
    display: inline-block;
    vertical-align: top;
    width: 175px;
    padding-bottom: 15px;
  }
  #barry-banner #barry-profile .barry-pic img {
    width: 100%;
    height: auto;
  }
  #barry-banner #barry-profile #barry-profile-content {
    display: inline-block;
    padding: 15px 0 0 15px;
  }
}

/********  start iPad PORTRAIT ********/
@media screen and (min-width: 768px) {
  .playball {
    font-size: 1.5em;
  }
  .cinzel {
    font-size: 1.25em;
  }
  .roboto {
    font-size: 1.1em;
  }
  .roboto-c {
    font-size: 1.1em;
  }
  .roboto-c4 {
    font-size: 1.25em;
  }
  header {
    height: 75px;
  }
  .logo {
    top: 5px;
    left: 15px;
    height: 65px;
    width: auto;
  }
  #mobile-nav {
    height: 350px;
  }
  #mobile-nav #mobile-nav-list {
    top: 75px;
    height: 250px;
  }
  #mobile-nav #mobile-nav-list li a {
    font-size: 25px;
  }
  #mobile-nav #mobile-nav-close {
    top: 315px;
  }
  #hero {
    height: 350px;
  }
  #hero .hero-img-left {
    left: 50px;
  }
  #hero .hero-img-right {
    right: 75px;
  }
  #hero #hero-headline {
    font-size: 115%;
  }
  #hero #hero-headline .cinzel {
    font-size: 166%;
  }
  .banner-img-left {
    left: 0;
  }
  .banner-img-right {
    right: 40px;
  }
  #main-content .index-banner {
    height: 350px;
  }
  #testimonials-banner .testimonial-quotes {
    display: block;
    position: absolute;
    font-size: 3em;
  }
  #testimonials-banner .testimonial-quotes.testimonial-quotes-left {
    top: -15px;
    left: -15px;
  }
  #testimonials-banner .testimonial-quotes.testimonial-quotes-right {
    bottom: -10px;
    right: 0;
  }
  #barry-banner #barry-profile #barry-pic {
    width: 225px;
  }
  #sellers-content #sellers-how-sub-nav {
    width: 80%;
  }
  #why-sell-headline {
    padding: 40px 0;
  }
  .retail-banner {
    padding: 75px 50px;
  }
  .retail-quote-logo img {
    max-width: 300px;
    height: auto;
  }
  #address-logo {
    height: 50px;
  }
  #testimonials .testimonial {
    margin: 50px auto;
  }
  #testimonials .testimonial .testimonial-box .testimonial-box-inner {
    padding: 40px;
  }
  #testimonials .testimonial .testimonial-box .testimonial-box-inner p .testimonial-quotes {
    display: block;
    position: absolute;
    font-size: 3em;
  }
  #testimonials .testimonial .testimonial-box .testimonial-box-inner p .testimonial-quotes.testimonial-quotes-left {
    top: 25px;
    left: 10px;
  }
  #testimonials .testimonial .testimonial-box .testimonial-box-inner p .testimonial-quotes.testimonial-quotes-right {
    bottom: 25px;
    right: 10px;
  }
  #phone-details {
    text-align: center;
  }
  .email-inner {
    height: 150px;
    margin-bottom: 25px;
  }
  #google-embed {
    margin-top: 0 !important;
  }
  footer .foot h5 {
    margin-left: -10px;
  }
}

/********  end   iPad PORTRAIT ********/
/********  start iPad LANDSCAPE & BROWSER ********/
@media screen and (min-width: 992px) {
  .playball {
    font-size: 1.75em;
  }
  .cinzel {
    font-size: 1.4em;
  }
  .roboto {
    font-size: 1.25em;
  }
  .roboto-c {
    font-size: 1.25em;
  }
  .roboto-c4 {
    font-size: 1.5em;
  }
  .fine-print {
    font-size: 75% !important;
  }
  header {
    height: 100px;
  }
  header .logo {
    top: 20px;
    left: 0;
    height: 60px;
    width: auto;
  }
  header #main-nav {
    width: 100%;
    height: 75px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header #main-nav .main-nav-item {
    text-align: right;
    padding-left: 22px;
  }
  header #main-nav .main-nav-item a {
    color: #bbb;
  }
  header #main-nav .main-nav-item a.current, header #main-nav .main-nav-item a:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
  }
  #hero {
    height: 400px;
  }
  #hero .hero-img-left {
    left: 75px;
  }
  #hero .hero-img-right {
    right: 125px;
  }
  .banner-img-left {
    left: 25px;
  }
  .banner-img-right {
    right: 75px;
  }
  #main-content .index-banner {
    position: relative;
    height: 400px;
  }
  #main-content .index-banner .cta-button {
    max-width: 325px;
    padding: 20px;
  }
}

/********  end   iPad LANDSCAPE & BROWSER ********/
/********  start LARGE BROWSER ********/
@media screen and (min-width: 1200px) {
  .playball {
    font-size: 2.0em;
  }
  .cinzel {
    font-size: 1.5em;
  }
  .roboto {
    font-size: 1.5em;
  }
  .roboto-c {
    font-size: 1.5em;
  }
  header {
    height: 100px;
  }
  header .logo {
    top: 15px;
    left: 20px;
    height: 70px;
    width: auto;
  }
  #hero {
    height: 450px;
  }
  #hero .hero-img-left {
    left: 100px;
  }
  #hero .hero-img-right {
    right: 200px;
  }
  .banner-img-left {
    left: 10px;
  }
  .banner-img-right {
    right: 100px;
  }
  #main-content .index-banner {
    height: 450px;
  }
  #barry-banner #barry-profile .barry-pic {
    width: 250px;
  }
  footer .foot .footer-icon {
    width: 35px;
    height: auto;
  }
}

/********  end   LARGE BROWSER ********/
/*# sourceMappingURL=styles.css.map */