/**
 * DO NOT EDIT REVAMP.CSS DIRECTLY! 
 * edit revamp.Scss in your sass compiler of choice (like Koala)
 *
 **/
body {
  font-family: "Hind"; }

h1, h2, h3, h4, h5 {
  font-family: "Roboto Slab";
  color: black; }

.green-text {
  color: #33cc33; }

.gears {
  margin-top: 20px;
  padding: 10px 0; }
  .gears a {
    text-decoration: none; }
  .gears .home-icon {
    text-align: center; }
  .gears .home-icon img {
    display: inline-block;
    padding-bottom: 10px; }
  .gears .home-icon .home-icon-text {
    text-transform: uppercase;
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none; }

header .banner {
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover; }

header .banner h1 {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 40px; }

header .banner .banner-center {
  text-align: center;
  width: 400px;
  height: 100%;
  padding-top: 100px;
  color: white;
  margin: 0px auto;
  background-repeat: no-repeat;
  background-size: contain; }

header.home .banner {
  height: 300px; }

header.home .banner h1 {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: bold; }

header.home .banner .banner-center {
  background-size: contain;
  padding: 0 5%;
  padding-top: 80px;
  box-sizing: border-box;
  background-position: center center;
  width: 800px;
  height: 300px; }

@media (max-width: 767px) {
  header.home .banner {
    height: 150px; }

  header.home .banner h1 {
    font-size: 18px; }

  header.home .banner .banner-center {
    width: 400px;
    height: 150px;
    padding-top: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
  header.home .banner {
    height: 200px; }

  header.home .banner h1 {
    font-size: 26px; }

  header.home .banner .banner-center {
    width: 500px;
    height: 200px;
    padding-top: 30px; } }
.border-line {
  border-bottom: 1px solid #ddd;
  width: 90%;
  margin: 10px auto;
  margin-bottom: 30px; }
  .border-line.half {
    width: 40%; }

header.home .banner.integrated, header.home .banner.woo-connect {
  height: 200px; }
  header.home .banner.integrated .banner-center, header.home .banner.woo-connect .banner-center {
    height: 200px;
    padding-top: 50px; }
  @media (min-width: 768px) and (max-width: 991px) {
    header.home .banner.integrated, header.home .banner.woo-connect {
      height: 125px; }
      header.home .banner.integrated .banner-center, header.home .banner.woo-connect .banner-center {
        height: 125px;
        padding-top: 20px; } }
  @media (max-width: 767px) {
    header.home .banner.integrated, header.home .banner.woo-connect {
      height: 100px; }
      header.home .banner.integrated .banner-center, header.home .banner.woo-connect .banner-center {
        height: 100px;
        padding-top: 15px; } }

header.home .banner.woo-connect {
  margin-bottom: 25px; }
  header.home .banner.woo-connect .banner-center {
    width: 925px; }
    @media (min-width: 768px) and (max-width: 991px) {
      header.home .banner.woo-connect .banner-center {
        width: 600px; } }
    header.home .banner.woo-connect .banner-center h1 {
      color: #003399;
      text-transform: none; }
  @media (max-width: 767px) {
    header.home .banner.woo-connect {
      height: 80px; }
      header.home .banner.woo-connect .banner-center {
        padding-top: 5px;
        width: 400px;
        height: 80px; } }

@media (min-width: 768px) {
  .container {
    max-width: none;
    padding-left: 15px;
    padding-right: 15px; } }
.home-centered-icons {
  text-align: center; }
  .home-centered-icons a {
    text-decoration: none; }
  .home-centered-icons img {
    display: block;
    margin: 0px auto; }
  .home-centered-icons .text {
    font-family: "Roboto Slab";
    font-weight: bold;
    font-size: 18px;
    color: black; }
  .home-centered-icons .subtext {
    color: #33cc33; }
  .home-centered-icons .image-box {
    width: 100%;
    height: 80px;
    margin-bottom: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }

.bottom-pad {
  margin-bottom: 30px; }

.navbar {
  margin-bottom: 0;
  border: 0; }

body {
  padding-top: 0; }

.nav-pills > li > a {
  font-weight: bold; }

footer .nav-pills > li > a:hover {
  background-color: #003399; }

.list-group-item a {
  color: #003399; }

@media (min-width: 1200px) {
  .dropdown-menu {
    left: 10px;
    border-radius: 0;
    padding: 0; } }
.list-group-item {
  background-color: white; }

.top-pad {
  margin-top: 20px; }

.nav-pills > li {
  margin-top: 0; }

.footer-bottom .nav-pills a {
  font-family: "Hind";
  font-weight: bold;
  color: white;
  text-decoration: none;
  font-size: 110%;
  text-transform: uppercase; }

.footer-bottom {
  background-color: black; }

.grey-background {
  background-color: #ddd; }

.white-padded, .grey-background.padded, .container.woo-connect .grey-background.border-line, .grey-background.aprils-words {
  padding: 20px;
  box-sizing: border-box; }

.padded, .container.woo-connect .border-line, .aprils-words {
  padding-top: 20px;
  padding-bottom: 20px; }

.half-padded {
  padding-top: 10px;
  padding-bottom: 10px; }

h3 {
  text-transform: uppercase; }

.pad-top {
  padding-top: 25px; }

.pad-bottom, .container.woo-connect h4 {
  padding-bottom: 25px; }

.pad-top-50 {
  padding-top: 50px; }

.banner h2 {
  font-size: 24px; }

header.home .about-us.banner {
  height: 250px; }
  header.home .about-us.banner h1, header.home .about-us.banner h2 {
    color: #003399; }
  header.home .about-us.banner h1 {
    text-transform: uppercase;
    font-weight: bold; }
  header.home .about-us.banner .banner-center {
    height: 250px; }
  @media (max-width: 991px) {
    header.home .about-us.banner {
      height: 160px; }
      header.home .about-us.banner .banner-center {
        height: 160px; } }
  @media (max-width: 767px) {
    header.home .about-us.banner {
      height: 130px; }
      header.home .about-us.banner h2 {
        font-size: 16px;
        margin: 0;
        padding: 0; }
      header.home .about-us.banner .banner-center {
        height: 130px; } }

#contact-form .form-control {
  border-radius: 0; }

.contact-callout {
  border: 0; }
  .contact-callout .panel {
    border: 0; }
  .contact-callout h4 {
    display: none; }
  .contact-callout .row {
    height: 100px;
    box-sizing: border-box;
    padding-top: 25px;
    padding-left: 100px;
    position: relative; }
    .contact-callout .row .img-box {
      position: absolute;
      left: 0;
      top: 0;
      width: 100px;
      height: 100px;
      background-repeat: no-repeat;
      background-position: center center; }
  .contact-callout a {
    color: #003399; }

.non-banner-h1 {
  color: #003399;
  text-transform: none;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin: 0px auto;
  margin-top: 30px; }

#custom-integrations input.input-lg {
  border-radius: 0; }

.big-submit {
  width: 60%;
  margin: 0px auto; }

.compound-banner {
  height: 200px;
  background-image: url("/images/revamp/pattern-banner-image.png");
  background-position: top left;
  background-size: cover; }
  @media (max-width: 767px) {
    .compound-banner .container {
      background-image: none !important; } }
  .compound-banner h1 {
    color: #003399;
    padding-top: 25px;
    font-weight: bold; }
  .compound-banner .col-sm-8, .compound-banner .col-xs-8 {
    height: 200px;
    background-image: url("/images/revamp/new-overlay-banner.png");
    background-position: center right;
    background-repeat: no-repeat; }
    @media (max-width: 991px) {
      .compound-banner .col-sm-8, .compound-banner .col-xs-8 {
        background-image: none; }
        .compound-banner .col-sm-8 h1, .compound-banner .col-xs-8 h1 {
          padding-top: 5px; } }
  .compound-banner .container {
    height: 200px;
    background-repeat: no-repeat;
    background-position: center right; }

.blue-text {
  color: #003399; }

.light-blue-bg {
  background-color: #cae4f3; }

.blue-bg {
  background-color: #003399;
  color: white; }

.no-caps {
  text-transform: none; }

.img-left {
  padding-left: 65px;
  position: relative;
  padding-bottom: 15px; }
  .img-left img {
    position: absolute;
    left: 0px;
    top: 15px;
    width: 50px; }

.testimonial {
  position: relative;
  padding: 20px 80px;
  text-align: center; }
  .testimonial .left-quote, .testimonial .right-quote {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px; }
  .testimonial .left-quote {
    top: 5px;
    left: 15px;
    background-image: url("/images/revamp/quote-left.png"); }
  .testimonial .right-quote {
    bottom: 5px;
    right: 15px;
    background-image: url("/images/revamp/quote-right.png"); }
  .testimonial .author {
    color: #003399;
    font-weight: bold;
    font-family: "Roboto Slab"; }
  .testimonial .company {
    color: #9fcfff; }

.bracket-holsters {
  position: relative;
  padding: 25px 0;
  margin-bottom: 100px; }
  .bracket-holsters h1 {
    font-weight: bold; }
  .bracket-holsters .left-bracket, .bracket-holsters .right-bracket {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }
  .bracket-holsters .left-bracket {
    left: 10%;
    background-image: url("/images/revamp/bracket-left.png"); }
  .bracket-holsters .right-bracket {
    right: 10%;
    background-image: url("/images/revamp/bracket-right.png"); }

.offset-button {
  width: 100%;
  position: absolute;
  bottom: -30px; }
  .offset-button .big-submit {
    width: 50%; }

.supported-platform-block {
  text-align: center; }
  .supported-platform-block .supported-platform-bubble {
    display: inline-block;
    width: 32%;
    padding: 20px; }
    .supported-platform-block .supported-platform-bubble div {
      width: 100%;
      height: 200px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
  @media (max-width: 767px) {
    .supported-platform-block .supported-platform-bubble {
      width: 100%; } }

.container.woo-connect h4 {
  color: #003399;
  text-align: center; }
.container.woo-connect .step {
  padding-left: 25px;
  position: relative; }
  .container.woo-connect .step strong {
    position: absolute;
    display: block;
    left: 0;
    top: 0; }
.container.woo-connect input.form-control {
  margin-left: 15px;
  min-width: 24em; }
.container.woo-connect .form-group {
  width: 100%; }

.stores-table th {
  font-size: 110%; }
.stores-table td {
  font-weight: bold; }
  .stores-table td.actions {
    text-align: right; }
.stores-table a {
  font-weight: normal;
  text-decoration: underline;
  display: inline-block;
  padding: 0 7.5px; }

.big-step {
  padding-left: 80px;
  position: relative;
  min-height: 50px;
  padding-top: 15px; }
  .big-step.bordered {
    padding: 15px;
    padding-top: 5px;
    padding-left: 80px;
    border: 1px solid #ddd; }
  .big-step .big-step-num {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #003399;
    color: white;
    width: 50px;
    font-weight: bold;
    height: 50px;
    box-sizing: border-box;
    border-radius: 25px;
    text-align: center;
    line-height: 55px;
    font-size: 32px; }
  .big-step.bordered .big-step-num {
    top: 15px; }

#art-templates thead {
  font-size: 110%; }
#art-templates td {
  border-top: 0; }

.footer-bottom .social-icons {
  padding: 0;
  margin: 0px auto;
  display: block;
  list-style-type: none;
  padding-top: 10px; }
  .footer-bottom .social-icons li {
    display: inline-block;
    padding: 0 7.5px; }

#login-modal .modal-body {
  padding: 5px 15px; }

a {
  text-decoration: underline; }

nav a {
  text-decoration: none; }

.modal-body.login a {
  color: black; }
.modal-body.login .sub-text {
  font-size: 90%;
  padding: 5px 0; }
.modal-body.login form {
  display: block;
  width: 80%;
  margin: 0px auto; }
.modal-body.login .big-submit {
  display: block;
  margin: 0px auto; }
.modal-body.login h4 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  font-family: "Hind"; }

#login-modal .modal-backdrop {
  background-color: #003399; }

/* 
.open>.dropdown-menu {
    display: block;
} 
*/
.btn a, a.btn {
  text-decoration: none; }

#faqs {
  margin-left: 200px; }
  @media (max-width: 991px) {
    #faqs {
      margin-left: 0; } }
  #faqs h4 {
    font-family: "Hind", sans-serif;
    font-size: 18px; }
  #faqs .faq-row {
    padding-left: 35px;
    position: relative; }
    #faqs .faq-row .expand-button {
      position: absolute;
      top: 2px;
      left: 0;
      background-image: url("/images/personalization/faq-plus.png");
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-position: center center; }
      #faqs .faq-row .expand-button.active {
        background-image: url("/images/personalization/faq-minus.png"); }

#personalization-page #faqs {
  margin-left: 0; }
#personalization-page .faq-row {
  padding-left: 0; }
  #personalization-page .faq-row h4 {
    padding: 10px 5px;
    border: 1px solid #aaa;
    padding-left: 35px;
    position: relative;
    background-color: #ebebeb;
    margin: 0; }
    #personalization-page .faq-row h4 .expand-button {
      top: 10px;
      left: 5px; }
  #personalization-page .faq-row > div {
    border: 1px solid #aaa;
    border-top: 0;
    padding: 15px;
    padding-bottom: 0; }
#personalization-page .personalization-banner {
  background-image: url("/images/personalization/lp-personalization-banner.png");
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 200px;
  background-size: 110%; }
  @media (max-width: 991px) {
    #personalization-page .personalization-banner {
      background-size: cover; } }
  #personalization-page .personalization-banner h1 {
    position: relative;
    padding-top: 50px; }
  #personalization-page .personalization-banner .say-what-container {
    display: inline-block;
    width: 1px;
    height: 1px;
    position: relative; }
  #personalization-page .personalization-banner .say-what {
    background-image: url("/images/personalization/lp-saywhat-image.png");
    background-repeat: no-repeat;
    width: 179px;
    height: 67px;
    background-position: center center;
    position: absolute;
    left: 0;
    top: -100px; }
#personalization-page .bottom-finger {
  background-image: url("/images/personalization/lp-personalization-pointer.png");
  width: 26px;
  height: 42px;
  margin: 0 5px;
  box-sizing: border-box;
  background-position: bottom center;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 10px; }
#personalization-page .blue-bg {
  text-align: center; }
  #personalization-page .blue-bg h2, #personalization-page .blue-bg h3 {
    color: white;
    font-family: "Hind";
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 5px; }
#personalization-page .text-blue {
  color: #003399;
  font-size: 24px;
  font-weight: bold; }
  #personalization-page .text-blue .text-green {
    color: #33cc33; }

.btn-stretch {
  width: 60%;
  margin: 0 auto;
  text-align: center; }

.grey-steps {
  margin-top: 97px;
  background-color: #ebebeb; }
  .grey-steps > div {
    padding-top: 97px; }
  .grey-steps .step {
    position: relative; }
    .grey-steps .step img {
      position: absolute;
      top: -184px;
      width: 184px;
      height: 184px;
      left: 50%;
      margin-left: -97px; }
    .grey-steps .step p {
      padding: 0 10px !important; }
    .grey-steps .step .step-head {
      text-align: center;
      width: 100%;
      color: #003399;
      text-transform: uppercase;
      font-weight: bold;
      padding: 5px;
      font-size: 18px; }
    .grey-steps .step .btn {
      display: block; }

.btn-info {
  background-color: #003399;
  border-color: #003399; }
  .btn-info:hover, .btn-info.active {
    background-color: #003399;
    color: #ebebeb; }

.aprils-words img {
  display: block;
  margin: 0px auto; }

#add-code-popup ol {
  font-weight: bold;
  list-style-type: none; }
  #add-code-popup ol li {
    position: relative;
    padding-left: 15px;
    font-weight: normal;
    padding: 5px 0; }
    #add-code-popup ol li span {
      display: block;
      position: absolute;
      left: -30px;
      top: 5px;
      font-weight: bold; }

#faqs-nav {
  width: 170px;
  z-index: 2;
  float: none;
  position: absolute; }
  #faqs-nav.affix {
    top: 60px;
    position: fixed; }
  #faqs-nav.affix-top {
    position: absolute;
    padding-top: 15px; }
  #faqs-nav.affix-bottom {
    position: absolute; }
  #faqs-nav li {
    margin: 2px 0; }

#faqs-mobile-nav {
  text-align: center; }
  #faqs-mobile-nav li {
    font-size: 14px;
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block; }
    #faqs-mobile-nav li a {
      margin: 0;
      padding: 2px;
      font-family: "Hind"; }

.faq-sub-nav {
  padding: 0;
  margin: 0; }
  .faq-sub-nav li {
    list-style-type: none; }
    .faq-sub-nav li a {
      padding: 5px;
      padding-left: 10px; }

.faq-nav-item > a {
  font-family: "Roboto Slab";
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  padding: 8px;
  border-bottom: 1px solid #aaa;
  text-decoration: none;
  margin-bottom: 10px;
  display: block; }
.faq-nav-item.active > a {
  color: #003399; }

#faq-h1 {
  color: #003399;
  border-bottom: 1px solid #aaa;
  padding-bottom: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center; }

.tut-title {
  font-family: "Roboto Slab";
  font-weight: bold;
  color: #003399;
  font-size: 22px;
  display: block; }

.tut-text {
  font-family: "Hind";
  height: 100px;
  padding: 10px 0; }

.tut-cell {
  float: left;
  clear: none;
  width: 33%;
  box-sizing: border-box;
  padding: 0 15px; }
  @media (max-width: 1200px) {
    .tut-cell {
      width: 50%; } }
  @media (max-width: 767px) {
    .tut-cell {
      width: 100%; } }

.splash-text {
  color: #003399;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 5px; }

.btn-full {
  width: 90%; }

.faq-splash-box {
  text-align: center;
  padding-top: 15px;
  border: 5px solid #eee; }
  .faq-splash-box > .text {
    margin-bottom: 0 !important;
    padding: 5px 0; }
  .faq-splash-box h3 {
    color: #003399;
    width: 80%;
    margin: 0 auto;
    text-transform: none; }

.faq-splash-box-left, .faq-splash-box-right {
  width: 50%;
  float: left;
  padding: 0 10px;
  padding-top: 5px;
  margin-bottom: 0 !important; }
  .faq-splash-box-left a, .faq-splash-box-right a {
    color: #333333; }

.faq-splash-box-left {
  text-align: right; }

.faq-splash-box-right {
  text-align: left; }

#faqs > div {
  margin-bottom: inherit; }

@media (max-width: 767px) {
  .big-step, .big-step.bordered {
    padding-left: 5px; } }
#faqs > .border-line {
  margin-bottom: 20px; }

@media (max-width: 1199px) {
  .navbar-collapse.collapse {
    display: block !important; }

  .nav-pills > li {
    float: left; }
    .nav-pills > li a {
      padding: 5px 8px;
      font-size: 14px; }

  .navbar-toggle {
    display: none; } }

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