@charset "UTF-8";
@import "../css/bootstrap.min.css";
/*

Document contains font imports

*/
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Variable.woff2") format("woff2");
  font-weight: 300 900;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Variable.woff2") format("woff2");
  font-weight: 300 500 900;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/Oswald-Variable.woff2") format("woff2");
  font-weight: 300 900;
  font-display: swap;
}
/* MuseoSans */
@font-face {
  font-family: "Museo Sans 500";
  src: url("../fonts/MuseoSans/MuseoSans-500.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-500.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-500.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 900";
  src: url("../fonts/MuseoSans/MuseoSans-900.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-900.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-900.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 700";
  src: url("../fonts/MuseoSans/MuseoSans-700.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-700.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-700.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 300";
  src: url("../fonts/MuseoSans/MuseoSans-300.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-300.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-300.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 700";
  src: url("../fonts/MuseoSans/MuseoSans-700_1.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-700_1.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-700_1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 500";
  src: url("../fonts/MuseoSans/MuseoSans-500_1.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-500_1.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-500_1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 300";
  src: url("../fonts/MuseoSans/MuseoSans-300_1.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-300_1.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-300_1.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 900";
  src: url("../fonts/MuseoSans/MuseoSans-900_1.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-900_1.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-900_1.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 500";
  src: url("../fonts/MuseoSans/MuseoSans-500_2.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-500_2.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-500_2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 900";
  src: url("../fonts/MuseoSans/MuseoSans-900_2.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-900_2.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-900_2.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 300";
  src: url("../fonts/MuseoSans/MuseoSans-300_2.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-300_2.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-300_2.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans 700";
  src: url("../fonts/MuseoSans/MuseoSans-700_2.woff2") format("woff2"), url("../fonts/MuseoSans/MuseoSans-700_2.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-700_2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree-Variable.woff2") format("woff2");
  font-weight: 300 900;
  font-display: swap;
}
/*

Document contains variables required to build global.scss

Table of contents:
1. Website color variables
2. Website layout variables
3. Tipography base variables

*/
/* 1. Website color variables */
/* 3. Tipography base variables */
.holder {
  position: absolute;
  left: auto;
  top: 2px;
  bottom: 0px;
  right: 0px;
  width: 28px;
  height: 28px;
  background-color: transparent;
  display: none;
}

.preloader {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: rotatePreloader 2s infinite ease-in;
}

@keyframes rotatePreloader {
  0% {
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}
.preloader div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.preloader div:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 4px;
  height: 4px;
  background-color: #ffffff;
  transform: translateX(-50%);
  border-radius: 4px;
}

.preloader div:nth-child(1) {
  transform: rotateZ(0deg);
  animation: rotateCircle1 2s infinite linear;
  z-index: 9;
}

@keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }
  0% {
    opacity: 1;
    transform: rotateZ(36deg);
  }
  7% {
    transform: rotateZ(0deg);
  }
  57% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(2) {
  transform: rotateZ(36deg);
  animation: rotateCircle2 2s infinite linear;
  z-index: 8;
}

@keyframes rotateCircle2 {
  5% {
    opacity: 0;
  }
  5.0001% {
    opacity: 1;
    transform: rotateZ(0deg);
  }
  12% {
    transform: rotateZ(-36deg);
  }
  62% {
    transform: rotateZ(-36deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(3) {
  transform: rotateZ(72deg);
  animation: rotateCircle3 2s infinite linear;
  z-index: 7;
}

@keyframes rotateCircle3 {
  10% {
    opacity: 0;
  }
  10.0002% {
    opacity: 1;
    transform: rotateZ(-36deg);
  }
  17% {
    transform: rotateZ(-72deg);
  }
  67% {
    transform: rotateZ(-72deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(4) {
  transform: rotateZ(108deg);
  animation: rotateCircle4 2s infinite linear;
  z-index: 6;
}

@keyframes rotateCircle4 {
  15% {
    opacity: 0;
  }
  15.0003% {
    opacity: 1;
    transform: rotateZ(-72deg);
  }
  22% {
    transform: rotateZ(-108deg);
  }
  72% {
    transform: rotateZ(-108deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(5) {
  transform: rotateZ(144deg);
  animation: rotateCircle5 2s infinite linear;
  z-index: 5;
}

@keyframes rotateCircle5 {
  20% {
    opacity: 0;
  }
  20.0004% {
    opacity: 1;
    transform: rotateZ(-108deg);
  }
  27% {
    transform: rotateZ(-144deg);
  }
  77% {
    transform: rotateZ(-144deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(6) {
  transform: rotateZ(180deg);
  animation: rotateCircle6 2s infinite linear;
  z-index: 4;
}

@keyframes rotateCircle6 {
  25% {
    opacity: 0;
  }
  25.0005% {
    opacity: 1;
    transform: rotateZ(-144deg);
  }
  32% {
    transform: rotateZ(-180deg);
  }
  82% {
    transform: rotateZ(-180deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(7) {
  transform: rotateZ(216deg);
  animation: rotateCircle7 2s infinite linear;
  z-index: 3;
}

@keyframes rotateCircle7 {
  30% {
    opacity: 0;
  }
  30.0006% {
    opacity: 1;
    transform: rotateZ(-180deg);
  }
  37% {
    transform: rotateZ(-216deg);
  }
  87% {
    transform: rotateZ(-216deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(8) {
  transform: rotateZ(252deg);
  animation: rotateCircle8 2s infinite linear;
  z-index: 2;
}

@keyframes rotateCircle8 {
  35% {
    opacity: 0;
  }
  35.0007% {
    opacity: 1;
    transform: rotateZ(-216deg);
  }
  42% {
    transform: rotateZ(-252deg);
  }
  92% {
    transform: rotateZ(-252deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(9) {
  transform: rotateZ(288deg);
  animation: rotateCircle9 2s infinite linear;
  z-index: 1;
}

@keyframes rotateCircle9 {
  40% {
    opacity: 0;
  }
  40.0008% {
    opacity: 1;
    transform: rotateZ(-252deg);
  }
  47% {
    transform: rotateZ(-288deg);
  }
  97% {
    transform: rotateZ(-288deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(10) {
  transform: rotateZ(324deg);
  animation: rotateCircle10 2s infinite linear;
  z-index: 0;
}

@keyframes rotateCircle10 {
  45% {
    opacity: 0;
  }
  45.0009% {
    opacity: 1;
    transform: rotateZ(-288deg);
  }
  52% {
    transform: rotateZ(-324deg);
  }
  102% {
    transform: rotateZ(-324deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
@keyframes shine-lines {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 600px;
  }
}
/*

Document contains variables required to build global.scss

Table of contents:
1. Website color variables
2. Website layout variables
3. Tipography base variables

*/
/* 1. Website color variables */
/* 3. Tipography base variables */
.holder {
  position: absolute;
  left: auto;
  top: 2px;
  bottom: 0px;
  right: 0px;
  width: 28px;
  height: 28px;
  background-color: transparent;
  display: none;
}

.preloader {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: rotatePreloader 2s infinite ease-in;
}

@keyframes rotatePreloader {
  0% {
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}
.preloader div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.preloader div:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 4px;
  height: 4px;
  background-color: #ffffff;
  transform: translateX(-50%);
  border-radius: 4px;
}

.preloader div:nth-child(1) {
  transform: rotateZ(0deg);
  animation: rotateCircle1 2s infinite linear;
  z-index: 9;
}

@keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }
  0% {
    opacity: 1;
    transform: rotateZ(36deg);
  }
  7% {
    transform: rotateZ(0deg);
  }
  57% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(2) {
  transform: rotateZ(36deg);
  animation: rotateCircle2 2s infinite linear;
  z-index: 8;
}

@keyframes rotateCircle2 {
  5% {
    opacity: 0;
  }
  5.0001% {
    opacity: 1;
    transform: rotateZ(0deg);
  }
  12% {
    transform: rotateZ(-36deg);
  }
  62% {
    transform: rotateZ(-36deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(3) {
  transform: rotateZ(72deg);
  animation: rotateCircle3 2s infinite linear;
  z-index: 7;
}

@keyframes rotateCircle3 {
  10% {
    opacity: 0;
  }
  10.0002% {
    opacity: 1;
    transform: rotateZ(-36deg);
  }
  17% {
    transform: rotateZ(-72deg);
  }
  67% {
    transform: rotateZ(-72deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(4) {
  transform: rotateZ(108deg);
  animation: rotateCircle4 2s infinite linear;
  z-index: 6;
}

@keyframes rotateCircle4 {
  15% {
    opacity: 0;
  }
  15.0003% {
    opacity: 1;
    transform: rotateZ(-72deg);
  }
  22% {
    transform: rotateZ(-108deg);
  }
  72% {
    transform: rotateZ(-108deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(5) {
  transform: rotateZ(144deg);
  animation: rotateCircle5 2s infinite linear;
  z-index: 5;
}

@keyframes rotateCircle5 {
  20% {
    opacity: 0;
  }
  20.0004% {
    opacity: 1;
    transform: rotateZ(-108deg);
  }
  27% {
    transform: rotateZ(-144deg);
  }
  77% {
    transform: rotateZ(-144deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(6) {
  transform: rotateZ(180deg);
  animation: rotateCircle6 2s infinite linear;
  z-index: 4;
}

@keyframes rotateCircle6 {
  25% {
    opacity: 0;
  }
  25.0005% {
    opacity: 1;
    transform: rotateZ(-144deg);
  }
  32% {
    transform: rotateZ(-180deg);
  }
  82% {
    transform: rotateZ(-180deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(7) {
  transform: rotateZ(216deg);
  animation: rotateCircle7 2s infinite linear;
  z-index: 3;
}

@keyframes rotateCircle7 {
  30% {
    opacity: 0;
  }
  30.0006% {
    opacity: 1;
    transform: rotateZ(-180deg);
  }
  37% {
    transform: rotateZ(-216deg);
  }
  87% {
    transform: rotateZ(-216deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(8) {
  transform: rotateZ(252deg);
  animation: rotateCircle8 2s infinite linear;
  z-index: 2;
}

@keyframes rotateCircle8 {
  35% {
    opacity: 0;
  }
  35.0007% {
    opacity: 1;
    transform: rotateZ(-216deg);
  }
  42% {
    transform: rotateZ(-252deg);
  }
  92% {
    transform: rotateZ(-252deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(9) {
  transform: rotateZ(288deg);
  animation: rotateCircle9 2s infinite linear;
  z-index: 1;
}

@keyframes rotateCircle9 {
  40% {
    opacity: 0;
  }
  40.0008% {
    opacity: 1;
    transform: rotateZ(-252deg);
  }
  47% {
    transform: rotateZ(-288deg);
  }
  97% {
    transform: rotateZ(-288deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(10) {
  transform: rotateZ(324deg);
  animation: rotateCircle10 2s infinite linear;
  z-index: 0;
}

@keyframes rotateCircle10 {
  45% {
    opacity: 0;
  }
  45.0009% {
    opacity: 1;
    transform: rotateZ(-288deg);
  }
  52% {
    transform: rotateZ(-324deg);
  }
  102% {
    transform: rotateZ(-324deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
@keyframes shine-lines {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 600px;
  }
}
body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}

.display-none,
.display_none {
  display: none !important;
}

.icon-holder {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  text-align: center;
}
.icon-holder img {
  width: 100%;
  height: 100%;
  shape-rendering: crispEdges;
}
.icon-holder svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.m-10 {
  margin-top: 10px;
}

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

.m-30 {
  margin-top: 30px;
}

.m-60 {
  margin-top: 60px;
}

.m-90 {
  margin-top: 90px;
}

.m-120 {
  margin-top: 120px;
}

@media screen and (max-width: 767px) {
  .m-60,
  .m-90,
  .m-120 {
    margin-top: 30px;
  }
  .align-left h3,
  .align-left p {
    text-align: left;
  }
}
.rm-120 {
  margin-top: 120px;
}
@media screen and (max-width: 991px) {
  .rm-120 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .rm-120 {
    margin-top: 10px;
  }
}

.rm-90 {
  margin-top: 90px;
}
@media screen and (max-width: 991px) {
  .rm-90 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .rm-90 {
    margin-top: 0px;
  }
}

.rm-60 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .rm-60 {
    margin-top: 0px;
  }
}

.rm-30 {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .rm-30 {
    margin-top: 0px;
  }
}

.max-width {
  max-width: 700px;
}

.icons-above {
  width: 66px;
  margin-top: 30px;
  margin-bottom: 30px;
}

body:after {
  display: none;
  content: url(../images/shared/user-yellow.svg);
}

.clr {
  clear: both;
  float: none;
}

.video-banner .video-left-block {
  background: #e6e6e6;
}
.video-banner .video-left-block a {
  cursor: pointer;
}

.light-gray-bcg {
  background-color: #f6f6f6;
}

.black-bcg {
  background-color: #000000;
}
.black-bcg h1,
.black-bcg h2,
.black-bcg h3,
.black-bcg p,
.black-bcg ul > li {
  color: #fff;
}

.mps-logo-width {
  width: 150px !important;
  height: 100%;
}

.amplify-logo-width {
  width: 80px !important;
  height: 100%;
}

.border-right {
  border-right: 1px solid #e6e6e6;
}
@media (max-width: 991px) {
  .border-right {
    border: none;
  }
}

.border-left {
  border-left: 1px solid #e6e6e6;
}
@media (max-width: 991px) {
  .border-left {
    border: none;
  }
}

.cl-flex {
  display: flex;
}
@media (max-width: 767px) {
  .cl-flex {
    flex-wrap: wrap;
  }
}

.cl-flex-v-align {
  align-items: center;
  line-height: normal;
}

.cl-gap-btw {
  justify-content: space-between;
}

.cl-flex-center {
  justify-content: center;
}

.cl-gap-5 {
  gap: 5px;
}

.cl-gap-10 {
  gap: 10px;
}

.cl-gap-20 {
  gap: 20px;
}

.cl-gap-30 {
  gap: 30px;
}

.cl-gap-small {
  gap: 10%;
}

.cl-gap-normal {
  gap: 20%;
}

.cl-gap-big {
  gap: 30%;
}

/*
Basic variable structure taken from base-varibalbes document

Tipography base variables 
//Font Family
$text-primary-font-family;
$text-secondary-font-family;

//Text colors
$title-primary-color;
$title-on-dark-bcg-color;
$body-primary-color;
$body-on-dark-bcg-color;
$text-secondary-highlited-light;
$text-secondary-highlited-dark;

//Font sizes
$font-size-base;

$font-size-xlarge; 
$font-size-large; 
$font-size-medium; 
$font-size-small; 
$font-size-xsmall; 

$font-size-h1; 
$font-size-h2;
$font-size-h3; 
$font-size-h4; 
$font-size-h5;
$font-size-h6; 
*/
h1 {
  font-family: "Oswald", sans-serif;
  font-size: 36px;
  color: #f7f7f7;
  font-size: 45px;
}

h2 {
  font-family: "Oswald", sans-serif;
  font-size: 38px;
  color: #000000;
}

h3 {
  font-family: "Oswald", sans-serif;
  font-size: 28px;
  color: #000000;
}

h4 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #003764;
  line-height: 24px;
  font-weight: 700;
}

h5 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}

h6,
.h6 {
  font-family: "Hammersmith One", sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #0980ae;
  text-transform: uppercase;
}

.bolded {
  font-weight: 700;
}

ul,
ol {
  padding: 0 0 0 20px;
}

a {
  color: #003764;
}
a:hover {
  color: #003764;
}

.orange {
  color: #fcb116;
}

.green {
  color: #5aa00b;
}

.red {
  color: #f41818;
}

.underline-a {
  text-decoration: underline;
  cursor: pointer;
}
.underline-a:hover {
  text-decoration: none;
}

.a-underline {
  text-decoration: none;
  cursor: pointer;
}
.a-underline:hover {
  text-decoration: underline;
}

.font-22 {
  font-size: 22px;
}

.font-32 {
  font-size: 32px;
}

.font-20 {
  font-size: 20px;
}

.font-18 {
  font-size: 18px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-light {
  font-weight: 300 !important;
  line-height: 24px;
}

.font-light-title {
  font-weight: 300 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.btn {
  border-radius: 0px;
  border: 0px solid transparent;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
}
.btn:focus {
  color: #ffffff;
}

.btn-small {
  padding: 6px 10px;
  font-size: 14px;
}

.btn-medium {
  padding: 6px 20px !important;
  font-size: 14px;
}

.btn-wide {
  padding: 6px 45px !important;
  font-size: 14px;
}

.btn-yellow {
  background: #fcb116;
  color: #000000;
  text-decoration: none !important;
}
.btn-yellow:hover {
  background: rgb(253.2966101695, 210.7118644068, 122.7033898305);
  color: #000000;
}

.btn-orange {
  background: #e24301;
  color: #ffffff;
  text-decoration: none !important;
}
.btn-orange:hover {
  background: rgb(254.2026431718, 127.422907489, 74.7973568282);
  color: #ffffff;
}

.btn-white {
  background: #f7f7f7;
  color: #000000;
}
.btn-white:hover {
  background: white;
  color: #000000;
}

.btn-blue {
  background: #003764;
  color: #ffffff !important;
}
.btn-blue:hover {
  background: rgb(0, 111.1, 202);
  color: #ffffff;
}

.btn-gray {
  background: #959595;
  color: #ffffff;
}
.btn-gray:hover {
  background: #c8c8c8;
  color: #ffffff;
}

.btn-green {
  background: #04AF44;
  color: #000000;
  font-weight: normal;
}
.btn-green:hover {
  background: rgb(3.4301675978, 150.0698324022, 58.312849162);
}

.btn-dark-green {
  background: #5d771b;
  color: #ffffff;
}
.btn-dark-green:hover {
  background: rgb(125.4863013699, 160.5684931507, 36.4315068493);
  color: #ffffff;
}

.btn-red {
  background: #f41818;
  color: #ffffff !important;
}
.btn-red:hover {
  background: rgb(248.6363636364, 121.3636363636, 121.3636363636);
  color: #ffffff;
}

.read-more-same-cat .more-blog-link {
  background: url(../images/arrows.svg) no-repeat center left;
  padding-left: 20px;
  background-size: 12px 12px;
  transition: all 0.3s ease;
}
.read-more-same-cat .more-blog-link:hover {
  background-position: 5px center;
}
@media (max-width: 767px) {
  .read-more-same-cat .more-blog-link {
    font-size: 16px;
  }
}
.read-more-same-cat.horizontal {
  text-align: center;
  margin-top: 60px;
}

.cl-button-green {
  background: #00ae41;
  color: #000000;
  border-radius: 3px;
}
.cl-button-green:hover {
  background: rgb(0, 199.5, 74.525862069);
  color: #000000;
}

.region_select_hoder {
  height: 54px;
}
.region_select_hoder .region_select {
  height: 34px;
  overflow: hidden;
  border: 1px solid #003764;
  width: 300px;
  background: #ffffff url("../images/shared/arrow-point-to-down.svg") no-repeat right 10px;
  background-size: 18px 14px;
  z-index: 100;
  cursor: pointer;
}
.region_select_hoder .region_select ul {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}
.region_select_hoder .region_select ul li {
  padding: 6px 5px;
  font-size: 14px;
  font-weight: 300;
}
.region_select_hoder .region_select ul li span {
  position: relative;
  top: -1px;
}
.region_select_hoder .region_select.expand {
  height: auto;
  position: absolute;
  background: #ffffff url("../images/shared/arrow-point-to-up.svg") no-repeat right 10px;
  background-size: 18px 14px;
  z-index: 90;
}
.region_select_hoder .region_select.expand ul li:hover {
  background: #003764;
  color: #ffffff;
}
.region_select_hoder .region_select.expand ul li:first-child:hover {
  background: #003764 url("../images/shared/arrow-point-to-up-white.svg") no-repeat right 10px;
  background-size: 18px 14px;
}

.form-group {
  position: relative;
  margin-bottom: 25px;
  width: 100%;
  max-width: 400px;
}
@media (max-width: 767px) {
  .form-group {
    display: block;
    max-width: 100%;
  }
}
.form-group.form-group-user {
  margin-bottom: 0px;
}
.form-group.form-group-email {
  margin-top: 20px;
}
.form-group label {
  display: block;
  text-align: left;
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  text-align: left;
  margin: 0 0px 5px 0;
  padding: 0px;
}
.form-group label.short {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
}
.form-group label.checkbox-label {
  max-width: calc(100% - 42px);
  display: inline-block;
  margin-bottom: 0px;
}
.form-group label span {
  color: #f41818;
}
.form-group label span.regular-text {
  color: #000000;
}
.form-group label a {
  text-decoration: underline;
}
.form-group label a.anchor-tag {
  text-decoration: none;
}
.form-group label a:hover {
  text-decoration: none;
}
.form-group label.submit-label {
  margin-bottom: 20px;
}
.form-group label.checkbox-custom span {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #003764;
  vertical-align: middle;
  margin: 0px 5px;
}
.form-group label a {
  color: #000000;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .form-group label {
    font-size: 16px;
  }
}
.form-group input {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0px;
  border: 1px solid #003764;
  box-shadow: none;
  width: 100%;
  max-width: 400px;
  height: 34px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #000000;
  font-weight: 300;
  padding: 5px;
}
.form-group input .form-group input[type=submit] {
  width: auto;
}
.form-group input[type=file] {
  border: none;
  height: auto;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .form-group input[type=file] {
    width: 90%;
  }
}
.form-group input[readonly=readonly] {
  background-color: #fff;
}
.form-group input.checkbox {
  display: none;
}
.form-group input.checkbox:checked + span {
  background: #003764 url("../images/shared/tick.svg") no-repeat center center;
  background-size: 14px 14px;
}
.form-group input[disabled] + span {
  border: 1px solid #cecece;
}
@media (max-width: 767px) {
  .form-group input {
    font-size: 16px;
  }
}
.form-group select {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #003764;
  width: 100%;
  max-width: 400px;
  height: 34px;
  background: #fff url(../images/shared/drop-down-arrow.svg) no-repeat right center;
  background-size: 18px 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  color: #000000;
  font-weight: 300;
  padding: 5px;
  border-radius: 0px;
}
.form-group select:disabled {
  background: #f4f4f4 url(../images/shared/drop-down-arrow.svg) no-repeat right center;
  background-size: 18px 18px;
  color: #959595;
}
.form-group select.warning {
  border: 1px solid #f41818;
}
.form-group.half {
  width: 50%;
  max-width: 200px;
  float: left;
  padding-right: 10px;
}
.form-group.half:nth-child(2n+1) {
  padding-right: 0px;
}
.form-group.third {
  width: 33.333%;
  max-width: 133.3333333333px;
  float: left;
}
.form-group.wide {
  width: 100%;
  max-width: 100%;
}
.form-group.wide label {
  vertical-align: top;
  white-space: normal;
}
.form-group.wide label span {
  margin: 2px 5px 0 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.form-group.wide label p {
  display: inline-block;
  width: calc(100% - 30px);
  vertical-align: top;
  min-height: 24px;
  line-height: normal;
}
.form-group.wide label p a {
  line-height: normal;
}
.form-group.wide .contact-error {
  margin-top: -8px;
}

label.with-tooltip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 400px;
}
label.with-tooltip .tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
label.with-tooltip .tooltip-container .tooltip-icon {
  font-size: 24px;
  color: #333;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
label.with-tooltip .tooltip-container .tooltip-icon svg {
  pointer-events: none;
}
label.with-tooltip .tooltip-container .tooltip-text {
  visibility: hidden;
  width: auto;
  max-width: 300px;
  background-color: #575757;
  color: #fff;
  text-align: left;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 16px;
  /* Position the tooltip to the left */
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 110%; /* Push it to the left of the icon */
  transform: translateY(-50%);
  /* Animation */
  opacity: 0;
  transition: opacity 0.3s;
}
label.with-tooltip .tooltip-container .tooltip-text:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%; /* Arrow on the right side of tooltip */
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #575757;
}
label.with-tooltip .tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* ************************* error masages ******************** */
.contact-error {
  position: absolute;
  max-width: 400px;
  display: block;
  background: transparent;
  color: #f41818;
  padding: 0px;
  margin-top: 0px;
  font-size: 12px;
  font-weight: 300;
}
.contact-error.contact-available {
  color: rgb(121, 172, 66);
}
.contact-error.textarea-error {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  max-width: 100%;
}

.warning {
  border: 1px solid #f41818;
}

.form-control:focus {
  box-shadow: none;
  border: 1px solid #003764;
}

.blogsignupform label {
  font-size: 14px;
  color: #000000;
  font-weight: 300;
}
.blogsignupform label .hs-form-required {
  color: #f41818;
}
.blogsignupform .hs-form-field input[type=text],
.blogsignupform .hs-form-field input[type=email] {
  width: 100%;
  padding: 5px;
  border: 1px solid #4d4d4f;
  color: #000000;
}
.blogsignupform .hs-form-field input[type=text].error,
.blogsignupform .hs-form-field input[type=email].error {
  border: 1px solid #f41818;
}

.blogsignupformBottom label {
  font-size: 14px;
  color: #ffffff;
  font-weight: 300;
}
.blogsignupformBottom label .hs-form-required {
  color: #ffb700;
}
.blogsignupformBottom .hs-form-field input[type=text],
.blogsignupformBottom .hs-form-field input[type=email] {
  width: 100%;
  padding: 5px;
  border: 1px solid #4d4d4f;
  color: #000000;
}

.blog-list-content span {
  font-size: 14px;
  color: #000000;
}

form .product-holder .brand-radio-show-wrapp label.producttype-radio, form .product-holder .brand-radio-show-wrapp label.producttype-radio-show {
  margin: 0 10px 10px 0;
  cursor: pointer;
}
form .product-holder .brand-radio-show-wrapp label input.radio-filter-fg, form .product-holder .brand-radio-show-wrapp label input.radio-filter-fg-show {
  display: none;
}
form .product-holder .brand-radio-show-wrapp label input.radio-filter-fg:checked + .producttype-label:before, form .product-holder .brand-radio-show-wrapp label input.radio-filter-fg-show:checked + .producttype-label:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #003764;
  position: relative;
  display: block;
  border-radius: 6px;
  margin-left: 3px;
  margin-top: 3px;
}
form .product-holder .brand-radio-show-wrapp label .producttype-label {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #000000;
  vertical-align: middle;
  margin: 0 5px;
}
form .product-holder .brand-radio-show-wrapp label .producttype-label.radiochecked {
  font-weight: bold;
}
form .product-holder .brand-radio-show-wrapp label .producttype-label.radiochecked:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #003764;
  position: absolute;
  border-radius: 6px;
  margin-left: 3px;
  margin-top: 3px;
}
form .product-holder .brand-radio-show-wrapp label .producttype-text,
form .product-holder .brand-radio-show-wrapp label .producttype-text-show {
  display: inline-block;
  vertical-align: middle;
  font-weight: 300;
  font-size: 14px;
}
@media (max-width: 767px) {
  form .product-holder .brand-radio-show-wrapp label .producttype-text,
  form .product-holder .brand-radio-show-wrapp label .producttype-text-show {
    font-size: 16px;
  }
}
form .brand-holder .brand-radio-show-wrapp label.brand-radio, form .brand-holder .brand-radio-show-wrapp label.oem-radio, form .brand-holder .brand-radio-show-wrapp label.brand-radio-show, form .brand-holder .brand-radio-show-wrapp label.oem-radio-show,
form .brand-holder .oem-radio-show-wrapp label.brand-radio,
form .brand-holder .oem-radio-show-wrapp label.oem-radio,
form .brand-holder .oem-radio-show-wrapp label.brand-radio-show,
form .brand-holder .oem-radio-show-wrapp label.oem-radio-show,
form .oem-holder .brand-radio-show-wrapp label.brand-radio,
form .oem-holder .brand-radio-show-wrapp label.oem-radio,
form .oem-holder .brand-radio-show-wrapp label.brand-radio-show,
form .oem-holder .brand-radio-show-wrapp label.oem-radio-show,
form .oem-holder .oem-radio-show-wrapp label.brand-radio,
form .oem-holder .oem-radio-show-wrapp label.oem-radio,
form .oem-holder .oem-radio-show-wrapp label.brand-radio-show,
form .oem-holder .oem-radio-show-wrapp label.oem-radio-show {
  margin: 0 10px 10px 0;
  display: block;
}
form .brand-holder .brand-radio-show-wrapp label input.radio-filter-brand, form .brand-holder .brand-radio-show-wrapp label input.radio-filter-oem, form .brand-holder .brand-radio-show-wrapp label input.radio-filter-brand-show, form .brand-holder .brand-radio-show-wrapp label input.radio-filter-oem-show,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-brand,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-oem,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-brand-show,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-oem-show,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-brand,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-oem,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-brand-show,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-oem-show,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-brand,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-oem,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-brand-show,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-oem-show {
  display: none;
}
form .brand-holder .brand-radio-show-wrapp label input.radio-filter-brand:checked + .brand-my-label:before, form .brand-holder .brand-radio-show-wrapp label input.radio-filter-brand:checked + .oem-my-label:before, form .brand-holder .brand-radio-show-wrapp label input.radio-filter-oem:checked + .brand-my-label:before, form .brand-holder .brand-radio-show-wrapp label input.radio-filter-oem:checked + .oem-my-label:before, form .brand-holder .brand-radio-show-wrapp label input.radio-filter-brand-show:checked + .brand-my-label:before, form .brand-holder .brand-radio-show-wrapp label input.radio-filter-brand-show:checked + .oem-my-label:before, form .brand-holder .brand-radio-show-wrapp label input.radio-filter-oem-show:checked + .brand-my-label:before, form .brand-holder .brand-radio-show-wrapp label input.radio-filter-oem-show:checked + .oem-my-label:before,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-brand:checked + .brand-my-label:before,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-brand:checked + .oem-my-label:before,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-oem:checked + .brand-my-label:before,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-oem:checked + .oem-my-label:before,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-brand-show:checked + .brand-my-label:before,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-brand-show:checked + .oem-my-label:before,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-oem-show:checked + .brand-my-label:before,
form .brand-holder .oem-radio-show-wrapp label input.radio-filter-oem-show:checked + .oem-my-label:before,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-brand:checked + .brand-my-label:before,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-brand:checked + .oem-my-label:before,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-oem:checked + .brand-my-label:before,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-oem:checked + .oem-my-label:before,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-brand-show:checked + .brand-my-label:before,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-brand-show:checked + .oem-my-label:before,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-oem-show:checked + .brand-my-label:before,
form .oem-holder .brand-radio-show-wrapp label input.radio-filter-oem-show:checked + .oem-my-label:before,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-brand:checked + .brand-my-label:before,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-brand:checked + .oem-my-label:before,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-oem:checked + .brand-my-label:before,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-oem:checked + .oem-my-label:before,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-brand-show:checked + .brand-my-label:before,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-brand-show:checked + .oem-my-label:before,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-oem-show:checked + .brand-my-label:before,
form .oem-holder .oem-radio-show-wrapp label input.radio-filter-oem-show:checked + .oem-my-label:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #003764;
  position: absolute;
  border-radius: 6px;
  margin-left: 3px;
  margin-top: 3px;
}
form .brand-holder .brand-radio-show-wrapp label .brand-my-label,
form .brand-holder .brand-radio-show-wrapp label .oem-my-label,
form .brand-holder .oem-radio-show-wrapp label .brand-my-label,
form .brand-holder .oem-radio-show-wrapp label .oem-my-label,
form .oem-holder .brand-radio-show-wrapp label .brand-my-label,
form .oem-holder .brand-radio-show-wrapp label .oem-my-label,
form .oem-holder .oem-radio-show-wrapp label .brand-my-label,
form .oem-holder .oem-radio-show-wrapp label .oem-my-label {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #000000;
  vertical-align: middle;
  margin: 0 5px;
  cursor: pointer;
}
form .brand-holder .brand-radio-show-wrapp label .brand-my-label.radiochecked,
form .brand-holder .brand-radio-show-wrapp label .oem-my-label.radiochecked,
form .brand-holder .oem-radio-show-wrapp label .brand-my-label.radiochecked,
form .brand-holder .oem-radio-show-wrapp label .oem-my-label.radiochecked,
form .oem-holder .brand-radio-show-wrapp label .brand-my-label.radiochecked,
form .oem-holder .brand-radio-show-wrapp label .oem-my-label.radiochecked,
form .oem-holder .oem-radio-show-wrapp label .brand-my-label.radiochecked,
form .oem-holder .oem-radio-show-wrapp label .oem-my-label.radiochecked {
  font-weight: bold;
}
form .brand-holder .brand-radio-show-wrapp label .brand-my-label.radiochecked:before,
form .brand-holder .brand-radio-show-wrapp label .oem-my-label.radiochecked:before,
form .brand-holder .oem-radio-show-wrapp label .brand-my-label.radiochecked:before,
form .brand-holder .oem-radio-show-wrapp label .oem-my-label.radiochecked:before,
form .oem-holder .brand-radio-show-wrapp label .brand-my-label.radiochecked:before,
form .oem-holder .brand-radio-show-wrapp label .oem-my-label.radiochecked:before,
form .oem-holder .oem-radio-show-wrapp label .brand-my-label.radiochecked:before,
form .oem-holder .oem-radio-show-wrapp label .oem-my-label.radiochecked:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #003764;
  position: absolute;
  border-radius: 6px;
  margin-left: 3px;
  margin-top: 3px;
}
form .brand-holder .brand-radio-show-wrapp label .brand-text,
form .brand-holder .brand-radio-show-wrapp label .oem-text,
form .brand-holder .brand-radio-show-wrapp label .brand-text-show,
form .brand-holder .brand-radio-show-wrapp label .oem-text-show,
form .brand-holder .oem-radio-show-wrapp label .brand-text,
form .brand-holder .oem-radio-show-wrapp label .oem-text,
form .brand-holder .oem-radio-show-wrapp label .brand-text-show,
form .brand-holder .oem-radio-show-wrapp label .oem-text-show,
form .oem-holder .brand-radio-show-wrapp label .brand-text,
form .oem-holder .brand-radio-show-wrapp label .oem-text,
form .oem-holder .brand-radio-show-wrapp label .brand-text-show,
form .oem-holder .brand-radio-show-wrapp label .oem-text-show,
form .oem-holder .oem-radio-show-wrapp label .brand-text,
form .oem-holder .oem-radio-show-wrapp label .oem-text,
form .oem-holder .oem-radio-show-wrapp label .brand-text-show,
form .oem-holder .oem-radio-show-wrapp label .oem-text-show {
  display: inline-block;
  vertical-align: top;
  font-weight: 300;
  font-size: 14px;
  max-width: calc(100% - 30px);
  width: auto;
  cursor: pointer;
}
@media (max-width: 767px) {
  form .brand-holder .brand-radio-show-wrapp label .brand-text,
  form .brand-holder .brand-radio-show-wrapp label .oem-text,
  form .brand-holder .brand-radio-show-wrapp label .brand-text-show,
  form .brand-holder .brand-radio-show-wrapp label .oem-text-show,
  form .brand-holder .oem-radio-show-wrapp label .brand-text,
  form .brand-holder .oem-radio-show-wrapp label .oem-text,
  form .brand-holder .oem-radio-show-wrapp label .brand-text-show,
  form .brand-holder .oem-radio-show-wrapp label .oem-text-show,
  form .oem-holder .brand-radio-show-wrapp label .brand-text,
  form .oem-holder .brand-radio-show-wrapp label .oem-text,
  form .oem-holder .brand-radio-show-wrapp label .brand-text-show,
  form .oem-holder .brand-radio-show-wrapp label .oem-text-show,
  form .oem-holder .oem-radio-show-wrapp label .brand-text,
  form .oem-holder .oem-radio-show-wrapp label .oem-text,
  form .oem-holder .oem-radio-show-wrapp label .brand-text-show,
  form .oem-holder .oem-radio-show-wrapp label .oem-text-show {
    font-size: 16px;
  }
}

.hbspt-form .hs-recaptcha {
  margin-bottom: 25px;
}

.hs-form-private .hs_error_rollup {
  display: none;
}
.hs-form-private .hs-form-field {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin-bottom: 23px;
  clear: both;
}
.hs-form-private .hs-form-field label {
  font-size: 14px;
  font-weight: 300;
  margin: 0 10px 5px 0;
}
.hs-form-private .hs-form-field label.hs-error-msg {
  font-size: 12px;
  color: #f41818;
}
.hs-form-private .hs-form-field .input input[type=text],
.hs-form-private .hs-form-field .input input[type=email],
.hs-form-private .hs-form-field .input input[type=tel] {
  border: 1px solid #003764;
  max-width: 400px;
  width: 100% !important;
  height: 34px;
  font-size: 14px;
  font-weight: 300;
  padding: 5px;
}
.hs-form-private .hs-form-field .input input[type=text].error,
.hs-form-private .hs-form-field .input input[type=email].error,
.hs-form-private .hs-form-field .input input[type=tel].error {
  border: 1px solid #f41818;
}
.hs-form-private .hs-form-field .input select {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #003764;
  width: 100%;
  max-width: 400px;
  height: 34px;
  background: #fff url(../images/shared/drop-down-arrow.svg) no-repeat right center;
  background-size: 18px 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  color: #000000;
  font-weight: 300;
  padding: 5px;
  border-radius: 0px;
}
.hs-form-private .hs-form-field .input select:disabled {
  background: #f4f4f4 url(../images/shared/drop-down-arrow.svg) no-repeat right center;
  background-size: 18px 18px;
  color: #959595;
}
.hs-form-private .hs-form-field textarea {
  border: 1px solid #003764;
  padding: 5px;
  font-size: 14px;
  font-weight: 300;
  max-width: 400px;
  width: 100% !important;
}
.hs-form-private .hs-form-field ul {
  padding-left: 0px;
}
.hs-form-private .hs-form-field ul.inputs-list li {
  list-style: none;
}
.hs-form-private .hs-form-field ul.inputs-list li label input[type=checkbox] {
  display: none;
}
.hs-form-private .hs-form-field ul.inputs-list li label input[type=checkbox]:checked + span:before {
  background: #003764 url("../../images/shared/tick.svg") no-repeat center center;
  background-size: 14px 14px;
}
.hs-form-private .hs-form-field ul.inputs-list li label span:before {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #959595;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -3px;
}
.hs-form-private .hs-button {
  background: #003764;
  height: 34px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  border: 0px;
  padding: 6px 20px;
}

.popup-close-button {
  text-align: center;
}

.contact-error-edit-account {
  color: #f41818;
  margin-top: 2px;
}
.contact-error-edit-account.contact-available {
  color: rgb(121, 172, 66);
}

.changepass-error {
  color: #f41818;
  margin-top: 2px;
}
.changepass-error.changepass-success {
  color: rgb(121, 172, 66);
}

input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel] {
  border: 1px solid #003764;
  outline: none;
  padding: 3px 5px;
}
input[type=text].warning, input[type=search].warning, input[type=email].warning, input[type=password].warning, input[type=tel].warning {
  border: 1px solid #f41818;
}

select.warning {
  border: 1px solid #f41818;
}

#statesHolder {
  height: 34px;
}

.producttype-radio .type-loader {
  display: none;
}

.flag-fix {
  display: flex;
  max-width: 400px;
}
.flag-fix .flagComb {
  display: flex;
  padding: 0px 5px;
  align-items: center;
  background: #f0f0f0;
  border: 1px solid #003764;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgb(232, 232, 232);
  border-right: 0px;
  gap: 5px;
  font-weight: 500;
}
.flag-fix .flagComb .flgCmb {
  width: 16px;
  height: auto;
}

/*

Document contains variables required to build global.scss

Table of contents:
1. Website color variables
2. Website layout variables
3. Tipography base variables

*/
/* 1. Website color variables */
/* 3. Tipography base variables */
.holder {
  position: absolute;
  left: auto;
  top: 2px;
  bottom: 0px;
  right: 0px;
  width: 28px;
  height: 28px;
  background-color: transparent;
  display: none;
}

.preloader {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: rotatePreloader 2s infinite ease-in;
}

@keyframes rotatePreloader {
  0% {
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}
.preloader div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.preloader div:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 4px;
  height: 4px;
  background-color: #ffffff;
  transform: translateX(-50%);
  border-radius: 4px;
}

.preloader div:nth-child(1) {
  transform: rotateZ(0deg);
  animation: rotateCircle1 2s infinite linear;
  z-index: 9;
}

@keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }
  0% {
    opacity: 1;
    transform: rotateZ(36deg);
  }
  7% {
    transform: rotateZ(0deg);
  }
  57% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(2) {
  transform: rotateZ(36deg);
  animation: rotateCircle2 2s infinite linear;
  z-index: 8;
}

@keyframes rotateCircle2 {
  5% {
    opacity: 0;
  }
  5.0001% {
    opacity: 1;
    transform: rotateZ(0deg);
  }
  12% {
    transform: rotateZ(-36deg);
  }
  62% {
    transform: rotateZ(-36deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(3) {
  transform: rotateZ(72deg);
  animation: rotateCircle3 2s infinite linear;
  z-index: 7;
}

@keyframes rotateCircle3 {
  10% {
    opacity: 0;
  }
  10.0002% {
    opacity: 1;
    transform: rotateZ(-36deg);
  }
  17% {
    transform: rotateZ(-72deg);
  }
  67% {
    transform: rotateZ(-72deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(4) {
  transform: rotateZ(108deg);
  animation: rotateCircle4 2s infinite linear;
  z-index: 6;
}

@keyframes rotateCircle4 {
  15% {
    opacity: 0;
  }
  15.0003% {
    opacity: 1;
    transform: rotateZ(-72deg);
  }
  22% {
    transform: rotateZ(-108deg);
  }
  72% {
    transform: rotateZ(-108deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(5) {
  transform: rotateZ(144deg);
  animation: rotateCircle5 2s infinite linear;
  z-index: 5;
}

@keyframes rotateCircle5 {
  20% {
    opacity: 0;
  }
  20.0004% {
    opacity: 1;
    transform: rotateZ(-108deg);
  }
  27% {
    transform: rotateZ(-144deg);
  }
  77% {
    transform: rotateZ(-144deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(6) {
  transform: rotateZ(180deg);
  animation: rotateCircle6 2s infinite linear;
  z-index: 4;
}

@keyframes rotateCircle6 {
  25% {
    opacity: 0;
  }
  25.0005% {
    opacity: 1;
    transform: rotateZ(-144deg);
  }
  32% {
    transform: rotateZ(-180deg);
  }
  82% {
    transform: rotateZ(-180deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(7) {
  transform: rotateZ(216deg);
  animation: rotateCircle7 2s infinite linear;
  z-index: 3;
}

@keyframes rotateCircle7 {
  30% {
    opacity: 0;
  }
  30.0006% {
    opacity: 1;
    transform: rotateZ(-180deg);
  }
  37% {
    transform: rotateZ(-216deg);
  }
  87% {
    transform: rotateZ(-216deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(8) {
  transform: rotateZ(252deg);
  animation: rotateCircle8 2s infinite linear;
  z-index: 2;
}

@keyframes rotateCircle8 {
  35% {
    opacity: 0;
  }
  35.0007% {
    opacity: 1;
    transform: rotateZ(-216deg);
  }
  42% {
    transform: rotateZ(-252deg);
  }
  92% {
    transform: rotateZ(-252deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(9) {
  transform: rotateZ(288deg);
  animation: rotateCircle9 2s infinite linear;
  z-index: 1;
}

@keyframes rotateCircle9 {
  40% {
    opacity: 0;
  }
  40.0008% {
    opacity: 1;
    transform: rotateZ(-252deg);
  }
  47% {
    transform: rotateZ(-288deg);
  }
  97% {
    transform: rotateZ(-288deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(10) {
  transform: rotateZ(324deg);
  animation: rotateCircle10 2s infinite linear;
  z-index: 0;
}

@keyframes rotateCircle10 {
  45% {
    opacity: 0;
  }
  45.0009% {
    opacity: 1;
    transform: rotateZ(-288deg);
  }
  52% {
    transform: rotateZ(-324deg);
  }
  102% {
    transform: rotateZ(-324deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
@keyframes shine-lines {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 600px;
  }
}
.display_none {
  display: none;
}

.lightBoxHandle img {
  width: auto;
  height: auto;
}

.lightBoxBgd {
  width: 100%;
  float: left;
  position: relative;
  background: #003764;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  padding: 5px;
}

.lightBoxBgd > img {
  display: none;
}

.confirmTitle {
  width: 90%;
  float: left;
  font-family: "Oswald", sans-serif;
  line-height: normal;
}

.lightBoxClose {
  float: right;
  margin: 1px 5px 0 0;
  cursor: pointer;
}
.lightBoxClose img {
  width: 20px;
  height: 20px;
}

.lightBoxContent {
  width: 100%;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 5px;
}

.new-address-container {
  height: auto;
  overflow: auto;
}

.lightBoxContent a {
  color: #003764;
  text-decoration: underline;
}

.lightBoxContent a:hover {
  color: #003764;
  text-decoration: none;
}

.lightBoxContent a.tooltip-body-close {
  text-decoration: none;
  margin-top: 30px;
}

.lightBoxContentTable p {
  margin-bottom: 15px;
}

.tbRecovery,
.tbLogin,
.tbEmailDownload {
  margin: 0 0 5px 0;
  font-weight: 300;
}

.tbLogin tr td label,
.tbEmailDownload tr td label {
  margin: 0 0 10px 0;
  font-weight: 300;
}

.tbLogin tr td input {
  margin: 0 0 10px 0;
  font-weight: 300;
}
.tbLogin tr td input.greenSweepFileUpload {
  margin: 20px 0 0px 0;
}

.tbEmailDownload tr td input {
  margin: 0;
  font-weight: 300;
}
.tbEmailDownload tr td input.warning {
  border: 1px solid #f41818 !important;
}
.tbEmailDownload tr td div {
  width: 282px;
  margin: 0 0 10px 0;
}
.tbEmailDownload tr td div.contact-error {
  position: relative;
}
.tbEmailDownload tr td div.contact-error span {
  float: left;
}

#frmTac_upload tr td input {
  margin: 0 0 10px 0;
  font-weight: 300;
}
#frmTac_upload tr td input.upload-button {
  margin: 20px 0 0px 0;
}

#frmLogo_upload tr td input {
  margin: 0 0 10px 0;
  font-weight: 300;
}
#frmLogo_upload tr td input.upload-button {
  margin: 20px 0 0px 0;
}

.tbLogin p {
  width: auto;
  margin: 10px 0;
  text-align: right;
}

.tbRecovery .popupBtn,
.tbLogin .popupBtn {
  float: right;
  margin: 5px 0 0 0;
}

#vimeoLightBox,
#hapyakLightBox,
#videoBox,
#youtubeLightBox,
#cigVideoLightBox,
#VidYardLightBox {
  width: 486px;
  margin: 0 0 0 -243px;
  z-index: 99999;
}

#webTutorialsPopup {
  max-width: 600px;
  height: auto;
  width: 100%;
}

#cigVideoLightBox iframe {
  width: 480px;
  height: 300px;
  border: none;
}

#uploadImageBox .inputField {
  width: 100%;
  margin-bottom: 5px;
  padding: 1px 0;
  border: 1px solid #dee1e2;
}

p.allowed-format {
  font-size: 11px;
  text-align: center;
}

#shippingAddressDetailsLightBox {
  max-width: 570px;
}

#shippingAddressDetailsLightBox table {
  width: 100%;
  float: left;
}

#shippingAddressDetailsLightBox .lightBoxBgd {
  width: 100%;
  float: left;
}

#shippingAddressDetailsLightBox .lightBoxBgd p {
  width: auto;
  float: left;
  margin: 0;
  padding: 0;
  font-family: "Oswald", sans-serif;
}

#shippingAddressDetailsLightBox .lightBoxFooter {
  width: 100%;
  float: left;
  padding: 15px 0;
  border-top: 1px solid #dee1e2;
}

#closeShippingAddressDetails {
  margin: auto;
}

#shippingAddressDetailsLightBox tr {
  width: 100%;
  float: left;
  padding: 0;
  border-bottom: 1px solid #dee1e2;
}

#shippingAddressDetailsLightBox tr td {
  padding: 3px 0;
  color: #191919;
  font-size: 13px;
  font-weight: 400;
}

#shippingAddressDetailsLightBox tr td:first-child {
  font-weight: 700;
  text-align: right;
  padding-right: 15px;
}

#addNewShipp_to {
  height: auto;
}

#addNewShipp_to form label {
  margin: 7px 5px 15px 0;
  font-weight: 300;
  line-height: 24px;
  font-size: 14px;
}
@media (max-width: 480px) {
  #addNewShipp_to form label {
    width: 97px;
    font-size: 11px;
  }
}

#addNewShipp_to form label span {
  color: #d0021b;
}

#addNewShipp_to .lightBoxContent .required {
  position: absolute;
  right: 35px;
}
@media (max-width: 580px) {
  #addNewShipp_to .lightBoxContent .required {
    position: relative;
    right: 0;
    text-align: right;
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

#lostPasswordBox label,
#getEmailBox label {
  text-align: left;
  font-size: 14px;
  display: block;
  max-width: 282px;
}

#lostPasswordBox .inputField,
#addNewShipp_to .inputField,
#getEmailBox .inputField {
  width: 250px;
  height: 34px;
  padding: 0 5px;
  border: 1px solid #003764;
  line-height: 23px;
}

#addNewShipp_to .flag-fix .inputField {
  width: 205px;
}
@media screen and (max-width: 480px) {
  #addNewShipp_to .flag-fix .inputField {
    width: calc(100% - 66px);
  }
}

#addNewShipp_to .inputField.warning {
  border: 1px solid #f41818;
}
@media (max-width: 480px) {
  #addNewShipp_to .inputField {
    width: calc(100% - 20px);
  }
}

#lostPasswordBox .inputField {
  width: 282px;
}
#lostPasswordBox .inputField#retrieveEmail {
  height: 34px;
  border: 1px solid #959595;
}

#lostPasswordBox #retrieveSubmit {
  float: none;
  display: block;
  margin: 0px auto;
}

#getEmailBox .inputField {
  width: 282px;
}
#getEmailBox .inputField#getEmail {
  height: 34px;
  border: 1px solid #959595;
}

#getEmailBox #getEmailSubmit {
  float: none;
  display: block;
  margin: 20px auto 0;
}

#addNewShipp_to .selectField {
  width: 250px;
  height: 34px;
  padding: 0 25px 0 5px;
  background: #fff url(../images/shared/drop-down-arrow.svg) no-repeat right center;
  background-size: 18px 18px;
  background-position: right center;
  border: 1px solid #003764;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (max-width: 480px) {
  #addNewShipp_to .selectField {
    width: calc(100% - 20px);
  }
}

#addNewShipp_to .selectField.warning {
  border: 1px solid #f41818 !important;
}

#addNewShipp_to .selectField::-ms-expand {
  display: none;
}

#shippingAddressListLightBox .lightBoxContent {
  height: 270px;
  overflow: hidden;
  overflow-y: auto;
  padding: 20px 10px 0 10px;
}

#shippingAddressListLightBox .lightBoxContent a {
  color: #333;
  display: block;
}

#shippingAddressListLightBox .lightBoxContent a.addresses_line {
  color: #003764;
  border-bottom: 1px solid #dbdbdb;
  font-weight: 400;
  line-height: normal;
  padding: 10px 0 10px 12px;
  background: url("../../images/shipping_address_dot.png") no-repeat center left;
  font-size: 14px;
  font-weight: 300;
}

#shippingAddressListLightBox .lightBoxContent a.addresses_line:hover {
  text-decoration: none;
  color: #003764;
}

.shippingAddressListLabel {
  font-weight: 300;
  font-size: 14px;
}

#shippingAddressListLightBox .lightBoxFooter {
  clear: both;
  margin: 14px 0 0 0;
  padding: 10px 10px 0 10px;
  border-top: 1px solid #9b9b9b;
}

#shippingAddressListLightBox .viewAllShippingAddresses {
  position: absolute;
  top: 7px;
  right: 40px;
  margin: 0 5px;
  color: #ffffff;
  font-size: 12px;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
}

#shippingAddressListLightBox .viewAllShippingAddresses:hover {
  text-decoration: none;
}

#termsLightBox .lightBoxContent {
  height: 315px;
}

#termsLightBox ul {
  padding-left: 20px;
}

#termsLightBox h3,
#termsLightBox h5 {
  margin: 0 0 5px 0;
  color: #0980ae;
  font-size: 12px;
  font-weight: 400;
}

#termsLightBox h3,
#termsLightBox h5 {
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 16px;
}

#termsLightBox h3:first-child,
#termsLightBox h5:first-child {
  margin-top: 0;
}

#termsLightBox h5 {
  margin-top: 0;
}

.lightBoxContent-big {
  margin-top: 40px;
}

#overlay,
#overlay-login,
#tooltip_overlay {
  background: #000000;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 910;
  filter: alpha(opacity=50);
}

#overlay-login.popup_zindex {
  z-index: 901;
}

#loginBox {
  width: 420px;
  min-height: 142px;
  border: 1px solid #d4d4d4;
  background-color: #fff;
  position: fixed;
  left: 50%;
  margin-left: -202px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px 3px 3px 3px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}

#lostPasswordBox,
#getEmailBox {
  width: 402px;
  min-height: 142px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin-left: -202px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 767px) {
  #lostPasswordBox,
  #getEmailBox {
    width: 100%;
    left: 0;
    margin-left: 0;
    font-size: 16px;
  }
}

#loaderBox {
  width: 302px;
  height: 134px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -151px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}

#serious-popup {
  width: 500px;
  min-height: 142px;
  background-color: #fff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -250px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
  line-height: 18px;
}
@media (max-width: 640px) {
  #serious-popup {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#CTGBrandPrice,
#emailReport,
#successEmailReport,
#ajaxErrorsPopup,
#clearConfirmation,
#removeOemProductConfirmation,
#session,
#session-terminated,
#registerNotOK,
#uploadImageBox,
#vimeoLightBox,
#pdfDownloadLightBoxConfirm,
#registerThanks,
#importantAlertsBox,
#uploadEmpowerTacBox,
#uploadLogoEmpowerBox,
#hapyakLightBox,
#VidYardLightBox,
#greenSweepFileUpload,
#RebateApprovalConfirmation,
#GSARebateApprovalConfirmation {
  width: 402px;
  min-height: 142px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -202px;
  top: 30%;
  z-index: 1000;
  font-size: 14px;
  font-weight: 300;
  padding: 3px;
}
@media (max-width: 767px) {
  #CTGBrandPrice,
  #emailReport,
  #successEmailReport,
  #ajaxErrorsPopup,
  #clearConfirmation,
  #removeOemProductConfirmation,
  #session,
  #session-terminated,
  #registerNotOK,
  #uploadImageBox,
  #vimeoLightBox,
  #pdfDownloadLightBoxConfirm,
  #registerThanks,
  #importantAlertsBox,
  #uploadEmpowerTacBox,
  #uploadLogoEmpowerBox,
  #hapyakLightBox,
  #VidYardLightBox,
  #greenSweepFileUpload,
  #RebateApprovalConfirmation,
  #GSARebateApprovalConfirmation {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  #CTGBrandPrice,
  #emailReport,
  #successEmailReport,
  #ajaxErrorsPopup,
  #clearConfirmation,
  #removeOemProductConfirmation,
  #session,
  #session-terminated,
  #registerNotOK,
  #uploadImageBox,
  #vimeoLightBox,
  #pdfDownloadLightBoxConfirm,
  #registerThanks,
  #importantAlertsBox,
  #uploadEmpowerTacBox,
  #uploadLogoEmpowerBox,
  #hapyakLightBox,
  #VidYardLightBox,
  #greenSweepFileUpload,
  #RebateApprovalConfirmation,
  #GSARebateApprovalConfirmation {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#videoBox {
  min-height: 280px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -243px;
  top: 10%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #videoBox {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#videoBox .lightBoxContent {
  width: 479px;
  min-height: 270px;
  background: #ffffff url("../../images/ajax-loader.gif") center 110px no-repeat;
  padding: 3px 0 0 0;
  margin: 0px;
}
@media (max-width: 768px) {
  #videoBox .lightBoxContent {
    width: 100%;
  }
}

#youtubeLightBox {
  min-height: 280px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -202px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #youtubeLightBox {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#webTutorialsPopup {
  min-height: 377px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -300px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #webTutorialsPopup {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
    min-height: auto;
  }
}

#youtubeLightBox .lightBoxContent {
  width: 480px;
  height: 273px;
  background: #ffffff url("../../images/ajax-loader.gif") center 110px no-repeat;
  margin: 0;
  padding: 3px 0 0 0;
}

#webTutorialsPopup .lightBoxContent {
  width: 100%;
  height: 273px;
  background: #ffffff url("../../images/ajax-loader.gif") center 110px no-repeat;
  margin: 0;
  padding: 3px 0 0 0;
}
@media (max-width: 640px) {
  #webTutorialsPopup .lightBoxContent {
    height: auto;
  }
}

#vimeoLightBox {
  width: 486px;
  min-height: 280px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -202px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #vimeoLightBox {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#vimeoLightBox .lightBoxContent {
  width: 480px;
  height: 273px;
  background: #ffffff url("../../images/ajax-loader.gif") center 110px no-repeat;
  margin: 0;
  padding: 3px 0 0 0;
}

#hapyakLightBox {
  width: 486px;
  min-height: 280px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -202px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #hapyakLightBox {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#VidYardLightBox {
  width: 486px;
  min-height: 140px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -202px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #VidYardLightBox {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#hapyakLightBox .lightBoxContent {
  width: 480px;
  height: 273px;
  background: #ffffff url("../../images/ajax-loader.gif") center 110px no-repeat;
  margin: 0;
  padding: 3px 0 0 0;
}

#VidYardLightBox .lightBoxContent {
  width: 100%;
  background: #ffffff url("../../images/ajax-loader.gif") center 110px no-repeat;
  margin: 0;
  padding: 3px 0 0 0;
}

#yield_increase_popup,
#recycled_content_certified_popup,
#low_emissions_toner_popup,
#infobox,
#infobox_web_user,
#add-to-cart,
#addressDetails,
#tooltip_added_to_cart,
#promo-box {
  width: 402px;
  min-height: 142px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -202px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 767px) {
  #yield_increase_popup,
  #recycled_content_certified_popup,
  #low_emissions_toner_popup,
  #infobox,
  #infobox_web_user,
  #add-to-cart,
  #addressDetails,
  #tooltip_added_to_cart,
  #promo-box {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  #yield_increase_popup,
  #recycled_content_certified_popup,
  #low_emissions_toner_popup,
  #infobox,
  #infobox_web_user,
  #add-to-cart,
  #addressDetails,
  #tooltip_added_to_cart,
  #promo-box {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#exit_intent,
#exit_intent_next {
  width: 936px;
  height: 458px;
  background: linear-gradient(135deg, rgb(55, 58, 60) 0%, rgb(17, 17, 19) 100%);
  background: #ffffff url(../images/shared/exit_intent_bg.jpg) no-repeat top left;
  background-size: cover;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -468px;
  top: 20%;
  z-index: 1000;
  font-size: 12px;
  padding: 0 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #exit_intent,
  #exit_intent_next {
    background: #ffffff url(../images/shared/exit_intent_bg@2.jpg) no-repeat top left;
    background-size: 936px 458px;
  }
}
@media screen and (max-width: 960px) {
  #exit_intent,
  #exit_intent_next {
    width: 540px;
    height: auto;
    margin-left: -270px;
    background: #000000 url(../images/shared/exit_intent_tablet.jpg) no-repeat top left;
    background-size: cover;
  }
}
@media screen and (max-width: 960px) and (max-width: 600px) {
  #exit_intent,
  #exit_intent_next {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}
#exit_intent .lightBoxClose,
#exit_intent_next .lightBoxClose {
  position: absolute;
  float: none;
  right: 10px;
  top: 10px;
}
#exit_intent .exit_intent_content,
#exit_intent_next .exit_intent_content {
  max-width: 320px;
}
@media screen and (max-width: 960px) {
  #exit_intent .exit_intent_content,
  #exit_intent_next .exit_intent_content {
    max-width: 100%;
  }
}
#exit_intent .exit_intent_content h3,
#exit_intent_next .exit_intent_content h3 {
  font-family: "Montserrat";
  color: #ffffff;
  font-size: 35px;
  line-height: 45px;
  font-weight: 500;
  margin: 30px 0 25px 0;
}
#exit_intent .exit_intent_content h3 .exit-green,
#exit_intent_next .exit_intent_content h3 .exit-green {
  font-weight: 700;
  color: #00a12a;
}
#exit_intent .exit_intent_content .exit-dots span,
#exit_intent_next .exit_intent_content .exit-dots span {
  width: 6px;
  height: 6px;
  background-color: #00a12a;
  border-radius: 5px;
  display: block;
}
#exit_intent .exit_intent_content .exit-dots span:before,
#exit_intent_next .exit_intent_content .exit-dots span:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background-color: #00a12a;
  position: absolute;
  margin-left: 30px;
}
#exit_intent .exit_intent_content .exit-dots span:after,
#exit_intent_next .exit_intent_content .exit-dots span:after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background-color: #00a12a;
  position: absolute;
  margin-left: 60px;
}
#exit_intent .exit_intent_content .exit-sup-title,
#exit_intent_next .exit_intent_content .exit-sup-title {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 15px;
}
#exit_intent .exit_intent_content .exit-sup-title .exit-green,
#exit_intent_next .exit_intent_content .exit-sup-title .exit-green {
  font-weight: 700;
  color: #00a12a;
}
@media screen and (max-width: 960px) {
  #exit_intent .exit_intent_content .exit_intent_form .hbspt-form,
  #exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form {
    text-align: center;
  }
}
#exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field,
#exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field {
  margin-bottom: 25px;
}
#exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field .hs-error-msgs,
#exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field .hs-error-msgs {
  margin: 0px;
  position: absolute;
}
@media screen and (max-width: 960px) {
  #exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field .hs-error-msgs,
  #exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field .hs-error-msgs {
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
  }
}
#exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field label,
#exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field label {
  display: none;
}
#exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field label.hs-error-msg,
#exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field label.hs-error-msg {
  display: block;
  margin: 0px;
}
#exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field .hs-input,
#exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field .hs-input {
  font-family: "Montserrat";
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
}
@media screen and (max-width: 600px) {
  #exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field .hs-input,
  #exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field .hs-input {
    max-width: 100%;
  }
}
#exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field .hs-input::placeholder,
#exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field .hs-input::placeholder {
  color: #ffffff;
  opacity: 1;
  font-size: 14px;
}
#exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field select.hs-input,
#exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field select.hs-input {
  background: #36373a url(../images/shared/drop-down-arrow-white.svg) no-repeat right center;
  background-size: 20px 20px;
  font-size: 14px;
  opacity: 1;
  color: #ffffff;
}
#exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field.hs_recaptcha .grecaptcha-badge,
#exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field.hs_recaptcha .grecaptcha-badge {
  position: absolute;
  right: 0;
  bottom: 0px !important;
}
@media screen and (max-width: 960px) {
  #exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field.hs_recaptcha .grecaptcha-badge,
  #exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs-form-field.hs_recaptcha .grecaptcha-badge {
    position: relative;
  }
}
#exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs_submit,
#exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs_submit {
  text-align: center;
  margin-top: 25px;
}
@media screen and (max-width: 960px) {
  #exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs_submit,
  #exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs_submit {
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
#exit_intent .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs_submit .hs-button,
#exit_intent_next .exit_intent_content .exit_intent_form .hbspt-form .hs-form-private .hs_submit .hs-button {
  background: #00a12f;
  font-family: "Montserrat";
  font-size: 15px;
  color: #ffffff;
  border-radius: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
#exit_intent .exit_intent_content .grecaptcha-badge,
#exit_intent_next .exit_intent_content .grecaptcha-badge {
  margin: 0px auto;
}

#exit_intent_next {
  background: #ffffff url(../images/shared/exit_intent_submitted.jpg) no-repeat top left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #exit_intent_next {
    background: #ffffff url(../images/shared/exit_intent_submitted@2.jpg) no-repeat top left;
    background-size: 936px 458px;
  }
}
@media screen and (max-width: 960px) {
  #exit_intent_next {
    background: #000000 url(../images/shared/exit_intent_tablet.jpg) no-repeat top left;
    background-size: cover;
  }
}
#exit_intent_next .exit_intent_content h3 {
  font-weight: 600;
  margin-top: 30px;
}
#exit_intent_next .exit_intent_content .exit-sup-title {
  text-align: left;
}
#exit_intent_next .exit_intent_content .exit-sup-title p {
  font-family: "Montserrat";
  font-weight: 300;
  font-size: 32px;
}
#exit_intent_next .exit_intent_content .exit_intent_form {
  text-align: center;
  margin: 45px 0;
}
#exit_intent_next .exit_intent_content .exit_intent_form .btn_exit_intent {
  background: #00a12f;
  font-family: "Montserrat";
  font-size: 15px;
  color: #ffffff;
  border-radius: 20px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 300;
}
#exit_intent_next .note {
  font-size: 11px;
  display: block;
  position: absolute;
  bottom: 10px;
  left: 384px;
  margin: 0;
}
@media screen and (max-width: 960px) {
  #exit_intent_next .note {
    display: none;
  }
}

#addressDetails .box-content {
  overflow-y: auto;
  height: 251px;
}
#addressDetails .sb-table-separator {
  padding-top: 5px;
  margin: 0 !important;
  text-align: right;
}
#addressDetails .sb-addresses-table {
  margin: 0 20px;
  box-sizing: border-box;
}
#addressDetails .sb-addresses-table:not(:last-of-type) {
  margin-bottom: 20px;
}
#addressDetails .sb-addresses-table:not(:first-of-type) {
  margin-top: 20px;
}
#addressDetails .sb-addresses-table tr th {
  font-size: 14px;
  padding-right: 10px;
}
#addressDetails .sb-addresses-table tr {
  margin-bottom: 5px;
}
#addressDetails .sb-table-separator:not(:last-of-type) {
  border-bottom: 1px solid lightgrey;
  margin-bottom: 20px;
}

#infobox_web_user .lightBoxContent-big {
  margin-top: 20px;
}

#infobox_web_user #infoBoxWebUserConfirmButton {
  margin-top: 20px;
}

#warningbox,
#warningbox-missingitems {
  width: 402px;
  min-height: 142px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -202px;
  top: 30%;
  z-index: 1000;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  padding: 3px;
}
@media (max-width: 640px) {
  #warningbox,
  #warningbox-missingitems {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#warningboxConfirm,
#warningboxConfirm2 {
  width: 402px;
  min-height: 142px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -202px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #warningboxConfirm,
  #warningboxConfirm2 {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#logoutboxConfirm,
#redirectSiteBox,
#ajax-error-box {
  width: 500px;
  min-height: 180px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -250px;
  top: 30%;
  z-index: 1000;
  font-size: 14px;
  font-weight: 300;
  padding: 3px;
  border: 1px solid #003764;
}
@media (max-width: 640px) {
  #logoutboxConfirm,
  #redirectSiteBox,
  #ajax-error-box {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#serviceLevelLightBox {
  width: 600px;
  min-height: 142px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -300px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #serviceLevelLightBox {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}
@media (max-width: 640px) and (max-width: 600px) {
  #serviceLevelLightBox .lightBoxContentTable tr td {
    display: block;
  }
}

#shippingAddressDetailsLightBox {
  background-color: #ffffff;
  font-size: 12px;
  left: 50%;
  margin: 0 0 0 -300px;
  min-height: 142px;
  padding: 3px;
  position: fixed;
  top: 15%;
  width: 600px;
  z-index: 1000;
}
@media (max-width: 640px) {
  #shippingAddressDetailsLightBox {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#termsLightBox {
  width: 602px;
  height: 490px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -302px;
  top: 20%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 680px) {
  #termsLightBox {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
    height: auto;
    max-height: 490px;
    top: 30px;
    bottom: 10px;
  }
}

#termsLightBox .box-content {
  height: 348px;
  margin-right: 0px;
  overflow: auto;
  text-align: left;
  padding: 8px;
  font-weight: 300;
  font-size: 14px;
}
@media (max-width: 767px) {
  #termsLightBox .box-content {
    font-size: 16px;
  }
}
@media (max-width: 690px) {
  #termsLightBox .box-content {
    height: 250px;
  }
}
#termsLightBox a {
  color: #0980ae;
}

#termsLightBox a:hover {
  text-decoration: none;
}

#js_how_it_works_box {
  width: 602px;
  height: auto;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -302px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #js_how_it_works_box {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#js_how_it_works_box .box-content {
  height: 270px;
  margin-right: 0px;
  margin-left: 5px;
  overflow: auto;
  text-align: left;
  padding: 5px;
}

#shippingAddressListLightBox {
  width: 602px;
  height: 400px;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -302px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #shippingAddressListLightBox {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#SBBox,
#SBBox-multiple {
  width: 602px;
  height: auto;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -302px;
  top: 30%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #SBBox,
  #SBBox-multiple {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
  }
}

#addNewShipp_to {
  width: 602px;
  height: auto;
  background-color: #ffffff;
  position: fixed;
  left: 50%;
  margin: 0px 0px 0px -302px;
  top: 10%;
  z-index: 1000;
  font-size: 12px;
  padding: 3px;
}
@media (max-width: 640px) {
  #addNewShipp_to {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0px;
    bottom: 20px;
    top: 20px;
  }
}

#closeShippingAddressDetails {
  float: none;
}

.popup-button {
  margin-top: 20px;
}

input[type=file] {
  display: none;
}

label.input-file-name-label {
  font-size: 16px;
  font-weight: 500;
  color: #003764;
  cursor: pointer;
}
label.input-file-name-label:before {
  content: "";
  background: url(../images/shared/upload.svg) no-repeat center center;
  background-size: 20px 20px;
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-right: 5px;
}

.compare-btn,
.add-to-favorite-btn {
  margin-top: 20px;
}
.compare-btn a,
.add-to-favorite-btn a {
  text-decoration: none;
}
.compare-btn a:hover,
.add-to-favorite-btn a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .btn,
  .selectable span {
    font-size: 16px;
  }
}

.login-container .login-loader {
  width: 33px;
}

.cl_eco_comit {
  margin-bottom: 15px;
}
.cl_eco_comit img {
  width: 80px;
  height: auto;
}

.list-img {
  padding: 0px 0px;
}
.list-img li {
  padding-left: 70px;
  padding-bottom: 20px;
  vertical-align: middle;
  list-style: none;
  background-repeat: no-repeat;
  line-height: 1.5;
  max-width: 580px;
}

.list-icon {
  margin: 37px 0 !important;
  padding: 0px;
}
.list-icon li {
  display: inline-block;
  padding-bottom: 32px;
  margin-left: -42px;
  list-style: none;
  max-width: 290px;
}
.list-icon li::before {
  content: "";
  background-image: url(../images/page-specific/engineering-and-technology/tick.png);
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: 32px;
  background-color: #ffffff;
}
.list-icon span {
  display: inline-block;
  width: calc(100% - 32px);
  vertical-align: middle;
  padding-left: 16px;
  line-height: 1.5;
}

.list-icon-column {
  margin: 37px 0 !important;
  padding: 0px;
}
.list-icon-column li {
  display: inline-block;
  padding-bottom: 32px;
  margin-left: -33px;
  list-style: none;
  max-width: 290px;
}
.list-icon-column li::before {
  content: "";
  background-image: url(../images/page-specific/engineering-and-technology/tick.png);
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: 32px;
  background-color: #ffffff;
}
@media screen and (max-width: 991px) {
  .list-icon-column li {
    margin-left: 0px;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .list-icon-column li {
    max-width: 100%;
    width: 100%;
    vertical-align: top;
    padding-bottom: 20px;
  }
}
.list-icon-column span {
  display: inline-block;
  width: calc(100% - 32px);
  vertical-align: middle;
  padding-left: 16px;
  line-height: 1.5;
}

.lista {
  padding-left: 15px;
}
.lista li {
  padding-bottom: 15px;
  font-size: 14px;
}

.custom-list-icon {
  list-style: none;
  padding: 0;
}
.custom-list-icon li {
  background: url(../images/page-specific/amplify-approach/advertising.png) no-repeat top left;
  height: 36px;
  background-size: contain;
  margin-bottom: 30px;
}
.custom-list-icon p {
  font-size: 16px;
  padding-top: 10px;
  padding-left: 65px;
}

.no-result {
  text-align: center;
}

a.underline {
  text-decoration: underline;
  color: #003764;
}
a.underline:hover {
  text-decoration: none;
}

.green {
  color: #04af44;
}

.in-line {
  display: inline-block;
  padding-left: 5px;
}

@keyframes opacityIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.video-js {
  width: auto !important;
}

#download-button {
  background-color: #ffffff;
  color: #000000;
  height: 17px;
  margin-top: 7px;
}

.products-slider {
  padding: 40px 0 40px 0;
}
.products-slider .divider {
  border-right: 1px solid #dddddd;
}
@media (max-width: 767px) {
  .products-slider .divider {
    border-right: 0px;
  }
}
.products-slider h3 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .products-slider h3 {
    text-align: center;
  }
}
.products-slider .new-products-items {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.products-slider .new-products-items .slick-slide a {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 14px;
  overflow-wrap: break-word;
  justify-content: center;
  text-align: center;
}
@media (max-width: 767px) {
  .products-slider .new-products-items .slick-slide a p {
    font-size: 12px;
  }
}
.products-slider .npi-arrows {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.products-slider .npi-arrows button {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0 solid;
  background: transparent;
  width: 37px;
  height: 37px;
}
.products-slider .npi-arrows button svg {
  width: 60%;
  height: 60%;
}
.products-slider .npi-arrows button svg path {
  transition: 0.3s;
}
.products-slider .npi-arrows button:hover svg path {
  stroke: #fcb116;
}
.products-slider .npi-arrows .slick-prev {
  margin-right: 20px;
}
.products-slider .shop-all-btn {
  text-align: center;
}
@media (max-width: 767px) {
  .products-slider .top-selling-items {
    text-align: center;
    margin-bottom: 0px;
  }
}
.products-slider .top-selling-items ul {
  padding: 0px;
  padding-bottom: 20px;
}
.products-slider .top-selling-items ul li {
  list-style: none;
}
.products-slider .top-selling-items ul li a {
  font-size: 12px;
  line-height: 24px;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .products-slider .top-selling-items ul li a {
    font-size: 14px;
  }
}
.products-slider .top-selling-items ul li a:hover {
  text-decoration: none;
}

.gray {
  background: #f7f7f7;
}

.show-on-mobile {
  display: none;
}
@media (max-width: 767px) {
  .show-on-mobile {
    display: block;
    text-align: center;
    margin-bottom: 60px;
  }
}

.show-on-desktop {
  display: block;
}
@media (max-width: 767px) {
  .show-on-desktop {
    display: none;
  }
}

.cl-chosen .chosen-container.chosen-container-single .chosen-single {
  border: 1px solid #003764;
  background: #ffffff;
  border-radius: 0px;
  outline: none;
  padding: 3px 5px;
  height: 34px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-weight: 300;
  box-shadow: none;
}
.cl-chosen .chosen-container.chosen-container-single .chosen-single div b {
  background: #fff url(../images/shared/drop-down-arrow.svg) no-repeat right center;
}
.cl-chosen .chosen-container.chosen-container-single .chosen-drop {
  border-radius: 0px;
  border: 1px solid #003764;
}
.cl-chosen .chosen-container.chosen-container-single .chosen-drop .chosen-results li.active-result.highlighted {
  background: #003764;
}
.cl-chosen .chosen-container.warning {
  border: 0px !important;
}
.cl-chosen .chosen-container.warning a.chosen-single {
  border: 1px solid #f41818;
}

#Country:not(.warning) + #Country_chosen + #CountryHint {
  display: none;
}

#State:not(.warning) + #State_chosen + #StateHint {
  display: none;
}

.cl-chosen .warning + .chosen-container.chosen-container-single .chosen-single {
  border-color: #f41818;
}

.bs-searchbox input[type=text] {
  background: url(../images/searchBtn.png) 98% center no-repeat;
  border: 1px solid #aaa;
  height: 26px;
  padding: 4px 20px 4px 5px;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  padding: 0 4px !important;
}

.selectpicker-holder .show-tick .dropdown-menu ul li a {
  font-size: 13px;
  font-weight: 400;
}

@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}

.open-menu-html {
  overflow: visible !important;
  height: 100%;
}

.open-menu-body {
  overflow: hidden;
  height: 100%;
}

.breadcrumb-header {
  position: fixed;
  width: 100%;
  background: #ffffff;
  z-index: 100;
}
.breadcrumb-header .breadcrumb {
  background: transparent;
  border-radius: 0px;
  padding: 8px 0px;
}
.breadcrumb-header .breadcrumb a {
  text-decoration: none;
}
.breadcrumb-header .breadcrumb a:hover {
  text-decoration: underline;
}

.content-holder-breadcrumb {
  height: 55px;
  display: block;
  width: 100%;
}

.navbar-custom {
  background: #ffffff;
  z-index: 910;
  margin-bottom: 0px;
  top: unset;
  min-height: 78px;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .navbar-custom {
    min-height: 109px;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .navbar-custom {
    position: relative;
    margin-bottom: 0px;
    min-height: auto;
  }
}
.navbar-custom .mobile-menu-holder {
  display: flex;
  position: relative;
  align-items: center;
  gap: 10px 20px;
  padding: 15px 0;
}
@media (max-width: 1201px) {
  .navbar-custom .mobile-menu-holder {
    flex-wrap: wrap;
    padding-bottom: 0px;
  }
}
@media (max-width: 1201px) and (max-width: 767px) {
  .navbar-custom .mobile-menu-holder {
    padding-bottom: 10px;
    gap: 30px;
    flex-wrap: nowrap;
  }
}
@media (max-width: 1201px) and (max-width: 767px) and (max-width: 650px) {
  .navbar-custom .mobile-menu-holder {
    gap: 15px;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.navbar-custom .mobile-menu-holder .logo-holder {
  display: inline-block;
  max-width: 150px;
  width: 100%;
  vertical-align: middle;
  position: relative;
  order: 1;
}
@media (max-width: 1199px) {
  .navbar-custom .mobile-menu-holder .logo-holder {
    padding: 0;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .logo-holder {
    display: block;
    width: auto;
    padding: 0 0 0 20px;
  }
}
@media (max-width: 1199px) and (max-width: 767px) and (max-width: 650px) {
  .navbar-custom .mobile-menu-holder .logo-holder {
    max-width: 100%;
    width: 100%;
  }
}
.navbar-custom .mobile-menu-holder .logo-holder .logo {
  width: 100%;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .logo-holder .logo {
    display: inline-block;
    max-width: 100%;
    text-align: center;
  }
}
.navbar-custom .mobile-menu-holder .logo-holder .logo img {
  width: 100%;
  max-width: 150px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .logo-holder .logo img {
    width: 120px;
  }
}
.navbar-custom .mobile-menu-holder .menu {
  display: flex;
  order: 3;
  margin-left: auto;
  position: relative;
}
@media (max-width: 1201px) {
  .navbar-custom .mobile-menu-holder .menu {
    order: 2;
    margin-left: auto;
  }
}
@media (max-width: 1201px) and (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu {
    width: auto;
    text-align: center;
    margin-left: 0px;
  }
}
@media (max-width: 1201px) and (max-width: 767px) and (max-width: 650px) {
  .navbar-custom .mobile-menu-holder .menu {
    order: 3;
    width: 100%;
    justify-content: center;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu {
  display: flex;
  gap: 12px;
  font-weight: 300;
  align-items: center;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu {
    gap: 12px;
  }
}
@media (max-width: 767px) and (max-width: 560px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu.leged-user {
    gap: 20px;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div div {
  margin: 0px;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div a {
  line-height: normal;
  border-radius: 5px;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div a:hover {
  transition: 300ms;
  text-decoration: none;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div a span {
  color: #000000;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div a span:hover {
  border-bottom: none;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div a span {
    display: none;
  }
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.login a {
    background: url(../images/shared/login.svg) center left no-repeat;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.logout .icon-holder svg {
  width: 100%;
  height: 100%;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.logout .icon-holder svg path, .navbar-custom .mobile-menu-holder .menu .user-menu div.logout .icon-holder svg g {
  fill: #000;
  transition: 0.3s;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.logout:hover svg path, .navbar-custom .mobile-menu-holder .menu .user-menu div.logout:hover svg g {
  fill: #F41818;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.logout a {
    background: url(../images/shared/logout.svg) center left no-repeat;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
  }
  .navbar-custom .mobile-menu-holder .menu .user-menu div.logout span {
    display: none;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.cart span#cart-qty:hover {
  border-bottom: 1px solid transparent;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.cart:hover svg path, .navbar-custom .mobile-menu-holder .menu .user-menu div.cart:hover svg g {
  fill: #003764;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.cart:hover a span {
  color: #003764;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.cart a {
    background: url(../images/shared/shopping-cart.svg) center left no-repeat;
    background-size: 42px 42px;
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding-top: 5px;
    padding-left: 30px;
  }
  .navbar-custom .mobile-menu-holder .menu .user-menu div.cart span {
    display: none;
  }
  .navbar-custom .mobile-menu-holder .menu .user-menu div.cart span#cart-qty {
    display: inline-block;
  }
  .navbar-custom .mobile-menu-holder .menu .user-menu div.cart span#cart-qty:hover {
    border-bottom: 1px solid green;
  }
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.user .icon-holder {
    width: 36px;
    height: 36px;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp .icon-holder {
  cursor: pointer;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp .icon-holder {
    width: 36px;
    height: 36px;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp .search-form {
  background: #ffffff;
  position: absolute;
  margin: 0;
  right: 0;
  left: 0;
  bottom: 0;
  top: -10px;
  width: auto;
  text-align: right;
  z-index: 230;
  opacity: 1;
  padding: 10px 0;
  transition: opacity 0.3s;
}
@media (max-width: 1200px) and (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp .search-form {
    z-index: 950;
    padding: 0px;
    top: unset;
  }
}
@media (max-width: 1200px) and (max-width: 767px) and (max-width: 650px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp .search-form {
    bottom: 0;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp .search-form.hide-search {
  opacity: 0;
  z-index: -2;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder {
  width: 100%;
  position: relative;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder .search-field {
  width: 100%;
  border: 1px solid #003764;
  height: 35px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder .search-field {
    height: 42px;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder .search-resaults {
  background-color: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 33px;
  border: 1px solid #003764;
  border-top: 0px;
  margin: 0px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder .search-resaults {
    top: 40px;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder .search-resaults .searchByTerm {
  display: block;
  text-align: left;
  margin: 0px;
  padding: 0px;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder .search-resaults .searchByTerm a {
  display: block;
  padding: 5px 4px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder .search-resaults .searchByTerm a {
    font-size: 14px;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder .search-resaults .searchByTerm a:hover {
  background: #003764;
  color: #ffffff;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder .search-resaults .searchByTerm .moreResults-all {
  margin: 0 10px 3px 0;
  text-decoration: none;
  border: none;
  cursor: text;
  padding: 5px 4px;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .search-holder .search-resaults .searchByTerm .moreResults-all:hover {
  text-decoration: none;
  border: none;
  cursor: text;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form #search-trigger svg {
  width: 100%;
  height: 100%;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form #search-trigger svg path, .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form #search-trigger svg g {
  fill: #000;
  transition: 0.3s;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form #search-trigger:hover svg path, .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form #search-trigger:hover svg g {
  fill: #00ad42;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form #search-close svg {
  height: 100%;
  width: calc(100% - 1px);
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form #search-close svg path {
  transition: 0.3;
  fill: #474747;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form #search-close svg:hover path {
  fill: #F41818;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .icon-holder {
  width: 26px;
  height: 26px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp form .icon-holder {
    width: 42px;
    height: 42px;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp .search-loader-wrapper {
  position: absolute;
  right: 80px;
  top: 7px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp .search-loader-wrapper {
    right: 120px;
    top: 11px;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp #search-show {
  text-decoration: none;
  border: none;
  color: #000000;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp #search-show svg {
  width: 100%;
  height: 100%;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp #search-show svg path, .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp #search-show svg g {
  fill: #000;
  transition: 0.3s;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp #search-show:hover {
  color: #000000;
  text-decoration: none;
  border: none;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp #search-show:hover svg path, .navbar-custom .mobile-menu-holder .menu .user-menu div.search-wrapp #search-show:hover svg g {
  fill: #003764;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.header-checkout a.btn-transparent {
  border: 1px solid #003764;
  background: #003764;
  color: #fff;
  font-weight: 400;
  padding: 5px 10px;
  border-radius: 15px;
  transition: 0.3s;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.header-checkout a.btn-transparent:hover {
  border-color: #ffaf00;
  color: #333;
  background: #ffaf00;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.register a {
  transition: 200ms;
  color: #000000;
}
@media (min-width: 991px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.register a:hover {
    transition: 300ms;
    text-decoration: none;
  }
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.register a {
    background: url("../images/shared/user.svg") no-repeat center left;
    background-size: 42px 42px;
    width: 42px;
    height: 42px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
  }
  .navbar-custom .mobile-menu-holder .menu .user-menu div.register a:hover {
    background: url("../images/shared/user.svg") no-repeat center left;
    background-size: 42px 42px;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.register a:hover {
  padding: 6px 12px;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.register a span {
  border: unset;
  font-size: unset;
  color: unset;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.register:hover {
  text-decoration: none;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.register:hover span {
  text-decoration: none;
  display: block;
  border: 0px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.register:hover span {
    display: none;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder {
  position: relative;
  cursor: pointer;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location {
  position: relative;
  z-index: 220;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location {
    padding: 0px;
    z-index: 920;
  }
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location .icon-holder {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location span {
    display: none;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location-menu {
  position: absolute;
  background: #ffffff;
  display: none;
  left: -7px;
  top: -7px;
  margin-top: 0px;
  margin-left: 0px;
  width: 135px;
  border: 1px solid #979797;
  z-index: 210;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location-menu {
    width: 170px;
    top: -10px;
    left: -10px;
    z-index: 910;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location-menu ul {
  padding: 7px;
  margin-top: 2px;
  margin-left: 26px;
  margin-bottom: 0px;
  list-style: none;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location-menu ul {
    margin-top: 10px;
    margin-left: 50px;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location-menu ul li {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location-menu ul li {
    text-align: left;
    padding: 5px 0;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location-menu ul li a {
  text-decoration: none;
  color: #000000;
}
.navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location-menu ul li a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu div.location-holder .location-menu ul li.mobile-only {
    display: block;
  }
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu.leged-user {
    max-height: 100%;
  }
}
@media (max-width: 767px) and (max-width: 650px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu.leged-user {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div {
    font-size: 16px;
  }
}
@media (max-width: 767px) and (max-width: 450px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.header-checkout {
    display: block;
    width: 100%;
  }
}
.navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.user .username {
  margin: 0px;
}
.navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.user .username svg {
  width: 100%;
  height: 100%;
  transition: 0.4s;
}
.navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.user .username svg path, .navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.user .username svg g {
  fill: #000;
  transition: 0.3s;
}
.navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.user .username:hover svg {
  transform: rotate(45deg);
}
.navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.user .username:hover svg path, .navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.user .username:hover svg g {
  fill: #003764;
}
.navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.user span {
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.user span {
    display: none;
  }
}
.navbar-custom .mobile-menu-holder.search-open {
  flex-wrap: nowrap;
}
@media (max-width: 650px) {
  .navbar-custom .mobile-menu-holder.search-open {
    flex-wrap: wrap;
  }
}
.navbar-custom .mobile-menu-holder.search-open .menu {
  width: 100%;
}
.navbar-custom .mobile-menu-holder.search-open .main-menu {
  display: none !important;
}
.navbar-custom .mobile-menu-holder .dropdown-menu {
  border-top: 1px solid #8d8d8d;
  position: fixed;
  top: 73px;
  left: -1px;
  right: -1px;
  border-radius: 0px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .new-products-col li a {
  color: #003764;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .new-products-col li a:hover {
  text-decoration: underline;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .latest-from-blog-col img,
.navbar-custom .mobile-menu-holder .dropdown-menu .latest-news-col img {
  margin-bottom: 10px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .latest-from-blog-col div,
.navbar-custom .mobile-menu-holder .dropdown-menu .latest-news-col div {
  margin-top: 10px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .latest-from-blog-col div.blog-text-header,
.navbar-custom .mobile-menu-holder .dropdown-menu .latest-news-col div.blog-text-header {
  color: #000000;
  line-height: normal;
  font-size: 13px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .latest-from-blog-col div.blog-text-header p,
.navbar-custom .mobile-menu-holder .dropdown-menu .latest-news-col div.blog-text-header p {
  color: #000000;
  line-height: normal;
  font-size: 13px !important;
  text-align: left !important;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .sustainability-report-col img {
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .navbar-custom .mobile-menu-holder .dropdown-menu {
    border-left: 0px;
    border-right: 0px;
  }
}
@media (max-width: 1200px) and (max-width: 1199px) {
  .navbar-custom .mobile-menu-holder .dropdown-menu {
    top: 105px;
  }
}
@media (max-width: 1200px) and (max-width: 1199px) and (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .dropdown-menu {
    top: unset;
    left: unset;
    right: unset;
    border: 0px;
    position: relative;
    float: none;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
}
.navbar-custom .mobile-menu-holder .main-menu {
  display: inline-block;
}
@media (max-width: 1200px) and (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu {
    position: absolute;
    z-index: 900;
    background: #ffffff;
    right: 15px;
    left: 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .navbar-custom .mobile-menu-holder .main-menu .hide-on-mobile {
    display: none !important;
  }
}
.navbar-custom .mobile-menu-holder .main-menu > ul {
  text-align: right;
}
.navbar-custom .mobile-menu-holder .main-menu ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 15px;
  padding-left: 25px;
}
@media (max-width: 1201px) {
  .navbar-custom .mobile-menu-holder .main-menu ul {
    justify-content: flex-end;
  }
}
@media (max-width: 1201px) and (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul {
    display: block;
    padding: 0px;
    background: #ffffff;
    border-bottom: 3px solid #00ae43;
    text-align: left;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul ul {
  border-bottom: 0px transparent;
  display: block;
  padding: 0 15px;
}
.navbar-custom .mobile-menu-holder .main-menu ul li {
  position: relative;
  list-style-type: none;
  display: inline-block;
  font-weight: 500;
  color: #000000;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.menu-dashboard {
  display: none;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li.menu-dashboard {
    display: block;
    border-bottom: 1px solid #e7e7e7;
  }
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li.menu-dashboard a:after {
    content: " ";
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li:hover {
  transition: 300ms;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li {
    display: block;
    margin: 0px;
    padding: 5px 0;
    background: url();
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu {
  animation: 300ms opacityIn forwards;
  z-index: 200;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu {
    background: transparent;
    color: #ffffff;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList {
  opacity: 0;
  animation: 300ms opacityIn forwards;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList:nth-child(1) {
  animation-delay: 0ms;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList:nth-child(2) {
  animation-delay: 100ms;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList:nth-child(3) {
  animation-delay: 200ms;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList:nth-child(4) {
  animation-delay: 300ms;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList {
    min-height: 100% !important;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList a.partner-with-logo {
  display: flex;
  align-items: center;
  border-bottom: 0px solid;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList a.partner-with-logo div.image-wrap {
  display: inline-block;
  width: 100px;
  height: 50px;
  margin-right: 10px;
  position: relative;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList a.partner-with-logo div.image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 100% 50%;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList a.partner-with-logo span {
  font-size: 11px;
  font-weight: 500;
  width: calc(100% - 80px);
  display: flex;
  align-items: center;
  line-height: 1.15;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList a.partner-with-logo span {
    height: auto;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList a.partner-with-logo:hover {
  border-bottom: 0px solid;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList a.partner-with-logo:hover span {
  text-decoration: underline;
}
@media (max-width: 992px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList a.partner-with-logo div.image-wrap {
    width: 30px;
  }
  .navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList a.partner-with-logo span {
    width: calc(100% - 40px);
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .dropdown-menu .megaMenuList li.sus-news-header-post {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li.open a.dropdown-toggle:after {
    content: "—";
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li ul.indent {
    padding-left: 0px;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li .dropdown-backdrop {
  z-index: 190;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li .dropdown-backdrop {
    display: none;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li a {
  color: #000000;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li a {
    border: 0px;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li a:hover {
  text-decoration: none;
  border-bottom: 1px solid #003764;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li a:hover {
    border: 0px;
  }
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li a.dropdown-toggle {
    font-size: 14px;
    padding: 14px;
    text-transform: uppercase;
    display: block;
  }
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li a.dropdown-toggle:after {
    content: "+";
    position: absolute;
    right: 15px;
    top: 12px;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li.blog-link a {
  color: #fcb116;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.blog-link a:hover {
  text-decoration: none;
  border-bottom: 1px solid #fcb116;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.blog-link:hover {
  border-bottom: 0px solid transparent;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList {
  border-left: 1px dashed #979797;
  display: block;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList {
    border-left: 0px solid transparent;
    text-align: left;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList img {
  max-width: 100%;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList h4 {
  padding-top: 0;
  padding-bottom: 0;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
  color: #000000;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList h4 {
    margin-bottom: 10px;
  }
  .navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList h4 a {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList h4.double-line {
  line-height: normal;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList h4.double-line-on-mobile {
    margin-top: 30px;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList h4.big-fonts a {
  font-size: 14px;
  text-transform: uppercase;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList:first-child {
  border-left: 0px solid transparent;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li {
  margin: 0px 0 10px 0;
  display: block;
  font-weight: 400;
  font-size: 13px;
  border: 0px;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li:hover {
  border: 0px;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li:after {
  content: "";
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li span {
  height: 70px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li {
    padding: 0;
    margin: 0px 0 10px 15px;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li p {
  color: #000000;
  font-weight: 300;
  line-height: normal;
  font-size: 12px;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li a {
  color: #343434;
  word-break: break-word;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li a:hover {
  color: #003764;
  text-decoration: none;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li a:after {
    content: "";
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li a.read-more-link {
  text-decoration: underline;
  color: #003764;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li a.read-more-link:hover {
  color: #003764;
  text-decoration: none;
  border-bottom: 0px;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li a.last-blog-title-link {
  color: #000000;
  font-size: 14px;
  line-height: normal;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li a.last-blog-title-link:hover {
  border-bottom: 0px;
  color: rgb(0, 83.05, 151);
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li a.cta-link {
  color: #003764;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li a.new-product-link {
  color: #000000;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList li ul {
  margin-top: 7px;
  padding-left: 10px;
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList ul.binding {
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList ul.binding {
    flex-wrap: wrap;
    gap: 0px;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList ul.binding ul {
  width: 50%;
  padding: 0px;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList ul.binding ul {
    width: 100%;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li ul.megaMenuList.remove-border {
  border-left: 0px;
}
.navbar-custom .mobile-menu-holder .main-menu ul li .open-arrow {
  position: absolute;
  width: 100%;
  text-align: center;
  display: none;
  z-index: 850;
  margin-top: 32px;
  top: 0;
}
@media (max-width: 1199px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li .open-arrow {
    margin-top: 20px;
  }
}
.navbar-custom .mobile-menu-holder .main-menu ul li .open-arrow .arrow-up {
  display: block;
  margin: 0px auto;
  background: url(../images/shared/menu-arrow.svg) no-repeat center center;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  animation: 300ms opacityIn forwards;
}
.navbar-custom .mobile-menu-holder .main-menu ul li.open .open-arrow {
  display: block;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .main-menu ul li.open .open-arrow {
    display: none;
  }
}
.navbar-custom .mobile-menu-holder .navbar-header {
  display: none;
}
@media (max-width: 767px) {
  .navbar-custom .mobile-menu-holder .navbar-header {
    display: flex;
    margin-left: auto;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    order: 3;
  }
}
@media (max-width: 767px) and (max-width: 650px) {
  .navbar-custom .mobile-menu-holder .navbar-header {
    order: 2;
    position: absolute;
    right: 8px;
    top: 0px;
    z-index: 100;
  }
}
.navbar-custom .mobile-menu-holder .navbar-header .navbar-toggle {
  margin-right: 0px;
}
.navbar-custom .mobile-menu-holder .navbar-header .navbar-toggle.opened {
  display: none;
}
.navbar-custom .mobile-menu-holder .navbar-header .navbar-toggle .icon-bar {
  background-color: #003764;
}

.tooltip1 {
  position: relative;
  cursor: pointer;
}
.tooltip1:hover .tooltipText {
  opacity: 1;
  transform: translateY(-5px);
}

.tooltip2 {
  position: relative;
  cursor: pointer;
}
.tooltip2:hover .tooltipText2 {
  opacity: 1;
  transform: translateY(-5px);
  top: -24px;
}

.tooltip3 {
  position: relative;
  cursor: pointer;
}
.tooltip3:hover .tooltipText2 {
  opacity: 1;
  transform: translateY(-5px);
  top: -24px;
}

.tooltip4 {
  position: relative;
  cursor: pointer;
}
.tooltip4:hover .tooltipText2 {
  opacity: 1;
  transform: translateY(-5px);
}

.tooltipText {
  background-color: #fff;
  position: absolute;
  padding: 1px 10px;
  border-radius: 5px;
  font-size: 12px !important;
  opacity: 0;
  transition: all 0.5s;
  color: #000000;
  font-size: 14px;
  border: 1px solid #000 !important;
}

.tooltipText2 {
  background-color: #fff;
  position: absolute;
  padding: 1px 10px;
  border-radius: 5px;
  font-size: 12px !important;
  opacity: 0;
  transition: all 0.5s;
  color: #000000;
  font-size: 14px;
  border: 1px solid #000 !important;
}

.search-open .tooltipText {
  display: none !important;
}

.user-menu .tooltipText {
  top: -20px;
}
.user-menu .location svg {
  width: 100%;
  height: 100%;
}
.user-menu .location svg path, .user-menu .location svg g {
  fill: #000;
  transition: 0.3s;
}
.user-menu .location:hover svg path, .user-menu .location:hover svg g {
  fill: #003764;
}
.user-menu .login a#popup-login-h {
  color: #ffffff;
}
.user-menu .login svg {
  width: 100%;
  height: 100%;
}
.user-menu .login svg path, .user-menu .login svg g {
  fill: #000;
  transition: 0.3s;
}
.user-menu .login:hover svg path, .user-menu .login:hover svg g {
  fill: #00ad42;
}

.user-menu .icon-holder:hover {
  text-decoration: none;
}

.ink-toner-finder-menu {
  padding: 4px 8px 2px 8px;
  border: 1px solid #00ad42;
  border-radius: 5px;
  transition: 0.3s;
  overflow: hidden;
  position: relative;
}
.ink-toner-finder-menu:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: #04AF44;
  border-radius: 4px;
  transition: 0.3s;
}
.ink-toner-finder-menu svg {
  position: relative;
  bottom: 1px;
}
.ink-toner-finder-menu svg g, .ink-toner-finder-menu svg path {
  transition: 0.3s;
}
.ink-toner-finder-menu span {
  color: #000;
  font-weight: 400;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .ink-toner-finder-menu:hover {
    border: 1px solid #00ad42;
    text-decoration: none;
  }
  .ink-toner-finder-menu:hover:before {
    width: 100%;
  }
  .ink-toner-finder-menu:hover svg path, .ink-toner-finder-menu:hover svg g {
    fill: #fff;
  }
  .ink-toner-finder-menu:hover svg path:first-child {
    stroke: #fff;
  }
  .ink-toner-finder-menu:hover span {
    color: #fff;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  .ink-toner-finder-menu {
    padding: 0px;
    border: none;
    border-radius: 0px;
  }
  .ink-toner-finder-menu span {
    display: none;
  }
  .ink-toner-finder-menu .icon-holder {
    width: 65px;
    height: 42px;
  }
}

.content-holder {
  display: block;
  width: 100%;
  height: 78px;
}
@media (max-width: 1200px) {
  .content-holder {
    height: 109px;
  }
}
@media (max-width: 1200px) and (max-width: 767px) {
  .content-holder {
    display: none;
  }
}

.main-banner {
  width: 100%;
  min-height: 512px;
  background-size: cover;
}
.main-banner .banner-text {
  margin-top: 250px;
}
.main-banner .banner-text h1 {
  color: #f7f7f7;
  margin-top: 0px;
}
.main-banner .banner-text span.intro {
  color: #f7f7f7;
  font-size: 18px;
  font-family: "Oswald", sans-serif;
}

.table-responsive {
  z-index: 90;
  position: relative;
}

#main-menu {
  opacity: 1;
  order: 2;
  transition: right 0.3s;
}
@media (max-width: 1201px) {
  #main-menu {
    width: 150%;
    order: 2;
    margin-left: auto;
    padding-bottom: 15px;
  }
}
@media (max-width: 1201px) and (max-width: 767px) {
  #main-menu {
    position: absolute;
    text-align: left;
    right: -100vh;
    bottom: 0;
    left: auto;
    top: 76px;
    z-index: 900;
    width: 100%; /*example + never use min-width with this solution */
    margin: 0px;
    padding: 0px;
    height: 236px;
  }
}
@media (max-width: 1201px) and (max-width: 767px) and (max-width: 650px) {
  #main-menu {
    top: 121px;
  }
}
#main-menu.hide-main-menu {
  opacity: 0;
  display: none !important;
}
@media (max-width: 767px) {
  #main-menu.hide-main-menu {
    display: block !important;
  }
}

.close-menu {
  display: none;
}
@media (max-width: 767px) {
  .close-menu {
    display: none;
    background: transparent;
    border: 0px;
    color: #ffffff;
  }
  .close-menu.closeit {
    display: flex;
    align-items: center;
  }
}

.transformer-tabs ul {
  list-style: none;
  padding: 0;
  margin: 60px 0 0 0;
  border-bottom: 3px solid white;
}
.transformer-tabs ul li {
  display: inline-block;
  padding: 0;
  vertical-align: bottom;
  margin-right: 40px;
}
.transformer-tabs ul li a {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  text-decoration: none;
  padding: 0px 0px 3px 0;
  border-bottom: 2px solid transparent;
}
.transformer-tabs ul li.active a {
  font-weight: 700;
  border-bottom: 2px solid #003764;
  background: transparent;
  color: #000000;
  position: relative;
}
@media (max-width: 767px) {
  .transformer-tabs ul {
    border-bottom: 0;
    overflow: hidden;
    position: relative;
    background: transparent;
    min-height: 33px;
    z-index: 20;
    border: 1px solid #959595;
  }
  .transformer-tabs ul::after {
    content: "☰"; /* "Three Line Menu Navicon" shows up */
    position: absolute;
    top: 5px;
    right: 15px;
    z-index: 30;
    pointer-events: none;
  }
  .transformer-tabs ul li {
    display: block;
    float: none;
    margin-bottom: 0px; /* One link per "row" */
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: translate;
  }
  .transformer-tabs ul li.active {
    z-index: 10;
    background: translate;
    background: #ffffff;
  }
  .transformer-tabs ul li.active a {
    border-bottom: 0px;
  }
  .transformer-tabs ul.open {
    height: auto;
  }
  .transformer-tabs ul.open li {
    position: relative;
  }
}

@media (max-width: 767px) {
  .navbar-toggle .icon-bar {
    width: 30px;
    height: 4px;
  }
}
.promo_bar {
  height: 30px;
  background: #ffaf00;
}
@media (max-width: 767px) {
  .promo_bar {
    height: auto;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
  }
}
.promo_bar .promo_massage {
  text-align: center;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .promo_bar .promo_massage {
    display: block;
  }
}
.promo_bar .promo_massage span.promo-content {
  align-items: center;
  display: flex;
  white-space: pre-wrap;
}
@media (max-width: 767px) {
  .promo_bar .promo_massage span.promo-content {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .promo_bar .promo_massage span.promo-content a {
    display: block;
    width: 120px;
    margin: 5px auto 0;
  }
}
.promo_bar .promo_massage span.promo_dismiss {
  align-items: center;
  display: flex;
}
@media (max-width: 767px) {
  .promo_bar .promo_massage span.promo_dismiss {
    display: block;
    text-align: center;
  }
}
.promo_bar .promo_massage a {
  border: 1px solid #000000;
  border-radius: 3px;
  margin: 0 10px 0 20px;
  color: #333;
  padding: 3px 5px;
  font-size: 11px;
  line-height: normal;
  white-space: nowrap;
}
.promo_bar .promo_massage a:hover {
  background: #db9600;
}
.promo_bar .promo_massage a#top-bar-promo-dismiss {
  border: 0px;
  margin: 0px;
}
.promo_bar .promo_massage .promo_dismiss a {
  color: #333;
  font-size: 11px;
  text-decoration: underline;
}
.promo_bar .promo_massage .promo_dismiss a:hover {
  text-decoration: none;
}

.promo_bar_holder {
  height: 109px;
}

.pending-sidebar-box .pending-sidebar-box-text a {
  word-wrap: break-word;
}

.navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.search-wrapp .search-form {
  top: -19px;
  padding-top: 18px;
}
@media (max-width: 767px) and (max-width: 650px) {
  .navbar-custom .mobile-menu-holder .menu .user-menu.leged-user div.search-wrapp .search-form {
    top: -15px;
    padding-top: 20px;
    bottom: auto;
  }
}

.navbar-custom .mobile-menu-holder .menu .user-menu .login .login-arrow-up {
  position: absolute;
  top: -24px;
  right: 55px;
}
.navbar-custom .mobile-menu-holder .menu .user-menu .login .login-arrow-up img {
  width: 35px;
  height: auto;
}
.navbar-custom .mobile-menu-holder .dropdown-menu.login-popup-container {
  position: absolute;
  top: 53px;
  left: auto;
  right: 0px;
  box-shadow: none;
  border-radius: 0px;
  padding-bottom: 0px;
  border: 1px solid #acacac;
}
.navbar-custom .mobile-menu-holder .dropdown-menu.login-popup-container .retrive-acc-container {
  display: none;
}
.navbar-custom .mobile-menu-holder .dropdown-menu.login-popup-container .retrive-msg-container {
  display: none;
}
.navbar-custom .mobile-menu-holder .dropdown-menu.login-popup-container .retrive-error-msg-container {
  display: none;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form {
  min-width: 360px;
  padding: 10px 10px 0 10px;
  border-bottom: 1px solid #979797;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .form-group {
  margin-bottom: 20px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .form-group label {
  width: auto;
  margin: 0px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .form-group label span {
  border: 1px solid #003764;
  margin: 0px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .form-group a {
  text-decoration: underline;
  cursor: pointer;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .form-group a:hover {
  text-decoration: none;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .form-group .global-error {
  color: #FF0000;
  font-size: 13px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .form-group .global-error img {
  width: 20px;
  height: auto;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .region_select_hoder .region_select {
  width: 100%;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .password_wrap {
  position: relative;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .password_wrap #login_pswd_toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: 0 solid;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .password_wrap #login_pswd_toggle img {
  width: 20px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .login-form .password_wrap #login_pswd {
  padding-right: 40px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .retrive-form {
  min-width: 360px;
  padding: 10px 10px 0px 10px;
  min-height: 336px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .retrive-form h3 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-content: center;
  gap: 10px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .retrive-form h3 > span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #04AF44;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .retrive-form .form-group {
  margin-bottom: 20px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .retrive-form a {
  text-decoration: underline;
  cursor: pointer;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .retrive-form a:hover {
  text-decoration: none;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .retrive-form .global-error-retrieve {
  color: red;
  font-size: 13px;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .retrive-form .global-error-retrieve img {
  width: 20px;
  height: auto;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .pop-up-new-customer {
  background: #f7f7f7;
  text-align: center;
  padding: 20px 0 20px 0;
  font-size: 14px;
  font-weight: normal;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .pop-up-new-customer a {
  display: block;
  margin-top: 10px;
  text-decoration: underline;
}
.navbar-custom .mobile-menu-holder .dropdown-menu .pop-up-new-customer a:hover {
  text-decoration: none;
}

.mobile-show {
  display: none;
}
@media (max-width: 767px) {
  .mobile-show {
    display: flex;
    gap: inherit;
  }
}

.mobile-hide {
  display: block;
}
@media (max-width: 767px) {
  .mobile-hide {
    display: none;
  }
}

.ambiance-green {
  background: #04af44;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 10px;
  margin: 10px;
}
.ambiance-green .ambiance-close {
  color: #fff;
}

.specific-header {
  -webkit-box-shadow: inset 0px -20px 12px -10px rgba(87, 87, 87, 0.1);
  -moz-box-shadow: inset 0px -20px 12px -10px rgba(87, 87, 87, 0.1);
  box-shadow: inset 0px -20px 12px -10px rgba(87, 87, 87, 0.1);
  padding-bottom: 20px;
  position: fixed;
  background: #ffffff;
  z-index: 100;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .specific-header {
    position: relative;
  }
}
.specific-header h1 {
  color: #003764;
  margin-top: 30px;
  margin-bottom: 0px;
  transition: all 0.2s ease;
  margin-bottom: 10px;
  font-size: 30px;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .specific-header h1 {
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 26px;
  }
}
.specific-header p {
  font-weight: 300;
  margin: 0px;
}
@media (max-width: 767px) {
  .specific-header p {
    display: inline-block;
    margin-right: 10px;
  }
}
.specific-header.fixit {
  /* position: fixed;
  height: 65px;
  width: 100%;
  background: #ffffff;
  z-index: 100;
  @media (max-width: 767px){
  	position: relative;
  	height: auto;
  }
  h1{
  	margin-top: 10px;
  	font-size: 24px;
  	transition: all 0.2s ease;
  	margin-bottom: 0px;
  	@media (max-width: 767px){
  		font-size: 24px;
  	}
  }
  p{
  	display: inline-block;
  	margin-right: 10px;
  	font-size: 12px;
  	@media (max-width: 767px){
  		font-size: 14px;
  	}
  } */
}
.specific-header .video-link-wrapper {
  margin-top: 30px;
  font-weight: 300;
}
.specific-header .video-link-wrapper a {
  text-decoration: underline;
}
.specific-header .video-link-wrapper a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .specific-header .video-link-wrapper {
    display: none;
  }
}

.content-holder2 {
  display: block;
  width: 100%;
  height: 93px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) and (max-width: 767px) {
  .content-holder2 {
    display: none;
  }
}

/*

Banner section below header

Requires:
$body-content-dark-bcg;
$body-content-light-bcg;

*/
.main-banner {
  display: block;
  clear: both;
}
.main-banner .banner-heading {
  overflow: hidden;
  position: relative;
  background-color: #003764;
}
.main-banner .banner-heading h1,
.main-banner .banner-heading h2 {
  display: block;
  padding-top: 55px;
  padding-left: 24px;
  padding-bottom: 30px;
  margin: 0;
  text-transform: none;
}
.main-banner .banner-heading h1 .line,
.main-banner .banner-heading h2 .line {
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  height: 3px;
  width: 300%;
  margin-left: 22px;
  margin-top: 21px;
  background-color: #ffb700;
  right: unset;
}
@media screen and (max-width: 990px) {
  .main-banner .banner-heading h1,
  .main-banner .banner-heading h2 {
    padding-left: 0;
  }
}
.main-banner .banner-body {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.main-banner .banner-body .banner-body-content {
  min-height: 450px;
  position: relative;
}
.main-banner .banner-body .banner-body-content .banner-description {
  width: calc(100% - 30px);
  padding: 0 15px;
  max-width: 500px;
  position: absolute;
  bottom: -120px;
  background-color: #e7e7e7;
}
.main-banner .banner-body .banner-body-content .banner-description .wrapper {
  padding: 0 5px 0 15px;
  margin: 30px 0 30px 15px;
  border-left: 2px solid #ffb700;
}
.main-banner .banner-body .banner-body-content .banner-description .wrapper p {
  line-height: 24px;
  color: #4d4d4f;
}
.main-banner .banner-body .text-body-content {
  margin-left: 85px;
  min-height: 450px;
  position: relative;
}
.main-banner .banner-body .text-body-content .banner-description {
  width: calc(100% - 30px);
  padding: 0 15px;
  max-width: 500px;
  position: absolute;
  bottom: -120px;
  background-color: #e7e7e7;
}
.main-banner .banner-body .text-body-content .banner-description .wrapper {
  padding: 0 5px 0 15px;
  margin: 30px 0 30px 15px;
  border-left: 2px solid #ffb700;
}
.main-banner .banner-body .text-body-content .banner-description .wrapper p {
  line-height: 24px;
  color: #4d4d4f;
}

.inner-line {
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  height: 3px;
  width: 90%;
  margin-left: 22px;
  margin-top: 38px;
  background-color: #ffb700;
  right: 0px;
}

.terms-banner {
  position: fixed;
  z-index: 1100;
  bottom: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  border-top: 1px solid #000000;
  transition: background-color 0.5s ease;
}

.terms-banner {
  padding: 10px 0;
  text-align: center;
}
.terms-banner:hover {
  background-color: #000000;
  transition: background-color 0.5s ease;
}
.terms-banner p {
  color: #ffffff;
  font-weight: 700;
  max-width: 1100px;
  margin: 0px auto;
}
.terms-banner ul {
  max-width: 1100px;
  margin: 0px auto;
}
.terms-banner ul li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
}
.terms-banner ul li a {
  color: #ffffff;
}
.terms-banner ul li a:hover {
  text-decoration: underline;
}
.terms-banner button {
  display: inline-block;
  margin-top: 15px;
}

@media (max-width: 767px) {
  .breadcrumb a {
    font-size: 16px;
  }
}

.content-box {
  text-align: center;
}
.content-box .content-box-item {
  display: inline-block;
}
.content-box img {
  display: inline-block;
}

footer {
  background: #000000;
  margin-top: 120px;
  padding: 0 0 35px 0;
}
@media (max-width: 767px) {
  footer {
    text-align: center;
  }
}
@media (max-width: 992px) {
  footer .footer-logo {
    padding-bottom: 15px !important;
  }
}
footer .no-padding {
  padding: 0px;
}
footer .footer-menu {
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 767px) {
  footer .footer-menu {
    padding-left: 30px;
    padding-right: 30px;
  }
}
footer .footer-menu .division h3 {
  margin-top: 0px;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  left: -5px;
  position: relative;
  font-family: "Roboto", sans-serif;
}
footer .logo-text {
  margin-bottom: 30px;
}
footer .logo-text h5 {
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 767px) {
  footer .logo-text h5 {
    font-size: 19.5px;
    display: block;
    margin: 10px 0 0 0;
  }
}
footer .logo-text h5 {
  margin: 0px;
}
footer .logo-text h5 span {
  display: block;
  font-size: 13px;
  font-weight: 400;
}
footer .social-icons {
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid #e7e7e7;
  margin-left: 30px;
}
@media (max-width: 767px) {
  footer .social-icons {
    display: block;
    margin: 30px 0 0 0;
    border-left: 0px;
  }
}
footer .social-icons ul li {
  list-style: none;
  display: inline-block;
  margin: 0px 10px;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  footer .social-icons ul li {
    margin: 0px 12px;
  }
}
footer .social-icons ul li a {
  opacity: 0.5;
}
footer .social-icons ul li a img {
  width: 30px;
  height: 30px;
}
@media (max-width: 767px) {
  footer .social-icons ul li a img {
    width: 42px;
    height: 42px;
  }
}
footer .social-icons ul li a:hover {
  opacity: 1;
  transition: all 0.3s ease;
}
footer .footer-address ul {
  margin: 0;
  padding: 0;
}
footer .footer-address ul li {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
}
footer .footer-address ul li:first-child {
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  footer .footer-address ul li {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  footer .footer-address {
    padding: 0px;
  }
}
@media (max-width: 479px) {
  footer .footer-address {
    width: 100%;
  }
}
footer .usefull-links ul {
  list-style-type: none;
  padding-left: 0px;
}
@media (max-width: 767px) {
  footer .usefull-links ul {
    padding-left: 0px;
  }
}
footer .usefull-links ul li {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
}
footer .usefull-links ul li a {
  color: #0980ae;
}
@media (max-width: 767px) {
  footer .usefull-links ul li a {
    font-size: 16px;
  }
}
footer .usefull-links ul li.hide-on-mobile {
  display: none;
}
@media (max-width: 991px) {
  footer .usefull-links {
    margin-top: 15px;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  footer .usefull-links {
    padding: 0px;
    margin-top: 30px;
  }
}
@media (max-width: 991px) and (max-width: 767px) and (max-width: 479px) {
  footer .usefull-links {
    width: 100%;
    margin-top: 30px;
  }
}
footer .usefull-links span {
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
  line-height: 21px;
  display: block;
}
@media (max-width: 767px) {
  footer .usefull-links span {
    font-size: 16px;
  }
}
footer .footer-terms {
  padding: 0 0 0 15px;
  text-align: right;
  margin-top: 74px;
}
footer .footer-terms ul {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: right;
  list-style-type: none;
}
@media (max-width: 767px) {
  footer .footer-terms ul {
    text-align: center;
  }
}
footer .footer-terms ul li {
  display: list-item;
  text-align: match-parent;
}
footer .footer-terms ul li:first-child {
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 15px;
  color: #4d4d4f;
}
footer .footer-terms ul li a {
  color: #4d4d4f;
  text-decoration: underline;
}
footer .footer-terms ul li a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  footer .footer-terms {
    clear: both;
    border-top: 1px dashed #e7e7e7;
    width: auto;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;
    float: none !important;
    display: block;
    margin-left: -30px;
    padding-left: 30px;
    margin-right: -30px;
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  footer .become-dealer {
    margin-top: 30px;
    float: left;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  footer .become-dealer {
    width: 100%;
    margin: 0;
  }
}
footer .become-dealer h3 {
  color: #fcb116;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin-top: 0px;
}
@media (max-width: 767px) {
  footer .become-dealer h3 {
    font-size: 16px;
  }
}
footer .become-dealer h3 span {
  display: block;
  color: #fcb116;
  font-synthesis: 16px;
}
footer .become-dealer p {
  color: #ffffff;
  margin-top: 14px;
  line-height: 24px;
}
@media (max-width: 767px) {
  footer .become-dealer p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  footer .become-dealer a {
    font-size: 16px;
  }
}
footer .legal {
  display: block;
  margin-top: 30px;
}
@media (max-width: 991px) {
  footer .legal {
    float: left;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  footer .legal {
    float: none;
  }
}
footer .legal ul {
  padding: 0px;
  list-style: none;
}
footer .legal ul li {
  color: #909090;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 767px) {
  footer .legal ul li {
    margin-right: 0px;
    display: block;
    font-size: 16px;
  }
}
footer .legal ul li:first-child {
  color: #ffffff;
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
}
@media (max-width: 767px) {
  footer .legal ul li:first-child {
    font-size: 16px;
  }
}
footer .legal ul li a {
  color: #909090;
}
footer .legal ul li a:hover {
  text-decoration: underline;
}
footer .legal p {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #909090;
}
@media (max-width: 767px) {
  footer .legal p {
    font-size: 16px;
    line-height: 18px;
  }
}

.do-login {
  font-weight: 300;
  line-height: 24px;
}
@media (max-width: 767px) {
  .do-login {
    font-size: 16px;
  }
}

#lead-form h3 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
}

.grecaptcha-badge {
  /*bottom:90px !important;*/
  z-index: 899;
}

.sust-msg {
  margin-bottom: 35px;
  background: linear-gradient(to right, #00ae43, #006828);
  color: #ffffff;
  text-align: center;
  padding: 24px 0 20px 0;
  font-size: 22px;
  font-family: "Figtree";
  line-height: normal;
}

.result-pagination-bottom {
  margin-top: 0px;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .blog-pagination, .result-pagination, .result-pagination-bottom, .news-pagination-holder {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .blog-pagination .col-md-offset-1, .result-pagination .col-md-offset-1, .result-pagination-bottom .col-md-offset-1, .news-pagination-holder .col-md-offset-1 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .blog-pagination .pagination-holder, .result-pagination .pagination-holder, .result-pagination-bottom .pagination-holder, .news-pagination-holder .pagination-holder {
    padding: 0px;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .blog-pagination .pagination-holder ul, .result-pagination .pagination-holder ul, .result-pagination-bottom .pagination-holder ul, .news-pagination-holder .pagination-holder ul {
    float: none;
  }
}
.blog-pagination .pagination-holder ul li, .result-pagination .pagination-holder ul li, .result-pagination-bottom .pagination-holder ul li, .news-pagination-holder .pagination-holder ul li {
  float: none;
  height: auto;
  width: auto;
  display: inline-block;
  border: 0px;
  background: transparent;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
@media screen and (max-width: 480px) {
  .blog-pagination .pagination-holder ul li, .result-pagination .pagination-holder ul li, .result-pagination-bottom .pagination-holder ul li, .news-pagination-holder .pagination-holder ul li {
    display: none;
  }
}
@media screen and (max-width: 480px) and (max-width: 380px) {
  .blog-pagination .pagination-holder ul li, .result-pagination .pagination-holder ul li, .result-pagination-bottom .pagination-holder ul li, .news-pagination-holder .pagination-holder ul li {
    margin: 0 -3px 0 0;
  }
}
.blog-pagination .pagination-holder ul li#first_page_list, .result-pagination .pagination-holder ul li#first_page_list, .result-pagination-bottom .pagination-holder ul li#first_page_list, .news-pagination-holder .pagination-holder ul li#first_page_list {
  width: auto;
}
.blog-pagination .pagination-holder ul li#first_page_list a, .result-pagination .pagination-holder ul li#first_page_list a, .result-pagination-bottom .pagination-holder ul li#first_page_list a, .news-pagination-holder .pagination-holder ul li#first_page_list a {
  margin: 0px;
  width: 75px;
  height: 30px;
  line-height: normal;
  text-align: right;
  padding: 5px 5px 0 0;
}
.blog-pagination .pagination-holder ul li#first_page_list a#first_page_link, .result-pagination .pagination-holder ul li#first_page_list a#first_page_link, .result-pagination-bottom .pagination-holder ul li#first_page_list a#first_page_link, .news-pagination-holder .pagination-holder ul li#first_page_list a#first_page_link {
  background-color: #e7e7e7;
  border: 1px solid rgb(205.5, 205.5, 205.5);
  background-image: none;
}
.blog-pagination .pagination-holder ul li#first_page_list a span.glyphicon, .result-pagination .pagination-holder ul li#first_page_list a span.glyphicon, .result-pagination-bottom .pagination-holder ul li#first_page_list a span.glyphicon, .news-pagination-holder .pagination-holder ul li#first_page_list a span.glyphicon {
  float: left;
  line-height: normal;
  padding: 1px 0 0 3px;
  margin: 0px;
}
.blog-pagination .pagination-holder ul li#first_page_list:hover a#first_page_link, .result-pagination .pagination-holder ul li#first_page_list:hover a#first_page_link, .result-pagination-bottom .pagination-holder ul li#first_page_list:hover a#first_page_link, .news-pagination-holder .pagination-holder ul li#first_page_list:hover a#first_page_link {
  background-color: #003764;
  border: 1px solid #003764;
  color: #ffffff;
}
.blog-pagination .pagination-holder ul li#previous_page_list, .result-pagination .pagination-holder ul li#previous_page_list, .result-pagination-bottom .pagination-holder ul li#previous_page_list, .news-pagination-holder .pagination-holder ul li#previous_page_list {
  width: auto;
}
.blog-pagination .pagination-holder ul li#previous_page_list a, .result-pagination .pagination-holder ul li#previous_page_list a, .result-pagination-bottom .pagination-holder ul li#previous_page_list a, .news-pagination-holder .pagination-holder ul li#previous_page_list a {
  margin: 0px;
  width: 75px;
  height: 30px;
  line-height: normal;
  text-align: right;
  padding: 5px 5px 0 0;
}
.blog-pagination .pagination-holder ul li#previous_page_list a#previous_page_link, .result-pagination .pagination-holder ul li#previous_page_list a#previous_page_link, .result-pagination-bottom .pagination-holder ul li#previous_page_list a#previous_page_link, .news-pagination-holder .pagination-holder ul li#previous_page_list a#previous_page_link {
  background: #e7e7e7;
  border: 1px solid rgb(205.5, 205.5, 205.5);
}
.blog-pagination .pagination-holder ul li#previous_page_list a span.glyphicon, .result-pagination .pagination-holder ul li#previous_page_list a span.glyphicon, .result-pagination-bottom .pagination-holder ul li#previous_page_list a span.glyphicon, .news-pagination-holder .pagination-holder ul li#previous_page_list a span.glyphicon {
  float: left;
  line-height: normal;
  padding: 1px 0 0 3px;
  margin: 0px;
}
.blog-pagination .pagination-holder ul li#previous_page_list:hover a#previous_page_link, .result-pagination .pagination-holder ul li#previous_page_list:hover a#previous_page_link, .result-pagination-bottom .pagination-holder ul li#previous_page_list:hover a#previous_page_link, .news-pagination-holder .pagination-holder ul li#previous_page_list:hover a#previous_page_link {
  background-color: #003764;
  border: 1px solid rgb(205.5, 205.5, 205.5);
  color: #ffffff;
}
.blog-pagination .pagination-holder ul li#next_page_list, .result-pagination .pagination-holder ul li#next_page_list, .result-pagination-bottom .pagination-holder ul li#next_page_list, .news-pagination-holder .pagination-holder ul li#next_page_list {
  width: auto;
}
.blog-pagination .pagination-holder ul li#next_page_list a, .result-pagination .pagination-holder ul li#next_page_list a, .result-pagination-bottom .pagination-holder ul li#next_page_list a, .news-pagination-holder .pagination-holder ul li#next_page_list a {
  margin: 0px;
  width: 75px;
  height: 30px;
  line-height: normal;
  text-align: left;
  padding: 5px 0 0 5px;
}
.blog-pagination .pagination-holder ul li#next_page_list a#next_page_link, .result-pagination .pagination-holder ul li#next_page_list a#next_page_link, .result-pagination-bottom .pagination-holder ul li#next_page_list a#next_page_link, .news-pagination-holder .pagination-holder ul li#next_page_list a#next_page_link {
  background: #e7e7e7;
  border: 1px solid rgb(205.5, 205.5, 205.5);
}
.blog-pagination .pagination-holder ul li#next_page_list a span.glyphicon, .result-pagination .pagination-holder ul li#next_page_list a span.glyphicon, .result-pagination-bottom .pagination-holder ul li#next_page_list a span.glyphicon, .news-pagination-holder .pagination-holder ul li#next_page_list a span.glyphicon {
  float: right;
  line-height: normal;
  padding: 1px 3px 0 0;
  margin: 0px;
}
.blog-pagination .pagination-holder ul li#next_page_list:hover a#next_page_link, .result-pagination .pagination-holder ul li#next_page_list:hover a#next_page_link, .result-pagination-bottom .pagination-holder ul li#next_page_list:hover a#next_page_link, .news-pagination-holder .pagination-holder ul li#next_page_list:hover a#next_page_link {
  background-color: #003764;
  border: 1px solid #003764;
  color: #ffffff;
}
.blog-pagination .pagination-holder ul li#last_page_list, .result-pagination .pagination-holder ul li#last_page_list, .result-pagination-bottom .pagination-holder ul li#last_page_list, .news-pagination-holder .pagination-holder ul li#last_page_list {
  width: auto;
}
.blog-pagination .pagination-holder ul li#last_page_list a, .result-pagination .pagination-holder ul li#last_page_list a, .result-pagination-bottom .pagination-holder ul li#last_page_list a, .news-pagination-holder .pagination-holder ul li#last_page_list a {
  margin: 0px;
  width: 75px;
  height: 30px;
  line-height: normal;
  text-align: left;
  padding: 5px 0 0 5px;
}
.blog-pagination .pagination-holder ul li#last_page_list a#last_page_link, .result-pagination .pagination-holder ul li#last_page_list a#last_page_link, .result-pagination-bottom .pagination-holder ul li#last_page_list a#last_page_link, .news-pagination-holder .pagination-holder ul li#last_page_list a#last_page_link {
  background: #e7e7e7;
  border: 1px solid rgb(205.5, 205.5, 205.5);
}
.blog-pagination .pagination-holder ul li#last_page_list a span.glyphicon, .result-pagination .pagination-holder ul li#last_page_list a span.glyphicon, .result-pagination-bottom .pagination-holder ul li#last_page_list a span.glyphicon, .news-pagination-holder .pagination-holder ul li#last_page_list a span.glyphicon {
  float: right;
  line-height: normal;
  padding: 1px 3px 0 0;
  margin: 0px;
}
.blog-pagination .pagination-holder ul li#last_page_list:hover a#last_page_link, .result-pagination .pagination-holder ul li#last_page_list:hover a#last_page_link, .result-pagination-bottom .pagination-holder ul li#last_page_list:hover a#last_page_link, .news-pagination-holder .pagination-holder ul li#last_page_list:hover a#last_page_link {
  background-color: #003764;
  border: 1px solid #003764;
  color: #ffffff;
}
.blog-pagination .pagination-holder ul li span, .result-pagination .pagination-holder ul li span, .result-pagination-bottom .pagination-holder ul li span, .news-pagination-holder .pagination-holder ul li span {
  text-align: center;
}
.blog-pagination .pagination-holder ul li span.active, .result-pagination .pagination-holder ul li span.active, .result-pagination-bottom .pagination-holder ul li span.active, .news-pagination-holder .pagination-holder ul li span.active {
  width: 30px;
  height: 30px;
  background: #003764;
  border: 1px solid #003764;
  font-weight: 700;
  padding: 5px 0 0 0;
  line-height: normal;
}
.blog-pagination .pagination-holder ul li a, .result-pagination .pagination-holder ul li a, .result-pagination-bottom .pagination-holder ul li a, .news-pagination-holder .pagination-holder ul li a {
  text-align: center;
  font-weight: 700;
}
.blog-pagination .pagination-holder ul li a.passive, .result-pagination .pagination-holder ul li a.passive, .result-pagination-bottom .pagination-holder ul li a.passive, .news-pagination-holder .pagination-holder ul li a.passive {
  font-weight: 700;
  width: 30px;
  height: 30px;
  background: #e7e7e7;
  border: 1px solid rgb(205.5, 205.5, 205.5);
  padding: 5px 0 0 0;
  line-height: normal;
}
.blog-pagination .pagination-holder ul li:hover, .result-pagination .pagination-holder ul li:hover, .result-pagination-bottom .pagination-holder ul li:hover, .news-pagination-holder .pagination-holder ul li:hover {
  border: 0px;
  background: transparent;
}
.blog-pagination .pagination-holder ul li:hover a.passive, .result-pagination .pagination-holder ul li:hover a.passive, .result-pagination-bottom .pagination-holder ul li:hover a.passive, .news-pagination-holder .pagination-holder ul li:hover a.passive {
  background: #003764;
  border: 1px solid #003764;
}
.blog-pagination .pagination-holder ul .glyphicon-step-backward::before, .result-pagination .pagination-holder ul .glyphicon-step-backward::before, .result-pagination-bottom .pagination-holder ul .glyphicon-step-backward::before, .news-pagination-holder .pagination-holder ul .glyphicon-step-backward::before {
  content: "\e069";
}
.blog-pagination .pagination-holder ul .glyphicon-triangle-left::before, .result-pagination .pagination-holder ul .glyphicon-triangle-left::before, .result-pagination-bottom .pagination-holder ul .glyphicon-triangle-left::before, .news-pagination-holder .pagination-holder ul .glyphicon-triangle-left::before {
  content: "\e251";
}
.blog-pagination .pagination-holder ul .glyphicon-triangle-right::before, .result-pagination .pagination-holder ul .glyphicon-triangle-right::before, .result-pagination-bottom .pagination-holder ul .glyphicon-triangle-right::before, .news-pagination-holder .pagination-holder ul .glyphicon-triangle-right::before {
  content: "\e250";
}
.blog-pagination .pagination-holder ul .glyphicon-step-forward::before, .result-pagination .pagination-holder ul .glyphicon-step-forward::before, .result-pagination-bottom .pagination-holder ul .glyphicon-step-forward::before, .news-pagination-holder .pagination-holder ul .glyphicon-step-forward::before {
  content: "\e077";
}

.recent-blog-posts {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .recent-blog-posts {
    margin-top: 0px;
  }
}
.recent-blog-posts .blog-block {
  margin-top: 50px;
}
.recent-blog-posts .blog-block .blog-block-img {
  width: 100%;
  max-width: 100%;
  padding-bottom: 36%;
  background-size: cover;
  background-repeat: no-repeat;
}
.recent-blog-posts .blog-block a.extended-link:hover {
  text-decoration: underline;
}
.recent-blog-posts .blog-block .messages-box a img {
  width: 100%;
  max-width: 100%;
}
.recent-blog-posts .blog-block .messages-box div {
  line-height: 24px;
  display: block;
  margin-top: 20px;
  min-height: 48px;
}
.recent-blog-posts .blog-block .messages-box div a:hover {
  text-decoration: underline;
}
.recent-blog-posts .blog-block .messages-box div a.extended-link {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #003764;
  line-height: normal;
}
.recent-blog-posts .blog-block .messages-box span {
  color: #959595;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 13px;
}
@media (max-width: 767px) {
  .recent-blog-posts .blog-block .messages-box span {
    font-size: 16px;
  }
}

.recent-blog-posts-vertical h3 {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .recent-blog-posts-vertical {
    margin-top: 0px;
  }
}
.recent-blog-posts-vertical .blog-block {
  margin-bottom: 60px;
}
.recent-blog-posts-vertical .blog-block .blog-block-img img {
  width: 100%;
}
.recent-blog-posts-vertical .blog-block .messages-box .blog-title {
  display: block;
  clear: both;
  margin-top: 20px;
  font-weight: bold;
  line-height: normal;
  font-size: 14px;
}
.recent-blog-posts-vertical .blog-block .messages-box .blog-title:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .recent-blog-posts-vertical .blog-block .messages-box .blog-title {
    font-size: 18px;
  }
}
.recent-blog-posts-vertical .blog-block .messages-box div {
  line-height: 24px;
  display: block;
  min-height: 48px;
}
.recent-blog-posts-vertical .blog-block .messages-box div a.extended-link {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #003764;
  line-height: normal;
}
.recent-blog-posts-vertical .blog-block .messages-box span.blog-date {
  color: #959595;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .recent-blog-posts-vertical .blog-block .messages-box span.blog-date {
    font-size: 16px;
  }
}

/*

Document contains variables required to build global.scss

Table of contents:
1. Website color variables
2. Website layout variables
3. Tipography base variables

*/
/* 1. Website color variables */
/* 3. Tipography base variables */
.holder {
  position: absolute;
  left: auto;
  top: 2px;
  bottom: 0px;
  right: 0px;
  width: 28px;
  height: 28px;
  background-color: transparent;
  display: none;
}

.preloader {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: rotatePreloader 2s infinite ease-in;
}

@keyframes rotatePreloader {
  0% {
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}
.preloader div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.preloader div:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 4px;
  height: 4px;
  background-color: #ffffff;
  transform: translateX(-50%);
  border-radius: 4px;
}

.preloader div:nth-child(1) {
  transform: rotateZ(0deg);
  animation: rotateCircle1 2s infinite linear;
  z-index: 9;
}

@keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }
  0% {
    opacity: 1;
    transform: rotateZ(36deg);
  }
  7% {
    transform: rotateZ(0deg);
  }
  57% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(2) {
  transform: rotateZ(36deg);
  animation: rotateCircle2 2s infinite linear;
  z-index: 8;
}

@keyframes rotateCircle2 {
  5% {
    opacity: 0;
  }
  5.0001% {
    opacity: 1;
    transform: rotateZ(0deg);
  }
  12% {
    transform: rotateZ(-36deg);
  }
  62% {
    transform: rotateZ(-36deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(3) {
  transform: rotateZ(72deg);
  animation: rotateCircle3 2s infinite linear;
  z-index: 7;
}

@keyframes rotateCircle3 {
  10% {
    opacity: 0;
  }
  10.0002% {
    opacity: 1;
    transform: rotateZ(-36deg);
  }
  17% {
    transform: rotateZ(-72deg);
  }
  67% {
    transform: rotateZ(-72deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(4) {
  transform: rotateZ(108deg);
  animation: rotateCircle4 2s infinite linear;
  z-index: 6;
}

@keyframes rotateCircle4 {
  15% {
    opacity: 0;
  }
  15.0003% {
    opacity: 1;
    transform: rotateZ(-72deg);
  }
  22% {
    transform: rotateZ(-108deg);
  }
  72% {
    transform: rotateZ(-108deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(5) {
  transform: rotateZ(144deg);
  animation: rotateCircle5 2s infinite linear;
  z-index: 5;
}

@keyframes rotateCircle5 {
  20% {
    opacity: 0;
  }
  20.0004% {
    opacity: 1;
    transform: rotateZ(-108deg);
  }
  27% {
    transform: rotateZ(-144deg);
  }
  77% {
    transform: rotateZ(-144deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(6) {
  transform: rotateZ(180deg);
  animation: rotateCircle6 2s infinite linear;
  z-index: 4;
}

@keyframes rotateCircle6 {
  25% {
    opacity: 0;
  }
  25.0005% {
    opacity: 1;
    transform: rotateZ(-144deg);
  }
  32% {
    transform: rotateZ(-180deg);
  }
  82% {
    transform: rotateZ(-180deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(7) {
  transform: rotateZ(216deg);
  animation: rotateCircle7 2s infinite linear;
  z-index: 3;
}

@keyframes rotateCircle7 {
  30% {
    opacity: 0;
  }
  30.0006% {
    opacity: 1;
    transform: rotateZ(-180deg);
  }
  37% {
    transform: rotateZ(-216deg);
  }
  87% {
    transform: rotateZ(-216deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(8) {
  transform: rotateZ(252deg);
  animation: rotateCircle8 2s infinite linear;
  z-index: 2;
}

@keyframes rotateCircle8 {
  35% {
    opacity: 0;
  }
  35.0007% {
    opacity: 1;
    transform: rotateZ(-216deg);
  }
  42% {
    transform: rotateZ(-252deg);
  }
  92% {
    transform: rotateZ(-252deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(9) {
  transform: rotateZ(288deg);
  animation: rotateCircle9 2s infinite linear;
  z-index: 1;
}

@keyframes rotateCircle9 {
  40% {
    opacity: 0;
  }
  40.0008% {
    opacity: 1;
    transform: rotateZ(-252deg);
  }
  47% {
    transform: rotateZ(-288deg);
  }
  97% {
    transform: rotateZ(-288deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(10) {
  transform: rotateZ(324deg);
  animation: rotateCircle10 2s infinite linear;
  z-index: 0;
}

@keyframes rotateCircle10 {
  45% {
    opacity: 0;
  }
  45.0009% {
    opacity: 1;
    transform: rotateZ(-288deg);
  }
  52% {
    transform: rotateZ(-324deg);
  }
  102% {
    transform: rotateZ(-324deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
@keyframes shine-lines {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 600px;
  }
}
.custompages-sidebar {
  float: right;
  border-left: 1px solid #e6e6e6;
  padding-bottom: 30px;
}
@media (max-width: 991px) {
  .custompages-sidebar {
    float: none;
    border-left: 0px solid;
  }
}
.custompages-sidebar #location-holder {
  margin-top: 0px !important;
}

@media (max-width: 991px) {
  .loginmenu-sidebox,
  .custompages-sidebar,
  .product-list {
    margin-top: 0px;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .loginmenu-sidebox,
  .custompages-sidebar,
  .product-list {
    margin-top: 30px;
  }
}

.loginmenu-box h5 {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .loginmenu-box h5 {
    margin: 0px;
    padding: 10px 0;
    margin-bottom: 10px;
    cursor: pointer;
    border-bottom: 1px solid #f4f4f4;
  }
}
.loginmenu-box h5 span {
  display: inline-block;
  vertical-align: middle;
}
.loginmenu-box h5 img {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  margin-top: -1px;
}
.loginmenu-box ul {
  margin-top: 20px;
  list-style: none;
  padding-left: 29px;
}
.loginmenu-box ul li {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .loginmenu-box ul li {
    margin: 10px 0;
    font-size: 16px;
  }
}
.loginmenu-box ul li a {
  color: #000000;
}
.loginmenu-box ul li a:hover {
  color: #003764;
}
.loginmenu-box ul li a.strong {
  font-weight: 500;
}
.loginmenu-box ul.afterLoginMenuContent .counter-in-development {
  background-color: #F11E26;
  border-radius: 50%;
  color: white;
  margin-left: 5px;
  font-size: 10px;
  font-weight: 400;
  height: 18px;
  position: absolute;
  width: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
@media (max-width: 991px) {
  .loginmenu-box ul.afterLoginMenuContent {
    overflow: hidden;
    margin: 0px;
  }
  .loginmenu-box ul.afterLoginMenuContent.display_none_small {
    display: none;
  }
  .loginmenu-box ul.afterLoginMenuContent.opened {
    height: auto;
    border-bottom: 1px solid #f4f4f4;
  }
}

.compare-box h5 {
  margin-top: 30px;
}
.compare-box h5 span {
  display: inline-block;
  vertical-align: middle;
}
.compare-box h5 img {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  margin-top: -1px;
}
.compare-box ul {
  margin-top: 20px;
  list-style: none;
  padding-left: 35px;
}
.compare-box ul li {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
}
.compare-box ul li a {
  color: #000000;
}
.compare-box ul li a:hover {
  color: #003764;
}
.compare-box ul li a img {
  max-width: 100%;
}
.compare-box ul li.compare-products {
  margin-top: 10px;
  text-align: center;
}

#cview {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 30px;
}
#cview #compareBox table {
  table-layout: fixed;
  width: 100%;
}
#cview #compareBox table tr {
  border-bottom: 1px solid #f4f4f4;
}
#cview #compareBox table tr td {
  padding: 5px 0;
}
#cview #compareBox table tr td div {
  position: relative;
}
#cview #compareBox table tr td .compare-title {
  color: #000;
}
#cview #compareBox table tr td .ribbon_in_development {
  position: absolute;
  bottom: 0;
  right: 15px;
  width: calc(100% - 15px);
  height: 0;
  border-right: 14px solid transparent;
  border-bottom: 10px solid #00AE42;
}
#cview #compareBox table tr td .ribbon_in_development_back {
  position: absolute;
  bottom: 0;
  right: 4px;
  width: calc(100% - 4px);
  height: 0;
  border-right: 14px solid transparent;
  border-bottom: 10px solid #bdbdbd;
}
#cview #compareBox table tr td .ribbon_in_development_text {
  color: #ffffff;
  font-size: 4px;
  padding: 0;
  word-break: break-all;
  margin-bottom: 0;
  padding-top: 4px;
}
#cview #compareBox table tr td.compare-datas {
  font-size: 12px;
  position: relative;
}
#cview #compareBox table tr td p.compare-remove {
  text-align: left;
  display: block;
  background: #ffffff;
  padding: 5px 0;
}
#cview #compareBox table tr td p.compare-remove a {
  color: #f41818;
  text-decoration: underline;
}
#cview #compareBox table tr td p.compare-remove a:hover {
  text-decoration: none;
}
#cview #compareBox table tr td p.compare-remove img {
  width: 16px;
  height: 16px;
}
#cview h5 {
  margin-top: 10px;
}
@media (max-width: 991px) {
  #cview {
    display: none;
  }
}

@media (max-width: 991px) {
  .loginmenu-box h5 {
    background: url(../images/shared/arrow-point-to-down.svg) no-repeat center right;
    background-size: 16px 16px;
  }
}
@media (max-width: 767px) {
  .loginmenu-box h5 {
    font-size: 16px;
  }
}

.side-list-content {
  border-left: 1px solid #e6e6e6;
}
@media (max-width: 991px) {
  .side-list-content {
    border: none;
  }
}

.filter-loading-indicator {
  margin-left: 4px;
  text-align: center;
}

.recently-product-sidebar {
  margin-top: 20px;
}
.recently-product-sidebar h3 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  color: #04af44;
}
.recently-product-sidebar p {
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .recently-product-sidebar p {
    font-size: 16px;
  }
}
.recently-product-sidebar a {
  color: #003764;
}
.recently-product-sidebar .recently-sidebar-bottom {
  color: #000000;
  font-size: 12px;
  margin-top: 60px;
  display: block;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .recently-product-sidebar .recently-sidebar-bottom {
    font-size: 16px;
  }
}
.recently-product-sidebar .recently-sidebar-bottom a {
  color: #003764;
  text-decoration: underline;
}
.recently-product-sidebar .recently-sidebar-bottom a:hover {
  text-decoration: none;
}

.show-all-producttypes-wrapper a,
.show-all-brands-wrapper a,
.show-all-oems-wrapper a {
  font-size: 12px;
  font-weight: 300;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .show-all-producttypes-wrapper a,
  .show-all-brands-wrapper a,
  .show-all-oems-wrapper a {
    font-size: 16px;
  }
}
.show-all-producttypes-wrapper a img,
.show-all-brands-wrapper a img,
.show-all-oems-wrapper a img {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 6px;
  margin-left: 6px;
}
.show-all-producttypes-wrapper a:hover,
.show-all-brands-wrapper a:hover,
.show-all-oems-wrapper a:hover {
  text-decoration: none;
}

ul.info-menu {
  padding-left: 6px;
  padding-top: 20px;
  padding-bottom: 15px;
  margin-top: 40px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 991px) {
  ul.info-menu {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 10px;
    border-bottom: 1px solid #f4f4f4;
  }
}
ul.info-menu li {
  list-style: none;
  margin-bottom: 5px;
}
ul.info-menu li a {
  color: #000000;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  background: url(../images/arrows.svg) no-repeat center left;
  background-size: 10px 10px;
  padding-left: 20px;
}
ul.info-menu li a:hover {
  text-decoration: underline;
}
ul.info-menu.loged {
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 30px;
}
@media (max-width: 991px) {
  ul.info-menu.loged {
    padding-top: 10px;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 10px;
  }
}
ul.info-menu.top-loged {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 25px;
}

.loginmenu-sidebox ul.info-menu {
  border-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .loginmenu-sidebox ul.info-menu {
    display: none;
  }
}

@media (max-width: 991px) {
  .custompages-sidebar #location {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    line-height: 1.1;
    cursor: pointer;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 5px;
    padding-bottom: 7px;
    background: url(../images/shared/arrow-point-to-down.svg) no-repeat center right;
    background-size: 16px 16px;
  }
  .custompages-sidebar #location .icon-holder img {
    width: 16px;
    height: 16px;
  }
}

#location-holder {
  margin-top: 30px;
}

.useful-downloads span.blog-img {
  display: block;
}
.useful-downloads span img {
  max-width: 100%;
}
.useful-downloads a.blog-title {
  display: block;
  margin-top: 30px;
  font-weight: 16px;
  line-height: normal;
  font-weight: 700;
}
.useful-downloads .blog-date {
  color: #959595;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 30px;
  display: block;
}

.useful-downloads ul {
  padding-left: 0px;
}
.useful-downloads ul li {
  list-style: none;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 10px;
  padding-left: 15px;
  background: url(../images/shared/arrowhead-right.svg) no-repeat center left;
  background-size: 12px 12px;
}
.useful-downloads ul li a {
  text-decoration: underline;
  cursor: pointer !important;
}
.useful-downloads ul li a:hover {
  text-decoration: none;
}

.cookie-banner {
  width: 100%;
  position: fixed;
  padding: 15px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  border-top: 2px solid #00AE42;
  text-align: center;
  box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.cookie-banner .cookie-banner-text {
  color: #828385;
  font-weight: 300;
}
.cookie-banner .cookie-banner-text a {
  color: #00AE42;
  font-weight: 300;
}
.cookie-banner .cookie-banner-text a:hover {
  text-decoration: underline;
}
.cookie-banner .cookie-banner-link {
  margin-top: 10px;
  padding: 0 30px;
  border: 0;
  color: white;
}

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