/* =======================================================================
#Global Settings
========================================================================== */
/* Variables and mixins */
@import url("https://fonts.googleapis.com/css?family=Poppins:400,600,700,900");
body {
  font-family: 'Poppins', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.kk-row {
  position: relative; }

.using-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important; }

.CTA-container .CTA {
  color: #fff !important;
  text-align: center;
  padding: 27px 0;
  width: 100%;
  max-width: 472px;
  background-color: #006ed1;
  border-radius: 100px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  overflow: hidden;
  transition: all .5s; }
  .CTA-container .CTA span {
    font-weight: bold !important; }
  .CTA-container .CTA:hover {
    background-color: #006ed140; }
  .CTA-container .CTA:before, .CTA-container .CTA:after {
    content: '\f290';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* height: 110%; */
    /* width: 110%; */
    background: #0e1d41;
    /* z-index: -1; */
    transform: translate3D(-100%, 0, 0);
    transition: all .5s;
    border-radius: 100px;
    padding-top: 26px;
    font-family: fontawesome;
    font-size: 40px;
    /*border: 1px solid #0e1d41;*/ }
  .CTA-container .CTA:before {
    background: #ffffff;
    /* button default background color */
    z-index: -2;
    transform: translate3D(0, 0, 0);
    color: white; }
  .CTA-container .CTAafter {
    top: 0;
    z-index: -1;
    transform: translate3D(-101%, 0, 0); }
  .CTA-container .CTA:hover:after {
    transform: translate3D(0, 0, 0);
    transition: all .5s; }
  .CTA-container .CTA:hover:before, .CTA-container .CTA:hover:after {
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66) !important; }

.row-2 .CTA-container .CTA:before, .row-2 .CTA-container .CTA:after {
  padding-top: 10px;
  font-size: 29px; }

.container .col {
  position: relative !important; }

.title {
  text-transform: uppercase !important;
  font-weight: 600; }

p {
  color: #777777 !important;
  font-weight: 400; }
  p:not(:last-of-type) {
    padding-bottom: 20px !important; }

strong {
  color: #006ed1; }

@media screen and (min-width: 992px) {
  .show-mobile {
    display: none !important; } }
@media screen and (max-width: 991px) {
  .show-desk {
    display: none !important; } }
/* =======================================================================
Header Section
.nav-secondary.container
========================================================================== */
@media (min-width: 768px) {
  .container {
    max-width: 1442px !important; } }
/* Navbar */
.nav-secondary.container {
  color: #0d1a41 !important;
  background-color: #eeeeee !important;
  width: 100% !important;
  max-width: none !important;
  padding: 17px 100px;
  font-size: 16px; }

.site-header__inner .logo {
  position: static !important;
  width: 291px !important;
  height: auto !important; }

.site-header__inner {
  padding-top: 0px !important; }

.site-header__inner .container {
  padding-top: 25px !important;
  padding-bottom: 19px !important; }

.nav-secondary a {
  font-weight: normal !important; }

.site-header__brand-wrapper.row {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.no-touch .main-footer .footer-section a:hover {
  border: 0px !important; }

/* Cart */
#site-header__link-cart {
  border: 0px !important;
  top: 16px !important;
  right: 33px !important; }
  #site-header__link-cart .site-header__link-cart-hover span {
    font-size: 18px !important;
    font-weight: normal !important;
    color: #0d1a41 !important; }
  #site-header__link-cart .icon.cart-icon {
    font-size: 35px !important;
    top: 5px;
    position: relative;
    margin-right: 30px; }
  #site-header__link-cart .cart-item {
    position: relative;
    margin-right: 45px; }
    #site-header__link-cart .cart-item:after {
      content: " | ";
      position: absolute;
      right: -30px;
      top: 0px; }

/* Search Bar */
.site-header__search {
  width: 270px !important;
  top: 25px !important;
  border: 0px !important;
  background-color: #eeeeee !important;
  border-radius: 100px !important; }
  .site-header__search button {
    display: none !important; }
  .site-header__search input.search-bar {
    padding-left: 20px !important;
    width: 100% !important;
    padding-top: 19px !important;
    padding-bottom: 19px !important; }

/* Blue dropdown bar */
.navs-wrapper.js-navs-wrapper {
  height: auto;
  background: #006ed1 !important; }
  .navs-wrapper.js-navs-wrapper .container {
    padding: 0px !important; }

.navs-wrapper .nav-primary > ul > li > a {
  text-transform: unset !important;
  font-weight: normal !important;
  font-size: 21px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.navs-wrapper .nav-primary > ul > li:hover {
  background: #0d1a41 !important;
  cursor: pointer !important; }

.navs-wrapper .nav-primary .dropdown {
  background: #0d1a41 !important; }

.navs-wrapper .nav-primary .nav-primary__products .menu-item-has-children > a {
  color: #ffffff !important;
  border-bottom: solid 2px #ffffff !important; }

.navs-wrapper .nav-primary .nav-primary__products .menu-item-has-children a {
  font-weight: normal !important; }

/* =======================================================================
Hero
.row-hero
========================================================================== */
.row-hero {
  padding-top: 9.7%;
  padding-bottom: 11.7%;
  color: #ffffff !important; }
  .row-hero .using-image {
    background: url("bg_hero.jpg");
    background-position: center bottom !important; }
  .row-hero .title {
    text-align: center;
    margin-bottom: 3.5%;
    font-weight: 900; }
  .row-hero .subtitle {
    text-align: center;
    color: #fff !important; }
  .row-hero .CTA {
    margin-top: 4%; }

/* =======================================================================
Row 1
.row-1
========================================================================== */
.row-1 {
  background-color: #006ed1 !important; }
  .row-1 .container-fluid {
    padding: 0px !important; }
  .row-1 .usp-mobile {
    margin: 0px auto;
    max-width: 90%; }

@media screen and (min-width: 1920px) {
  .row-1 .container-fluid {
    display: flex;
    justify-content: center;
    background-color: #006ed1 !important; } }
/* =======================================================================
Row 2
.row-2
========================================================================== */
.row-2 {
  padding-top: 5% !important;
  padding-bottom: 6.1% !important;
  background-color: #eeeeee !important;
  z-index: 1; }
  .row-2 > .using-image {
    background: #eeeeee !important; }
  .row-2 .title {
    text-align: center !important;
    margin-top: 0px !important;
    color: #0d1a41 !important;
    margin-bottom: 3.5% !important; }
  .row-2 .categories-title {
    text-transform: uppercase;
    font-weight: bold !important;
    color: #0d1a41 !important;
    margin-bottom: 2.9%;
    padding-bottom: 0px !important; }
  .row-2 p {
    color: #006ed1 !important; }
  .row-2 .container {
    display: flex; }
  .row-2 .left .using-image {
    background: url("express_labels.jpg"); }
  .row-2 .right .using-image {
    background: url("zebra_label_printers.jpg"); }
  .row-2 .col {
    border-bottom: 9px solid #006ed1;
    /*height: 100%;*/
    padding-top: 7.1%;
    padding-bottom: 7.5%;
    padding-left: 45px;
    padding-right: 15%; }
  .row-2 .CTA {
    margin-right: 0px !important;
    margin-left: 0px !important;
    max-width: 182px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    margin-top: 4.6%; }
  .row-2 .using-image {
    z-index: -1; }
  .row-2 .startrack {
    position: relative;
    top: 17px;
    float: left;
    margin-right: 27px; }

@media (min-width: 992px) {
  .row-2 .col-md-6 {
    width: calc(50% - 15px) !important; }

  .row-2 .left {
    margin-right: 30px; } }
/* =======================================================================
Row 3
.row-3
========================================================================== */
.row-3 {
  padding-top: 6.6% !important;
  padding-bottom: 3% !important; }
  .row-3 .using-image {
    background: url("bg1_1.jpg"); }
  .row-3 .title {
    color: #0d1a41;
    margin-top: 6% !important;
    margin-bottom: 8.4% !important; }
  .row-3 p {
    max-width: 618px !important; }

/* =======================================================================
Row 4
.row-4
========================================================================== */
.row-4 {
  padding-top: 5% !important;
  padding-bottom: 9% !important; }
  .row-4 .using-image {
    background: url("bg1_2.jpg"); }
  .row-4 .title {
    color: #0d1a41;
    margin-top: 6% !important;
    margin-bottom: 8.4% !important; }
  .row-4 .CTA {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 9%; }

/* =======================================================================
Row 5
.row-5
========================================================================== */
.row-5 {
  background-color: #0d1a41;
  padding-top: 3.8%;
  padding-bottom: 6%;
  border-bottom: 9px solid #006ed1 !important; }
  .row-5 .container {
    text-align: center; }
  .row-5 .title {
    color: #fff !important;
    text-align: center;
    margin-bottom: 5%; }
  .row-5 .show-mobile {
    margin-right: auto;
    margin-left: auto; }

/* =======================================================================
Row 6
.row-6
========================================================================== */
.row-6 {
  padding-top: 6.6% !important;
  padding-bottom: 8% !important; }
  .row-6 .col {
    text-align: center; }
  .row-6 .title {
    color: #0d1a41;
    margin-top: 3.8% !important;
    margin-bottom: 4% !important;
    text-align: center;
    max-width: 690px;
    margin-right: auto;
    margin-left: auto; }
  .row-6 p {
    text-align: center;
    max-width: 690px;
    margin-right: auto;
    margin-left: auto; }
  .row-6 .blue {
    color: #006ed1 !important; }
  .row-6 .icon, .row-6 .printers {
    margin: 0 auto; }
  .row-6 .printers {
    margin-top: 4.5%; }

/* =======================================================================
Row 7
.row-7
========================================================================== */
.row-7 {
  padding-top: 8.9% !important;
  padding-bottom: 8% !important;
  border-bottom: 9px solid #0d1a41 !important; }
  .row-7 .using-image {
    background: url("bg1_3.jpg"); }
  .row-7 .icon {
    margin: 0 auto; }
  .row-7 .title {
    color: #0d1a41;
    margin-top: 3.8% !important;
    margin-bottom: 4% !important;
    text-align: center;
    max-width: 690px;
    margin-right: auto;
    margin-left: auto; }
  .row-7 p {
    text-align: center;
    max-width: 780px;
    margin-right: auto;
    margin-left: auto; }
  .row-7 .speak {
    color: #0d1a41 !important;
    font-weight: bold;
    margin-bottom: 3%; }
  .row-7 ul {
    max-width: 780px;
    margin-right: auto !important;
    margin-left: auto !important; }
    .row-7 ul li {
      position: relative;
      padding-left: 76px;
      margin-bottom: 38px; }
      .row-7 ul li:not(:last-child) {
        margin-bottom: 38px; }
      .row-7 ul li:before {
        content: "";
        position: absolute;
        left: 10px;
        top: -14px;
        width: 48px;
        height: 48px;
        background: url("icon_9.png") no-repeat center center; }
  .row-7 .CTA {
    margin-top: 6%; }

/* =======================================================================
Row 8
.row-8
========================================================================== */
.row-8 {
  text-align: center;
  color: #ffffff;
  padding-top: 4.3%;
  padding-bottom: 5.6%; }
  .row-8 .using-image {
    background: url("bg1_4.jpg"); }
  .row-8 p {
    color: #ffffff !important; }
  .row-8 #wpcf7-f86576-o1 {
    margin-top: 2.1%; }
    .row-8 #wpcf7-f86576-o1 p {
      max-width: 670px;
      margin-right: auto;
      margin-left: auto;
      position: relative;
      height: fit-content; }
    .row-8 #wpcf7-f86576-o1 .your-email {
      width: 100% !important;
      display: block;
      position: relative; }
    .row-8 #wpcf7-f86576-o1 .email {
      width: 100%;
      border: 0px !important;
      border-radius: 100px;
      color: #0d1a41 !important;
      padding: 37px 60px; }
    .row-8 #wpcf7-f86576-o1 .submit {
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      padding: 0px 30px;
      border: 0px !important;
      border-radius: 100px;
      background-color: #0d1a41 !important;
      height: 100% !important;
      line-height: 1.2em !important;
      width: 30%;
      transition: width 0.2s ease;
      font-weight: 900; }
    .row-8 #wpcf7-f86576-o1 .submit:hover {
      width: 100% !important; }
    .row-8 #wpcf7-f86576-o1 .ajax-loader,
    .row-8 #wpcf7-f86576-o1 .wpcf7-not-valid-tip {
      display: none !important; }
    .row-8 #wpcf7-f86576-o1 .wpcf7-response-output {
      color: #0d1a41 !important;
      max-width: 670px !important;
      margin-right: auto !important;
      margin-left: auto !important;
      border-radius: 100px; }
    .row-8 #wpcf7-f86576-o1 div.wpcf7-validation-errors:before {
      border-color: #0d1a41 !important;
      padding-top: 2px !important; }

/* =======================================================================
Footer
.main-footer
========================================================================== */
.main-footer .footer-section {
  background-color: #0e1c42 !important;
  font-family: 'Poppins', sans-serif !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important; }
.main-footer .footer-title,
.main-footer .newsletter-form .eway-logo p {
  font-size: 21px !important; }
.main-footer a, .main-footer .contacts {
  font-size: 17px !important;
  font-weight: 400; }
.main-footer .footer-title,
.main-footer ul li:not(:last-child),
.main-footer .newsletter-form .eway-logo p {
  margin-bottom: 10px !important;
  color: #ffffff !important; }
.main-footer .newsletter-form .footer-title,
.main-footer .newsletter-form section,
.main-footer .copywrite .right a {
  display: none !important; }
.main-footer .newsletter-form .eway-logo p {
  margin-top: 0px !important; }
.main-footer .copywrite {
  padding-top: 20px;
  padding-bottom: 20px; }
.main-footer .copywrite .left,
.main-footer .copywrite .right,
.main-footer .copywrite .left a {
  margin: 0px !important;
  padding: 0px !important;
  font-size: 14px !important;
  font-weight: 400 !important; }
  .main-footer .copywrite .left span,
  .main-footer .copywrite .right span,
  .main-footer .copywrite .left a span {
    font-size: 14px !important;
    font-weight: 400 !important; }

@media screen and (max-width: 1800px) {
  .row-2 .startrack {
    top: 0px;
    float: unset; } }
@media screen and (max-width: 1000px) {
  .main-footer .col-sm-2,
  .main-footer .col-sm-4,
  .main-footer .col-sm-3 {
    width: 100% !important;
    display: block !important;
    padding-left: 50px !important;
    margin-bottom: 5% !important; } }
@media screen and (min-width: 998px) {
  .row-1 .usp-mobile {
    display: none; } }
@media screen and (max-width: 997px) {
  .site-header__inner .logo img {
    max-width: 70% !important; }

  .site-header__inner .container {
    padding-top: 10px;
    padding-bottom: 10px; }

  #site-header__link-cart span.mob-cart-qty {
    color: #fff !important;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    width: 30px !important;
    height: 30px !important;
    background-color: #0d1a41 !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding-top: 3px;
    margin-top: -8px; }

  #site-header__link-cart .icon.cart-icon {
    font-size: 30px !important;
    top: 2px !important;
    margin-right: 7px !important; }

  a.mob-nav-toggle {
    top: 15px !important; }

  .site-header__inner .logo {
    padding-bottom: 0px !important; }

  .row-1 {
    padding-top: 4% !important;
    padding-bottom: 4% !important; }

  .row-1 .usp {
    display: none; }

  .row-2 .container {
    display: inherit; }

  .container {
    padding-right: 5%;
    padding-left: 5%; }

  .row-3 .col,
  .row-4 .col {
    max-width: 70%;
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important; }

  .row-7 ul li:before {
    left: 30px;
    top: 1px;
    width: 30px;
    height: 30px;
    background-size: contain; }

  .row-8 #wpcf7-f86576-o1 {
    margin-top: 5%; } }
@media screen and (max-width: 997px) and (min-width: 600px) {
  .main-footer .col-sm-2, .main-footer .col-sm-4, .main-footer .col-sm-3 {
    width: 49% !important; }

  .main-footer .customer-service-links {
    clear: both; } }
@media screen and (max-width: 991px) {
  .row-3 .using-image,
  .row-4 .using-image {
    display: none !important; } }
@media screen and (max-width: 500px) {
  .main-footer .col-sm-2,
  .main-footer .col-sm-4,
  .main-footer .col-sm-3 {
    margin-bottom: 11% !important; }

  .site-header__link-cart__link,
  .site-header__link-cart {
    display: none !important; }

  .row-hero .subtitle {
    display: none !important; }

  .row-2 .col {
    padding-right: 32% !important; }

  .row-3 .col,
  .row-4 .col {
    max-width: none !important; }

  .row-8 #wpcf7-f86576-o1 .submit {
    padding: 0px; }

  .row-8 #wpcf7-f86576-o1 .email {
    padding-left: 24px;
    padding-top: 28px;
    padding-bottom: 28px; }

  .main-footer a, .main-footer .contacts {
    font-size: 15px; } }

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