/* Minification failed. Returning unminified contents.
(2590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2624,34): run-time error CSS1039: Token not allowed after unary operator: '-header-width'
(2625,29): run-time error CSS1039: Token not allowed after unary operator: '-header-width'
(2628,30): run-time error CSS1039: Token not allowed after unary operator: '-scroll-button-icon-size'
(2628,75): run-time error CSS1039: Token not allowed after unary operator: '-scroll-button-horizontal-position'
(2629,31): run-time error CSS1039: Token not allowed after unary operator: '-scroll-button-icon-size'
(2629,76): run-time error CSS1039: Token not allowed after unary operator: '-scroll-button-horizontal-position'
(2634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2637,34): run-time error CSS1039: Token not allowed after unary operator: '-header-width'
(2638,29): run-time error CSS1039: Token not allowed after unary operator: '-header-width'
(2664,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* =========== DigitalID bootstrap theme =========== */

/* Includes generic global, header and footer styles*/

html,
body {
  height: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::-moz-selection {
  background: #127bbf;
  color: white;
}
::selection {
  background: #127bbf;
  color: white;
}
.placeholder {
  color: #adb5ba;
}
.nowrap {
  white-space: nowrap;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn {
  text-transform: uppercase;
}
.btn:active {
  box-shadow: none;
}
.tooltip {
  font-size: 12px;
}
textarea {
  resize: vertical;
  max-height: 300px;
}
.missing-url {
  background: red !important;
}
.bg-gray {
  background: #75838c;
}
.bg-gray-light {
  background: #d1d6d9;
}
.bg-gray-lighter {
  background: #e3e6e8;
}
.bg-white {
  background: white;
}
.bg-purple {
  background: #b2b3da;
}
.bg-blue {
  background: #82b2d3;
}
.bg-green {
  background: #65b298;
}
.bg-yellow {
  background: #e0c27f;
}
.bg-red {
  background: #cc094b;
}
.bg-orange {
  background: #e08e7f;
}
.bg-red-light {
  background: #fdf2f1;
}
.bg-orange-light {
  background: #fff3eb;
}
.bg-blue-light {
  background: #edf6fa;
}
.bg-cyan-light {
  background: #e7f5f3;
}
.bg-green-light {
  background: #edf6f3;
}
.bg-purple-light {
  background: #f0edf4;
}
.bg-yellow-light {
  background: #fffcf0;
}
.btn-color-variation-base,
.btn-purple,
.btn-lightblue,
.btn-gray {
  color: white;
  background: rgba(255, 255, 255, 0.25);
}
.btn-color-variation-base:hover,
.btn-purple:hover,
.btn-lightblue:hover,
.btn-gray:hover {
  background: white;
}
.btn-purple:hover {
  color: #b2b3da;
}
.btn-lightblue:hover {
  color: #82b2d3;
}
.btn-gray:hover {
  color: #193040;
}
.btn-green {
  background: white;
  color: #65b298;
}
.btn-green:hover {
  color: white;
  background: rgba(255, 255, 255, 0.25);
}
.btn-gray-light {
  background: #d1d6d9;
  color: #75838c;
}
.btn-gray-light:hover {
  background: white;
  color: #75838c;
}
.text-white,
.text-white:hover,
.text-white:active,
.text-white:focus {
  color: white;
}
.text-gray {
  color: #75838c;
}
.btn.btn-block {
  width: 100%;
  display: block;
}
.vertical-center {
  display: table;
  width: 100%;
  height: 100%;
}
.vertical-center .cell {
  display: table-cell;
  vertical-align: middle;
}
.chevron {
  color: white;
}
.chevron:hover,
.chevron:active,
.chevron:focus {
  color: inherit;
  text-decoration: none;
}
.chevron svg {
  width: 14px;
  height: 14px;
  display: inline-block;
  fill: white;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.open .chevron svg {
  fill: #127bbf;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
[data-toggle="collapse"].chevron svg,
[aria-expanded="true"] .chevron svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.collapsed[data-toggle="collapse"].chevron svg,
.collapsed[aria-expanded="true"] .chevron svg {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.chevron.right svg {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.chevron.left svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.chevron.gray svg {
  fill: #75838c;
}
.open .chevron.gray svg,
.collapsed .chevron.gray svg {
  fill: #75838c;
}
.chevron-compact {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 16px;
  height: 16px;
  display: inline-block;
}
.chevron-compact img {
  vertical-align: top;
}
.open .chevron-compact {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.collapsed .chevron-compact {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.disabled,
.disabled[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}
.disabled + label,
.disabled[disabled] + label {
  cursor: not-allowed;
}
hr.vertical {
  height: 3em;
  width: 0;
  border-left: 1px solid #75838c;
  display: inline-block;
  margin: 0 32px;
  vertical-align: middle;
}
@media (max-width: 767.99px) {
  hr.vertical {
    display: block;
    border-left: none;
    border-top: 1px solid #75838c;
    height: 0;
    width: 100%;
    margin: 1em 0;
  }
}
@media (max-width: 767.99px) {
  hr.vertical-sm {
    display: block;
    border-left: none;
    border-top: 1px solid #75838c;
    height: 0;
    width: 100%;
    margin: 1em 0;
  }
}
@media (max-width: 991.99px) {
  hr.vertical-md {
    display: block;
    border-left: none;
    border-top: 1px solid #75838c;
    height: 0;
    width: 100%;
    margin: 1em 0;
  }
}
.form-control {
  box-shadow: none;
}
.form-control.bg-white {
  background: white;
}
.input-group-lg .form-control {
  padding-left: 14px;
  padding-right: 14px;
}
select.form-control {
  padding-top: 0;
  padding-bottom: 0;
}
.form-control.input-validation-error {
  color: #cc094b;
  background: rgba(250, 230, 237, 0.2);
  border-color: #fae6ed;
}
.form-control.picker__input {
  background: #e3e6e8;
}
.content {
  min-height: 50%;
}
.main.container {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .main.container {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
.cascading-list .cascading-list {
  border-left: 1px solid #cccccc;
}
.navbar-toggle {
  height: 34px;
}
.navbar-toggle .icon-bar {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.navbar-toggle[aria-expanded="true"] .icon-bar {
  margin: 0;
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
  margin-top: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
  opacity: 0;
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) {
  margin-top: -4px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navbar-header {
  padding-top: 20px;
  padding-bottom: 20px;
  float: none;
}
.navbar-header .navbar-toggle {
  margin: 0;
  float: left;
}
@media (max-width: 767.99px) {
  .navbar-header .navbar-toggle {
    margin-left: -15px;
  }
}
.navbar-header .dropdown {
  padding-left: 15px;
  min-width: 150px;
  font-size: 16px;
}
.navbar-header .dropdown > p {
  margin-bottom: -5px;
  font-size: 14px;
}
.navbar-header .dropdown > a,
.navbar-header .dropdown > p,
.navbar-header .dropdown > span,
.navbar-header .dropdown > b {
  z-index: 1001;
  position: relative;
}
.navbar-header .dropdown.open {
  color: #127bbf;
}
.navbar-header .dropdown.open > a {
  color: #127bbf;
}
.navbar-header .dropdown .dropdown-menu {
  top: -20px;
  left: -10px;
  margin: 0;
  padding: 70px 5px 10px 5px;
}
.navbar-header .dropdown .divider {
  margin-right: auto;
  margin-left: auto;
  width: 90%;
}
.navbar-search input[type="text"] {
  background: white;
}
.navbar-search svg {
  padding: 7px;
}
.navbar-search .navbar-search-button-xs {
  margin-right: -15px;
}
#searchBar {
  max-height: 54px;
}
#searchBar .input-group {
  border-radius: 4px;
  overflow: hidden;
  background: white;
}
#searchBar .input-group .form-control {
  border: white;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (max-width: 767.99px) {
  #searchBar .input-group {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  #searchBar {
    display: block;
  }
}
.navbar-search-button-xs {
  border: none;
  background: none;
}
.navbar-search-button-xs svg {
  fill: white;
}
.navbar-search-button {
  width: 34px;
  height: 34px;
  margin-right: 2px;
  padding: 0;
  background: white;
  border: none;
  border-radius: 50% !important;
  overflow: hidden;
}
.navbar-search-button svg {
  fill: #127bbf;
}
.navbar-search-button:hover,
.navbar-search-button:active,
.navbar-search-button:focus {
  background: #127bbf;
}
.navbar-search-button:hover svg,
.navbar-search-button:active svg,
.navbar-search-button:focus svg {
  fill: white;
}
.navbar-brand {
  padding: 0;
  height: 40px;
  margin-left: 0 !important;
}
.navbar-brand img {
  float: left;
  height: 36px;
  margin-top: 5px;
}
@media (max-width: 991.99px) {
  .navbar-brand img {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
.navbar-signin .signin-sm {
  max-width: 40px;
  max-height: 40px;
}
.navbar-signin .signin-sm img {
  width: 30px;
  height: 30px;
}
.navbar-basket .basket {
  position: relative;
}
.navbar-basket .basket .basket-icon img {
  width: 25px;
  margin-top: 7px;
}
.navbar-basket .basket .quantity {
  color: white;
  background: #28c28e;
  position: absolute;
  top: -5px;
  left: 24px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.navbar-basket .basket .quantity.empty {
  background: white;
  color: #127bbf;
}
.menu-small {
  margin: 0 auto;
  padding-top: 5px;
  background: #75838c;
  border-top: 1px solid #d1d6d9;
  height: 70px;
  width: 100vw;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  text-align: center;
}
.menu-small a {
  text-decoration: none;
}
.menu-small .center-block {
  max-width: 400px;
}
.menu-small img {
  max-height: 30px;
  margin-top: 10px;
}
.menu-small span {
  white-space: nowrap;
  font-size: 11px;
  color: White;
}
.menu-small .quantity {
  color: white;
  background: #28c28e;
  position: absolute;
  top: -5px;
  left: 24px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  top: 0;
  left: auto;
  right: 10%;
}
.menu-small .quantity.empty {
  background: white;
  color: #127bbf;
}
.menu-small.only-xs {
  display: block;
}
@media (min-width: 768px) {
  .menu-small.only-xs {
    display: none;
  }
}
.navbar-nav > li {
  position: inherit;
}
.navbar-nav > li > a {
  text-transform: uppercase;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 1200px) {
  .navbar-nav > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .navbar-nav {
    text-align: left;
    width: 100%;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .navbar-nav > .active > a + .menu-mega {
    display: block;
    height: auto;
  }
  .no-js .navbar-nav > li > a:hover + .menu-mega,
  .no-js .navbar-nav > li > a:focus + .menu-mega,
  .no-js .navbar-nav > li > a:active + .menu-mega {
    display: block;
    height: auto;
  }
  .no-js .navbar-nav > li:hover .menu-mega {
    display: block;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .navbar-nav {
    text-align: center;
  }
}
.btn-card-menu {
  color: #75838c;
  background-color: white;
  border-color: white;
}
.btn-card-menu:focus,
.btn-card-menu.focus {
  color: #75838c;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
}
.btn-card-menu:hover {
  color: #75838c;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-card-menu:active,
.btn-card-menu.active,
.open > .dropdown-toggle.btn-card-menu {
  color: #75838c;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-card-menu:active:hover,
.btn-card-menu.active:hover,
.open > .dropdown-toggle.btn-card-menu:hover,
.btn-card-menu:active:focus,
.btn-card-menu.active:focus,
.open > .dropdown-toggle.btn-card-menu:focus,
.btn-card-menu:active.focus,
.btn-card-menu.active.focus,
.open > .dropdown-toggle.btn-card-menu.focus {
  color: #75838c;
  background-color: #d4d4d4;
  border-color: #bfbfbf;
}
.btn-card-menu:active,
.btn-card-menu.active,
.open > .dropdown-toggle.btn-card-menu {
  background-image: none;
}
.btn-card-menu.disabled:hover,
.btn-card-menu[disabled]:hover,
fieldset[disabled] .btn-card-menu:hover,
.btn-card-menu.disabled:focus,
.btn-card-menu[disabled]:focus,
fieldset[disabled] .btn-card-menu:focus,
.btn-card-menu.disabled.focus,
.btn-card-menu[disabled].focus,
fieldset[disabled] .btn-card-menu.focus {
  background-color: white;
  border-color: white;
}
.btn-card-menu .badge {
  color: white;
  background-color: #75838c;
}
.btn-access-control-contact {
  color: #e08e7f;
  background-color: white;
  border-color: white;
}
.btn-access-control-contact:focus,
.btn-access-control-contact.focus {
  color: #e08e7f;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
}
.btn-access-control-contact:hover {
  color: #e08e7f;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-access-control-contact:active,
.btn-access-control-contact.active,
.open > .dropdown-toggle.btn-access-control-contact {
  color: #e08e7f;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-access-control-contact:active:hover,
.btn-access-control-contact.active:hover,
.open > .dropdown-toggle.btn-access-control-contact:hover,
.btn-access-control-contact:active:focus,
.btn-access-control-contact.active:focus,
.open > .dropdown-toggle.btn-access-control-contact:focus,
.btn-access-control-contact:active.focus,
.btn-access-control-contact.active.focus,
.open > .dropdown-toggle.btn-access-control-contact.focus {
  color: #e08e7f;
  background-color: #d4d4d4;
  border-color: #bfbfbf;
}
.btn-access-control-contact:active,
.btn-access-control-contact.active,
.open > .dropdown-toggle.btn-access-control-contact {
  background-image: none;
}
.btn-access-control-contact.disabled:hover,
.btn-access-control-contact[disabled]:hover,
fieldset[disabled] .btn-access-control-contact:hover,
.btn-access-control-contact.disabled:focus,
.btn-access-control-contact[disabled]:focus,
fieldset[disabled] .btn-access-control-contact:focus,
.btn-access-control-contact.disabled.focus,
.btn-access-control-contact[disabled].focus,
fieldset[disabled] .btn-access-control-contact.focus {
  background-color: white;
  border-color: white;
}
.btn-access-control-contact .badge {
  color: white;
  background-color: #e08e7f;
}
.menu-mega {
  padding: 2em 0;
  display: none;
  overflow: hidden;
  height: 0;
  min-height: 386px;
  background: white;
  text-align: left;
}
@media (min-width: 992px) {
  .menu-mega {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    box-shadow: 0 8px 12px -4px rgba(0, 0, 0, 0.5);
  }
}
.menu-mega .container {
  max-width: 930px;
  color: #75838c;
}
.menu-mega .container > div {
  padding-left: 7px;
  padding-right: 7px;
}
.menu-mega a:hover img {
  opacity: 0.6;
}
.menu-mega img {
  max-width: 100%;
}
.menu-mega .ribbon-menu .ribbon-row > a {
  display: block;
  height: 45px;
}
.menu-mega .ribbon-menu .ribbon-row > a img {
  max-width: 80%;
}
@media (min-width: 992px) {
  .menu-mega .ribbon-menu .ribbon-row {
    width: 11.111111%;
    float: left;
  }
}
.menu-mega .card-menu .text-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 1.3em;
  padding: 15px;
}
.menu-mega .card-menu .overlay-header {
  font-size: 16px;
  margin-bottom: 5px;
}
.menu-mega .card-menu .overlay-body {
  max-width: 140px;
  min-height: 4em;
  margin-bottom: 5px;
}
.menu-mega .card-menu .image {
  line-height: 1.3em;
}
.menu-mega .card-menu .vertical {
  margin: 0 auto;
  border-color: white;
  padding: 0;
}
@media (min-width: 992px) {
  .menu-mega .card-manufacturers {
    text-align: center;
  }
  .menu-mega .card-manufacturers .sub-menu {
    font-size: 0;
  }
  .menu-mega .card-manufacturers table {
    width: 100%;
    table-layout: fixed;
  }
  .menu-mega .card-manufacturers td {
    width: 50%;
  }
  .menu-mega .card-manufacturers a {
    padding: 0;
    line-height: 1em;
  }
}
.menu-mega .access-control-menu .access-control-brands {
  display: flex;
  min-height: 330px;
  position: relative;
}
.menu-mega .access-control-menu .access-control-brands .brand-logo {
  display: block;
  height: 52px;
  line-height: 52px;
}
.menu-mega .access-control-menu .access-control-brands .brand-logo img {
  max-width: none;
}
.menu-mega .access-control-menu .access-control-brands > .menu-section {
  text-align: center;
  flex-grow: 1;
}
.menu-mega .access-control-menu .access-control-footer {
  width: 100%;
  position: absolute;
  display: flex;
  bottom: 0;
  left: 0;
  padding: 30px 20px;
  background: #e08e7f;
  color: white;
  font-size: 18px;
}
.menu-mega .access-control-menu .access-control-footer .access-control-text {
  flex-grow: 1;
  line-height: 20px;
}
.menu-mega .access-control-menu .access-control-footer .btn {
  font-size: 16px;
  font-weight: bold;
  flex-grow: 1;
  align-self: center;
}
.menu-mega .access-control-menu .text-header {
  padding: 15px;
}
.menu-mega .access-control-menu .text-header .btn {
  padding-left: 20px;
  padding-right: 20px;
}
.menu-mega .access-control-menu .text-footer {
  position: absolute;
  color: #75838c;
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  bottom: 0;
}
.menu-mega .access-control-menu .text-footer .btn {
  padding-left: 20px;
  padding-right: 20px;
}
.menu-mega .access-control-menu .text-footer b {
  font-size: 16px;
}
.menu-mega .image {
  position: relative;
}
.menu-mega .system-menu .text-header,
.menu-mega .system-menu .text-footer {
  margin: 0;
}
.menu-mega .system-menu .text-footer {
  color: white;
  font-size: 13px;
}
.menu-mega .system-menu p {
  max-width: 200px;
}
.menu-mega .services-menu .text-header,
.menu-mega .services-menu .text-footer {
  padding: 15px;
  margin: 0;
}
.menu-mega .services-menu .text-footer {
  color: white;
  font-size: 13px;
}
.menu-mega .services-menu p {
  max-width: 280px;
}
.menu-mega .text-header,
.menu-mega .text-footer {
  position: absolute;
  left: 0;
  padding: 15px 0;
  width: 100%;
}
.menu-mega .text-header {
  top: 0;
}
.menu-mega .text-header b {
  font-size: 16px;
}
.menu-mega .text-footer {
  bottom: 0;
}
.menu-mega .printers {
  text-align: left;
}
.menu-mega .printers .text-footer {
  padding: 1em;
  margin: 0;
}
.menu-mega .printers .pull-left b,
.menu-mega .printers .pull-left span {
  display: block;
}
.menu-mega .printers .pull-left span {
  font-size: 16px;
  line-height: 1em;
}
.menu-mega .printers p {
  margin-top: 15px;
  line-height: 1.2em;
}
.menu-mega .printers a {
  font-weight: bold;
}
.menu-mega .printers .text-header {
  color: #202223;
}
.menu-mega .printers .btn-lg {
  padding-left: 15px;
  padding-right: 15px;
}
.menu-mega .printers .btn-new {
  float: left;
  cursor: default;
  font-size: 16px;
  border-color: #202223;
  color: #202223;
  padding: 0.3em 1em;
  border-width: 2px;
  font-weight: bold;
  margin-right: 1em;
  margin-bottom: 1em;
}
.menu-mega .printers .btn-new:hover {
  color: #202223;
}
.btn-printer-advert {
  color: white;
  background-color: #193040;
  border-color: #193040;
}
.btn-printer-advert:focus,
.btn-printer-advert.focus {
  color: white;
  background-color: #0b141b;
  border-color: black;
}
.btn-printer-advert:hover {
  color: white;
  background-color: #0b141b;
  border-color: #080f14;
}
.btn-printer-advert:active,
.btn-printer-advert.active,
.open > .dropdown-toggle.btn-printer-advert {
  color: white;
  background-color: #0b141b;
  border-color: #080f14;
}
.btn-printer-advert:active:hover,
.btn-printer-advert.active:hover,
.open > .dropdown-toggle.btn-printer-advert:hover,
.btn-printer-advert:active:focus,
.btn-printer-advert.active:focus,
.open > .dropdown-toggle.btn-printer-advert:focus,
.btn-printer-advert:active.focus,
.btn-printer-advert.active.focus,
.open > .dropdown-toggle.btn-printer-advert.focus {
  color: white;
  background-color: #010102;
  border-color: black;
}
.btn-printer-advert:active,
.btn-printer-advert.active,
.open > .dropdown-toggle.btn-printer-advert {
  background-image: none;
}
.btn-printer-advert.disabled:hover,
.btn-printer-advert[disabled]:hover,
fieldset[disabled] .btn-printer-advert:hover,
.btn-printer-advert.disabled:focus,
.btn-printer-advert[disabled]:focus,
fieldset[disabled] .btn-printer-advert:focus,
.btn-printer-advert.disabled.focus,
.btn-printer-advert[disabled].focus,
fieldset[disabled] .btn-printer-advert.focus {
  background-color: #193040;
  border-color: #193040;
}
.btn-printer-advert .badge {
  color: #193040;
  background-color: white;
}
.printer-menu .sub-menu img {
  margin: 11px 0;
}
.printer-menu p {
  max-width: 190px;
  color: #193040;
}
.menu-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-section li a,
.menu-section td a {
  display: block;
  line-height: 26px;
  color: #75838c;
}
.menu-section li a:hover,
.menu-section td a:hover {
  color: #127bbf;
}
.menu-section b {
  display: block;
}
@media (max-width: 991px) {
  .menu-section {
    text-align: left;
  }
  .menu-section > b,
  .menu-section > a {
    color: #0e5d90;
    font-weight: 400;
    display: block;
    padding: 15px 1em;
    cursor: pointer;
  }
  .active.menu-section > b,
  .active.menu-section > a {
    font-weight: 600;
  }
  .menu-section li,
  .menu-section td {
    color: #0e5d90;
  }
  .menu-section li a,
  .menu-section td a {
    display: block;
    padding: 10px 2em;
    color: #0e5d90;
  }
  .menu-section td {
    display: block;
  }
  .menu-section .sub-menu {
    display: none;
  }
  .active.menu-section .sub-menu {
    display: block;
  }
  .menu-section img {
    display: none;
  }
  .menu-section img + span {
    display: block;
  }
}
@media (min-width: 992px) {
  .menu-section > b {
    font-size: 16px;
    color: #127bbf;
    border-bottom: 1px solid #e3e6e8;
    margin-bottom: 5px;
    margin-top: 1em;
    padding: 0;
    padding-bottom: 8px;
  }
  .menu-section img + span {
    display: none;
  }
}
/* Modal Styles */

/* Vertical Modal */

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.vertical-align-center {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}
.modal-content {
  width: inherit;
  height: inherit;
  margin: 0 auto;
  pointer-events: all;
  border-radius: 0;
}
.modal-body .close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 10px;
}
@media (min-width: 768px) {
  .modal-body .close {
    padding: 30px;
  }
}
.modal-body .close svg {
  fill: #75838c;
}
.modal-body .close:hover svg {
  fill: #464f55;
}
.modal-body .close:active svg,
.modal-body .close:focus svg {
  fill: #adb5ba;
}
.login-modal .modal-title {
  color: #75838c;
  text-transform: uppercase;
  text-align: center;
  padding-right: 1em;
}
.login-modal .modal-body {
  color: #75838c;
}
.login-modal .modal-body label {
  color: #75838c;
  font-weight: 400;
}
.login-modal .modal-body input[type="checkbox"] {
  vertical-align: sub;
}
.login-modal .modal-body .btn {
  width: 100%;
  margin-top: 1em;
  display: block;
}
.login-modal .modal-body .form-control {
  text-align: center;
}
@media (max-width: 767.99px) {
  .login-modal .modal-body {
    padding: 15px;
  }
}
.printer-guide-modal h4 {
  color: #0e5d90;
  margin-bottom: 0.5em;
}
.printer-guide-modal p {
  color: #75838c;
  line-height: 1.2em;
}
.navbar-default {
  border: none;
}
.navbar-default .navbar-nav {
  margin-top: 0;
  margin-bottom: 0;
  background: #0e5d90;
}
@media (max-width: 991px) {
  .navbar-default .navbar-default .navbar-nav > .active > a {
    color: white;
    background: #0e5d90;
  }
  .navbar-default .navbar-nav > .active > a + .menu-mega {
    display: block;
    height: auto;
    opacity: 1;
    padding: 0;
  }
  .navbar-default .navbar-nav > li > a:after {
    content: ' ';
    position: absolute;
    top: 15px;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
  }
  .navbar-default .navbar-nav > li > a:hover:after {
    border-top-color: #0e5d90;
  }
  .navbar-default .navbar-nav > li > a:active:after,
  .navbar-default .navbar-nav > li > a:focus:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #0e5d90;
  }
}
.navbar-inverse {
  text-align: center;
}
.navbar-inverse li {
  display: inline-block;
}
@media (min-width: 992px) {
  .navbar-inverse li {
    padding-top: 15px;
  }
}
.breadcrumb {
  list-style: none;
  padding: 5px 0;
  margin-top: 10px;
  font-size: 12px;
}
.breadcrumb a,
.breadcrumb {
  color: #75838c;
}
.breadcrumb a:hover,
.breadcrumb a:active {
  color: #202223;
}
.breadcrumb li {
  display: inline-block;
}
.scroll-to-top {
  position: fixed;
  bottom: -20px;
  right: 140px;
  background: #127bbf;
  width: 0;
  height: 0;
  text-decoration: none;
  border-radius: 50%;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}
@media (min-width: 768px) {
  .scroll-to-top.affix {
    width: 40px;
    height: 40px;
    bottom: 15px;
  }
}
.scroll-to-top:hover {
  background: #0e5d90;
}
.scroll-to-top:hover svg {
  margin-top: 3px;
}
.scroll-to-top svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: white;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7px;
  transition: all 0.3s ease;
}
.footer {
  padding-bottom: 75px;
  text-transform: uppercase;
  color: #75838c;
  background: white;
}
.footer .icon img {
  margin: 0 1em;
}
.footer .social-media {
  background: #75838c;
  text-align: center;
  padding: 25px 0;
  margin-bottom: 15px;
  font-size: 18px;
}
.footer .social-media .btn {
  margin: 10px 5px;
}
.footer .social-media img {
  margin: 0 5px;
}
@media (max-width: 991.99px) {
  .footer .vertical {
    display: block;
    border: none;
    border-top: 1px solid #eeeeee;
    height: 1px;
    width: 80%;
    margin: 15px auto;
  }
}
.cookie-warning {
  width: 100%;
  height: 85px;
  background: #193040;
  text-align: center;
  color: white;
}
.cookie-warning a.text-white {
  border-bottom: 1px solid white;
}
.cookie-warning .btn {
  margin-left: 15px;
}
.easybadge-upgrade {
  font-size: 10px;
  color: #127bbf;
  cursor: pointer;
}
.nav-bg {
  background: #0e5d90 !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}
#product-title {
  color: #193040;
}
.product-image-wrapper {
  text-align: center;
}
#product-title-popover {
  position: absolute;
  background: white;
  z-index: 10;
  max-width: 100%;
  right: 0;
}
.product-title-popover {
  border: 2px solid #cc094b;
  width: 500px;
  max-width: 100%;
}
.product-title-popover:after {
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #cc094b transparent;
  position: absolute;
  top: -10px;
  left: 50%;
  left: calc(50% - 10px);
}
.product-title-popover h2 {
  margin: 10px 0 0 0;
  color: #cc094b;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
.product-title-popover hr {
  border-color: #cc094b;
  border-style: solid;
  margin-top: 5px;
}
.product-title-popover p {
  font-size: 13px;
  color: #cc094b;
}
.product-title-popover .close {
  color: #cc094b;
  position: absolute;
  top: 15px;
  right: 15px;
}
.product-title-popover svg {
  float: left;
  margin-left: -10px;
}
.product-title-popover svg .badge-colour-primary {
  fill: #cc094b;
}
.product-title-popover .popover-header {
  position: relative;
  padding: 15px;
}
.product-title-popover .popover-body {
  clear: both;
  background: rgba(204, 9, 75, 0.05);
  padding: 15px;
}
.product-title-popover .popover-body p {
  margin-bottom: 0;
}
#product-image-container {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  #product-image-container {
    line-height: 350px;
  }
}
@media (min-width: 1200px) {
  #product-image-container {
    line-height: 490px;
  }
}
.product-image-container {
  position: relative;
  display: inline-block;
  padding: 0 25px;
  width: 100%;
  max-width: 700px;
}
@media (min-width: 768px) {
  .product-image-container {
    height: 350px;
    padding: 0 50px;
  }
}
@media (min-width: 1200px) {
  .product-image-container {
    height: 490px;
    padding: 0 50px;
  }
}
.product-image-container img {
  max-width: 100%;
  max-height: 100%;
}
.image-control {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50px;
  cursor: pointer;
  display: none;
  text-align: left;
}
.image-control:hover svg {
  fill: #e3e6e8;
}
.image-control svg {
  fill: #d1d6d9;
  position: absolute;
  top: 50%;
  margin-top: -25px;
}
.image-control.next {
  right: 0;
}
.image-control.next svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.image-control.previous {
  left: 0;
}
.image-control.previous svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.product-image,
#product-image {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.product-image {
  display: inline-block;
  position: relative;
  max-width: 120px;
  height: auto;
  margin: 15px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.product-image.slick-current,
.product-image.selected {
  opacity: 0.5;
}
.product-image.video:after {
  content: '►';
  color: white;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  padding-left: 1px;
  line-height: 32px;
  text-align: center;
  background: #28c28e;
  border-radius: 50%;
}
.product-page h1 {
  margin-top: 0;
}
.product-page .breadcrumb {
  padding-left: 15px;
}
.product-page .cta1-banner {
  background-image: url(/Content/img/product/cta/ecopass-1920.jpg);
  background-size: contain;
  min-height: 100px;
  width: 100%;
  margin-bottom: 15px;
  margin-top: -10px;
  color: white;
}
.product-page .cta1-banner .cta1-try {
  position: absolute;
  left: 3.5%;
  top: 38px;
}
.product-page .cta1-banner #cta1-logo {
  position: absolute;
  left: 5%;
  top: 29px;
  width: 14%;
}
.product-page .cta1-banner .cta1-left-text {
  position: absolute;
  left: 33%;
  top: 38px;
}
.product-page .cta1-banner .cta1-right-text {
  position: absolute;
  left: 72%;
  top: 38px;
}
@media (max-width: 1599.99px) {
  .product-page .cta1-banner {
    background-image: url(/Content/img/product/cta/ecopass-1599.jpg);
    min-height: 95px;
  }
  .product-page .cta1-banner #cta1-logo {
    left: 5.5%;
    top: 29px;
    width: 15%;
  }
  .product-page .cta1-banner .cta1-try {
    left: 3%;
    top: 35px;
  }
  .product-page .cta1-banner .cta1-left-text {
    top: 35px;
    left: 31%;
  }
  .product-page .cta1-banner .cta1-right-text {
    top: 35px;
    left: 68%;
  }
}
@media (max-width: 1199.99px) {
  .product-page .cta1-banner {
    background-image: url(/Content/img/product/cta/ecopass-1199.jpg);
    min-height: 98px;
  }
  .product-page .cta1-banner .cta1-left-text {
    top: 28px;
    left: 33%;
    max-width: 15%;
  }
  .product-page .cta1-banner .cta1-right-text {
    top: 28px;
    left: 74%;
    max-width: 17%;
  }
  .product-page .cta1-banner .cta1-try {
    left: 3.1%;
    top: 20px;
  }
  .product-page .cta1-banner #cta1-logo {
    left: 3%;
    top: 44px;
    width: 19%;
  }
}
@media (max-width: 991.99px) {
  .product-page .cta1-banner {
    background-image: url(/Content/img/product/cta/ecopass-940.jpg);
    min-height: 97px;
  }
  .product-page .cta1-banner .cta1-left-text {
    top: 29px;
    left: 32%;
    max-width: 21%;
  }
  .product-page .cta1-banner .cta1-right-text {
    top: 29px;
    left: 72.5%;
    max-width: 22%;
  }
  .product-page .cta1-banner .cta1-try {
    left: 4%;
    top: 19px;
  }
  .product-page .cta1-banner #cta1-logo {
    left: 4%;
    top: 49px;
    width: 21%;
  }
}
@media (max-width: 767.99px) {
  .product-page .cta1-banner {
    background-image: url(/Content/img/product/cta/ecopass-767.jpg);
    background-repeat: no-repeat;
    min-height: 97px;
  }
  .product-page .cta1-banner .cta1-left-text {
    top: 26px;
    left: 32%;
    max-width: 21%;
  }
  .product-page .cta1-banner .cta1-right-text {
    top: 26px;
    left: 70.5%;
    max-width: 22%;
  }
  .product-page .cta1-banner .cta1-try {
    left: 4%;
    top: 28px;
  }
  .product-page .cta1-banner #cta1-logo {
    left: 4%;
    top: 49px;
    width: 21%;
  }
}
@media (max-width: 700px) {
  .product-page .cta1-banner {
    background-image: url(/Content/img/product/cta/ecopass-360.jpg);
    background-repeat: no-repeat;
    min-height: 185px;
  }
  .product-page .cta1-banner .cta1-left-text {
    top: 29px;
    left: 32%;
    max-width: 21%;
    display: none;
  }
  .product-page .cta1-banner .cta1-right-text {
    top: 29px;
    left: 70.5%;
    max-width: 22%;
    display: none;
  }
  .product-page .cta1-banner .cta1-try {
    left: 7%;
    top: 37px;
  }
  .product-page .cta1-banner #cta1-logo {
    left: 7%;
    top: 58px;
    width: 50%;
  }
}
@media (max-width: 500px) {
  .product-page .cta1-banner {
    margin-bottom: -40px;
  }
}
.product-page .cta2-banner-mobile {
  display: none;
}
@media (max-width: 767.99px) {
  .product-page .cta2-banner-mobile {
    display: initial;
  }
  .product-page .cta2-banner-mobile img {
    padding-bottom: 15px;
  }
}
.product-page .cta2-banner {
  background-image: url(/Content/img/product/cta/free-cards-1920.jpg);
  min-height: 120px;
  margin-bottom: 15px;
  margin-top: -10px;
  color: white;
  font-size: 18pt;
}
.product-page .cta2-banner .cta1-try {
  position: absolute;
  left: 3.5%;
  top: 38px;
  display: none;
}
.product-page .cta2-banner #cta1-logo {
  position: absolute;
  left: 5%;
  top: 25px;
  width: 219px;
}
.product-page .cta2-banner .cta1-left-text {
  position: absolute;
  left: 30%;
  top: 33px;
}
.product-page .cta2-banner .cta1-left-text1 {
  display: none;
}
.product-page .cta2-banner .cta1-right-text {
  position: absolute;
  left: 85%;
  right: 50px;
  top: 33px;
  color: #cc094b;
  text-align: right;
}
.product-page .cta2-banner .cta1-right-text br {
  display: none;
}
@media (max-width: 1599.99px) {
  .product-page .cta2-banner {
    background-image: url(/Content/img/product/cta/free-cards-1599.jpg);
  }
  .product-page .cta2-banner #cta1-logo {
    left: 3%;
  }
  .product-page .cta2-banner .cta1-left-text {
    left: 26%;
  }
  .product-page .cta2-banner .cta1-right-text {
    left: 79%;
    right: 45px;
  }
}
@media (max-width: 1199.99px) {
  .product-page .cta2-banner {
    background-image: url(/Content/img/product/cta/free-cards-1199.jpg);
    min-height: 90px;
  }
  .product-page .cta2-banner .cta1-left-text {
    top: 3px;
    left: 31%;
  }
  .product-page .cta2-banner .cta1-right-text {
    top: 3px;
    left: 75%;
    right: 45px;
  }
  .product-page .cta2-banner #cta1-logo {
    left: 3%;
    top: -3px;
  }
}
@media (max-width: 991.99px) {
  .product-page .cta2-banner {
    background-image: url(/Content/img/product/cta/free-cards-991.jpg);
    min-height: 145px;
  }
  .product-page .cta2-banner .cta1-left-text {
    display: none;
  }
  .product-page .cta2-banner .cta1-left-text1 {
    position: absolute;
    display: inherit;
    top: 8px;
    left: 26%;
  }
  .product-page .cta2-banner .cta1-right-text {
    top: 8px;
    left: 74%;
    right: 45px;
    text-align: left;
  }
  .product-page .cta2-banner .cta1-right-text br {
    display: initial;
  }
  .product-page .cta2-banner .cta1-try {
    display: block;
    left: 6%;
    top: 8px;
    max-width: 70px;
  }
  .product-page .cta2-banner #cta1-logo {
    display: none;
  }
}
@media (max-width: 767.99px) {
  .product-page .cta2-banner {
    display: none;
  }
}
.product-page .product-header {
  max-width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.product-page .product-header .item {
  padding: 5px;
  margin: 15px -7px;
  background: white;
  color: #75838c;
}
.product-page .stock {
  margin-bottom: 7px;
  color: #28c28e;
  font-size: 22px;
  font-weight: bold;
}
@media (min-width: 1200px) {
  .product-page .stock {
    margin-bottom: 15px;
  }
}
.product-page .product-body {
  padding: 10px 0 25px 0;
}
.product-page .product-options {
  border: 1px solid #e3e6e8;
  margin-bottom: 7px;
}
@media (min-width: 1200px) {
  .product-page .product-options {
    margin-bottom: 15px;
  }
}
.product-page .product-options .h4 {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  padding: 6px 15px;
  color: #75838c;
  background: #e3e6e8;
}
.product-page .quantity {
  background: #d1d6d9;
  display: inline-block;
  margin: 5px 0;
  height: 42px;
}
@media (min-width: 1200px) {
  .product-page .quantity {
    margin: 15px 0;
  }
}
.product-page .quantity label {
  color: #75838c;
}
.product-page .quantity label,
.product-page .quantity input {
  display: inline-block;
  padding: 8px 15px;
  height: 42px;
}
.product-page .quantity input {
  background: #e3e6e8;
  border: none;
  font-weight: 600;
  width: 70px;
  text-align: right;
  border-radius: 0;
}
.product-page #product-price {
  font-weight: 600;
  font-size: 44px;
  color: #cc094b;
}
.product-page .price {
  color: #cc094b;
  margin-top: 7px;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .product-page .price {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
.product-page .price p {
  font-weight: 600;
  font-size: 1.5em;
  margin: 0;
}
.product-page .product-sku {
  white-space: nowrap;
  color: #202223;
}
.product-page .product-submit {
  margin-left: -15px;
}
@media (max-width: 767.99px) {
  .product-page .product-submit {
    display: inline-block;
  }
}
.product-page .add-basket {
  width: 100%;
  margin-bottom: 14px;
}
.product-page .add-basket:disabled {
  background: #cc094b;
  border-color: #cc094b;
}
.product-page .add-basket:disabled + p {
  color: #cc094b;
}
.product-page .add-basket-grn {
  width: 100%;
  margin-bottom: 14px;
}
.product-page .add-basket-grn:disabled {
  background: #28c28e;
  border-color: #28c28e;
}
.product-page .add-basket-grn:disabled + p {
  color: #28c28e;
}
.product-page .product-list {
  margin-top: 15px;
  margin-bottom: 15px;
}
.product-page .product-extra {
  margin-top: 15px;
  padding-left: 7px;
  padding-right: 7px;
}
.product-page .product-extra > * {
  padding-left: 7px;
  padding-right: 7px;
}
.product-page .chat,
.product-page .delivery,
.product-page .customer-review {
  margin-bottom: 15px;
  min-height: 210px;
  padding: 1px 20px 10px 20px;
  color: white;
  display: block;
  position: relative;
}
.product-page .chat h2,
.product-page .delivery h2,
.product-page .customer-review h2 {
  font-size: 22px;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
}
.product-page .chat {
  text-align: center;
  background: #e08e7f;
}
.product-page .chat .btn {
  margin-top: 10px;
  margin-bottom: 15px;
  color: #e08e7f;
  font-weight: 600;
  text-decoration: none;
}
.product-page .chat a {
  color: white;
  text-decoration: underline;
}
.product-page .customer-review {
  text-align: center;
}
.product-page .delivery {
  background: #75838c;
}
.product-page .delivery table {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 6px;
}
.product-page .delivery table th {
  text-align: left;
  font-size: 0.8em;
}
.product-page .delivery table td {
  min-width: 20%;
  height: 30px;
  vertical-align: middle;
}
@media (min-width: 1600px) {
  .product-page .delivery p {
    margin: 0;
  }
}
.customer-review {
  color: #193040;
  height: 210px;
  background: white;
  padding: 15px;
  font-size: 12px;
}
.customer-review .review-stars,
.customer-review .review-created,
.customer-review .customer-name,
.customer-review .review-brand {
  position: absolute;
}
.customer-review .review-stars {
  left: 15px;
  top: 15px;
}
.customer-review .review-created {
  top: 15px;
  right: 15px;
  color: #75838c;
}
.customer-review .customer-name {
  left: 15px;
  bottom: 15px;
  color: #193040;
}
.customer-review .review-brand {
  right: 15px;
  bottom: 15px;
  color: #75838c;
}
.customer-review .review-brand span {
  vertical-align: bottom;
  margin-right: 1em;
}
.customer-review .review {
  color: #193040;
  line-height: 1.2em;
  display: block;
  font-size: 14px;
}
.customer-review h3 {
  color: #75838c;
  margin-top: 20px;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 22px;
}
.customer-review h4 {
  color: #75838c;
  margin-top: 10;
  margin-bottom: 0.5em;
  font-size: 22px;
}
.customer-review review-temp {
  color: #193040;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 14px;
  font-weight: bold;
}
.product-tabs,
.printer-ribbon-tabs {
  margin-top: 1em;
}
.product-tabs.nav-tabs,
.printer-ribbon-tabs.nav-tabs {
  border: 1px solid #d1d6d9;
}
.product-tabs.nav-tabs a,
.printer-ribbon-tabs.nav-tabs a {
  line-height: 1.2em;
}
.product-tabs.nav-tabs.nav-justified > li,
.printer-ribbon-tabs.nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.product-tabs > li > a,
.printer-ribbon-tabs > li > a {
  text-transform: uppercase;
  color: #d1d6d9;
  font-size: 12px;
  line-height: 1.2em;
}
.product-tabs > li > a:hover,
.printer-ribbon-tabs > li > a:hover {
  border-color: transparent;
}
.product-tabs .active:after,
.printer-ribbon-tabs .active:after {
  content: ' ';
  background: #28c28e;
  display: block;
  width: 80%;
  height: 3px;
  position: absolute;
  margin-left: 10%;
  margin-top: -2px;
}
.product-description,
.product-included,
.product-downloads,
.product-ribbons,
.product-uses,
.product-compatibility,
.digitalid-buy {
  color: #75838c;
  padding: 15px 0;
}
.product-description ul,
.product-included ul,
.product-downloads ul,
.product-ribbons ul,
.product-uses ul,
.product-compatibility ul,
.digitalid-buy ul {
  padding-left: 2em;
}
.variation-color-container {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 0;
}
.variation-color-container .variation-color {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  margin: 6px;
  vertical-align: middle;
  transition: 0.2s;
  outline: none;
  cursor: pointer;
  background-position: 50% 50% !important;
}
.variation-color-container .variation-color:hover,
.variation-color-container .variation-color.selected {
  transition: 0.3s;
  width: 30px;
  height: 30px;
  margin: 1px;
}
.variation-color-container .variation-color.disabled:hover {
  cursor: not-allowed;
}
.variation-color-container .variation-color.selected {
  border: 5px solid #cccccc !important;
  /*Overwrites inline styles*/

}
.variation-container {
  border: 1px solid #d1d6d9;
  display: inline-block;
  padding: 0.5em 0 0.5em 1em;
  margin: 1em 0;
}
.variation-container span {
  color: #75838c;
  text-transform: uppercase;
}
.variation-width {
  border: none;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.variation-width:active,
.variation-width:focus {
  box-shadow: none;
  outline: none;
}
.variation-width .disabled {
  background: #e3e6e8;
}
.variation-base label,
.pricebreak-row label,
.variation-clip label,
.variation-upgrade label {
  font-weight: normal;
  padding-left: 0.5em;
  vertical-align: middle;
  color: #193040;
}
.variation-base .disabled + label,
.pricebreak-row .disabled + label,
.variation-clip .disabled + label,
.variation-upgrade .disabled + label {
  color: #75838c;
}
.variation-base input[type="radio"]:checked + label,
.pricebreak-row input[type="radio"]:checked + label,
.variation-clip input[type="radio"]:checked + label,
.variation-upgrade input[type="radio"]:checked + label {
  font-weight: bold;
}
.pricebreak-row {
  padding: 0 15px;
}
.pricebreak-row:first-of-type {
  padding-top: 15px;
}
.pricebreak-row:last-of-type {
  padding-bottom: 5px;
}
.variation-clip {
  padding: 5px;
}
.variation-clip:first-of-type {
  padding-top: 10px;
}
.variation-clip:last-of-type {
  padding-bottom: 10px;
}
.variation-upgrade {
  padding: 4px 15px;
}
.variation-upgrade:first-of-type {
  padding-top: 15px;
}
.variation-upgrade:last-of-type {
  padding-bottom: 15px;
}
.variation-upgrade input {
  float: left;
}
.variation-upgrade label {
  display: inline;
  padding-left: 0.7em;
  white-space: initial;
}
.variation-upgrade.vip-support-upgrade {
  background: #0e5c8f;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 4px;
}
.variation-upgrade.vip-support-upgrade label {
  color: white;
}
.variation-upgrade .vip-support-icon {
  width: 20px;
  height: 20px;
  line-height: 22px;
  border-radius: 50%;
  background: #127bbf;
  color: white;
  text-align: center;
  float: right;
  font-weight: bold;
  transition: 0.3s;
}
.variation-upgrade .vip-support-icon:hover {
  box-shadow: 0 0 5px #202223;
  transition: 0s;
}
.pre-release-alert {
  font-size: 13px;
  line-height: 1.2em;
}
.product-countdown {
  color: #75838c;
}
.product-countdown .hours,
.product-countdown .minutes,
.product-countdown .seconds {
  float: left;
  text-align: center;
  line-height: 25px;
  color: white;
}
.product-countdown .minutes {
  margin: 0 10px;
}
.product-countdown .seconds {
  margin-right: 15px;
}
.product-countdown .countdown {
  display: block;
  height: 25px;
  width: 25px;
  background: #75838c;
}
.product-countdown .notation {
  width: 25px;
  color: #75838c;
  font-size: 10px;
}
.product-countdown .countdown-message {
  line-height: 1em;
}
.product-review {
  position: relative;
}
.product-review .background-image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #75838c;
  position: relative;
}
.product-review .background-image {
  position: absolute;
  top: -530px;
  left: 50%;
  margin-left: -960px;
  text-align: center;
}
.product-review .background-image img {
  opacity: 0.16;
  mix-blend-mode: multiply;
}
.product-review .background-image-fadeout {
  position: relative;
  display: inline-block;
}
.product-review .background-image-fadeout:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 100px 50px #75838c inset;
  background: -moz-linear-gradient(top, rgba(117, 131, 140, 0) 0%, rgba(117, 131, 140, 0) 75%, #75838c 100%);
  background: -webkit-linear-gradient(top, rgba(117, 131, 140, 0) 0%, rgba(117, 131, 140, 0) 75%, #75838c 100%);
  background: linear-gradient(to bottom, rgba(117, 131, 140, 0) 0%, rgba(117, 131, 140, 0) 75%, #75838c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0075838c', endColorstr='#75838c', GradientType=0);
}
.product-review .review-intro {
  color: white;
  margin-top: 30px;
  margin-bottom: 20px;
  margin-right: 20px;
}
.product-review .review-intro h2 {
  color: white;
}
.product-review .review-intro a {
  color: white;
  font-weight: bold;
}
.product-review .review-intro a:hover {
  color: #e3e6e8;
}
@media (min-width: 768px) {
  .product-review .review-intro {
    margin-top: 50px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .product-review .review-intro {
    margin-top: 80px;
    margin-bottom: 50px;
  }
}
.product-review .review-header,
.product-review .review-content {
  padding: 15px 25px;
}
@media (min-width: 1200px) {
  .product-review .review-header,
  .product-review .review-content {
    margin-right: 20px;
    padding: 25px 50px;
  }
}
.product-review .review-header {
  background: #0e5c8f;
}
.product-review .review-header h2 {
  color: white;
  margin: 0;
  font-weight: bold;
}
.product-review .review-content {
  background: white;
  color: #75838c;
  position: relative;
}
.product-review .review-content h3,
.product-review .review-content h4,
.product-review .review-content h5 {
  color: #0e5c8f;
  font-weight: bold;
  margin-bottom: 5px;
}
.product-review .review-content h3 {
  font-size: 19px;
}
.product-review .review-content h4 {
  color: #75838c;
  font-size: 15px;
}
.product-review .review-content:after {
  height: 0;
  -webkit-transition: 0.3;
  transition: 0.3;
}
.product-review .collapse:not(.in) {
  height: 500px;
  display: block;
  overflow: hidden;
  position: relative;
}
.product-review .collapse:not(.in) .review-content:after {
  content: ' ';
  position: absolute;
  top: 300px;
  width: 100%;
  left: 0;
  display: block;
  height: 130px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}
.product-review .product-review-quote {
  font-size: 22px;
  font-style: italic;
  padding: 20px;
  color: white;
  margin: 15px 0;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .product-review .product-review-quote {
    padding: 20px;
    margin: 30px 0;
  }
}
@media (min-width: 1200px) {
  .product-review .product-review-quote {
    padding: 30px;
    margin: 50px 0;
  }
}
.product-review .quote-0 {
  background: #b2b3da;
}
.product-review .quote-1 {
  background: #65b298;
}
.product-review .quote-2 {
  background: #82b2d3;
}
.product-review-verdict {
  background: #193040;
  color: white;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .product-review-verdict {
    margin-bottom: 50px;
  }
}
.product-review-verdict .collapse-link {
  display: none;
  position: absolute;
  left: 50%;
  z-index: 999;
  top: -2.5em;
  margin-left: -2.5em;
  background: #28c28e;
  width: 5em;
  height: 5em;
  color: white;
  text-align: center;
  border-radius: 50%;
  line-height: 1em;
  padding-top: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px #193040;
}
.product-review-verdict .collapse-link.collapsed {
  display: block;
}
.product-review-verdict .review-body {
  padding: 50px 15px 30px 15px;
}
@media (min-width: 1200px) {
  .product-review-verdict .review-body {
    padding: 50px;
  }
}
.product-review-verdict h2 {
  color: white;
  font-weight: bold;
  margin-top: 0;
}
.product-review-verdict .review-stars {
  display: inline-block;
  vertical-align: bottom;
  font-size: 0;
}
.product-review-verdict .review-stars img {
  width: 30px;
  height: 30px;
}
.vip-support-modal .modal-body {
  padding: 30px;
}
@media (min-width: 768px) {
  .vip-support-modal .modal-body {
    padding: 60px;
  }
}
.reserve-stock-help {
  background-image: url(/content/img/product/help-question-mark.svg);
  height: 15px;
  width: 15px;
  display: inline-block;
}
.reserve-stock-help:hover {
  background-image: url(/content/img/product/help-question-mark-hover.svg);
  cursor: pointer;
}
.out-of-stock-modal .modal-content {
  height: 514px;
  width: 320px;
}
@media (min-width: 768px) {
  .out-of-stock-modal .modal-content {
    height: 336px;
    width: 652px;
  }
}
.out-of-stock-modal .modal-body {
  padding: 42px;
}
@media (min-width: 768px) {
  .out-of-stock-modal .modal-body {
    padding: 35px;
  }
}
.out-of-stock-modal .modal-body .close {
  padding: 20px;
}
.out-of-stock-modal .vertical-line {
  width: 100%;
  background-color: #d1d6d9;
  height: 2px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.outofstock {
  font-size: 18px;
  color: #cc094b;
  font-weight: bold;
}
.small-text {
  font-size: 16px;
  color: #75838c;
  text-transform: none;
}
.small-text-style {
  color: #cc094b;
}
.modalstyle {
  font-weight: bold;
}
.modalfont {
  font-size: 28px;
  line-height: 1.25;
}
.modalmediumtext {
  font-size: 20px;
  font-weight: bold;
  color: #75838c;
}
/*Product Edit Section*/

.product-assign-type label {
  display: block;
}
.product-assign-type label input[type="checkbox"] {
  margin-right: 10px;
  margin-left: 15px;
}
.product-page .reviewio-carousel-container {
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
}
#reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget {
  --header-width: 80%;
}
#reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget .CarouselWidget__inner {
  flex-direction: column;
}
@media (min-width: 480px) {
  #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget {
    --header-width: 100%;
  }
  #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.R-MD .CarouselWidget__header {
    padding-left: 0;
    padding-right: 0;
    max-width: 80%;
    margin: auto;
  }
  #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget .CarouselWidget__header {
    max-width: 85%;
    margin: auto;
  }
  #reviewsio-carousel-widget .CarouselWidget__list {
    flex-basis: calc(100%);
    width: calc(100%);
  }
}
@media (min-width: 768px) {
  #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget {
    --header-width: 273px;
    margin-left: 0px;
  }
  #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget .CarouselWidget__inner {
    flex-direction: row;
  }
  #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget .CarouselWidget__list {
    margin-left: 0px;
    flex-basis: calc(100% - var(--header-width,160px) - 24px);
    width: calc(100% - var(--header-width,160px) - 24px);
  }
  #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget.R-MD .CarouselWidget__header {
    padding-left: calc((var(--scroll-button-icon-size,24px) * 2 ) - (var(--scroll-button-horizontal-position,0px) - 5px));
    padding-right: calc((var(--scroll-button-icon-size,24px) * 2 ) - (var(--scroll-button-horizontal-position,0px) - 5px));
  }
}
@media (min-width: 992px) {
  #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget {
    --header-width: 350px;
  }
  #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget .CarouselWidget__list {
    flex-basis: calc(100% - var(--header-width,160px));
    width: calc(100% - var(--header-width,160px));
  }
}
@media (min-width: 768px) {
  #reviewsio-carousel-widget .CarouselWidget-prefix .CarouselWidget .CarouselWidget__header {
    margin: 0px;
  }
  #reviewsio-carousel-widget {
    width: 768px;
  }
}
.ruk_display_large {
  display: none;
}
@media screen and (min-width: 992px) {
  #reviewsio-carousel-widget {
    width: auto;
  }
  .ruk_display_large {
    display: block;
  }
  .ruk_display_small {
    display: none;
  }
}
#reviews-io-floating-widget .FloatingWidget-prefix .FloatingWidget {
  --launcher-position-top: auto;
  --launcher-position-bottom: 18%;
}
@media screen and (min-width: 768px) {
  #reviews-io-floating-widget .FloatingWidget-prefix .FloatingWidget {
    --launcher-position-bottom: auto;
  }
  #reviews-io-floating-widget .FloatingWidget-prefix .R-LauncherButton {
    top: 220px;
  }
}
@media screen and (min-width: 992px) {
  .product-title-position {
    float: right;
  }
  #reviews-io-floating-widget .FloatingWidget-prefix .R-LauncherButton {
    top: 270px;
  }
}
.ruk_rating_snippet .ruk-rating-snippet-count {
  cursor: pointer;
}
/*Product Tags edit */

.product-tag-type-masonry {
  column-count: 5;
  column-gap: 15px;
}
.product-tag-type-masonry .product-tag-type {
  display: inline-block;
  margin: 0 0 30px 0;
  width: 100%;
}
/*Product type edit */

.product-type-masonry {
  column-count: 5;
  column-gap: 15px;
}
.product-type-masonry .product-type {
  display: inline-block;
  margin: 0 0 30px 0;
  width: 100%;
}
/*Category filter edit */

.category-filter-type-masonry {
  column-count: 3;
  column-gap: 15px;
}
@media (min-width: 992px) {
  .category-filter-type-masonry {
    column-count: 4;
  }
}
@media (min-width: 1200px) {
  .category-filter-type-masonry {
    column-count: 5;
  }
}
.category-filter-type-masonry .category-filter-type {
  display: inline-block;
  margin: 0 0 30px 0;
  width: 100%;
}
.info-sm,
.info-md,
.info-lg {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  color: #75838c;
}
@media (min-width: 768px) {
  .info-sm,
  .info-md,
  .info-lg {
    font-size: 1.2em;
  }
}
.info-sm ol,
.info-md ol,
.info-lg ol {
  padding: 0 0 0 1.5em;
}
.info-sm {
  width: 25em;
}
.info-md {
  width: 35em;
}
.info-lg {
  width: 60em;
}
.narrow-section {
  max-width: 970px;
}
#terms li {
  margin-bottom: 0.5em;
}
#terms ol {
  margin-top: 0.5em;
  margin-bottom: 2em;
}
.contact-us .contact {
  margin: 2em;
}
.contact-us .contact h3 {
  font-weight: 400;
  margin: 0;
}
.contact-us .contact span,
.contact-us .contact a {
  color: #75838c;
  line-height: 1.1em;
}
.contact-us .form-field {
  margin-top: 20px;
}
.contact-us .contact-us-form {
  padding: 25px;
}
.contact-us .captcha-container {
  clear: both;
  display: flex;
}
.contact-us .captcha-container .btn {
  width: 100%;
  margin-left: 10px;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: bold;
}
.contact-address {
  color: #75838c;
  line-height: 1.1em;
  font-size: 18px;
  font-weight: 300;
}
.contact-address .underline {
  display: inline-block;
  border-bottom: 2px solid #127bbf;
}
.well {
  padding: 1em 1.5em;
  color: white;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
}
.well.single-line {
  padding: 1.5em 1.5em;
}
.shipping .header {
  margin: 3em 0;
}
.shipping .header a {
  color: #75838c;
  font-size: 20px;
  font-weight: 300;
}
.shipping .header .underline {
  padding: 0.3em;
  border-bottom: 1px solid #e0c27f;
}
.shipping .header .underline.blue {
  border-color: #82b2d3;
}
.shipping .vertical {
  border-color: #d1d6d9;
}
.shipping h3 {
  text-transform: uppercase;
  font-weight: 400;
}
.shipping .services,
.shipping .support {
  padding: 5px 1.5em;
}
.shipping .services h2,
.shipping .support h2 {
  color: #e0c27f;
  font-weight: 600;
}
.shipping .services p,
.shipping .support p {
  font-weight: 300;
}
.shipping .services h2 {
  color: #e0c27f;
}
.shipping .support h2 {
  color: #82b2d3;
}
.shipping .employee {
  margin-left: 4px;
  margin-right: 4px;
}
@media (max-width: 991.99px) {
  .shipping .employee {
    margin-top: 15px;
  }
}
.shipping .padding-below {
  padding-bottom: 8px;
}
.shipping .dropdown {
  font-size: 14px;
  background: white;
  margin-bottom: 0.5em;
}
.shipping .dropdown > a {
  text-transform: uppercase;
  background: #75838c;
  color: white;
  display: block;
  padding: 0.3em 0.5em 0.3em 1em;
}
.shipping .question-wrapper {
  padding: 1em;
}
@media (min-width: 768px) {
  .shipping .questions {
    min-height: 550px;
  }
}
.info-header {
  max-width: 35em;
  text-align: center;
  min-height: 244px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.info-header h1 {
  margin: 0;
}
@media (min-width: 480px) {
  .info-header {
    height: 244px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.high-street-article,
.infographic-article {
  text-align: center;
}
.high-street-article img,
.infographic-article img {
  margin-left: auto;
  margin-right: auto;
}
.high-street-article .sharing textarea,
.infographic-article .sharing textarea {
  width: 480px;
  height: 180px;
  text-align: left;
  margin: 0.5em auto;
}
.freshdesk-block {
  display: inline-block;
}
.freshdesk-image {
  vertical-align: top;
  display: inline;
  float: left;
  width: 78px;
  height: 43px;
  cursor: pointer;
}
.freshdesk-image .img-help {
  width: 100%;
  height: auto;
  position: relative;
  display: inline-block;
}
.freshdesk-image .img-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.freshdesk-image:hover .img-hover {
  display: inline;
}
.freshdesk-text {
  vertical-align: top;
  display: inline;
  font-size: 16px;
  font-weight: bold;
  float: left;
  padding-left: 5px;
  color: #75838c;
}
.freshdesk-contactus-image {
  vertical-align: top;
  display: inline;
  float: right;
  cursor: pointer;
  font-size: 12px;
  color: #75838c;
}
.freshdesk-contactus-image .img-help {
  width: 72px;
  height: 36px;
  position: relative;
  display: inline-block;
}
.freshdesk-contactus-image .img-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.freshdesk-contactus-image:hover .img-hover {
  display: inline;
}
.freshdesk-contactus-text {
  vertical-align: top;
  display: inline;
  float: left;
}
.freshdesk-contactus-vl {
  display: inline-block;
  border-left: 2px solid #75838c;
  margin: 0 20px;
  height: 110px;
}
/* Meet The Team*/

.meetTheTeam h1 {
  color: white;
}
.meetTheTeam .top-section {
  padding-bottom: 20px;
  min-height: 600px;
  color: white;
  background-image: url(/Content/img/meettheteam/banners/banner.jpg);
  background-position: 50% 0;
  background-size: cover;
}
@media (min-width: 768px) {
  .meetTheTeam .top-section {
    padding-top: 50px;
  }
}
.meetTheTeam .top-section .btn {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
.meetTheTeam .top-section .btn-default {
  color: #127bbf;
}
.meetTheTeam .top-section .btn-info {
  background: transparent;
  border-color: white;
}
.timeline {
  width: 100%;
}
.entry-container {
  position: relative;
  padding: 50px 0;
  margin-bottom: 1px;
  /*Colour Variations for the different timeline entries*/

}
.entry-container .entry {
  max-width: 650px;
  margin: 0 auto;
}
.entry-container .entry h1 {
  margin-top: 50px;
  font-weight: bold;
}
@media (max-width: 767.99px) {
  .entry-container .entry h1 {
    margin: 0;
  }
}
.entry-container .entry .img-container {
  display: inline-block;
  padding: 13px;
  border-radius: 50%;
  border-width: 16px;
  border-style: solid;
  max-width: 100%;
}
@media (max-width: 767.99px) {
  .entry-container .entry .img-container {
    padding: 3px;
    border-width: 5px;
  }
}
.entry-container .entry .img-container img {
  border-radius: 50%;
}
.entry-container .entry .center-line {
  position: absolute;
  left: 0;
  top: 50%;
  padding-right: 15px;
  box-sizing: content-box;
  width: 50%;
  height: 0;
  border-width: 0;
  border-style: solid;
  border-top-width: 1px;
}
@media (max-width: 767.99px) {
  .entry-container .entry .center-line {
    display: none;
  }
}
.entry-container:nth-child(even) .entry .img-container {
  float: right;
}
.entry-container:nth-child(even) .entry .center-line {
  right: 0;
  left: auto;
}
.entry-container:nth-child(odd) .entry {
  text-align: right;
}
.entry-container:nth-child(odd) .entry .img-container {
  float: left;
}
.entry-container.red {
  background: rgba(223, 141, 127, 0.09);
}
.entry-container.red .entry,
.entry-container.red h1 {
  color: #df8d7f;
}
.entry-container.red .img-container,
.entry-container.red .center-line {
  border-color: rgba(223, 141, 127, 0.5);
}
.entry-container.red img {
  background: #df8d7f;
}
.entry-container.yellow {
  background: rgba(223, 193, 127, 0.09);
}
.entry-container.yellow .entry,
.entry-container.yellow h1 {
  color: #dfc17f;
}
.entry-container.yellow .img-container,
.entry-container.yellow .center-line {
  border-color: rgba(223, 193, 127, 0.5);
}
.entry-container.yellow img {
  background: #dfc17f;
}
.entry-container.green {
  background: rgba(101, 177, 151, 0.09);
}
.entry-container.green .entry,
.entry-container.green h1 {
  color: #65b197;
}
.entry-container.green .img-container,
.entry-container.green .center-line {
  border-color: rgba(101, 177, 151, 0.5);
}
.entry-container.green img {
  background: #65b197;
}
.entry-container.blue {
  background: rgba(129, 177, 210, 0.09);
}
.entry-container.blue .entry,
.entry-container.blue h1 {
  color: #81b1d2;
}
.entry-container.blue .img-container,
.entry-container.blue .center-line {
  border-color: rgba(129, 177, 210, 0.5);
}
.entry-container.blue img {
  background: #81b1d2;
}
.entry-container.violet {
  background: rgba(177, 178, 217, 0.09);
}
.entry-container.violet .entry,
.entry-container.violet h1 {
  color: #b1b2d9;
}
.entry-container.violet .img-container,
.entry-container.violet .center-line {
  border-color: rgba(177, 178, 217, 0.5);
}
.entry-container.violet img {
  background: #b1b2d9;
}
.entry-container.gray {
  background: rgba(117, 130, 139, 0.09);
}
.entry-container.gray .entry,
.entry-container.gray h1 {
  color: #75828b;
}
.entry-container.gray .img-container,
.entry-container.gray .center-line {
  border-color: rgba(117, 130, 139, 0.5);
}
.entry-container.gray img {
  background: #75828b;
}
.team-container {
  padding-top: 80px;
  overflow: hidden;
  text-align: left;
}
.team-wrapper {
  font-size: 0;
  margin: 0 auto;
}
.team-wrapper h2 {
  margin-bottom: 50px;
}
@media (min-width: 480px) {
  .team-wrapper {
    width: 412px;
  }
}
@media (min-width: 768px) {
  .team-wrapper {
    width: 618px;
  }
}
@media (min-width: 992px) {
  .team-wrapper {
    width: 824px;
  }
}
@media (min-width: 1200px) {
  .team-wrapper {
    width: 1030px;
  }
}
@media (min-width: 1600px) {
  .team-wrapper {
    width: 1442px;
  }
}
.employee {
  display: inline-block;
  width: 176px;
  margin: 0 15px;
  position: relative;
  white-space: normal;
  cursor: pointer;
}
.employee.director h4,
.employee.director .description {
  background: #75838c;
}
.employee.director h5,
.employee.director h3 {
  color: #75838c;
}
.employee.director:before {
  background: rgba(117, 131, 140, 0.15);
}
.employee.sales h4,
.employee.sales .description {
  background: #b2b3da;
}
.employee.sales h5,
.employee.sales h3 {
  color: #b2b3da;
}
.employee.sales:before {
  background: rgba(178, 179, 218, 0.15);
}
.employee.accounts h4,
.employee.accounts .description {
  background: #65b298;
}
.employee.accounts h5,
.employee.accounts h3 {
  color: #65b298;
}
.employee.accounts:before {
  background: rgba(101, 178, 152, 0.15);
}
.employee.logistics h4,
.employee.logistics .description {
  background: #e0c27f;
}
.employee.logistics h5,
.employee.logistics h3 {
  color: #e0c27f;
}
.employee.logistics:before {
  background: rgba(224, 194, 127, 0.15);
}
.employee.logistics .padding-below {
  padding-bottom: 8px;
}
.employee.design h4,
.employee.design .description {
  background: #82b2d3;
}
.employee.design h5,
.employee.design h3 {
  color: #82b2d3;
}
.employee.design:before {
  background: rgba(130, 178, 211, 0.15);
}
.employee.bureau h4,
.employee.bureau .description {
  background: #e08e7f;
}
.employee.bureau h5,
.employee.bureau h3 {
  color: #e08e7f;
}
.employee.bureau:before {
  background: rgba(224, 142, 127, 0.15);
}
.employee.it h4,
.employee.it .description {
  background: #75b9be;
}
.employee.it h5,
.employee.it h3 {
  color: #75b9be;
}
.employee.it:before {
  background: rgba(117, 185, 190, 0.15);
}
.employee.marketing h4,
.employee.marketing .description {
  background: #f4c2a2;
}
.employee.marketing h5,
.employee.marketing h3 {
  color: #f4c2a2;
}
.employee.marketing:before {
  background: rgba(244, 194, 162, 0.15);
}
.meetTheTeam .employee {
  margin: 45px 15px;
}
.meetTheTeam .employee:before {
  content: ' ';
  position: absolute;
  top: -17px;
  left: -15px;
  width: 100%;
  height: 2px;
  box-sizing: content-box;
  padding-right: 30px;
}
.employee .card {
  border-radius: 5px;
}
.employee .card > * {
  transition: 0.3s;
  -webkit-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.employee .card h4 {
  position: absolute;
  top: 0;
  width: 100%;
  color: white;
  text-align: center;
  margin: 0;
  padding: 8px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.employee .card h5 {
  font-weight: bold;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 36px;
}
.employee .card img {
  border-radius: 5px;
  box-shadow: 2px 2px 4px #cccccc;
}
.employee .description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  padding: 10px 15px;
  color: white;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.no-csstransforms3d .employee .description {
  display: none;
}
.employee .card:active,
.employee .card:focus {
  outline: none;
}
.employee .card:active > *,
.employee .card:focus > * {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.employee .card:active .description,
.employee .card:focus .description {
  -webkit-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
}
.no-csstransforms3d .employee .card:active .description,
.no-csstransforms3d .employee .card:focus .description {
  display: block;
}
.employee p {
  font-size: 14px;
  line-height: 18px;
}
.employee.first h3 {
  position: absolute;
  top: -70px;
  cursor: default;
  white-space: nowrap;
}
.employee.first:before {
  left: 0;
  padding-right: 15px;
}
.employee.last:before {
  padding-right: 15px;
}
.onboarding-landing .intro-section {
  text-align: center;
  color: #75838c;
  max-width: 60em;
}
.onboarding-landing .intro-section .social-media {
  margin-top: 2em;
}
.onboarding-landing .intro-section .social-media svg {
  cursor: pointer;
}
@media (min-width: 768px) {
  .onboarding-landing .landing-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.onboarding-landing .author-fragment {
  padding: 1px 2em;
}
.onboarding-landing .author-fragment .author-order {
  font-size: 125px;
  font-weight: bold;
  color: #127bbf;
  letter-spacing: 0;
  line-height: 1em;
  margin-right: 15px;
}
.onboarding-landing .author-fragment .author-details {
  display: inline-block;
}
.onboarding-landing .author-fragment .author-title {
  margin-bottom: 1em;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  color: #193040;
}
.onboarding-landing .author-fragment .social-media {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  color: #127bbf;
}
.onboarding-landing .author-fragment .social-media svg {
  vertical-align: middle;
  display: inline-block;
}
@media (min-width: 768px) {
  .onboarding-landing .author-fragment .social-media svg {
    margin-left: 1em;
  }
}
.onboarding-landing .author-fragment .social-media .twitter-svg {
  fill: #127bbf;
}
.onboarding-landing .quote-fragment {
  color: #127bbf;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1em;
  margin: 1em 0;
}
.onboarding-header {
  background: url(/content/img/info/onboardingTips/banner.jpg) 50% 100%;
  background-repeat: no-repeat;
}
.onboarding-header h1 {
  font-weight: 400;
  color: #0e5c8f;
}
.onboarding-article li {
  margin-top: 1em;
}
.navigation-section.landing-section {
  padding-top: 0;
}
.navigation-section .navigation-container {
  max-width: 564px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .navigation-section .navigation-container {
    max-width: 940px;
  }
}
.navigation-section h3 {
  text-align: center;
  color: #127bbf;
}
.navigation-section .navigation-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.navigation-section .vertical-center {
  margin-top: 1em;
  opacity: 0;
}
.navigation-section .vertical-center:before {
  content: ' ';
  padding-top: 100%;
  float: left;
}
.navigation-section a {
  max-width: 33.3333%;
  float: left;
  position: relative;
}
@media (min-width: 768px) {
  .navigation-section a {
    max-width: 20%;
  }
}
.navigation-section a:before {
  content: ' ';
  padding-top: 100%;
  float: left;
}
.navigation-section a:hover .vertical-center {
  margin-top: 0;
  opacity: 1;
  transition: 0.3s;
}
.navigation-section a img {
  width: 100%;
}
.navigation-section .cell {
  text-align: center;
}
.navigation-section .cell h4 {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 36px;
  font-size: 24px;
}
@media (min-width: 768px) {
  .navigation-section .cell h4 {
    font-size: 36px;
  }
}
.printer-comparison-header {
  padding-top: 2em;
  padding-bottom: 1em;
  text-align: center;
  color: #75838c;
}
.printer-comparison-header h1 {
  font-weight: 400;
}
.printer-comparison-wrapper {
  width: 100%;
  overflow-x: auto;
}
.printer-comparison {
  width: 880px;
  margin: 0 auto;
}
.printer-comparison-page .btn {
  box-shadow: none;
}
.printer-comparison-page .well {
  background: #d1d6d9;
  color: #75838c;
  font-size: 14px;
  display: inline-block;
  margin: 8px;
  height: 224px;
  width: 196px;
}
.printer-comparison-page .well ul {
  padding-left: 1em;
}
.printer-comparison-page .btn-group {
  font-size: 0;
}
.printer-comparison-page .type-selection {
  margin-bottom: 20px;
}
.printer-comparison-page .type-selection input {
  margin: 0 1em;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.printer-comparison-page .type-selection .btn {
  width: 49%;
  width: calc(50% - 10px);
  text-align: left;
  border: 1px solid #75838c;
  font-size: 21px;
  color: #75838c;
  padding: 21px 0;
}
.printer-comparison-page .type-selection .btn.active {
  background: #75838c;
  color: white;
}
.printer-comparison-page .type-selection .btn:first-child {
  margin-right: 20px;
}
.printer-comparison-page .level-selection .btn {
  width: 19%;
  color: white;
  overflow: hidden;
  transition: width 0.3s;
  padding-top: 1em;
  padding-bottom: 1em;
}
.printer-comparison-page .level-selection b {
  font-size: 16px;
}
.printer-comparison-page .level-selection p {
  display: none;
  text-transform: none;
  margin: 0;
}
.printer-comparison-page .level-selection span {
  display: block;
  text-transform: none;
}
.printer-comparison-page .level-selection input {
  display: none;
}
.printer-comparison-page .level-selection .active {
  text-align: left;
  width: 60%;
}
.printer-comparison-page .level-selection .active p {
  display: block;
}
.printer-comparison-page .level-selection .active span {
  display: none;
}
.printer-comparison-page .brand-selection .btn {
  width: 16.666666667%;
  padding-top: 0;
}
.printer-comparison-page .brand-selection .btn:not(.active) svg * {
  fill: #75838c;
}
.printer-comparison-page .brand-selection input {
  display: block;
  margin: 0 auto;
}
.printer-comparison-page .btn-entry {
  background: #82b2d3;
  margin-right: 1%;
}
.printer-comparison-page .btn-volume {
  background: #b2b3da;
  margin-right: 1%;
}
.printer-comparison-page .btn-definition {
  background: #e08e7f;
}
.printer-info-section {
  font-size: 16px;
  padding-bottom: 16px;
}
.printer-info-section a[role="button"] {
  display: block;
  background: #75838c;
  color: white;
  font-weight: bold;
  padding-left: 1em;
  height: 34px;
  line-height: 34px;
}
.printer-info-section .chevron {
  margin-top: 9px;
  margin-right: 11px;
  line-height: 0;
}
.printer-comparison-products {
  margin: 28px -8px 8px -8px;
  font-size: 0;
}
.printer-info-table {
  display: table;
  width: 100%;
  padding-top: 5px;
}
.printer-info-table .info-row {
  display: table-row;
}
.printer-info-table .info-row:nth-child(even) .printer-comparison-info {
  background: #e3e6e8;
}
.printer-info-table .info-cell {
  display: table-cell;
  width: 25%;
  padding: 5px 0;
  vertical-align: middle;
  color: #75838c;
  padding-left: 1em;
}
.printer-info-table .info-cell b {
  font-size: 14px;
  color: #193040;
}
.gdrp-brochure {
  padding-top: 20px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .gdrp-brochure {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.gdrp-brochure .info-sm {
  width: 20em;
}
.gdrp-brochure h1 {
  font-weight: bold;
  color: #0e5c8f;
}
.gdrp-brochure img {
  margin-bottom: 15px;
}
.gdrp-brochure p {
  color: #202223;
  font-size: 0.8em;
}
.gdrp-brochure input {
  margin-bottom: 15px;
}
.gdrp-brochure .btn {
  font-size: 20px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.privacy-policy b,
.privacy-policy th {
  color: #193040;
}
.privacy-policy ol {
  margin-top: 15px;
  padding-left: 40px;
  counter-reset: item;
}
.privacy-policy ol > li {
  counter-increment: item;
}
.privacy-policy ol ol > li {
  display: block;
  margin: 8px 0;
}
.privacy-policy ol ol > li:before {
  content: counters(item, ".") " ";
  margin-left: -2em;
}
.privacy-policy table td,
.privacy-policy table th {
  vertical-align: top;
  padding: 5px 10px;
}
.privacy-policy .bordered-table {
  margin-top: 10px;
  margin-bottom: 10px;
}
.privacy-policy .bordered-table td,
.privacy-policy .bordered-table th {
  border: 1px solid #193040;
}
.eb-landing-page .show-sm {
  display: none;
}
@media (min-width: 768px) {
  .eb-landing-page .show-sm {
    display: block;
  }
}
.eb-landing-page .show-md {
  display: none;
}
@media (min-width: 992px) {
  .eb-landing-page .show-md {
    display: block;
  }
}
.eb-landing-page .show-lg {
  display: none;
}
@media (min-width: 1200px) {
  .eb-landing-page .show-lg {
    display: block;
  }
}
.eb-landing-page .show-xl {
  display: none;
}
@media (min-width: 1600px) {
  .eb-landing-page .show-xl {
    display: block;
  }
}
.eb-landing-page .show-only-md {
  display: none;
}
@media (min-width: 992px) {
  .eb-landing-page .show-only-md {
    display: block;
  }
}
@media (min-width: 1200px) {
  .eb-landing-page .show-only-md {
    display: none;
  }
}
.eb-landing-page .header-initial {
  display: none;
}
.eb-landing-page .header-scrolled {
  display: block;
}
.eb-landing-page .min50 {
  min-width: 50px;
}
@media (min-width: 768px) {
  .eb-landing-page .min50 {
    min-width: 0;
  }
}
.eb-landing-page #top-header {
  color: white;
  background-color: #3b4246;
  padding-top: 10px;
  padding-bottom: 8px;
  padding-left: 85px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .eb-landing-page #top-header {
    width: auto;
    padding-left: 0px;
  }
}
.eb-landing-page #top-header h2 {
  margin: 0;
  font-size: 14px;
  vertical-align: top;
  font-weight: normal;
  color: white;
}
@media (min-width: 768px) {
  .eb-landing-page #top-header h2 {
    margin-top: 13px;
    font-size: 18px;
    margin-left: 0px;
    font-weight: bold;
  }
}
@media (min-width: 992px) {
  .eb-landing-page #top-header h2 {
    font-size: 21px;
    margin-top: 0px;
  }
}
@media (min-width: 1600px) {
  .eb-landing-page #top-header h2 {
    font-size: 24px;
    margin-top: 0px;
  }
}
.eb-landing-page #top-header .eb-header-title {
  padding-top: 4px;
}
@media (min-width: 768px) {
  .eb-landing-page #top-header .eb-header-title {
    padding-top: 8px;
    width: 188px;
    margin-left: 62px;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .eb-landing-page #top-header .eb-header-title {
    padding-top: 20px;
    margin-left: 10px;
  }
}
@media (min-width: 1200px) {
  .eb-landing-page #top-header .eb-header-title {
    margin-left: 62px;
    font-size: 21px;
    padding-top: 10px;
  }
}
@media (min-width: 1600px) {
  .eb-landing-page #top-header .eb-header-title {
    font-size: 24px;
    padding-top: 10px;
  }
}
.eb-landing-page #top-header #eb-header-white-line {
  height: 95px;
  width: 2px;
  margin-left: 50%;
  padding-top: 10px;
}
@media (max-width: 1200px) {
  .eb-landing-page #top-header #eb-header-white-line {
    height: 75px;
  }
}
.eb-landing-page #top-header ul {
  list-style: none;
  padding-left: 0px;
  padding-top: 8px;
  vertical-align: central;
}
.eb-landing-page #top-header .eb-header-btn {
  height: 37px;
  width: 134px;
  background-color: #139e83;
  margin-top: -8px;
}
@media (min-width: 768px) {
  .eb-landing-page #top-header .eb-header-btn {
    margin-top: -13px;
    width: 203px;
    height: 41px;
    margin-left: 0px;
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .eb-landing-page #top-header .eb-header-btn {
    width: 215px;
  }
}
@media (min-width: 1200px) {
  .eb-landing-page #top-header .eb-header-btn {
    width: 200px;
  }
}
@media (min-width: 1600px) {
  .eb-landing-page #top-header .eb-header-btn {
    width: 288px;
    height: 53px;
  }
}
.eb-landing-page #top-header .eb-header-points {
  font-size: 10px;
}
@media (min-width: 768px) {
  .eb-landing-page #top-header .eb-header-points {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .eb-landing-page #top-header .eb-header-points {
    font-size: 10px;
    line-height: 2;
    width: 160px;
  }
}
@media (min-width: 1600px) {
  .eb-landing-page #top-header .eb-header-points {
    font-size: 14px;
    line-height: 2;
    width: 222px;
  }
}
.eb-landing-page #top-header .eb-header-points-md {
  font-size: 12px;
}
.eb-landing-page #top-header .eb-header-price {
  font-weight: normal;
  text-align: left;
  padding-top: 0px;
  margin-top: 35px;
  margin-left: -159px;
  display: none;
}
@media (min-width: 768px) {
  .eb-landing-page #top-header .eb-header-price {
    font-size: 42px;
    text-align: right;
    font-weight: bold;
    margin-top: 0;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .eb-landing-page #top-header .eb-header-price {
    padding-top: 20px;
    font-size: 40px;
    line-height: 46px;
  }
}
@media (min-width: 1200px) {
  .eb-landing-page #top-header .eb-header-price {
    padding-top: 0px;
    line-height: normal;
  }
}
@media (min-width: 1600px) {
  .eb-landing-page #top-header .eb-header-price {
    font-size: 44px;
    padding-top: 20px;
  }
}
@media (min-width: 600px) {
  .eb-landing-page #top-header .eb-header-price {
    display: block;
  }
}
.eb-landing-page #top-header .eb-header-price-xs {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}
@media (min-width: 768px) {
  .eb-landing-page #top-header .eb-header-price-xs {
    display: none;
  }
}
.eb-landing-page #top-header .eb-header-add {
  padding-top: 12px;
  width: 500px;
  margin-left: 0px;
  margin: 0 auto;
  min-width: 150px;
}
@media (min-width: 992px) {
  .eb-landing-page #top-header .eb-header-add {
    padding-top: 25px;
  }
}
@media (min-width: 1200px) {
  .eb-landing-page #top-header .eb-header-add {
    padding-top: 8px;
  }
}
@media (min-width: 1600px) {
  .eb-landing-page #top-header .eb-header-add {
    padding-top: 27px;
  }
}
@media (min-width: 600px) {
  .eb-landing-page #top-header .eb-header-add {
    min-width: 0px;
  }
}
.eb-landing-page #top-header .eb-header-add .eb-header-points {
  text-align: center;
  font-size: 10px;
  margin-left: -3px;
  width: 140px;
}
@media (min-width: 768px) {
  .eb-landing-page #top-header .eb-header-add .eb-header-points {
    text-align: initial;
    width: inherit;
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .eb-landing-page #top-header .eb-header-add .eb-header-points {
    text-align: center;
    width: 160px;
    margin-left: 30px;
  }
}
@media (min-width: 1200px) {
  .eb-landing-page #top-header .eb-header-add .eb-header-points {
    font-size: 10px;
    width: 155px;
    margin-left: 22px;
    text-align: center;
  }
}
@media (min-width: 1600px) {
  .eb-landing-page #top-header .eb-header-add .eb-header-points {
    font-size: 13px;
    width: 288px;
    margin-left: 0px;
    text-align: center;
  }
}
@media (max-width: 767.99px) {
  .eb-landing-page #top-header .add-basket {
    font-size: 16px;
    padding-left: 2px;
    padding-right: 2px;
  }
}
.eb-landing-page #top-header .container {
  max-width: 400px;
}
@media (min-width: 768px) {
  .eb-landing-page #top-header .container {
    max-width: none;
  }
}
.eb-landing-page p {
  line-height: 17px;
}
.eb-landing-page .btn {
  padding-top: 9px;
  padding-bottom: 7px;
}
.eb-landing-page .title-with-icon {
  display: flex;
}
.eb-landing-page .title-with-icon h2 {
  margin: 0;
  margin-top: 0;
  margin-left: 10px;
  font-size: 22px;
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 992px) {
  .eb-landing-page .title-with-icon h2 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .eb-landing-page .title-with-icon h2 {
    width: 220px;
  }
}
.eb-landing-page .title-with-icon .eb-icon {
  margin-left: 0;
  margin-right: 0;
  height: 48px;
  width: 48px;
  vertical-align: top;
  display: inline-block;
  flex-shrink: 0;
}
.eb-landing-page .title-with-icon h5 {
  margin-top: 0;
  margin-left: 10px;
  width: 210px;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  align-self: center;
  color: white;
}
.wide-container {
  margin-left: 10px;
  margin-right: 10px;
  width: 100%;
}
.no-lr-margin {
  margin-left: 0px;
  margin-right: 0px;
}
.no-lr-padding {
  padding-left: 0px;
  padding-right: 0px;
}
.eb-banner {
  padding-top: 3px;
  padding-bottom: 0px;
  height: 521px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  background-color: #139e83;
  overflow: hidden;
}
@media (min-width: 768px) {
  .eb-banner {
    height: 600px;
  }
}
@media (min-width: 992px) {
  .eb-banner {
    height: 410px;
    padding-top: 10px;
  }
}
@media (max-width: 767.99px) {
  .eb-banner {
    height: fit-content;
  }
}
@media (min-width: 1200px) {
  .eb-banner {
    height: 464px;
  }
}
.eb-banner .eb-banner-price {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 42px;
  line-height: 42px;
  font-weight: bold;
}
.eb-banner .eb-banner-text-icons {
  margin-top: 204px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .eb-banner .eb-banner-text-icons {
    margin-top: 229px;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .eb-banner .eb-banner-text-icons {
    margin-top: 0px;
  }
}
.eb-banner .eb-banner-col1 {
  max-width: 500px;
  width: 95%;
  margin-top: -20px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .eb-banner .eb-banner-col1 {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .eb-banner .eb-banner-col1 {
    max-width: inherit;
    margin-top: 0;
  }
}
@media (min-width: 480px) {
  .eb-banner .eb-banner-col1 {
    margin-top: 50px;
    width: 100%;
  }
}
.eb-banner .eb-banner-col2 {
  max-width: 60px;
}
.eb-banner .eb-banner-col3 {
  max-width: 300px;
}
@media (max-width: 767.99px) {
  .eb-banner .eb-banner-col3 {
    max-width: inherit;
  }
}
.eb-banner .eb-banner-col4 {
  width: 900px;
}
@media (max-width: 1599.99px) {
  .eb-banner .eb-banner-col4 {
    width: 500px;
  }
}
@media (max-width: 1199.99px) {
  .eb-banner .eb-banner-col4 {
    width: 660px;
  }
}
@media (max-width: 991.99px) {
  .eb-banner .eb-banner-col4 {
    width: 100%;
  }
}
.eb-banner .eb-banner-banner {
  display: flex;
}
.eb-banner #light-green-line {
  height: 420px;
}
@media (max-width: 1199.99px) {
  .eb-banner #light-green-line {
    height: 400px;
    width: 1px;
  }
}
.eb-banner .eb-banner-image {
  margin-top: -500px;
}
.eb-banner .eb-banner-image .eb-banner-image-img {
  width: 378px;
  height: 194px;
  margin-left: -25px;
  margin-top: -56px;
}
@media (min-width: 480px) {
  .eb-banner .eb-banner-image .eb-banner-image-img {
    width: 378px;
  }
}
@media (min-width: 768px) {
  .eb-banner .eb-banner-image .eb-banner-image-img {
    width: 670px;
    height: 343px;
    max-width: none;
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .eb-banner .eb-banner-image .eb-banner-image-img {
    width: 757px;
    height: 388px;
  }
}
@media (min-width: 1200px) {
  .eb-banner .eb-banner-image .eb-banner-image-img {
    width: 704px;
    height: 361px;
    margin-top: inherit;
  }
}
@media (min-width: 1600px) {
  .eb-banner .eb-banner-image .eb-banner-image-img {
    width: 900px;
    height: 461px;
  }
}
@media (max-width: 767.99px) {
  
}
@media (min-width: 480px) {
  .eb-banner .eb-banner-image {
    padding-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .eb-banner .eb-banner-image {
    margin-top: -575px;
  }
}
@media (min-width: 992px) {
  .eb-banner .eb-banner-image {
    padding-top: 0px;
    margin-left: -76px;
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  .eb-banner .eb-banner-image {
    padding-top: 18px;
    margin-left: -95px;
  }
}
@media (min-width: 1600px) {
  .eb-banner .eb-banner-image {
    padding-top: 0px;
    margin-left: 0px;
  }
}
@media (max-width: 400px) {
  .eb-banner .eb-banner-image-img {
    width: 350px;
  }
}
.eb-banner .eb-banner-icon-container {
  height: 100px;
}
@media (max-width: 767.99px) {
  .eb-banner .eb-banner-icon-container {
    margin-left: 162px;
  }
}
@media (max-width: 480px) {
  .eb-banner .eb-banner-icon-container {
    margin-left: 62px;
  }
}
.eb-banner .eb-banner-icon-text {
  padding-left: 20px;
}
.eb-banner .eb-banner-icon-title {
  font-size: 18px;
  font-weight: bold;
}
.eb-banner .eb-white-line {
  padding-top: 15px;
  padding-left: 15px;
  text-align: center;
}
@media (min-width: 480px) {
  .eb-banner .eb-white-line {
    display: none;
  }
}
@media (min-width: 992px) {
  .eb-banner .eb-white-line {
    display: block;
  }
}
.eb-banner .eb-banner-icons {
  padding-top: 25px;
  background-color: #139e83;
  margin: 0 auto;
}
@media (max-width: 767.99px) {
  .eb-banner .eb-banner-icons {
    padding-top: 20px;
  }
}
.eb-banner .eb-banner-contents {
  margin-right: -50px;
}
.eb-banner .eb-banner-text {
  margin: 0 auto;
  padding-top: 27px;
  width: auto;
}
@media (min-width: 480px) {
  .eb-banner .eb-banner-text {
    max-width: 285px;
  }
}
@media (min-width: 768px) {
  .eb-banner .eb-banner-text {
    margin-left: 134px;
    width: auto;
    max-width: none;
  }
}
@media (min-width: 992px) {
  .eb-banner .eb-banner-text {
    margin: 0 auto;
  }
}
.eb-banner .eb-banner-text li {
  padding-bottom: 1em;
}
.eb-banner .eb-banner-text ul {
  width: auto;
}
.eb-banner .eb-banner-text p {
  margin: 0px 0 10px;
}
@media (min-width: 1600px) {
  .eb-banner .eb-banner-text p {
    margin: 0px 0 20px;
  }
}
.eb-banner h1 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  color: white;
  margin-top: 0px;
}
@media (min-width: 768px) {
  .eb-banner h1 {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .eb-banner h1 {
    margin-top: 0px;
  }
}
.eb-banner .btn {
  margin-top: 20px;
  font-weight: bold;
}
.eb-banner .btn-default {
  border: 1px solid #75838c;
  color: #75838c;
}
.eb-banner .btn-primary {
  background-color: #139e83;
  border: #139e83;
}
.loglevel {
  top: 0;
  left: 0;
  z-index: 999;
  position: absolute;
}
.eb-box {
  padding-top: 20px;
  padding-bottom: 40px;
  background-color: white;
}
@media (min-width: 768px) {
  .eb-box {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.eb-box .nav-tabs {
  border-bottom: none;
}
.eb-box .box-content-left p {
  margin: 0;
  font-weight: bold;
  text-align: center;
  color: #75838c;
}
.eb-box .box-content {
  margin-left: 15px;
}
@media (min-width: 768px) {
  .eb-box .box-content {
    margin-left: auto;
  }
}
.eb-box .box-content-single {
  padding-bottom: 15px;
  border-bottom: 5px solid transparent;
  transition: border 0.3s;
  transition-timing-function: ease-in-out;
  display: inline-block;
  margin: 0;
}
@media (min-width: 768px) {
  .eb-box .box-content-single {
    height: 180px;
  }
}
@media (min-width: 992px) {
  .eb-box .box-content-single {
    height: 190px;
  }
}
@media (min-width: 1200px) {
  .eb-box .box-content-single {
    height: 210px;
  }
}
@media (min-width: 1600px) {
  .eb-box .box-content-single {
    height: 260px;
  }
}
.eb-box .box-content-single img {
  margin: 0 auto;
}
.eb-box a:focus,
.eb-box .box-content-single:focus {
  outline: none;
}
.eb-box .box-content-single:focus-within {
  border-bottom: 5px solid #139d83;
}
.eb-box h2 {
  margin-bottom: 30px;
  font-size: 20px;
}
.eb-box p {
  margin-bottom: 15px;
  color: #75838c;
}
.eb-box ul li {
  margin-bottom: 15px;
  color: #75838c;
}
.eb-box ul {
  padding-left: 20px;
  width: auto;
}
@media (min-width: 768px) {
  .eb-box ul {
    width: 293px;
  }
}
.eb-box br {
  display: none;
}
.eb-box .box-control {
  position: relative;
}
.eb-box .control-buttons {
  top: 50%;
  margin-top: -55px;
  z-index: 999;
  position: absolute;
  overflow: hidden;
}
.eb-box .control-buttons.previous {
  left: 0;
}
.eb-box .control-buttons.next {
  right: 0;
}
.eb-box .right-title {
  font-weight: bold;
}
.eb-box .flex {
  display: flex;
}
.eb-box .space-between {
  justify-content: space-between;
}
.eb-box .align-center {
  align-items: center;
}
.eb-box .printer-spec .p {
  margin: 0;
  padding: 0;
}
.eb-box .vertical-line {
  width: 100%;
  background-color: #d1d6d9;
  height: 2px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.eb-box .control-buttons:hover {
  background-color: #d1d6d9;
}
.eb-box .btn-download {
  border-style: solid;
  border-width: thin;
  width: auto;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .eb-box .btn-download {
    width: 239px;
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .eb-box .btn-download {
    width: 239px;
  }
}
@media (min-width: 1200px) {
  .eb-box .btn-download {
    width: 239px;
  }
}
@media (min-width: 1600px) {
  .eb-box .btn-download {
    width: 239px;
  }
}
@media (min-width: 768px) {
  .eb-box .box-content {
    margin: 0;
    max-width: 321px;
  }
  .eb-box h2 {
    margin-bottom: 55px;
    font-size: 24px;
  }
  .eb-box span {
    white-space: nowrap;
  }
  .eb-box .right-title {
    margin-bottom: 30px;
  }
}
@media (min-width: 480px) {
  .eb-box .box-content {
    margin: 0 auto;
    max-width: 320px;
  }
  .eb-box span {
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  .eb-box .box-content {
    margin: 0 auto;
    max-width: inherit;
  }
  .eb-box span {
    white-space: normal;
  }
}
@media (min-width: 1200px) {
  .eb-box .right-title {
    margin-bottom: 65px;
  }
}
@media (min-width: 1600px) {
  .eb-box .box-content {
    max-width: none;
  }
}
.eb-box .box-content-right {
  height: auto;
  width: 292px;
}
@media (min-width: 768px) {
  .eb-box .box-content-right {
    border-left: 1px solid #d1d6d9;
    padding-left: 40px;
    width: 336px;
  }
}
@media (min-width: 1200px) {
  .eb-box .box-content-right {
    padding-left: 60px;
  }
}
@media (min-width: 1600px) {
  .eb-box .box-content-right {
    border-left: none;
    padding-left: 30px;
  }
}
.eb-box .box-content-right h2 {
  width: auto;
}
@media (min-width: 768px) {
  .eb-box .box-content-right h2 {
    width: 228px;
  }
}
@media (min-width: 1600px) {
  .eb-box .box-content-right h2 {
    width: 300px;
  }
}
.eb-box .box-content-right p {
  width: auto;
}
@media (min-width: 768px) {
  .eb-box .box-content-right p {
    width: 291px;
  }
}
@media (min-width: 1600px) {
  .eb-box .box-content-right p {
    width: 398px;
  }
}
@media (min-width: 768px) {
  .eb-box .box-content-left {
    border-right: none;
  }
}
@media (min-width: 1200px) {
  .eb-box .box-content-left {
    border-right: none;
    padding-right: 10px;
  }
  .eb-box br {
    display: block;
  }
}
@media (min-width: 1600px) {
  .eb-box .box-content-left {
    border-right: 1px solid #d1d6d9;
  }
}
.eb-app {
  height: 460px;
  background-image: url(/Content/img/info/easybadge/app-bkg.jpg);
  background-position: center;
  position: relative;
  color: white;
}
@media (min-width: 768px) {
  .eb-app {
    display: flex;
    align-items: center;
    height: 100%;
  }
}
.eb-app .eb-app-background {
  margin: 0 auto;
  height: 460px;
  width: 100%;
  background-image: url(/Content/img/info/easybadge/app-2bkg.png);
  position: absolute;
}
.eb-app .eb-app-phone {
  bottom: 0px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/Content/img/info/easybadge/app-phone.png);
  height: 290px;
  width: 310px;
}
.eb-app .app-content-single {
  margin-top: 15px;
  width: 100%;
  display: inline-flex;
  padding-bottom: 0px;
}
@media (min-width: 768px) {
  .eb-app .app-content-single {
    padding-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .eb-app .app-content-single {
    margin-top: 26px;
    align-content: center;
    padding-bottom: 0px;
  }
}
@media (min-width: 1600px) {
  .eb-app .app-content-single {
    margin-top: 5px;
  }
}
.eb-app h2 {
  color: white;
}
.eb-app img {
  height: 45px;
  width: 45px;
  display: inline-block;
  flex-shrink: 0;
}
.eb-app .eb-app-content {
  width: 320px;
  padding-top: 60px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .eb-app .eb-app-content {
    width: 352px;
  }
}
@media (min-width: 992px) {
  .eb-app .eb-app-content {
    width: 380px;
  }
}
.eb-app .eb-app-content .title-with-icon {
  padding-bottom: 0px;
}
@media (min-width: 768px) {
  .eb-app .eb-app-content .title-with-icon {
    padding-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .eb-app .eb-app-content .title-with-icon h2 {
    width: 390px;
    margin-bottom: 30px;
  }
}
.eb-app p {
  margin-left: 20px;
  margin-bottom: 0;
  font-size: 16px;
  align-self: center;
  font-weight: bold;
}
@media (min-width: 1600px) {
  .eb-app p {
    margin-bottom: 30px;
  }
}
.eb-app .nowrap {
  white-space: normal;
}
@media (min-width: 768px) {
  .eb-app {
    height: 400px;
  }
  .eb-app .eb-app-background {
    height: 400px;
  }
  .eb-app h2 {
    font-size: 20px;
  }
  .eb-app img {
    height: 40px;
    width: 40px;
  }
  .eb-app .eb-app-phone {
    right: 55px;
    height: 334px;
    width: 290px;
  }
  .eb-app .eb-app-content {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .eb-app {
    height: 478px;
  }
  .eb-app .eb-app-background {
    height: 478px;
    background-size: cover;
  }
  .eb-app .eb-app-phone {
    height: 430px;
    width: 403px;
    background-image: url(/Content/img/info/easybadge/app-phone.png);
  }
  .eb-app h2 {
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .eb-app {
    background-size: cover;
    background-position-x: 20%;
  }
  .eb-app .eb-app-background {
    width: 65%;
  }
  .eb-app .eb-app-phone {
    right: -305px;
  }
  .eb-app .nowrap {
    white-space: nowrap;
  }
}
@media (min-width: 1600px) {
  .eb-app .eb-app-background {
    width: 50%;
  }
  .eb-app .eb-app-phone {
    right: -208px;
  }
}
@media (max-width: 767.99px) {
  .eb-app {
    height: 668px;
    background-size: cover;
  }
  .eb-app .eb-app-background {
    display: flex;
    justify-content: center;
    height: 668px;
  }
  .eb-app .eb-app-phone {
    background-image: url(/Content/img/info/easybadge/app-phone.png);
    display: block;
    top: 340px;
    height: 329px;
  }
}
.eb-madeinbritain {
  background-color: #154849;
}
.eb-madeinbritain h2 {
  color: white;
  font-weight: bold;
  margin-top: 150px;
}
.eb-madeinbritain .eb-britain-background {
  margin: 0 auto;
  height: 578px;
  width: 100%;
  background-image: url(/Content/img/info/easybadge/MadeInBritainBannerImage.png);
  background-repeat: no-repeat;
  background-size: 425px;
  background-position-x: center;
  background-position-y: top;
}
@media (min-width: 768px) {
  .eb-madeinbritain .eb-britain-background {
    height: 324px;
    background-position-x: 90%;
    background-position-y: center;
    background-size: contain;
  }
}
@media (min-width: 992px) {
  .eb-madeinbritain .eb-britain-background {
    height: 497px;
    background-position-x: 102%;
  }
}
@media (min-width: 1200px) {
  .eb-madeinbritain .eb-britain-background {
    height: 536px;
    background-position-x: 98%;
  }
}
@media (min-width: 1600px) {
  .eb-madeinbritain .eb-britain-background {
    height: 624px;
    background-position-x: 83%;
  }
}
.eb-madeinbritain p {
  margin-top: 25px;
  color: white;
  line-height: 17px;
  width: 310px;
}
@media (min-width: 992px) {
  .eb-madeinbritain p {
    width: auto;
    margin-left: auto;
  }
}
.eb-madeinbritain .title-with-icon {
  margin: 0 auto;
  padding-top: 30px;
}
.eb-madeinbritain .title-with-icon h2 {
  align-self: center;
  width: 190px;
}
@media (min-width: 768px) {
  .eb-madeinbritain .title-with-icon h2 {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .eb-madeinbritain .title-with-icon h2 {
    width: 390px;
  }
}
@media (min-width: 768px) {
  .eb-madeinbritain .title-with-icon {
    margin-top: 90px;
    margin-left: 0px;
    padding-top: 0px;
  }
}
@media (min-width: 992px) {
  .eb-madeinbritain .title-with-icon {
    margin-top: 178px;
  }
}
@media (min-width: 1600px) {
  .eb-madeinbritain .title-with-icon {
    margin-top: 250px;
  }
}
.eb-madeinbritain .britaincontent {
  width: 320px;
  margin: 0 auto;
  padding-top: 350px;
}
@media (min-width: 768px) {
  .eb-madeinbritain .britaincontent {
    width: 390px;
    padding-top: 0px;
  }
}
.eb-software {
  height: 300vh;
  position: relative;
  background: white;
}
@media (max-width: 991.99px) {
  .eb-software {
    display: none;
  }
}
.eb-software .title-with-icon {
  margin-bottom: 30px;
}
.eb-software .eb-software-desc {
  width: 380px;
  margin-bottom: 50px;
  color: #75838c;
}
@media (max-width: 1599.99px) {
  
}
.eb-software .scrolling-container {
  width: 100% !important;
  height: 925px;
  display: flex;
  align-items: center;
  background: #e3e6e8;
  z-index: 0;
}
.eb-software #trigger-container-height {
  margin-top: 350px;
  height: 1800px;
  width: 100%;
  position: absolute;
}
.eb-software .trigger-container {
  height: 730px;
  width: 100%;
  position: absolute;
}
.eb-software .trigger-container .trigger-box {
  height: 500px;
  width: 100%;
  position: relative;
}
.eb-software .images-scrolling-container {
  position: relative;
  height: 580px;
}
.eb-software .eb-software-img {
  display: none;
}
.eb-software .eb-software-img.active,
.eb-software .eb-software-img.is-active {
  width: auto;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
}
.eb-software .eb-software-content {
  padding-top: 120px;
  padding-left: 15px;
}
@media (min-width: 1600px) {
  .eb-software .eb-software-content {
    padding-top: 70px;
    padding-left: 110px;
  }
}
@media (min-width: 1200px) {
  .eb-software .eb-software-content {
    padding-top: 70px;
    padding-left: 50px;
  }
}
@media (min-width: 992px) {
  .eb-software .eb-software-content {
    padding-top: 10px;
    padding-left: 50px;
  }
}
.eb-software .eb-software-line-container {
  position: relative;
}
.eb-software .software-content-title {
  display: flex;
}
@media (min-width: 992px) {
  .eb-software .software-content-title {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .eb-software .software-content-title {
    margin-bottom: 80px;
  }
}
.eb-software .software-content-single span {
  margin-left: 12px;
  margin-bottom: 37px;
  margin-top: 12px;
  border: 4px solid #75838c !important;
  border-radius: 50%;
  width: 20px;
  display: inline-block;
  height: 20px;
  font-size: 0px;
  position: relative;
  background-color: #e3e6e8;
  color: transparent;
}
.eb-software .software-content-single span:after {
  margin-left: -1px;
  border-left: 2px solid #d1d6d9;
  height: 80px;
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
}
.eb-software .software-content-single:last-of-type span:after {
  display: none;
}
.eb-software .software-content-single .software-content-text {
  display: none;
}
.eb-software .software-content-single.active {
  display: flex;
  margin-bottom: 20px;
}
.eb-software .software-content-single.active .software-content-question {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #75838c;
}
.eb-software .software-content-single.active .software-content-description {
  margin: 0;
  font-size: 14px;
  color: #75838c;
}
.eb-software .software-content-single.active span {
  display: inline-block;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .eb-software .software-content-single.active span {
    margin: 0;
    margin-right: 15px;
    border-radius: 50%;
    padding-top: 6px;
    width: 44px;
    height: 44px;
    font-size: 18px;
    vertical-align: top;
    text-align: center;
    background-color: #75838c;
    color: #e3e6e8;
  }
}
.eb-software .software-content-single.active .software-content-text {
  display: inline-block;
  align-self: center;
}
@media (min-width: 1200px) {
  .eb-software .software-content-single.active .software-content-text {
    width: 350px;
  }
}
@media (min-width: 1600px) {
  .eb-software .software-content-single.active .software-content-text {
    width: 370px;
  }
}
.eb-software-mobile {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .eb-software-mobile {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .eb-software-mobile {
    display: none;
  }
}
.eb-software-mobile .title-with-icon {
  margin: 0 auto;
  max-width: 400px;
  margin-bottom: 40px;
}
.eb-software-mobile .software-content-single {
  display: flex;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.eb-software-mobile .software-content-single span {
  margin: 0;
  margin-right: 15px;
  border: 4px solid #75838c !important;
  padding-top: 6px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 18px;
  flex-shrink: 0;
  text-align: center;
  display: inline-block;
  position: relative;
  background-color: #75838c;
  color: #e3e6e8;
}
.eb-software-mobile .software-content-single .software-content-question {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #75838c;
}
.eb-software-mobile .software-content-single .software-content-description {
  margin: 0;
  font-size: 14px;
  color: #75838c;
}
.eb-software-mobile video {
  width: 100%;
  height: auto;
}
.eb-accessibility {
  height: 700px;
  padding-top: 385px;
  background-image: url(/Content/img/info/easybadge/767/accessibility-bkg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  color: #75838c;
}
.eb-accessibility .accessibility-title {
  margin-bottom: 35px;
  display: flex;
}
.eb-accessibility h2 {
  margin: 0;
  margin-left: 10px;
  font-size: 22px;
  vertical-align: top;
  font-weight: bold;
}
.eb-accessibility img {
  height: 50px;
  width: 50px;
  display: inline-block;
  vertical-align: top;
}
.eb-accessibility .accessibility-large-img {
  display: none;
}
.eb-accessibility .accessibility-small-img {
  display: inline-block;
}
.eb-accessibility .eb-accessibility-content {
  margin: 0 auto;
  width: 300px;
}
@media (min-width: 768px) {
  .eb-accessibility {
    padding-top: 50px;
    height: 330px;
    background-image: url(/Content/img/info/easybadge/991/accessibility-bkg.png);
  }
  .eb-accessibility p,
  .eb-accessibility h2 {
    color: white;
  }
  .eb-accessibility .accessibility-large-img {
    display: inline-block;
  }
  .eb-accessibility .accessibility-small-img {
    display: none;
  }
}
@media (min-width: 992px) {
  .eb-accessibility {
    padding-top: 105px;
    height: 450px;
    background: url(/Content/img/info/easybadge/accessibility-bkg-1200.jpg) 50% 0;
    background-position: right;
  }
  .eb-accessibility h2 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .eb-accessibility {
    background: url(/Content/img/info/easybadge/accessibility-bkg.png) 50% 0;
    background-position: center;
  }
  .eb-accessibility .eb-accessibility-content {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .eb-accessibility {
    background-size: cover;
  }
}
.eb-warranty {
  padding-top: 90px;
  height: 740px;
  display: flex;
  background-image: url(/Content/img/info/easybadge/767/3years-767.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.eb-warranty h2 {
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: bold;
  color: white;
}
.eb-warranty img {
  height: 50px;
  width: auto;
  display: inline-block;
}
.eb-warranty p {
  margin-top: 25px;
  color: white;
  width: 309px;
}
@media (min-width: 992px) {
  .eb-warranty p {
    width: 389px;
  }
}
@media (min-width: 768px) {
  .eb-warranty {
    padding-top: 80px;
    height: 570px;
    background-image: url(/Content/img/info/easybadge/991/3years-991.jpg);
    background-position: left;
  }
  .eb-warranty h2 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .eb-warranty {
    padding-top: 240px;
    height: 740px;
    background-image: url(/Content/img/info/easybadge/3yearsbkg.jpg);
    background-position: left;
    background-position-x: 47%;
  }
  .eb-warranty h2 {
    font-size: 24px;
  }
}
.eb-warranty .eb-warranty-content {
  max-width: 320px;
}
.eb-warranty .eb-warranty-content h2 {
  width: 240px;
  align-self: center;
}
@media (min-width: 768px) {
  .eb-warranty .eb-warranty-content h2 {
    width: 228px;
  }
}
@media (min-width: 992px) {
  .eb-warranty .eb-warranty-content h2 {
    width: 350px;
  }
}
.eb-warranty .eb-warranty-content p {
  width: 306px;
}
@media (min-width: 768px) {
  .eb-warranty .eb-warranty-content p {
    width: 272px;
  }
}
@media (min-width: 992px) {
  .eb-warranty .eb-warranty-content p {
    width: 385px;
  }
}
@media (min-width: 768px) {
  .eb-warranty .eb-warranty-content {
    margin-top: 126px;
    width: 280px;
  }
}
@media (min-width: 992px) {
  .eb-warranty .eb-warranty-content {
    margin-top: 35px;
  }
}
@media (min-width: 1200px) {
  .eb-warranty .eb-warranty-content {
    margin-top: 55px;
  }
}
@media (min-width: 1600px) {
  
}
.eb-security {
  position: relative;
  display: flex;
  background-image: url(/Content/img/info/easybadge/SECURITYbkg.png);
  background-repeat: no-repeat;
  background-size: 100% 320px;
  color: #75838c;
  overflow: hidden;
  height: 535px;
}
.eb-security .eb-security-card {
  background-image: url(/Content/img/info/easybadge/SECURITYcards.png);
  position: absolute;
  height: 182px;
  width: 280px;
  background-repeat: no-repeat;
  background-position: 64% 0;
  background-size: contain;
  top: 62px;
  margin-left: 15px;
}
@media (min-width: 768px) {
  .eb-security .eb-security-card {
    height: 225px;
    width: 350px;
    background-size: contain;
    margin-left: 390px;
    margin-top: 56px;
  }
}
@media (min-width: 992px) {
  .eb-security .eb-security-card {
    height: 333px;
    width: 515px;
    margin-left: 440px;
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  .eb-security .eb-security-card {
    height: 372px;
    width: 575px;
    margin-left: 592px;
    margin-top: -5px;
  }
}
@media (min-width: 1600px) {
  .eb-security .eb-security-card {
    height: 458px;
    width: 706px;
    margin-left: 755px;
    margin-top: -50px;
  }
}
.eb-security .eb-security-content {
  margin-top: 420px;
  width: 320px;
}
@media (min-width: 768px) {
  .eb-security .eb-security-content {
    margin-top: 0;
    width: 290px;
  }
}
.eb-security img {
  height: 50px;
  width: auto;
  display: inline-block;
}
.eb-security h2 {
  color: #75838c;
  font-weight: bold;
  width: 210px;
}
.eb-security p {
  margin-top: 28px;
}
@media (min-width: 768px) {
  .eb-security {
    height: 501px;
    background-position: center;
    background-size: cover;
  }
  .eb-security .eb-security-content {
    margin-top: 180px;
    width: 285px;
  }
  .eb-security .eb-security-content h2 {
    font-size: 24px;
    width: 250px;
  }
  .eb-security .eb-security-content p {
    width: 310px;
  }
  .eb-security .eb-security-card {
    background-position-y: 10%;
  }
}
@media (min-width: 1200px) {
  .eb-security .eb-security-content {
    margin-top: 162px;
    width: 325px;
  }
  .eb-security .eb-security-content h2 {
    width: 220px;
  }
}
@media (min-width: 1600px) {
  .eb-security {
    height: 536px;
  }
}
.eb-security .eb-testimonials-bob {
  margin-top: -68px;
}
@media (min-width: 768px) {
  .eb-security .eb-testimonials-bob {
    margin-top: -18px;
  }
}
@media (min-width: 992px) {
  .eb-security .eb-testimonials-bob {
    margin-top: 0px;
  }
}
.eb-security:hover .torch-light {
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}
.eb-bundle {
  height: 733px;
  background-color: #139e83;
  color: white;
}
@media (min-width: 768px) {
  .eb-bundle {
    height: 608px;
  }
}
@media (min-width: 992px) {
  .eb-bundle {
    height: 635px;
  }
}
@media (min-width: 1200px) {
  .eb-bundle {
    height: 728px;
  }
}
@media (min-width: 1200px) {
  .eb-bundle {
    height: 734px;
  }
}
.eb-bundle input[type="submit"].btn-block.btn-easybadge {
  width: 100%;
}
@media (min-width: 480px) {
  .eb-bundle input[type="submit"].btn-block.btn-easybadge {
    width: 311px;
  }
}
@media (min-width: 768px) {
  .eb-bundle input[type="submit"].btn-block.btn-easybadge {
    width: 250px;
  }
}
@media (min-width: 992px) {
  .eb-bundle input[type="submit"].btn-block.btn-easybadge {
    width: 262px;
  }
}
@media (min-width: 1200px) {
  .eb-bundle input[type="submit"].btn-block.btn-easybadge {
    width: 304px;
  }
}
@media (min-width: 768px) {
  .eb-bundle .final-section {
    height: 60px;
  }
}
@media (min-width: 1200px) {
  .eb-bundle .final-section {
    height: 72px;
  }
}
@media (min-width: 1600px) {
  .eb-bundle .final-section {
    height: 68px;
  }
}
.eb-bundle h2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  color: white;
}
@media (min-width: 768px) {
  .eb-bundle h2 {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .eb-bundle h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  .eb-bundle h2 {
    width: 315px;
  }
}
.eb-bundle .eb-bundle-content {
  margin-top: 100px;
}
.eb-bundle .eb-bundle-price {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 42px;
  line-height: 42px;
  font-weight: bold;
}
.eb-bundle ul li {
  margin-bottom: 2px;
  margin-left: 5px;
}
.eb-bundle ul {
  margin-left: 0px;
  padding-left: 1.2em;
  position: relative;
  list-style: none;
}
.eb-bundle ul li:before {
  left: 0;
  content: "✔ \fe0e";
  color: white;
  position: absolute;
}
.eb-bundle .btn-default {
  font-weight: bold;
  color: white;
  background-color: #139e83;
}
.eb-bundle .eb-bundle-note {
  margin-top: 15px;
  font-size: 12px;
}
.eb-bundle .eb-bundle-testimonial {
  margin-top: 100px;
  border: 1px solid white;
  padding: 28px;
  width: 100%;
  font-weight: 300;
  display: none;
}
.eb-bundle .eb-bundle-testimonial .bundle-testimonial-text {
  margin-bottom: 58px;
  font-size: 18px;
  line-height: 28px;
  font-style: italic;
}
.eb-bundle .eb-bundle-testimonial .bundle-testimonial-name {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: bold;
}
.eb-bundle .eb-bundle-testimonial .bundle-testimonial-company {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
}
.eb-bundle .eb-bundle-testimonial img {
  margin-top: 15px;
  width: 110px;
  height: auto;
}
.eb-bundle .bundle-box-image {
  bottom: 450px;
  margin: 0px;
  margin-top: -783px;
  height: 330px;
  width: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  .eb-bundle .bundle-box-image {
    margin: 90px;
  }
}
.eb-bundle .bundle-box-image .bundle-box-image-img {
  height: 240px;
  width: 335px;
}
@media (min-width: 768px) {
  .eb-bundle .bundle-box-image .bundle-box-image-img {
    height: 391px;
    width: 547px;
    margin-left: -100px;
    margin-top: -13px;
  }
}
@media (min-width: 992px) {
  .eb-bundle .bundle-box-image .bundle-box-image-img {
    height: 516px;
    width: 722px;
  }
}
@media (min-width: 1200px) {
  .eb-bundle .bundle-box-image .bundle-box-image-img {
    height: 571px;
    width: 798px;
    margin-top: 20px;
  }
}
@media (min-width: 1600px) {
  .eb-bundle .bundle-box-image .bundle-box-image-img {
    height: 572px;
    width: 799px;
    margin-left: 90px;
    margin-top: -90px;
  }
}
.eb-bundle .btn-easybadge {
  display: block;
}
.eb-bundle .eb-bundle {
  height: auto;
}
.eb-bundle .eb-bundle-box {
  margin-top: 100px;
  margin-left: inherit;
  justify-content: center;
  display: flex;
}
.eb-bundle .eb-bundle-content {
  margin: 0 auto;
  margin-top: 263px;
  width: 320px;
  height: 100%;
}
@media (min-width: 768px) {
  .eb-bundle .eb-bundle-content {
    margin: 0;
    margin-top: 110px;
    width: auto;
    height: auto;
  }
  .eb-bundle .eb-bundle-box {
    margin-top: 0px;
  }
  .eb-bundle .bundle-box-image {
    padding-top: 105px;
  }
}
@media (min-width: 992px) {
  .eb-bundle .eb-bundle-box {
    margin-top: 35px;
    margin-left: 50px;
  }
  .eb-bundle .bundle-box-image {
    padding-top: 0px;
  }
}
@media (min-width: 1200px) {
  .eb-bundle .eb-bundle-box {
    margin-top: 0;
    margin-left: 0;
  }
  .eb-bundle .bundle-box-image {
    padding-top: 0px;
  }
}
@media (min-width: 1600px) {
  .eb-bundle .bundle-box-image {
    padding-top: 105px;
  }
}
@media (max-width: 991.99px) {
  .eb-bundle {
    background-size: cover;
    background-position: left;
  }
  .eb-bundle .eb-bundle-price {
    margin-top: 25px;
    margin-bottom: 30px;
  }
  .eb-bundle .btn-white {
    display: block;
  }
}
@media (min-width: 768px) {
  .eb-bundle .bundle-box-image {
    bottom: auto;
    margin: 0;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767.99px) {
  
}
@media (min-width: 1200px) {
  .eb-bundle {
    background-position: center;
  }
  .eb-bundle .eb-bundle-testimonial {
    display: inline-block;
  }
}
.video-modal iframe {
  width: 100%;
  height: 303px;
}
.easybadge-image-section {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.easybadge-image-section .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.easybadge-image-section .easybadge-content {
  display: flex;
  width: 320px;
  flex-direction: column;
}
.easybadge-image-section .easybadge-content .easybadge-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 280px;
  margin-bottom: 20px;
}
.easybadge-image-section .easybadge-content .easybadge-header img {
  max-height: 48px;
  margin-right: 14px;
}
.easybadge-image-section .easybadge-content .easybadge-header h2 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  color: #75838c;
  font-weight: bold;
}
.easybadge-image-section .easybadge-content .easybadge-body {
  display: flex;
  flex-direction: column;
}
.easybadge-image-section .easybadge-content .easybadge-body p {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .easybadge-image-section {
    justify-content: center;
  }
  .easybadge-image-section .container {
    justify-content: flex-end;
    align-items: center;
  }
  .easybadge-image-section .easybadge-content {
    width: 280px;
  }
}
@media (min-width: 1200px) {
  .easybadge-image-section .easybadge-content {
    width: 340px;
  }
}
.easybadge-tree {
  padding-top: 320px;
  background-color: #eeeff1;
  background-image: url(/Content/img/info/easybadge/PLANTATREEbkg.png);
  background-repeat: no-repeat;
  background-size: auto 290px;
  background-position: left top;
  color: #75838c;
}
.easybadge-tree .easybadge-content .easybadge-header img {
  filter: invert(55%) sepia(23%) saturate(204%) hue-rotate(160deg) brightness(88%) contrast(89%);
}
@media (min-width: 768px) {
  .easybadge-tree {
    padding-top: 0px;
    height: 312px;
    background-size: auto 312px;
    background-position: center top;
  }
  .easybadge-tree .easybadge-content .easybadge-header h2 {
    color: white;
  }
  .easybadge-tree .easybadge-content .easybadge-header img {
    filter: invert(100%);
  }
  .easybadge-tree .easybadge-content .easybadge-body {
    color: white;
  }
}
@media (min-width: 992px) {
  .easybadge-tree {
    height: 319px;
    background-size: auto 319px;
    background-position: center top;
  }
  .easybadge-tree .container {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .easybadge-tree {
    height: 471px;
    background-position: center top;
    background-size: auto 471px;
  }
  .easybadge-tree .container {
    width: 1255px;
  }
}
@media (min-width: 1600px) {
  .easybadge-tree {
    height: 471px;
    background-size: auto 479px;
  }
  .easybadge-tree .container {
    width: 1320px;
  }
}
.easybadge-support {
  padding-top: 356px;
  background-color: #eeeff1;
  background-image: url(/Content/img/info/easybadge/support-bkg.jpg);
  background-repeat: no-repeat;
  background-size: auto 326px;
  background-position: -355px top;
  color: #75838c;
}
@media (min-width: 480px) {
  .easybadge-support {
    background-position: -64px top;
  }
}
@media (min-width: 768px) {
  .easybadge-support {
    padding-top: 0px;
    height: 461px;
    background-size: auto 461px;
    background-position: center top;
  }
}
@media (min-width: 992px) {
  .easybadge-support {
    height: 319px;
    background-size: auto 319px;
  }
  .easybadge-support .container {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .easybadge-support {
    height: 463px;
    background-size: auto 463px;
    background-position: 40% top;
  }
  .easybadge-support .container {
    width: 1255px;
  }
}
@media (min-width: 1600px) {
  .easybadge-support .container {
    width: 1320px;
  }
}
.easybadge-testimonials {
  width: 100%;
  background-repeat: no-repeat;
  background-color: #eeeff1;
}
.easybadge-testimonials::before {
  content: "";
  display: block;
  background-color: white;
  background-image: url(/Content/img/info/easybadge/testimonial-bob.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 386px;
  background-size: cover;
  background-position: center top;
}
.easybadge-testimonials .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.easybadge-testimonials .easybadge-content {
  display: flex;
  width: 280px;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.easybadge-testimonials .easybadge-content .easybadge-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 250px;
  margin-bottom: 20px;
}
.easybadge-testimonials .easybadge-content .easybadge-header h2 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  color: #75838c;
  font-weight: bold;
}
.easybadge-testimonials .easybadge-content .easybadge-header h3 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #75838c;
  font-weight: normal;
}
.easybadge-testimonials .easybadge-content .easybadge-body {
  background-color: #75838c;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.easybadge-testimonials .easybadge-content .easybadge-body p {
  font-style: italic;
  color: white;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.easybadge-testimonials .easybadge-content .easybadge-body h4 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: bold;
  color: white;
}
.easybadge-testimonials .easybadge-content .easybadge-body h5 {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  color: white;
}
@media (min-width: 567px) {
  .easybadge-testimonials::before {
    background-size: contain;
  }
}
@media (min-width: 768px) {
  .easybadge-testimonials {
    height: 450px;
    background-image: url(/Content/img/info/easybadge/testimonial-bkg.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .easybadge-testimonials::before {
    background-color: transparent;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 450px;
    background-size: contain;
    background-position: -100px top;
  }
  .easybadge-testimonials .container {
    position: relative;
    z-index: 1;
    flex-direction: row;
    justify-content: flex-end;
  }
  .easybadge-testimonials .easybadge-content {
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .easybadge-testimonials {
    height: 754px;
  }
  .easybadge-testimonials::before {
    height: 754px;
    background-position: -200px top;
  }
  .easybadge-testimonials .easybadge-content {
    margin-top: 90px;
  }
}
@media (min-width: 1200px) {
  .easybadge-testimonials .container {
    justify-content: center;
  }
  .easybadge-testimonials .easybadge-content {
    width: 100%;
    align-items: center;
  }
  .easybadge-testimonials .easybadge-content .easybadge-header {
    align-items: center;
  }
  .easybadge-testimonials .easybadge-content .easybadge-header h2 {
    text-align: center;
    margin-bottom: 10px;
  }
  .easybadge-testimonials .easybadge-content .easybadge-header h3 {
    font-size: 18px;
  }
  .easybadge-testimonials .easybadge-content .easybadge-body {
    padding-top: 40px;
    padding-bottom: 60px;
    align-self: flex-end;
    width: 440px;
  }
  .easybadge-testimonials .easybadge-content .easybadge-body p {
    font-size: 18px;
    line-height: 24px;
  }
}
.EcoFriendly h2,
.EcoFriendly ul li {
  color: white;
}
.EcoFriendly h2 {
  margin-bottom: 25px;
  font-weight: bold;
  margin-top: 0;
}
.EcoFriendly ul {
  padding-left: 25px;
}
.EcoFriendly ul li {
  font-size: 16px;
  margin-bottom: 8px;
}
.EcoFriendly .banner {
  height: 570px;
  background-image: url(/Content/img/info/eco-friendly/background.png);
  background-position: center;
}
.EcoFriendly .banner .banner-container {
  background-color: white;
  margin-top: 80px;
  text-align: center;
  padding: 80px;
}
@media (max-width: 767.99px) {
  .EcoFriendly .banner .banner-container {
    padding: 30px 20px;
    margin: 40px 15px 0 15px;
  }
}
.EcoFriendly .banner .banner-container h1 {
  font-size: 34px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 30px;
}
.EcoFriendly .banner .banner-container p {
  color: #75838c;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 60px;
}
@media (max-width: 767.99px) {
  .EcoFriendly .banner .banner-container .btn {
    width: 100%;
  }
}
.EcoFriendly .banner .banner-container .btn-learnmore {
  margin-left: 20px;
}
@media (max-width: 767.99px) {
  .EcoFriendly .banner .banner-container .btn-learnmore {
    margin: 0;
    margin-top: 20px;
  }
}
.EcoFriendly .banner .banner-container .eco-logos {
  margin-top: 40px;
}
@media (max-width: 767.99px) {
  .EcoFriendly .banner .banner-container .eco-logos {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .EcoFriendly .banner .banner-container .eco-logos {
    display: none;
  }
}
.EcoFriendly .banner .banner-container .bsci {
  max-width: 180px;
}
.EcoFriendly .banner .banner-container .bio {
  max-width: 60px;
  margin-left: 20px;
}
.EcoFriendly .banner .banner-container .one-tree {
  max-width: 160px;
  margin-left: 35px;
}
.EcoFriendly .take-care-environment {
  background-color: #193040;
  padding-top: 120px;
  text-align: center;
  padding-bottom: 70px;
}
.EcoFriendly .take-care-environment p {
  margin-bottom: 40px;
  color: white;
}
.EcoFriendly .take-care-environment img {
  margin: 0 auto;
}
@media (max-width: 767.99px) {
  .EcoFriendly .take-care-environment br {
    display: none;
  }
}
.EcoFriendly .biodegradable-holders {
  padding-top: 100px;
  padding-bottom: 50px;
}
@media (max-width: 1199.99px) {
  .EcoFriendly .biodegradable-holders {
    padding-bottom: 100px;
  }
}
@media (max-width: 767.99px) {
  .EcoFriendly .biodegradable-holders {
    padding: 60px 0 50px 0;
  }
}
.EcoFriendly .biodegradable-holders h2 {
  margin-bottom: 35px;
  color: #75838c;
}
@media (max-width: 767.99px) {
  .EcoFriendly .biodegradable-holders h2 {
    margin-top: 20px;
  }
}
.EcoFriendly .biodegradable-holders ul li {
  color: #75838c;
}
.EcoFriendly .biodegradable-cards {
  background-color: #e08e7f;
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 1199.99px) {
  .EcoFriendly .biodegradable-cards {
    padding-left: 20px;
  }
}
@media (max-width: 991.99px) {
  .EcoFriendly .biodegradable-cards {
    height: auto;
    padding: 0px;
  }
}
@media (max-width: 767.99px) {
  .EcoFriendly .biodegradable-cards {
    padding: 40px 10px;
  }
}
.EcoFriendly .biodegradable-cards .biodegradable-cards-content {
  display: inline-block;
  flex-grow: 1;
}
@media (max-width: 991.99px) {
  .EcoFriendly .biodegradable-cards .biodegradable-cards-content {
    flex-grow: 0;
    width: 100%;
    display: block;
  }
}
.EcoFriendly .biodegradable-cards .content-wrapper {
  width: 440px;
  float: right;
  margin-right: 100px;
}
@media (max-width: 991.99px) {
  .EcoFriendly .biodegradable-cards .content-wrapper {
    width: auto;
    margin: 0 20px;
  }
}
.EcoFriendly .biodegradable-cards .float-right {
  float: right;
}
.EcoFriendly .biodegradable-cards h2 {
  margin-bottom: 25px;
  margin-top: 0;
}
.EcoFriendly .biodegradable-cards ul {
  padding-left: 25px;
}
.EcoFriendly .biodegradable-cards ul li {
  font-size: 16px;
  margin-bottom: 8px;
}
.EcoFriendly .biodegradable-cards img {
  display: none;
}
@media (max-width: 480px) {
  .EcoFriendly .biodegradable-cards img {
    max-width: 436px;
  }
}
@media (min-width: 768px) {
  .EcoFriendly .biodegradable-cards img {
    width: 50%;
    float: right;
    height: auto;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .EcoFriendly .biodegradable-cards img {
    max-width: 443px;
  }
}
@media (min-width: 1200px) {
  .EcoFriendly .biodegradable-cards img {
    height: 540px;
    max-width: none;
    width: 540px;
  }
}
@media (min-width: 1600px) {
  .EcoFriendly .biodegradable-cards img {
    height: initial;
    width: initial;
  }
}
.EcoFriendly .RPET-lanyards {
  background-color: #e0c27f;
}
@media (max-width: 767.99px) {
  .EcoFriendly .RPET-lanyards {
    padding: 40px 0;
  }
}
@media (min-width: 1200px) {
  .EcoFriendly .RPET-lanyards {
    display: block;
    height: 540px;
  }
}
@media (min-width: 1600px) {
  .EcoFriendly .RPET-lanyards {
    height: 685px;
  }
}
.EcoFriendly .RPET-lanyards img {
  display: none;
  background-color: white;
}
@media (min-width: 768px) {
  .EcoFriendly .RPET-lanyards img {
    width: 50%;
    display: inline-block;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .EcoFriendly .RPET-lanyards img {
    height: 540px;
    width: 540px;
  }
}
@media (min-width: 1600px) {
  .EcoFriendly .RPET-lanyards img {
    height: 100%;
    max-height: 685px;
    width: auto;
    padding: 0 100px;
  }
}
.EcoFriendly .RPET-lanyards .bamboo-lanyards-content {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .EcoFriendly .RPET-lanyards .bamboo-lanyards-content {
    width: 49%;
  }
}
@media (min-width: 992px) {
  .EcoFriendly .RPET-lanyards .bamboo-lanyards-content {
    margin-left: 50px;
    width: 400px;
  }
}
@media (min-width: 1200px) {
  .EcoFriendly .RPET-lanyards .bamboo-lanyards-content {
    margin-left: 100px;
  }
}
@media (min-width: 1600px) {
  .EcoFriendly .RPET-lanyards .bamboo-lanyards-content {
    margin-left: 150px;
  }
}
.EcoFriendly .RPET-lanyards .content-wrapper {
  padding: 0 25px;
}
.EcoFriendly .plant-tree-printer {
  background: linear-gradient(90deg, #acb7be 0%, #7a8891 100%);
  display: flex;
  height: 680px;
  align-items: center;
  padding: 30px 0;
  position: relative;
}
@media (max-width: 1199.99px) {
  .EcoFriendly .plant-tree-printer {
    height: 500px;
  }
}
@media (max-width: 767.99px) {
  .EcoFriendly .plant-tree-printer {
    height: auto;
    display: block;
  }
}
.EcoFriendly .plant-tree-printer ul {
  margin-bottom: 0;
}
.EcoFriendly .plant-tree-printer .plant-tree-content {
  display: inline-block;
  height: auto;
  flex-grow: 1;
}
@media (max-width: 767.99px) {
  .EcoFriendly .plant-tree-printer .plant-tree-content {
    display: block;
    flex-grow: 0;
  }
}
.EcoFriendly .plant-tree-printer .content-wrapper {
  width: 390px;
  vertical-align: middle;
}
@media (max-width: 991.99px) {
  .EcoFriendly .plant-tree-printer .content-wrapper {
    width: auto;
    padding: 0 30px;
  }
}
@media (min-width: 992px) {
  .EcoFriendly .plant-tree-printer .content-wrapper {
    margin-left: 50px;
  }
}
@media (min-width: 1600px) {
  .EcoFriendly .plant-tree-printer .content-wrapper {
    margin-left: 150px;
  }
}
.EcoFriendly .plant-tree-printer img {
  width: auto;
  display: inline-block;
  margin: 25px 0;
  height: 100%;
}
@media (max-width: 767.99px) {
  .EcoFriendly .plant-tree-printer img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 500px;
  }
}
@media (max-width: 991.99px) {
  .EcoFriendly .plant-tree-printer img {
    height: 75%;
  }
}
@media (min-width: 1200px) {
  .EcoFriendly .plant-tree-printer img {
    height: 100%;
  }
}
.EcoFriendly .getQuote {
  padding-top: 55px;
  padding-bottom: 95px;
}
@media (max-width: 767.99px) {
  .EcoFriendly .getQuote {
    padding-bottom: 55px;
  }
}
.EcoFriendly .getQuote h2 {
  margin: 0 auto;
  margin-bottom: 90px;
  font-weight: bold;
  text-align: center;
  color: #75838c;
}
@media (max-width: 767.99px) {
  .EcoFriendly .getQuote h2 {
    margin-bottom: 70px;
  }
}
.EcoFriendly .getQuote .checkbox-label,
.EcoFriendly .getQuote .interested-note {
  color: #75838c;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
}
@media (max-width: 767.99px) {
  .EcoFriendly .getQuote .floating-label-field ~ label {
    left: 15px;
  }
}
.EcoFriendly .getQuote .interested-note {
  margin-left: 10px;
  margin-top: 30px;
}
@media (max-width: 767.99px) {
  .EcoFriendly .getQuote .interested-note {
    margin-left: 15px;
  }
}
.EcoFriendly .getQuote .checkbox-label span {
  margin-left: 10px;
}
.EcoFriendly .getQuote .getQuote-content {
  margin: 0 auto;
  width: 47.7%;
  display: inline-block;
}
@media (max-width: 767.99px) {
  .EcoFriendly .getQuote .getQuote-content {
    width: 100%;
    max-width: 350px;
    display: block;
  }
}
.EcoFriendly .getQuote .getQuote-content .hate-forms-number {
  text-align: center;
  color: #75838c;
}
.EcoFriendly .getQuote .getQuote-testimonials {
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: top;
}
.EcoFriendly .getQuote .testimonials-content {
  padding: 30px;
  min-height: 100%;
  background-color: #193040;
}
@media (max-width: 767.99px) {
  .EcoFriendly .getQuote .testimonials-content {
    padding: 25px 10px;
    margin-top: 28px;
  }
}
@media (min-width: 1200px) {
  .EcoFriendly .getQuote .testimonials-content {
    padding: 40px;
  }
}
.EcoFriendly .getQuote .getQuote-form-width {
  max-width: 100%;
  width: 350px;
}
.EcoFriendly .getQuote p {
  color: white;
}
.EcoFriendly .getQuote .review-title {
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.EcoFriendly .getQuote .review-title a {
  text-decoration: none;
  float: left;
  color: white;
}
.EcoFriendly .getQuote .review-content {
  margin-bottom: 0;
}
.EcoFriendly .getQuote .note {
  color: #75838c;
  text-align: left;
}
@media (max-width: 767.99px) {
  .EcoFriendly .configuration-form {
    max-width: 350px;
    margin: 0 auto;
  }
}
.EcoFriendly .configuration-form .getQuote-form-width .form-field {
  text-align: left;
}
.EcoFriendly form {
  height: 100%;
  display: flex;
  justify-content: center;
}
.EcoFriendly .EcoFriendlyQuoteConfirmation {
  margin: 0 auto;
  max-width: 475px;
  background-color: #28c28e;
}
@media (max-width: 767.99px) {
  .EcoFriendly .EcoFriendlyQuoteConfirmation {
    margin: 0 15px;
    padding: 35px;
  }
}
@media (min-width: 768px) {
  .EcoFriendly .EcoFriendlyQuoteConfirmation {
    padding: 35px 50px;
  }
}
@media (min-width: 992px) {
  .EcoFriendly .EcoFriendlyQuoteConfirmation {
    padding: 35px 70px 35px 70px;
  }
}
.EcoFriendly .EcoFriendlyQuoteConfirmation img {
  height: 155px;
  margin: 0 auto;
}
.EcoFriendly .EcoFriendlyQuoteConfirmation h3 {
  margin-bottom: 25px;
  font-size: 36px;
  font-weight: 200;
}
.EcoFriendly .EcoFriendlyQuoteConfirmation p,
.EcoFriendly .EcoFriendlyQuoteConfirmation h3 {
  text-align: center;
  color: white;
}
.EcoFriendly .form-field {
  width: 100%;
  margin-top: 35px;
}
@media (max-width: 767.99px) {
  .EcoFriendly .form-field {
    padding: 0 15px;
  }
}
.EcoFriendly .form-field-checkbox {
  margin-top: 0;
  margin-bottom: 5px;
}
.EcoFriendly .eco-friendly-trustpilot-stars a {
  margin-top: 35px;
  max-height: 25px;
  display: block;
}
@media (max-width: 767.99px) {
  .EcoFriendly .eco-friendly-trustpilot-stars a {
    width: 100%;
  }
}
.EcoFriendly .eco-friendly-trustpilot-stars .flex-end {
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .EcoFriendly .eco-friendly-trustpilot-stars .flex-end {
    justify-content: flex-end;
  }
}
.EcoFriendly .eco-friendly-trustpilot-stars .trustpilot-img {
  margin-left: 10px;
  margin-top: 5px;
  max-width: 200px;
  height: auto;
  display: inline-block;
}
@media (max-width: 767.99px) {
  .EcoFriendly .eco-friendly-trustpilot-stars .trustpilot-img {
    margin-left: 8px;
  }
}
@media (min-width: 1600px) {
  .EcoFriendly .eco-friendly-trustpilot-stars .trustpilot-img {
    max-width: 240px;
  }
}
.EcoFriendly .eco-friendly-trustpilot-stars .trustpilot-logo {
  margin-top: 0;
  margin-left: 0;
}
.EcoFriendly .eco-friendly-trustpilot-stars .choose-section-trustpilot {
  float: left;
}
/* General Styles used in the /account section */

.form-sm,
.form-md,
.form-lg {
  max-width: 100%;
  margin: 0 auto;
}
.form-sm a,
.form-md a,
.form-lg a {
  font-weight: 600;
}
@media (min-width: 768px) {
  .form-sm,
  .form-md,
  .form-lg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.form-sm table,
.form-md table,
.form-lg table {
  width: 100%;
  font-size: 1.2em;
  border-collapse: separate;
  border-spacing: 0 5px;
}
.form-sm .field,
.form-md .field,
.form-lg .field {
  padding: 0;
  margin-bottom: 20px;
}
.form-sm .field input,
.form-md .field input,
.form-lg .field input {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .form-sm .field,
  .form-md .field,
  .form-lg .field {
    padding: 0 7px;
  }
}
.form-footer {
  margin-bottom: 50px;
}
.form-footer .btn-lg {
  margin-bottom: 15px;
}
@media (max-width: 991.99px) {
  .form-footer .btn-lg {
    padding-left: 26px;
    padding-right: 26px;
  }
}
.form-sm {
  width: 25em;
}
@media (min-width: 768px) {
  .form-md {
    width: 35em;
  }
}
.form-lg {
  width: 70em;
}
.account h2 {
  margin: 1em 0;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .account h2 {
    margin-top: 1.5em;
  }
}
.account h2 small {
  white-space: nowrap;
}
.account h2 a {
  color: #28c28e;
}
.account .note {
  padding: 0 15px;
  border: 1px solid #d1d6d9;
  color: #75838c;
}
.account .well {
  margin: 1em auto;
  color: #75838c;
  font-weight: 400;
  border: 1px solid #d1d6d9;
  padding: 15px 0;
}
@media (min-width: 768px) {
  .account .well {
    margin: 4em auto;
  }
}
.account .well a {
  font-weight: 400;
}
.account .well a:not(.btn) {
  display: block;
  color: #75838c;
  line-height: 2em;
  font-size: 16px;
  font-weight: 300;
}
.account .well a:not(.btn):hover {
  color: #193040;
  text-decoration: underline;
}
.account .well-actions {
  float: right;
  margin-right: -15px;
  padding-left: 15px;
}
.account .well-actions a {
  margin-bottom: 15px;
  display: block;
}
.account-overview .cell {
  padding: 0 15px;
  width: 50%;
}
.account-details {
  color: #75838c;
}
.account-details h2 {
  margin-top: 1em;
}
.account-details .well-header {
  padding-bottom: 5px;
  margin-top: 2em;
}
.account-details .well-header h4 {
  display: inline;
  line-height: 1.5em;
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
}
.account-details .well-header .btn-primary {
  color: #28c28e;
  border: none;
  background: none;
}
.account-details .well-header .btn-primary:hover {
  background: #28c28e;
  color: white;
}
.account-details .well-header:first-child {
  margin-top: 1em;
}
.account-details .well {
  width: 100%;
  padding: 15px;
  margin: 0 0 1em 0;
  font-size: 1.2em;
}
.account-details .well .pull-right {
  margin-top: 0;
}
.account-details .well .text-ellipsis {
  display: block;
}
.account-details .well.well-sm {
  padding: 0.5em 1em;
}
@media (min-width: 768px) {
  .account-details .addresses > * {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}
.account-details .vertical {
  margin: 2em auto;
  display: block;
  height: 35em;
  border-color: #d1d6d9;
}
.orders-overview {
  color: #75838c;
}
.orders-overview .steps {
  margin-top: 20px;
}
.orders-overview .steps .active {
  border-bottom: 1px solid #28c28e;
}
.orders-overview h1 {
  color: #75838c;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
}
.order-table .order-row {
  margin-bottom: 2em;
  border: 2px solid #e3e6e8;
  margin-left: -15px;
  margin-right: -15px;
}
.order-table .order-header {
  color: #75838c;
  background: #e3e6e8;
  display: block;
  font-size: 1.3em;
  font-weight: 300;
  padding: 0.3em 0;
}
.order-table .order-header .chevron {
  position: absolute;
  top: 8px;
  right: 14px;
}
.order-table .order-header .visible-xs {
  clear: both;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.order-table .delivery-status {
  text-align: center;
  display: inline-block;
  border: 1px solid #75838c;
  text-transform: uppercase;
  padding: 6px 14px;
  vertical-align: top;
  min-width: 105px;
}
.order-table .order-status > * {
  margin: 0.5em;
  margin-top: 0;
}
.order-products {
  padding: 1em;
  width: 100%;
}
.order-products .products-row {
  padding: 0.5em 0;
  font-size: 1.1em;
  border-bottom: 2px solid #e3e6e8;
}
.order-products .products-row > * {
  vertical-align: middle;
}
.order-products .products-row:last-of-type {
  border-bottom: none;
}
.order-products .products-row img {
  max-height: 75px;
  margin: 0 auto;
}
.order-products .products-row .btn {
  max-width: 250px;
}
@media (min-width: 992px) {
  .order-products {
    padding: 1em;
    display: table;
    width: 100%;
  }
  .order-products .products-row {
    display: table-row;
    height: 125px;
    font-size: 1.1em;
  }
  .order-products .products-row > * {
    border-bottom: 2px solid #e3e6e8;
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
  .order-products .products-row:last-of-type > * {
    border-bottom: none;
  }
  .order-products .products-row img {
    max-height: 75px;
    margin: 0 auto;
  }
}
.credit-manager {
  background: #e3e6e8;
  margin: 1em 0;
}
.credit-manager p {
  color: #75838c;
  margin: 0;
}
.credit-terms {
  height: 250px;
  padding: 1em;
  overflow-y: scroll;
  border: 1px solid #75838c;
}
.credit-form .required {
  color: red;
}
.ups-tracking-lines {
  padding-bottom: 3em;
}
.ups-tracking-line {
  padding-bottom: 0.3em;
  color: #75838c;
}
.ups-tracking-line:first-child {
  font-weight: bold;
  color: #202223;
}
@media (max-width: 767.99px) {
  .ups-tracking-line {
    font-size: 1.3em;
    padding-bottom: 1em;
  }
}
#orderslist > div:nth-child(odd) {
  background: #e9ebed;
}
#orderslist .row {
  padding-top: 20px;
}
#orderslist hr {
  margin-bottom: 0;
}
.marketing-preferences h1 {
  text-transform: uppercase;
}
.product-list {
  text-align: center;
  margin-bottom: 2em;
}
.product-list h2 {
  padding: 1em 0;
  text-transform: uppercase;
}
.product-list .alert-warning {
  background: rgba(204, 9, 75, 0.08);
  color: #cc094b;
  border: none;
  font-size: 28px;
  font-style: italic;
  font-weight: 300;
}
.product-list .alert {
  padding-left: 2em;
}
.product-list .panel {
  height: 150px;
}
.product-base,
.ad,
.filler {
  margin: 8px;
  width: 212px;
  height: 224px;
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: top;
  text-decoration: none;
}
.product-container {
  margin: 8px;
  text-align: left;
  vertical-align: top;
  text-decoration: none;
  display: inline-block;
  position: relative;
  color: #75838c;
}
.product-container:hover a {
  box-shadow: 2px 2px 4px #d1d6d9;
}
.product-container a {
  display: block;
  position: relative;
  padding: 10px;
  width: 212px;
  height: 224px;
  transition: box-shadow 0.3s;
  background: white;
}
.product-container a:focus,
.product-container a:active {
  box-shadow: 1px 1px 6px #d1d6d9 inset;
}
.product-container.discontinued {
  overflow: hidden;
  opacity: 0.5;
}
.product-container.product-hidden {
  overflow: hidden;
  opacity: 0.5;
}
.product-container .price {
  color: #cc094b;
}
.product-container .discontinued-label {
  position: absolute;
  color: #75838c;
  right: -50%;
  top: -13px;
  padding: 3px 30px;
  background: #eff0f1;
  text-align: center;
  text-transform: uppercase;
  -ms-transform: rotate(45deg) translateY(60px);
  -webkit-transform: rotate(45deg) translateY(60px);
  transform: rotate(45deg) translateY(60px);
  width: 100%;
}
.product-container .discontinued-label + .discontinued-label {
  -ms-transform: rotate(45deg) translateY(85px);
  -webkit-transform: rotate(45deg) translateY(85px);
  transform: rotate(45deg) translateY(85px);
}
.no-csstransforms .product-container .discontinued-label {
  width: 100%;
  left: 0;
  font-size: 1.3em;
}
@media (max-width: 767.99px) {
  .product-container {
    float: none;
  }
}
.product-container .h3 {
  display: block;
  height: 2.2em;
  overflow: hidden;
  position: absolute;
  bottom: 36px;
  left: 0;
  padding: 0 15px;
  margin: 0;
  width: 100%;
  color: #75838c;
  font-weight: 600;
  font-size: 13px;
}
.product-container .price {
  position: absolute;
  bottom: 0;
  left: 15px;
  font-size: 16px;
  line-height: 1em;
  font-weight: bold;
  margin-bottom: 15px;
}
.product-container .sku {
  position: absolute;
  bottom: 0;
  right: 15px;
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 15px;
  max-width: 50%;
  color: gray;
}
.product-container img {
  margin: 0 auto;
  max-width: 95%;
  max-height: 75%;
  display: block;
}
.product-container.large {
  width: 440px;
  height: 464px;
}
@media (max-width: 767.99px) {
  .product-container.large {
    display: none;
  }
}
.product-container.long {
  width: 440px;
}
@media (max-width: 767.99px) {
  .product-container.long {
    display: none;
  }
}
.product-container:hover .add-basket-form {
  opacity: 1;
}
.product-container .add-basket-form {
  opacity: 0;
  transition: 0.3s;
  margin-top: 10px;
}
.ad {
  font-size: 1.3em;
  text-align: center;
  color: white;
  box-shadow: none;
}
.ad .btn {
  font-weight: 600;
  margin-bottom: 10px;
}
.ad:hover {
  color: white;
}
.ad .trustpilot {
  background: #c0dacf;
  color: black;
}
.filler {
  background: #d1d6d9;
}
.product-wrapper,
.product-wrapper-lg {
  max-width: 100%;
  margin: 0 auto;
  width: 1368px;
}
@media (min-width: 480px) {
  .product-wrapper,
  .product-wrapper-lg {
    width: 456px;
  }
}
@media (min-width: 992px) {
  .product-wrapper,
  .product-wrapper-lg {
    width: 684px;
  }
}
@media (min-width: 1200px) {
  .product-wrapper,
  .product-wrapper-lg {
    width: 912px;
  }
}
@media (min-width: 1600px) {
  .product-wrapper,
  .product-wrapper-lg {
    width: 1368px;
  }
}
.product-wrapper-container .product-container a {
  width: 243.333333333px;
  height: 257.106918239px;
}
.product-wrapper-container .filler {
  width: 243.333333333px;
  height: 257.106918239px;
}
@media (min-width: 1600px) {
  .product-wrapper-container {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.filter-affix {
  max-width: 100%;
  /*&.affix-top{
      position: static;
    }*/

}
.filter-affix.affix {
  position: relative;
}
@media (min-width: 768px) {
  .filter-affix.affix {
    position: fixed;
    top: 10px;
  }
}
.filter-affix.affix-bottom {
  position: absolute;
  bottom: auto !important;
}
.filter-wrapper {
  text-align: left;
  max-width: 350px;
  margin: 0 auto;
  padding-bottom: 8px;
}
.filter-wrapper h2,
.filter-wrapper h4 {
  margin-top: 0;
  font-weight: 300;
  color: #75838c;
  display: inline-block;
}
.filter-wrapper h4 {
  font-weight: 400;
}
.filter-wrapper input {
  margin: 0;
  vertical-align: middle;
}
.filter-wrapper label {
  margin: 0;
  padding-left: 1em;
  font-weight: 400;
  color: #75838c;
}
.filter-wrapper .filter-row {
  margin: 0.5em 0;
}
.filter-wrapper .filter-header {
  padding-top: 16px;
  position: relative;
  border-bottom: 1px solid #75838c;
}
.filter-wrapper .filter-header svg {
  fill: #75838c;
}
.filter-wrapper .filter-header h4 {
  font-size: 16px;
}
.filter-wrapper .filter-group {
  padding-top: 1em;
}
.container.category {
  padding-top: 2em;
  padding-bottom: 2em;
  min-height: 50%;
}
.header-description {
  min-height: 1.5em !important;
  vertical-align: middle;
}
.header-description.collapse {
  display: inline-block;
  overflow: hidden;
  width: 75%;
  height: 0;
}
.header-description.collapse *:first-child {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.header-description.collapse.in {
  display: block;
  width: 100%;
  height: auto;
}
.header-description.collapse.in *:first-child {
  white-space: normal;
}
.header-description.collapsing {
  width: 100%;
  display: block;
  transition: none;
}
.header-description + a:before {
  content: 'Show Less';
}
.header-description + a.collapsed:before {
  content: 'Show More';
}
.index-header {
  color: #75838c;
  text-align: center;
  padding: 1em 0 0.5em 0;
}
.index-description {
  padding-bottom: 10px;
}
.index-footer-decription {
  color: #75838c;
  text-align: center;
  padding: 1em;
  clear: both;
}
.search-result h2 {
  padding: 1em 0;
}
.search-result .alert-warning {
  background: rgba(204, 9, 75, 0.08);
  color: #cc094b;
  border: none;
  font-size: 28px;
  font-style: italic;
  font-weight: 300;
}
.search-result .alert {
  padding-left: 2em;
}
.search-result .panel {
  height: 150px;
}
.search-result ul {
  padding-left: 1em;
  padding-top: 1em;
}
.category-content {
  text-align: center;
  max-width: 60em;
  color: #75838c;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1em;
}
.category-content p {
  font-weight: 300;
}
.category-content .header-description {
  text-align: left;
}
.products {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (max-width: 767.99px) {
  .products {
    margin-left: auto;
    margin-right: auto;
    padding: 0 7px;
  }
}
.products .box {
  padding: 0;
}
.products .box.social a {
  display: inline-block;
  margin: 0 5px;
}
@media (min-width: 992px) and (max-width: 1199.99px) {
  .products .box.margin-negative-fix {
    margin-top: -0.4px;
  }
}
@media (min-width: 1200px) and (max-width: 1599.99px) {
  .products .box.margin-negative-fix {
    margin-top: -0.4px;
  }
}
@media (min-width: 1200px) and (max-width: 1599.99px) {
  .products .box.margin-positive-fix {
    margin-top: 0.4px;
  }
}
.products .box:before {
  content: ' ';
  padding-top: 100%;
  float: left;
}
.products .box-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px;
}
.products .box-wrapper,
.products .box-wrapper > * {
  width: 100%;
  height: 100%;
}
.products .box-wrapper.tall {
  height: 200%;
}
.products .box-wrapper.wide {
  width: 200%;
}
.products .tall:before {
  padding-top: 200%;
}
.products .wide:before {
  padding-top: 50%;
}
.homebanner-bg {
  background-image: url(/Content/img/homebanner/6-Banner-360.jpg);
  background-size: cover;
  height: 460px;
  z-index: 1;
  position: static;
  width: 100%;
  background-position-x: 32%;
  background-position-y: bottom;
}
@media (min-width: 480px) {
  .homebanner-bg {
    background-image: url(/Content/img/homebanner/5-Banner-767.jpg);
    height: 430px;
    background-position-y: 0;
  }
}
@media (min-width: 768px) {
  .homebanner-bg {
    background-image: url(/Content/img/homebanner/4-Banner-940.jpg);
    height: 380px;
  }
}
@media (min-width: 992px) {
  .homebanner-bg {
    background-image: url(/Content/img/homebanner/3-Banner-1200.jpg);
    height: 460px;
  }
}
@media (min-width: 1200px) {
  .homebanner-bg {
    background-image: url(/Content/img/homebanner/2-Banner-1600.jpg);
  }
}
@media (min-width: 1600px) {
  .homebanner-bg {
    background-image: url(/Content/img/homebanner/1-Banner-1920.jpg);
  }
}
.homebanner-bg .easylogo {
  background-image: url(/Content/img/homebanner/easybadge-logo.svg);
  background-size: contain;
  height: 62px;
  max-width: 213px;
  margin-bottom: 15px;
  width: 100%;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .homebanner-bg .easylogo {
    height: 66px;
    width: 228px;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .homebanner-bg .easylogo {
    height: 70px;
    width: 240px;
    margin-bottom: 30px;
  }
}
.box-wrapper {
  overflow: hidden;
  /* Some rows are not whole pixel wide and rounding 
        decreases quality of picture. It however means 
        that a picture is either 1px too big or too small.
        The picture decreases in quality anyway when it resizes.
    */

}
.box-wrapper a {
  display: block;
  position: relative;
  color: inherit;
}
.box-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1199.99px) {
  .box-wrapper img {
    width: 100%;
  }
}
.box-wrapper .text {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 15px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2em;
  z-index: 1;
  max-width: 100%;
}
@media (max-width: 767.99px) {
  .box-wrapper .text {
    padding: 0.5em;
    padding-right: 1em;
  }
}
.box-wrapper .text-bottom {
  bottom: 5px;
}
@media (min-width: 1200px) {
  .box-wrapper .text-bottom {
    bottom: 30px;
  }
}
.box-wrapper .product-text {
  color: #75838c;
  width: 100%;
  font-weight: 300;
  padding: 0.8em;
  line-height: 1.2em;
  font-size: 13px;
  position: absolute;
  bottom: 0;
}
.box-wrapper .product-text b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box-wrapper .cell {
  color: white;
  font-weight: 300;
  text-align: center;
  font-size: 18px;
}
.box-wrapper .trustpilot-box {
  color: #00b67a;
}
.box-wrapper .trustpilot-logo {
  margin-top: 3px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.box-wrapper .trustpilot-stars {
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
}
.box-wrapper .reviews-box {
  background-color: #f3f3f3;
}
.box-wrapper .reviews-logo {
  margin-top: 3px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.box-wrapper .reviews-stars {
  margin-left: auto;
  margin-right: auto;
}
.box-wrapper .reviews-rateus {
  color: black;
  font-size: 14px;
}
.box-wrapper .reviews-rating {
  color: #28c28e;
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 14px;
}
.box-wrapper .new {
  background: #139e83;
  color: white;
  font-weight: 600;
  padding: 0 15px;
  line-height: 32px;
  float: left;
}
.box-wrapper .img-hover {
  position: absolute;
  opacity: 0;
  transition: 0.5s opacity;
}
.box-wrapper .text-easybadge {
  padding-top: 26px;
  padding-left: 26px;
  color: #139e83;
}
@media (max-width: 767.99px) {
  .box-wrapper .text-easybadge {
    padding: 15px;
  }
}
.box-wrapper .text-easybadge b,
.box-wrapper .text-easybadge span {
  display: block;
  font-size: 0.8em;
  line-height: 1em;
  margin-left: 0.5em;
}
.box-wrapper .text-easybadge b {
  margin-top: 0.15em;
  margin-bottom: 2px;
}
.box-wrapper .text-magicard {
  padding-top: 26px;
  padding-left: 26px;
  color: white;
  height: 100%;
}
.box-wrapper .text-magicard .new {
  color: white;
  background: #cc094b;
}
.box-wrapper .text-magicard .new-magicard600 {
  background: #6afafa;
  color: #193040;
}
.box-wrapper .text-magicard b,
.box-wrapper .text-magicard span {
  display: block;
  font-size: 13px;
  line-height: 1em;
  color: white;
}
.box-wrapper .text-magicard .pull-left {
  margin-left: 0.5em;
}
.box-wrapper .text-magicard b {
  margin-top: 0.15em;
  margin-bottom: 2px;
}
.box-wrapper .text-magicard .logo-wrapper {
  float: left;
  width: 35%;
  margin-left: 10px;
}
@media (min-width: 480px) {
  .box-wrapper .text-magicard .logo-wrapper {
    width: 40%;
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .box-wrapper .text-magicard .logo-wrapper {
    width: 50%;
    margin-left: 30px;
  }
}
.box-wrapper .text-magicard.text-bottom {
  bottom: 60px;
  padding-right: 60px;
}
.box-wrapper .text-magicard.text-bottom h2,
.box-wrapper .text-magicard.text-bottom p {
  font-weight: bold;
  margin-top: 0;
  color: #364664;
}
.box-wrapper .text-magicard.text-bottom h2 {
  font-size: 22px;
  margin-bottom: 5px;
}
.box-wrapper .text-magicard.text-bottom p {
  font-size: 20px;
  font-weight: normal;
}
.box-wrapper .text-magicard .three-logos-xs {
  bottom: 26px;
  position: absolute;
  width: 100%;
  height: auto;
  margin-left: -26px;
  padding-left: 15px;
  padding-right: 26px;
}
.box-wrapper .text-magicard .made-in-britain {
  bottom: 11px;
  position: absolute;
  margin-left: 30px;
  width: 117px;
  height: auto;
}
.box-wrapper .magicard600-ups-icons {
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.box-wrapper .magicard600-ups-icons img {
  margin: 18px 46px 3px 46px;
  height: 96px;
  width: 300px;
}
.box-wrapper .magicard600-ups-icons .ups-icons-text {
  margin-left: 28px;
  width: 82px;
  display: inline-block;
}
.box-wrapper .magicard600-ups-icons .ups-icons-text:first-of-type {
  margin-left: 40px;
}
.box-wrapper .magicard600-ups-icons p {
  width: 100%;
  line-height: 1.25em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  color: white;
}
.box-wrapper .magicard-logo {
  top: 75%;
  padding-left: 26px;
}
.box-wrapper .magicard-logo img {
  width: 330px;
  bottom: 10px;
  height: auto;
}
.box-wrapper .text-bureau {
  color: #202223;
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.99px) {
  .box-wrapper .text-bureau {
    padding: 15px;
    max-width: 350px;
    width: 100%;
  }
}
.box-wrapper .text-bureau p {
  font-size: 12px;
  margin: 0;
  margin-left: 10px;
  line-height: initial;
  color: #193040;
}
.box-wrapper .text-bureau img {
  margin-top: 25px;
}
@media (max-width: 767.99px) {
  .box-wrapper .text-bureau img {
    margin-top: 5%;
  }
}
.box-wrapper .text-bureau .text-bureau-description {
  margin: 0;
  font-size: 14px;
  margin-top: 5%;
  font-weight: 400;
}
@media (max-width: 767.99px) {
  .box-wrapper .text-bureau .text-bureau-description {
    background: rgba(237, 237, 237, 0.85);
    padding: 5px;
  }
}
@media (min-width: 480px) {
  .box-wrapper .text-bureau .text-bureau-description {
    font-size: 16px;
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .box-wrapper .text-bureau .text-bureau-description {
    font-size: 13px;
  }
}
.box-wrapper .text-bureau .get-quote-text {
  font-size: 18px;
  margin: 0;
  margin-top: 25px;
}
.box-wrapper .text-bureau .get-quote-img {
  width: 130px;
}
@media (max-width: 767.99px) {
  .box-wrapper .text-bureau .get-quote-img {
    display: none;
  }
}
.box-wrapper .new-bureau {
  background: #cc094b;
  color: white;
}
.box-wrapper .bureau-price-sticker {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.box-wrapper .bureau-price-sticker img {
  z-index: 1;
  position: absolute;
  width: 120px;
  margin: 0 auto;
  margin-top: 50px;
}
.box-wrapper .bureau-price-sticker .bureau-sticker-xs {
  margin-top: 282px;
}
.box-wrapper .bureau-title-mobile {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 230px;
}
.box-wrapper small {
  display: inline-block;
  line-height: 1.2em;
}
.box-wrapper .pronto100-banner h1 {
  color: white;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2em;
}
.box-wrapper .pronto100-banner .sph1 {
  color: white;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2em;
  display: inline-block;
}
.box-wrapper .pronto100-banner h2 {
  font-size: 16px;
  margin-top: 35px;
  line-height: 1.5;
  color: white;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}
.box-wrapper .pronto100-banner p {
  font-size: 14px;
  line-height: 1.2;
  color: white;
  font-weight: normal;
  font-family: 'Roboto Condensed', sans-serif;
}
@media (min-width: 768px) {
  .box-wrapper .pronto100-banner .banner-header {
    padding: 10px;
  }
}
.box-wrapper .pronto100-banner .banner-footer {
  color: white;
}
@media (min-width: 768px) {
  .box-wrapper .pronto100-banner .banner-footer {
    padding: 10px;
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .box-wrapper .pronto100-banner .banner-footer {
    padding-right: 25px;
  }
}
.box-wrapper .pronto100-banner .banner-footer .quote-link {
  color: #cc094b;
  font-weight: bold;
  font-size: 18px;
}
.box-wrapper .pronto100-banner .banner-footer .quote-link:hover {
  color: #9b0739;
}
.box-wrapper .btn-pronto100 {
  background-color: #1f2e38;
  color: white;
  height: 36px;
  font-weight: bold;
}
.box-wrapper .banner-badge-container {
  display: flex;
}
.box-wrapper .banner-badge-container .badge {
  background: white;
  color: #536a80;
  padding: 10px 20px;
  line-height: 1em;
  font-weight: bold;
  width: 72px;
  height: 36px;
  font-size: 18px;
}
.box-wrapper .banner-badge-container .badge-text {
  font-size: 13px;
  line-height: 1em;
  font-weight: bold;
  color: white;
  margin-left: 10px;
  align-self: center;
}
.box-wrapper .banner-footer-container {
  padding-top: 50px;
}
.box-wrapper .banner-footer-container .sph1 {
  color: white;
  font-weight: bold;
  font-size: 26px;
  line-height: 1.2em;
  display: inline-block;
}
.box-wrapper .banner-footer-container h2 {
  font-size: 16px;
  margin-top: 50px;
  line-height: 1.2;
  margin-bottom: 30px;
  color: white;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}
.box-wrapper .banner-footer-container p {
  font-size: 14px;
  line-height: 1.2;
  color: white;
  font-weight: normal;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 20px;
}
.box-wrapper .banner-footer-container #pronto100logo {
  width: 150px;
  margin-top: 30px;
}
@media (max-width: 480px) {
  .box-wrapper .banner-footer-container {
    padding-top: 5px;
    /*
              p {
                  display: none;
              }
              
              a {
                  display: inline-block;
              }*/
  
  }
  .box-wrapper .banner-footer-container .sph1 {
    font-size: 18px;
  }
  .box-wrapper .banner-footer-container #pronto100logo {
    width: 120px;
    margin-top: 80px;
  }
  .box-wrapper .banner-footer-container h2 {
    max-width: 70%;
    margin-top: 30px;
  }
}
@media (max-width: 480px) {
  .box-wrapper #mdv1 {
    padding: 0 15px 0 0;
  }
}
.box-wrapper .eb-banner-icon-container {
  margin-left: -32px;
}
@media (min-width: 768px) {
  .box-wrapper .banner-body {
    padding: 10px;
  }
}
@media (max-width: 768px) {
  
}
.box-wrapper .banner-body h1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .box-wrapper .banner-body h1 {
    margin-bottom: 25px;
  }
}
.box-wrapper .banner-body .sph1 {
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .box-wrapper .banner-body .sph1 {
    margin-top: 15px;
  }
}
.box-wrapper .banner-body-md {
  margin-top: 15px;
  display: inline;
}
@media (max-width: 480px) {
  .box-wrapper .banner-body-md .banner-badge-container {
    margin-top: -90px;
  }
}
.box-wrapper .banner-body-md .sph2 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: white;
}
.box-wrapper .banner-body-md .badge-text {
  font-weight: normal;
}
.box-wrapper .banner-body-md .badge {
  margin-left: 60px;
  background: inherit;
}
@media (max-width: 768px) {
  .box-wrapper .rPETLanyards-banner {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
}
.box-wrapper .rPETLanyards-banner-text {
  top: 0;
  left: 0;
  height: 100%;
}
.box-wrapper .rPETLanyards-banner-center {
  padding: 45px;
}
.box-wrapper .rPETLanyards-image-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.box-wrapper .rPETLanyards-image-wrapper .rPETLanyards-lanyards-header {
  background: #cc094b;
  line-height: 1.2em;
  color: white;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  padding: 10px 15px;
  margin-bottom: 30px;
}
.box-wrapper .rPETLanyards-image-wrapper h2 {
  font-size: 16px;
  margin-top: 0px;
  line-height: 1.5;
  color: white;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}
.box-wrapper .rPETLanyards-image-wrapper p {
  font-size: 16px;
  line-height: 1.2;
  color: white;
  font-weight: normal;
  font-family: 'Roboto Condensed', sans-serif;
}
.box-wrapper .christmas2019-banner {
  text-align: center;
}
.box-wrapper .christmas2019-banner .banner-header {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .box-wrapper .christmas2019-banner .banner-header {
    padding-top: 35px;
  }
}
@media (max-width: 767.99px) {
  .box-wrapper .christmas2019-banner .banner-header img {
    max-width: 70%;
    height: auto !important;
  }
}
.box-wrapper .christmas2019-banner .banner-body {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .box-wrapper .christmas2019-banner .banner-body {
    padding-top: 20px;
  }
}
.box-wrapper .christmas2019-banner .banner-footer {
  margin: 0 auto;
  padding: 15px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  line-height: 1.2em;
}
@media (min-width: 768px) {
  .box-wrapper .christmas2019-banner .banner-footer {
    padding-top: 40px;
    width: 70%;
  }
}
.box-wrapper .ribbon-finder {
  width: 100%;
  padding: 5em 1.8em 1em 1.8em;
  left: 0;
}
.box-wrapper .ribbon-finder select {
  width: 100%;
  color: white;
  background-color: #75838c;
  font-size: 14px;
  border: none;
}
.box-wrapper .ribbon-finder select:focus {
  background-color: white;
  color: #75838c;
}
.box-wrapper .ribbon-finder .input-group {
  margin-top: 0.5em;
}
.box-wrapper .ribbon-finder .btn {
  margin-left: 0.5em;
}
.box-wrapper .about-us-cell small {
  margin-top: 1em;
}
.box-wrapper .price-promise-svg {
  height: 45px;
  width: 40px;
}
@media (min-width: 768px) {
  .box-wrapper .price-promise-svg {
    height: 54px;
    width: 45px;
    margin: 10px 0;
  }
}
.box-wrapper .ribbon-shredder {
  padding: 26px;
  height: 100%;
  width: 100%;
}
.box-wrapper .ribbon-shredder b,
.box-wrapper .ribbon-shredder span {
  color: white;
}
.box-wrapper .ribbon-shredder .new {
  margin-right: 10px;
  background-color: #82b2d3;
}
.box-wrapper .ribbon-shredder .bottom-text {
  bottom: 26px;
  position: absolute;
}
.box-wrapper .ribbon-shredder .bottom-text .bottom-text-paragraph {
  width: 75%;
  font-size: 14px;
  font-weight: bold;
  color: white;
  display: block;
}
.enviromental-policy {
  max-height: 196px;
}
.enviromental-policy .bg-image {
  background-image: url(/Content/img/frontpage/environment-policy.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
.enviromental-policy .btn-primary {
  background-color: #193040;
  border-color: #193040;
  background-position: center;
  width: 105px;
  margin: 0 auto;
}
.enviromental-policy p {
  color: #193040;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.enviromental-policy .title {
  font-size: 24px;
  font-weight: bold;
}
.text-footer {
  color: #75838c;
  margin-top: 3em;
  margin-bottom: 3em;
}
.wrapper {
  position: relative;
}
.banner-logos {
  margin-top: 10px;
}
.banner-logos .logo1 {
  margin-right: 21px;
}
@media (max-width: 450px) {
  .box-wrapper .banner-footer-container h2 {
    max-width: 70%;
    margin-top: 45px;
    margin-bottom: 20px;
  }
  .box-wrapper .banner-footer-container #pronto100logo {
    width: 120px;
    margin-top: 55px;
  }
}
@media (max-width: 425px) {
  .box-wrapper .banner-footer-container h2 {
    max-width: 70%;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .box-wrapper .banner-footer-container #pronto100logo {
    width: 120px;
    margin-top: 55px;
  }
}
@media (max-width: 400px) {
  .box-wrapper .banner-footer-container h2 {
    max-width: 70%;
    margin-top: 45px;
    margin-bottom: 10px;
  }
  .box-wrapper .banner-footer-container #pronto100logo {
    width: 120px;
    margin-top: 45px;
  }
}
@media (max-width: 375px) {
  .box-wrapper .banner-footer-container h2 {
    max-width: 70%;
    margin-top: 35px;
    margin-bottom: 10px;
  }
  .box-wrapper .banner-footer-container #pronto100logo {
    width: 120px;
    margin-top: 30px;
  }
}
.rPETLanyards-banner {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
}
.sub-banners {
  height: 527px;
  margin-bottom: 22px;
  padding-top: 26px;
}
@media (min-width: 480px) {
  .sub-banners {
    height: 527px;
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) {
  .sub-banners {
    height: 359px;
    margin-bottom: 22px;
  }
}
@media (min-width: 992px) {
  .sub-banners {
    height: 359px;
    margin-bottom: 22px;
  }
}
@media (min-width: 1200px) {
  .sub-banners {
    height: 201px;
    margin-bottom: 22px;
  }
}
@media (min-width: 1600px) {
  .sub-banners {
    height: 201px;
    margin-bottom: 22px;
  }
}
.sub-banners.datacard {
  background: url(/Content/img/categories/banners/datacard/datacard-XS-80.jpg) no-repeat center top;
}
@media (min-width: 480px) {
  .sub-banners.datacard {
    background: url(/Content/img/categories/banners/datacard/datacard-XS-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .sub-banners.datacard {
    background: url(/Content/img/categories/banners/datacard/datacard-SM-80.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .sub-banners.datacard {
    background: url(/Content/img/categories/banners/datacard/datacard-MD-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1200px) {
  .sub-banners.datacard {
    background: url(/Content/img/categories/banners/datacard/datacard-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .sub-banners.datacard {
    background: url(/Content/img/categories/banners/datacard/datacard-1920-80.jpg) no-repeat center top;
  }
}
.sub-banners .banner-text {
  width: 375px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .sub-banners .banner-text {
    width: auto;
    margin: 0;
  }
}
.sub-banners .banner-text .icon {
  margin-bottom: 18px;
  display: block;
}
.sub-banners .banner-text h1 {
  font-size: 24px;
  font-weight: bold;
  color: white;
  margin-top: 0;
  margin-bottom: 4px;
}
.sub-banners .banner-text hr {
  width: 100%;
  max-width: 346px;
  margin: 25px 0;
  background: white;
  height: 2px;
  display: block;
}
@media (min-width: 1200px) {
  .sub-banners .banner-text hr {
    display: none;
  }
}
.sub-banners .banner-text p.body-text {
  font-size: 16px;
  color: white;
}
@media (min-width: 480px) {
  .sub-banners .banner-text p.body-text {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .sub-banners .banner-text p.body-text {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .sub-banners .banner-text p.body-text {
    font-size: 14px;
  }
}
.sub-banners .banner-text ul#bullet-points {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1200px) {
  .sub-banners .banner-text ul#bullet-points {
    display: none;
  }
}
.sub-banners .banner-text ul#bullet-points li {
  font-size: 16px;
  color: white;
  background: url(/Content/img/categories/banners/bulletpoint-tick.svg) no-repeat left center;
  padding-left: 42px;
  margin-bottom: 10px;
  font-weight: bold;
}
@media (min-width: 480px) {
  .sub-banners .banner-text ul#bullet-points li {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .sub-banners .banner-text ul#bullet-points li {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .sub-banners .banner-text ul#bullet-points li {
    font-size: 13px;
    padding-left: 30px;
  }
}
.sub-banners .banner-bpoints .banner-bpoints-box {
  position: relative;
  width: 310px;
  float: right;
  display: none;
}
@media (min-width: 1200px) {
  .sub-banners .banner-bpoints .banner-bpoints-box {
    display: block;
  }
}
.sub-banners .banner-bpoints ul#bullet-points {
  width: 310px;
  border: 2px solid white;
  border-radius: 3px;
  display: block;
  margin: 0;
  padding: 15px 0 15px 125px;
  list-style: none;
  float: right;
}
.sub-banners .banner-bpoints ul#bullet-points li {
  font-size: 16px;
  color: white;
  background: url(/Content/img/categories/banners/bulletpoint-tick.svg) no-repeat left top;
  padding-left: 30px;
  margin-bottom: 10px;
  background-size: 20px;
  font-weight: bold;
}
@media (min-width: 480px) {
  .sub-banners .banner-bpoints ul#bullet-points li {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .sub-banners .banner-bpoints ul#bullet-points li {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .sub-banners .banner-bpoints ul#bullet-points li {
    font-size: 13px;
  }
}
.sub-banners.ecofriendly {
  font-size: 16px;
  z-index: 2;
  height: auto;
  position: relative;
  background: white;
  padding-bottom: 45px;
}
@media (min-width: 1200px) {
  .sub-banners.ecofriendly {
    padding-bottom: 0px;
  }
}
.sub-banners.ecofriendly .banner-text {
  margin: 0;
}
@media (min-width: 768px) {
  .sub-banners.ecofriendly {
    font-size: 14px;
    background: transparent;
  }
}
.sub-banners.ecofriendly .row {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .sub-banners.ecofriendly .row {
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.sub-banners.ecofriendly p.body-text {
  color: #75838c;
  width: 310px;
  line-height: 2rem;
  margin-bottom: 30px;
  border-bottom: 3px solid #28c28e;
  padding-bottom: 30px;
}
@media (min-width: 1200px) {
  .sub-banners.ecofriendly p.body-text {
    width: 300px;
    margin-bottom: 0px;
    border: none;
  }
}
.sub-banners.ecofriendly h1 {
  font-size: 24px;
  line-height: 1.5;
  color: #28c28e;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}
@media (min-width: 768px) {
  .sub-banners.ecofriendly h1 {
    margin-top: 10px;
  }
}
.sub-banners.ecofriendly .ecofriendlybanner ul#bullet-points {
  list-style: none;
  padding: 10px;
  margin: -11px;
}
@media (min-width: 768px) {
  .sub-banners.ecofriendly .ecofriendlybanner ul#bullet-points {
    width: 320px;
  }
}
@media (min-width: 992px) {
  .sub-banners.ecofriendly .ecofriendlybanner ul#bullet-points {
    width: 280px;
  }
}
@media (min-width: 1200px) {
  .sub-banners.ecofriendly .ecofriendlybanner ul#bullet-points {
    margin-left: 58px;
    border-radius: 3px;
    border: 2px solid #75838c;
  }
}
@media (min-width: 1600px) {
  .sub-banners.ecofriendly .ecofriendlybanner ul#bullet-points {
    margin-left: auto;
  }
}
.sub-banners.ecofriendly .ecofriendlybanner ul#bullet-points li {
  color: #75838c;
  background-size: 24px 24px;
  line-height: 1.7em;
  background-repeat: no-repeat;
  background-image: url(/Content/img/categories/banners/ecofriendly/bulletpoint-tick.svg);
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 6px;
}
.sub-banners.homebanner {
  font-size: 16px;
  z-index: 2;
  height: auto;
  position: relative;
  padding-bottom: 45px;
  padding-left: 5px;
}
@media (min-width: 768px) {
  .sub-banners.homebanner {
    padding-left: 0px;
  }
}
@media (min-width: 1200px) {
  .sub-banners.homebanner {
    padding-bottom: 0px;
  }
}
.sub-banners.homebanner .badge-header {
  display: flex;
  flex-direction: column;
}
.sub-banners.homebanner .badge-header .badge-header-1 {
  width: auto;
  padding: 0;
  font-size: 20px;
}
.sub-banners.homebanner .badge-header .badge-header-2 {
  width: auto;
  padding: 0;
  font-size: 20px;
  margin-bottom: 15px;
}
@media (min-width: 480px) {
  .sub-banners.homebanner .badge-header {
    flex-direction: row;
  }
  .sub-banners.homebanner .badge-header .badge-header-2 {
    padding-left: 4px;
    margin-bottom: 17px;
  }
}
@media (min-width: 768px) {
  .sub-banners.homebanner .badge-header {
    flex-direction: column;
  }
  .sub-banners.homebanner .badge-header .badge-header-2 {
    padding-left: 0px;
    font-size: 20px;
    margin-bottom: 42px;
  }
}
@media (min-width: 992px) {
  .sub-banners.homebanner .badge-header .badge-header-2 {
    margin-bottom: 60px;
    font-size: 26px;
  }
  .sub-banners.homebanner .badge-header .badge-header-1 {
    font-size: 26px;
  }
}
@media (min-width: 1200px) {
  .sub-banners.homebanner .badge-header .badge-header-1 {
    font-size: 28px;
  }
  .sub-banners.homebanner .badge-header .badge-header-2 {
    font-size: 28px;
  }
}
.sub-banners.homebanner .banner-text {
  margin-top: 0px;
  margin-left: 0px;
  width: 100%;
}
@media (min-width: 480px) {
  .sub-banners.homebanner .banner-text {
    margin: 0 auto;
    max-width: 500px;
  }
}
@media (min-width: 768px) {
  .sub-banners.homebanner .banner-text {
    margin-top: 18px;
    margin-left: 0px;
    width: auto;
  }
}
@media (min-width: 992px) {
  .sub-banners.homebanner .banner-text {
    margin-top: 45px;
  }
}
.sub-banners.homebanner .banner-text h1 {
  font-size: 26px;
  margin-bottom: 5px;
  width: 300px;
}
@media (min-width: 480px) {
  .sub-banners.homebanner .banner-text h1 {
    width: 430px;
  }
}
@media (min-width: 768px) {
  .sub-banners.homebanner .banner-text h1 {
    width: 320px;
  }
}
@media (min-width: 1200px) {
  .sub-banners.homebanner .banner-text h1 {
    font-size: 28px;
    width: 370px;
  }
}
.sub-banners.homebanner .banner-text p.body-text {
  font-size: 16px;
  margin-bottom: 15px;
  max-width: 320px;
  width: 100%;
}
@media (min-width: 480px) {
  .sub-banners.homebanner .banner-text p.body-text {
    margin-bottom: 20px;
    max-width: 505px;
  }
}
@media (min-width: 768px) {
  .sub-banners.homebanner .banner-text p.body-text {
    font-size: 12px;
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .sub-banners.homebanner .banner-text p.body-text {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .sub-banners.homebanner .banner-text p.body-text {
    font-size: 18px;
    width: 370px;
    margin-bottom: 32px;
  }
}
.sub-banners.homebanner .banner-text .btn-learn-more {
  height: 35px;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  color: white;
  font-weight: bold;
  background-color: transparent;
  padding: 6px;
}
@media (min-width: 480px) {
  .sub-banners.homebanner .banner-text .btn-learn-more {
    width: 100%;
    max-width: 505px;
  }
}
@media (min-width: 768px) {
  .sub-banners.homebanner .banner-text .btn-learn-more {
    width: 229px;
    height: 40px;
    padding: 8px;
  }
}
@media (min-width: 992px) {
  .sub-banners.homebanner .banner-text .btn-learn-more {
    width: 301px;
  }
}
@media (min-width: 1200px) {
  .sub-banners.homebanner .banner-text .btn-learn-more {
    width: 370px;
  }
}
.sub-banners.homebanner .banner-text .row {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .sub-banners.homebanner .banner-text .row {
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.sub-banners.homebanner .banner-text .header-sm {
  font-size: 20px;
  margin-bottom: -18px;
}
.sub-banners.homebanner .banner-text .big-header-sm {
  font-size: 40px;
}
.ecofriendly-bg {
  z-index: 1;
  height: 201px;
  position: static;
  left: 0px;
  width: 100%;
  background-color: white;
  background: url(/Content/img/categories/banners/ecofriendly/Ecofriendly-XS-80.jpg) no-repeat center top;
  background-size: cover;
}
@media (min-width: 768px) {
  .ecofriendly-bg {
    position: absolute;
    background: url(/Content/img/categories/banners/ecofriendly/Ecofriendly-SM-80.jpg) no-repeat right top;
    background-size: cover;
  }
}
@media (min-width: 992px) {
  .ecofriendly-bg {
    background: url(/Content/img/categories/banners/ecofriendly/Ecofriendly-MD-80.jpg) no-repeat right top;
    background-size: cover;
  }
}
@media (min-width: 1200px) {
  .ecofriendly-bg {
    background: url(/Content/img/categories/banners/ecofriendly/Ecofriendly-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .ecofriendly-bg {
    background: url(/Content/img/categories/banners/ecofriendly/Ecofriendly-XL-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .ecofriendly-bg,
  .sub-banners.ecofriendly {
    height: 375px;
  }
}
@media (min-width: 768px) {
  .ecofriendly-bg,
  .sub-banners.ecofriendly {
    height: 375px;
  }
}
@media (min-width: 1200px) {
  .ecofriendly-bg,
  .sub-banners.ecofriendly {
    height: 201px;
  }
}
.sub-banners .banner-bpoints ul#bullet-points li:last-child {
  margin-bottom: 0px;
}
.sub-banners.entrust {
  background: url(/Content/img/categories/banners/entrust/entrust-XS-80.jpg) no-repeat center top;
}
@media (min-width: 480px) {
  .sub-banners.entrust {
    background: url(/Content/img/categories/banners/entrust/entrust-XS-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .sub-banners.entrust {
    background: url(/Content/img/categories/banners/entrust/entrust-SM-80.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .sub-banners.entrust {
    background: url(/Content/img/categories/banners/entrust/entrust-MD-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1200px) {
  .sub-banners.entrust {
    background: url(/Content/img/categories/banners/entrust/entrust-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .sub-banners.entrust {
    background: url(/Content/img/categories/banners/entrust/ENTRUST-xl-80.jpg) no-repeat center top;
    background-size: cover;
  }
}
.sub-banners.evolis {
  background: url(/Content/img/categories/banners/evolis/evolis-XS-80.jpg) no-repeat center top;
}
@media (min-width: 480px) {
  .sub-banners.evolis {
    background: url(/Content/img/categories/banners/evolis/evolis-XS-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .sub-banners.evolis {
    background: url(/Content/img/categories/banners/evolis/evolis-SM-80.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .sub-banners.evolis {
    background: url(/Content/img/categories/banners/evolis/evolis-MD-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1200px) {
  .sub-banners.evolis {
    background: url(/Content/img/categories/banners/evolis/evolis-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .sub-banners.evolis {
    background: url(/Content/img/categories/banners/evolis/evolis-XL-80.jpg) no-repeat center top;
    background-size: cover;
  }
}
.sub-banners.hidfargo {
  background: url(/Content/img/categories/banners/hidfargo/HID-FARGO-XS-80.jpg) no-repeat center top;
}
@media (min-width: 480px) {
  .sub-banners.hidfargo {
    background: url(/Content/img/categories/banners/hidfargo/HID-FARGO-XS-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .sub-banners.hidfargo {
    background: url(/Content/img/categories/banners/hidfargo/HID-FARGO-SM-80.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .sub-banners.hidfargo {
    background: url(/Content/img/categories/banners/hidfargo/HID-FARGO-MD-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1200px) {
  .sub-banners.hidfargo {
    background: url(/Content/img/categories/banners/hidfargo/HID-FARGO-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .sub-banners.hidfargo {
    background: url(/Content/img/categories/banners/hidfargo/HID-FARGO-XL-80.jpg) no-repeat center top;
    background-size: cover;
  }
}
.sub-banners.hid {
  background: url(/Content/img/categories/banners/hid/HID-XS-80.jpg) no-repeat center top;
}
@media (min-width: 480px) {
  .sub-banners.hid {
    background: url(/Content/img/categories/banners/hid/HID-XS-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .sub-banners.hid {
    background: url(/Content/img/categories/banners/hid/HID-SM-80.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .sub-banners.hid {
    background: url(/Content/img/categories/banners/hid/HID-MD-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1200px) {
  .sub-banners.hid {
    background: url(/Content/img/categories/banners/hid/HID-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .sub-banners.hid {
    background: url(/Content/img/categories/banners/hid/HID-XL-80.jpg) no-repeat center top;
    background-size: cover;
  }
}
.sub-banners.idp {
  background: url(/Content/img/categories/banners/idp/IDP-XS-80.jpg) no-repeat center top;
}
@media (min-width: 480px) {
  .sub-banners.idp {
    background: url(/Content/img/categories/banners/idp/IDP-XS-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .sub-banners.idp {
    background: url(/Content/img/categories/banners/idp/IDP-SM-80.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .sub-banners.idp {
    background: url(/Content/img/categories/banners/idp/IDP-MD-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1200px) {
  .sub-banners.idp {
    background: url(/Content/img/categories/banners/idp/IDP-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .sub-banners.idp {
    background: url(/Content/img/categories/banners/idp/IDP-XL-80.jpg) no-repeat center top;
    background-size: cover;
  }
}
.sub-banners.magicard {
  background: url(/Content/img/categories/banners/magicard/MAGICARD-XS-80.jpg) no-repeat center top;
}
@media (min-width: 480px) {
  .sub-banners.magicard {
    background: url(/Content/img/categories/banners/magicard/MAGICARD-XS-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .sub-banners.magicard {
    background: url(/Content/img/categories/banners/magicard/MAGICARD-SM-80.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .sub-banners.magicard {
    background: url(/Content/img/categories/banners/magicard/MAGICARD-MD-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1200px) {
  .sub-banners.magicard {
    background: url(/Content/img/categories/banners/magicard/MAGICARD-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .sub-banners.magicard {
    background: url(/Content/img/categories/banners/magicard/MAGICARD-XL-80.jpg) no-repeat center top;
    background-size: cover;
  }
}
.sub-banners.mifare {
  background: url(/Content/img/categories/banners/mifare/MIFARE-XS-80.jpg) no-repeat center top;
}
@media (min-width: 480px) {
  .sub-banners.mifare {
    background: url(/Content/img/categories/banners/mifare/MIFARE-XS-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .sub-banners.mifare {
    background: url(/Content/img/categories/banners/mifare/MIFARE-SM-80.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .sub-banners.mifare {
    background: url(/Content/img/categories/banners/mifare/MIFARE-MD-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1200px) {
  .sub-banners.mifare {
    background: url(/Content/img/categories/banners/mifare/MIFARE-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .sub-banners.mifare {
    background: url(/Content/img/categories/banners/mifare/MIFARE-XL-80.jpg) no-repeat center top;
    background-size: cover;
  }
}
.sub-banners.paxton {
  background: url(/Content/img/categories/banners/paxton/paxton-XS-80.jpg) no-repeat center top;
}
@media (min-width: 480px) {
  .sub-banners.paxton {
    background: url(/Content/img/categories/banners/paxton/paxton-XS-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .sub-banners.paxton {
    background: url(/Content/img/categories/banners/paxton/paxton-SM-80.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .sub-banners.paxton {
    background: url(/Content/img/categories/banners/paxton/paxton-MD-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1200px) {
  .sub-banners.paxton {
    background: url(/Content/img/categories/banners/paxton/paxton-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .sub-banners.paxton {
    background: url(/Content/img/categories/banners/paxton/paxton-XL-80.jpg) no-repeat center top;
    background-size: cover;
  }
}
.sub-banners.zebra {
  background: url(/Content/img/categories/banners/zebra/ZEBRA-XS-80.jpg) no-repeat center top;
}
@media (min-width: 480px) {
  .sub-banners.zebra {
    background: url(/Content/img/categories/banners/zebra/ZEBRA-XS-80.jpg) no-repeat center top;
  }
}
@media (min-width: 768px) {
  .sub-banners.zebra {
    background: url(/Content/img/categories/banners/zebra/ZEBRA-SM-80.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .sub-banners.zebra {
    background: url(/Content/img/categories/banners/zebra/ZEBRA-MD-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1200px) {
  .sub-banners.zebra {
    background: url(/Content/img/categories/banners/zebra/ZEBRA-LG-80.jpg) no-repeat center top;
  }
}
@media (min-width: 1600px) {
  .sub-banners.zebra {
    background: url(/Content/img/categories/banners/zebra/ZEBRA-XL-80.jpg) no-repeat center top;
    background-size: cover;
  }
}
.review-order-table > div:nth-child(odd) {
  clear: both;
}
.review-order-table .price {
  color: #cc094b;
}
.basket-banner {
  background: #82b2d3;
  padding: 75px 30px 50px 30px;
  text-align: center;
  position: relative;
  max-width: 200px;
}
.basket-banner p,
.basket-banner h3 {
  color: white;
}
.basket-banner h3 {
  margin-top: 0;
  font-weight: bold;
  font-size: 18px;
}
.basket-banner .img-line {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.basket-banner .img-line:before,
.basket-banner .img-line:after {
  content: ' ';
  display: inline-block;
  width: 1em;
  height: 3px;
  background: white;
}
.basket-banner p {
  font-size: 13px;
  line-height: 16px;
}
.basket-banner:after,
.basket-banner:before {
  content: ' ';
  display: block;
  position: absolute;
  bottom: -30px;
  height: 0;
  width: 0;
  border-top: 30px solid #82b2d3;
}
.basket-banner:after {
  right: 0;
  border-left: 100px solid transparent;
}
.basket-banner:before {
  left: 0;
  border-right: 100px solid transparent;
}
.basket-container {
  padding-top: 75px;
  padding-bottom: 75px;
}
.basket-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.basket-table .basket-row {
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .basket-table .basket-row {
    display: table-row;
  }
  .basket-table .basket-row > div {
    padding-top: 5px;
    padding-bottom: 5px;
    display: table-cell;
    vertical-align: middle;
  }
}
.basket-table .price {
  color: #cc094b;
  text-align: left;
}
.basket-table .price span {
  display: block;
  margin-bottom: 22px;
}
.basket-table .quantity p {
  font-size: 18px;
  display: block;
  margin-bottom: 22px;
}
.basket-table .price span,
.basket-table .total span {
  color: #cc094b;
  font-size: 18px;
}
.basket-table input[type="number"] {
  background: #e3e6e8;
  font-weight: bold;
  text-align: center;
  padding: 4px 0px;
}
.basket-table input[type="submit"],
.basket-table input[type="number"] {
  width: 50px;
  border: none;
}
.basket-table input[type="submit"] {
  background: none;
  text-transform: uppercase;
  padding: 0;
}
.basket-title {
  text-transform: uppercase;
}
.basket-title .title {
  color: inherit;
  font-size: 18px;
}
.basket-title small {
  display: block;
  font-size: 14px;
}
.basket-order-table {
  color: #75838c;
}
.basket-order-table .basket-row {
  margin-bottom: 3px;
}
.basket-order-table small,
.basket-order-table a {
  display: block;
}
.basket-summary .price {
  font-size: 46px;
  font-weight: bold;
  color: #cc094b;
}
.basket-summary .price small {
  font-size: 18px;
}
.related-wrapper {
  padding: 2em 0;
}
.steps {
  white-space: pre-line;
  font-weight: 300;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 768px) {
  .steps {
    margin-top: 50px;
    margin-bottom: 40px;
    white-space: normal;
  }
}
.steps > span,
.steps > a {
  padding: 0.5em 1em;
  margin: 0 0.5em;
  line-height: 3em;
  color: #d1d6d9;
  text-decoration: none;
}
.steps .active {
  color: #75838c;
}
.basket-cvid-banner {
  background: #cc094b;
  padding: 20px 30px 20px 30px;
  text-align: left;
  position: relative;
  max-width: 250px;
}
.basket-cvid-banner p,
.basket-cvid-banner h3,
.basket-cvid-banner h2 {
  color: white;
}
.basket-cvid-banner h3 {
  margin-top: 0;
  font-weight: bold;
  font-size: 18px;
}
.basket-cvid-banner h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}
.basket-cvid-banner p {
  font-size: 14px;
  line-height: 16px;
}
.basket-cvid-fs-banner {
  background: white;
  padding: 25px 30px 50px 30px;
  text-align: left;
  position: relative;
  max-width: 250px;
}
.basket-cvid-fs-banner p {
  color: #cc094b;
  font-size: 13px;
  line-height: 16px;
}
.basket-fail-banner {
  background: #cc094b;
  padding: 20px 30px 20px 30px;
  text-align: left;
  position: relative;
  max-width: 250px;
}
.basket-fail-banner p,
.basket-fail-banner h3,
.basket-fail-banner h2 {
  color: white;
}
.basket-fail-banner h3 {
  margin-top: 0;
  font-weight: bold;
  font-size: 28px;
}
.basket-fail-banner h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}
.basket-fail-banner p {
  font-size: 14px;
  line-height: 16px;
}
.basket-fail-fs-banner {
  background: white;
  padding: 25px 30px 50px 30px;
  text-align: left;
  position: relative;
  max-width: 250px;
}
.basket-fail-fs-banner p {
  color: #cc094b;
  font-size: 13px;
  line-height: 16px;
}
.loader {
  width: 20px;
  height: 20px;
  border: 3px solid white;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin-left: 14px;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#card-container {
  margin-top: 40px;
  margin-bottom: 40px;
}
/*#card-toggle {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 5px;
    //padding-left: 10px;
    //padding-right: 10px;
    //margin : -5px;
    //border: 1px solid @gray-lighter;
}*/

.checkout {
  min-height: 100%;
  min-height: 100vh;
  min-height: calc(100vh - 80px);
  background: white;
}
@media (min-width: 992px) {
  .checkout {
    background: -webkit-linear-gradient(left, white 50%, #eff0f1 50%);
    background: linear-gradient(90deg, white 50%, #eff0f1 50%);
  }
}
@media (min-width: 992px) {
  .checkout .container {
    display: flex;
    flex-direction: row-reverse;
    min-height: 100%;
    min-height: 100vh;
    min-height: calc(100vh - 80px);
  }
}
.checkout .container .btn {
  font-weight: bold;
}
.checkout .edit-button {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #28c28e;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
}
.checkout .edit-button:hover {
  color: #1f986f;
}
.checkout .checkout-step-button {
  height: 56px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .checkout .checkout-step-button {
    font-size: 20px;
  }
}
.checkout .checkout-step-button span {
  vertical-align: middle;
}
.checkout .checkout-step-button img {
  margin-left: 10px;
  width: 125px;
  height: 34px;
}
@media (max-width: 767.99px) {
  .checkout .checkout-step-button img {
    display: none !important;
  }
}
.checkout .note {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #d1d6d9;
  padding: 10px 15px;
  font-size: 13px;
  color: #75838c;
}
.checkout .note h3 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
}
.checkout .note p {
  font-size: 14px;
}
.checkout .note label {
  margin-right: 10px;
}
.checkout-header {
  width: 100%;
  z-index: 10;
  background: #75838c;
  color: white;
}
.checkout-header p {
  font-size: 18px;
  line-height: 1em;
  margin-top: 20px;
}
.checkout-header img {
  margin: 15px 0;
  height: 50px;
}
.checkout-header .brand-logo {
  height: 40px;
  margin-top: 25px;
}
.checkout-body {
  background: white;
}
@media (min-width: 992px) {
  .checkout-body {
    padding-right: 80px;
  }
}
.section-body {
  position: relative;
  margin: 15px;
}
@media (min-width: 768px) {
  .section-body {
    margin: 30px;
  }
}
.section-body-gray {
  margin: 0;
  padding: 15px;
  background-color: #eff0f1;
}
@media (min-width: 768px) {
  .section-body-gray {
    padding: 30px;
  }
}
.section-body-gray h3,
.section-body-gray h4 {
  margin: 0;
}
.section-body-gray p {
  color: #75838c;
  padding: 0;
}
.checkout-step {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .checkout-step {
    margin-top: 55px;
    margin-bottom: 55px;
  }
}
.checkout-step .step-wrapper {
  position: relative;
}
.section-wrapper {
  border: 1px solid #d1d6d9;
  border-top-color: transparent;
  border-bottom-color: transparent;
  transition: 1s;
  transition-property: opacity, height;
}
.section-wrapper.section-collapsed {
  border-color: #d1d6d9;
}
.section-wrapper > hr {
  border-color: #d1d6d9;
  margin: 0;
}
.section-wrapper.no-button {
  border-bottom-color: #d1d6d9;
}
.section-collapsed p {
  margin: 0;
  font-size: 16px;
  color: #193040;
}
@media (min-width: 992px) {
  #toggle-basket-review {
    display: block;
  }
}
.checkout-sidebar {
  padding-top: 55px;
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 991.99px) {
  .checkout-sidebar {
    padding: 15px;
    background: #eff0f1;
  }
}
@media (min-width: 992px) {
  .checkout-sidebar {
    padding-left: 65px;
  }
}
.checkout-sidebar h2 {
  margin-top: 0;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .checkout-sidebar h2 {
    margin-bottom: 35px;
  }
}
.checkout-sidebar hr {
  border-color: #d1d6d9;
}
.checkout-sidebar .basket-header-row {
  color: #75838c;
}
.checkout-sidebar .basket-header-row hr {
  margin-top: 0;
}
.checkout-sidebar .review-order-table {
  color: #75838c;
}
.checkout-sidebar .price {
  font-size: 20px;
}
.checkout-sidebar .voucher-wrapper .btn {
  font-size: 14px;
}
@media (max-width: 767.99px) {
  .checkout-sidebar .voucher-wrapper {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 992px) {
  .checkout-sidebar .voucher-wrapper {
    background: #e3e6e8;
    padding: 1px;
    margin-top: 15px;
  }
}
.checkout-sidebar-xs {
  background: #eff0f1;
  height: 50px;
  display: block;
  position: relative;
  padding-left: 15px;
  margin-top: 15px;
}
@media (min-width: 480px) {
  .checkout-sidebar-xs {
    padding-left: 30px;
  }
}
@media (min-width: 992px) {
  .checkout-sidebar-xs {
    display: none;
  }
}
.checkout-sidebar-xs h2 {
  margin: 0;
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
}
.checkout-sidebar-xs .price {
  color: #cc094b;
}
.checkout-sidebar-xs .chevron {
  position: absolute;
  top: 12px;
  right: 12px;
}
.checkout-sidebar-affix.affix {
  top: 0;
}
@media (max-width: 991.99px) {
  .checkout-sidebar-affix {
    position: relative;
  }
}
.checkout-step-title {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  background-color: #75838c;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .checkout-step-title {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/*Delivery Address Styling*/
.address-edit {
  border: 1px solid #d1d6d9;
  padding: 23px;
  min-height: 225px;
  position: relative;
  margin: 0 -5px;
  background-color: white;
  text-align: left;
  cursor: pointer;
}
.address-edit p {
  color: #75838c;
  font-size: 16px;
  margin-bottom: 0;
}
.address-edit span {
  text-align: left;
}
.address-edit .edit-button {
  margin-bottom: 0;
  right: 15px;
  bottom: 15px;
}
.address-edit:hover {
  border-color: #28c28e;
}
.address-edit:hover h4 {
  color: #28c28e;
}
.address-edit:hover p {
  color: black;
}
/*New address box*/

.new-address-box {
  border: 1px dashed #d1d6d9;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767.99px) {
  .new-address-box {
    margin-top: 15px;
  }
}
.new-address-box .plus-sign {
  position: relative;
  width: 45px;
  height: 45px;
}
.new-address-box .plus-sign:before,
.new-address-box .plus-sign:after {
  content: "";
  position: absolute;
  background-color: #d1d6d9;
}
.new-address-box .plus-sign:before {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}
.new-address-box .plus-sign:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}
.new-address-box:hover .plus-sign:before,
.new-address-box:hover .plus-sign:after {
  background-color: #28c28e;
}
.address-select-container .form-control {
  padding-left: 8px;
  border: 1px solid #d1d6d9;
  background: white;
  color: #75838c;
  font-weight: bold;
}
.checkout-edit-form .form-row {
  padding-top: 30px;
}
/*Delivery option*/

.delivery-row {
  margin-bottom: 10px;
}
.delivery-row:last-of-type {
  margin-bottom: 30px;
}
.delivery-row .checkout-delivery-cost {
  padding-right: 20px;
  font-weight: bold;
  color: #75838c;
  font-size: 16px;
}
.delivery-row .free {
  color: #28c28e;
  font-weight: bold;
}
.delivery-row .delivery-options-text {
  color: #75838c;
  font-weight: normal;
  font-size: 16px;
}
.delivery-row:hover .delivery-options-text,
.delivery-row.selected .delivery-options-text,
.delivery-row:hover .checkout-delivery-cost,
.delivery-row.selected .checkout-delivery-cost {
  color: black;
}
.flex-container {
  display: flex;
}
.flex-container .flex-grow-container {
  flex-grow: 2;
}
.flex-container .flex-grow-container-1 {
  flex-grow: 1;
}
.payment-section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 1;
  margin-top: 20px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .payment-section {
    flex-direction: row;
  }
}
.payment-section .styled-radio {
  position: absolute;
}
.payment-row {
  flex: 1;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #75838c;
  border-left: none;
}
.payment-row:first-of-type {
  border-top: none;
}
@media (min-width: 480px) {
  .payment-row {
    border-left: 1px solid #75838c;
    height: 140px;
    padding: 25px 5px 0 5px;
    border-top: none;
  }
}
.payment-row span {
  display: block;
}
.payment-row:first-child {
  border-left: none;
}
.payment-row .payment-option-logo {
  font-size: 0;
}
.payment-row .payment-option-logo img {
  max-width: 33.333%;
}
.payment-row .payment-description {
  margin: 10px 0;
  font-size: 16px;
  color: #75838c;
}
.payment-row .payment-subdescription {
  font-weight: normal;
  font-size: 12px;
  color: #75838c;
}
.billing-checkbox {
  line-height: 14px;
  height: 14px;
}
.billing-checkbox label {
  margin-left: 5px;
  color: #75838c;
}
.po-number.form-field {
  margin-bottom: 30px;
}
.secondary-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  opacity: 0;
}
.personalised-notice {
  border: 1px solid #d1d6d9;
  font-size: 12px;
  color: #75838c;
  padding: 15px;
  margin-bottom: 20px;
}
.personalised-notice ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.personalised-notice p {
  margin-bottom: 0;
}
.card_container {
  border-radius: 5px;
  background-color: white;
  padding: 20px;
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
}
.card_field {
  width: 100%;
  padding: 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  height: 40px;
  background: white;
  font-size: 17px;
  color: #3a3a3a;
  font-family: helvetica, tahoma, calibri, sans-serif;
}
.card_field_50 {
  width: 50%;
  padding: 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  height: 40px;
  background: white;
  font-size: 17px;
  color: #3a3a3a;
  font-family: helvetica, tahoma, calibri, sans-serif;
}
.card_field_75 {
  width: 75%;
  padding: 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  height: 40px;
  background: white;
  font-size: 17px;
  color: #3a3a3a;
  font-family: helvetica, tahoma, calibri, sans-serif;
}
.checkout-complete {
  background: white;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: auto;
}
@media (min-width: 992px) {
  .checkout-complete {
    background: -webkit-linear-gradient(left, white 70%, #e3e6e8 70%);
    background: linear-gradient(90deg, white 70%, #e3e6e8 70%);
  }
}
.checkout-complete .checkout-complete-aside .note {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .checkout-complete.existing-customer {
    background: -webkit-linear-gradient(left, white 70%, #e3e6e8 70%);
    background: linear-gradient(90deg, white 70%, #e3e6e8 70%);
  }
}
@media (min-width: 768px) {
  .checkout-complete.existing-customer .container {
    display: flex;
  }
}
.checkout-complete.existing-customer .checkout-complete-aside .note {
  border: none;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #d1d6d9;
}
.checkout-complete.existing-customer .checkout-complete-aside .form-control {
  background: white;
}
.checkout-complete .container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  .checkout-complete .container {
    display: flex;
  }
}
.checkout-complete .accomplished {
  background: #28c28e;
  text-align: center;
  color: white;
  padding: 1.5em 0 1em 0;
}
.checkout-complete .accomplished .checkmark {
  margin-bottom: 1em;
}
.checkout-complete .accomplished h1 {
  margin: 0;
  color: white;
}
.checkout-complete .accomplished p {
  margin-top: 1em;
}
.checkout-complete .order-breakdown {
  margin: 10px 0;
}
.checkout-complete .order-breakdown .h4 {
  display: block;
  margin: 0;
  padding: 10px;
  text-align: center;
  color: white;
  background: #75838c;
}
.checkout-complete .order-breakdown .order-wrapper {
  background: #e3e6e8;
  text-align: right;
  color: #75838c;
  padding: 15px 0;
  overflow-x: auto;
}
.checkout-complete .order-breakdown .order-wrapper table {
  width: 100%;
  min-width: 350px;
}
.checkout-complete .order-breakdown .order-wrapper th {
  text-transform: uppercase;
}
.checkout-complete .order-breakdown .order-wrapper td,
.checkout-complete .order-breakdown .order-wrapper th {
  padding: 0 15px;
}
.checkout-complete .order-breakdown .order-wrapper hr {
  margin-left: -15px;
  margin-right: -15px;
}
.checkout-complete-main,
.checkout-complete-aside,
.checkout-complete-sidebar {
  padding-top: 50px;
  padding-bottom: 30px;
}
.checkout-complete-main .note,
.checkout-complete-aside .note,
.checkout-complete-sidebar .note {
  border: 1px solid #d1d6d9;
  padding: 10px 15px;
  font-size: 13px;
  color: #75838c;
}
.checkout-complete-main .note h5,
.checkout-complete-aside .note h5,
.checkout-complete-sidebar .note h5 {
  margin-bottom: 0;
}
.checkout-complete-sidebar {
  background: #e3e6e8;
  height: 100%;
}
/*
@pound-decoration-height: 70px;
@pound-decoration-width: 70px;*/
.checkout-credit-form {
  background: white;
}
.checkout-credit-form h3 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
}
.checkout-credit-form h2 {
  color: white;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
}
.checkout-credit-form a {
  color: white;
  font-weight: bold;
}
.checkout-credit-form.form-complete {
  display: none;
  padding: 150px 75px;
  background: #e0c27f;
  text-align: center;
}
.checkout-credit-form.form-complete .form-header {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
}
.checkout-credit-form.form-complete .background-decoration {
  width: 200%;
  height: 100%;
}
.checkout-credit-form.form-complete .pound-decoration {
  top: 50%;
  left: 50%;
  margin-top: -0.7em;
  margin-left: -0.7em;
  font-size: 60px;
}
.checkout-credit-form.form-complete h2 {
  font-size: 36px;
  font-weight: 300;
}
.checkout-credit-form.form-complete p {
  font-size: 16px;
  line-height: 1.2em;
}
.checkout-credit-form .form-header {
  position: relative;
  padding: 25px 30px;
  min-height: 115px;
  background: #e0c27f;
  color: white;
}
.checkout-credit-form .form-body {
  padding: 15px;
}
@media (min-width: 768px) {
  .checkout-credit-form .form-body {
    padding: 10px 30px 50px 30px;
  }
}
.checkout-credit-form .pound-decoration {
  width: 1.4em;
  height: 1.4em;
  line-height: calc(1.4em - 6px);
  font-size: 50px;
  font-weight: bold;
  border: 3px solid #e0c27f;
  background: white;
  color: #e0c27f;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 50px;
  top: -15px;
  z-index: 2;
}
.checkout-credit-form .background-decoration {
  position: absolute;
  top: 0;
  right: 0;
  height: 115px;
  font-size: 0;
  width: 100%;
  text-align: right;
  overflow: hidden;
  z-index: 1;
}
.checkout-credit-form .background-decoration > div {
  display: inline-block;
  background: white;
  opacity: 0.2;
  height: 150%;
  width: 3px;
  margin-right: 7px;
  transform: rotate(-45deg);
  transform-origin: top;
}
.checkout-improve {
  margin-bottom: 30px;
}
.checkout-improve h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
}
.checkout-improve p {
  font-weight: 300;
  font-size: 18px;
}
.checkout-improve textarea {
  border: none;
}
.checkout-map-header {
  text-align: center;
  margin: 2em 0;
}
.checkout-map-header h4 {
  font-weight: 600;
  margin-bottom: 0;
}
.checkout-map-header p {
  font-size: 20px;
  font-weight: 300;
}
.checkout-map-footer {
  text-transform: uppercase;
  margin: 1em 0;
  font-size: 13px;
  color: #75838c;
}
.checkout-map-footer p {
  font-weight: 300;
  line-height: 1.3em;
}
.checkout-help {
  margin-top: 30px;
  text-transform: uppercase;
  color: #75838c;
}
.checkout-help a {
  font-weight: bold;
}
.checkout-help p {
  vertical-align: middle;
}
.info-questionmark {
  float: left;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 4px;
  text-align: center;
  background: #75838c;
  color: white;
  font-weight: bold;
  font-size: 26px;
}
/*
// Online Quote payments
.checkout-quotes {
    //.checkout has a 50px bottom margin that we don't want on quote pages
    margin-bottom: 0;
    min-height: 100%;
}
.quote-payment-wrapper {
    position: relative;
    height: ~"calc(100% - 80px)";
    padding-top: 30px;

    .form-md {
        @media(min-width: @screen-md-min) and (max-width: @screen-lg-max) {
            margin-left: 0;
        }
    }

    .quote-sidebar-bg {
        display: none;
        position: fixed;
        right: 0;
        background: @gray-lighter;
        width: 450px;
        height: 100%;
        top: 0;
        @media(min-width: @screen-md-min) {
            display: block;
        }
    }

    .quote-sidebar {
        background: @gray-lighter;
        padding: 30px;
        margin-bottom: 30px;

        @media(min-width: @screen-md-min) {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 450px;
            background: none;
            padding: 0 30px;
        }

        h2 {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 20px;

            @media(min-width: @screen-md-min) {
                    margin-top: 40px;
            }
            + hr {
                margin-top: 10px;
            }
        }
        .addresses {
            margin-bottom: 30px;
        }
    }

    .quote-confirmation {
        border: 3px solid @brand-primary;
        color: @brand-primary;
        padding: 20px;
        h1 {
            margin: 0;
            color: @brand-primary;
            font-size: 28px;
            font-weight: bold;
        }
        hr {
            border-color: @brand-primary;
            margin-top: 10px;
            margin-bottom: 10px;
            border-width: 2px;
        }
        p {
            font-size: 18px;
            margin: 0;
        }
    }

    .payment-options {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin-bottom: 30px;

        .payment-option {
            display: table-row;
            position: relative;
            label {
                padding: 15px;
            }

            @media(max-width: @screen-xs-max) {
                label {
                    display: table-cell;
                }
                input {
                    float: left;
                    margin-top: 5px;
                }
                + .payment-option {
                    label {
                        border-top: 1px solid @gray;
                    }
                }
                .option-text {
                    margin-top: 0;
                    margin-left: 25px;
                }
            }

            @media(min-width: @screen-sm-min) {
                display: table-cell;
                text-align: center;
                + .payment-option {
                    border-left: 1px solid @gray;
                }
            }
        }

        .option-text {
            display: block;
            font-size: 18px;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 5px;
        }
    }

    .payment-confirmation {
        text-align: center;
        font-size: 13px;
        padding-bottom: 30px;
        .btn {
            margin-bottom: 10px;
        }
    }
}

.basket-quote-table {
    margin-top: 35px;
    .basket-header-row {
        hr {
            margin-top: 5px;
        }
    }
    .price {
        color: @brand-alert;
        font-weight: bold;
    }

    .basket-row {
        line-height: 1.2em;
        margin: 5px 0;
        font-weight: bold;
    }
    .review-quote-table {

    }
}
*/

/*Overview page*/

.checkout-overview {
  min-height: 100%;
  min-height: calc(100% - 80px);
  padding: 15px 0;
  color: #75838c;
}
@media (min-width: 768px) {
  .checkout-overview {
    height: 100%;
    height: 100vh;
    height: calc(100% - 80px);
    display: flex;
    align-items: center;
  }
}
.checkout-overview .container {
  text-align: center;
}
.checkout-overview .overview-existing,
.checkout-overview .overview-guest,
.checkout-overview .overview-spacer {
  display: inline-block;
  text-align: left;
  position: relative;
  vertical-align: middle;
}
@media (max-width: 991.99px) {
  .checkout-overview .overview-existing,
  .checkout-overview .overview-guest,
  .checkout-overview .overview-spacer {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.checkout-overview .overview-guest {
  height: 215px;
}
@media (max-width: 991.99px) {
  .checkout-overview .overview-guest {
    height: 198px;
  }
  .checkout-overview .overview-guest p {
    font-size: 14px;
    display: inline;
  }
}
.checkout-overview .overview-existing {
  min-height: 252px;
}
.checkout-overview .overview-existing,
.checkout-overview .overview-guest {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .checkout-overview .overview-existing,
  .checkout-overview .overview-guest {
    width: 380px;
    min-height: 250px;
  }
}
@media (min-width: 992px) {
  .checkout-overview .overview-existing,
  .checkout-overview .overview-guest {
    min-height: 300px;
  }
}
@media (min-width: 1200px) {
  .checkout-overview .overview-existing,
  .checkout-overview .overview-guest {
    width: 500px;
    min-height: 300px;
  }
}
@media (max-width: 991.99px) {
  .checkout-overview .spacing-guest-title {
    margin-top: 32px;
  }
}
.checkout-overview .overview-spacer {
  width: 100%;
}
@media (max-width: 991.99px) {
  .checkout-overview .overview-spacer {
    display: none;
  }
}
@media (min-width: 768px) {
  .checkout-overview .overview-spacer {
    width: 50px;
  }
}
@media (min-width: 1200px) {
  .checkout-overview .overview-spacer {
    width: 110px;
  }
}
.checkout-overview h1,
.checkout-overview h4 {
  margin: 0;
  height: 65px;
  font-size: 28px;
  font-weight: bold;
}
@media (max-width: 991.99px) {
  .checkout-overview h1,
  .checkout-overview h4 {
    height: auto;
    font-size: 20px;
  }
}
.checkout-overview .overview-title-spacing {
  height: 22px;
}
@media (min-width: 991.99px) {
  .checkout-overview .overview-title-spacing {
    height: 47px;
  }
}
.checkout-overview .overview-spacing-form {
  height: auto;
}
@media (min-width: 768px) {
  .checkout-overview .overview-spacing-form {
    height: 53px;
  }
}
.checkout-overview p {
  margin: 0;
}
.checkout-overview .bold-text-guest {
  height: 49px;
  font-size: 18px;
  font-weight: bold;
}
.checkout-overview .text-guest {
  height: 67px;
  font-size: 18px;
}
.checkout-overview .forgotten-password-spacing {
  height: 30px;
}
.checkout-overview a:not(.btn),
.checkout-overview label {
  font-size: 12px;
  font-weight: normal;
  color: #75838c;
}
.checkout-overview span {
  margin-right: 5px;
  font-size: 12px;
}
.checkout-overview input {
  margin-top: 2px;
}
.checkout-overview .btn {
  bottom: 0;
  left: 0;
  font-weight: bold;
  position: absolute;
}
@media (min-width: 992px) {
  .checkout-overview .vertical {
    margin-right: auto;
    margin-left: auto;
    border-left-width: 2px;
    border-color: #e3e6e8;
    height: 30em;
    display: block;
  }
}
.checkout-overview .basket-login-form {
  height: 65px;
  display: flex;
}
.checkout-overview .basket-login-form input,
.checkout-overview .basket-login-form p {
  align-self: flex-end;
  color: #75838c;
}
.checkout-overview .remember-me-checkbox {
  margin-right: 10px;
}
@media (max-width: 991.99px) {
  .checkout-overview .form-control {
    font-size: 16px;
  }
  .checkout-overview #password {
    margin-bottom: 16px;
  }
  .checkout-overview .form-field {
    margin: 24px 0 16px 0;
  }
}
.landing-banner {
  width: 100%;
  max-width: 1920px;
  height: 290px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2em;
}
.landing-banner h1 {
  margin-top: 0;
  font-weight: bold;
}
.landing-banner p {
  max-width: 60em;
}
.landing-banner .landing-header {
  font-weight: 400;
  max-width: 40em;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.landing-header {
  color: #75838c;
  text-align: center;
  margin: 20px auto;
  max-width: 60em;
}
.landing-header h2,
.landing-header h1 {
  font-weight: 400;
}
.landing-header p:first-of-type {
  margin-top: 1em;
}
@media (min-width: 768px) {
  .landing-header {
    margin: 50px auto;
  }
}
.landing {
  padding-bottom: 2em;
}
.landing h3 {
  font-weight: 600;
}
.landing-section,
.onboarding-landing .intro-section {
  padding-top: 15px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .landing-section,
  .onboarding-landing .intro-section {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
.landing-section.breakdown-section {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .landing-section.breakdown-section {
    padding-bottom: 80px;
  }
}
.landing-section.article-section {
  padding-bottom: 60px;
  padding-top: 60px;
}
.breakdown-section {
  text-align: center;
}
.breakdown-section h3 {
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (max-width: 767.99px) {
  .breakdown-fragments .breakdown-body {
    padding-top: 2em;
  }
}
@media (max-width: 767.99px) {
  .breakdown-fragments > div:nth-child(even) img {
    float: left;
    margin-right: 1em;
  }
}
@media (max-width: 767.99px) {
  .breakdown-fragments > div:nth-child(odd) img {
    float: right;
    margin-left: 1em;
  }
}
.breakdown-fragment {
  text-align: left;
  margin-bottom: 1em;
}
@media (max-width: 767.99px) {
  .breakdown-fragment {
    clear: both;
  }
}
@media (min-width: 992px) {
  .breakdown-fragment {
    margin-bottom: 2em;
  }
}
.landing-subcategories {
  text-align: center;
}
.landing-subcategory {
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
  text-align: left;
}
.landing-subcategory .text {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  margin-left: 2em;
  line-height: 1em;
  color: #75838c;
}
@media (max-width: 767.99px) {
  .landing-subcategory .text {
    max-width: 35%;
  }
}
.landing-subcategory p {
  max-width: 34%;
}
@media (max-width: 767.99px) {
  .landing-subcategory p {
    display: none;
  }
}
.landing-subcategory .text-wide {
  max-width: none;
}
.landing-subcategory .text-wide p {
  max-width: none;
}
.landing-subcategory h3 {
  font-weight: 600;
}
.landing-review .review-person {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  padding: 10px;
  border-radius: 50%;
  border: 6px solid #d1d6d9;
}
.landing-review .review-person img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.landing-review span {
  display: block;
  font-weight: 700;
  text-align: center;
  font-size: 19px;
  margin: 0.5em 0;
}
.landing-review .review-header,
.landing-review .review-content {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.landing-review .review-header {
  height: 100px;
  padding: 0 2em;
  text-align: center;
}
@media (min-width: 1200px) and (max-width: 1599.99px) {
  .landing-review .review-header {
    height: 125px;
  }
}
.landing-review .review-header h3 {
  font-family: 'Reenie Beanie', cursive;
  color: white;
  margin: 0;
}
.landing-review .review-content {
  padding: 1em 2em;
  min-height: 15em;
  margin-bottom: 2em;
}
@media (min-width: 1200px) and (max-width: 1599.99px) {
  .landing-review .review-content {
    min-height: 23em;
  }
}
.landing-review .review-content p {
  margin: 0;
}
.landing-review.red .review-person {
  border-color: #e08e7f;
}
.landing-review.red span {
  color: #e08e7f;
}
.landing-review.red .review-header {
  background: #e08e7f;
}
.landing-review.red .review-content {
  background: rgba(224, 142, 127, 0.14);
}
.landing-review.green .review-person {
  border-color: #65b298;
}
.landing-review.green span {
  color: #65b298;
}
.landing-review.green .review-header {
  background: #65b298;
}
.landing-review.green .review-content {
  background: rgba(101, 178, 152, 0.14);
}
.landing-review.purple .review-person {
  border-color: #b2b3da;
}
.landing-review.purple span {
  color: #b2b3da;
}
.landing-review.purple .review-header {
  background: #b2b3da;
}
.landing-review.purple .review-content {
  background: rgba(178, 179, 218, 0.14);
}
.landing-review.blue .review-person {
  border-color: #82b2d3;
}
.landing-review.blue span {
  color: #82b2d3;
}
.landing-review.blue .review-header {
  background: #82b2d3;
}
.landing-review.blue .review-content {
  background: rgba(130, 178, 211, 0.14);
}
.faq-container {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .faq-container .nav-tabs {
    display: table-cell;
    width: 40%;
    vertical-align: top;
  }
}
@media (min-width: 768px) {
  .faq-container .tab-content {
    display: table-cell;
    vertical-align: top;
    width: 60%;
  }
}
.nav-tabs.faq-questions {
  border: none;
  padding: 15px 0;
}
@media (max-width: 767.99px) {
  .nav-tabs.faq-questions {
    border-bottom: 1px solid #75838c;
  }
}
@media (min-width: 768px) {
  .nav-tabs.faq-questions {
    border-right: 1px solid #75838c;
  }
}
.nav-tabs.faq-questions > li {
  float: none;
  font-weight: bold;
}
.nav-tabs.faq-questions > li > a {
  border: none;
  margin: 0;
  padding: 5px 0;
}
.nav-tabs.faq-questions > li.active > a {
  border: none;
}
.nav-tabs.faq-questions > li.active > a:after {
  content: ' ';
  display: inline-block;
  position: relative;
  right: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #127bbf;
}
@media (min-width: 768px) {
  .nav-tabs.faq-questions > li.active > a:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
  }
}
.tab-content.faq-answers {
  color: #75838c;
  padding-top: 15px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .tab-content.faq-answers {
    padding: 10px 30px;
  }
}
.tab-content.faq-answers h3 {
  margin-top: 0;
  font-weight: bold;
  font-size: 18px;
  color: #127bbf;
}
.ribbon-guide-wrapper {
  position: relative;
  display: block;
  background: #82b2d3;
}
.ribbon-guide-wrapper .text {
  float: left;
  padding: 30px;
  color: white;
}
.ribbon-guide-wrapper .text h3 {
  font-size: 18px;
  color: white;
  margin-top: 0;
}
.ribbon-guide-wrapper .text hr {
  border-color: white;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 150%;
}
.ribbon-guide-wrapper .download-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.ribbon-guide-wrapper .icon-image {
  float: right;
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .ribbon-guide-wrapper .icon-image {
    margin-top: -30px;
  }
}
.remove-arrow input[type="text"],
.remove-arrow textarea {
  height: 50px;
  background-color: #127bbf;
  font-size: 14px;
  color: white;
  font-weight: bold;
}
.lanyard-header .landing-header h2 {
  margin-bottom: 1em;
}
.lanyards-landing {
  font-weight: 300;
  color: #75838c;
}
.lanyards-landing .lanyard-header {
  background: url(/content/img/categories/lanyards/Landing-lanyards-amends.png) 50% 0;
}
.lanyards-landing .lanyard-stats,
.lanyards-landing .lanyard-type {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .lanyards-landing .lanyard-stats,
  .lanyards-landing .lanyard-type {
    margin-bottom: 0;
  }
}
.lanyards-landing .lanyard-type {
  background: #edeff0;
  background: -moz-linear-gradient(-45deg, #edeff0 0%, #bbc1c6 100%);
  background: -webkit-linear-gradient(-45deg, #edeff0 0%, #bbc1c6 100%);
  background: linear-gradient(135deg, #edeff0 0%, #bbc1c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeff0', endColorstr='#bbc1c6', GradientType=1);
  color: #75838c;
  line-height: 1.2em;
}
.lanyards-landing .lanyard-type h3 {
  margin-top: 8px;
  margin-bottom: 1.5em;
}
.lanyards-landing .lanyard-type p {
  min-height: 5em;
}
@media (min-width: 1200px) {
  .lanyards-landing .lanyard-type p {
    min-height: 6em;
  }
}
@media (min-width: 1600px) {
  .lanyards-landing .lanyard-type p {
    min-height: 4em;
  }
}
.lanyards-landing .lanyard-type img {
  margin: 0 auto;
}
.lanyards-landing .lanyard-type-content {
  padding: 2em 1.5em;
}
.lanyards-landing .lanyard-stats {
  background: #d1d6d9;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.lanyards-landing .stats-header {
  background: #75838c;
  padding: 1em 2em;
}
.lanyards-landing .stats-header h3 {
  color: white;
}
.lanyards-landing .stats-decoration {
  float: right;
  background: white;
  font-size: 2em;
  width: 1.5em;
  text-align: center;
  height: 2em;
  line-height: 2em;
  position: relative;
  color: #75838c;
  font-weight: bold;
}
.lanyards-landing .stats-decoration:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 0.75em solid transparent;
  border-right: 0.75em solid transparent;
  border-bottom: 0.2em solid #75838c;
}
.lanyards-landing .stats-body {
  color: #75838c;
  font-weight: bold;
  padding: 1em 2em 0.5em 2em;
}
.lanyards-landing .stats-body .h1 {
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 0;
  margin-top: 0.1em;
}
.lanyards-landing .lanyard-part-image {
  max-height: 465px;
}
.lanyards-landing .lanyard-part {
  display: inline-block;
  margin-bottom: 0.5em;
}
.lanyards-landing .lanyard-part img {
  margin: 0.5em 1em;
}
@media (min-width: 768px) {
  .lanyards-landing .lanyard-part img {
    margin: 1em 2em;
  }
}
.lanyards-landing .lanyard-part h3,
.lanyards-landing .lanyard-part a {
  font-weight: bold;
  color: #127bbf;
}
.lanyards-landing .video-description {
  padding: 2em;
  border: 2px solid #e3e6e8;
  border-top: none;
}
.lanyards-landing .video-description h3 {
  font-weight: bold;
  color: #127bbf;
}
.lanyards-landing .lanyard-material {
  margin: 0 auto;
  display: inline-block;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .lanyards-landing .lanyard-material {
    width: 165px;
    display: block;
  }
}
.lanyards-landing .lanyard-material img {
  shape-outside: circle(50%);
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .lanyards-landing .lanyard-material img {
    shape-outside: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4em;
    float: none;
  }
}
.lanyards-landing .lanyard-material h3,
.lanyards-landing .lanyard-material span {
  color: #127bbf;
}
.lanyards-landing .lanyard-material h3 {
  margin-bottom: 0;
}
.lanyards-landing .lanyard-material span {
  display: block;
}
.lanyards-landing .lanyard-material p {
  line-height: 1.3;
  min-height: 12em;
}
@media (min-width: 768px) {
  .lanyards-landing .material-header {
    min-height: 6em;
  }
}
.lanyards-landing .lanyard-benefits {
  color: #127bbf;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
}
.lanyards-landing .lanyard-benefits img {
  margin-bottom: 1.5em;
}
.lanyards-landing .lanyard-benefits h3 {
  margin-bottom: 0;
  color: #127bbf;
}
.lanyards-landing .lanyard-benefits p {
  font-weight: 400;
}
.lanyards-landing .lanyard-clip {
  max-width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .lanyards-landing .lanyard-clip {
    width: 180px;
  }
}
.lanyards-landing .lanyard-clip img {
  float: right;
}
@media (min-width: 768px) {
  .lanyards-landing .lanyard-clip img {
    margin-top: 1em;
  }
}
.lanyards-landing .lanyard-clip .clip-header {
  background: #127bbf;
  color: white;
  padding: 1em;
}
@media (min-width: 1200px) and (max-width: 1599.99px) {
  .lanyards-landing .lanyard-clip .clip-header {
    min-height: 8em;
  }
}
.lanyards-landing .lanyard-clip .clip-header h3 {
  color: white;
  margin: 0;
}
.lanyards-landing .lanyard-clip .clip-header span {
  display: block;
  min-height: 3em;
  font-size: 13px;
}
.lanyards-landing .lanyard-clip .clip-content {
  clear: both;
  padding: 2em;
  line-height: 1.2em;
  font-size: 13px;
  display: inline;
}
@media (max-width: 767.99px) {
  .lanyards-landing .lanyard-clip .clip-content p {
    margin-left: 1em;
  }
}
@media (min-width: 768px) {
  .lanyards-landing .lanyard-clip .clip-content {
    display: block;
    min-height: 15em;
    border-top: 2px solid #e3e6e8;
  }
}
.lanyard-info {
  background: #d1d6d9;
  padding: 1em 2em;
  position: relative;
  margin: 0 auto;
  max-width: 250px;
}
.lanyard-info img {
  max-height: 375px;
}
.lanyard-info ul {
  padding-left: 1.5em;
}
.lanyard-info:after {
  content: '?';
  position: absolute;
  top: -10.5px;
  right: -10.5px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  background: #75838c;
  color: white;
  text-align: center;
  font-size: 24.5px;
  font-weight: bold;
}
.lanyard-widths .width-header {
  margin-top: 1em;
  min-height: 5em;
}
.lanyard-widths .width-header h3 {
  color: #127bbf;
  margin: 0;
}
@media (min-width: 1200px) {
  
}
.lanyard-widths .lanyard-widths-table {
  display: table;
  width: 100%;
  max-width: 100%;
  margin-left: -1em;
}
.lanyard-width-10,
.lanyard-width-15,
.lanyard-width-20,
.lanyard-width-25 {
  display: block;
  text-align: center;
  position: relative;
}
.lanyard-width-10:after,
.lanyard-width-15:after,
.lanyard-width-20:after,
.lanyard-width-25:after {
  content: ' ';
  position: absolute;
  display: block;
  left: 50%;
  height: 5px;
  background: #d1d6d9;
}
.lanyard-width-10:after,
.lanyard-width-15:after,
.lanyard-width-20:after,
.lanyard-width-25:after {
  width: 22px;
  margin-left: -11px;
}
.lanyard-width-15:after {
  width: 33px;
  margin-left: -16.5px;
}
.lanyard-width-20:after {
  width: 44px;
  margin-left: -22px;
}
.lanyard-width-25:after {
  width: 55px;
  margin-left: -27.5px;
}
.lanyard-personalised-width,
.lanyard-plain-width,
.lanyard-preprinted-width {
  display: table-cell;
  text-align: center;
  width: 25%;
}
.lanyard-personalised-width img,
.lanyard-plain-width img,
.lanyard-preprinted-width img {
  margin-top: 30px;
}
@media (max-width: 767.99px) {
  .width-splitter {
    display: table-row;
  }
}
.lanyard-plain-width {
  width: 50%;
}
.lanyard-preprinted-width {
  width: 100%;
}
@media (min-width: 1200px) {
  .lanyard-personalised {
    border-right: 3px solid #d1d6d9;
  }
}
@media (min-width: 768px) {
  .lanyard-plain {
    border-right: 3px solid #d1d6d9;
  }
}
@media (min-width: 1600px) {
  .lanyard-plain {
    padding-left: 1em;
  }
}
@media (min-width: 1600px) {
  .lanyard-preprinted {
    padding-left: 1em;
  }
}
.lanyard-faq .faq-header {
  background: #e08e7f;
  padding: 0 2em;
  height: 5em;
}
@media (min-width: 768px) {
  .lanyard-faq .faq-header {
    height: 8em;
  }
}
@media (min-width: 1200px) {
  .lanyard-faq .faq-header {
    height: 5em;
  }
}
.lanyard-faq .faq-header h3 {
  color: white;
}
.lanyard-faq .faq-content {
  padding: 2em;
  font-weight: 400;
  line-height: 1.2;
}
.my-tag h1 {
  margin-top: 105px;
  margin-bottom: 20px;
  font-weight: bold;
  white-space: nowrap;
  color: white;
}
@media (max-width: 767.99px) {
  .my-tag h1 {
    white-space: normal;
  }
}
.my-tag h2 {
  margin: 0;
  margin-bottom: 45px;
  font-weight: bold;
  text-align: center;
  color: #0e5c8f;
}
.my-tag h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.my-tag p {
  color: #75838c;
  text-align: center;
}
.my-tag .my-tag-banner {
  height: 645px;
  padding-top: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/Content/img/services/MyTag/767.jpg);
}
@media (min-width: 768px) {
  .my-tag .my-tag-banner {
    background-image: url(/Content/img/services/MyTag/940.jpg);
    height: 464px;
  }
}
@media (min-width: 992px) {
  .my-tag .my-tag-banner {
    background-image: url(/Content/img/services/MyTag/1200.jpg);
  }
}
@media (min-width: 1200px) {
  .my-tag .my-tag-banner {
    background-image: url(/Content/img/services/MyTag/1600.jpg);
  }
}
@media (min-width: 1600px) {
  .my-tag .my-tag-banner {
    background-image: url(/Content/img/services/MyTag/1920.jpg);
  }
}
.my-tag .my-tag-banner p {
  color: white;
  text-align: left;
}
@media (max-width: 767.99px) {
  .my-tag .xs-banner-content {
    max-width: 320px;
    margin: 0 auto;
  }
}
.my-tag .my-tag-banner-ribbon {
  padding: 11px 13px 12px 15px;
  position: absolute;
}
.my-tag .my-tag-banner-ribbon img {
  position: relative;
  z-index: 2;
}
.my-tag .my-tag-banner-ribbon:before {
  content: '';
  height: 100%;
  width: 50vw;
  background-color: #75838c;
  position: absolute;
  right: 0;
  top: 0;
}
.my-tag .how-mytag-works {
  padding-top: 50px;
  padding-bottom: 45px;
}
@media (max-width: 991.99px) {
  .my-tag .how-mytag-works {
    max-width: 320px;
  }
}
.my-tag .how-mytag-works img {
  display: block;
  margin: 0 auto;
}
.my-tag .how-mytag-works .how-img-section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 30px;
}
@media (max-width: 991.99px) {
  .my-tag .how-mytag-works .how-img-section {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .my-tag .how-mytag-works .how-img-section {
    height: 150px;
  }
}
@media (min-width: 1600px) {
  .my-tag .how-mytag-works .how-img-section {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .my-tag .how-mytag-works .how-contactless img {
    transform: rotate(-90deg);
  }
}
@media (max-width: 991.99px) {
  .my-tag .how-mytag-works .how-arrows img {
    transform: rotate(90deg);
  }
}
.my-tag .why-use-mytag {
  padding-top: 55px;
  padding-bottom: 80px;
}
@media (max-width: 767.99px) {
  .my-tag .why-use-mytag {
    max-width: 320px;
  }
}
.my-tag .why-use-mytag h2 {
  margin-bottom: 0;
}
.my-tag .why-use-mytag .why-mytag-content {
  min-height: 255px;
  margin-top: 45px;
}
.my-tag .why-use-mytag img {
  height: 155px;
  width: 155px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 767.99px) {
  .my-tag .why-use-mytag img {
    margin-top: 65px;
  }
}
.myTag-quote-form {
  background-color: #193040;
  padding-top: 45px;
  padding-bottom: 90px;
}
.myTag-quote-form .myTag-form-wrapper {
  max-width: 320px;
  margin: 0 auto;
}
@media (max-width: 767.99px) {
  .myTag-quote-form .myTag-form-wrapper {
    padding: 0 15px;
  }
}
.myTag-quote-form h2 {
  color: white;
  font-weight: bold;
}
.myTag-quote-form h3 {
  color: white;
  font-size: 24px;
}
.myTag-quote-form p {
  color: white;
  margin-bottom: 20px;
}
.myTag-quote-form .floating-label-field {
  color: white;
  padding-left: 0;
}
.myTag-quote-form .form-field {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 35px;
}
.myTag-quote-form .floating-label-field ~ label {
  color: white;
  left: 0;
}
.myTag-quote-form .floating-label-field:focus ~ label {
  left: 0;
}
.myTag-quote-form .floating-label-field.has-value {
  color: white;
  border-bottom: 1px solid black;
}
.myTag-quote-form .floating-label-field.has-value ~ label {
  left: 0;
}
.myTag-quote-form input:-webkit-autofill,
.myTag-quote-form input:-webkit-autofill:hover,
.myTag-quote-form input:-webkit-autofill:focus,
.myTag-quote-form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #193040 inset !important;
  -webkit-text-fill-color: white !important;
}
/*.service-section {
    text-align: center;
    padding: 3em 0 2em 0;
    color: @gray;
    position: relative;

    h4 {
        text-transform: uppercase;
    }
}

.testimonial-quote {
    font-family: 'Reenie Beanie', cursive;
    font-size: 2em;
}

.service-fragment {
    max-width: 200px;
    color: white;
    border-radius: 10px;
    margin: 1em auto;
    background: darken(@gray-lighter, 5%);

    b {
        display: block;
        font-size: 18px;
        text-transform: uppercase;
        margin: 5px 0;
    }

    img {
        margin: 1em 0;
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        border-radius: 7px;
    }

    .img-no-transform {
        transform: none;
    }

    .fragment-footer {
        background: @brand-primary;
        padding: 0.5em;
        min-height: 160px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
}
*/

.printed-cards-landing-page .pc-container {
  padding-top: 70px;
  padding-bottom: 70px;
}
.printed-cards-landing-page img {
  margin: 0 auto;
}
.printed-cards-landing-page h2 {
  margin-bottom: 32px;
  text-align: center;
  font-weight: bold;
}
.printed-cards-landing-page h4 {
  font-weight: bold;
}
.printed-cards-landing-page .h5 {
  font-size: 18px;
}
.printed-cards-landing-page p {
  color: #75838c;
}
.printed-cards-landing-page .yellow h3,
.printed-cards-landing-page .yellow .h5 {
  color: #e0c27f;
}
.printed-cards-landing-page .yellow hr {
  border-color: #e0c27f;
}
.printed-cards-landing-page .red h3,
.printed-cards-landing-page .red .h5 {
  color: #e08e7f;
}
.printed-cards-landing-page .red hr {
  border-color: #e08e7f;
}
.printed-cards-landing-page .blue h3 {
  color: #82b2d3;
}
.printed-cards-landing-page .blue hr {
  border-color: #82b2d3;
}
.printed-cards-landing-page .purple h3,
.printed-cards-landing-page .purple .h5 {
  color: #b2b3da;
}
.printed-cards-landing-page .purple hr {
  border-color: #b2b3da;
}
.printed-cards-landing-page .form-control {
  margin-bottom: 10px;
  background: white;
}
.printed-cards-landing-page .padding-0 {
  padding: 0 !important;
  margin: 0 !important;
}
.printed-cards-landing-page .pc-sample .form-control {
  margin-bottom: 20px;
  border: none;
}
@media (min-width: 991.99px) {
  .printed-cards-landing-page .pc-sample .form-control {
    margin-bottom: 25px;
  }
}
.pc-header {
  margin-bottom: 30px;
  padding-top: 60px;
  height: 464px;
  background: url(/Content/img/services/PrintedCards/banner-.jpg);
  background-repeat: no-repeat;
}
@media (min-width: 1600px) {
  .pc-header {
    background-size: cover;
  }
}
@media (max-width: 992px) {
  .pc-header {
    background: url(/Content/img/services/PrintedCards/banner991-.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 768px) {
  .pc-header {
    background: url(/Content/img/services/PrintedCards/banner767-.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 768px) {
  .pc-header {
    padding-top: 20px;
  }
}
.pc-header h1 {
  margin-bottom: 20px;
  font-weight: bold;
  color: white;
}
.pc-header p {
  color: white;
}
.testimonials {
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: 275px;
  background-color: white;
}
.testimonials .pc-review-excellent {
  padding-right: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e6e8;
}
@media (min-width: 992px) {
  .testimonials .pc-review-excellent {
    border-right: 1px solid #e3e6e8;
    border-bottom: none;
  }
}
.testimonials .pc-review-excellent .trustpilot-logo {
  margin-right: 30px;
  height: 33px;
  width: 135px;
}
.testimonials .pc-review-excellent .trustpilot-stars {
  height: 30px;
  width: 150px;
}
.testimonials .pc-review-header {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #193040;
}
.testimonials .pc-review-header span {
  color: #28c28e;
}
.testimonials .inline {
  margin-right: 20px;
  font-weight: bold;
  display: inline;
}
.testimonials .pc-review-title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .testimonials .pc-review-title {
    margin-bottom: 10px;
  }
}
.testimonials .pc-review-section {
  padding-top: 30px;
  padding-left: 0;
}
@media (min-width: 992px) {
  .testimonials .pc-review-section {
    padding-top: 0;
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .testimonials .pc-review-section {
    padding-top: 0;
    padding-left: 60px;
  }
}
.testimonials .pc-review-section img {
  height: 17px;
  width: 90px;
}
.choose-digitalid {
  padding-left: -15px;
  padding-right: -15px;
}
.choose-digitalid hr {
  border-width: 5px;
}
.choose-digitalid .choose-digitalid-single {
  margin: 0 auto;
  margin-top: 58px;
  min-height: 460px;
  max-width: 292px;
}
.choose-digitalid .choose-digitalid-single h3 {
  font-weight: bold;
  text-align: center;
}
.choose-digitalid .choose-digitalid-single img {
  height: 153px;
  width: auto;
  margin-bottom: 20px;
}
@media (max-width: 991.99px) {
  .choose-digitalid .choose-digitalid-single img {
    margin: 0 auto;
  }
}
.choose-digitalid .choose-digitalid-single .choose-subtitle {
  height: 3em;
  font-size: 18px;
  font-weight: bold;
}
.choose-digitalid .choose-digitalid-single p {
  margin-bottom: 20px;
  color: #75838c;
}
.choose-digitalid .choose-digitalid-single .pc-choose-content {
  height: 10em;
}
.choose-digitalid .choose-digitalid-single ul {
  font-weight: bold;
  list-style: none;
  color: #75838c;
}
.pc-types {
  background-color: #e3e6e8;
}
.pc-types .pc-type-single {
  margin-top: 80px;
  max-width: 290px;
}
.pc-types .pc-type-single img {
  margin-bottom: 30px;
  border-radius: 6px;
  transition: 0.3s;
}
.pc-types .pc-type-single img:hover {
  box-shadow: 0 0px 20px -1px rgba(0, 0, 0, 0.2), 0 0 50px 10px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}
.pc-types .pc-type-single a {
  text-decoration: none;
}
.pc-types .pc-type-single p,
.pc-types .pc-type-single a {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #75838c;
}
.pc-shapes {
  text-align: center;
}
.pc-shapes .pc-shapes-single {
  margin: 0 auto;
  margin-top: 60px;
  max-width: 290px;
}
.pc-shapes .bold {
  font-weight: bold;
}
.pc-shapes hr {
  margin-top: 35px;
  margin-bottom: 35px;
  border-width: 5px;
}
.pc-extras .pc-extras-single {
  margin: 0 auto;
  margin-top: 68px;
  max-width: 290px;
}
.pc-extras h4 {
  margin-top: 40px;
  margin-bottom: 20px;
}
.pc-essentials {
  background-color: white;
}
.pc-essentials .pc-essentials-single {
  margin: 0 auto;
  margin-top: 40px;
  max-width: 290px;
}
.pc-essentials h4 {
  margin-bottom: 20px;
}
.pc-essentials p,
.pc-essentials h4 {
  padding-left: 10%;
}
.pc-essentials img {
  margin-top: 40px;
}
.pc-sample {
  padding-top: 68px;
  padding-bottom: 68px;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .pc-sample {
    background: url(/Content/img/services/PrintedCards/sample-pack-.jpg);
  }
}
.pc-sample .pc-sample-header .configuration-form {
  text-align: left;
}
.pc-sample h2 {
  margin-left: 15px;
  margin-bottom: 0;
  display: block;
  text-align: left !important;
}
@media (min-width: 768px) {
  .pc-sample h2 {
    display: inline-block;
    margin: 0 0 30px 15px;
  }
}
.pc-sample span {
  margin-left: 15px;
  color: #75838c;
}
@media (max-width: 767.99px) {
  .pc-sample span {
    margin-bottom: 30px;
    display: block;
  }
}
.pc-sample h5 {
  margin-top: -10px;
  margin-bottom: 20px;
  font-weight: bold;
}
.pc-sample label {
  color: #75838c;
}
.pc-sample .pc-sample-message {
  padding-right: 15px;
  max-width: 410px;
  text-align: left;
}
.pc-sample .pc-sample-message .well {
  margin-left: 15px;
  margin-bottom: 40px;
}
.pc-sample .pc-sample-message .well h2 {
  text-align: center;
}
.pc-sample .pc-sample-message .pc-again-btn {
  margin-left: 15px;
}
.pc-button {
  height: 48px;
  font-size: 18px;
  margin-top: 20px;
}
.pc-faq .faq {
  align-content: center;
}
.pc-faq .faq-content {
  width: auto;
}
.pc-faq .faq-text {
  margin: 0 auto;
  max-width: 590px;
  display: block;
  text-align: center;
  color: #75838c;
}
.pc-faq .nav-tabs.faq-questions-section {
  border: none;
  padding: 15px 0;
}
@media (max-width: 767.99px) {
  .pc-faq .nav-tabs.faq-questions-section {
    border-bottom: 2px solid #d1d6d9;
  }
}
@media (min-width: 768px) {
  .pc-faq .nav-tabs.faq-questions-section {
    border-right: 2px solid #d1d6d9;
  }
}
.pc-faq .nav-tabs.faq-questions-section > li {
  font-weight: bold;
  float: none;
}
.pc-faq .nav-tabs.faq-questions-section > li > a {
  margin: 0;
  border: none;
  padding: 5px 0;
}
.pc-faq .nav-tabs.faq-questions-section > li.active > a {
  border: none;
}
.pc-faq .nav-tabs.faq-questions-section > li.active > a:after {
  right: -5px;
  position: relative;
  display: inline-block;
  content: ' ';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #127bbf;
}
@media (min-width: 768px) {
  .pc-faq .nav-tabs.faq-questions-section > li.active > a:after {
    margin-top: -5px;
    right: 0;
    top: 50%;
    position: absolute;
  }
}
.pc-faq .nav-tabs .faq-questions {
  padding: 0;
}
.pc-faq .tab-content.faq-answers {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 882px) {
  .pc-faq .tab-content.faq-answers {
    padding-top: 15px;
  }
}
.pc-faq .faq-questions ul li {
  font-size: 14px;
}
@media (max-width: 767px) {
  .pc-faq .faq-questions .nav-tabs.faq-questions {
    padding-bottom: 20px;
  }
  .pc-faq .faq-questions ul li {
    font-size: 16px;
  }
  .pc-faq .faq-questions .nav-tabs.faq-questions > li > a {
    padding: 3px;
  }
}
.picp h2 {
  font-size: 24px;
}
.picp .no-wrap {
  white-space: nowrap;
}
.picp .picp-banner {
  height: 464px;
  background-image: url(/Content/img/services/PrintedCards/BureauCards/mobile/banner-bkg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 991.99px) {
  .picp .picp-banner {
    padding-top: 25px;
  }
}
@media (min-width: 992px) {
  .picp .picp-banner {
    background-image: url(/Content/img/services/PrintedCards/BureauCards/banner-bkg.jpg);
    background-position: left;
  }
}
@media (min-width: 1600px) {
  .picp .picp-banner {
    background-position: center;
  }
}
@media (max-width: 767.99px) {
  .picp .picp-banner .banner-content {
    max-width: 350px;
  }
}
@media (max-width: 991.99px) {
  .picp .picp-banner .banner-content {
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .picp .picp-banner .banner-content {
    height: 100%;
    display: flex;
    align-items: center;
  }
}
.picp .picp-banner h1 {
  margin-top: 0;
  font-weight: bold;
  color: #202223;
}
.picp .picp-banner p {
  color: #202223;
}
.picp .picp-banner a {
  width: 49.4%;
  font-weight: bold;
  font-size: 18px;
}
.picp .picp-purposes {
  padding-top: 40px;
  padding-bottom: 90px;
  background-color: #75838c;
}
.picp .picp-purposes h2 {
  color: white;
  font-weight: bold;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-purposes h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .picp .picp-purposes h2 {
    text-align: center;
  }
}
.picp .picp-purposes .picp-purposes-subtitle {
  margin: 0 auto;
  max-width: 290px;
  text-align: center;
  color: white;
}
@media (max-width: 767.99px) {
  .picp .picp-purposes h2,
  .picp .picp-purposes .picp-purposes-subtitle {
    margin: 0 auto;
    padding-bottom: 20px;
    max-width: 290px;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-purposes h2,
  .picp .picp-purposes .picp-purposes-subtitle {
    text-align: left;
  }
}
.picp .picp-purposes br {
  display: none;
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-purposes br {
    display: block;
  }
}
@media (max-width: 767.99px) {
  .picp .picp-purposes ul {
    margin: 0 auto;
  }
}
@media (max-width: 767.99px) {
  .picp .picp-purposes ul li {
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-purposes ul li {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .picp .picp-purposes ul li {
    width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .picp .picp-purposes ul li {
    width: 16.66%;
  }
}
.picp .picp-purposes .tab-content {
  display: none;
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-purposes .tab-content {
    display: block;
  }
}
.picp .picp-purposes .tab-content img {
  margin-top: 45px;
  margin-bottom: 30px;
  transform: scale(1);
}
.picp .picp-purposes .tab-content h3 {
  margin-bottom: 20px;
  color: white;
  font-weight: bold;
}
.picp .picp-purposes .tab-content p {
  color: white;
}
@media (max-width: 767.99px) {
  .picp .picp-purposes .nav-tabs > li {
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-purposes ul li.active .picp-purposes-single:hover {
    border-radius: 5%;
    background-color: #69767e;
  }
}
@media (min-width: 992px) {
  .picp .picp-purposes {
    transition: 0 ease-out;
  }
}
.picp .picp-purposes .picp-purposes-single {
  margin-top: 50px;
}
@media (max-width: 767.99px) {
  .picp .picp-purposes .picp-purposes-single {
    max-width: 290px;
    margin: 0 auto;
    margin-top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-purposes .picp-purposes-single {
    margin-top: 0;
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .picp .picp-purposes .picp-purposes-single {
    margin-left: 0;
    padding-left: 40px;
    padding-right: 20px;
    min-height: 255px;
  }
}
@media (min-width: 1200px) {
  .picp .picp-purposes .picp-purposes-single {
    padding: 0;
    min-height: 0;
  }
}
@media (min-width: 1600px) {
  .picp .picp-purposes .picp-purposes-single {
    padding-right: 70px;
  }
}
.picp .picp-purposes .picp-purposes-single p,
.picp .picp-purposes .picp-purposes-single h3 {
  padding-top: 10px;
  color: white;
}
@media (min-width: 992px) {
  .picp .picp-purposes .picp-purposes-single p,
  .picp .picp-purposes .picp-purposes-single h3 {
    padding-right: 50px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .picp .picp-purposes .picp-purposes-single p,
  .picp .picp-purposes .picp-purposes-single h3 {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-purposes .picp-purposes-single p {
    display: none;
  }
}
.picp .picp-purposes .picp-purposes-single h3 {
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 767.99px) {
  .picp .picp-purposes .picp-purposes-single h3 {
    margin-bottom: 0;
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-purposes .picp-purposes-single h3 {
    margin-top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199.99px) {
  .picp .picp-purposes .picp-purposes-single h3 {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .picp .picp-purposes .picp-purposes-single h3 {
    margin-top: 45px;
  }
}
.picp .picp-purposes .picp-purposes-single a {
  display: block;
}
.picp .picp-purposes img {
  margin: 0 auto;
  transition: all 0.3s ease-out;
  border-radius: 6px;
  box-shadow: 0 0px 20px -1px rgba(0, 0, 0, 0.2), 0 0 50px 10px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767.99px) {
  .picp .picp-purposes img {
    margin: 0 auto;
    width: 100%;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-purposes img {
    width: 100%;
    height: auto;
    transform: scale(1);
  }
}
@media (min-width: 992px) {
  .picp .picp-purposes img {
    height: 90px;
    width: auto;
  }
}
@media (min-width: 992px) {
  .picp .picp-purposes img:hover {
    transform: scale(1.4);
  }
}
@media (max-width: 767.99px) {
  .picp .picp-purposes .desktop {
    display: none;
  }
  .picp .picp-purposes .mobile {
    display: block;
  }
}
@media (min-width: 768px) {
  .picp .picp-purposes .desktop {
    display: block;
  }
  .picp .picp-purposes .mobile {
    display: none;
  }
}
.picp .picp-choose {
  padding-top: 60px;
  padding-bottom: 120px;
}
.picp .picp-choose h2 {
  font-weight: bold;
}
.picp .picp-choose .section-title {
  margin-top: 40px;
  text-align: center;
}
@media (max-width: 767.99px) {
  .picp .picp-choose .section-title {
    max-width: 320px;
    margin: 0 auto;
  }
  .picp .picp-choose .section-title br {
    display: none;
  }
}
.picp .picp-choose .choose-img {
  max-width: 210px;
  margin: 0 auto;
  display: flex;
}
.picp .picp-choose .picp-choose-single {
  margin-top: 80px;
  padding-left: 25px;
  padding-right: 25px;
}
@media (max-width: 767.99px) {
  .picp .picp-choose .picp-choose-single {
    max-width: 350px;
    margin: 0 auto;
    margin-top: 80px;
  }
}
@media (min-width: 1600px) {
  .picp .picp-choose .picp-choose-single {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.picp .picp-choose h3 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1599.99px) {
  .picp .picp-choose h3 {
    height: 52px;
  }
}
.picp .picp-choose h4 {
  font-size: 18px;
  font-weight: bold;
}
.picp .picp-choose hr {
  border-width: 5px;
}
.picp .picp-choose p {
  color: #75838c;
}
.picp .picp-choose .yellow h3,
.picp .picp-choose .yellow hr {
  color: #e0c27f;
  border-color: #e0c27f;
}
.picp .picp-choose .red h3,
.picp .picp-choose .red hr {
  color: #e08e7f;
  border-color: #e08e7f;
}
.picp .picp-choose .blue h3,
.picp .picp-choose .blue hr {
  color: #82b2d3;
  border-color: #82b2d3;
}
.picp .picp-choose .purple h3,
.picp .picp-choose .purple hr {
  color: #b2b3da;
  border-color: #b2b3da;
}
.picp .picp-caseStudy {
  background-image: url(/Content/img/services/PrintedCards/BureauCards/caseStudy-bkg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) {
  .picp .picp-caseStudy {
    padding-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .picp .picp-caseStudy {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .picp .picp-caseStudy .caseStudy-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .picp .picp-caseStudy .caseStudy-content {
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .picp .picp-caseStudy .caseStudy-content {
    padding-top: 100px;
  }
}
@media (min-width: 1600px) {
  .picp .picp-caseStudy .caseStudy-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767.99px) {
  .picp .picp-caseStudy .caseStudy-content {
    max-width: 350px;
    margin: 0 auto;
  }
}
@media (max-width: 767.99px) {
  .picp .picp-caseStudy .caseStudy-content,
  .picp .picp-caseStudy .caseStudy-image {
    padding-top: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199.99px) {
  .picp .picp-caseStudy .caseStudy-content,
  .picp .picp-caseStudy .caseStudy-image {
    padding: 40px 0;
  }
}
@media (max-width: 767.99px) {
  .picp .picp-caseStudy .caseStudy-image {
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991.99px) {
  .picp .picp-caseStudy .caseStudy-image {
    margin-top: -125px;
  }
}
.picp .picp-caseStudy .caseStudy-image img {
  width: 100%;
}
@media (max-width: 767.99px) {
  .picp .picp-caseStudy .caseStudy-image img {
    margin: 0 auto;
    max-width: 350px;
    display: block;
  }
}
@media (max-width: 767.99px) {
  .picp .picp-caseStudy .caseStudy-image .desktop {
    display: none;
  }
  .picp .picp-caseStudy .caseStudy-image .mobile {
    display: block;
  }
}
@media (min-width: 768px) {
  .picp .picp-caseStudy .caseStudy-image .desktop {
    display: block;
  }
  .picp .picp-caseStudy .caseStudy-image .mobile {
    display: none;
  }
}
.picp .picp-caseStudy .caseStudy-signature {
  height: 100%;
  display: flex;
  align-items: center;
}
.picp .picp-caseStudy .caseStudy-signature img {
  height: 100px;
}
.picp .picp-caseStudy .caseStudy-signature .caseStudy-signature-content {
  margin-left: 10px;
}
@media (min-width: 768px) {
  .picp .picp-caseStudy .caseStudy-signature .caseStudy-signature-content {
    margin-left: 20px;
  }
}
.picp .picp-caseStudy .caseStudy-signature .name {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: bold;
}
.picp .picp-caseStudy h2 {
  margin-bottom: 25px;
  font-size: 28px;
  color: white;
}
.picp .picp-caseStudy p {
  margin: 0;
  color: white;
}
.picp .picp-caseStudy .white-block {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #75838c;
  background-color: white;
}
.picp .picp-bioCards {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #75838c;
}
@media (min-width: 768px) {
  .picp .picp-bioCards {
    padding: 0;
    background-image: none;
  }
}
@media (min-width: 992px) {
  .picp .picp-bioCards {
    padding-top: 100px;
    padding-bottom: 80px;
    background-image: url(/Content/img/services/PrintedCards/BureauCards/bioCards-bkg.jpg);
  }
}
.picp .picp-bioCards .bioCards-bkg-tablet {
  height: 450px;
  background-image: url(/Content/img/services/PrintedCards/BureauCards/tablet/bioCards-bkg.jpg);
  background-position: center;
  display: block;
}
@media (min-width: 992px) {
  .picp .picp-bioCards .bioCards-bkg-tablet {
    display: none;
  }
}
.picp .picp-bioCards .dyestar-logo-tablet {
  display: none;
}
@media (min-width: 992px) and (max-width: 1199.99px) {
  .picp .picp-bioCards .dyestar-logo-tablet {
    margin-left: 20px;
    width: 170px;
    display: inline-block;
  }
}
@media (max-width: 767.99px) {
  .picp .picp-bioCards .bioCards-content {
    max-width: 350px;
    margin: 0 auto;
  }
}
@media (max-width: 991.99px) {
  .picp .picp-bioCards .bioCards-content {
    margin-bottom: 50px;
  }
}
.picp .picp-bioCards h2 {
  margin-top: 65px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  color: white;
}
@media (min-width: 992px) {
  .picp .picp-bioCards h2 {
    margin-top: 25px;
    color: #75838c;
  }
}
.picp .picp-bioCards p {
  margin-bottom: 35px;
  color: white;
}
@media (min-width: 992px) {
  .picp .picp-bioCards p {
    color: #75838c;
  }
}
.picp .picp-bioCards .bio-logo {
  height: 65px;
  display: none;
}
@media (min-width: 992px) {
  .picp .picp-bioCards .bio-logo {
    display: inline-block;
  }
}
.picp .picp-bioCards .bio-logo-tablet {
  height: 65px;
  display: block;
}
@media (min-width: 992px) {
  .picp .picp-bioCards .bio-logo-tablet {
    display: none;
  }
}
.picp .picp-bioCards .dyestar-logo {
  height: 100px;
}
@media (max-width: 767.99px) {
  .picp .picp-bioCards .dyestar-logo {
    display: none;
  }
}
@media (max-width: 991.99px) {
  .picp .picp-bioCards .dyestar-logo {
    bottom: 250px;
    position: absolute;
  }
}
@media (min-width: 992px) and (max-width: 1199.99px) {
  .picp .picp-bioCards .dyestar-logo {
    display: none;
  }
}
.picp .picp-bioCards .small-background {
  width: 100%;
  display: block;
}
@media (min-width: 992px) {
  .picp .picp-bioCards .small-background {
    display: none;
  }
}
.picp .picp-quote {
  padding-top: 60px;
  padding-bottom: 60px;
}
.picp .picp-quote .picp-quote-single img {
  max-height: 150px;
}
@media (max-width: 767.99px) {
  .picp .picp-quote .picp-quote-single {
    max-width: 350px;
    padding: 50px 30px 0 30px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .picp .picp-quote .picp-quote-single {
    padding: 50px 65px 0 65px;
  }
}
@media (min-width: 992px) {
  .picp .picp-quote .picp-quote-single {
    padding: 50px 110px 0 110px;
  }
}
@media (min-width: 1200px) {
  .picp .picp-quote .picp-quote-single {
    padding: 50px 30px 0 30px;
  }
}
@media (min-width: 1600px) {
  .picp .picp-quote .picp-quote-single {
    padding: 50px 65px 0 65px;
  }
}
.picp .picp-quote h2 {
  text-align: center;
  font-weight: bold;
}
.picp .picp-quote .subtitle {
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 767.99px) {
  .picp .picp-quote .subtitle {
    max-width: 320px;
    margin: 0 auto;
  }
  .picp .picp-quote .subtitle br {
    display: none;
  }
}
.picp .picp-quote h3 {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
}
.picp .picp-quote p {
  color: #75838c;
}
.picp .picp-faq {
  padding-top: 60px;
  padding-bottom: 80px;
  background-color: #e3e6e8;
}
.picp .picp-faq h2 {
  margin-bottom: 70px;
  font-size: 28px;
  font-weight: bold;
}
@media (max-width: 767.99px) {
  .picp .picp-faq h2 {
    margin-bottom: 30px;
  }
}
.picp .picp-faq .nav-tabs.faq-questions-section {
  padding: 15px 0;
  border: none;
}
@media (max-width: 767.99px) {
  .picp .picp-faq .nav-tabs.faq-questions-section {
    border-bottom: 2px solid #d1d6d9;
  }
}
@media (min-width: 768px) {
  .picp .picp-faq .nav-tabs.faq-questions-section {
    border-right: 2px solid #d1d6d9;
  }
}
.picp .picp-faq .nav-tabs.faq-questions-section > li {
  font-weight: bold;
  float: none;
}
.picp .picp-faq .nav-tabs.faq-questions-section > li > a {
  margin: 0;
  padding: 5px 0;
  border: none;
}
.picp .picp-faq .nav-tabs.faq-questions-section > li.active > a {
  border: none;
}
.picp .picp-faq .nav-tabs.faq-questions-section > li.active > a:after {
  right: -5px;
  position: relative;
  display: inline-block;
  content: ' ';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #127bbf;
}
@media (min-width: 768px) {
  .picp .picp-faq .nav-tabs.faq-questions-section > li.active > a:after {
    margin-top: -5px;
    right: 0;
    top: 50%;
    position: absolute;
  }
}
@media (max-width: 767.99px) {
  .picp .picp-faq .faq-container {
    max-width: 350px;
    margin: 0 auto;
  }
}
.picp .picp-faq .faq-container .tab-content {
  width: 100%;
}
@media (min-width: 768px) {
  .picp .picp-faq .faq-container .tab-content {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .picp .picp-faq .faq-container .tab-content {
    width: 57%;
  }
}
.picp .picp-faq .tab-content.faq-answers {
  padding: 20px 0;
}
@media (min-width: 768px) {
  .picp .picp-faq .tab-content.faq-answers {
    padding: 15px 20px;
  }
}
@media (min-width: 992px) {
  .picp .picp-faq .tab-content.faq-answers {
    padding: 20px 60px;
  }
}
.picp .picp-getQuote {
  padding-top: 55px;
  padding-bottom: 95px;
}
@media (max-width: 767.99px) {
  .picp .picp-getQuote {
    padding-bottom: 55px;
  }
}
.picp .picp-getQuote h2 {
  margin: 0 auto;
  margin-bottom: 90px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767.99px) {
  .picp .picp-getQuote h2 {
    margin-bottom: 70px;
  }
}
.picp .picp-getQuote .getQuote-content {
  margin: 0 auto;
  width: 500px;
}
@media (max-width: 767.99px) {
  .picp .picp-getQuote .getQuote-content {
    width: 100%;
    max-width: 350px;
    display: block;
  }
}
.picp .picp-getQuote .getQuote-content .hate-forms-number {
  text-align: center;
  color: #75838c;
}
.picp .picp-getQuote .getQuote-testimonials {
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: top;
}
.picp .picp-getQuote .testimonials-content {
  padding: 30px;
  min-height: 100%;
  background-color: #193040;
}
@media (max-width: 767.99px) {
  .picp .picp-getQuote .testimonials-content {
    padding: 25px 10px;
    margin-top: 28px;
  }
}
@media (min-width: 1200px) {
  .picp .picp-getQuote .testimonials-content {
    padding: 40px;
  }
}
.picp .picp-getQuote .getQuote-form-width {
  max-width: 100%;
  width: 350px;
}
.picp .picp-getQuote p {
  color: white;
}
.picp .picp-getQuote .review-title {
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.picp .picp-getQuote .review-title a {
  text-decoration: none;
  float: left;
  color: white;
}
.picp .picp-getQuote .review-content {
  margin-bottom: 0;
}
.picp .picp-getQuote .note {
  color: #75838c;
  text-align: left;
}
@media (max-width: 767.99px) {
  .picp .configuration-form {
    max-width: 350px;
    margin: 0 auto;
  }
}
.picp form {
  height: 100%;
  display: flex;
  justify-content: center;
}
.picp .PhotoIDQuoteConfirmation {
  margin: 0 auto;
  max-width: 475px;
  background-color: #28c28e;
}
@media (max-width: 767.99px) {
  .picp .PhotoIDQuoteConfirmation {
    margin: 0 15px;
    padding: 35px;
  }
}
@media (min-width: 768px) {
  .picp .PhotoIDQuoteConfirmation {
    padding: 35px 50px;
  }
}
@media (min-width: 992px) {
  .picp .PhotoIDQuoteConfirmation {
    padding: 35px 70px 35px 70px;
  }
}
.picp .PhotoIDQuoteConfirmation img {
  height: 155px;
  margin: 0 auto;
}
.picp .PhotoIDQuoteConfirmation h3 {
  margin-bottom: 25px;
  font-size: 36px;
  font-weight: 200;
}
.picp .PhotoIDQuoteConfirmation p,
.picp .PhotoIDQuoteConfirmation h3 {
  text-align: center;
  color: white;
}
.picp .form-field {
  width: 100%;
  margin-top: 35px;
}
/*button with green border and text + transparent background*/

.learn-more {
  line-height: 39px;
  border: 2px solid transparent;
  transition: border 0.3s ease-out;
  vertical-align: top;
  color: #28c28e;
  background-color: transparent;
}
.learn-more:hover {
  border: 2px solid #28c28e;
  color: #28c28e;
}
.bureau-trustpilot-stars a {
  margin-top: 35px;
  max-height: 25px;
  display: block;
}
@media (max-width: 767.99px) {
  .bureau-trustpilot-stars a {
    width: 100%;
  }
}
.bureau-trustpilot-stars .choose-section-trustpilot {
  display: block;
}
.bureau-trustpilot-stars .trustpilot-stars {
  margin-left: 15px;
  vertical-align: bottom;
}
.picp-getQuote {
  background-color: white;
}
.picp-getQuote .trustpilot-img {
  float: right;
}
/*Contains CSS for both festival, conference and sporting event landing pages*/

/*Five step CSS can be found in landing.less*/

/*************** Festival Lanyards **************************/

.lanyard-landing-page h2 {
  color: #75838c;
  font-size: 24px;
  font-weight: bold;
}
.lanyard-landing-page .festival-banner {
  background: url(/Content/img/services/Festival/bannerfestival-100.jpg) 50% 0;
  background-repeat: no-repeat;
  height: 245px;
}
.lanyard-landing-page .lanyard-landing-banner h1 {
  color: #0e5d90;
  font-weight: bold;
}
.lanyard-landing-page .landing-banner .landing-header-dark {
  color: #0e5d90;
  font-weight: bold;
}
.lanyard-landing-page .logo-section img {
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 auto;
}
.lanyard-landing-page .order-section {
  padding-top: 55px;
  padding-bottom: 60px;
}
.lanyard-landing-page .order-section h2 {
  margin-top: -20px;
  padding-top: 50px;
  margin-bottom: -10px;
  margin-left: 10px;
}
.lanyard-landing-page .order-section hr {
  border-top: 1px solid #d1d6d9;
  margin-left: 10px;
  margin-right: 16px;
}
.lanyard-landing-page .faq-section {
  padding-top: 80px;
  /***FAQ questions***/

}
.lanyard-landing-page .faq-section .faq {
  align-content: center;
}
.lanyard-landing-page .faq-section .faq-content {
  width: auto;
}
.lanyard-landing-page .faq-section .faq-text {
  text-align: center;
  color: #75838c;
  max-width: 590px;
  display: block;
  margin: 0 auto;
}
.lanyard-landing-page .faq-section h2 {
  margin-bottom: 30px;
  margin-top: 0px;
}
.lanyard-landing-page .faq-section .faq-container {
  margin-bottom: 80px;
}
.lanyard-landing-page .faq-section .nav-tabs.faq-questions-section {
  border: none;
  padding: 15px 0;
}
@media (max-width: 767.99px) {
  .lanyard-landing-page .faq-section .nav-tabs.faq-questions-section {
    border-bottom: 2px solid #d1d6d9;
  }
}
@media (min-width: 768px) {
  .lanyard-landing-page .faq-section .nav-tabs.faq-questions-section {
    border-right: 2px solid #d1d6d9;
  }
}
.lanyard-landing-page .faq-section .nav-tabs.faq-questions-section > li {
  float: none;
  font-weight: bold;
}
.lanyard-landing-page .faq-section .nav-tabs.faq-questions-section > li > a {
  border: none;
  margin: 0;
  padding: 5px 0;
}
.lanyard-landing-page .faq-section .nav-tabs.faq-questions-section > li.active > a {
  border: none;
}
.lanyard-landing-page .faq-section .nav-tabs.faq-questions-section > li.active > a:after {
  content: ' ';
  display: inline-block;
  position: relative;
  right: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #127bbf;
}
@media (min-width: 768px) {
  .lanyard-landing-page .faq-section .nav-tabs.faq-questions-section > li.active > a:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
  }
}
.lanyard-landing-page .faq-section .nav-tabs.faq-questions {
  padding: 0;
}
.lanyard-landing-page .faq-section .tab-content.faq-answers {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 882px) {
  .lanyard-landing-page .faq-section .tab-content.faq-answers {
    padding-top: 15px;
  }
}
.lanyard-landing-page .faq-section .faq-questions ul li {
  font-size: 14px;
}
@media (max-width: 767px) {
  .lanyard-landing-page .faq-section .faq-questions .nav-tabs.faq-questions {
    padding-bottom: 20px;
  }
  .lanyard-landing-page .faq-section .faq-questions ul li {
    font-size: 16px;
  }
  .lanyard-landing-page .faq-section .faq-questions .nav-tabs.faq-questions > li > a {
    padding: 3px;
  }
}
.lanyard-landing-page .conference-banner {
  background: url(/Content/img/services/Conference/bannerconference-100.jpg) 50% 0;
  background-repeat: no-repeat;
  height: 245px;
}
.lanyard-landing-page .sports-banner {
  background: url(/Content/img/services/Sports/bannersporting-event-100.jpg) 50% 0;
  background-repeat: no-repeat;
  height: 245px;
}
.lanyard-landing-page .school-banner {
  background: url(/Content/img/services/School/banner-school.jpg) 50% 0;
  background-repeat: no-repeat;
  height: 245px;
}
.lanyard-landing-page .trade-banner {
  background: url(/Content/img/services/Trade/banner-trade.jpg) 50% 0;
  background-repeat: no-repeat;
  height: 245px;
}
.ribbons-landing .ribbons-header {
  height: 246px;
  padding-bottom: 0;
  background: url(/content/img/categories/ribbons/banner.jpg) 50% 0;
}
.btn-orange {
  color: #e08e7f;
  background-color: white;
  border-color: white;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #e08e7f;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
}
.btn-orange:hover {
  color: #e08e7f;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #e08e7f;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
  color: #e08e7f;
  background-color: #d4d4d4;
  border-color: #bfbfbf;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus {
  background-color: white;
  border-color: white;
}
.btn-orange .badge {
  color: white;
  background-color: #e08e7f;
}
.ribbon-stage-container {
  margin-top: 30px;
  background: -webkit-linear-gradient(left, #8bd9bf 50%, #d1d6d9 50%);
  background: linear-gradient(90deg, #8bd9bf 50%, #d1d6d9 50%);
}
@media (min-width: 768px) {
  .ribbon-stage-container {
    height: 44px;
  }
}
.ribbon-stage-container#Stage-Brand {
  background: -webkit-linear-gradient(left, #28c28e 50%, #d1d6d9 50%);
  background: linear-gradient(90deg, #28c28e 50%, #d1d6d9 50%);
}
.ribbon-stage-container#Stage-Ribbon {
  background: -webkit-linear-gradient(left, #8bd9bf 50%, #28c28e 50%);
  background: linear-gradient(90deg, #8bd9bf 50%, #28c28e 50%);
}
.ribbon-stages {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ribbon-stages {
    width: 700px;
  }
}
.ribbon-stage {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: white;
  line-height: 44px;
  position: relative;
  cursor: pointer;
  background: #8bd9bf;
}
@media (min-width: 768px) {
  .ribbon-stage {
    float: left;
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  .ribbon-stage:before,
  .ribbon-stage:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 10px solid #127bbf;
  }
  .ribbon-stage:before {
    top: -11px;
    left: 0;
    z-index: 1;
    border-top-width: 33px;
    border-bottom-width: 33px;
    border-left-width: 15px;
    border-left-color: #eff0f1;
  }
  .ribbon-stage:after {
    right: -10px;
    z-index: 2;
    border-left-color: #8bd9bf;
  }
  .ribbon-stage:first-of-type:before {
    display: none;
  }
  .ribbon-stage:last-of-type:after {
    display: none;
  }
}
.ribbon-stage.active {
  background: #28c28e;
}
.ribbon-stage.active:after {
  border-left-color: #28c28e;
}
.ribbon-stage.active + .ribbon-stage,
.ribbon-stage.active + .ribbon-stage + .ribbon-stage {
  background: #d1d6d9;
  cursor: not-allowed;
}
.ribbon-stage.active + .ribbon-stage:after,
.ribbon-stage.active + .ribbon-stage + .ribbon-stage:after {
  border-left-color: #d1d6d9;
}
.ribbon-main-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.ribbon-models-section,
.ribbon-manufacturer-section {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  .ribbon-models-section,
  .ribbon-manufacturer-section {
    width: 735px;
  }
}
@media (min-width: 1200px) {
  .ribbon-models-section,
  .ribbon-manufacturer-section {
    width: 980px;
  }
}
@media (min-width: 1600px) {
  .ribbon-models-section,
  .ribbon-manufacturer-section {
    width: 1225px;
  }
}
.ribbon-section {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  .ribbon-section {
    width: 735px;
  }
}
@media (min-width: 1200px) {
  .ribbon-section {
    width: 980px;
  }
}
@media (min-width: 1600px) {
  .ribbon-section {
    float: left;
  }
}
.ribbon-sidebar-wrapper {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ribbon-sidebar-wrapper {
    width: 735px;
  }
}
@media (min-width: 1200px) {
  .ribbon-sidebar-wrapper {
    width: 980px;
  }
}
@media (max-width: 1599.99px) {
  .ribbon-sidebar-wrapper {
    clear: both;
  }
}
@media (min-width: 1600px) {
  .ribbon-sidebar-wrapper {
    width: 490px;
    float: left;
  }
}
.ribbon-sidebar-wrapper .ribbon-sidebar {
  padding: 5px 15px 15px 15px;
  margin: 10px;
  background: #e3e6e8;
}
.ribbon-sidebar-wrapper .ribbon-sidebar h3 {
  margin-left: 15px;
}
.ribbon-sidebar-wrapper .sidebar-section img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) and (max-width: 1599.99px) {
  .ribbon-sidebar-wrapper .sidebar-section {
    clear: both;
  }
  .ribbon-sidebar-wrapper .sidebar-section img {
    float: left;
  }
  .ribbon-sidebar-wrapper .sidebar-section p {
    padding-top: 40px;
  }
}
@media (min-width: 1600px) {
  .ribbon-sidebar-wrapper .sidebar-section {
    margin: 30px 50px;
  }
}
.ribbon-sidebar-wrapper .sidebar-section p {
  color: #75838c;
}
.printer-ribbon-tabs.nav-tabs {
  border: none;
  border-bottom: 1px solid #193040;
}
.printer-ribbon-tabs.nav-tabs > li > a {
  color: #adb5ba;
  font-size: 14px;
}
.printer-ribbon-tabs.nav-tabs > li.active a {
  color: #75838c;
}
.ribbon-printer-section {
  display: none;
}
.ribbon-box-base,
.ribbon-back-box,
.ribbon-manufacturer-box,
.ribbon-empty-box,
.ribbon-product-box,
.ribbon-ad-box,
.ribbon-model-box {
  width: 225px;
  height: 225px;
  margin: 10px;
  display: inline-block;
  transition: 0.5s opacity;
  vertical-align: top;
}
@media (min-width: 768px) {
  .ribbon-box-base,
  .ribbon-back-box,
  .ribbon-manufacturer-box,
  .ribbon-empty-box,
  .ribbon-product-box,
  .ribbon-ad-box,
  .ribbon-model-box {
    float: left;
  }
}
.ribbon-back-box {
  position: relative;
  background: #75838c;
}
.ribbon-back-box a {
  display: block;
  height: 100%;
  width: 100%;
}
.ribbon-back-box .text {
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  margin-top: -45px;
  left: 50%;
  margin-left: -2em;
  width: 9em;
  text-align: left;
}
.ribbon-back-box .text h4 {
  font-weight: bold;
  color: white;
  font-size: 24px;
}
.ribbon-back-box .text h4 small {
  display: block;
  font-weight: bold;
}
.ribbon-back-box .text:after {
  content: ' ';
  position: absolute;
  left: -1.8em;
  margin-left: -30px;
  top: 50%;
  margin-top: -1.8em;
  transition: 0.4s;
  width: 0;
  height: 0;
  border-top: 1.8em solid transparent;
  border-bottom: 1.8em solid transparent;
  border-right: 1.8em solid white;
}
.ribbon-back-box:hover .text:after {
  margin-left: -35px;
}
.ribbon-manufacturer-box {
  background: white;
}
.ribbon-manufacturer-box img {
  max-width: 55%;
  max-height: 25%;
  margin: 0 auto;
}
.ribbon-manufacturer-box:hover {
  opacity: 0.6;
}
.ribbon-empty-box {
  background: #e3e6e8;
}
.ribbon-product-box {
  padding: 15px;
  background: white;
  position: relative;
}
.ribbon-product-box img {
  margin: 0 auto;
  max-width: 95%;
  max-height: 70%;
  display: block;
}
.ribbon-product-box .title {
  display: block;
  text-align: left;
  padding-top: 8px;
  height: 2.2em;
  color: #75838c;
  font-size: 13px;
  line-height: 1em;
}
.ribbon-product-box .price {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 16px;
  line-height: 1em;
  font-weight: bold;
  color: #cc094b;
}
.ribbon-product-box .sku {
  position: absolute;
  bottom: 15px;
  right: 15px;
  margin: 0;
  font-size: 14px;
  line-height: 1em;
  max-width: 50%;
  color: #75838c;
}
.ribbon-product-box:hover {
  box-shadow: 2px 2px 4px #d1d6d9;
}
.ribbon-ad-box {
  text-align: center;
  color: white;
}
.ribbon-ad-box h3 {
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
}
.ribbon-ad-box span {
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.ribbon-ad-box .btn {
  font-weight: bold;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.live-chat-ad {
  background: #e08e7f;
}
.ribbon-model-box img {
  height: 185px;
  width: 100%;
  background: #e3e6e8;
  display: block;
  transition: 0.5s;
}
.ribbon-model-box .text {
  background: #75838c;
  text-align: center;
  vertical-align: middle;
  color: white;
  transition: 0.5s;
}
.ribbon-model-box:hover img {
  background: #d1d6d9;
}
.ribbon-model-box:hover .text {
  background: #127bbf;
}
.ribbon-model-box h4 {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0;
  color: white;
  line-height: 40px;
}
.ribbon-model-box .empty {
  background: #d1d6d9;
  padding-top: 50%;
}
.faq-questions a {
  display: block;
}
.printed-visitorpass-header {
  background-image: url(/content/img/services/visitorpass/visitor-pass-banner.jpg);
  background-size: cover;
}
.visitorpass-page h2 {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 2em;
}
.visitorpass-page .form-lg {
  padding-top: 0;
  padding-bottom: 4em;
}
.printed-visitorpass-header .service-header {
  height: 300px;
  max-width: 40em;
}
.printed-visitorpass-header h1 {
  color: #127bbf;
}
.printed-visitorpass-header p {
  color: #75838c;
  margin-bottom: 2em;
}
.visitorpass-config-section {
  background: #e3e6e8;
  padding: 1em 2em;
  color: #193040;
  margin-bottom: 2em;
}
@media (min-width: 1200px) {
  .visitorpass-config-section {
    height: 410px;
  }
}
.visitorpass-config-section h3 {
  color: #193040;
  font-size: 19px;
}
.visitorpass-colour-wrapper {
  width: 50%;
  float: left;
  padding: 1em;
  text-align: center;
}
@media (min-width: 768px) {
  .visitorpass-colour-wrapper {
    width: 25%;
  }
}
.visitorpass-colour-wrapper label {
  display: block;
}
.visitorpass-colour-wrapper img {
  width: 100%;
  max-width: 150px;
  margin: 0 auto;
}
.visitorpass-colour-wrapper input {
  display: block;
  margin: 1em auto 0.5em auto;
  width: 20px;
  height: 20px;
}
.visitorpass-colour-wrapper b {
  font-size: 19px;
}
.visitor-config-footer {
  display: table;
  width: 100%;
}
.visitor-config-footer .table-row {
  display: table-row;
}
@media (min-width: 768px) {
  .visitor-config-footer .table-row {
    display: table-cell;
  }
}
.visitor-config-footer .cell {
  display: table-cell;
  vertical-align: middle;
  padding: 0.5em 0;
  font-size: 19px;
  line-height: 1.2em;
}
@media (min-width: 768px) {
  .visitor-config-footer .visitorpass-cost-line {
    text-align: right;
  }
}
.visitor-config-footer .unit-price {
  font-size: 30px;
  color: #cc094b;
  font-weight: bold;
  margin-left: 0.5em;
}
.visitor-config-footer .form-control {
  margin-left: 1em;
  background: white;
  text-align: right;
  width: 100px;
  margin: 0;
  font-weight: 600;
  color: #28c28e;
}
.visitorpass-price-section {
  margin-bottom: 2em;
  background: white;
}
.visitorpass-price-wrapper {
  border: 1px solid #d1d6d9;
  padding: 30px;
}
@media (min-width: 1200px) {
  .visitorpass-price-wrapper {
    height: 304px;
  }
}
.visitorpass-price-wrapper img {
  width: 50px;
  height: 39px;
}
.visitorpass-price-wrapper .visitor-price {
  color: #cc094b;
}
.visitorpass-price-wrapper .visitor-price b {
  font-size: 19px;
  color: #193040;
}
@media (max-width: 991.99px) {
  .visitorpass-price-wrapper .visitor-price {
    width: 50%;
    float: left;
  }
}
.visitorpass-price-wrapper small {
  font-size: 13px;
}
#visitorpass-total-price {
  font-weight: 600;
  font-size: 41px;
  line-height: 41px;
  display: block;
}
@media (min-width: 992px) {
  #visitorpass-total-price {
    font-size: 60px;
    line-height: 60px;
  }
}
#visitorpass-total-price-VAT {
  font-weight: 600;
}
.visitorpass-delivery-wrapper {
  width: 100%;
  float: none;
}
@media (min-width: 480px) and (max-width: 991.99px) {
  .visitorpass-delivery-wrapper {
    width: 50%;
    float: left;
  }
}
.visitorpass-delivery-line {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 19px;
  display: table;
}
.visitorpass-delivery-line .cell {
  color: #cc094b;
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
  line-height: 1.2em;
}
.printed-wristband-header {
  background-image: url(/content/img/services/wristbands/banner.png);
  background-size: cover;
  background-color: white;
  background-position: center;
}
.printed-wristband-header .service-header {
  min-height: 267px;
  max-width: 40em;
}
.wristband-body {
  padding-bottom: 80px;
}
@media (max-width: 1199.99px) {
  .wristband-body {
    padding-bottom: 0;
  }
}
.wristband-types .wristband-types-single {
  padding-top: 40px;
  text-align: left;
}
@media (min-width: 1200px) {
  .wristband-types .wristband-types-single {
    margin-right: -30px;
  }
}
@media (min-width: 992px) {
  .wristband-types .wristband-types-single {
    padding: 0;
  }
}
@media (max-width: 767.99px) {
  .wristband-types .wristband-types-single {
    padding: 1em;
  }
}
.wristband-types .wristband-types-single .wristband-img {
  height: auto;
}
@media (min-width: 1600px) {
  .wristband-types .wristband-types-single .wristband-img {
    min-width: 260px;
    margin-left: -15px;
  }
}
.wristband-rfid {
  margin: 0 auto;
  margin-top: 10px;
  color: #193040;
}
.wristband-rfid .rfid-img {
  margin: 0 auto;
  max-width: 165px;
  height: auto;
}
.wristband-rfid .rfid-text {
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 1199.99px) {
  .wristband-rfid .rfid-text {
    margin-top: -82px;
    margin-bottom: 0;
    padding: 120px 40px 40px 40px;
    width: 100%;
    text-align: center;
    background-color: #e3e6e8;
  }
}
@media (min-width: 1200px) {
  .wristband-rfid .rfid-text {
    margin-top: 0;
    padding: 40px 13px 37px 13px;
    text-align: left;
    background-color: none;
  }
}
.wristband-rfid-background {
  background: none;
}
@media (min-width: 1200px) {
  .wristband-rfid-background {
    background: #e3e6e8;
  }
}
.wristband-footer-wrapper {
  background: #193040;
  color: white;
}
.wristband-footer {
  margin: 0 auto;
  padding: 40px 0;
  max-width: 70em;
}
.wristband-footer p {
  line-height: 25px;
  font-size: 19px;
  font-weight: bold;
}
.wristband-footer .btn {
  width: 100%;
  font-size: 24px;
  display: block;
}
@media (min-width: 768px) {
  .wristband-footer .btn {
    height: 75px;
  }
}
.wristband-footer .btn-white {
  background: white;
  color: #193040;
}
.wristband-footer .btn-white span {
  color: #28c28e;
}
.school-staff-landing p {
  line-height: 1.2em;
  color: #75838c;
}
.school-staff-landing li {
  margin: 0.5em 0;
}
.school-staff-landing .landing-header {
  max-width: 50em;
  padding-top: 60px;
}
.school-staff-landing .school-buttons {
  text-align: center;
}
.school-staff-landing .school-buttons .btn {
  min-width: 225px;
  margin: 0 1em;
  font-weight: bold;
}
.school-staff-landing .school-buttons .btn-gray {
  background: #75838c;
}
.school-staff-landing .school-buttons .btn-gray:hover {
  background: white;
  color: #75838c;
}
.school-staff-landing .school-buttons .btn-white {
  background: white;
  color: #75838c;
}
.school-staff-landing .school-buttons .btn-white:hover {
  background: #75838c;
  color: white;
}
.school-staff-landing .school-staff-header {
  height: 365px;
  background: url(/content/img/services/schoolstaff/banner.png) 50% 0;
  background-repeat: no-repeat;
  background-color: #eff1f2;
  padding: 0;
}
.school-staff-landing .school-staff-header .landing-header {
  max-width: 35em;
}
.school-staff-landing .school-staff-header > .cell {
  height: 245px;
}
.school-staff-landing .school-staff-header h1 {
  color: #0e5d90;
  font-weight: bold;
}
.school-staff-landing .header-navigation {
  display: table-row;
  text-align: center;
}
.school-staff-landing .navigation-fragment {
  max-width: 100%;
  width: 420px;
  margin: 0 auto 4em auto;
}
.school-staff-landing .navigation-fragment b {
  font-size: 19px;
}
.school-staff-landing .navigation-fragment .well {
  padding-left: 2em;
  padding-right: 2em;
}
.school-staff-landing .navigation-fragment .btn {
  margin-top: 20px;
}
.school-staff-landing .navigation-body {
  background: #f9f9fa;
  background: -moz-linear-gradient(-45deg, #f9f9fa 0%, #cacfd3 100%);
  background: -webkit-linear-gradient(-45deg, #f9f9fa 0%, #cacfd3 100%);
  background: linear-gradient(135deg, #f9f9fa 0%, #cacfd3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9fa', endColorstr='#cacfd3', GradientType=1);
}
.school-staff-landing .navigation-body p {
  padding: 1em 2em 0 2em;
  min-height: 7em;
}
@media (min-width: 1600px) {
  .school-staff-landing .navigation-body p {
    min-height: 6em;
  }
}
.school-staff-landing .navigation-body img {
  position: relative;
  top: 20px;
}
.school-staff-landing .school-design-text {
  padding: 2em 1em;
}
.school-staff-landing .school-design-text h3 {
  margin-bottom: 1em;
}
.school-staff-landing .easybadge-transition {
  width: 85px;
  height: 85px;
  position: absolute;
  bottom: -42.5px;
  left: 50%;
  margin-left: -42.5px;
  background: #d1d6d9;
  line-height: 85px;
  font-size: 19px;
  font-weight: bold;
  color: #75838c;
  border-radius: 50%;
  text-align: center;
}
.school-half-section {
  table-layout: fixed;
}
@media (min-width: 768px) {
  .school-half-section {
    min-height: 564px;
  }
}
.school-half-section .cell {
  width: 50%;
}
.school-half-section .cell:nth-child(1) {
  background: url(/content/img/services/SchoolStaff/teacherhalfpage.jpg) 50% 50%;
  background-size: cover;
}
@media (max-width: 991.99px) {
  .school-half-section .cell:nth-child(1) {
    display: none;
  }
}
.school-half-section .cell:nth-child(2) {
  padding: 15px 0;
}
@media (min-width: 768px) {
  .school-half-section .cell:nth-child(2) {
    padding: 60px;
  }
}
.school-half-section .well {
  margin: 2em auto;
}
@media (min-width: 768px) {
  .school-design-section {
    padding-bottom: 8em;
  }
}
.school-full-section {
  min-height: 796px;
  background: url(/content/img/services/schoolstaff/printdirectlyontotech.jpg) 50% 0;
  background-size: cover;
  color: white;
}
.school-full-section h2,
.school-full-section h3,
.school-full-section p {
  color: white;
}
.school-full-section h3 {
  margin-top: 2em;
}
.school-full-section ul {
  padding-left: 1.5em;
}
@media (min-width: 768px) {
  .school-full-section .landing-header {
    margin-bottom: 6em;
  }
}
.school-full-section .well {
  color: #75838c;
  font-size: 16px;
  max-width: 290px;
  margin: 0 auto;
}
.school-full-section .manufacturer-logos {
  margin-bottom: 2.5em;
}
.school-full-section .manufacturer-logos img {
  display: block;
  margin: 0 auto;
  max-width: 200px;
  max-height: 65px;
}
.school-easybadge-section {
  position: relative;
  padding-top: 1em;
  padding-bottom: 6em;
  margin-bottom: 2em;
}
.school-easybadge-section .tagline {
  margin: 3em 0 2em 0;
  max-height: 45px;
}
.school-easybadge-section ul {
  color: #75838c;
}
.school-easybadge-section .school-buttons {
  margin-top: 3em;
}
.easybadge-benefits img {
  width: 20%;
  float: left;
}
.school-stat-section {
  color: #127bbf;
  padding-bottom: 6em;
}
.school-stat-section img {
  margin: 0 auto;
}
.school-stat-section hr {
  width: 80%;
  margin-bottom: 0.5em;
  border-top-width: 7px;
  border-color: #e3e6e8;
}
.school-stat-section .cell {
  padding: 0 10px;
  width: 50%;
}
.school-stat-section .cell:first-child {
  text-align: right;
  font-size: 52px;
  font-weight: 300;
}
@media (min-width: 1200px) {
  .school-stat-section .cell:first-child {
    font-size: 72px;
  }
}
.school-stat-section .cell:nth-child(2) {
  color: #0e5d90;
  font-weight: 600;
  line-height: 1.2em;
}
.school-config-section h3 {
  margin-top: 0;
  margin-bottom: 2em;
  font-weight: bold;
  text-align: center;
  color: #193040;
}
.school-config-section input {
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 0.5em;
}
.school-config-section input[type="radio"] {
  height: 20px;
  width: 20px;
  margin-left: 0.2em;
  margin-right: 1em;
  vertical-align: sub;
}
.school-config-section .btn-group {
  margin-bottom: 2em;
}
.school-config-section .btn-group .btn {
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 19px;
  text-transform: none;
  background: transparent;
  border: 3px solid #193040;
  color: #193040;
}
.school-config-section .btn-group .btn.active {
  color: white;
  background: #193040;
}
.school-config-section small {
  margin-left: 1em;
  color: #75838c;
  font-weight: 400;
}
.school-config-section .well {
  padding: 3em;
  margin-bottom: 4em;
  background: #d1d6d9;
  border-radius: 25px;
}
.school-config-section .form-control {
  background: white;
}
a:hover .printer-title {
  color: white !important;
}
a:hover .printer-price {
  color: white !important;
}
.printer-landing-header {
  margin-bottom: 30px;
}
.printer-landing-header .breadcrumb {
  padding: 0px;
  margin-top: 0px;
}
@media (max-width: 767.99px) {
  .printer-landing-header .breadcrumb {
    padding-left: 20px;
    padding-bottom: 20px;
  }
}
.printer-landing-header .container {
  padding-left: 0;
}
.printer-landing-header .cardprinter-topclm {
  padding: 20px 0px;
  background-color: white;
}
.printer-landing-header .cardprinter-column h4,
.printer-landing-header .cardprinter-column h1 {
  font-size: 28px;
  color: #75818a;
  font-weight: 700;
  padding-bottom: 10px;
  margin-top: 10px;
}
@media (max-width: 767.99px) {
  .printer-landing-header .cardprinter-column h4,
  .printer-landing-header .cardprinter-column h1 {
    padding-bottom: 0;
    line-height: 1;
    margin: 0px;
  }
}
.printer-landing-header .cardprinter-column p,
.printer-landing-header .learn_more_popup_inner_column p,
.printer-landing-header .cardprinter_bottom_column p,
.printer-landing-header .struggling_content p {
  font-size: 14px;
  color: #75818a;
}
.printer-landing-header .cardprinter-column:first-child {
  border-right: 1px solid #d1d6d9;
}
.printer-landing-header .left-header-column p {
  margin-right: 20px;
}
@media (min-width: 1600px) {
  .printer-landing-header .left-header-column p {
    margin-right: 50px;
  }
}
@media (max-width: 767.99px) {
  .printer-landing-header .left-header-column {
    padding-left: 35px;
  }
}
.printer-landing-header .learn_more {
  padding-left: 35px;
}
@media (min-width: 1600px) {
  .printer-landing-header .learn_more {
    padding-left: 100px;
  }
}
.printer-landing-header .cardprinter-column p a {
  color: #167bbf;
  font-weight: 700;
  text-transform: uppercase;
}
.printer-landing-header .free_column.cardprinter-column {
  display: flex;
  align-items: center;
}
.printer-landing-header .free_content h5 {
  font-size: 22px;
  text-transform: uppercase;
  color: #167bbf;
  font-weight: 700;
  line-height: 20px;
}
.printer-landing-header .free_content h5 span {
  color: #75818a;
  font-size: 16px;
  display: block;
}
.printer-landing-header .free_column {
  padding-top: 10px;
}
@media (min-width: 1600px) {
  .printer-landing-header .free_column {
    padding-top: 15px;
  }
}
.printer-landing-header .free_column ul {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
}
.printer-landing-header .free_column ul li {
  width: 33%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.printer-landing-header .free_column ul li i {
  width: 50px;
  height: 50px;
  line-height: 45px;
  color: #167bbf;
  background-color: white;
  border: 4px solid #eff0f1;
  border-radius: 100px;
  text-align: center;
  font-size: 30px;
  margin-right: 10px;
}
.printer-landing-header .learn_more_popup_wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(18, 123, 191, 0.7);
  top: 0px;
  left: 0px;
  z-index: 999;
  display: none;
}
@media (min-height: 750px) {
  .printer-landing-header .learn_more_popup_wrapper {
    top: 10px;
  }
}
.printer-landing-header .learn_more_popup {
  width: 620px;
  padding: 25px;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
@media (max-width: 767.99px) {
  .printer-landing-header .learn_more_popup {
    width: 365px;
  }
}
.printer-landing-header .learn_more_popup_wrapper h4 {
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d6d9;
}
.printer-landing-header .learn_more_popup_inner_mid {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
@media (max-width: 767.99px) {
  .printer-landing-header .learn_more_popup_inner_mid {
    display: block;
  }
}
.printer-landing-header .learn_more_popup_inner_column {
  width: 32%;
  text-align: center;
  padding: 10px;
  padding-bottom: 50px;
  border: 1px solid #f2f3f3;
  position: relative;
}
@media (max-width: 767.99px) {
  .printer-landing-header .learn_more_popup_inner_column {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-height: 750px) {
  .printer-landing-header .learn_more_popup_inner_column {
    padding-bottom: 0px;
  }
}
.printer-landing-header .learn_more_popup_inner_column h5 {
  font-size: 16px;
  font-weight: bold;
  color: black;
  border-bottom: 1px solid #68d3ae;
  padding-bottom: 6px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.printer-landing-header .popup_inner-icon-image {
  padding-top: 12px;
  position: absolute;
  bottom: 10px;
  border-top: 2px solid #f2f3f3;
  left: auto;
  width: 90%;
  margin: auto;
  right: auto;
}
.printer-landing-header .popup_inner-icon-image img {
  height: 35px;
}
@media (max-height: 750px) {
  .printer-landing-header .popup_inner-icon-image {
    display: none;
  }
}
.printer-landing-header .learn_more_close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.printer-landing-header .learn_more_close i {
  font-size: 14px;
  color: #75818a;
  cursor: pointer;
}
@media (max-width: 767.99px) {
  .printer-landing-header .free-software-picture1 {
    padding-left: 15px;
    padding-right: 20px;
  }
}
@media (max-width: 767.99px) {
  .printer-landing-header .free-software-picture2 {
    padding-left: 10px;
    padding-right: 20px;
  }
}
@media (max-width: 767.99px) {
  .printer-landing-header .free-software-picture3 {
    padding-right: 20px;
  }
}
@media (max-width: 1599.99px) {
  .printer-landing-header .free-software-picture3 {
    margin-left: -9px;
  }
}
@media (max-width: 767.99px) {
  .printer-landing-header .free-software-container1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.printer-landing-header .free-software-picture {
  width: 100%;
  height: 100%;
}
.printer-landing-header .free-software-picture-img {
  width: 180px;
  height: 90px;
}
@media (max-width: 1599.99px) {
  .printer-landing-header .free-software-picture-img {
    height: 63px;
    margin-top: 26px;
  }
}
@media (max-width: 767.99px) {
  .printer-landing-header .free-software-picture-img {
    width: 100px;
    height: 20px;
  }
}
@media (max-width: 480px) {
  .printer-landing-header .free-software-picture-img {
    width: 85px;
  }
}
.pwhite {
  padding-top: 15px !important;
  color: white !important;
  text-align: left !important;
}
@media (max-width: 1200px) {
  #noproducts {
    margin-top: 10px;
  }
}
.printing-services-easybadge3-container {
  padding-right: 23px;
}
.product-container-2x2 {
  padding-left: 23px;
  padding-top: 8px;
}
@media (max-width: 992px) {
  .product-container-2x2 {
    padding-bottom: 10px;
  }
}
.product-container-2x2 .box-wrapper {
  overflow: inherit;
}
.product-container-2x2 a {
  width: 440px;
  height: 464px;
  padding: 0px;
}
.product-container-2x2 a.analytics-product {
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .product-container-2x2 a.analytics-product {
    width: 440px;
  }
}
.product-container-2x2 a.analytics-product .text {
  position: static;
}
@media (max-width: 480px) {
  .product-container-2x2 a {
    width: 100%;
    height: 100%;
  }
}
.product-container-2x2 img {
  width: 100%;
  height: 100%;
  max-width: unset;
  max-height: unset;
}
.product-container-2x2 .printing-services {
  text-align: left;
}
.product-container-2x2 .printing-services-footer {
  position: absolute;
  top: 300px;
  padding-right: 15px;
}
@media (max-width: 480px) {
  .product-container-2x2 .printing-services-footer {
    top: 200px;
  }
}
.product-container-2x2 .printing-services-footer h3 {
  color: #193040;
  font-weight: bold;
}
.product-container-2x2 .printing-services-footer p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 480px) {
  .product-container-2x2 .printing-services-footer p {
    font-size: 12px;
  }
}
.product-container-2x2 .printing-services .printing-services-footer-learnmore {
  background-color: #193040;
  color: white;
  width: 100%;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 5px;
  margin-top: 22px;
}
@media (max-width: 480px) {
  .product-container-2x2 .printing-services .printing-services-footer-learnmore {
    font-size: 12px;
    margin-top: 5px;
  }
}
.product-container-2x2 .easybadge3-main {
  background-color: white;
  width: 100%;
}
@media (min-width: 768px) {
  .product-container-2x2 .easybadge3-main {
    width: 440px;
  }
}
.product-container-2x2 .printing-services-easybadge3 {
  text-align: left;
  background-color: white;
}
@media (max-width: 480px) {
  .product-container-2x2 .printing-services-easybadge3-header {
    top: 300px;
  }
}
.product-container-2x2 .printing-services-easybadge3-header p {
  font-size: 14px;
  color: #75838c;
  font-weight: 600;
  line-height: 1.3;
}
@media (max-width: 480px) {
  .product-container-2x2 .printing-services-easybadge3-header p {
    font-size: 12px;
  }
}
.product-container-2x2 .printing-services-easybadge3-header .left-align {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 768px) {
  .product-container-2x2 .printing-services-easybadge3-header .left-align {
    margin-left: -9px;
  }
}
.product-container-2x2 .printing-services-easybadge3-header .price {
  color: #cc094b;
}
.product-container-2x2 .printing-services-easybadge3-footer {
  top: 410px;
}
@media (max-width: 480px) {
  .product-container-2x2 .printing-services-easybadge3-footer {
    margin-bottom: 10px;
  }
}
.product-container-2x2 .printing-services-easybadge3-footer p {
  font-size: 14px;
  color: #75838c;
  font-weight: 600;
  line-height: 1.3;
}
@media (max-width: 480px) {
  .product-container-2x2 .printing-services-easybadge3-footer p {
    font-size: 12px;
  }
}
.product-container-2x2 .printing-services-easybadge3 .printing-services-easybadge3-footer-learnmore {
  background-color: #75838c;
  color: white;
  width: 100%;
  text-align: center;
  padding-top: 11px;
  padding-bottom: 1px;
}
.product-container-2x2 .printing-services-easybadge3 .printing-services-easybadge3-footer-learnmore p {
  color: white;
}
@media (max-width: 480px) {
  .product-container-2x2 .printing-services-easybadge3 .printing-services-easybadge3-footer-learnmore {
    font-size: 12px;
    margin-top: 5px;
  }
}
.product-container-2x2 .printing-services-easybadge3 .printing-services-easybadge3-header-mostpopular {
  background-color: #cc094b;
  color: white;
  width: 100%;
  text-align: center;
  padding-top: 11px;
  padding-bottom: 1px;
}
.product-container-2x2 .printing-services-easybadge3 .printing-services-easybadge3-header-mostpopular p {
  color: white;
}
@media (max-width: 480px) {
  .product-container-2x2 .printing-services-easybadge3 .printing-services-easybadge3-header-mostpopular {
    font-size: 12px;
    margin-top: 5px;
  }
}
.product-container-2x2 .printing-services-easybadge3 .printing-services-easybadge3-img {
  margin-top: -46px;
  margin-bottom: -34px;
}
@media (min-width: 768px) {
  .product-container-2x2 .printing-services-easybadge3 .printing-services-easybadge3-img {
    margin-bottom: -46px;
  }
}
.product-container-2x2 .most-popular {
  float: left;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
@media (max-width: 480px) {
  .product-container-2x2 .most-popular {
    font-size: 14px;
  }
}
.product-container-2x2 .most-popular-flash {
  margin-left: -15px;
  background-color: #cc094b;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 2.5;
}
@media (max-width: 480px) {
  .product-container-2x2 .most-popular-flash {
    margin-left: -0.5em;
  }
}
.product-container-2x2 .most-popular-name {
  float: left;
  color: #75818a;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-left: 15px;
}
@media (max-width: 480px) {
  .product-container-2x2 .most-popular-name {
    position: relative;
    float: inherit;
    font-size: 12px;
    padding-left: 90px;
  }
}
.product-container-2x2 .most-popular-price {
  color: #cc094b;
}
.product-container-2x2 .most-popular-footer {
  position: absolute;
  top: 410px;
  left: 0;
}
@media (max-width: 480px) {
  .product-container-2x2 .most-popular-footer {
    top: 300px;
  }
}
.product-container-2x2 .most-popular-footer p {
  color: #75818a;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  width: 60%;
  float: left;
  padding-left: 15px;
}
@media (max-width: 480px) {
  .product-container-2x2 .most-popular-footer p {
    font-size: 12px;
  }
}
.product-container-2x2 .most-popular-footer-learnmore {
  float: left;
  background-color: #75818a;
  width: 144px;
  height: 44px;
  margin-left: 15px;
}
@media (max-width: 480px) {
  .product-container-2x2 .most-popular-footer-learnmore {
    width: 110px;
  }
}
.product-container-2x2 .most-popular-footer-learnmore p {
  margin-top: 12px;
  font-size: 16px;
  color: white;
  width: 100%;
  text-align: center;
  padding-left: 0px;
}
.sure-column {
  background-color: #e08e7f;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.sure-column .live-chat-btn {
  height: initial;
  padding: 8px;
  color: #e08e7f;
  font-size: 16px;
  font-weight: 700;
  background-color: white;
}
.sure-column p {
  margin-bottom: 20px;
  margin-top: 20px;
}
.lowest-column {
  background-color: #82b2d3;
  padding: 20px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.learn-more-bottom-btn {
  text-align: center;
  position: relative;
  width: 95%;
  margin: auto;
  float: none;
}
.learn-more-bottom-btn a {
  display: inline-block;
  padding: 8px 20px;
  font-size: 16px;
  color: white;
  background-color: #28c28e;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 2;
  position: relative;
  border-left: 7px solid #eff0f1;
  border-right: 7px solid #eff0f1;
}
.learn-more-bottom-btn:before {
  position: absolute;
  content: '';
  width: 100%;
  left: 0px;
  height: 1px;
  background-color: #dde0e2;
  top: 18px;
  z-index: -1;
}
.price-guarantee-clm .price-guarantee-top {
  font-size: 18px;
  font-weight: 300;
}
.price-guarantee-clm .price-guarantee-bottom {
  font-size: 0.8em;
}
.price-guarantee-clm img {
  margin-bottom: 10px;
  width: 62px;
  height: 75px;
}
#loadmore-bar {
  padding-top: 40px;
  padding-bottom: 40px;
}
#loadmore-bar h5 {
  font-weight: bold;
}
.printer-landing-footer {
  z-index: -1;
  position: relative;
}
.printer-landing-footer p {
  color: #75818a;
}
.printer-landing-footer .cardprinter_bottom_wrapper {
  padding: 100px 0px;
  background-color: white;
}
.printer-landing-footer .cardprinter_bottom_column h4,
.printer-landing-footer .cardprinter_bottom_column h2,
.printer-landing-footer .cardprinter_bottom_column h3 {
  font-size: 24px;
  font-weight: bold;
  color: #0e5c8f;
  padding-bottom: 20px;
}
.printer-landing-footer .cardprinter_bottom_column p {
  padding-bottom: 15px;
}
.printer-landing-footer .struggling_content {
  padding: 20px 20px;
  border: 4px solid #d1d6d9;
  margin-top: 20px;
}
.printer-landing-footer .struggling_content a {
  color: #127bbf;
}
.printer-landing-footer .struggling_content h4,
.printer-landing-footer .cardprinter_bottom_column h6 {
  font-size: 16px;
  color: #75818a;
  font-weight: 700;
  padding-bottom: 15px;
}
.printer-landing-footer .struggling_content p span {
  color: #167bbf;
  font-weight: 700;
}
.printer-landing-footer .cardprinter_bottom_column h6,
.printer-landing-footer .cardprinter_bottom_column h4 {
  padding-bottom: 0px;
  margin-bottom: 2px;
}
.printer-landing-footer .cardprinter_bottom_column:nth-child(1) {
  padding-right: 70px;
}
.printer-landing-footer .cardprinter_bottom_column:nth-child(2),
.printer-landing-footer .cardprinter_bottom_column:nth-child(3) {
  padding-left: 70px;
}
@media (max-width: 991.99px) {
  .printer-landing-footer .cardprinter_bottom_column:nth-child(2),
  .printer-landing-footer .cardprinter_bottom_column:nth-child(3) {
    padding-left: 15px;
    padding-top: 80px;
  }
}
@media (min-width: 1600px) {
  .printer-landing-footer .cardprinter_bottom_column:nth-child(2),
  .printer-landing-footer .cardprinter_bottom_column:nth-child(3) {
    padding-left: 50px;
  }
}
@media (min-width: 1600px) {
  .printer-landing-footer .cardprinter_bottom_column:nth-child(2) {
    padding-left: 40px;
  }
}
.printer-landing-footer .printing-services img {
  width: 100%;
}
.printer-landing-footer .printing-services-md {
  padding-right: 0px;
}
.printer-landing-footer .printing-servi-content {
  padding: 20px 20px;
  background-color: #193040;
}
.printer-landing-footer .printing-servi-content-md {
  padding-bottom: 42px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 0px;
}
.printer-landing-footer .printing-servi-content h3 {
  color: white;
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 6px;
}
.printer-landing-footer .printing-servi-content p {
  color: white;
  font-size: 18px;
}
.printer-landing-footer .printing-servi-content-md h3 {
  color: white;
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 26px;
  padding-top: 26px;
}
.printer-landing-footer .printing-servi-content-md p {
  color: white;
  font-size: 18px;
  padding-bottom: 46px;
}
.printer-landing-footer .printing-services a {
  padding: 10px 15px;
  background-color: #28c28e;
  display: block;
  text-align: center;
  font-size: 18px;
  color: white;
  font-weight: 700;
}
.printer-landing {
  background: white;
}
.printer-landing section {
  padding: 80px 0;
}
.printer-landing p {
  margin-bottom: 0;
}
.printer-landing h1,
.printer-landing h2,
.printer-landing h3,
.printer-landing h4,
.printer-landing h5,
.printer-landing h6 {
  margin-top: 0;
}
.printer-landing .content-wrap {
  width: 72%;
  position: relative;
  margin: 0 auto;
}
.printer-landing .section-title {
  color: #75838c;
  font-size: 28px;
  font-weight: 600;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 15px;
  line-height: 32px;
}
.printer-landing .section-title--sm {
  font-size: 24px;
  line-height: 28px;
}
.printer-landing .section-title--xs {
  font-size: 18px;
  line-height: 22px;
}
.printer-landing .section-subtitle {
  color: #75838c;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 30px;
}
.printer-landing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.printer-landing ul li {
  color: #75838c;
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
}
.printer-landing ul li:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #75838c;
  left: 0;
  top: 6px;
}
.printer-landing p,
.printer-landing li {
  font-size: 14px;
  line-height: 20px;
  font-family: 'Roboto Condensed', sans-serif;
}
.printer-landing strong {
  font-weight: 600;
}
.printer-landing a,
.printer-landing .btn {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.printer-landing .btn {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  display: inline-block;
  border: 2px solid;
  height: 50px;
  line-height: 47.5px;
  text-align: center;
  padding: 0 45px;
  font-family: 'Roboto Condensed', sans-serif;
}
.printer-landing .btn--pink {
  background: #e08e7f;
  border-color: #e08e7f;
  color: white;
}
.printer-landing .btn--pink:hover {
  background: white;
  color: #e08e7f;
  border-color: white;
}
.printer-landing .btn--grey {
  background: #75838c;
  border-color: #75838c;
  color: white;
}
.printer-landing .btn--grey:hover {
  background: #515b61;
  border-color: #515b61;
}
.printer-landing .btn--green {
  background: #28c28e;
  border-color: #28c28e;
  color: white;
}
.printer-landing .btn--green:hover {
  background: #23ad7e;
  border-color: #23ad7e;
}
.printer-landing .btn--white {
  background: white;
  border-color: white;
  color: #193040;
}
.printer-landing .fixed-header {
  background: #0e5c8f;
  padding: 20px 0;
  position: fixed;
  top: -80px;
  z-index: 100;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.printer-landing .fixed-header.active {
  top: 0;
}
.printer-landing .fixed-header .container {
  display: flex;
}
.printer-landing .fixed-header__logo {
  width: 157px;
  height: 34px;
  position: relative;
  top: 7.5px;
}
.printer-landing .fixed-header__links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  padding-left: 60px;
}
.printer-landing .fixed-header__links__btn {
  text-align: center;
  border: 2px solid;
  width: 33.33%;
  height: 40px;
  line-height: 40px;
  font-family: 'Roboto Condensed', sans-serif;
}
.printer-landing .fixed-header__links__btn:not(:last-child) {
  margin-right: 30px;
}
.printer-landing .fixed-header__links__btn:hover {
  color: white;
  border-color: #28c28e;
  background: #28c28e;
}
.printer-landing .fixed-header__links__btn--ghost,
.printer-landing .fixed-header__links__btn--white {
  border-color: white;
}
.printer-landing .fixed-header__links__btn--ghost,
.printer-landing .fixed-header__links__btn--blue {
  color: white;
}
.printer-landing .fixed-header__links__btn--white {
  background: white;
  color: #0e5c8f;
}
.printer-landing .fixed-header__links__btn--blue {
  border-color: #127bbf;
  background-color: #127bbf;
}
.printer-landing .fixed-header__links__btn--green-ghost {
  border-color: #65b298;
  color: #65b298;
}
.printer-landing .fixed-header__links__btn--green-ghost span {
  color: white;
}
.printer-landing .fixed-header__links__btn--green-ghost span small {
  font-weight: 400;
}
.printer-landing .fixed-header__links__btn--green {
  border-color: #65b298;
  color: white;
  background: #65b298;
}
@media only screen and (max-width: 1660px) {
  .printer-landing .fixed-header .container {
    max-width: 100%;
    padding: 0 2.5%;
  }
}
@media only screen and (max-width: 1200px) {
  .printer-landing .fixed-header {
    top: -124px;
  }
}
@media only screen and (max-width: 550px) {
  .printer-landing .section-title {
    font-size: 24px;
    line-height: 26px;
  }
  .printer-landing .section-title--sm {
    font-size: 18px;
    line-height: 20px;
  }
  .printer-landing .section-title--xs {
    font-size: 16px;
    line-height: 18px;
  }
}
.printer-landing .inkmasthead {
  background: #132430 url(/content/img/categories/printer_landing/ink1000-BKG-desktop.jpg) center;
  background-size: cover;
  overflow: hidden;
}
.printer-landing .inkmasthead h1 {
  font-weight: bold;
  font-size: 28px;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  margin-top: 56px;
}
.printer-landing .inkmasthead p {
  font-weight: bold;
  font-size: 16px;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 20px;
}
.printer-landing .inkmasthead a {
  margin-top: 56px;
  margin-bottom: 56px;
  width: 300px;
}
.printer-landing .inkmasthead ul {
  list-style-type: none;
}
.printer-landing .inkmasthead li {
  color: white;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
}
.printer-landing .inkmasthead li:before {
  width: 2px;
  height: 2px;
  background: white;
}
.printer-landing .inkmasthead .ink1000sticker {
  margin-top: 56px;
}
@media (max-width: 767.99px) {
  .printer-landing .inkmasthead {
    background: #132430 url(/content/img/categories/printer_landing/767/ink1000-BKG.jpg) center;
  }
}
@media (max-width: 991.99px) {
  .printer-landing .inkmasthead .ink1000printer {
    float: none;
    margin: 0 auto;
    padding: 0;
    margin-top: -30px;
  }
  .printer-landing .inkmasthead .ink1000items {
    float: none;
    margin: 0 auto;
    z-index: 1000;
  }
  .printer-landing .inkmasthead .ink1000items a {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 1599.99px) {
  .printer-landing .inkmasthead h1 {
    margin-top: 46px;
  }
  .printer-landing .inkmasthead a {
    margin-top: 56px;
    margin-bottom: 46px;
    width: 100%;
  }
}
@media (max-width: 1199.99px) {
  .printer-landing .inkmasthead p {
    margin-bottom: 10px;
  }
  .printer-landing .inkmasthead a {
    margin-top: 40px;
  }
}
.printer-landing .masthead {
  position: relative;
  background: #132430 url(/content/img/categories/printer_landing/masthead-bg.svg) center;
  background-size: cover;
  overflow: hidden;
}
.printer-landing .masthead .container {
  position: relative;
  z-index: 2;
}
.printer-landing .masthead__inner {
  padding: 80px 0 100px;
  color: white;
  width: 25%;
}
.printer-landing .masthead__inner h1 {
  color: white;
  font-style: italic;
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 50px;
  position: relative;
}
.printer-landing .masthead__inner h1 span {
  font-weight: 600;
}
.printer-landing .masthead__inner h1:after {
  content: '';
  bottom: -22.5px;
  width: 105%;
  left: -2.5%;
  border-bottom: 3px dashed white;
  display: block;
  position: absolute;
}
.printer-landing .masthead__inner h2 {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  white-space: nowrap;
  color: white;
  margin-top: 10px;
}
.printer-landing .masthead__inner h2 span {
  color: #e08e7f;
  display: contents;
}
.printer-landing .masthead__inner h2:before {
  content: 'NEW';
  font-size: 14px;
  font-weight: 600;
  padding: 0 6px;
  border: 3px solid white;
  margin-right: 15px;
  line-height: 24px;
}
.printer-landing .masthead__inner .printer-mobile {
  display: none;
}
.printer-landing .masthead__inner p {
  font-family: 'Roboto Condensed', sans-serif;
}
.printer-landing .masthead__inner .btn {
  margin-top: 40px;
  width: 100%;
}
.printer-landing .masthead__inner .spn {
  color: white;
  font-style: italic;
  font-weight: 300;
  font-size: 22px;
  margin-top: 0px;
  margin-bottom: 50px;
  position: relative;
  line-height: 1.1em;
  display: inline-block;
}
.printer-landing .masthead__inner .spn:after {
  content: '';
  bottom: -22.5px;
  width: 120%;
  left: -2.5%;
  border-bottom: 3px dashed white;
  display: block;
  position: absolute;
}
.printer-landing .masthead__inner .spnh2 {
  font-size: 28px;
  font-weight: 600;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 15px;
  line-height: 32px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: white;
  margin-top: 10px;
}
.printer-landing .masthead__inner .spnh2:before {
  content: 'NEW';
  font-size: 14px;
  font-weight: 600;
  padding: 0 6px;
  border: 3px solid white;
  margin-right: 15px;
  line-height: 24px;
}
.printer-landing .masthead__inner .spnh2pink {
  color: #e08e7f;
}
.printer-landing .masthead .tooltip-infobox {
  position: absolute;
  background: white;
  right: 0;
  top: 60px;
  width: 320px;
  padding: 10px 30px 40px;
  transform: scale(0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.printer-landing .masthead .tooltip-infobox.active {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.printer-landing .masthead .tooltip-infobox:before {
  content: '';
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
  right: 100%;
  position: absolute;
  top: 28px;
}
.printer-landing .masthead .tooltip-infobox .title {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  margin-left: -10px;
  font-size: 18px;
  font-weight: 600;
  color: #e08e7f;
}
.printer-landing .masthead .tooltip-infobox .title img {
  width: 55px;
  height: 55px;
  margin-right: 5px;
}
.printer-landing .masthead .printer-tips-wrap {
  position: absolute;
  left: calc(25% + 140px);
  top: 0;
  height: 100%;
}
.printer-landing .masthead .printer-tips-wrap .masthead__printer {
  height: 100%;
}
.printer-landing .masthead .printer-tips-wrap .printer-tooltip {
  width: 55px;
  height: 55px;
  position: absolute;
  cursor: pointer;
  z-index: 30;
}
.printer-landing .masthead .printer-tips-wrap .printer-tooltip:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 55px;
  height: 55px;
  border: 4px solid white;
  top: calc(50% - 27.5px);
  transform: scale(0.8);
  opacity: 0;
  border-radius: 60px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.printer-landing .masthead .printer-tips-wrap .printer-tooltip:hover:after {
  opacity: 1;
  transform: scale(1);
}
.printer-landing .masthead .printer-tips-wrap .printer-tooltip img {
  width: 100%;
}
.printer-landing .masthead .printer-tips-wrap .printer-tooltip--printer_lock {
  top: 35px;
  left: 280px;
}
.printer-landing .masthead .printer-tips-wrap .printer-tooltip--card_security {
  right: 115px;
  bottom: 125px;
}
.printer-landing .masthead .printer-tips-wrap .printer-tooltip--kensington_lock {
  right: 230px;
  bottom: 220px;
}
.printer-landing .masthead .printer-tips-wrap .printer-tooltip--warranty {
  top: 90px;
  left: 0;
}
.printer-landing .masthead .printer-tips-wrap .printer-tooltip--speed {
  bottom: 150px;
  left: -65px;
}
.printer-landing .masthead__wire {
  position: absolute;
  top: 235px;
  left: calc((100% - 1570px) / 2 + (1110px));
  min-width: calc((100% - 1570px) / 2 + (460px));
  z-index: 1;
  transform: translateY(-5%);
}
.printer-landing .section-1 .container {
  display: flex;
}
.printer-landing .section-1__left {
  flex: 1;
  padding-right: 6%;
  border-right: 2px solid #eff0f1;
}
.printer-landing .section-1__left .section-title span {
  font-weight: 300;
}
.printer-landing .section-1__left .printers-list {
  display: flex;
}
.printer-landing .section-1__left .printers-list .printer {
  text-align: center;
  width: 25%;
  padding: 40px 0 20px;
  display: block;
  position: relative;
  z-index: 1;
  margin-right: 30px;
}
.printer-landing .section-1__left .printers-list .printer:last-child {
  margin-right: 0;
}
.printer-landing .section-1__left .printers-list .printer:after {
  position: absolute;
  height: 5px;
  width: 100%;
  content: '';
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.printer-landing .section-1__left .printers-list .printer--green:after {
  background: #65b298;
}
.printer-landing .section-1__left .printers-list .printer--purple:after {
  background: #b2b3da;
}
.printer-landing .section-1__left .printers-list .printer--blue:after {
  background: #82b2d3;
}
.printer-landing .section-1__left .printers-list .printer--yellow:after {
  background: #e0c27f;
}
.printer-landing .section-1__left .printers-list .printer:hover {
  color: white;
}
.printer-landing .section-1__left .printers-list .printer:hover:after {
  height: 50%;
}
.printer-landing .section-1__left .printers-list .printer:hover p {
  color: white;
}
.printer-landing .section-1__left .printers-list .printer p.printer-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  color: #75838c;
}
.printer-landing .section-1__left .printers-list .printer p.printer-price {
  color: #75838c;
}
.printer-landing .section-1__left .printer-banner {
  padding: 32.5px;
  text-align: right;
  display: block;
  margin-top: 40px;
  background: url(/content/img/categories/printer_landing/VIEW_ALL_PRINTERS_BKG.jpg) center;
  background-size: cover;
}
.printer-landing .section-1__left .printer-banner .btn {
  padding: 0 80px;
}
.printer-landing .section-1__right {
  width: 30%;
  padding-left: 6%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.printer-landing .section-1__right--full {
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
}
.printer-landing .section-1__right--full .stepform {
  height: 380px;
  flex: auto !important;
}
.printer-landing .section-1__right--full .stepform fieldset .step-title br {
  display: none;
}
.printer-landing .section-1__right .section-title {
  color: #193040;
  padding: 0 35px;
}
.printer-landing .section-1__right .finder-icon {
  width: 100px;
  position: absolute;
  right: 30px;
  z-index: 10;
  top: -25px;
}
.printer-landing .section-1__right .stepform {
  position: relative;
  flex: 1;
  background: url(/content/img/categories/printer_landing/PRINTER_FINDER_BACKGROUND.jpg) center;
  background-size: cover;
  overflow: hidden;
}
.printer-landing .section-1__right .stepform__intro {
  color: white;
  position: absolute;
  top: 25px;
  left: 35px;
  font-size: 16px;
  padding-right: 35px;
}
.printer-landing .section-1__right .stepform fieldset {
  position: absolute;
  padding: 85px 85px 32.5px 35px;
  height: 100%;
  width: 100%;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
}
.printer-landing .section-1__right .stepform fieldset .flex {
  display: flex;
}
.printer-landing .section-1__right .stepform fieldset span {
  display: block;
}
.printer-landing .section-1__right .stepform fieldset:not(:first-of-type) {
  display: none;
}
.printer-landing .section-1__right .stepform fieldset .step-title {
  color: white;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 20px;
}
.printer-landing .section-1__right .stepform fieldset input:not(.action-button) {
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0px 5px 15px 0;
  top: 2px;
}
.printer-landing .section-1__right .stepform fieldset input {
  outline: none;
  cursor: pointer;
}
.printer-landing .section-1__right .stepform fieldset .action-button {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  display: inline-block;
  border: 2px solid;
  height: 50px;
  line-height: 47.5px;
  text-align: center;
  padding: 0 45px;
  background: #28c28e;
  border-color: #28c28e;
  color: white;
  position: absolute;
  bottom: 32.5px;
  left: 35px;
  width: calc(100% - 70px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: 'Roboto Condensed', sans-serif;
}
.printer-landing .section-1__right .stepform fieldset .action-button:hover {
  background: #23ad7e;
  border-color: #23ad7e;
}
.printer-landing .section-2 {
  background-image: linear-gradient(to right, rgba(116, 130, 139, 0.65) 10%, #e3e6e8 60%);
  overflow: hidden;
  padding: 80px 0;
}
.printer-landing .section-2 .container {
  display: flex;
}
.printer-landing .section-2__left {
  position: relative;
  flex: 1;
}
.printer-landing .section-2__left .banner {
  position: absolute;
  bottom: -190px;
  width: 891px;
  right: 0;
}
.printer-landing .section-2__left .logo {
  position: absolute;
  top: 80px;
  width: 184px;
  right: 10%;
}
.printer-landing .section-2__right {
  flex: 1;
  padding-left: 5%;
}
.printer-landing .section-2__right .section-title {
  margin-bottom: 10px;
  display: block;
}
.printer-landing .section-2__right .btn {
  margin-top: 35px;
}
.printer-landing .section-3 {
  background: #eff0f1;
  padding: 80px 0 120px;
  color: #75838c;
}
.printer-landing .section-3__intro {
  text-align: center;
  width: 45%;
  margin: 0 auto;
}
.printer-landing .section-3__graphic {
  max-width: 100%;
}
.printer-landing .section-3__graphic #animation_container {
  margin: 0 auto;
  max-width: 100%;
}
.printer-landing .section-3__graphic #animation_container canvas {
  max-width: 100%;
}
.printer-landing .section-3__steps {
  display: flex;
  counter-reset: my-sec-counter;
  justify-content: space-between;
}
.printer-landing .section-3__steps p {
  padding-left: 80px;
  position: relative;
  margin-right: 60px;
}
.printer-landing .section-3__steps p:last-child {
  margin-right: 0;
}
.printer-landing .section-3__steps p:before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  color: white;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #75838c;
  border-radius: 50%;
}
.printer-landing .section-4 {
  position: relative;
}
.printer-landing .section-4__content {
  display: flex;
  position: relative;
}
.printer-landing .section-4__background {
  position: absolute;
  height: 100%;
  width: 50%;
  background-size: cover;
  background-position: center;
  top: 0;
  z-index: 0;
}
.printer-landing .section-4__background--right {
  right: 0;
}
.printer-landing .section-4__left,
.printer-landing .section-4__right {
  padding-top: 160px;
  padding-bottom: 200px;
  width: 50%;
}
.printer-landing .section-4__left p,
.printer-landing .section-4__right p {
  margin-bottom: 25px;
}
.printer-landing .section-4__left ul li,
.printer-landing .section-4__right ul li {
  margin-bottom: 5px;
  padding-left: 30px;
}
.printer-landing .section-4__left ul li:before,
.printer-landing .section-4__right ul li:before {
  height: 4px;
  width: 4px;
  top: 8px;
}
.printer-landing .section-4__left {
  padding-right: 12%;
}
.printer-landing .section-4__left p,
.printer-landing .section-4__left .section-title {
  color: white;
}
.printer-landing .section-4__left ul li {
  color: white;
}
.printer-landing .section-4__left ul li:before {
  background: white;
}
.printer-landing .section-4__right {
  color: #75838c;
  padding-left: 12%;
}
.printer-landing .section-5__content {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  color: #75838c;
}
.printer-landing .section-5__content > .section-title {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.printer-landing .section-5__content__col {
  width: 50%;
}
.printer-landing .section-5__content__col--left {
  padding-right: 10%;
}
.printer-landing .section-5__content__col--right {
  padding-left: 10%;
}
.printer-landing .section-5__content__col img {
  margin-bottom: 40px;
}
.printer-landing .section-5__content__col .btn {
  width: 100%;
  margin-top: 50px;
}
.printer-landing .section-6 {
  background: #eff0f1;
  color: #75838c;
}
.printer-landing .section-6__content {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.printer-landing .section-6__content__col {
  width: 50%;
}
.printer-landing .section-6__content__col--left {
  padding-right: 2%;
  width: 45%;
}
.printer-landing .section-6__content__col__tabs {
  margin-top: 40px;
}
.printer-landing .section-6__content__col__tabs .tab {
  width: 100%;
  display: block;
  padding: 20px 30px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  line-height: 18px;
  border-bottom: 1px solid #d1d6d9;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.printer-landing .section-6__content__col__tabs .tab:after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 29.5px solid #eff0f1;
  border-left: 20px solid transparent;
  right: 0;
}
.printer-landing .section-6__content__col__tabs .tab:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 29.5px solid #eff0f1;
  border-left: 20px solid transparent;
  right: 0;
}
.printer-landing .section-6__content__col__tabs .tab.active {
  background: #127bbf;
  font-weight: 600;
  color: white;
  pointer-events: none;
}
.printer-landing .section-6__content__col__tabs .tab:hover {
  background: #d1d6d9;
}
.printer-landing .section-6__content__col--right {
  margin-left: 5%;
  display: flex;
  position: relative;
}
.printer-landing .section-6__content__col--right .tab-featured {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.printer-landing .section-6__content__col--right .tab-featured.active {
  z-index: 10;
  opacity: 1;
  visibility: visible;
}
.printer-landing .section-6__content__col--right .tab-featured__image {
  width: 100%;
  height: calc(100% - 150px);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}
.printer-landing .section-6__content__col--right .tab-featured__image img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
}
.printer-landing .section-6__content__col--right .tab-featured__content {
  background: white;
  padding: 30px 30px 35px;
  display: flex;
}
.printer-landing .section-6__content__col--right .tab-featured__content__left,
.printer-landing .section-6__content__col--right .tab-featured__content__right {
  width: 47.5%;
}
.printer-landing .section-6__content__col--right .tab-featured__content__left {
  padding-right: 7.5%;
  border-right: 1px solid #d1d6d9;
}
.printer-landing .section-6__content__col--right .tab-featured__content__right {
  padding-left: 7.5%;
}
.printer-landing .section-6__content__col--right .tab-featured__content__right p span {
  color: #127bbf;
  font-weight: 600;
}
.printer-landing .section-7 {
  color: #75838c;
  padding: 80px 0 100px;
}
.printer-landing .section-7 .section-title {
  text-align: center;
  width: 100%;
}
.printer-landing .section-7 .subtitle {
  margin-bottom: 70px;
  text-align: center;
  width: 100%;
}
.printer-landing .section-7 .container {
  display: flex;
  flex-wrap: wrap;
}
.printer-landing .section-7__featured {
  width: 55%;
  margin-right: 7%;
}
.printer-landing .section-7__featured iframe {
  height: 476px;
}
.printer-landing .section-7__featured .video-wrap:not(.active) {
  display: none;
}
.printer-landing .section-7__reel {
  flex: 1;
}
.printer-landing .section-7__reel .video-wrap {
  display: flex;
  margin-bottom: 30px;
  cursor: pointer;
}
.printer-landing .section-7__reel .video-wrap:last-child {
  margin-bottom: 0;
}
.printer-landing .section-7__reel .video-wrap.active {
  display: none;
}
.printer-landing .section-7__reel .video-wrap__thumb {
  position: relative;
}
.printer-landing .section-7__reel .video-wrap__thumb img {
  width: 250px;
  height: 139px;
}
.printer-landing .section-7__reel .video-wrap__thumb:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/content/img/categories/printer_landing/play-btn.svg);
  background-position: center;
  background-size: auto 60%;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.printer-landing .section-7__reel .video-wrap:hover .video-wrap__thumb:before {
  opacity: 1;
}
.printer-landing .section-7__reel .video-wrap .content {
  padding: 20px 0 0 35px;
}
.printer-landing .section-7__reel .video-wrap .content h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.printer-landing .section-8 {
  color: #75838c;
  text-align: center;
  background-color: #eff0f1;
}
.printer-landing .section-8 p {
  max-width: 85%;
  margin: 0 auto 60px;
}
.printer-landing .section-8__logos {
  display: flex;
  justify-content: space-between;
}
.printer-landing .section-8__logos__logo {
  position: relative;
}
.printer-landing .section-8__logos__logo:not(:last-of-type) {
  margin-right: 30px;
}
.printer-landing .section-8__logos__logo img {
  height: 78px;
  display: block;
  max-width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.printer-landing .section-8__logos__logo img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.printer-landing .section-8__logos__logo:hover img:nth-of-type(2) {
  opacity: 1;
  visibility: visible;
}
.printer-landing .section-9 {
  color: #75838c;
}
.printer-landing .section-9 .container {
  display: flex;
}
.printer-landing .section-9__left,
.printer-landing .section-9__right {
  width: 50%;
}
.printer-landing .section-9__left {
  padding-right: 5%;
  border-right: 1px solid #75838c;
}
.printer-landing .section-9__right {
  padding-left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.printer-landing .section-9__images {
  display: flex;
  margin-top: 50px;
  justify-content: space-between;
}
.printer-landing .section-9__images img {
  height: 200px;
  max-width: 33.3%;
}
@media only screen and (max-width: 1600px) {
  .printer-landing .masthead__inner {
    width: 35%;
    padding: 70px 0;
  }
  .printer-landing .masthead .printer-tips-wrap {
    left: calc(35% + 140px);
  }
  .printer-landing .masthead__wire {
    left: calc((100% - 1170px) / 2 + (1080px));
    min-width: calc((100% - 1170px) / 2 + (460px));
    top: 215px;
  }
  .printer-landing .masthead .tooltip-infobox {
    z-index: 99;
  }
  .printer-landing .masthead .tooltip-infobox[data-active="printer_lock"] {
    right: 31px;
    top: 100px;
  }
  .printer-landing .masthead .tooltip-infobox[data-active="printer_lock"]:before {
    right: auto;
    top: auto;
    bottom: 100%;
    left: 28px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    border-top: none;
  }
  .printer-landing .masthead .tooltip-infobox[data-active="speed"] {
    right: 300px;
    top: 238px;
  }
  .printer-landing .masthead .tooltip-infobox[data-active="warranty"] {
    right: 235px;
    top: 80px;
  }
  .printer-landing .masthead .tooltip-infobox[data-active="kensington_lock"] {
    right: 213px;
    top: 168px;
  }
  .printer-landing .masthead .tooltip-infobox[data-active="kensington_lock"]:before {
    right: auto;
    left: 100%;
    border-left: 10px solid white;
    border-right: none;
  }
  .printer-landing .masthead .tooltip-infobox[data-active="card_security"] {
    right: 100px;
    top: 263px;
  }
  .printer-landing .masthead .tooltip-infobox[data-active="card_security"]:before {
    right: auto;
    left: 100%;
    border-left: 10px solid white;
    border-right: none;
  }
  .printer-landing .section-1__left {
    width: 65%;
  }
  .printer-landing .section-1__left .printers-list {
    display: block;
    overflow: hidden;
  }
  .printer-landing .section-1__left .printers-list .printer {
    display: block;
    width: auto;
  }
  .printer-landing .section-1__left .printers-list .owl-stage {
    display: flex;
    overflow: hidden;
  }
  .printer-landing .section-1__left .printers-list .owl-nav {
    display: none;
  }
  .printer-landing .section-1__left .printer-banner {
    text-align: center;
  }
  .printer-landing .section-1__right {
    flex: 1;
  }
  .printer-landing .section-2 {
    padding: 70px 0;
  }
  .printer-landing .section-2 .container {
    align-items: center;
  }
  .printer-landing .section-2__left .banner {
    bottom: -340px;
  }
  .printer-landing .section-2__left .logo {
    top: -60px;
    right: 15%;
  }
  .printer-landing .section-3__intro {
    width: 60%;
  }
  .printer-landing .section-3__steps {
    width: 100%;
  }
  .printer-landing .section-4__left {
    padding-right: 8%;
  }
  .printer-landing .section-4__right {
    padding-left: 8%;
  }
  .printer-landing .section-4__left,
  .printer-landing .section-4__right {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .printer-landing .section-5__content__col--left {
    padding-right: 5%;
  }
  .printer-landing .section-5__content__col--right {
    padding-left: 5%;
  }
  .printer-landing .section-6__content {
    width: 100%;
  }
  .printer-landing .section-9__images {
    margin-top: 30px;
  }
  .printer-landing .section-9__images img {
    max-width: 30%;
  }
}
@media only screen and (max-width: 1400px) {
  .printer-landing .section-7__featured {
    margin-right: 3%;
  }
  .printer-landing .section-8__logos {
    width: 100%;
    overflow: hidden;
  }
  .printer-landing .section-8__logos .owl-stage {
    display: flex;
  }
  .printer-landing .section-8__logos__logo img {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1200px) {
  .printer-landing .content-wrap {
    width: 100%;
  }
  .printer-landing .fixed-header .container {
    flex-direction: column;
  }
  .printer-landing .fixed-header__logo {
    top: auto;
    margin-bottom: 10px;
    align-self: center;
  }
  .printer-landing .fixed-header__links {
    padding-left: 0;
  }
  .printer-landing .masthead .printer-tips-wrap .printer-tooltip {
    display: none;
  }
  .printer-landing .masthead .tooltip-infobox {
    display: none;
  }
  .printer-landing .masthead__wire {
    display: none;
  }
  .printer-landing .masthead__inner {
    width: 40%;
  }
  .printer-landing .section-1__left {
    width: 57.5%;
  }
  .printer-landing .section-1__left .printer-banner {
    padding: 20px;
  }
  .printer-landing .section-2 {
    padding: 60px 0;
  }
  .printer-landing .section-2__left .banner {
    bottom: -310px;
  }
  .printer-landing .section-2__left .logo {
    top: -90px;
    right: 20%;
  }
  .printer-landing .section-3__intro {
    margin-bottom: 60px;
  }
  .printer-landing .section-3__graphic {
    display: none;
  }
  .printer-landing .section-4__left,
  .printer-landing .section-4__right {
    padding-top: 0;
    padding-bottom: 0;
  }
  .printer-landing .section-5__content > .section-title {
    margin-bottom: 30px;
  }
  .printer-landing .section-5__content__col--left {
    padding-right: 4%;
  }
  .printer-landing .section-5__content__col--right {
    padding-left: 4%;
  }
  .printer-landing .section-7 {
    padding: 80px 0;
  }
  .printer-landing .section-7 .container {
    flex-direction: column;
  }
  .printer-landing .section-7__featured {
    width: 100%;
    margin-right: 0;
  }
  .printer-landing .section-7__reel {
    display: flex;
    flex: auto;
  }
  .printer-landing .section-7__reel .video-wrap {
    width: calc(33.3333% - 10px);
    margin-bottom: 0;
    margin-right: 15px;
    margin-top: 30px;
    flex-direction: column;
  }
  .printer-landing .section-7__reel .video-wrap:last-child {
    margin-right: 0;
  }
  .printer-landing .section-7__reel .video-wrap__thumb img {
    width: 100%;
    height: 16vw;
  }
  .printer-landing .section-7__reel .video-wrap .content {
    padding-left: 0;
    padding-top: 30px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .printer-landing .fixed-header__links__btn {
    font-size: 14px;
  }
  .printer-landing .fixed-header__links__btn:not(:last-child) {
    margin-right: 20px;
  }
  .printer-landing .masthead .printer-tips-wrap {
    display: none;
  }
  .printer-landing .masthead__inner {
    width: 55%;
    margin: 0 auto;
  }
  .printer-landing .masthead__inner .printer-mobile {
    max-width: 80%;
    display: block;
    margin: 0 auto 30px;
  }
  .printer-landing section {
    padding: 60px 0;
  }
  .printer-landing .section-1__left {
    width: 50%;
  }
  .printer-landing .section-1__left .printer-banner {
    padding: 0;
  }
  .printer-landing .section-1__left .printer-banner .btn {
    width: 100%;
  }
  .printer-landing .section-2 {
    padding: 60px 0 0;
    background-image: linear-gradient(to top, rgba(116, 130, 139, 0.65) 0%, #e3e6e8 40%);
  }
  .printer-landing .section-2 .container {
    flex-direction: column;
  }
  .printer-landing .section-2__left,
  .printer-landing .section-2__right {
    width: 100%;
  }
  .printer-landing .section-2__left {
    order: 2;
    margin-bottom: -90px;
  }
  .printer-landing .section-2__left .banner {
    position: relative;
    bottom: 0;
    max-width: 100%;
    margin-top: 60px;
  }
  .printer-landing .section-2__left .logo {
    top: auto;
    right: 9%;
    bottom: 60%;
    width: 23%;
  }
  .printer-landing .section-2__right {
    padding-left: 0;
  }
  .printer-landing .section-2__right ul {
    display: flex;
    flex-direction: column;
  }
  .printer-landing .section-2__right ul li {
    display: inline-block;
  }
  .printer-landing .section-3 {
    padding: 60px 0 70px;
  }
  .printer-landing .section-3__intro {
    width: 100%;
  }
  .printer-landing .section-3__steps {
    flex-direction: column;
  }
  .printer-landing .section-3__steps p {
    margin-right: 0;
  }
  .printer-landing .section-3__steps p:not(:last-of-type) {
    margin-bottom: 50px;
  }
  .printer-landing .section-4 {
    padding: 60px 0;
  }
  .printer-landing .section-4__left {
    padding-right: 30px;
  }
  .printer-landing .section-4__right {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .printer-landing .masthead__inner {
    width: 60%;
  }
  .printer-landing .masthead__inner h2 {
    display: inline-block;
  }
  .printer-landing section {
    padding: 60px 0;
  }
  .printer-landing .section-1 .container {
    flex-direction: column;
  }
  .printer-landing .section-1__left {
    width: 100%;
    border-right: 0;
    padding-right: 0;
    order: 1;
  }
  .printer-landing .section-1__left .printer-banner {
    padding: 20px;
  }
  .printer-landing .section-1__right {
    display: block;
    flex: auto;
    width: 100%;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 50px;
  }
  .printer-landing .section-1__right--full {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
  }
  .printer-landing .section-1__right--full .stepform {
    height: 380px;
  }
  .printer-landing .section-1__right .stepform {
    flex: auto;
    height: 420px;
  }
  .printer-landing .section-1__right .stepform fieldset {
    padding: 95px 35px 32.5px 35px;
    position: absolute;
    height: 100%;
    top: 0;
  }
  .printer-landing .section-1__right .stepform fieldset .step-title br {
    display: none;
  }
  .printer-landing .section-1__right .stepform__intro {
    position: relative;
    padding-right: 0;
    left: auto;
    padding: 0 35px;
  }
  .printer-landing .section-2 .container {
    flex-direction: column;
  }
  .printer-landing .section-3 .section-title,
  .printer-landing .section-3 p {
    text-align: left;
  }
  .printer-landing .section-4 {
    padding: 0;
  }
  .printer-landing .section-4__background {
    display: none;
  }
  .printer-landing .section-4 .container {
    padding: 0;
  }
  .printer-landing .section-4__content {
    flex-direction: column;
  }
  .printer-landing .section-4__left,
  .printer-landing .section-4__right {
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 50px;
  }
  .printer-landing .section-4__left ul,
  .printer-landing .section-4__right ul {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
  }
  .printer-landing .section-4__left ul li,
  .printer-landing .section-4__right ul li {
    padding-left: 0;
    display: inline-block;
  }
  .printer-landing .section-4__left ul li:before,
  .printer-landing .section-4__right ul li:before {
    left: -10px;
  }
  .printer-landing .section-4__left {
    background-image: url(/content/img/categories/printer_landing/DTC_PRINTERS.jpg);
  }
  .printer-landing .section-4__right {
    background-image: url(/content/img/categories/printer_landing/RETRANSFER_PRINTERS.jpg);
  }
  .printer-landing .section-5__content > .section-title {
    text-align: left;
  }
  .printer-landing .section-5__content__col {
    width: 100%;
  }
  .printer-landing .section-5__content__col--left {
    padding-right: 0;
    padding-bottom: 30px;
  }
  .printer-landing .section-5__content__col--right {
    padding-left: 0;
  }
  .printer-landing .section-6__content {
    flex-direction: column;
  }
  .printer-landing .section-6__content__col {
    width: 100%;
  }
  .printer-landing .section-6__content__col--left {
    width: 100%;
    padding-right: 0;
  }
  .printer-landing .section-6__content__col--right {
    margin-left: 0;
    height: 400px;
  }
  .printer-landing .section-6__content__col--right .tab-featured {
    display: flex;
  }
  .printer-landing .section-6__content__col--right .tab-featured__image {
    height: 100%;
  }
  .printer-landing .section-6__content__col--right .tab-featured__content {
    flex-direction: column;
    text-align: left;
  }
  .printer-landing .section-6__content__col--right .tab-featured__content__left,
  .printer-landing .section-6__content__col--right .tab-featured__content__right {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .printer-landing .section-6__content__col--right .tab-featured__content__left {
    border-right: none;
    border-bottom: 1px solid #d1d6d9;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .printer-landing .section-7 .section-title {
    margin-bottom: 40px;
    text-align: left;
  }
  .printer-landing .section-7 .subtitle {
    text-align: left;
  }
  .printer-landing .section-7__featured iframe {
    height: 50vw;
  }
  .printer-landing .section-7__featured .video-wrap:not(.active) {
    display: block;
  }
  .printer-landing .section-7__featured .video-wrap:not(:last-child) {
    margin-bottom: 30px;
  }
  .printer-landing .section-7__reel {
    flex-direction: column;
    display: none;
  }
  .printer-landing .section-7__reel .video-wrap {
    width: 100%;
  }
  .printer-landing .section-7__reel .video-wrap .content {
    display: block;
    text-align: left;
  }
  .printer-landing .section-7__reel .video-wrap__thumb img {
    height: 50vw;
  }
  .printer-landing .section-8 {
    text-align: left;
  }
  .printer-landing .section-8 p {
    max-width: 100%;
    margin: 0 auto 40px;
  }
  .printer-landing .section-9 .container {
    flex-direction: column;
  }
  .printer-landing .section-9__left {
    border-right: none;
    border-bottom: 1px solid #75838c;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
  .printer-landing .section-9__left,
  .printer-landing .section-9__right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .printer-landing .section-9__images {
    justify-content: space-around;
  }
  .printer-landing .section-9__images img {
    max-width: 25%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .printer-landing .fixed-header {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  .printer-landing .container {
    padding-right: 30px;
    padding-left: 30px;
  }
  .printer-landing section {
    padding: 40px 0;
  }
  .printer-landing .masthead__inner {
    width: 100%;
    padding: 40px 0;
  }
  .printer-landing .masthead__inner h2 {
    font-size: 24px;
  }
  .printer-landing .masthead__inner h2:after {
    width: 100%;
    left: 0;
  }
  .printer-landing .masthead__inner .printer-mobile {
    width: 90%;
  }
  .printer-landing .section-1__left .printer-banner {
    padding: 0;
  }
  .printer-landing .section-1__left .printer-banner .btn {
    padding: 0;
  }
  .printer-landing .section-1__right .section-title {
    text-align: left;
    padding: 0;
  }
  .printer-landing .section-1__right .finder-icon {
    width: 80px;
    right: 0;
    top: -18px;
  }
  .printer-landing .section-2__left {
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .printer-landing .section-2__left .banner {
    max-width: 150%;
    left: -25%;
    margin-bottom: -80px;
    margin-top: 40px;
  }
  .printer-landing .section-2__left .logo {
    right: -4%;
    bottom: 55%;
    width: 30%;
  }
  .printer-landing .section-4__left,
  .printer-landing .section-4__right {
    padding: 50px 20px 40px;
  }
  .printer-landing .section-6__content__col--right {
    height: 550px;
  }
  .printer-landing .section-6__content__col--right .tab-featured {
    flex-direction: column;
  }
  .printer-landing .section-6__content__col--right .tab-featured__image {
    height: calc(100% - 240px);
  }
  .printer-landing .section-6__content__col__tabs .tab:last-child {
    border-bottom: none;
  }
  .printer-landing .section-6__content__col__tabs .tab:after {
    display: none;
  }
  .printer-landing .section-7 {
    padding: 40px 0;
  }
  .printer-landing .section-7__featured iframe {
    height: 44vw;
  }
  .printer-landing .section-7__reel .video-wrap {
    flex-direction: column;
  }
  .printer-landing .section-7__reel .video-wrap__thumb img {
    height: 44vw;
  }
  .printer-landing .section-7__reel .video-wrap .content {
    padding-right: 0;
  }
  .printer-landing .section-9__images img {
    max-width: 33%;
    height: 100px;
  }
}
@media only screen and (max-width: 400px) {
  .printer-landing .section-1__right .stepform {
    height: 400px;
  }
}
.printer-landing .eb2-masthead {
  background: #193040;
  color: white;
  padding-bottom: 40px;
}
.printer-landing .eb2-masthead p {
  font-size: 14px;
}
.printer-landing .eb2-masthead h1 {
  font-size: 24px;
  font-weight: bold;
  color: white;
}
.printer-landing .eb2-masthead ul {
  color: white;
  list-style-type: disc;
  margin-top: 10px;
}
.printer-landing .eb2-masthead li {
  color: white;
  font-size: 14px;
  padding-left: 8px;
  margin-left: 10px;
  margin-bottom: 0px;
}
.printer-landing .eb2-masthead li:before {
  display: none;
}
.printer-landing .eb2-masthead .eb2-masthead-system {
  margin-top: -70px;
  margin-left: -50px;
}
@media (max-width: 991.99px) {
  .printer-landing .eb2-masthead .eb2-masthead-system {
    margin-top: 0px;
  }
}
.printer-landing .eb2-masthead .eb2-masthead-cards {
  margin-left: 50px;
}
@media (max-width: 767.99px) {
  .printer-landing .eb2-masthead .eb2-masthead-points {
    margin-left: 80px;
  }
}
@media (max-width: 480px) {
  .printer-landing .eb2-masthead .eb2-masthead-points {
    margin-left: 10px;
    width: 90%;
  }
}
.printer-landing .eb2-masthead .eb2-masthead-heading {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 10px;
}
.printer-landing .eb2-masthead .btn {
  background: #139e83;
  color: white;
  margin-top: 30px;
  border: none;
  width: 250px;
}
.printer-landing .eb2-masthead #eb2-price-tag {
  position: absolute;
  left: 50px;
  top: 0;
  width: 100px;
}
@media (max-width: 1199.99px) {
  .printer-landing .eb2-masthead #eb2-price-tag {
    top: -20px;
  }
}
@media (max-width: 991.99px) {
  .printer-landing .eb2-masthead #eb2-price-tag {
    top: 20px;
    left: 20px;
  }
}
@media (max-width: 1199.99px) {
  .printer-landing .eb2-masthead #eb2-sytem-image {
    width: 800px;
  }
}
@media (max-width: 991.99px) {
  .printer-landing .eb2-masthead #eb2-sytem-image {
    width: 600px;
  }
}
@media (max-width: 480px) {
  .printer-landing .eb2-masthead #eb2-sytem-image {
    width: 400px;
  }
}
p .plastic-ID-link {
  text-decoration: none;
  color: white;
  font-weight: bold;
}
h1 .title-link {
  color: white;
  font-weight: bold;
}
.quiz-result-category > h2 {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}
.quiz-results-landing {
  overflow: hidden;
}
.quiz-results-landing .finder-header {
  position: relative;
  z-index: 10;
  padding-top: 10px;
}
.quiz-results-landing .finder-header .section-title {
  color: #193040;
  margin-bottom: 10px;
}
.quiz-results-landing .finder-header .finder-icon {
  width: 80px;
  top: 36px;
  position: relative;
  margin: -36px -15px 0 -5px;
}
.quiz-results-landing .finder-header span {
  font-weight: 400;
}
.quiz-results-landing .fixed-header--child .fixed-header__links .printer-finder {
  color: white;
  font-size: 18px;
  font-weight: 500;
  font-family: 'Roboto Condensed', sans-serif;
  white-space: nowrap;
  margin-right: 30px;
}
.quiz-results-landing .fixed-header--child .fixed-header__links .printer-finder .finder-icon {
  width: 40px;
  top: 20px;
  position: relative;
  margin: -15px -5px 0 5px;
}
.quiz-results-landing .fixed-header--child .fixed-header__links__btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 36px;
}
.quiz-results-landing .fixed-header--child .fixed-header__links__btn--green-ghost {
  margin-right: 0;
}
.quiz-results-landing .fixed-header--child .fixed-header__links__btn--green-ghost:hover {
  background: white;
  border-color: white;
  color: #23ad7e;
}
.quiz-results-landing .fixed-header--child .fixed-header__links__btn--green-ghost:hover span {
  color: #75838c;
}
.quiz-results-landing .fixed-header--child .fixed-header__links__btn--green {
  position: relative;
}
.quiz-results-landing .fixed-header--child .fixed-header__links__btn--green img {
  height: 170%;
  width: auto;
  position: absolute;
  top: -10px;
  left: 60px;
}
.quiz-results-landing .printer-points {
  display: flex;
  justify-content: space-between;
}
.quiz-results-landing .printer-points--green .printer-points__point p:nth-child(1),
.quiz-results-landing .printer-points--green .printer-points__point p:nth-child(2) {
  color: #65b298;
}
.quiz-results-landing .printer-points--purple .printer-points__point p:nth-child(1),
.quiz-results-landing .printer-points--purple .printer-points__point p:nth-child(2) {
  color: #b2b3da;
}
.quiz-results-landing .printer-points--blue .printer-points__point p:nth-child(1),
.quiz-results-landing .printer-points--blue .printer-points__point p:nth-child(2) {
  color: #82b2d3;
}
.quiz-results-landing .printer-points--yellow .printer-points__point p:nth-child(1),
.quiz-results-landing .printer-points--yellow .printer-points__point p:nth-child(2) {
  color: #e0c27f;
}
.quiz-results-landing .printer-points__point {
  text-align: center;
  min-width: 33.3%;
}
.quiz-results-landing .printer-points__point p {
  color: white;
  font-size: 14px;
  line-height: 22px;
}
.quiz-results-landing .printer-points__point p:nth-child(2),
.quiz-results-landing .printer-points__point p:nth-child(3) {
  font-weight: 600;
}
.quiz-results-landing .printer-points__point p:nth-child(2) {
  font-size: 20px;
  margin-bottom: 2px;
}
.quiz-results-landing .printer-points__point p:nth-child(3) {
  line-height: 18px;
}
.quiz-results-landing .inner-masthead {
  background: #193040 url(/content/img/categories/printer_landing/RESULTbannerbackground.jpg) center no-repeat;
  background-size: cover;
  padding: 30px 0 40px;
  position: relative;
}
.quiz-results-landing .inner-masthead .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}
.quiz-results-landing .inner-masthead .container:before,
.quiz-results-landing .inner-masthead .container:after {
  display: none;
}
.quiz-results-landing .inner-masthead__left {
  width: 30%;
}
.quiz-results-landing .inner-masthead__left > span {
  background: #65b298;
  color: #193040;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  padding: 5px 10px 2px;
}
.quiz-results-landing .inner-masthead__left__block {
  border: 3px solid #65b298;
  padding: 20px 15px 15px;
}
.quiz-results-landing .inner-masthead__left__block .printer-title {
  color: white;
  font-weight: 600;
  font-size: 28px;
  width: 100%;
  border-bottom: 2px solid white;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.quiz-results-landing .inner-masthead__left__block .printer-title .price {
  font-weight: 400;
  font-size: 24px;
}
.quiz-results-landing .inner-masthead__left__blue > span {
  background: #82b2d3;
}
.quiz-results-landing .inner-masthead__left__blue .inner-masthead__left__block {
  border-color: #82b2d3;
}
.quiz-results-landing .inner-masthead__left__purple > span {
  background: #b2b3da;
}
.quiz-results-landing .inner-masthead__left__purple .inner-masthead__left__block {
  border-color: #b2b3da;
}
.quiz-results-landing .inner-masthead__left__yellow > span {
  background: #e0c27f;
}
.quiz-results-landing .inner-masthead__left__yellow .inner-masthead__left__block {
  border-color: #e0c27f;
}
.quiz-results-landing .inner-masthead__left__green > span {
  background: #65b298;
}
.quiz-results-landing .inner-masthead__left__green .inner-masthead__left__block {
  border-color: #65b298;
}
.quiz-results-landing .inner-masthead__image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -50px;
  max-width: 26%;
}
.quiz-results-landing .inner-masthead__right {
  width: 27.5%;
  padding-right: 2.5%;
}
.quiz-results-landing .inner-masthead__right p {
  color: white;
  line-height: 18px;
}
.quiz-results-landing .inner-masthead__right .btn {
  height: 45px;
  line-height: 45px;
  background: #65b298;
  color: white;
  width: 100%;
  margin-top: 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: none;
}
.quiz-results-landing .inner-masthead__right .btn:hover {
  color: #65b298;
  background: white;
  border-color: white;
}
.quiz-results-landing .inner-masthead__right__purple .btn {
  background: #b2b3da;
}
.quiz-results-landing .inner-masthead__right__purple .btn:hover {
  color: #b2b3da;
}
.quiz-results-landing .inner-masthead__right__green .btn {
  background: #65b298;
}
.quiz-results-landing .inner-masthead__right__green .btn:hover {
  color: #65b298;
}
.quiz-results-landing .inner-masthead__right__yellow .btn {
  background: #e0c27f;
}
.quiz-results-landing .inner-masthead__right__yellow .btn:hover {
  color: #e0c27f;
}
.quiz-results-landing .inner-masthead__right__blue .btn {
  background: #82b2d3;
}
.quiz-results-landing .inner-masthead__right__blue .btn:hover {
  color: #82b2d3;
}
.quiz-results-landing .main-banner.banner-img {
  min-height: 245px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  display: flex;
  align-items: center;
}
.quiz-results-landing .main-banner.banner-img .banner-text {
  width: 50%;
}
.quiz-results-landing .main-banner.banner-img .banner-text h1 {
  font-weight: 600;
  color: white;
  font-size: 24px;
  margin-bottom: 30px;
}
.quiz-results-landing .main-banner.banner-img .banner-text p {
  color: white;
  font-weight: 300;
  margin-bottom: 10px;
}
.quiz-results-landing .main-banner.banner-img .banner-text p:last-child {
  margin-bottom: 0;
}
.quiz-results-landing .single-section-1 {
  padding: 140px 0 80px;
}
.quiz-results-landing .single-section-1 .section-title {
  color: #193040;
}
.quiz-results-landing .single-section-1 .recommended-blocks {
  display: flex;
  justify-content: space-between;
}
.quiz-results-landing .single-section-1 .recommended-blocks__block {
  width: calc(33.3% - 10px);
  margin-right: 15px;
  background: #193040;
  position: relative;
}
.quiz-results-landing .single-section-1 .recommended-blocks__block:last-child {
  margin-right: 0;
}
.quiz-results-landing .single-section-1 .recommended-blocks__block .title {
  padding: 40px 40px;
  color: white;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 26px;
}
.quiz-results-landing .single-section-1 .recommended-blocks__block .title .price {
  font-weight: 400;
  font-size: 18px;
}
.quiz-results-landing .single-section-1 .recommended-blocks__block--purple .title {
  background-image: linear-gradient(to right, #193040 20%, rgba(178, 179, 218, 0.75) 100%);
}
.quiz-results-landing .single-section-1 .recommended-blocks__block--blue .title {
  background-image: linear-gradient(to right, #193040 20%, rgba(130, 178, 211, 0.75) 100%);
}
.quiz-results-landing .single-section-1 .recommended-blocks__block--yellow .title {
  background-image: linear-gradient(to right, #193040 20%, rgba(224, 194, 127, 0.75) 100%);
}
.quiz-results-landing .single-section-1 .recommended-blocks__block--green .title {
  background-image: linear-gradient(to right, #193040 20%, rgba(101, 178, 152, 0.75) 100%);
}
.quiz-results-landing .single-section-1 .recommended-blocks__block .image {
  position: absolute;
  right: 10px;
  top: -35px;
  width: 50%;
}
.quiz-results-landing .single-section-1 .recommended-blocks__block .content {
  padding: 120px 40px 130px;
}
.quiz-results-landing .single-section-1 .recommended-blocks__block .content .btn {
  width: calc(100% - 80px);
  position: absolute;
  margin-top: 40px;
  bottom: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.quiz-results-landing .single-section-1 .recommended-blocks__block .content .btn:hover {
  color: white;
  background: transparent;
  border-color: white;
}
.quiz-results-landing .single-2-section-1 {
  text-align: center;
  background-color: #eff0f1;
}
.quiz-results-landing .single-2-section-2 {
  text-align: center;
  padding: 80px 0 40px;
}
.quiz-results-landing .single-2-section-2 .section-title {
  margin-bottom: 0;
}
.quiz-results-landing .single-2-section-2 img {
  width: 500px;
  max-width: 100%;
}
@media only screen and (max-width: 1600px) {
  .quiz-results-landing .fixed-header--child .fixed-header__links {
    padding-left: 40px;
  }
  .quiz-results-landing .fixed-header--child .fixed-header__links__btn {
    width: auto;
    padding: 0 30px;
  }
  .quiz-results-landing .fixed-header--child .fixed-header__links__btn--green {
    flex: 1;
  }
  .quiz-results-landing .fixed-header--child .fixed-header__links__btn--green img {
    height: 165%;
    top: -10px;
    left: 50px;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block {
    width: calc(33.333% - 10px);
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .image {
    width: 60%;
    top: 25px;
  }
}
@media only screen and (max-width: 1440px) {
  .quiz-results-landing .fixed-header--child .fixed-header__links__btn--white {
    display: none;
  }
}
@media screen and (max-width: 1200px) and (min-width: 660px) {
  .quiz-results-landing .single-section-1 .recommended-blocks {
    flex-direction: column;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    display: flex;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .title {
    width: 35%;
    font-size: 24px;
    text-align: left;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .content {
    flex: 1;
    padding: 40px 40px 40px 80px;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .image {
    right: auto;
    top: auto;
    left: 15%;
    height: 65%;
    width: auto;
    bottom: 15px;
  }
}
@media screen and (max-width: 1200px) {
  .quiz-results-landing .single-section-1 {
    padding: 60px 0;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .content .btn {
    position: relative;
    width: 100%;
    bottom: 0;
  }
  .quiz-results-landing .inner-masthead .container {
    justify-content: left;
  }
  .quiz-results-landing .inner-masthead__left {
    width: 35%;
  }
  .quiz-results-landing .inner-masthead__right {
    padding-right: 0;
    width: 35%;
    margin-left: 7.5%;
  }
  .quiz-results-landing .inner-masthead__image {
    left: 100%;
    top: 40px;
    width: 35%;
  }
}
@media screen and (max-width: 992px) {
  .quiz-results-landing .fixed-header--child .fixed-header__links__btn--green img {
    display: none;
  }
  .quiz-results-landing .inner-masthead {
    padding: 40px 0;
    background: #193040;
  }
  .quiz-results-landing .inner-masthead .container {
    flex-direction: column;
    align-items: flex-start;
  }
  .quiz-results-landing .inner-masthead__left {
    width: 50%;
  }
  .quiz-results-landing .inner-masthead__image {
    top: 0;
    width: 35%;
    left: auto;
    right: 30px;
    transform: translateX(0);
  }
  .quiz-results-landing .inner-masthead__right {
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .quiz-results-landing .main-banner.banner-img {
    align-items: flex-start;
  }
  .quiz-results-landing .main-banner.banner-img .banner-text {
    width: 100%;
    padding: 30px 0;
  }
  .quiz-results-landing .main-banner.banner-img .banner-text h1 {
    margin-bottom: 18px;
    font-size: 18px;
  }
  .quiz-results-landing .single-section-1 {
    padding: 60px 0;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .image {
    left: 12%;
    height: 55%;
    bottom: 2%;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .content {
    padding-left: 60px;
  }
}
@media screen and (max-width: 660px) {
  .quiz-results-landing .single-section-1 .recommended-blocks {
    flex-direction: column;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .title {
    text-align: left;
    padding: 60px 40px;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .content {
    padding-left: 40px;
    padding-top: 60px;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .image {
    left: auto;
    right: 20px;
    top: -45px;
    width: 45%;
    height: auto;
  }
}
@media screen and (max-width: 550px) {
  .quiz-results-landing .inner-masthead {
    padding: 40px 0 60vw;
  }
  .quiz-results-landing .inner-masthead__left {
    width: 100%;
  }
  .quiz-results-landing .inner-masthead__image {
    width: calc(100% - 60px);
    top: calc(100% + 10vw);
    right: auto;
    margin: 0 auto;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .title {
    padding: 40px;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .image {
    top: -35px;
    width: 42.5%;
  }
}
@media screen and (max-width: 450px) {
  .quiz-results-landing .single-section-1 .recommended-blocks__block .title {
    padding: 30px 40px;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .image {
    top: 35px;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .printer-points {
    flex-direction: column;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .printer-points__point {
    margin-bottom: 15px;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .printer-points__point:last-child {
    margin-bottom: 0;
  }
  .quiz-results-landing .single-section-1 .recommended-blocks__block .printer-points__point p br {
    display: none;
  }
}
.ribbon-landing .printer-table .img,
.ribbon-landing .printer-table .text {
  display: table-cell;
  width: 50%;
}
.ribbon-landing .printer-table img {
  background: #d1d6d9;
  display: inline-block;
  width: 100%;
}
.ribbon-landing .printer-table .text {
  background: #75838c;
  text-align: center;
  vertical-align: middle;
  color: white;
  transition: 0.5s;
}
.ribbon-landing .printer-table:hover .text {
  background: #0e5d90;
}
.ribbon-landing .printer-table h4 {
  font-weight: 600;
  font-size: 2em;
  text-transform: uppercase;
}
.ribbon-landing .printer-table .empty {
  background: #d1d6d9;
  padding-top: 50%;
}
.manufacturers {
  text-align: center;
  margin-left: -7px;
  margin-right: -7px;
}
.manufacturer {
  display: inline-block;
  padding-left: 7px;
  padding-right: 7px;
  margin-bottom: 15px;
}
.manufacturer:hover img {
  box-shadow: 2px 2px 4px #75838c;
}
.manufacturer h3 {
  color: white;
}
.manufacturer .text {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
.manufacturer .text-center p {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.manufacturer p {
  color: white;
  line-height: 16px;
}
.manufacturer svg,
.manufacturer .logo {
  margin-top: 0.5em;
}
@media (min-width: 992px) {
  .manufacturer svg,
  .manufacturer .logo {
    margin-top: 1.5em;
  }
}
.manufacturer .logo {
  display: block;
  height: 100px;
  color: white;
  padding-top: 1em;
  margin-bottom: 5px;
}
.manufacturer svg {
  fill: white;
}
.manufacturer img {
  width: 100%;
  background: #75838c;
  transition: 0.5s;
}
.manufacturer:hover img {
  background: #0e5d90;
}
.ribbon-landing .manufacturer p {
  opacity: 0;
  height: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ribbon-landing .manufacturer:hover p {
  opacity: 1;
  height: 1em;
}
.ribbon-landing .manufacturer svg {
  margin: 0;
}
.ribbon-landing .manufacturer svg * {
  fill: white !important;
  opacity: 1 !important;
}
@media (min-width: 1600px) {
  .access-control .landing-subcategory {
    margin-left: -7px;
    margin-right: -7px;
  }
}
.five-step-container {
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #e3e6e8;
}
.five-step-container .five-step-header h2 {
  text-align: center;
  margin-bottom: 30px;
}
.five-step-container .five-step-header h3 {
  margin: 0px;
  color: #75838c !important;
  text-align: center;
  margin: 50px auto;
  margin-top: 0;
  margin-bottom: 32px;
  max-width: 60em;
}
.five-step-container .one-step-header {
  color: #75838c;
  font-size: 18px;
}
.five-step-container p {
  font-size: 14px;
  color: #75838c;
  margin-bottom: 0;
  height: 6em;
}
.one-step {
  margin: 0 auto;
}
.one-step img {
  height: 153px;
  width: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 400px) {
  .one-step img {
    margin-left: -15%;
  }
}
.vs-banner {
  height: 245px;
  width: 100%;
  display: block;
  background-image: url(/Content/img/services/vip-support/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.vs-banner .idcare-logo {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vs-banner .idcare-logo img {
  height: 150px;
}
.vs-trustpilot {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 767.99px) {
  .vs-trustpilot {
    height: 110px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) {
  .vs-trustpilot .trustpilot-section {
    display: inline-block;
  }
}
.vs-trustpilot .excellent-rating-stars {
  min-width: 265px;
}
.vs-trustpilot .trustpilot-logo {
  height: 27px;
  width: auto;
  margin-right: 15px;
}
.vs-trustpilot .trustpilot-stars {
  height: 16px;
  width: auto;
}
.vs-trustpilot a:link {
  text-decoration: none;
}
.vs-trustpilot span {
  padding-left: 15px;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .vs-trustpilot span {
    padding-left: 0;
  }
}
.vs-trustpilot .trustpilot-rating {
  padding-right: 20px;
  border-left: #75838c solid 1px;
  color: black;
}
@media (max-width: 992px) {
  .vs-trustpilot .trustpilot-rating {
    border-left: none;
  }
}
@media (max-width: 767.99px) {
  .vs-trustpilot .trustpilot-rating {
    padding-right: 5px;
  }
}
.vs-trustpilot .trustpilot-description {
  color: #75838c;
}
.vs-trustpilot img {
  height: 25px;
  width: auto;
  display: inline-block;
}
.vs-product-description {
  padding: 60px 0;
  text-align: center;
}
@media (max-width: 767.99px) {
  .vs-product-description {
    padding: 30px 0;
  }
}
.vs-product-description h2 {
  font-weight: bold;
  color: #0e5c8f;
}
.vs-product-description p {
  margin: 0 auto;
  margin-top: 20px;
  max-width: 715px;
  color: #75838c;
}
@media (max-width: 991.99px) {
  .vs-product-description p {
    padding: 0 15px;
  }
}
.vs-product-table .table-col {
  margin: 0 0 3em 0;
  display: flex;
}
.vs-product-table .table-cell {
  height: 33px;
  width: 100%;
  padding: 0 20px;
  font-weight: bold;
  overflow: hidden;
  color: #202223;
  display: flex;
  align-items: center;
}
.vs-product-table .table-cell h3 {
  margin-left: 10px;
  font-weight: bold;
  color: #202223;
}
@media (min-width: 768px) {
  .vs-product-table .table-cell h3 {
    margin-top: 50.5px;
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .vs-product-table .table-cell h3 {
    margin-top: 30.5px;
  }
}
@media (max-width: 767.99px) {
  .vs-product-table .table-cell h3 {
    margin-top: 30.5px;
  }
}
.vs-product-table .table-benefits-list,
.vs-product-table .table-product-list {
  position: relative;
  border-right: solid 2px white;
}
@media (min-width: 768px) {
  .vs-product-table .table-benefits-list,
  .vs-product-table .table-product-list {
    border-right-width: 5px;
  }
}
.vs-product-table .table-benefits-list {
  width: 58%;
}
@media (min-width: 768px) {
  .vs-product-table .table-benefits-list {
    width: 40%;
  }
}
@media (min-width: 992px) {
  .vs-product-table .table-benefits-list {
    width: 30%;
  }
}
.vs-product-table .table-product-list {
  width: 21%;
}
@media (min-width: 768px) {
  .vs-product-table .table-product-list {
    width: 30%;
  }
}
@media (min-width: 992px) {
  .vs-product-table .table-product-list {
    width: 35%;
  }
}
@media (max-width: 767.99px) {
  .vs-product-table .table-cell {
    height: 45px;
    padding: 10px;
  }
}
.vs-product-table .table-product-list {
  text-align: center;
}
.vs-product-table .table-product-list .table-body {
  display: flex;
  justify-content: center;
  align-content: center;
}
.vs-product-table .table-product-list .table-body img {
  height: 25px;
}
.vs-product-table .table-product-list .table-body span {
  line-height: 25px;
  color: #28c28e;
}
.vs-product-table img {
  height: 25px;
  width: auto;
}
.vs-product-table .table-logo {
  height: 60px;
  width: auto;
  margin-top: 12.5px;
}
@media (max-width: 767.99px) {
  .vs-product-table .table-logo {
    display: none;
  }
}
.vs-product-table .standard-support {
  display: none;
  position: absolute;
  top: -18px;
  right: 20px;
  height: auto;
  width: 80px;
}
@media (min-width: 992px) {
  .vs-product-table .standard-support {
    display: block;
  }
}
.vs-product-table .premium-support {
  display: none;
  position: absolute;
  top: -15px;
  right: -5px;
  height: auto;
  width: 80px;
}
@media (min-width: 992px) {
  .vs-product-table .premium-support {
    display: block;
  }
}
@media (min-width: 1200px) {
  .vs-product-table .premium-support {
    right: 5px;
  }
}
.vs-product-table .table-body:nth-child(odd) {
  background: rgba(227, 230, 232, 0.7);
}
.vs-product-table .blue {
  background: rgba(18, 123, 191, 0.1);
}
.vs-product-table .blue .support-price,
.vs-product-table .blue .support-price-xs {
  border: #127bbf solid 2px;
  color: #127bbf;
}
.vs-product-table .green {
  background: rgba(40, 194, 142, 0.1);
  border: none;
}
.vs-product-table .green .support-price,
.vs-product-table .green .support-price-xs {
  border: #28c28e solid 2px;
  color: #28c28e;
}
.vs-product-table .thead {
  height: 85px;
  padding: 0;
  display: table;
}
@media (max-width: 1199.99px) {
  .vs-product-table .thead {
    height: 125px;
  }
}
@media (max-width: 767.99px) {
  .vs-product-table .thead {
    height: 85px;
  }
}
.vs-product-table .thead .support-price {
  display: none;
}
@media (max-width: 1199.99px) {
  .vs-product-table .thead .support-price {
    margin: 0;
    margin-top: 10px;
    width: 100%;
    line-height: 38px;
    display: inline-block;
  }
}
@media (max-width: 767.99px) {
  .vs-product-table .thead .support-price {
    display: none;
  }
}
.vs-product-table .thead .title-price-xs {
  position: relative;
  height: 85px;
  display: block;
}
@media (min-width: 768px) {
  .vs-product-table .thead .title-price-xs {
    display: none;
  }
}
.vs-product-table .thead .title-price-xs .title-xs {
  padding-left: 3px;
  padding-right: 3px;
  font-size: 16px;
  color: #202223;
  width: 100%;
  position: absolute;
  bottom: 30px;
}
.vs-product-table .thead .title-price-xs .support-price-xs {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 767.99px) {
  .vs-product-table .thead .title-price-xs .support-price-xs {
    width: 100%;
    line-height: 20px;
    margin: 0;
    bottom: 0;
  }
}
.vs-product-table .thead .title-price-xs .blue-title {
  color: #127bbf;
}
.vs-product-table .thead .title-price-xs .green-title {
  color: #28c28e;
}
.vs-product-table .table-buttons .btn-standard-support {
  margin-left: 0;
  margin-right: 3px;
  margin-bottom: 10px;
  width: 100%;
  text-transform: none;
  background: rgba(227, 230, 232, 0.7);
  color: #75838c;
}
@media (min-width: 767.99px) {
  .vs-product-table .table-buttons .btn-standard-support {
    margin-right: 1px;
    margin-left: 33.33%;
    margin-bottom: 0;
    width: 32.65%;
  }
}
.vs-product-table .table-buttons .btn-premium-support {
  width: 100%;
  color: white;
  background-color: #28c28e;
}
@media (min-width: 767.99px) {
  .vs-product-table .table-buttons .btn-premium-support {
    width: 33.33%;
  }
}
.vs-product-table p {
  margin: 0;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #75838c;
}
@media (min-width: 767.99px) {
  .vs-product-table p {
    width: 66.66%;
    float: right;
  }
}
.vs-benefits-description {
  padding-bottom: 50px;
}
.vs-benefits-description .benefits-description-single {
  margin: 0 auto;
  margin-top: 85px;
  max-width: 225px;
}
.vs-benefits-description img {
  height: 100%;
  width: 100%;
}
.vs-benefits-description h5 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #0e5c8f;
}
.vs-benefits-description p {
  color: #75838c;
}
.vs-remote-installation {
  padding-bottom: 30px;
  height: 610px;
}
.vs-remote-installation .remote-banner-background {
  padding-top: 76px;
  background-image: url(/Content/img/services/vip-support/remoteinstallationBKG1024.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 553px;
}
@media (min-width: 1200px) {
  .vs-remote-installation .remote-banner-background {
    background-image: url(/Content/img/services/vip-support/remoteinstallationBKG.jpg);
  }
}
.vs-remote-installation .remote-banner-background .remote-installation-content {
  margin: 0 auto;
  max-width: 270px;
  text-align: center;
}
.vs-remote-installation .remote-banner-background .remote-installation-content img {
  height: 240px;
  width: auto;
}
.vs-remote-installation .remote-banner-background .remote-installation-content .dark-banner-img {
  display: none;
}
@media (min-width: 1200px) {
  .vs-remote-installation .remote-banner-background .remote-installation-content .dark-banner-img {
    display: block;
  }
}
.vs-remote-installation .remote-banner-background .remote-installation-content .light-banner-img {
  display: none;
}
@media (max-width: 1199.99px) {
  .vs-remote-installation .remote-banner-background .remote-installation-content .light-banner-img {
    display: block;
  }
}
.vs-remote-installation .remote-banner-background .remote-installation-content h2 {
  font-weight: bold;
  color: white;
}
@media (min-width: 1200px) {
  .vs-remote-installation .remote-banner-background .remote-installation-content h2 {
    color: #75838c;
  }
}
.vs-remote-installation .remote-banner-background .remote-installation-content p {
  margin: 0 auto;
  width: 220px;
  color: white;
}
@media (min-width: 1200px) {
  .vs-remote-installation .remote-banner-background .remote-installation-content p {
    color: #75838c;
  }
}
/*Stage 2 form only*/

.vs-signup-form {
  height: 440px;
  padding-top: 60px;
  padding-bottom: 115px;
}
.vs-signup-form h2 {
  text-align: center;
  color: #0e5c8f;
  font-weight: bold;
  margin-bottom: 60px;
}
.vs-signup-form .vs-form-single:first-child {
  border-right: #d1d6d9 solid 1px;
}
.vs-signup-form .vs-form-single {
  height: 175px;
}
.vs-signup-form .btn {
  color: white;
  background: #28c28e;
  width: 100%;
  height: 90px;
  font-weight: bold;
}
.vs-signup-form p {
  margin-top: 30px;
  font-size: 18px;
  color: #75838c;
}
.vs-signup-form p span {
  font-weight: bold;
}
.configurator-header h2 {
  font-size: 24px;
  color: #75838c;
  font-weight: 700;
}
.configurator-header hr {
  border-color: #d1d6d9;
  margin-top: 10px;
  margin-bottom: 30px;
}
.personalised-configurator p {
  color: #75838c;
  line-height: 1.2em;
  margin-bottom: 17px;
}
.personalised-configurator .option-table .form-control {
  height: 50px;
}
.personalised-configurator input.form-control {
  background: white;
}
.personalised-configurator input.form-control.full-colour {
  background: #127bbf;
}
.personalised-configurator select.form-control {
  background: #127bbf;
  color: white;
  border-color: #127bbf;
  font-size: 14px;
  font-weight: bold;
  transition: 0.3s;
}
.personalised-configurator select.form-control.inactive {
  background: #75838c;
}
.personalised-configurator label {
  color: #75838c;
}
.personalised-configurator .option-table {
  width: 100%;
  margin-top: -8px;
}
.personalised-configurator .option-table td {
  width: 50%;
  padding: 8px 0;
}
.personalised-configurator .send-quote {
  padding-top: 15px;
}
.personalised-configurator .send-quote label {
  font-size: 13px;
  text-transform: uppercase;
}
.personalised-configurator .send-quote input {
  background: white;
}
.personalised-configurator .modal-body {
  padding: 15px;
}
@media (min-width: 768px) {
  .personalised-configurator .modal-body {
    padding: 45px;
  }
}
.personalised-configurator input[type='checkbox'] {
  display: none;
}
.personalised-configurator input[type='checkbox'] + input + .config-checkbox,
.personalised-configurator input[type='checkbox'] + .config-checkbox {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  height: 50px;
  padding: 6px;
  padding-right: 44px;
  background: #75838c;
  color: white;
  transition: 0.3s;
  border-radius: 25px;
  line-height: 38px;
  overflow: hidden;
}
.personalised-configurator input[type='checkbox'] + input + .config-checkbox .checkbox-dial,
.personalised-configurator input[type='checkbox'] + .config-checkbox .checkbox-dial {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.personalised-configurator input[type='checkbox'] + input + .config-checkbox .checkbox-dial:after,
.personalised-configurator input[type='checkbox'] + .config-checkbox .checkbox-dial:after {
  content: ' ';
  background: white;
  height: 38px;
  width: 38px;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  border-radius: 25px;
}
.personalised-configurator input[type='checkbox'] + input + .config-checkbox:before,
.personalised-configurator input[type='checkbox'] + .config-checkbox:before,
.personalised-configurator input[type='checkbox'] + input + .config-checkbox:after,
.personalised-configurator input[type='checkbox'] + .config-checkbox:after {
  position: absolute;
  transition: 0.3s;
  top: 6px;
}
.personalised-configurator input[type='checkbox'] + input + .config-checkbox:before,
.personalised-configurator input[type='checkbox'] + .config-checkbox:before {
  content: 'Yes';
  left: -50px;
}
.personalised-configurator input[type='checkbox'] + input + .config-checkbox:after,
.personalised-configurator input[type='checkbox'] + .config-checkbox:after {
  content: 'No';
  right: 15px;
}
.personalised-configurator input[type='checkbox']:checked + input + .config-checkbox,
.personalised-configurator input[type='checkbox']:checked + .config-checkbox {
  background: #127bbf;
}
.personalised-configurator input[type='checkbox']:checked + input + .config-checkbox .checkbox-dial:after,
.personalised-configurator input[type='checkbox']:checked + .config-checkbox .checkbox-dial:after {
  left: 100%;
}
.personalised-configurator input[type='checkbox']:checked + input + .config-checkbox:before,
.personalised-configurator input[type='checkbox']:checked + .config-checkbox:before {
  left: 15px;
}
.personalised-configurator input[type='checkbox']:checked + input + .config-checkbox:after,
.personalised-configurator input[type='checkbox']:checked + .config-checkbox:after {
  right: -50px;
}
.personalised-configurator .radio-container {
  display: table;
  width: 100%;
  height: 60px;
  margin: 15px 0;
  border: 1px solid #e3e6e8;
  table-layout: fixed;
}
.personalised-configurator .radio-container input {
  display: none;
}
.personalised-configurator .radio-container input + .config-radio {
  display: table-cell;
  position: relative;
  line-height: 60px;
  color: #127bbf;
  text-align: center;
  cursor: pointer;
}
.personalised-configurator .radio-container input + .config-radio:after {
  content: ' ';
  position: relative;
  left: 5px;
}
.personalised-configurator .radio-container input:checked + .config-radio {
  background: #127bbf;
  color: white;
}
.personalised-configurator .radio-container input:checked + .config-radio:before {
  display: none;
}
.personalised-configurator .radio-container input:checked + .config-radio:after {
  content: '✔';
}
.personalised-configurator .radio-container input:checked + .config-radio + input + .config-radio:before {
  display: none;
}
.personalised-configurator .radio-container .config-radio + input + .config-radio:before {
  content: ' ';
  height: 37px;
  width: 1px;
  background: #e3e6e8;
  position: absolute;
  left: 0;
  top: 15px;
}
.personalised-configurator .image-option {
  background: #d1d6d9;
  color: white;
  height: 147px;
  margin-bottom: 32px;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.personalised-configurator .image-option:not(.disabled) {
  cursor: pointer;
}
.personalised-configurator .image-option:not(.disabled):hover .chevron {
  left: 0;
}
.personalised-configurator .image-option .img-container {
  height: 100%;
  width: calc(100% - 140px);
  background-size: cover;
  background-position: 75% 50%;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .personalised-configurator .image-option .img-container {
    background-position: 100% 50%;
  }
}
.personalised-configurator .image-option .selection-container {
  height: 147px;
  width: 200%;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 100%;
  margin-left: -140px;
  transition: 0.45s;
}
.personalised-configurator .image-option .selection-container.active {
  left: -100%;
  margin-left: 0;
}
.personalised-configurator .image-option .selections-wrapper {
  position: absolute;
  padding-left: 140px;
  width: 50%;
  top: 0;
}
.personalised-configurator .image-option .selection-text {
  text-align: center;
  padding: 20px 15px;
  font-size: 14px;
}
.personalised-configurator .image-option .selection-text span {
  display: inline-block;
  line-height: 1em;
  min-height: 3em;
}
.personalised-configurator .image-option .selection-text img {
  display: block;
  margin: 0 auto;
}
.personalised-configurator .image-option .selected-option {
  position: relative;
  text-align: center;
  height: 147px;
  width: 140px;
  background: #127bbf;
  z-index: 2;
  font-weight: bold;
}
.personalised-configurator .image-option .selected-option .chevron {
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -10px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: 0.3s;
}
.personalised-configurator .image-option .selected-option .selection-text {
  width: 140px;
  padding: 20px;
}
.personalised-configurator .image-option .selected-option:after {
  content: ' ';
  position: absolute;
  height: 117px;
  width: 1px;
  background: white;
  top: 15px;
  left: 140px;
}
.personalised-configurator .image-option .active .chevron {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.personalised-configurator .image-option .selection-options {
  background: #127bbf;
  width: 100%;
  padding: 0 25px;
  white-space: nowrap;
  font-size: 0;
  height: 147px;
  position: relative;
}
.personalised-configurator .image-option .selection-arrow {
  width: 25px;
  height: 100%;
  position: absolute;
  top: 0;
}
.personalised-configurator .image-option .selection-arrow.slick-disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.personalised-configurator .image-option .selection-arrow:hover {
  background: #0e5c8f;
}
.personalised-configurator .image-option .selection-arrow:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 8.5px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.personalised-configurator .image-option .selection-arrow.next-selection {
  right: 0px;
}
.personalised-configurator .image-option .selection-arrow.next-selection:after {
  border-left: 8px solid white;
}
.personalised-configurator .image-option .selection-arrow.previous-selection {
  left: 0px;
}
.personalised-configurator .image-option .selection-arrow.previous-selection:after {
  border-right: 8px solid white;
}
.personalised-configurator .image-option .selection-option {
  height: 100%;
  vertical-align: top;
  transition: 0.3s;
  white-space: normal;
  height: 147px;
}
.personalised-configurator .image-option .selection-option:not(.disabled):hover {
  background: #0e5c8f;
  cursor: pointer;
}
.personalised-configurator .tooltip-target {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #127bbf;
  text-align: center;
  color: white;
  margin-left: 6px;
  margin-bottom: 4px;
  border-radius: 50%;
  font-weight: bold;
  transition: 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.personalised-configurator .tooltip-target:hover {
  background: #0e5c8f;
}
.personalised-configurator .price-block {
  display: block;
  height: 147px;
  background: white;
  border: 1px solid #d1d6d9;
  color: white;
  padding: 20px 5px;
  margin-bottom: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 767.99px) {
  .personalised-configurator .price-block {
    height: auto;
    margin-bottom: 15px;
  }
}
.personalised-configurator .price-block .service-selection,
.personalised-configurator .price-block .days,
.personalised-configurator .price-block .price {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 767.99px) {
  .personalised-configurator .price-block .service-selection,
  .personalised-configurator .price-block .days,
  .personalised-configurator .price-block .price {
    display: inline-block;
    margin: 0 10px;
  }
}
@media (min-width: 768px) {
  .personalised-configurator .price-block .service-selection {
    margin-bottom: 5px;
  }
}
.personalised-configurator .price-block .days {
  color: #75838c;
}
@media (min-width: 768px) {
  .personalised-configurator .price-block .days {
    margin-top: 35px;
    margin-bottom: 10px;
  }
}
.personalised-configurator .price-block .price {
  color: #cc094b;
  font-size: 18px;
}
@media (max-width: 767.99px) {
  .personalised-configurator .price-block .price {
    float: right;
  }
}
.personalised-configurator .price-block.selected {
  background: #127bbf;
  border-color: #127bbf;
}
.personalised-configurator .price-block.selected .days,
.personalised-configurator .price-block.selected .price {
  color: white;
}
.personalised-configurator .price-block.disabled {
  cursor: not-allowed;
}
.printed-lanyards .pricing-buttons {
  height: 105px;
  font-size: 24px;
  margin-bottom: 15px;
}
.printed-lanyards .image-option .lanyard-clip {
  width: 100px;
}
.printed-lanyards .image-option .lanyard-material {
  width: 150px;
}
.printed-lanyards .lanyard-clips .selected-option .selection-text {
  padding-left: 30px;
  padding-right: 30px;
}
.printed-lanyards .selection-row {
  display: block;
  height: 73.5px;
}
.printed-lanyards .additional-clip {
  margin-bottom: 15px;
}
.printed-lanyards .additional-clip:not(.enabled) + .lanyard-extra-clips {
  display: none;
}
.printed-lanyards .send-quote label {
  margin-top: 10px;
  padding-left: 15px;
  font-size: 13px;
  text-transform: uppercase;
}
.printed-lanyards .send-quote input {
  background: #e3e6e8;
}
.printed-lanyards .send-quote input,
.printed-lanyards .send-quote .btn {
  padding-left: 15px;
  padding-right: 15px;
}
.lanyard-breakaways .image-option .img-container {
  background-position: 50% 50%;
}
.quote-confirmation-modal .modal-content {
  width: 450px;
  text-align: center;
}
.quote-confirmation-modal img {
  width: 75px;
  height: 75px;
  margin: 15px auto;
}
.quote-confirmation-modal h3 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}
.quote-confirmation-modal p {
  margin-bottom: 45px;
}
.btn-live-chat {
  color: white;
  background-color: #e08e7f;
  border-color: #e08e7f;
}
.btn-live-chat:focus,
.btn-live-chat.focus {
  color: white;
  background-color: #d66a56;
  border-color: #b4412c;
}
.btn-live-chat:hover {
  color: white;
  background-color: #d66a56;
  border-color: #d4634e;
}
.btn-live-chat:active,
.btn-live-chat.active,
.open > .dropdown-toggle.btn-live-chat {
  color: white;
  background-color: #d66a56;
  border-color: #d4634e;
}
.btn-live-chat:active:hover,
.btn-live-chat.active:hover,
.open > .dropdown-toggle.btn-live-chat:hover,
.btn-live-chat:active:focus,
.btn-live-chat.active:focus,
.open > .dropdown-toggle.btn-live-chat:focus,
.btn-live-chat:active.focus,
.btn-live-chat.active.focus,
.open > .dropdown-toggle.btn-live-chat.focus {
  color: white;
  background-color: #cf5039;
  border-color: #b4412c;
}
.btn-live-chat:active,
.btn-live-chat.active,
.open > .dropdown-toggle.btn-live-chat {
  background-image: none;
}
.btn-live-chat.disabled:hover,
.btn-live-chat[disabled]:hover,
fieldset[disabled] .btn-live-chat:hover,
.btn-live-chat.disabled:focus,
.btn-live-chat[disabled]:focus,
fieldset[disabled] .btn-live-chat:focus,
.btn-live-chat.disabled.focus,
.btn-live-chat[disabled].focus,
fieldset[disabled] .btn-live-chat.focus {
  background-color: #e08e7f;
  border-color: #e08e7f;
}
.btn-live-chat .badge {
  color: #e08e7f;
  background-color: white;
}
.personalised-configurator.printed-cards .pricing-section-wrapper {
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .personalised-configurator.printed-cards .pricing-section-wrapper {
    margin-top: 0;
  }
}
.personalised-configurator.printed-cards .quote-section-wrapper {
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .personalised-configurator.printed-cards .quote-section-wrapper {
    float: right;
    margin-top: 0;
  }
}
.personalised-configurator.printed-cards .price-block {
  border: none;
}
.personalised-configurator.printed-cards .getprices {
  font-size: 24px;
  height: 80px;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .personalised-configurator.printed-cards .getprices {
    margin-bottom: 40px;
  }
}
.personalised-configurator.printed-cards .option-table label {
  color: #202223;
  line-height: 1em;
  margin: 0;
}
.personalised-configurator.printed-cards .option-table p {
  display: block;
  color: #202223;
  line-height: 1em;
  margin: 0;
}
.personalised-configurator.printed-cards .option-table td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.personalised-configurator.printed-cards .send-quote {
  padding: 14px 14px 4px 14px;
  background: #e3e6e8;
}
.personalised-configurator.printed-cards .send-quote label {
  margin-bottom: 13px;
}
.personalised-configurator.printed-cards .send-quote .btn {
  margin-left: 5px;
  margin-bottom: 10px;
}
.personalised-configurator.printed-cards .live-chat-well {
  height: 95px;
  padding: 0 15px;
  margin-top: 30px;
  background: rgba(224, 142, 127, 0.17);
}
@media (min-width: 1200px) {
  .personalised-configurator.printed-cards .live-chat-well {
    margin-top: 0;
    padding: 0 25px;
  }
}
.personalised-configurator.printed-cards .live-chat-well h3,
.personalised-configurator.printed-cards .live-chat-well p {
  margin: 0;
  color: #e08e7f;
}
.personalised-configurator.printed-cards .live-chat-well h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 7px;
}
@media (min-width: 1200px) {
  .personalised-configurator.printed-cards .live-chat-well h3 {
    font-size: 18px;
  }
}
.personalised-configurator.printed-cards .price-check-well {
  height: 150px;
  margin-top: 30px;
}
@media (min-width: 1200px) {
  .personalised-configurator.printed-cards .price-check-well {
    margin-top: 0;
  }
}
.personalised-configurator.printed-cards .price-check-well img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (min-width: 1200px) {
  .personalised-configurator.printed-cards .price-check-well img {
    left: -20px;
  }
}
.personalised-configurator.printed-cards .price-check-well .speech-bubble {
  position: relative;
  margin-left: 120px;
  background: white;
  padding: 0 10px;
  height: 140px;
  font-size: 12px;
}
@media (min-width: 768px) {
  .personalised-configurator.printed-cards .price-check-well .speech-bubble {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .personalised-configurator.printed-cards .price-check-well .speech-bubble {
    height: 100px;
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  .personalised-configurator.printed-cards .price-check-well .speech-bubble {
    margin-left: 100px;
  }
}
.personalised-configurator.printed-cards .price-check-well .speech-bubble p {
  margin: 0;
}
.personalised-configurator.printed-cards .price-check-well .speech-bubble:after {
  content: ' ';
  position: absolute;
  left: -7px;
  top: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent white transparent transparent;
}
.personalised-configurator.printed-cards .btn-live-chat {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .personalised-configurator.printed-cards .btn-live-chat {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.stuck-label {
  position: absolute;
  margin-bottom: 0;
  transition: all 0.3s ease-in;
  color: #75838c;
  font-weight: 400;
  background-color: transparent;
  left: 14px;
  top: -10px;
  font-size: 13px;
  line-height: 20px;
}
.form-row {
  margin-left: -10px;
  margin-right: -10px;
}
.form-field {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  margin: 11px 0;
}
@media (max-width: 768px) {
  .form-field {
    margin: 22px 0;
  }
}
.form-field label {
  line-height: 20px;
}
.form-field .input-group label {
  z-index: 999;
}
.form-field .input-group .input-state {
  top: 37px;
  z-index: 5;
}
.form-field .input-group-lg label {
  line-height: 46px;
}
.form-field .input-group-lg .input-state {
  top: 44px;
  z-index: 5;
}
.form-field .input-group {
  position: initial;
}
.floating-label-field {
  border: none;
  background: transparent;
  transition: none;
  border-bottom: 2px solid #e3e6e8;
}
input.floating-label-field {
  padding-left: 4px;
}
select.floating-label-field {
  text-indent: -1px;
  padding-left: 0px;
}
.field-dark .floating-label-field {
  border-color: #b5bdc2;
}
.floating-label-field ~ label {
  position: absolute;
  left: 10px;
  top: 0;
  margin-bottom: 0;
  line-height: 39px;
  pointer-events: none;
  transition: all 0.3s ease-in;
  color: #75838c;
  font-size: 18px;
  font-weight: 400;
}
.floating-label-field ~ .input-state {
  display: block;
  position: relative;
  top: -2px;
  height: 2px;
  width: 0;
  transition-property: width, background;
  transition-duration: 0.3s, 0s;
  transition-delay: 0s, 0.3s;
  transition-timing-function: ease, ease;
}
.floating-label-field.has-value,
.floating-label-field:active,
.floating-label-field:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.floating-label-field.has-value ~ label,
.floating-label-field:active ~ label,
.floating-label-field:focus ~ label {
  background-color: transparent;
  left: 14px;
  top: -10px;
  font-size: 13px;
  line-height: 20px;
}
.floating-label-field:active,
.floating-label-field:focus {
  border-bottom: 2px solid #e3e6e8;
}
.floating-label-field:active ~ label,
.floating-label-field:focus ~ label {
  color: #28c28e;
}
.floating-label-field:active ~ .input-state,
.floating-label-field:focus ~ .input-state {
  width: 100%;
  transition-delay: 0s, 0s;
  background: #28c28e;
}
.floating-label-field.has-value {
  border-bottom: 2px solid #193040;
}
.floating-label-field.input-validation-error {
  border-color: #cc094b;
  background: none;
}
.floating-label-field2 {
  border: none;
  background: transparent;
  transition: none;
  border-bottom: 2px solid #e3e6e8;
}
input.floating-label-field2 {
  padding-left: 4px;
}
select.floating-label-field2 {
  text-indent: -1px;
  padding-left: 0px;
}
.field-dark .floating-label-field2 {
  border-color: #b5bdc2;
}
.floating-label-field2 ~ label {
  position: absolute;
  margin-bottom: 0;
  transition: all 0.3s ease-in;
  color: #75838c;
  font-weight: 400;
  background-color: transparent;
  left: 14px;
  top: -10px;
  font-size: 13px;
  line-height: 20px;
}
.floating-label-field2 ~ .input-state {
  display: block;
  position: relative;
  top: -2px;
  height: 2px;
  width: 0;
  transition-property: width, background;
  transition-duration: 0.3s, 0s;
  transition-delay: 0s, 0.3s;
  transition-timing-function: ease, ease;
}
.floating-label-field2.has-value,
.floating-label-field2:active,
.floating-label-field2:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.floating-label-field2.has-value ~ label,
.floating-label-field2:active ~ label,
.floating-label-field2:focus ~ label {
  background-color: transparent;
  left: 14px;
  top: -10px;
  font-size: 13px;
  line-height: 20px;
}
.floating-label-field2:active,
.floating-label-field2:focus {
  border-bottom: 2px solid #e3e6e8;
}
.floating-label-field2:active ~ label,
.floating-label-field2:focus ~ label {
  color: #28c28e;
}
.floating-label-field2:active ~ .input-state,
.floating-label-field2:focus ~ .input-state {
  width: 100%;
  transition-delay: 0s, 0s;
  background: #28c28e;
}
.floating-label-field2.has-value {
  border-bottom: 2px solid #193040;
}
.floating-label-field2.input-validation-error {
  border-color: #cc094b;
  background: none;
}
textarea {
  outline: none;
  width: 100%;
}
textarea label {
  margin-left: 10px;
}
.login-form-input {
  margin-top: 20px;
}
.login-form-input label {
  left: 15px;
  top: 7px;
}
.login-form-input .floating-label-field-login.has-value ~ label,
.login-form-input .floating-label-field-login:active ~ label,
.login-form-input .floating-label-field-login:focus ~ label {
  left: 20px;
}
.login-modal .modal-body .form-control {
  text-align: left;
}
.login-form-padding {
  padding: 15px;
}
.password-reset label {
  left: 15px;
}
.password-reset .floating-label-field {
  margin-bottom: 10px;
}
input.password-reset .floating-label-field {
  padding-left: 0px;
}
.new-password-form label {
  left: 17px;
}
.new-password-form .floating-label-field {
  margin-bottom: 20px;
}
.new-password-form .floating-label-field.has-value ~ label,
.new-password-form .floating-label-field:active ~ label,
.new-password-form .floating-label-field:focus ~ label {
  left: 18px;
}
.new-password-form .btn {
  margin-bottom: 20px;
  margin-right: 15px;
}
.styled-radio {
  height: 1px;
  width: 1px;
  opacity: 0;
}
.styled-radio ~ label {
  display: inline-block;
  position: relative;
  background: white;
  border: 1px solid #75838c;
  height: 18px;
  width: 18px;
  border-radius: 50%;
}
.styled-radio ~ label:after {
  content: '';
  display: block;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  margin: 4px;
}
.styled-radio:checked ~ label:after {
  background-color: #28c28e;
  transition: 0.3s;
}
.styled-checkbox {
  display: none;
}
.styled-checkbox + label {
  display: inline-block;
  position: relative;
  background: white;
  border: 1px solid #75838c;
  height: 18px;
  width: 18px;
}
.styled-checkbox + label:after {
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  margin: 4px;
}
.styled-checkbox:checked + label:after {
  content: '✓';
  background-color: #28c28e;
  transition: 0.3s;
}
/*
    position: relative;

    padding-left: 10px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/

/*

    input:checked ~ .custom-checkmark:after {
        display: block;
    }

    .custom-checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 17px;
        width: 17px;
        background-color: @gray-light;
    }

    .custom-checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 6px;
        top: 2px;
        width: 5px;
        height: 11px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

*/

.btn-easybadge {
  color: white;
  border: none;
  background-color: #139e83;
  font-weight: bold;
}
.btn-easybadge:hover,
.btn-easybadge:focus {
  background-color: #0c6756;
  color: white;
}
.btn-white {
  color: #139e83;
  border: none;
  background-color: white;
  font-weight: bold;
}
.btn-white:hover,
.btn-white:focus {
  background-color: #e0e0e0;
  color: #139e83;
}
.btn-learnmore {
  color: #28c28e;
  background-color: transparent;
  border-color: transparent;
  transition: border 0.3s;
}
.btn-learnmore:focus,
.btn-learnmore.focus {
  color: #28c28e;
  background-color: transparent;
  border-color: transparent;
}
.btn-learnmore:hover {
  color: #28c28e;
  background-color: transparent;
  border-color: transparent;
}
.btn-learnmore:active,
.btn-learnmore.active,
.open > .dropdown-toggle.btn-learnmore {
  color: #28c28e;
  background-color: transparent;
  border-color: transparent;
}
.btn-learnmore:active:hover,
.btn-learnmore.active:hover,
.open > .dropdown-toggle.btn-learnmore:hover,
.btn-learnmore:active:focus,
.btn-learnmore.active:focus,
.open > .dropdown-toggle.btn-learnmore:focus,
.btn-learnmore:active.focus,
.btn-learnmore.active.focus,
.open > .dropdown-toggle.btn-learnmore.focus {
  color: #28c28e;
  background-color: transparent;
  border-color: transparent;
}
.btn-learnmore:active,
.btn-learnmore.active,
.open > .dropdown-toggle.btn-learnmore {
  background-image: none;
}
.btn-learnmore.disabled:hover,
.btn-learnmore[disabled]:hover,
fieldset[disabled] .btn-learnmore:hover,
.btn-learnmore.disabled:focus,
.btn-learnmore[disabled]:focus,
fieldset[disabled] .btn-learnmore:focus,
.btn-learnmore.disabled.focus,
.btn-learnmore[disabled].focus,
fieldset[disabled] .btn-learnmore.focus {
  background-color: transparent;
  border-color: transparent;
}
.btn-learnmore .badge {
  color: transparent;
  background-color: #28c28e;
}
.btn-learnmore:hover,
.btn-learnmore:focus,
.btn-learnmore:active {
  border-color: #28c28e;
}
.service-header {
  max-width: 35em;
  text-align: center;
  min-height: 244px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.service-header h1 {
  margin-top: 0;
}
.service-header h1,
.service-header p {
  color: white;
}
@media (min-width: 480px) {
  .service-header {
    height: 244px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.printed-services-header {
  background-image: url(/content/img/services/index/printed-services.jpg);
  background-size: cover;
}
.card-input-wrapper input {
  width: 110px;
  padding-right: 10px;
}
.date-input-wrapper {
  height: 80px;
  width: 73px;
  margin: 5px;
}
.date-input-wrapper a {
  display: inline-block;
  width: 70px;
  margin: 0;
  margin-top: 20px;
  height: 60px;
  padding: 20px 0 0 0;
}
.date-input-wrapper #deliveryDateShow {
  display: block;
  width: 100%;
  text-align: right;
}
.date-input-wrapper .chevron svg {
  margin-left: 0.2em;
  margin-right: 0.3em;
  fill: #28c28e;
}
.date-input-wrapper img {
  height: 80px;
}
.delivery-price {
  font-size: 2em;
  font-weight: 600;
  color: #28c28e;
}
.delivery-month {
  display: inline-block;
  text-align: left;
}
.configuration-form {
  text-align: center;
}
.configuration-complete {
  display: none;
  text-align: center;
}
.configuration-complete .well {
  border: 1px solid #75838c;
  display: inline-block;
  text-align: center;
  color: #75838c;
  padding: 1em 2em;
  margin: 5em 0;
}
.configuration-complete .btn {
  margin-bottom: 1em;
}
.configuration-complete img {
  display: block;
  margin: 1em auto;
  height: 75px;
}
.printing-form {
  margin-bottom: 1em;
  text-align: left;
  max-width: 70em;
  margin-left: auto;
  margin-right: auto;
}
.printing-form small {
  margin-left: 1em;
}
.printing-form textarea {
  min-height: 8.7em;
}
.printing-form .btn {
  line-height: 1em;
  font-size: 20px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .printing-form .btn {
    height: 4em;
  }
}
.printing-form .note {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 1px solid #75838c;
  padding: 15px 0;
}
.printing-form .note h3 {
  margin-top: 0;
  font-weight: bold;
}
.printing-form .note h3,
.printing-form .note p {
  display: inline;
}
.printing-form .note .vertical-center {
  margin-top: 15px;
}
.printing-form .note .cell {
  float: none;
  background: #eff0f1;
  padding-right: 0;
}
/* Plain lanyard calendar variation */

.calendar-plain-lanyards .lanyard-input-wrapper input,
.calendar-plain-lanyards .card-input-wrapper input,
.calendar-plain-lanyards .date-input-wrapper input {
  background: rgba(40, 194, 142, 0.2);
}
.calendar-plain-lanyards #deliveryDateShow {
  display: inline-block;
  width: auto;
}
.calendar-plain-lanyards .date-input-wrapper {
  width: auto;
  height: auto;
}
.calendar-plain-lanyards .calendar-toggle {
  padding: 0;
  height: 40px;
  width: auto;
  padding-left: 10px;
  line-height: 40px;
  background: rgba(40, 194, 142, 0.2);
}
.calendar-plain-lanyards .cost-price {
  color: #cc094b;
}
.calendar-plain-lanyards .calendar-footer {
  margin-bottom: 3em;
}
.service-section {
  text-align: center;
  padding: 3em 0 2em 0;
  color: #75838c;
  position: relative;
}
.service-section h4 {
  text-transform: uppercase;
}
.service-fragment {
  max-width: 200px;
  color: white;
  border-radius: 10px;
  margin: 1em auto;
  background: #d5dadc;
}
.service-fragment b {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  margin: 5px 0;
}
.service-fragment img {
  margin: 1em 0;
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  border-radius: 7px;
}
.service-fragment .img-no-transform {
  transform: none;
}
.service-fragment .fragment-footer {
  background: #127bbf;
  padding: 0.5em;
  min-height: 160px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.delivery-fragment p {
  font-size: 12px;
}
.delivery-fragment img {
  margin-bottom: 0.5em;
}
.delivery-fragment b {
  text-transform: uppercase;
  font-size: 1.1em;
}
@keyframes errorLanyardLoop {
  0% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
}
@keyframes errorLanyardUpperLoop {
  0% {
    -webkit-transform: rotate(0.5deg);
    transform: rotate(0.5deg);
  }
  50% {
    -webkit-transform: rotate(-0.5deg);
    transform: rotate(-0.5deg);
  }
  100% {
    -webkit-transform: rotate(0.5deg);
    transform: rotate(0.5deg);
  }
}
@keyframes errorLanyardShort {
  0% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  25% {
    -webkit-transform: rotate(-0.4deg);
    transform: rotate(-0.4deg);
  }
  75% {
    -webkit-transform: rotate(0.16deg);
    transform: rotate(0.16deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes errorLanyardLong {
  0% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  10% {
    -webkit-transform: rotate(2.1deg);
    transform: rotate(2.1deg);
  }
  20% {
    -webkit-transform: rotate(-1.47deg);
    transform: rotate(-1.47deg);
  }
  30% {
    -webkit-transform: rotate(1.03deg);
    transform: rotate(1.03deg);
  }
  40% {
    -webkit-transform: rotate(-0.72deg);
    transform: rotate(-0.72deg);
  }
  50% {
    -webkit-transform: rotate(0.5deg);
    transform: rotate(0.5deg);
  }
  60% {
    -webkit-transform: rotate(-0.35deg);
    transform: rotate(-0.35deg);
  }
  70% {
    -webkit-transform: rotate(0.25deg);
    transform: rotate(0.25deg);
  }
  80% {
    -webkit-transform: rotate(-0.17deg);
    transform: rotate(-0.17deg);
  }
  90% {
    -webkit-transform: rotate(0.12deg);
    transform: rotate(0.12deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.error-404 {
  background: #127bbf;
  -webkit-background: radial-gradient(#127bbf, #0e5d90);
  background: radial-gradient(#127bbf, #0e5d90);
  color: white;
  text-align: center;
  padding-bottom: 3em;
}
.error-404 h1 {
  color: white;
  font-weight: bold;
}
.error-404 .card-error-svg {
  transform-origin: 65px 190px;
}
.error-404 .card-error-svg > g {
  transform: translate(2px, 2px);
}
.error-404 .error-svg {
  vertical-align: top;
  padding: 0 0.5em 1em 0.5em;
  width: 180px;
  display: inline-block;
  max-width: 30%;
}
@media (min-width: 992px) {
  .error-404 .error-svg {
    padding: 0 2em 2em 2em;
  }
}
.error-404 .error-svg:nth-child(2) {
  width: 210px;
  max-width: 35%;
  transform-origin: 50% 0;
  animation: errorLanyardUpperLoop 4s ease-in-out infinite;
  animation-delay: -0.5s;
}
.error-404 .error-svg:nth-child(2) .card-error-svg {
  transform-origin: 80px 190px;
}
.error-404 svg {
  overflow: visible;
  vertical-align: top;
  max-width: 100%;
}
@media (max-width: 767.99px) {
  .error-404 svg {
    height: auto;
  }
}
.error-404-footer {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 8em;
}
.error-svg:nth-child(1) .card-error-svg {
  animation: errorLanyardLong 8s ease-in-out 1 forwards;
}
.error-svg:nth-child(2) .card-error-svg {
  animation: errorLanyardLoop 4s ease-in-out infinite;
}
.error-svg:nth-child(3) .card-error-svg {
  animation: errorLanyardShort 4s ease-in-out 1 forwards;
}
.xmas-game iframe {
  width: 600px;
  height: 500px;
  border: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.promotion-referral h1,
.promotion-referral h2 {
  color: #127bbf;
  margin: 0;
}
.promotion-referral h2,
.promotion-referral h3 {
  font-weight: 400;
}
.promotion-referral small {
  font-size: 14px;
}
.promotion-referral .btn-lg {
  width: 100%;
  line-height: 2.5em;
}
.promotion-referral .section-form {
  margin-bottom: 1em;
}
.promotion-referral .trustpilot-section {
  margin: 7px;
}
.promotion-referral .trustpilot-section p {
  line-height: 1.1em;
}
.promotion-referral .trustpilot-section hr {
  border-color: #e3e6e8;
}
.promotion-referral .trustpilot-logo {
  margin-bottom: 1em;
}
.promotion-referral .trustpilot-rating {
  margin-left: 0.5em;
  font-size: 24px;
  color: #75838c;
  vertical-align: middle;
}
.promotion-referral .section-introduction {
  padding-top: 1em;
}
.promotion-referral .section-introduction img {
  padding-right: 7px;
  margin-bottom: 1em;
}
.promotion-referral ol {
  padding-left: 20px;
}
.promotion-referral ol li {
  margin-bottom: 3px;
}
.promotion-referral .BSCI-logo,
.promotion-referral .bio-badge {
  margin-top: 30px;
}
.promotion-referral .BSCI-logo {
  max-height: 60px;
  display: inline-block;
}
.promotion-referral .bio-badge {
  max-height: 70px;
  display: inline-block;
  margin-left: 30px;
}
.light-left-border {
  border-left: 1px solid #e3e6e8;
}
.referral-completed h1 {
  font-weight: 600;
  font-size: 7em;
  color: #28c28e;
  margin-bottom: 0;
}
.referral-completed h2 {
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0.7em;
  color: #193040;
}
.referral-completed textarea {
  height: 13em;
  margin-top: 1em;
}
.referral-completed .well {
  width: 100%;
  border: none;
  margin-top: 1em;
  background: #e3e6e8;
  color: #193040;
  font-weight: 400;
}
@media (min-width: 480px) {
  .referral-completed .well {
    margin-top: 2em;
  }
}
.referral-completed .download-report {
  margin: 0 auto;
  display: block;
  max-width: 150px;
}
@media (min-width: 480px) {
  .section-review .fb-share-button {
    margin: 2em 0;
  }
}
.section-review .well {
  margin-bottom: 4em;
  color: #3b5998;
  font-weight: bold;
}
.section-review .trustpilot-widget {
  margin-bottom: 1em;
}
.olquotes {
  min-height: 100%;
  min-height: 100vh;
  min-height: calc(100vh - 80px);
  background: white;
}
@media (min-width: 992px) {
  .olquotes {
    background: -webkit-linear-gradient(left, white 50%, #eff0f1 50%);
    background: linear-gradient(90deg, white 50%, #eff0f1 50%);
  }
}
@media (min-width: 992px) {
  .olquotes .container {
    display: flex;
    flex-direction: row-reverse;
    min-height: 100%;
    min-height: 100vh;
    min-height: calc(100vh - 80px);
  }
}
.olquotes .container .btn {
  font-weight: bold;
}
.olquotes .edit-button {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #28c28e;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
}
.olquotes .edit-button:hover {
  color: #1f986f;
}
.olquotes .olquotes-step-button {
  height: 56px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .olquotes .olquotes-step-button {
    font-size: 20px;
  }
}
.olquotes .olquotes-step-button span {
  vertical-align: middle;
}
.olquotes .olquotes-step-button img {
  margin-left: 10px;
  width: 125px;
  height: 34px;
}
@media (max-width: 767.99px) {
  .olquotes .olquotes-step-button img {
    display: none !important;
  }
}
.olquotes .note {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #d1d6d9;
  padding: 10px 15px;
  font-size: 13px;
  color: #75838c;
}
.olquotes .note h3 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
}
.olquotes .note p {
  font-size: 12px;
}
.olquotes .note label {
  margin-right: 10px;
}
.olquotes-header {
  width: 100%;
  z-index: 10;
  background: #75838c;
  color: white;
}
.olquotes-header p {
  font-size: 18px;
  line-height: 1em;
  margin-top: 20px;
}
.olquotes-header img {
  margin: 15px 0;
  height: 50px;
}
.olquotes-header .brand-logo {
  height: 40px;
  margin-top: 25px;
}
.olquotes-body {
  background: white;
}
@media (min-width: 992px) {
  .olquotes-body {
    padding-right: 80px;
  }
}
.olquotes-section-body {
  position: relative;
  margin: 15px;
}
@media (min-width: 768px) {
  .olquotes-section-body {
    margin: 30px;
  }
}
.olquotes-section-body p {
  font-size: 12px;
}
.olquotes-section-body-gray {
  margin: 0;
  padding: 15px;
  background-color: #eff0f1;
}
@media (min-width: 768px) {
  .olquotes-section-body-gray {
    padding: 30px;
  }
}
.olquotes-section-body-gray h3,
.olquotes-section-body-gray h4 {
  margin: 0;
}
.olquotes-section-body-gray p {
  color: #75838c;
  padding: 0;
  font-size: 12px;
}
.olquotes-step {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .olquotes-step {
    margin-top: 55px;
    margin-bottom: 55px;
  }
}
.olquotes-step .step-wrapper {
  position: relative;
}
.olquotes-section-wrapper {
  border: 1px solid #d1d6d9;
  border-top-color: transparent;
  border-bottom-color: transparent;
  transition: 1s;
}
.olquotes-section-wrapper.section-collapsed {
  border-color: #d1d6d9;
}
.olquotes-section-wrapper > hr {
  border-color: #d1d6d9;
  margin: 0;
}
.olquotes-section-collapsed p {
  margin: 0;
  font-size: 16px;
  color: #193040;
}
.olquotes-sidebar {
  padding-top: 55px;
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 991.99px) {
  .olquotes-sidebar {
    padding: 15px;
    background: #eff0f1;
  }
}
@media (min-width: 992px) {
  .olquotes-sidebar {
    padding-left: 65px;
  }
}
.olquotes-sidebar h2 {
  margin-top: 0;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .olquotes-sidebar h2 {
    margin-bottom: 35px;
  }
}
.olquotes-sidebar hr {
  border-color: #d1d6d9;
}
.olquotes-sidebar .basket-header-row {
  color: #75838c;
}
.olquotes-sidebar .basket-header-row hr {
  margin-top: 0;
}
.olquotes-sidebar .review-order-table {
  color: #75838c;
}
.olquotes-sidebar .price {
  font-size: 20px;
}
.olquotes-sidebar-xs {
  background: #eff0f1;
  height: 50px;
  display: block;
  position: relative;
  padding-left: 15px;
  margin-top: 15px;
}
@media (min-width: 480px) {
  .olquotes-sidebar-xs {
    padding-left: 30px;
  }
}
@media (min-width: 992px) {
  .olquotes-sidebar-xs {
    display: none;
  }
}
.olquotes-sidebar-xs h2 {
  margin: 0;
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
}
.olquotes-sidebar-xs .price {
  color: #cc094b;
}
.olquotes-sidebar-xs .chevron {
  position: absolute;
  top: 12px;
  right: 12px;
}
.olquotes-sidebar-affix.affix {
  top: 0;
}
@media (max-width: 991.99px) {
  .olquotes-sidebar-affix {
    position: relative;
  }
}
.olquotes-step-title {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  background-color: #75838c;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .olquotes-step-title {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/*Delivery Address Styling*/
.olquotes-address-edit {
  border: 1px solid #d1d6d9;
  padding: 23px;
  min-height: 225px;
  position: relative;
  margin: 0 -5px;
  background-color: white;
  text-align: left;
  cursor: pointer;
}
.olquotes-address-edit p {
  color: #75838c;
  font-size: 16px;
  margin-bottom: 0;
}
.olquotes-address-edit span {
  text-align: left;
}
.olquotes-address-edit .edit-button {
  margin-bottom: 0;
  right: 15px;
  bottom: 15px;
}
.olquotes-address-edit:hover {
  border-color: #28c28e;
}
.olquotes-address-edit:hover h4 {
  color: #28c28e;
}
.olquotes-address-edit:hover p {
  color: black;
}
/*New address box*/

.olquotes-new-address-box {
  border: 1px dashed #d1d6d9;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767.99px) {
  .olquotes-new-address-box {
    margin-top: 15px;
  }
}
.olquotes-new-address-box .plus-sign {
  position: relative;
  width: 45px;
  height: 45px;
}
.olquotes-new-address-box .plus-sign:before,
.olquotes-new-address-box .plus-sign:after {
  content: "";
  position: absolute;
  background-color: #d1d6d9;
}
.olquotes-new-address-box .plus-sign:before {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}
.olquotes-new-address-box .plus-sign:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}
.olquotes-new-address-box:hover .plus-sign:before,
.olquotes-new-address-box:hover .plus-sign:after {
  background-color: #28c28e;
}
.olquotes-address-select-container .form-control {
  padding-left: 8px;
  border: 1px solid #d1d6d9;
  background: white;
  color: #75838c;
  font-weight: bold;
}
.olquotes-edit-form .form-row {
  padding-top: 30px;
}
/*Delivery option*/

.olquotes-delivery-row {
  margin-bottom: 10px;
}
.olquotes-delivery-row:last-of-type {
  margin-bottom: 30px;
}
.olquotes-delivery-row .delivery-cost {
  padding-right: 20px;
  font-weight: bold;
  color: #75838c;
  font-size: 16px;
}
.olquotes-delivery-row .free {
  color: #28c28e;
  font-weight: bold;
}
.olquotes-delivery-row .delivery-options-text {
  color: #75838c;
  font-weight: normal;
  font-size: 16px;
}
.olquotes-delivery-row:hover .delivery-options-text,
.olquotes-delivery-row.selected .delivery-options-text,
.olquotes-delivery-row:hover .olquotes-delivery-cost,
.olquotes-delivery-row.selected .olquotes-delivery-cost {
  color: black;
}
.olquotes-flex-container {
  display: flex;
}
.olquotes-flex-container .flex-grow-container {
  flex-grow: 2;
}
.olquotes-flex-container .flex-grow-container-1 {
  flex-grow: 1;
}
.olquotes-flex-container .flex-grow-container-margin,
.olquotes-flex-container span {
  margin-left: 10px;
}
.olquotes-payment-section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 1;
  margin-top: 20px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .olquotes-payment-section {
    flex-direction: row;
  }
}
.olquotes-payment-section .styled-radio {
  position: absolute;
}
.olquotes-payment-row {
  flex: 1;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #75838c;
  border-left: none;
}
.olquotes-payment-row:first-of-type {
  border-top: none;
}
@media (min-width: 480px) {
  .olquotes-payment-row {
    border-left: 1px solid #75838c;
    height: 140px;
    padding: 25px 5px 0 5px;
    border-top: none;
  }
}
.olquotes-payment-row span {
  display: block;
}
.olquotes-payment-row:first-child {
  border-left: none;
}
.olquotes-payment-row .payment-option-logo {
  font-size: 0;
}
.olquotes-payment-row .payment-option-logo img {
  max-width: 33.333%;
}
.olquotes-payment-row .payment-description {
  margin: 10px 0;
  font-size: 16px;
  color: #75838c;
}
.olquotes-payment-row .payment-subdescription {
  font-weight: normal;
  font-size: 12px;
  color: #75838c;
}
.olquotes-billing-checkbox label {
  margin-left: 5px;
  color: #75838c;
}
.olquotes-po-number.form-field {
  margin-top: 30px;
}
.olquotes-payment-description {
  font-size: 16px;
  font-weight: bold;
  color: #75838c;
}
.olquotes-checkout-improve {
  margin-bottom: 30px;
}
.olquotes-checkout-improve h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
}
.olquotes-checkout-improve p {
  font-weight: 300;
  font-size: 18px;
}
.olquotes-checkout-improve textarea {
  border: none;
}
.olquotes-checkout-map-header {
  text-align: center;
  margin: 2em 0;
}
.olquotes-checkout-map-header h4 {
  font-weight: 600;
  margin-bottom: 0;
}
.olquotes-checkout-map-header p {
  font-size: 20px;
  font-weight: 300;
}
.olquotes-checkout-map-footer {
  text-transform: uppercase;
  margin: 1em 0;
  font-size: 13px;
  color: #75838c;
  padding-left: 20px;
}
.olquotes-checkout-map-footer p {
  font-weight: 300;
  line-height: 1.3em;
}
.olquotes-checkout-help {
  margin-top: 30px;
  text-transform: uppercase;
  color: #75838c;
  padding-left: 20px;
}
.olquotes-checkout-help a {
  font-weight: bold;
}
.olquotes-checkout-help p {
  vertical-align: middle;
}
.olquotes-info-questionmark {
  float: left;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 4px;
  text-align: center;
  background: #75838c;
  color: white;
  font-weight: bold;
  font-size: 26px;
}
.olquotes-accomplished {
  padding-left: 20px;
}
.olquotes-note {
  padding-left: 20px;
}
.olquotes-secondary-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  opacity: 0;
}
.olquotes-txtSmallerLight {
  font-size: 12px;
  font-weight: 200;
  color: #75838c;
}
.olquotes-complete {
  background: white;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: auto;
}
@media (min-width: 992px) {
  .olquotes-complete {
    background: -webkit-linear-gradient(left, white 70%, #e3e6e8 70%);
    background: linear-gradient(90deg, white 70%, #e3e6e8 70%);
  }
}
.olquotes-complete .olquotes-complete-aside .note {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .olquotes-complete.existing-customer {
    background: -webkit-linear-gradient(left, white 70%, #e3e6e8 70%);
    background: linear-gradient(90deg, white 70%, #e3e6e8 70%);
  }
}
@media (min-width: 768px) {
  .olquotes-complete.existing-customer .container {
    display: flex;
  }
}
.olquotes-complete.existing-customer .olquotes-complete-aside .note {
  border: none;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #d1d6d9;
}
.olquotes-complete.existing-customer .olquotes-complete-aside .form-control {
  background: white;
}
.olquotes-complete .container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  .olquotes-complete .container {
    display: flex;
  }
}
.olquotes-complete .accomplished {
  background: #28c28e;
  text-align: center;
  color: white;
  padding: 1.5em 0 1em 0;
}
.olquotes-complete .accomplished .checkmark {
  margin-bottom: 1em;
}
.olquotes-complete .accomplished h1 {
  margin: 0;
  color: white;
}
.olquotes-complete .accomplished p {
  margin-top: 1em;
}
.olquotes-complete .order-breakdown {
  margin: 10px 0;
}
.olquotes-complete .order-breakdown .h4 {
  display: block;
  margin: 0;
  padding: 10px;
  text-align: center;
  color: white;
  background: #75838c;
}
.olquotes-complete .order-breakdown .order-wrapper {
  background: #e3e6e8;
  text-align: right;
  color: #75838c;
  padding: 15px 0;
  overflow-x: auto;
}
.olquotes-complete .order-breakdown .order-wrapper table {
  width: 100%;
  min-width: 350px;
}
.olquotes-complete .order-breakdown .order-wrapper th {
  text-transform: uppercase;
}
.olquotes-complete .order-breakdown .order-wrapper td,
.olquotes-complete .order-breakdown .order-wrapper th {
  padding: 0 15px;
}
.olquotes-complete .order-breakdown .order-wrapper hr {
  margin-left: -15px;
  margin-right: -15px;
}
.olquotes-complete-main,
.olquotes-complete-aside,
.olquotes-complete-sidebar {
  padding-top: 50px;
  padding-bottom: 30px;
}
.olquotes-complete-main .note,
.olquotes-complete-aside .note,
.olquotes-complete-sidebar .note {
  border: 1px solid #d1d6d9;
  padding: 10px 15px;
  font-size: 13px;
  color: #75838c;
}
.olquotes-complete-main .note h5,
.olquotes-complete-aside .note h5,
.olquotes-complete-sidebar .note h5 {
  margin-bottom: 0;
}
.olquotes-complete-sidebar {
  background: #e3e6e8;
  height: 100%;
}
/*
@pound-decoration-height: 70px;
@pound-decoration-width: 70px;*/
.olquotes-credit-form {
  background: white;
}
.olquotes-credit-form h3 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
}
.olquotes-credit-form h2 {
  color: white;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
}
.olquotes-credit-form a {
  color: white;
  font-weight: bold;
}
.olquotes-credit-form.form-complete {
  display: none;
  padding: 150px 75px;
  background: #e0c27f;
  text-align: center;
}
.olquotes-credit-form.form-complete .form-header {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
}
.olquotes-credit-form.form-complete .background-decoration {
  width: 200%;
  height: 100%;
}
.olquotes-credit-form.form-complete .pound-decoration {
  top: 50%;
  left: 50%;
  margin-top: -0.7em;
  margin-left: -0.7em;
  font-size: 60px;
}
.olquotes-credit-form.form-complete h2 {
  font-size: 36px;
  font-weight: 300;
}
.olquotes-credit-form.form-complete p {
  font-size: 16px;
  line-height: 1.2em;
}
.olquotes-credit-form .form-header {
  position: relative;
  padding: 25px 30px;
  min-height: 115px;
  background: #e0c27f;
  color: white;
}
.olquotes-credit-form .form-body {
  padding: 15px;
}
@media (min-width: 768px) {
  .olquotes-credit-form .form-body {
    padding: 10px 30px 50px 30px;
  }
}
.olquotes-credit-form .pound-decoration {
  width: 1.4em;
  height: 1.4em;
  line-height: calc(1.4em - 6px);
  font-size: 50px;
  font-weight: bold;
  border: 3px solid #e0c27f;
  background: white;
  color: #e0c27f;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 50px;
  top: -15px;
  z-index: 2;
}
.olquotes-credit-form .background-decoration {
  position: absolute;
  top: 0;
  right: 0;
  height: 115px;
  font-size: 0;
  width: 100%;
  text-align: right;
  overflow: hidden;
  z-index: 1;
}
.olquotes-credit-form .background-decoration > div {
  display: inline-block;
  background: white;
  opacity: 0.2;
  height: 150%;
  width: 3px;
  margin-right: 7px;
  transform: rotate(-45deg);
  transform-origin: top;
}
.olquotes-improve {
  margin-bottom: 30px;
}
.olquotes-improve h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
}
.olquotes-improve p {
  font-weight: 300;
  font-size: 18px;
}
.olquotes-improve textarea {
  border: none;
}
.olquotes-map-header {
  text-align: center;
  margin: 2em 0;
}
.olquotes-map-header h4 {
  font-weight: 600;
  margin-bottom: 0;
}
.olquotes-map-header p {
  font-size: 20px;
  font-weight: 300;
}
.olquotes-map-footer {
  text-transform: uppercase;
  margin: 1em 0;
  font-size: 13px;
  color: #75838c;
}
.olquotes-map-footer p {
  font-weight: 300;
  line-height: 1.3em;
}
.olquotes-help {
  margin-top: 30px;
  text-transform: uppercase;
  color: #75838c;
}
.olquotes-help a {
  font-weight: bold;
}
.olquotes-help p {
  vertical-align: middle;
}
.info-questionmark {
  float: left;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 4px;
  text-align: center;
  background: #75838c;
  color: white;
  font-weight: bold;
  font-size: 26px;
}