html {
  min-height: 100.1%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #555;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  padding-top: 100px;
}
div,
td,
p {
  line-height: 22px;
}
sup {
  line-height: 0;
} /* fix sup cause wrong line-height */

* {
  box-sizing: border-box;
}

table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
}

a,
a:active,
a:visited {
  text-decoration: none;
  color: #0066cc;
}
a:hover {
  text-decoration: underline;
  color: #0066cc;
}
a[href*='.pdf']:before {
  /*add pdf icon for all links with pdf*/
  content: '\f1c1';
  color: #b9002f;
  margin-right: 4px;
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a[href='images/example_proof_gb.pdf']:before {
  display: none;
} /* a hack for http://www.flashbay.com/support/faq/virtual-proof-description */

img {
  border: none;
}

h1,
h2 {
  font-size: 14px;
  color: #555;
  padding: 0;
  margin: 0 0 20px 0;
  background: none;
}
h3 {
  font-size: 14px;
  padding: 0px;
  margin: 30px 0 10px 0;
  font-weight: bold;
  clear: both;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

textarea,
input:matches([type='email'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='url']) {
  -webkit-appearance: none; /* Remove iOS input shadow  */
}

select,
textarea,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
/* input[type='search'], */
input[type='tel'],
input[type='color'],
.uneditable-input {
  /* margin-bottom: 5px; */
  display: inline-block;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 220px;
  height: auto;
}

textarea,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
/* input[type='search'], */
input[type='tel'],
input[type='color'],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
select:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='time']:focus,
input[type='week']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='url']:focus,
/* input[type='search']:focus, */
input[type='tel']:focus,
input[type='color']:focus,
.uneditable-input:focus {
  border-color: #4ec6f2;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type='radio'],
input[type='checkbox'] {
  margin: 4px 0 0;
  line-height: normal;
}

input[type='file'],
input[type='image'],
input[type='submit'],
input[type='reset'],
input[type='button'],
input[type='radio'],
input[type='checkbox'] {
  width: auto;
}

select {
  /* height: 30px;
  line-height: 30px; */
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
}

select[multiple],
select[size] {
  height: auto;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #f5f5f5;
  border-color: #e2e2e2;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

select:disabled,
input:disabled,
textarea:disabled {
  background-color: #f0f0f0;
}

ul {
  list-style: disc;
  list-style-type: disc;
}

/**
 * *******************************************************************
 * common stylesheet
 * TODO: redesign and put common stylesheet here
 * *******************************************************************
 */
.req {color:red;}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.border-b-dashed {border-bottom: 1px dashed;}
.font-bold{font-weight:bold;}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.vertical-center {
  display: inline-block;
  vertical-align: middle;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.d-flex {
  display: flex;
}
.justify-content-center {
  justify-content: center;
}
.align-items-center {
  align-items: center;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}

.fa {
  color: #00b67a;
  position: relative;
  bottom: -1px;
}
.fa.fa-warning {
  color: #ffb400;
}
.fa.fa-file-pdf-o {
  color: #b9002f;
}
.fa.fa-rss-square {
  color: #ffa900;
}
.fa.fa-star,
.fa.fa-star-o {
  font-size: 16px;
}
.fa-inherit,
.text-inherit {
  color: inherit;
}

.stretched-link:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0);
}

/*label & badge*/
.badge,
.label {
  display: inline-block;
  padding: 0 3px 1px;
  font-size: 11.84px;
  font-weight: 700;
  line-height: 14px;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999;
}
.label {
  border-radius: 2px;
  font-weight: 400;
  padding: 3px 6px;
  margin-bottom: 3px;
  margin-top: 3px;
}
.badge {
  padding-right: 9px;
  padding-left: 9px;
  border-radius: 9px;
}
.badge:empty,
.label:empty {
  display: none;
}
a.badge:focus,
a.badge:hover,
a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.badge-success,
.label-success {
  background-color: #00b67a;
}
.fb-badge {background:#02a3b7;color:#fff;padding:5px 12px;margin-bottom:5px;font-weight:bold;display:inline-flex;border-radius:6px;}

#why ul {
  margin: 0px;
  padding: 0 0 0 0px;
  list-style-type: none;
}
#why li {
  margin: 0px;
  padding-left: 7px;
}

.container,
.wrapper {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1920px;
  padding: 0 15px;
}
.container:before,
.container:after,
.wrapper:before,
.wrapper:after,
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  display: table;
  content: ' ';
}
.container:after,
.wrapper:after,
.clearfix:after,
.row:after {
  clear: both;
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100px;
  padding: 30px 0;
  margin: 0 auto;
  clear: both;
  background-color: #fff;
  transition: all 0.5s ease;
}
#inner_header {
  position: relative;
  float: right;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.header-right {
	position: absolute;
	top: 0;
	right: 15px;
}
.header.fix {
  height: 70px;
  padding: 15px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
}
.header.fix .logo {
  top: -15px;
  height: 70px;
  overflow: hidden;
}
.header.fix .logo .logo-image {
  height: 70px;
}
.header.fix .autocomplete {
  display: none;
}

.header .btn {
  font-size: 20px;
  float: right;
  margin-top: -3px;
  margin-left: 40px;
}
.header .btn_quote_home {
  display: none;
}
.header.fix .btn_quote_home {
  display: block;
}

#inner_header a,
#inner_header a:active,
#inner_header a:visited {
  text-decoration: none;
  color: #555;
  cursor: default;
}
#inner_header a:hover {
  color: #555;
}
#inner_header .phone-num-s {
  display: none;
}
.header-image-container {
  line-height: 0;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.header-image-left,
.header-image,
.header-image-right {
  text-align: left;
  display: inline-block;
  height: 250px;
  position: relative;
  background-repeat: no-repeat;
}
.header-image-left {
  width: 810px;
  left: -810px;
  background-size: 810px 250px;
}
.header-image {
  width: 980px;
  background-size: 980px 250px;
}
.header-image-right {
  width: 810px;
  left: 1790px;
  background-size: 810px 250px;
}

.factory_image_l,
.factory_image,
.factory_image_r {
  text-align: left;
  display: inline-block;
  height: 520px;
  position: relative;
  background-repeat: no-repeat;
}
.factory_image_l {
  width: 810px;
  left: -810px;
  background-size: 810px 520px;
}
.factory_image {
  width: 980px;
  background-size: 980px 520px;
}
.factory_image_r {
  width: 810px;
  left: 1790px;
  background-size: 810px 520px;
}

#headerimg {
  position: relative;
  width: 100%;
  max-width: 1920px;
  /* max-width: 1300px;
  max-height: 450px; */
  margin: 0 auto 15px;
  background-size: 100%;
  background-size: cover;
}
#headerimg:after {
  padding-top: 34.61538%; /* we maintain aspect ratio of header 450px:1300px using this */
  display: block;
  content: '';
}

#header_note {
  position: absolute;
  text-align: center;
  top: 5%;
  bottom: 50%;
  right: 0%;
  left: 40%; /* positions corners relative to parent */
  z-index: 1;
  border: 0;
}
#header_note h1 {
  line-height: normal;
  margin: 0.2em 0;
  font-size: 28px;
  color: #555;
  border: none;
}
#header_note h2 {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px;
}
#header_note .header_get_quote {
  text-shadow: none;
  margin: 0 10px;
  padding: 14px 20px;
  letter-spacing: 0.5px;
}
#header_note .header_get_quote .btn_quote_text1 {
  display: block;
}
#header_note .header_get_quote .btn_quote_text2 {
  display: none;
}
.header_note_jobs {
  position: absolute;
  top: 35px;
  left: 30px;
  width: 50%;
  color: #888;
  font-size: 20px;
  line-height: 28px;
}
.christmas-note {
  color: #a32035;
  margin: 0 0 10px;
  padding: 0 40px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.login_note {
  padding: 0 15px 30px;
}
.login_box {
  float: left;
  width: 40%;
  min-height: 300px;
  background-color: #f2f6fb;
  border: 2px solid #dbe8f7;
  margin: 0 5% 5%;
  padding: 30px;
  border-radius: 2px;
}
.login_tip {
  width: 400px;
  margin: 0px auto 50px auto;
}

#watch_video {
  cursor: pointer;
  position: absolute;
  top: -199px;
  left: 780px;
  border: 4px solid #fff;
  border-radius: 56px;
  width: 156px;
  height: 50px;
  color: #fff;
  box-shadow: 0 0 1px #555;
  background-image: linear-gradient(to bottom, #62c462, #00a96d);
}
#watch_video .play_arrow {
  border: 4px solid #fff;
  border-radius: 50px;
  width: 50px;
  height: 48px;
  position: absolute;
  right: -4px;
  top: -4px;
  padding-top: 2px;
}
#watch_video .play_arrow i {
  font-size: 30px;
  margin-left: 16px;
  color: #fff;
  line-height: 44px;
}

#phone_header {
  display: block;
  height: 100%;
  right: 2px;
  padding-left: 50px;
  z-index: 50;
  position: relative;
}
#phone_header .fa {
  font-size: 25px;
  color: #888;
  position: relative;
  top: 5px;
  left: -1px;
}

.logo {
  position: absolute;
  top: -25px;
  width: auto;
  height: 90px;
  overflow: hidden;
  transition: all 0.5s ease;
}
.logo .logo-image {
  width: auto;
  height: 90px;
  transition: all 0.5s ease;
}
#right_column {
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
  width: 24%;
  margin: 0px;
  padding: 0;
  background-color: #fff;
  text-align: left;
  overflow: hidden;
}
#player {
  position: relative;
  /* float: right; */
  width: 170px;
  margin-top: 20px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}
#watch {
  font-size: 15px;
  display: block;
  background: #ddd;
  border-radius: 2px 2px 0 0;
}
#playerHolder_wrapper {
  z-index: 99;
  margin-bottom: 0;
  z-index: 9;
  clear: both;
}

/*moved from product_home.php*/
.minimun {
  border: 5px solid #e2e2e2;
  border-top: none;
  border-radius: 0 0 2px 2px;
  overflow: hidden;
  height: 85px;
}
.minimun .fa-youtube-play {
  color: #000;
  cursor: pointer;
  opacity: 0.9;
  font-size: 44px;
  background: #fff;
  height: 20px;
  width: 36px;
}
.minimun .fa-youtube-play:before {
  position: relative;
  top: -10px;
  left: -5px;
}
.minimun:hover .fa-youtube-play {
  opacity: 1;
  color: #cc181e;
}
#headerimg.play {
  position: relative;
  z-index: 9;
  display: block;
  text-align: center;
  line-height: 0;
  background: #000 !important;
}
.ytapiplayer {
  position: absolute;
  left: 0;
  display: none;
}
.ytapiplayer#galleryplayer {
  border-radius: 5px;
}
.ytapiplayer.fix {
  z-index: 999 !important;
}
.play .ytapiplayer {
  display: block;
}
@media (min-width: 1221px) and (min-height: 800px) {
  #player {
    width: 300px;
  }
  .minimun {
    height: 150px;
  }
}

/*navigation*/
.navigation {
  position: relative;
  height: 40px;
  margin: 0 auto;
  z-index: 999;
  background: #a32035;
}
.navigation b {
  font-weight: normal;
}
.navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: static;
}
.navigation ul li {
  width: auto;
  float: left;
  color: #555;
  height: 40px;
  position: relative;
}
.navigation ul li a {
  display: block;
  width: auto;
  color: #fff;
  text-decoration: none;
  padding: 10px 7px;
  line-height: 20px;
}
.navigation>.container>ul>li>a{padding: 10px 8px;min-width:40px;height:40px;text-align:center;}
.de .navigation>.container>ul>li>a,
.ch .navigation>.container>ul>li>a,
.at .navigation>.container>ul>li>a{
    padding:10px 7px;
}
.es .navigation>.container>ul>li>a,
.it .navigation>.container>ul>li>a,
.no .navigation>.container>ul>li>a,
.pt .navigation>.container>ul>li>a,
.fi .navigation>.container>ul>li>a{
    padding:10px 5.5px;
}
.navigation ul li a:hover,
.navigation ul li ul a:hover,
.navigation ul li.active > a {
  color: #fff;
  background-color: #555;
  text-decoration: none;
}
.navigation ul li .image_dropdown {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #f5f5f5;
  height: auto;
  z-index: 4;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #e2e2e2;
}
.navigation ul li .image_dropdown li a {
  background-image: none;
  margin-top: 4px;
  padding: 0px;
  position: relative;
  float: left;
  display: block;
  width: 55px;
  height: 59px;
}
.navigation ul li .image_dropdown li a:hover {
  background-image: none;
  z-index: 5;
}
.navigation ul li:hover .image_dropdown,
.navigation ul li:hover ul,
.navigation ul li.over ul {
  display: block;
}
.navigation ul li:hover .image_dropdown_gift_set{display:none !important;}/*Chris said no dropdown for GiftSet menu*/
.navigation ul li ul {
  display: none;
  position: absolute;
  width: auto;
  top: 40px;
  background: #fff;
  height: auto;
  min-width: 180px;
  z-index: 5;
  right: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 2px 2px;
}
.navigation ul li ul a {
  display: block;
  width: auto;
  color: #555;
  text-decoration: none;
  padding: 0px 7px 0 0;
}
.navigation ul li ul li {
  float: none;
  background-image: none;
  height: auto;
}
.navigation ul li ul li a img {
  position: absolute;
  top: 2px;
  width: 55px;
  height: 59px;
  border: 0;
  margin: 0;
  padding: 0;
}
.navigation ul#MenuResponse li a:hover img,
.navigation ul#MenuResponse li a:active img,
.navigation ul#MenuResponse li a:focus img {
  width: 55px;
  height: 59px;
  left: 0px;
  top: 0px;
  z-index: 5;
  border: 0;
}
.navigation ul li ul li.overview {
  display: block;
  width: 500px;
  padding: 15px 10px 0 6px;
  float: left;
}
.navigation ul li ul li.overview a {
  display: block;
  margin: 0;
  color: #555;
  width: auto;
  height: auto;
  float: left;
}
.navigation ul li ul li.overview a:hover {
  text-decoration: underline;
  color: #555;
}
.navigation ul#MenuResponse li a:hover {
  background: transparent;
}
.navigation .fa {
  color: #fff;
  font-size: 16px;
}
.navigation .lang {
  float: right;
}
.navigation .menu-mobile {
  display: none;
}
.navigation .container {
  position: static;
}
.navigation .image_dropdown a {
  float: left;
  padding: 3px;
  position: relative;
  color: inherit;
  text-align: center;
}
.navigation .image_dropdown a:hover {
  background: inherit;
  top: -2px;
  color: inherit;
}
.navigation .image_dropdown_models {
  padding: 15px;
}
.navigation .image_dropdown_models a {
  padding-top: 20px;
}
.navigation .image_dropdown_models a > div {
  display: none;
  width: 300px;
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.navigation .image_dropdown_models a:hover > div {
  display: block;
}
.navigation .image_dropdown_services,
.navigation .image_dropdown_accessories {
  width: 50%;
  float: left;
  padding: 15px;
}
.navigation .image_dropdown_services > a,
.navigation .image_dropdown_accessories > a {
  margin-right: 20px;
  text-align: center;
}
.navigation .image_dropdown_heading {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
}
.navigation .image_dropdown_heading a {
  float: none;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 0 5px !important;
  margin-left: 5px;
  color: #0066cc;
}
.navigation .image_dropdown_heading a:hover {
  top: 0;
  text-decoration: none;
  color: #0066cc;
}
.navigation .image_dropdown_heading a > span {
  margin-left: 4px;
}
.navigation .image_dropdown_heading a:hover > span {
  border-bottom: 1px solid #0066cc;
}
.navigation .image_dropdown_heading a .fa {
  color: inherit;
}
.navigation .image_dropdown_power .image_dropdown_models a {
  padding: 15px 10px 0;
  margin-bottom: -10px;
}
.navigation .image_dropdown_drinkware .image_dropdown_models a,
.navigation .image_dropdown_audio .image_dropdown_models a,
.navigation .image_dropdown_pen .image_dropdown_models a
{
  padding: 6px;
  margin-bottom: -5px;
}
@media (max-height: 800px) {
  .navigation .image_dropdown_fb a > img {
    width: 50px;
    height: auto;
  }
  .navigation .image_dropdown_drinkware .image_dropdown_models a,
  .navigation .image_dropdown_audio .image_dropdown_models a,
  .navigation .image_dropdown_pen .image_dropdown_models a
  {
    padding-top: 15px;
  }
  .navigation .image_dropdown_gift_set a > img {
    width: 60px;
    height: auto;
  }
}

.sublevel {
  display: block;
  clear: both;
  padding: 10px 10px 10px 14px;
  white-space: nowrap;
}
.navigation ul li.fb-greyed {
  border-top: 1px solid #e2e2e2;
  background-color: #eee;
}
.navigation ul li.fb-greyed a:hover {
  background: #ddd;
  color: inherit;
}
.navigation ul li .fb-greyed .sublevel:last-child {
  padding-top: 0px;
  margin-top: -14px;
  margin-bottom: -7px;
  color: #0066cc;
}
#lang_list {
  right: 0;
  left: auto;
}
#lang_list .sublevel {
  padding: 1px 0 1px 14px;
}

.boxes {
  position: relative;
}
.front_box {
  background: #eee;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  width: 215px;
  min-height: 140px;
  float: left;
  padding: 3px 4px 12px 12px;
  margin-right: 20px;
  border-radius: 2px;
}
.front_box .btn {
  display: block;
}
.front_box_inner {
  float: left;
}
.front_box_inner_bottom {
  padding: 10px 15px 10px 5px;
}

.fp_col_top {
  width: 100%;
  float: left;
  margin: 0 0 2%;
}
.fp_col_left {
  width: 48%;
  float: left;
  margin: 0 2% 2% 0;
}
.fp_col_right {
  width: 48%;
  float: right;
  margin: 0 2% 2% 0;
}
.fp_col_top .fp_col_left {
  min-width: 370px;
  max-width: 400px;
  margin: 0 auto;
}
.fp_col_top .fp_col_right {
  margin-bottom: 0;
  text-align: center;
}
.fp_col_top .fp_col_right .fp_col_title{
  margin-bottom: 0;
}
.fp_col_right .fp_col_txt {
  padding-right: 0;
}

.fp_col_img {
  position: relative;
  margin: 10px auto;
  text-align: center;
  line-height: 0;
}
.fp_col_img .fa.fa-key {
  font-size: 50px;
  color: gray;
}
.fp_col_img .branding-method-box,
.fp_col_img .icons {
  vertical-align: middle;
}
.fp_col_img.special:after {
  padding-top: 31.25%;
  display: block;
  content: '';
}
.branding-method-box-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
  z-index: 1;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
}
.fp_col_img.special .branding-method-box.branding-method-box-mini {
  width: 5.8vw;
  height: 5.8vw;
  max-width: 110px;
  max-height: 110px;
}
.fp_col_img.special .branding-method-box.branding-method-box-mini .branding-method-icon {
  margin-top: 15px;
}
.fp_col_img.special .branding-method-box.branding-method-box-mini.branding-method-dpr .branding-method-icon {
  margin-top: 0;
}
@media (max-width:1023px) {
  .fp_col_img.special .branding-method-box.branding-method-box-mini {
    width: 8vw;
    height: 8vw;
  }
}
@media (max-width:600px) {
  .fp_col_img.special .branding-method-box.branding-method-box-mini {
    width: 15vw;
    height: 15vw;
  }
}

.fp_col_txt {
  overflow: hidden;
  line-height: 22px;
}
.fp_col_txt_ticks {
  padding: 10px 0;
}
.fp_col_txt_ticks div {
  line-height: 30px;
  font-size: 14px;
}
.fp_col_txt_ticks div i {
  font-size: 20px;
}
.fp_col_txt_ticks .fp_col_txt_ticks_left {
  width: 160px;
  float: left;
}
.fp_col_txt_ticks .fp_col_txt_ticks_right {
  width: 210px;
  float: right;
}

.fp_col_welcome {
  line-height: 20px;
}
.fp_col_welcome h1 {
  margin-top: 20px;
  border: none;
}
.fp_col_panel {
  min-height: 290px;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  text-align: center;
  line-height: 0;
}
.fp_col_title {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  color: #a32035;
  border: none;
  text-align: center;
  line-height: 1.5;
}

/*product menu*/
#product_menu {
  padding: 20px 0;
  width: 100%;
  position: relative;
  z-index: 19;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
#product_menu span {
  position: relative;
}
#product_menu .icon-caret-down {
  font-size: 26px;
  position: absolute;
  top: -6px;
  left: -20px;
}
#product_menu .product_button_l,
#product_menu .product_button_r {
  padding-top: 30px;
  height: 55px;
}
#product_menu .product_button_l i,
#product_menu .product_button_r i {
  color: #428bca;
  font-size: 26px;
}
#product_menu .product_button_l:hover i,
#product_menu .product_button_r:hover i {
  color: #0043a9;
  text-decoration: none;
}
#product_menu .product_button {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  font-size: 27px;
  font-weight: bold;
  margin: 0 20px;
  text-decoration: none;
  color: #7a7a7a;
  /*text-transform: capitalize;*/ /*Do not change product name*/
}
#product-menu-toggle {
  display: none;
}

.nav > li {
  position: relative;
  display: block;
  margin-right: 15px;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 7px 10px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 2px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}
.nav-pills > li.active > a .caret,
.nav-pills > li.active > a:hover .caret,
.nav-pills > li.active > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

#product_menu_arrow {
  float: left;
  padding-left: 10px;
  text-align: center;
}
#product_menu_arrow a {
  text-decoration: none;
}
#product_menu_nav {
  margin-top: 5px;
  margin-bottom: 0;
  text-align: center;
  float: left;
  padding-left: 20px;
}
#product_menu_nav:before {
  display: none;
  position: absolute;
  top: -30px;
  right: 7px;
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent #fff;
  font-size: 0;
}
#product_menu_nav > li {
  margin-right: 0;
}
/* #product_menu_nav > li > a {
  color: #000;
} */

img.goo {
  background: url(images/loading.gif) no-repeat 50% 50%;
}

.twipsy {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px;
  font-size: 12px;
  font-weight: 400;
  z-index: 1001;
}
.twipsy .twipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.twipsy.above .twipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #aaa;
}
.twipsy.left .twipsy-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #aaa;
}
.twipsy.below .twipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #aaa;
}
.twipsy.bottom-left {
  left: -5px;
  transform: unset;
}
.twipsy.bottom-left .twipsy-arrow {
  top: 0;
  left: 5%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #aaa;
}
.twipsy.right .twipsy-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #aaa;
}
.twipsy .twipsy-inner {
  min-width: 160px;
  padding: 5px;
  background-color: #fff;
  color: #555;
  text-align: center;
  max-width: 800px;
  text-decoration: none;
  border-radius: 2px;
  border: 1px solid #e2e2e2;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  white-space: initial;
}
.twipsy .twipsy-inner img {
  margin: 0;
  padding: 0;
  float: none;
}
.twipsy-wrapper {
  position: relative;
  display: inline-block;
}
.twipsy-wrapper:hover .twipsy {
  display: block;
}
.twipsy.twipsy-lg .twipsy-inner {
  width: 450px;
}
.twipsy.twipsy-md .twipsy-inner {
  width: 250px;
}
.twipsy.twipsy-auto .twipsy-inner {
  width: auto;
}
#product_desc .twipsy-wrapper {
  display: inline;
}
/* hack for powerbanks */
.twipsy.charge-graph-twipsy {
  left: -5px;
  transform: unset;
}
.twipsy.charge-graph-twipsy.below .twipsy-arrow {
  left: 40px;
}

.color-circle {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.color-clear:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
}
.color-black {
  background: #393939;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #141414 0%, #393939 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #141414, #393939);
  background-image: radial-gradient(6px 6px, circle cover, #141414 0%, #393939 100%);
}
.color-blue {
  background: #1a2b7d;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #354698 0%, #1a2b7d 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #354698, #1a2b7d);
  background-image: radial-gradient(6px 6px, circle cover, #354698 0%, #1a2b7d 100%);
}
.color-dark_blue{
  background:#002A3A;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #006992 0%, #002A3A 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #006992, #002A3A);
  background-image: radial-gradient(6px 6px, circle cover, #006992 0%, #002A3A 100%);
}
.color-green {
  background: #7aba3f;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #95d55a 0%, #7aba3f 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #95d55a, #7aba3f);
  background-image: radial-gradient(6px 6px, circle cover, #95d55a 0%, #7aba3f 100%);
}
.color-yellow {
  background: #debd04;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #f7d61d 0%, #debd04 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #f7d61d, #debd04);
  background-image: radial-gradient(6px 6px, circle cover, #f7d61d 0%, #debd04 100%);
}
.color-orange {
  background: #d76304;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #f07c1d 0%, #d76304 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #f07c1d, #d76304);
  background-image: radial-gradient(6px 6px, circle cover, #f07c1d 0%, #d76304 100%);
}
.color-red {
  background: #a32035;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #de0b00 0%, #a32035 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #de0b00, #a32035);
  background-image: radial-gradient(6px 6px, circle cover, #de0b00 0%, #a32035 100%);
}
.color-pink {
  background: #e204e4;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #fb1dfd 0%, #e204e4 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #fb1dfd, #e204e4);
  background-image: radial-gradient(6px 6px, circle cover, #fb1dfd 0%, #e204e4 100%);
}
.color-beige {
  background: #edd8bd;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #faeede 0%, #edd8bd 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #faeede, #edd8bd);
  background-image: radial-gradient(6px 6px, circle cover, #faeede 0%, #edd8bd 100%);
}
.color-white {
  background: #ddd;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #fff 0%, #ddd 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #fff, #ddd);
  background-image: radial-gradient(6px 6px, circle cover, #fff 0%, #ddd 100%);
}
.color-gold {
  background: #e2cf64;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #ffec81 0%, #e2cf64 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #ffec81, #e2cf64);
  background-image: radial-gradient(6px 6px, circle cover, #ffec81 0%, #e2cf64 100%);
}
.color-rose_gold {
  background: #e6c0c4;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #ffdade 0%, #e6c0c4 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #ffdade, #e6c0c4);
  background-image: radial-gradient(6px 6px, circle cover, #ffdade 0%, #e6c0c4 100%);
}
.color-silver {
  background: silver;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #e3e3e3 0%, silver 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #e3e3e3, silver);
  background-image: radial-gradient(6px 6px, circle cover, #e3e3e3 0%, silver 100%);
}
.color-bronze {
  background: #cd7f32;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #f0d2b4 0%, #cd7f32 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #f0d2b4, #cd7f32);
  background-image: radial-gradient(6px 6px, circle cover, #f0d2b4 0%, #cd7f32 100%);
}
.color-grey {
  background: #d9d6d6;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #ffffff 0, #a29f9f 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #ffffff 0, #a29f9f 100%);
  background-image: radial-gradient(6px 6px, circle cover, #ffffff 0, #a29f9f 100%);
}
.color-anthracite_grey {
  background: #474849;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #ffffff 0, #474849 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #ffffff 0, #474849 100%);
  background-image: radial-gradient(6px 6px, circle cover, #ffffff 0, #474849 100%);
}
.color-titanium {
  background: #282828;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #ababab 0%, #282828 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #ababab 0%, #282828 100%);
  background-image: radial-gradient(6px 6px, circle cover, #ababab 0%, #282828 100%);
}
.color-sky_blue {
  background: #00a3e0;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #c5edfc 0%, #00a3e0 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #c5edfc 0%, #00a3e0 100%);
  background-image: radial-gradient(6px 6px, circle cover, #c5edfc 0%, #00a3e0 100%);
}
.color-light_blue {
  background: #00a3e0;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #c5edfc 0%, #00a3e0 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #c5edfc 0%, #00a3e0 100%);
  background-image: radial-gradient(6px 6px, circle cover, #c5edfc 0%, #00a3e0 100%);
}
.color-dark_green {
  background: #114734;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #7b9e92 0%, #114734 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #7b9e92 0%, #114734 100%);
  background-image: radial-gradient(6px 6px, circle cover, #7b9e92 0%, #114734 100%);
}
.color-purple {
  background: #5a2c83;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #d0afed 0%, #5a2c83 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #d0afed 0%, #5a2c83 100%);
  background-image: radial-gradient(6px 6px, circle cover, #d0afed 0%, #5a2c83 100%);
}
.color-warm_grey {
  background: #d8cfc7;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #f5f0eb 0%, #d8cfc7 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #f5f0eb 0%, #d8cfc7 100%);
  background-image: radial-gradient(6px 6px, circle cover, #f5f0eb 0%, #d8cfc7 100%);
}
.color-cool_grey {
  background: #8c8c8c;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #c6c4c4 0%, #8c8c8c 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #c6c4c4 0%, #8c8c8c 100%);
  background-image: radial-gradient(6px 6px, circle cover, #c6c4c4 0%, #8c8c8c 100%);
}
.color-navy_blue {
  background: #1a2344;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #414c76 0%, #1a2344 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #414c76 0%, #1a2344 100%);
  background-image: radial-gradient(6px 6px, circle cover, #414c76 0%, #1a2344 100%);
}
.color-chrome {
  background: silver;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #fff 0%, silver 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #fff, silver);
  background-image: radial-gradient(6px 6px, circle cover, #fff 0%, silver 100%);
}
.color-dark_chrome {
  background: #393939;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #bfbcbc 0%, #504f4f 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #bfbcbc, #504f4f);
  background-image: radial-gradient(6px 6px, circle cover, #bfbcbc 0%, #504f4f 100%);
}
.color-pearl_silver {
  background: #e3e0d1;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #fffff3 0%, #e3e0d1 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #fffff3, #e3e0d1);
  background-image: radial-gradient(6px 6px, circle cover, #fffff3 0%, #e3e0d1 100%);
}
.color-brown {
  background: #6e2820;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #99534b 0%, #6e2820 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #99534b, #6e2820);
  background-image: radial-gradient(6px 6px, circle cover, #99534b 0%, #6e2820 100%);
}
.color-lightwood {
  background: #deb887;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #f6d09f 0%, #deb887 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #f6d09f, #deb887);
  background-image: radial-gradient(6px 6px, circle cover, #f6d09f 0%, #deb887 100%);
}
.color-darkwood {
  background: #855e4f;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #ca907a 0%, #855e4f 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #ca907a, #855e4f);
  background-image: radial-gradient(6px 6px, circle cover, #ca907a 0%, #855e4f 100%);
}
.color-darkwood_grey {
  background: #4b4b4b;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #818080 0%, #4b4b4b 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #818080, #4b4b4b);
  background-image: radial-gradient(6px 6px, circle cover, #818080 0%, #4b4b4b 100%);
}
.color-rose_wood {
  background: #8f3e3f;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #ca907a 0%, #8f3e3f 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #ca907a, #8f3e3f);
  background-image: radial-gradient(6px 6px, circle cover, #ca907a 0%, #8f3e3f 100%);
}
.color-bamboo_wood {
  background: #ecd9aa;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #f0ece1 0%, #ecd9aa 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #f0ece1, #ecd9aa);
  background-image: radial-gradient(6px 6px, circle cover, #f0ece1 0%, #ecd9aa 100%);
}
.color-tan {
  background: #AA7043;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #cfb9a8 0%, #AA7043 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #cfb9a8 0%, #AA7043 100%);
  background-image: radial-gradient(6px 6px, circle cover, #cfb9a8 0%, #AA7043 100%);
}
.color-light_brown {
  background: #CBAE81;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #eaddcb 0%, #CBAE81 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #eaddcb 0%, #CBAE81 100%);
  background-image: radial-gradient(6px 6px, circle cover, #eaddcb 0%, #CBAE81 100%);
}

.color-hybrid {
  background: #354698; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #354698 50%, yellowgreen 0%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, #354698 50%, yellowgreen 0%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, #354698 50%, yellowgreen 0%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, #354698 50%, yellowgreen 0%); /* Standard syntax (must be last) */
}
.color-hybrid_yellow_blue {
  background: #f7d61d; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #f7d61d 50%, #354698 0%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, #f7d61d 50%, #354698 0%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, #f7d61d 50%, #354698 0%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, #f7d61d 50%, #354698 0%); /* Standard syntax (must be last) */
}
.color-hybrid_black_white {
  background: black; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, black 50%, white 0%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, black 50%, white 0%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, black 50%, white 0%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, black 50%, white 0%); /* Standard syntax (must be last) */
  border: 0.01em solid #f0f0f0 !important;
}

.color-black_white {
  background: black; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, black 50%, white 0%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, black 50%, white 0%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, black 50%, white 0%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, black 50%, white 0%); /* Standard syntax (must be last) */
  border: 0.01em solid #f0f0f0 !important;
}
.color-red_white {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, red 50%, white 0%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, red 50%, white 0%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, red 50%, white 0%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, red 50%, white 0%); /* Standard syntax (must be last) */
  border: 0.01em solid #f0f0f0 !important;
}
.color-blue_white {
  background: #3B3FB6; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #3B3FB6 50%, white 0%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, #3B3FB6 50%, white 0%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, #3B3FB6 50%, white 0%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, #3B3FB6 50%, white 0%); /* Standard syntax (must be last) */
  border: 0.01em solid #f0f0f0 !important;
}

/*
#001689  blue
#3DAE2B  green
#FFDD00  yellow
#FF5100  orange
#CE0E2D  red
*/
.color-rainbow {
  background: #001689; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(180deg, #001689 18%, #3DAE2B 18% 40%, #FFDD00 40% 60%, #FF5100 60% 82%, #CE0E2D 82%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(180deg, #001689 18%, #3DAE2B 18% 40%, #FFDD00 40% 60%, #FF5100 60% 82%, #CE0E2D 82%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(180deg, #001689 18%, #3DAE2B 18% 40%, #FFDD00 40% 60%, #FF5100 60% 82%, #CE0E2D 82%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(180deg, #001689 18%, #3DAE2B 18% 40%, #FFDD00 40% 60%, #FF5100 60% 82%, #CE0E2D 82%); /* Standard syntax (must be last) */
  /*background-image: url('/images/colours/rainbow_icon.svg');*/
}

.color-rainbow_red_orange_yellow_green_blue {
  background: #CE0E2D; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(180deg, #CE0E2D 18%, #FF5100 18% 40%, #FFDD00 40% 60%, #3DAE2B 60% 82%, #001689 82%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(180deg, #CE0E2D 18%, #FF5100 18% 40%, #FFDD00 40% 60%, #3DAE2B 60% 82%, #001689 82%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(180deg, #CE0E2D 18%, #FF5100 18% 40%, #FFDD00 40% 60%, #3DAE2B 60% 82%, #001689 82%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(180deg, #CE0E2D 18%, #FF5100 18% 40%, #FFDD00 40% 60%, #3DAE2B 60% 82%, #001689 82%); /* Standard syntax (must be last) */
}

.color-blue_led {
  border-radius: 0;
  width: 24px;
  height: 6px;
  margin-top: 8px;
  background: -moz-linear-gradient(0deg, #2266b6 0%, #4ec6f2 28%, #59deff 50%, #4ec6f2 72%, #2266b6 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2266b6), color-stop(28%, #4ec6f2), color-stop(50%, #59deff), color-stop(72%, #4ec6f2), color-stop(100%, #2266b6)); /* safari4+,chrome */
  background: -webkit-linear-gradient(0deg, #2266b6 0%, #4ec6f2 28%, #59deff 50%, #4ec6f2 72%, #2266b6 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(0deg, #2266b6 0%, #4ec6f2 28%, #59deff 50%, #4ec6f2 72%, #2266b6 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(0deg, #2266b6 0%, #4ec6f2 28%, #59deff 50%, #4ec6f2 72%, #2266b6 100%); /* ie10+ */
  background: linear-gradient(90deg, #2266b6 0%, #4ec6f2 28%, #59deff 50%, #4ec6f2 72%, #2266b6 100%); /* w3c */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2266B6', endColorstr='#2266B6',GradientType=1 );*/
}
.color-green_led {
  border-radius: 0;
  width: 24px;
  height: 6px;
  margin-top: 8px;
  background: -moz-linear-gradient(0deg, #7aba3f 0%, #9fef1d 28%, #aeff23 50%, #9fef1d 72%, #7aba3f 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #7aba3f), color-stop(28%, #9fef1d), color-stop(50%, #aeff23), color-stop(72%, #9fef1d), color-stop(100%, #7aba3f)); /* safari4+,chrome */
  background: -webkit-linear-gradient(0deg, #7aba3f 0%, #9fef1d 28%, #aeff23 50%, #9fef1d 72%, #7aba3f 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(0deg, #7aba3f 0%, #9fef1d 28%, #aeff23 50%, #9fef1d 72%, #7aba3f 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(0deg, #7aba3f 0%, #9fef1d 28%, #aeff23 50%, #9fef1d 72%, #7aba3f 100%); /* ie10+ */
  background: linear-gradient(90deg, #7aba3f 0%, #9fef1d 28%, #aeff23 50%, #9fef1d 72%, #7aba3f 100%); /* w3c */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ABA3F', endColorstr='#7ABA3F',GradientType=1 );*/
}
.color-red_led {
  border-radius: 0;
  width: 24px;
  height: 6px;
  margin-top: 8px;
  background: -moz-linear-gradient(0deg, #a32035 0%, #e1826c 28%, #e09d94 50%, #e1826c 72%, #a32035 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a32035), color-stop(28%, #e1826c), color-stop(50%, #e09d94), color-stop(72%, #e1826c), color-stop(100%, #a32035)); /* safari4+,chrome */
  background: -webkit-linear-gradient(0deg, #a32035 0%, #e1826c 28%, #e09d94 50%, #e1826c 72%, #a32035 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(0deg, #a32035 0%, #e1826c 28%, #e09d94 50%, #e1826c 72%, #a32035 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(0deg, #a32035 0%, #e1826c 28%, #e09d94 50%, #e1826c 72%, #a32035 100%); /* ie10+ */
  background: linear-gradient(90deg, #a32035 0%, #e1826c 28%, #e09d94 50%, #e1826c 72%, #a32035 100%); /* w3c */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a32035', endColorstr='#a32035',GradientType=1 );*/
}
.color-yellow_led {
  border-radius: 0;
  width: 24px;
  height: 6px;
  margin-top: 8px;
  background: -moz-linear-gradient(0deg, #debd04 0%, #fee756 28%, #fffc54 50%, #fee756 72%, #debd04 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #debd04), color-stop(28%, #fee756), color-stop(50%, #fffc54), color-stop(72%, #fee756), color-stop(100%, #debd04)); /* safari4+,chrome */
  background: -webkit-linear-gradient(0deg, #debd04 0%, #fee756 28%, #fffc54 50%, #fee756 72%, #debd04 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(0deg, #debd04 0%, #fee756 28%, #fffc54 50%, #fee756 72%, #debd04 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(0deg, #debd04 0%, #fee756 28%, #fffc54 50%, #fee756 72%, #debd04 100%); /* ie10+ */
  background: linear-gradient(90deg, #debd04 0%, #fee756 28%, #fffc54 50%, #fee756 72%, #debd04 100%); /* w3c */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEBD04', endColorstr='#DEBD04',GradientType=1 );*/
}
.color-white_led {
  border-radius: 0;
  width: 24px;
  height: 6px;
  margin-top: 8px;
  background: -moz-linear-gradient(0deg, #c0c0c0 0%, #eeeeee 28%, #f8f8f8 50%, #eeeeee 72%, #c0c0c0 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c0c0c0), color-stop(28%, #eeeeee), color-stop(50%, #f8f8f8), color-stop(72%, #eeeeee), color-stop(100%, #c0c0c0)); /* safari4+,chrome */
  background: -webkit-linear-gradient(0deg, #c0c0c0 0%, #eeeeee 28%, #f8f8f8 50%, #eeeeee 72%, #c0c0c0 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(0deg, #c0c0c0 0%, #eeeeee 28%, #f8f8f8 50%, #eeeeee 72%, #c0c0c0 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(0deg, #c0c0c0 0%, #eeeeee 28%, #f8f8f8 50%, #eeeeee 72%, #c0c0c0 100%); /* ie10+ */
  background: linear-gradient(90deg, #c0c0c0 0%, #eeeeee 28%, #f8f8f8 50%, #eeeeee 72%, #c0c0c0 100%); /* w3c */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#c0c0c0',GradientType=1 );*/
}
.color-light_blue {
  background: #59deff;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #4ec6f2 0%, #59deff 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #4ec6f2, #59deff);
  background-image: radial-gradient(6px 6px, circle cover, #4ec6f2 0%, #59deff 100%);
}
.color-cream {
  background: #ccc;
  background-image: -moz-radial-gradient(6px 6px, circle cover, #f5f3ea 0%, #ccc 100%);
  background-image: -webkit-radial-gradient(6px 6px, circle cover, #f5f3ea, #ccc);
  background-image: radial-gradient(6px 6px, circle cover, #f5f3ea 0%, #ccc 100%);
}
.color-custom {
  position: relative;
  background: conic-gradient(
    #9fd208 0% 8.33%,
    #4fb610 8.33% 16.66%,
    #109167 16.66% 25%,
    #456eb1 25% 33.33%,
    #a047ae 33.33% 41.66%,
    #cd40a3 41.66% 50%,
    #ff38a9 50% 58.33%,
    #ff5700 58.33% 66.66%,
    #ff8200 66.66% 75%,
    #ff9a00 75% 83.33%,
    #ffcd00 83.33% 91.66%,
    #eee700 91.66% 100%
  );
}
.color-custom::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}

td .icons {
  box-shadow: none;
} /*reset for http://www.flashbay.co.uk/support/faq/logo-format*/
.icons {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 2px;
  margin-right: 10px;
  box-shadow: 1px 1px 1px 0px #666;
}
.icons .branding-box {
  border-radius: 2px;
  color: #fff;
  height: 80px;
  overflow: hidden;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  text-shadow: 1px 1px 1px #666;
}
.branding-box .strong {
  padding: 4px 0px 2px 4px;
  font-weight: normal;
  text-transform: uppercase;
  min-height: 34px;
  line-height: 18px;
  text-align: left;
}
.icons .ico {
  height: 90px;
  border-radius: 45px 45px 0 0;
  text-align: center;
  line-height: 40px;
}
.icons .fa {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
.enl {
  background: #609db4;
}
.spr {
  background: #b3c768;
}
.emb {
  background: #d23f12;
}
.dpr {
  background: #117bde;
}
.photo_print {
  width: 20px;
  height: 50px;
  float: left;
  margin-top: 5px;
}
.photo_print.s1 {
  background-color: #1ed0c6;
}
.photo_print.s2 {
  background-color: #f504d0;
}
.photo_print.s3 {
  background-color: #fff32b;
}
.photo_print.s4 {
  background-color: black;
}

.lead_cal {
  display: inline-block;
  width: 32px;
  padding-top: 16px;
}
.lead_cal .fa {
  font-size: 32px;
  color: #af0031;
  position: static;
}
.lead_cal .ldd {
  position: relative;
  top: -24px;
  font-size: 14px;
  color: #555;
}

#lead_time {
  margin: 10px 0 18px 0;
  vertical-align: top;
  border: 2px solid #e2e2e2;
  border-radius: 2px;
}
#lead_time td {
  vertical-align: middle;
  padding: 7px;
  text-align: center;
}
#lead_time .day_icon {
  text-align: center;
}
#lead_time .working_days {
  width: 175px;
}
#lead_time .actual_days {
  width: 175px;
}

.faq-symbols .icons {
  margin-right: 0;
}
.faq-symbols .capacity_list div {
  float: none;
}
.print_area {
  border-radius: 2px;
  width: 80px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-weight: bold;
  background: repeating-linear-gradient(-55deg, #eee, #eee 3px, #ccc 3px, #ccc 7px);
  text-shadow: 1px 1px 0 #aaa;
}
.printarea {
  padding-right: 30px;
  background: url(/images/print_area.png) no-repeat right top;
}

#product_big_button {
  position: absolute;
  top: 5px;
  text-align: center;
  width: 100%;
}

#lang_container {
  float: right;
  height: 40px;
  width: 157px;
  border-top-right-radius: 7px;
}
#lang_dropdown {
  float: right;
  margin: 7px 5px 0 0;
  font-size: 12px;
  color: #555;
  width: 118px;
}
#lang_flag {
  float: right;
  margin: 4px 10px 0 0;
}

.eco {
  color: #999;
}

#get_quote {
  position: absolute;
  width: 125px;
  height: 125px;
  left: 750px;
  top: -20px;
  cursor: pointer;
}
#get_quote img:hover {
  padding: 1px 0 0 1px;
}
.form_choice select {
  width: 100px;
  height: 25px;
}

.btn_dark {
  background: #8b8b8d !important;
}

.fb-page-header,
.product-lister-header {
  padding: 20px 0;
  background: #f5f5f5;
}
.fb-page-header h1,
.product-lister-header h1 {
  font-size: 30px;
  line-height: 1.2;
  color: #555;
  padding: 0;
  margin: 0 0 20px 0;
  background: none;
  border-bottom: 0px;
}
.product-lister-header .product-lister-header-content {
  display: flex;
  align-items: flex-start;
  padding: 0 15px;
}

.product_table {
  position: relative;
  text-align: center;
  font-size: 14px;
  margin: auto;
  margin-bottom: 15px;
  width: 100%;
}
.product_table .color-circle {
  position: relative;
  float: none;
  display: inline-block;
  margin: 0 3px;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
}
.product_table .icons,
.fp_col_img .icons {
  margin: 0 2px;
  float: none;
  display: inline-block;
  box-shadow: none;
  border-color: #eee;
}
.product_table .icons,
.product_table .icons .branding-box,
.fp_col_img .icons,
.fp_col_img .icons .branding-box {
  height: 32px;
  width: 32px;
}
.product_table .ico,
.fp_col_img .ico {
  margin-top: -5px;
}
.product_table .fa,
.fp_col_img .fa {
  position: relative;
  top: 7px;
  font-size: 23px;
}
.product_table .photo_print,
.fp_col_img .photo_print {
  width: 8px;
  height: 18px;
  margin-top: 0;
}
.product_table .productLocaleName {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 10px;
}
.product_table .product_table_category {
  margin-bottom: 5px;
}
.product_table .product_table_name {
  position: relative;
}
.product_table .product_table_name .label-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.product_table .product_table_name .label {
  padding: 3px 6px;
  margin-bottom: 3px;
  margin-top: 3px;
  background: #02a3b7;
}
.product_table .product_table_name .label-fire {
  background: #e48c70;
}
.product_table .product_table_name .label-sustainable {
  background: #b3c767;
}
.product_table .product_table_name .label-reusable {
  background: #b3c767;
}
.product_table .product_table_branding_icon {
  width: 100px;
}
.product_table .product_table_lead_time > span {
  font-size: 11px;
}
.product_table .product_table_capacities {
  width: 200px;
}
.product_table .capacity_list {
  padding: 0 30px;
}
.product_table .label-capacity {
  font-size: 12px;
  padding: 1px 3px;
  margin: 3px;
}
.product_table .product_swatch {
  width: 90px;
  margin: 0 auto;
}
.product_table .product-more {
  position: relative;
  height: 200px;
}
.product_table.table-face-mask .product-more {
  position: relative;
  height: 280px;
}
.product_table td {
  padding: 0;
}
.product_table thead {
  font-weight: bold;
  text-align: center;
  background-color: #e3e3e3;
}
.product_table thead td {
  height: 45px;
}
.product_table thead td:first-child {
  background: #f5f5f5;
}
.product_table thead td:last-child {
  border-top-right-radius: 10px;
}
.product_table thead .product_table_image {
  width: 120px;
  width: 25%;
  position: relative;
  background: #02A3B7;
  color: #fff;
  border-top-left-radius: 10px;
}
.product_table thead .product_table_image:after {
  content: '';
  position: absolute;
  top: 98%;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 10px;
  border-color: #02A3B7 transparent transparent transparent;
}
.product_table tbody .product_table_image img{
  margin: 10px auto;
  width: 100%;
  height: auto;
  max-width: 100%;
}
.product-img {
  width: 250px;
  height: 180px;
  display: block;
  margin: 0 auto;
  transition: all 0.5s ease;
}
.product_table .img-face-mask {
  width: 360px;
  height: 260px;
}
.product_table .img-face-shield {
  width: 360px;
  height: 260px;
}
.product-name {
  display: none;
}
.product_swatch img {
  padding: 2px 5px 3px 0;
}
.product_row_over {
  position: relative;
  cursor: pointer;
  background: #f2f6fb;
}

/*hack for the thead arrow*/
@media (min-width: 1024px) {
  .product-lister-header {
    padding-bottom: 65px;
  }
  .product_table {
    margin-top: -44px;
  }

  .lister-header-face-mask {
    padding-bottom: 85px;
  }
  .table-face-mask tbody tr:first-child td {
    padding-top: 0;
  }
  .row-face-shield tbody tr:first-child td {
    padding-top: 0;
  }
  .table-face-mask tbody tr:first-child .product-more {
    top: 0;
  }
  .row-face-shield tbody tr:first-child .product-more {
    top: 0;
  }
  .table-face-mask {
    margin-top: -64px;
  }
}

.content_head {
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  clear: both;
  border-top: 1px solid #dbe8f7;
  border-bottom: 1px solid #dbe8f7;
  background-color: #f2f6fb;
}
.content_head h2 {
  display: inline;
  line-height: 40px;
  background: none;
  color: #555;
  font-size: 16px;
  font-weight: bold;
  margin: 0 15px;
  float: left;
  border-bottom: none;
}
.content_head .spacer {
  width: 40px;
  height: 40px;
  float: left;
  margin-top: 1px;
}
.content_head h2 a {
  float: left;
  line-height: 40px;
  padding-right: 30px;
}
.content_head h2 a {
  float: left;
  line-height: 40px;
  padding-right: 30px;
  position: relative;
}
.content_head h2 a:after {
  font-family: 'Font Awesome 5 Pro';
  content: '\f0da';
  position: absolute;
  top: 0;
  right: 12px;
  font-weight: 900;
  color: #555;
}
.content_head_nav a {
  line-height: 40px;
  float: right;
  padding-right: 15px;
}
.content_head .header_icon {
  display: inline;
  float: left;
  margin: 0px -10px 0 10px;
  z-index: 6;
  height: 40px;
}
.content_head .btn {
  float: right;
  margin-right: 30px;
  width: auto;
  margin-top: 10px;
}

.content_main {
  min-height: 300px;
  height: auto !important;
}
.content_main img {
  max-width: 100%;
  height: auto;
}
.content_main img[src='images/nand_flash.jpg'] {
  max-width: 290px;
} /* a hack for http://www.flashbay.co.uk/support/faq/NAND-flash */
.content_main .img_left {
  padding: 10px 0;
}
.content_main .img_left img {
  margin-right: 10px;
}
.content_main_detail {
  float: right;
  width: calc(100% - 250px);
  margin-top: 10px;
}
.content_main_detail h2 {
  height: 36px;
  line-height: 36px;
}
.content_main_detail p:first-child {
  margin-top: 0;
}
.content_main_section {
  padding-top: 20px;
  padding-bottom: 20px;
}
.content_main_section .spec_box {
  min-height: inherit;
  margin-bottom: 10px;
}
.content_main_section .spec_box h3 {
  margin: 0;
}
.stripe-white {
  background-color: #fff !important;
}
.stripe-grey {
  background-color: #f5f5f5 !important;
}
.content_main_faq table td {
  padding: 5px;
}
.content_main_faq table img {
  max-width: none;
}
.content_main_faq table .btn {
  color: #fff;
}

a.learn_more {
  padding-right: 12px;
  display: inline-block;
}
a.learn_more:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  content: ' \f0da';
}
.fp_col_panel {
  position: relative;
}
@media (max-width: 600px) {
  .fp_col_panel a.learn_more:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}

.spec_box {
  width: 50%;
  min-height: 240px;
  float: left;
  margin: 0 0 20px;
  padding: 15px;
}
.spec_box h1,
.spec_box h2 {
  font-size: 20px;
  color: #555;
  padding: 0;
  margin: 0 0 20px 0;
  background: none;
  border-bottom: none;
}
.spec_box ul {
  padding: 0 0 0 14px;
  margin: 0px;
}
.spec_box .spec_box_img {
  width: 150px;
  float: left;
  margin-right: 10px;
  max-width: 100%;
}
.spec_box .spec_box_text {
  overflow: auto;
}
.spec_box .color-circle {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.spec_box .color-clear:before {
  width: 26px;
  height: 26px;
}
.spec_box .capacity_list div {
  margin-left: 0;
  margin-right: 4px;
  padding: 4px;
  line-height: 20px;
}
.spec_box .icons {
  display: block;
  margin-bottom: 10px;
}
.spec_box .pantone_img {
  float: left;
}
.spec_box .pantone_img_text {
  margin-top: 10px;
  overflow: auto;
}
.spec_box .delivery-text {
  display: block;
  color: #555;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 22px;
}
.spec_box .delivery-text .fa {
  color: #555;
}
.spec_box .ink-color {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.spec_box_branding {
  padding-top: 70px;
}
.spec_box_full {
  width: 100%;
}
.branding-method-single-in {
  display: inline-block;
  padding: 5px;
  line-height: 1.2;
  font-size: 10px;
  text-align: center;
  background: #9c9797;
  color: #fff;
  overflow: hidden;
  border-radius: 2px;
}
.product-heading .product-title {
  margin-right: 15px;
}
.product-desc {
  margin-bottom: 22px;
}

.article_box {
  display: block;
  clear: both;
  margin: 0 0 30px 0;
}
.article_box img {
  float: right;
  margin: 0 0 10px 10px;
}
.article_box h1,
.article_box h2 {
  font-size: 14px;
  color: #555;
  padding: 0;
  margin: 0 0 20px 0;
  background: none;
  border-bottom: 1px solid #efefef;
}
.article_box ul {
  padding: 0 0 0 14px;
}

.card {
  margin: 0 0 10px 10px;
  display: inline-block;
  position: relative;
}
.card img {
  margin: 0;
}
.card-label {
  position: absolute;
  top: 0;
  right: 0;
  background: #a32035;
  text-align: center;
  color: #fff;
  line-height: 25px;
  height: 25px;
  min-width: 90px;
  padding: 0 15px;
}

.terNav {
  width: 238px;
  margin: 10px 0 0 -15px;
}
.terNav h3 {
  color: #0066cc;
  padding: 13px 18px;
  min-height: 34px;
  height: auto !important;
  height: 34px;
  margin: 0;
}
.terNav .inner {
  border: 1px solid #e2e2e2;
  margin: 0;
  padding: 0;
}
.terNav .icon a {
  padding-left: 15px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  display: block;
  color: #0066cc;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}
.terNav .icon a:hover {
  background-color: #f6faff;
  text-decoration: none;
}
.terNav .icon:first-child {
  border-radius: 0 2px 0 0;
}
.terNav .icon:last-child {
  border-radius: 0 0 2px 0;
}
.terNav .icon:last-child a {
  border-bottom: 0;
}
.terNav .icon i {
  line-height: 35px;
  margin-right: 10px;
  float: right;
  color: #0066cc;
}
.terNav .selected {
  background-color: #f2f6fb;
}
.terNav .selected i {
  font-size: 30px;
  margin-right: 5px;
}
.terNav .selected a {
  color: #0066cc;
  background: none;
  font-weight: bold;
}
.terNav .selected a:hover {
  background-color: transparent;
}

.capacity_list div,
.capacity-item {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  font-size: 10px;
  line-height: 19px;
  margin: 2px;
  background: #f2f6fb;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
}

.solution_item {
  float: left;
  clear: both;
}
.solution_img {
  float: left;
  width: 70px;
  height: 70px;
  text-align: center;
}
.solution_txt {
  float: left;
  width: 700px;
  height: 70px;
  padding: 0 15px 0 15px;
}

.faqs {
  padding-bottom: 50px;
}
.faq-side {
  width: 200px;
  position: absolute;
  top: 0;
}
.faq-side.fixed {
  position: fixed;
  top: 70px;
  background:#FFF;
  z-index:99;
}
.faq-side a {
  font-size: 16px;
  display: block;
  padding: 10px 15px;
  border-top: 1px solid #eee;
  text-transform: capitalize;
  background: #f5f5f5;
}
.faq-side a:hover {
  background: #f6faff;
  text-decoration: none;
}
.faq-side > h4 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
}
.faq-main {
  padding-left: 230px;
}
.faq-main > h2 {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #a32035;
  font-size: 16px;
  text-transform: capitalize;
  clear: none;
  border: none;
}
.faq_item {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0 0;
  border: 1px solid #e2e2e2;
  position: relative;
  z-index: 1;
  display: block;
  padding: 20px;
  padding-right: 40px;
  cursor: pointer;
  outline: 0;
  text-decoration: none;
}
.faq_item:hover {
  color: #00aeef;
  text-decoration: none;
}
.faq_item:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: ' \f054';
  position: absolute;
  top: 20px;
  right: 20px;
}
.faq-main h1 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 20px;
  border: none;
}
.faq-main h2 {
  color: #a32035;
  font-size: 16px;
  text-transform: capitalize;
}
.faq-main h3 {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0 0;
  border: 1px solid #e2e2e2;
}
.faq-main article {
  display: none;
  padding: 0 20px 20px;
  border: 1px solid #e2e2e2;
  border-top: 1px solid #fff;
  margin-top: -1px;
  background: #fff;
}
.faq-main a:hover {
  color: #00aeef;
}
.faq-main .topic {
  position: relative;
  z-index: 1;
  display: block;
  padding: 20px;
  padding-right: 40px;
  cursor: pointer;
  outline: 0;
  text-decoration: none;
}
.faq-main .topic:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: ' \f078';
  position: absolute;
  top: 20px;
  right: 20px;
}
.faq-main .topic.active:after {
  content: ' \f077';
}
@media (max-width: 1023px) {
  .faq-side {
    display: none;
  }
  .faq-main {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-height: 820px) {
  .faq-side a{
    padding:8px 15px;
  }
  .faq-side>h4{
      margin-top: 13px;
      margin-bottom: 13px;
  }
}

.code {
  border-top: 3px solid #e2e2e2;
  border-bottom: 3px solid #e2e2e2;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 5px;
  font-family: 'courier new', helvetica, 'times new roman', serif;
  font-size: 1.1em;
  margin: 3px;
  white-space: nowrap;
  overflow: auto;
}
.small {
  font-size: 11px;
}
.message {
  border: 1px #ffb400 solid;
  background-color: #fbf5e5;
  padding: 15px;
  margin: 15px;
  clear: both;
}
.swatch {
  padding: 2px 5px 3px 0;
}

.accessory_item {
  float: left;
  clear: both;
  margin-bottom: 15px;
}
.accessory_img {
  float: left;
  width: 100px;
  height: 70px;
  text-align: center;
}
.accessory_txt {
  float: left;
  width: 740px;
  height: 70px;
  padding: 0 0 0 15px;
}

#gallery360 {
  display: none;
  position: relative;
  width: 100%;
}
#accessory360 {
  position: relative;
  float: left;
  padding-left: 30px;
  width: 100%;
}

#footer-wrapper {
  background-color: #f5f5f5;
  border-top: 1px solid #e2e2e2;
}
#footer-wrapper a,
#footer-wrapper a:visited {
  color: #666;
}
#footer-wrapper a:hover,
#footer-wrapper a:active {
  color: #333;
  text-decoration: underline;
}
#footer-wrapper .bottom {
  padding-top: 10px;
  border-bottom: 1px solid #e3e3e3;
}

.bottom {
  height: auto;
  z-index: 5;
  font-size: 12px;
  clear: both;
}
.bottom ul {
  margin: 0px;
  padding: 0 0 0 0px;
  list-style-type: none;
}
.bottom li {
  margin: 0px;
}
.bottom .columns {
  width: 20%;
  padding: 20px 10px;
  float: left;
}
.bottom #customers_say {
  padding: 7px 15px 15px 15px;
  font-size: 12px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
}
.bottom #customers_say li {
  padding: 10px 0px 0px 0px;
}
.bottom .badge-hiring {
  position: absolute;
  z-index: 2;
  margin-left: 15px;
  padding: 0 6px;
  background: #a32035;
  color: #fff;
}
.bottom .badge-hiring:before {
  position: absolute;
  right: 100%;
  content: '';
  width: 0;
  height: 0;
  border-width: 11px;
  border-style: solid;
  border-color: transparent #a32035 transparent transparent;
}
.bottom a[href*='.pdf']:before {
  display: none;
}
#footerbar {
  clear: both;
  width: 100%;
  height: 18px;
}

.footer-cert {
  float: left;
}
.footer-cert img {
  display: block;
}
.footer-copyright {
  float: right;
  margin-top: 30px;
  text-align: right;
}
#bbblink {
  float: right;
}

.bottom .columns ul {
  margin: 5px 0 0 0;
  padding: 0 0 0 0px;
  list-style-type: none;
}
.bottom .columns li {
  margin: 0px;
  line-height: 22px;
}
.bottom .columns b {
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
}

.close {
  background: url('images/close.png') no-repeat top left;
  position: relative;
  left: 6px;
  height: 16px;
  width: 16px;
  cursor: pointer;
  margin: 3px 0 3px 0;
  float: right;
}
.close:hover {
  background: url('images/close.png') no-repeat bottom left;
}

.copyright {
  text-decoration: none;
  padding: 10px;
  font-size: 12px;
  color: #555;
  margin: 0 auto;
}
.copyright-left {
  float: left;
}
.copyright-right {
  float: right;
}

#lockform {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1006;
  background: url(images/opacity.png) repeat;
}

/** New comparison table with corrected name. **/
.comparison {
  border-collapse: collapse;
  text-align: left;
  line-height: 24px;
}
.comparison td {
  padding: 10px;
  border-bottom: 1px solid #e2e2e2;
  line-height: 24px;
}
.comparison .criteria {
  width: 250px;
  font-weight: bold;
}
.comparison .flashbay {
  width: 236px;
  padding: 10px 20px 10px 20px;
  background-color: #dff0d8;
}
.comparison .flashbay .fb-tick {
  font-size: 18px;
  margin-right: 2px;
  vertical-align: top;
}
.comparison .flashbay.fb-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.comparison .flashbay.fb-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.comparison .competitor {
  width: 300px;
  background-color: #fcf8e3;
  padding: 10px 20px 10px 20px;
}
.comparison img.tick_compare {
  margin: 2px 2px 2px 2px;
  position: relative;
  top: 4px;
}

.tp-iframe-heading {
  padding-bottom: 15px;
  border-bottom: 1px solid #e2e2e2;
  font-size: 16px;
  color: #00b67a;
  text-align: center;
}
.tp-iframe-heading .reviews-logo {
  position: relative;
  padding: 15px 30px;
  width: 70%;
  height: auto;
}
.tp-iframe-widget {
  padding: 10px 8px;
  font-size: 12px;
  overflow: hidden;
}
.tp-iframe-widget:hover {
  cursor: pointer;
}
.tp-iframe-widget .reviews .article {
  float: left;
  width: 100%;
  border-top: 1px solid #e2e2e2;
  padding: 10px 0;
}
.tp-iframe-widget .reviews .article:first-child {
  border-top: none;
  padding-top: 0;
}
.tp-iframe-widget .reviews-title {
  font-size: 13px;
}

.tp-iframe-footer {
  display: block;
  font-size: 11px;
  font-weight: 700;
  width: 100%;
  padding: 0 0 4px;
  text-transform: uppercase;
  text-decoration: none;
}
.tp-iframe-footer .logo {
  background: url(/images/icon/sprite.png) no-repeat;
}
.tp-iframe-footer .pilot,
.tp-iframe-footer .trust {
  position: relative;
  top: -1px;
}
.tp-iframe-footer .trust {
  color: #000;
  margin: 0 0 0 4px;
}
.tp-iframe-footer .pilot {
  color: #555;
}
.tp-iframe-footer .logo {
  background-position: -2px -265px;
  height: 12px;
  width: 12px;
  margin: 0 0 0 10px;
  display: inline-block;
}

/**
 * reviews all-in-one
 */
.reviews {
  min-height: 220px;
}
.reviews-logo {
  margin-bottom: 10px;
  vertical-align: middle;
}
.reviews-logo i {
  color: #a8a8a8;
}
.reviews-logo .twipsy-wrapper {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.reviews-text {
  margin-bottom: 10px;
  font-weight: bold;
}
.reviews-rating {
  margin-bottom: 10px;
  font-weight: bold;
}
.reviews-stars {
  margin-bottom: 10px;
}
.reviews-all,
.reviews-all:active,
.reviews-all:visited {
  color: #777;
  font-weight: normal;
  font-size: 14px;
  vertical-align: middle;
  width: 65%;
  margin: auto;
}
.reviews-all .text-inherit:hover,
.reviews-all .text-inherit:active,
.reviews-all .text-inherit:visited {
  color: #777;
}
.reviews-desc {
  padding-bottom: 8px;
  line-height: 20px;
}
.reviews-desc .read-more {
  display: none;
}
.reviews-desc.limited > div {
  max-height: 88px;
  overflow: hidden;
}
.reviews-desc.limited > .read-more {
  display: block;
}
.reviews-author {
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reviews-author .fa {
  margin-right: 6px;
  font-size: 20px;
  color: #c7c7c7;
}
.reviews-time {
  float: right;
  opacity: 0.6;
  white-space: nowrap;
  overflow: hidden;
}
.reviews-title {
  margin: 6px 0 0;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reviews-image {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  max-height: 230px;
  overflow: hidden;
}

.clearfix:before,
.clearfix:after,
.wrapper:before,
.wrapper:after {
  content: ' ';
  display: table;
}

.clearfix:after,
.wrapper:after {
  clear: both;
}

/*Google Rating Rich Snippet Hidden Text Start*/
.RatingTextNoVisible {
  font-size: 0.1px;
  color: #efefef;
  display: none;
}
/*Google Rating Rich Snippet Hidden Text End*/

/*IP redirect message*/
.notice-bar {
  position: relative;
  padding: 10px 40px 10px 10px;
  background-color: #e7f4fc;
  border-top: 1px solid #bdbfce;
  border-bottom: 1px solid #bdbed0;
  text-align: center;
  color: #555;
}
.notice-bar .fa {
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
  font-size: 30px;
  padding: 20px 10px;
  cursor: pointer;
}
.notice-bar a {
  text-decoration: underline;
  color: #555;
}

.tk {
  padding: 30px 15px;
}
.tk-note {
  position: relative;
  padding: 20px 0;
  font-size: 32px;
  color: #00b67a;
  font-weight: 700;
}
.tk-note .fa {
  font-size: 80px;
  vertical-align: middle;
}
.tk-note .tk-note-text {
  padding-left: 15px;
  vertical-align: middle;
}

/*moved from solutions.php*/
.compatibility {
  margin-top: 15px;
  border-collapse: collapse;
  text-align: center;
}
.compatibility td {
  border: 1px solid #e2e2e2;
  padding: 7px;
}
.compatibility .fa {
  font-size: 19px;
}
.fa-check-circle {
  color: #00b67a;
}
.fa-exclamation-circle,
.fa-exclamation,
.text-warning {
  color: #f3d100;
}
.fa-times-circle {
  color: #e6544a;
}

/*moved from jobs.php*/
#gmap {
  width: 545px;
  height: 320px;
  margin: 10px;
  padding: 4px;
  float: right;
}
#job-list {
  margin-top: -20px;
}
#job-list dt {
  margin-top: 20px;
  font-weight: 700;
}
#job-list dd {
  margin: 2px 0;
}

/*moved form bootstrap_datepicker.php*/
.datepicker.dropdown-menu {
  font-size: 12px;
  color: #555;
}

/*moved from bootstrap_css.php*/
.bs-style .table > thead > tr > th {
  border-bottom: 1px solid #efefef;
}
.bs-style .table-bordered {
  border: 1px solid #e2e2e2;
}
.bs-style .table-bordered > tbody > tr > td,
.bs-style .table-bordered > tbody > tr > th,
.bs-style .table-bordered > tfoot > tr > td,
.bs-style .table-bordered > tfoot > tr > th,
.bs-style .table-bordered > thead > tr > td,
.bs-style .table-bordered > thead > tr > th {
  border: 1px solid #e2e2e2;
}
.bs-style .table > tbody > tr > td,
.bs-style .table > tbody > tr > th,
.bs-style .table > tfoot > tr > td,
.bs-style .table > tfoot > tr > th,
.bs-style .table > thead > tr > td,
.bs-style .table > thead > tr > th {
  border-top: 1px solid #efefef;
}

/*moved from factory.php*/
.bubble-container {
  position: relative;
  top: -766px;
  top: -680px;
}
.bubble {
  width: 88px;
  height: 90px;
  position: absolute;
  background-color: #424445;
  border-left: 5px solid #585c5e;
  border-radius: 50%;
  border-right: 5px solid #585c5e;
  display: table;
}
.bubble-string {
  border: solid #fff;
  border-width: 1px 0 0;
  position: absolute;
}
.factory-label {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 13px;
  padding: 5px;
}

/*moved from product_lister.php*/
.color-circle.color-pantone {
  padding: 0;
  border: 0;
  left: 0;
  top: 0;
  position: relative;
}
.color-pantone,
.ptn,
.umbrella {
  content: '';
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  list-style: none;
}
.umbrella {
  position: relative;
  margin: 0;
  padding: 0;
}
.ptn,
.ptn:nth-child(n + 7):after {
  clip: rect(0, 20px, 20px, 10px);
}
.ptn:after,
.ptn:nth-child(n + 7) {
  content: '';
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  clip: rect(0, 10px, 20px, 0);
}
.ptn:nth-child(1):after {
  background-color: #9ed110;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  z-index: 12;
}
.ptn:nth-child(2):after {
  background-color: #50b517;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  z-index: 11;
}
.ptn:nth-child(3):after {
  background-color: #179067;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 10;
}
.ptn:nth-child(4):after {
  background-color: #476eaf;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  z-index: 9;
}
.ptn:nth-child(5):after {
  background-color: #9f49ac;
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  z-index: 8;
}
.ptn:nth-child(6) {
  background-color: #cc42a2;
}
.ptn:nth-child(6):after {
  background-color: #cc42a2;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 7;
}
.ptn:nth-child(7) {
  background-color: #ff3ba7;
}
.ptn:nth-child(7):after {
  background-color: #ff3ba7;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ptn:nth-child(8):after {
  background-color: #ff5800;
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}
.ptn:nth-child(9):after {
  background-color: #ff8100;
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}
.ptn:nth-child(10):after {
  background-color: #ff9900;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.ptn:nth-child(11):after {
  background-color: #fc0;
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}
.ptn:nth-child(12):after {
  background-color: #ede604;
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}
@media (max-width: 600px) {
  .color-clear:before,
  .product_table .color-circle {
    width: 10px;
    height: 10px;
  }
  .color-pantone,
  .ptn,
  .umbrella {
    left: calc(50% - 5px);
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
  }
  .ptn,
  .ptn:nth-child(n + 7):after {
    clip: rect(0, 10px, 10px, 5px);
  }
  .ptn:after,
  .ptn:nth-child(n + 7) {
    left: calc(50% - 5px);
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
    clip: rect(0, 5px, 10px, 0);
  }
}

/*case form*/
.case-form {
  position: relative;
  max-width: 800px;
  margin: 50px auto;
  color: #7a7a7a;
}
.case-form img {
  max-width: 100%;
}
.case-form textarea {
  width: 100%;
}
.case-form input {
  width: 100%;
  height: auto;
  padding: 6px;
}
.form-group {
  margin-bottom: 15px;
  clear: both;
}

.col-half {
  float: left;
  width: 48%;
}
.col-half:first-child {
  margin-right: 4%;
}

.alert {
  padding: 15px;
  margin-top: 20px;
  border-radius: 2px;
}
.alert-info {
  background: #d9edf7;
  color: #31708f;
}

.imagePlaceholder {
  background: #f7f7f7;
  background: #fffdd1;
  padding: 15px 0;
  font-size: 12px;
  vertical-align: middle;
  text-align: center;
}
.btn-upload {
  position: relative;
  background: #737373;
  color: #fff;
  display: inline-block;
  padding: 0 15px;
  white-space: nowrap;
  width: 100%;
  height: 36px;
  line-height: 36px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  border-radius: 2px;
  overflow: hidden;
}
.upload-ghost {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 400px;
}

/*case study*/
.case {
  position: relative;
  margin-bottom: 50px;
  padding-left: 120px;
  color: #7a7a7a;
}
.case img {
  max-width: 100%;
}
.case textarea {
  width: 100%;
}
.case input {
  height: auto;
}
.case-date {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  background: #fdf7f9;
  color: #a0192f;
}
.case-heading {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #7a7a7a;
}
.case-logo {
  margin-right: 20px;
  vertical-align: middle;
  max-width: 100px;
  height: 40px;
}
.case-title {
  font-size: 30px;
  font-weight: 700;
  vertical-align: middle;
}
.case-link {
  float: right;
  vertical-align: middle;
  color: #717171;
  padding-top: 10px;
  font-size: 20px;
}
.case-link a,
.case-link a:visited,
.case-link .fa {
  color: inherit;
}
.case-body p {
  margin: 0 0 15px;
}
.case-info {
  position: relative;
  line-height: 0;
}
.case-img,
.case-detail {
  width: 50%;
  height: 480px;
}
.case-detail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  width: 50%;
  background: #f1f1f1;
  padding: 0 10%;
  text-align: right;
}
.case-detail h3 {
  font-size: 26px;
  margin-bottom: 15px;
}
.case-footer h3 {
  margin-top: 20px;
  margin-bottom: 0;
}
.case-stars {
  float: left;
  width: 100px;
}
.case-stars .fa {
  color: #fff000;
}
.case-feedback-txt {
  overflow: hidden;
}

/**
 * @VoltbayMigration
 */
.form-control {
  display: block;
  width: 100%;
  height: auto;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e2e2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  font-size: 14px;
  line-height: 1.42857 !important;
  padding: 6px 12px !important;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.form-control:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}
textarea.form-control {
  height: auto;
}

img {
  border: none;
}

.bg-gray {
  background: #f5f5f5;
}
.bg-sky {
  background: #f0f8ff;
}
.bg-green {
  background: #dbeddb;
}
.bg-white {
  background: #fff;
}

.label-capacity {
  position: relative;
  display: inline-block;
  padding: 3px 6px;
  margin-right: 7px;
  margin-bottom: 5px;
  font-size: 14px;
  border: 1px solid #e2e2e2;
  background: #f2f6fb;
  border-radius: 3px;
  text-align: center;
}
.label-capacity:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -5px;
  width: 5px;
  height: 10px;
  background: #c4c5c6;
}
/* .label-capacity .twipsy{width:220px;} */
/* .label-capacity:hover .twipsy{display:block;} */

.list-unstyled,
.list-unstyled ul {
  list-style: none;
  padding-left: 0;
}
.list-tick,
.list-tick ul {
  list-style: none;
  padding-left: 0;
  white-space: initial;
}
.list-tick li:before {
  margin-right: 5px;
  color: #00b67a;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  content: ' \f00c';
  vertical-align: middle;
}
.list-tick li > .fa-check {
  display: none;
}
.list-tick .fa-check {
  font-size: 20px;
}
/* .list-tick div:last-child {
  text-align: right;
} */

.featured-image {
  position: relative;
  text-align: right;
}
/* .featured-image > img {
  max-width: 600px;
} */
.led {
  position: absolute;
  left: 55%;
  padding-left: 60px;
}
.led1 {
  top: 18%;
  color: #56ca17;
}
.led2 {
  top: 45%;
  color: #f3d100;
}
.led3 {
  top: 72%;
  color: #da1313;
}
.led:before {
  content: '';
  position: absolute;
  left: 0;
  top: -10px;
  width: 45px;
  height: 45px;
  border-radius: 100%;
}
.led1:before {
  background: #56ca17;
  background-image: radial-gradient(circle farthest-corner at 6px 6px, #95d55a, #7aba3f);
}
.led2:before {
  background: #f3d100;
  background-image: radial-gradient(circle farthest-corner at 6px 6px, #f7d61d, #debd04);
}
.led3:before {
  background: #da1313;
  background-image: radial-gradient(circle farthest-corner at 6px 6px, #de0b00, #a32035);
}

/** Charge Graph **/
.charge-graph {
  min-height: 100px;
  padding: 10px 10px 80px 50px;
  white-space: nowrap;
}
.charge-graph .graph {
  position: relative;
  display: inline-block;
  min-width: 200px;
  border: 2px solid #000;
  border-top: none;
  border-right: none;
  white-space: nowrap;
  font-size: 0;
}
.charge-graph .graph-bar {
  position: relative;
  display: inline-block;
  width: 50px;
  bottom: -10px;
}
.charge-graph .graph-brick {
  font-size: 12px;
  width: 100%;
  text-align: center;
  line-height: 24px;
}
.charge-graph .level-container {
  margin-left: -40px;
  margin-right: -5px;
  bottom: 0;
}
.charge-graph .battery {
  text-align: center;
  height: 24px;
  padding-top: 4px;
}
.charge-graph .battery .battery-outline {
  display: inline-block;
  position: relative;
  height: 16px;
  width: 30px;
  border-radius: 2px;
  border: 2px solid #000;
  padding: 1px;
  background-color: #000;
}
.charge-graph .battery .battery-outline .battery-cap {
  position: absolute;
  width: 4px;
  height: 8px;
  right: -4px;
  top: 2px;
  border: none;
  border-radius: 3px;
  background-color: #333;
}
.charge-graph .battery .battery-outline .battery-level {
  width: 100%;
  height: 10px;
  background-color: #333;
}
.charge-graph .x-label {
  width: 50px;
  height: 0px;
  line-height: 0px;
  padding-left: 40px;
  margin-bottom: -50px;
  font-size: 12px;
  text-align: center;
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.charge-graph .y-label {
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: -120px;
  width: 160px;
  height: 80px;
  line-height: 80px;
  margin-top: -40px;
  text-align: center;
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.charge-graph .battery .battery-outline .battery-level-text {
  position: absolute;
  left: 2.5px;
  top: -4.5px;
  font-size: 70%;
  color: #fff;
}
/** Colors, starting from 3 **/
.charge-graph .charge-times-container:nth-of-type(3) .battery-outline {
  border-color: green !important;
}
.charge-graph .charge-times-container:nth-of-type(3) .battery-cap {
  background-color: green !important;
}
.charge-graph .charge-times-container:nth-of-type(3) .battery-level {
  background-color: green !important;
}
.charge-graph .charge-times-container:nth-of-type(4) .battery-outline {
  border-color: purple !important;
}
.charge-graph .charge-times-container:nth-of-type(4) .battery-cap {
  background-color: purple !important;
}
.charge-graph .charge-times-container:nth-of-type(4) .battery-level {
  background-color: purple !important;
}
.charge-graph .charge-times-container:nth-of-type(5) .battery-outline {
  border-color: #3251a2 !important;
}
.charge-graph .charge-times-container:nth-of-type(5) .battery-cap {
  background-color: #3251a2 !important;
}
.charge-graph .charge-times-container:nth-of-type(5) .battery-level {
  background-color: #3251a2 !important;
}
.charge-graph .charge-times-container:nth-of-type(6) .battery-outline {
  border-color: #f90 !important;
}
.charge-graph .charge-times-container:nth-of-type(6) .battery-cap {
  background-color: #f90 !important;
}
.charge-graph .charge-times-container:nth-of-type(6) .battery-level {
  background-color: #f90 !important;
}
.charge-graph .charge-times-container:nth-of-type(7) .battery-outline {
  border-color: #189de1 !important;
}
.charge-graph .charge-times-container:nth-of-type(7) .battery-cap {
  background-color: #189de1 !important;
}
.charge-graph .charge-times-container:nth-of-type(7) .battery-level {
  background-color: #189de1 !important;
}
.charge-graph .charge-times-container:nth-of-type(8) .battery-outline {
  border-color: #05b0ff !important;
}
.charge-graph .charge-times-container:nth-of-type(8) .battery-cap {
  background-color: #05b0ff !important;
}
.charge-graph .charge-times-container:nth-of-type(8) .battery-level {
  background-color: #05b0ff !important;
}
.charge-graph .charge-times-container:nth-of-type(9) .battery-outline {
  border-color: #0075c1 !important;
}
.charge-graph .charge-times-container:nth-of-type(9) .battery-cap {
  background-color: #0075c1 !important;
}
.charge-graph .charge-times-container:nth-of-type(9) .battery-level {
  background-color: #0075c1 !important;
}
.charge-graph .charge-times-container:nth-of-type(10) .battery-outline {
  border-color: #265a88 !important;
}
.charge-graph .charge-times-container:nth-of-type(10) .battery-cap {
  background-color: #265a88 !important;
}
.charge-graph .charge-times-container:nth-of-type(10) .battery-level {
  background-color: #265a88 !important;
}
.charge-graph .charge-times-container:nth-of-type(11) .battery-outline {
  border-color: #15c !important;
}
.charge-graph .charge-times-container:nth-of-type(11) .battery-cap {
  background-color: #15c !important;
}
.charge-graph .charge-times-container:nth-of-type(11) .battery-level {
  background-color: #15c !important;
}
.charge-graph .charge-times-container:nth-of-type(12) .battery-outline {
  border-color: #125a92 !important;
}
.charge-graph .charge-times-container:nth-of-type(12) .battery-cap {
  background-color: #125a92 !important;
}
.charge-graph .charge-times-container:nth-of-type(12) .battery-level {
  background-color: #125a92 !important;
}

/** Charge times level **/
/** Hack in twispy to put arrow at correct point **/
/* .twipsy.charge-graph-twipsy{width:auto!important;} */
.twipsy.charge-graph-twipsy .twipsy-inner {
  position: relative;
  padding-top: 10px;
  width: auto !important;
}

/* Enquiry form */
.flashbox {
  position: absolute;
  top: 70px;
  left: 0px;
  z-index: 2000;
  text-align: left;
}
.flashbox .image {
  text-align: center;
}
.flashbox .form-group {
  margin-bottom: 15px;
}
.flashbox .lg-box {
  clear: both;
}
.flashbox .sm-box {
  float: left;
  width: 48%;
}
.flashbox-backdrop {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.flashbox_hide {
  z-index: -100;
}
.flashbox_overlayBG {
  background-color: #000;
  z-index: 1998;
}
.fb-modal {
  width: 670px;
  /* overflow: hidden; */
}
.fb-modal-small {
  width: 450px;
}
.fb-modal-dialog {
  border-radius: 10px;
  /* overflow: hidden; */
}
.fb-modal .fb-modal-head {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.fb-modal .fb-modal-body {
  position: relative;
  padding: 20px;
  border-radius: 0 0 10px 10px;
  background: #fff;
  /* overflow: hidden; */
}

.product_choice {
  margin: 0 0 10px;
}
.product_choice input {
  margin-right: 3px;
}
.product_choice label {
  display: inline-block;
  margin-bottom: 5px;
  position: relative;
  font-weight: normal;
  cursor: pointer;
  text-align: center;
}
.product_choice div {
  float: left;
  width: 90px;
  min-height: 110px;
}
.product_choice div input {
  margin-right: 0;
  border: 1px solid #e2e2e2;
}
.product_choice div label img {
  position: relative;
  margin: 0 auto !important;
  display: block;
  pointer-events: none;
}
.product_choice .fa {
  display: none;
  position: absolute;
  left: -18px;
  top: 80px;
  font-size: 18px;
}

#quote_box_title {
  position: relative;
  font-weight: bold;
  line-height: 38px;
  font-size: 24px;
  background-color: #00b67a;
  color: #fff;
  padding: 10px 20px;
  border-bottom: 1px solid #e2e2e2;
}
#quote_box_title .fa-times-circle {
  color: #fff;
  margin-top: 7px;
  opacity: 0.7;
  font-size: 26px;
}
#quote_box_title .fa-times-circle:hover {
  text-decoration: none;
  color: #fff;
  opacity: 1;
}

.fb-modal-title {
  margin: 0;
  padding: 10px 20px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 700;
  background: #efefef;
}
.fb-modal-close {
  float: right;
  color: #555;
  margin-top: 7px;
  opacity: 0.5;
  font-size: 26px;
}
.fb-modal-close:hover {
  text-decoration: none;
  opacity: 1;
  color: #555;
}
.fb-modal-close-large {
  font-size: 40px;
  margin-top: 0;
}
.fb-modal-close-outer {
  position: absolute;
  top: -30px;
  right: -30px;
  z-index: 1;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 30px !important;
}

#quoteform #address {
  bottom: 58px;
  padding: 5px 0 0 15px;
  position: absolute;
  right: 0;
  font-size: 13px;
}
#quoteform #address p {
  margin-bottom: 5px;
}
#quoteform .error .form-control:focus {
  border-color: #a32035;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(177, 0, 49, 0.5);
}
.fa.form-control-feedback {
  display: none;
  font-size: 20px;
}
.has-feedback .fa.form-control-feedback {
  display: block;
}
@media (max-width: 600px) {
  .flashbox {
    top: 20px;
  }
}

/*reviews stars*/
.fb-stars {
  line-height: 0;
}
.fb-stars .fb-star {
  width: 1.4vw;
  height: 1.4vw;
  max-width: 22.5px;
  max-height: 22.5px;
  background-color: #e5e5e5;
  background-image: url('/images/str.svg');
  /* background-image: var(--str-svg); */
  display: inline-block;
}
.fb-stars .fb-star:not(:last-of-type) {
  margin-right: 2px;
}
.fb-stars-lg .fb-star {
  width: 3vw;
  height: 3vw;
  max-width: 45px;
  max-height: 45px;
}
.fb-stars-5 .fb-star {
  background-color: #00b67a;
}
.fb-stars-4 .fb-star:nth-last-child(n + 2) {
  background-color: #73cf11;
}
.fb-stars-3 .fb-star:nth-last-child(n + 3) {
  background-color: #ffce00;
}
.fb-stars-2 .fb-star:nth-last-child(n + 4) {
  background-color: #ff8622;
}
.fb-stars-1 .fb-star:nth-last-child(n + 5) {
  background-color: #ff3722;
}
@media (max-width: 1024px) {
  .fb-stars .fb-star {
    width: 16px;
    height: 16px;
  }
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.follow_us .fa {
  font-size: 16px;
}

.tm-registered:after {
  content: '®';
  vertical-align: super;
  font-size: 75%;
}

/*.available-sizes{display:flex;align-items:flex-end;}*/
.available-size {
  position: relative;
  float: left;
  width: 50px;
  height: 70px;
  margin-right: 10px;
  border-width: 8px 4px 8px 4px;
  border-style: solid;
  border-radius: 3px;
  text-align: center;
  font-size: 10px;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.available-size:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 48%;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
}
.inductive_charger .available-size {
  width: 70px;
  height: 70px;
  border-width: 3px;
  border-radius: 50%;
}
.inductive_charger .available-size:after {
  width: 0;
  height: 0;
}
.inductive_charger .available-size.tv60 {
  width: 65px;
  height: 65px;
}
.available-ml {
  display: inline-block;
  margin-right: 10px;
}

/**
 * button stylesheet
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}
.btn {
  display: inline-block;
  padding: 10px 20px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 9999px;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}
.btn .fa {
  color: inherit;
}
.btn:visited {
  color: #fff;
}
.btn:focus,
.btn:hover {
  text-decoration: none;
}
.btn.focus,
.btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.btn.disabled,
.btn:disabled,
.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  color: gray;
}
.btn.active,
.btn:active {
  background-image: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-basic {
  background: #00b67a;
  color: #fff;
  border-color: #00b67a;
}
.btn-basic:hover {
  background: #00a96d;
  color: #fff;
  border-color: #00a96d;
}
.btn-light,
.btn-light:visited {
  background: #fff;
  color: #00b67a;
  border-color: #00b67a;
}
.btn-warning {
  background: #faa732;
  color: #fff;
  border-color: #faa732;
}
.btn-warning:hover {
  background: #f89406;
  color: #fff;
  border-color: #f89406;
}
.btn-blue {
  background: #02A3B7;
  color: #fff;
  border-color: #02A3B7;
}
.btn-blue:hover {
  background: #0293a5;
  color: #fff;
  border-color: #0293a5;
}
.btn-blank {
  background: #f5f5f5;
  border-color: #555;
  color: #555;
  font-weight: 300;
}
.btn-blank:hover {
  background: #e4e4e4;
  color: #fff;
  border-color: #e4e4e4;
}
.btn-catalog {
  background: #a32035;
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: normal;
  font-size: 12px;
  padding: 6px;
  /* border-radius: 5px; */
}
.btn-block {
  display: block;
}
.btn-large {
  padding: 15px 40px;
  font-size: 20px;
  /* border-radius: 6px; */
}

/**
 * remove this part after btn-basic is ready for the whole site
 */
.btn_quote,
.btn_quote:visited {
  display: inline-block;
  padding: 10px 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  background-color: #00b67a;
  color: #fff;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.btn_quote:focus,
.btn_quote:hover {
  background-color: #00a96d !important;
  text-decoration: none !important;
  color: #fff;
}
.btn_quote:focus {
  outline: 0;
}
.btn_quote.active,
.btn_quote:active {
  background-image: none;
  color: #fff;
}

/**
 * checkbox stylesheet
 */
.fb-checkbox {
  display: none;
  opacity: 0;
}
.fb-checkbox-mark {
  position: relative;
  top: 4px;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #e2e2e2;
  border-radius: 20px;
  background-color: #fff;
  cursor: pointer;
}
.fb-checkbox:checked + .fb-checkbox-mark {
  border-color: #00b67a;
  background-color: #00b67a;
}
.fb-checkbox:checked + .fb-checkbox-mark:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  color: #fff;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAHNQAABzUB3AtqBwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAASOSURBVHic7d1LrF1TGAfwtZVqvUKLCEFCPEMNNEFpI0GoRyQMJFJiYOQRiRITRuIRwkQ8RkUiQgwMxDMMGiGREJGoRwdNPKNSjVL16E1/BruNG9rrPL69113nrt/43rW/b/3vWfucu9e6N6WqqqqqqqqqqqqqqqqqKkOTu4DS4PCU0tEppY1N03ybu545C4vwIqa0duBVHJ+7tjkHe+M9u7cVN6GuNn3BvXsIY7r3cWLuWicezsL2AQKBbbgLe+WueyJhIT4fMIzp3lXvLfHwwAhh7LIJK3L3MDFwtn/eUY0TyqJhrlvXut3AfimlZ1JK88YcanFK6bphvqEGsnv3p5ROChrrlGG+uAbyLzg/pXRr4JA/BI41t+BAbBjzvjHdFE7N3Vex8HRgGHBf7p6KhauCw/gE83P3VSQcjh8Dw/gTZ+Tuq1h4ITAMuCd3T8XCNcFhfIC9c/dVJByh/TQdZRtOzt1XsfBKYBhwR+6eioUbgsNYq/7afTQ4Bj8HhvErjsvdV5HQ4O3AMOCW3H0VS/v8O9Ib6vP00eAE/BYYxhYcm7uvImGePe8cGdWNufsqFlYHh/Fq7p6KhdPwR2AYP+HI3H0VCfvgo8AwYFXuvoqFu4PDeCl3T8XCmQbf5DaIH3Bo7r6KhAVYFxgGXJm7r2LhvuAwns/dU7EMtx93EN/g4Nx9FUm7H/eLwDDgstx9FQuPBoexJndPY8FiXIhlGHcr5rDXXmb8/bjTfYdD+uwhDObjMe2Oi12+1tM7E+yH9YFh7MDKPmoPp12335qhsZt6qOHJwDDg8a5r7sT/hNFLKFi58xpR1mt3wJdlZxhvDthkJ6HgEO1aH2UKy6Lr7Jz2k/CgYXQWCp4NDAMeiayvFyOGsUtYKLg6LIbWp9g3orbeaH+d/fKYjU/h+jHrWCR+qTo3ap56g4cCJ2DkUPBcUB27PBw5T73AwfgrcBJGCkX8UrUOC7qYs05pPwlHGyoU8UcHtmNpl/M2jGG3Pm7poIZ5KaU1Q4TyVErpsMDrP9g0zYeB4/VHu+vvy8Cfzun+95WCVcHX/Fjpp5xwjnbbfRf2GAqOwubAa/2JJX3PXydwnnaDcRf+8zlF+8p8J/g6d+aav07oMRTcHDz+ZB4d0EMo4vfjTvbRAVyM3wMnbLopsc844PbcczaTkG30OC+l9HpK6YCI8Tr0VkrpkqZp5C5kT8LONWB5Sum1NHtD+SWltKRpmq9yFzKTsBtb0zTvppQuTSltjRoz2OrZHkYnsFx3N/pRFXN0oJOjWGbX8rU5pXR60zTf5y5kEJ28F59ly9dtpYTROfmXr+KODnR+ejTj8rUxpXRa0zSber7u7IcVGV4p9ejATHaGsrWnMOrRgUH0FEo9OjAM7Ubsrp6nwOW5eywOLuoolLKPDuTUQShf4aDcfRUtMJQduCB3PxMhKJQncvcxUcYMZT32z93DxBkxlDKPDpRihFAezV3zxMMVA4byPhbmrndOwFJ8NkMYb2Nx7jrnFO3/DrxWexZlg/YPv6zFdXo+bl1VVVVVVVVVVVVVVVVVVTXr/Q1fcxqpHpyvpgAAAABJRU5ErkJggg==);
}

/**
 * radiobox stylesheet
 */
.radio-inline {
  display: inline-block;
  margin-right: 8px;
}

/**
 * image dropdown menu
 */
.image-dropdown a {
  padding: 3px;
  color: inherit;
}
.image-dropdown a:hover {
  background: inherit;
  top: -2px;
  color: inherit;
}

.image-dropdown a.view-all {
  float: none;
  display: inline-block;
  margin-left: 15px;
  font-size: 14px;
  font-weight: 550;
  padding: 0 !important;
  color: #0066cc;
}
.image-dropdown a.view-all:hover {
  top: 0;
  text-decoration: none;
  color: #0066cc;
}
.image-dropdown a.view-all > span {
  margin-left: 4px;
}
.image-dropdown a.view-all:hover > span {
  border-bottom: 1px solid #0066cc;
}
.image-dropdown a.view-all .fa {
  color: inherit;
}

.image-dropdown .image-dropdown-heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
}
.image-dropdown .image-dropdown-heading sup {
  line-height: 0;
} /* fix sup cause wrong line-height */
.image-dropdown .image-dropdown-models {
  width: 50%;
  float: left;
}
.image-dropdown .image-dropdown-models-heading {
  display: inline-block;
  height: 22px;
}
.image-dropdown .image-dropdown-models-heading a.view-all:hover {
  text-decoration: underline !important;
}
.image-dropdown .image-dropdown-models-heading .image-dropdown-models-heading-tooltip {
  display: none;
  font-size: 12px;
  padding: 0;
}
.image-dropdown .image-dropdown-models-heading .image-dropdown-models-heading-tooltip > .fa {
  color: inherit;
  bottom: 0;
}
.image-dropdown .image-dropdown-models-heading:hover .image-dropdown-models-heading-tooltip {
  display: inline-block;
  float: none;
}
.image-dropdown .image-dropdown-models-body {
  padding-left: 10px;
}
.image-dropdown .image-dropdown-models-body > a {
  float: left;
  position: relative;
  padding: 20px 3px 0;
}
.image-dropdown .image-dropdown-models-body > a > div {
  display: none;
  width: 300px;
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.image-dropdown .image-dropdown-models-body > a:hover > div {
  display: block;
}
.image-dropdown.image-dropdown-flash .image-dropdown-models-body > a {
  padding-left: 5px;
  padding-right: 5px;
}
.image-dropdown-gift-set .nav-menu-image {
  width: 80px;
  height: 80px;
}
.image-dropdown-drinkware .image-dropdown-models:nth-child(odd) {
  width: 65%;
  float: left!important;
}
.image-dropdown-drinkware .image-dropdown-models:nth-child(even) {
  width: 35%;
  float: right!important;
}
.image-dropdown-drinkware .image-dropdown-models:nth-child(7) {
  width: 20%;
  float: left!important;
}
.image-dropdown-drinkware .image-dropdown-models:nth-child(8) {
  width: 15%;
  float: left!important;
}
.image-dropdown-drinkware .image-dropdown-models:nth-child(9) {
  width: 30%;
  float: left!important;
}

.image-dropdown-keyring-lanyard .image-dropdown-models:nth-child(odd) {
  width: 35%;
}
.image-dropdown-keyring-lanyard .image-dropdown-models:nth-child(even) {
  width: 65%;
}

.image-dropdown-audio .image-dropdown-models:nth-child(3n+1),
.image-dropdown-gadgets .image-dropdown-models:nth-child(3n+1) {
  width: 30%;
}
.image-dropdown-audio .image-dropdown-models:nth-child(3n+2),
.image-dropdown-gadgets .image-dropdown-models:nth-child(3n+2) {
  width: 45%;
}
.image-dropdown-audio .image-dropdown-models:nth-child(3n+3),
.image-dropdown-gadgets .image-dropdown-models:nth-child(3n+3) {
  width: 25%;
}
.image-dropdown.image-dropdown-apparel .image-dropdown-models:nth-child(1) {
  width: 40%;
}
.image-dropdown.image-dropdown-apparel .image-dropdown-models:nth-child(2) {
  width: 60%;
}
.image-dropdown.image-dropdown-apparel .image-dropdown-models:nth-child(n+3) {
  width: 100%;
}

.image-dropdown .image-dropdown-services > a,
.image-dropdown .image-dropdown-accessories > a {
  width: 50%;
  float: left;
  text-align: center;
}

/* preview-box */
.preview-box {
  display: none;
  max-width: 220px;
  position: absolute;
  z-index: 1000;
  background: #fff;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.preview-box .preview-box-img {
  max-width: 100%;
  max-height: 100%;
}
.preview-box .preview-box-sprite-img {
  max-width: 100%;
  max-height: 100%;
  border: 1px solid blue;
}
.preview-box .preview-box-loading {
  display: none;
  color: #00b67a;
  font-size: 42px;
}
.preview-box .preview-box-title {
  background: #02A3B7;
  color: #fff;
  font-weight: bold;
}
.preview-box .preview-box-leadtime-wrapper {
  position:relative;
  display:inline-block;
  text-align: center;
}
.preview-box .preview-box-leadtime-wrapper .fa {
  font-size:12px;
}
.preview-box .preview-box-swatch {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.preview-box .preview-box-swatch .color-circle,
.preview-box .preview-box-swatch .color-circle .ptn {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
}
.preview-box .preview-box-swatch .color-circle .ptn {
  position: absolute;
}

/**
 * new login/register
 */
.fb-login-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 40px;
  background-position: center;
  background-size: cover;
}
.fb-login-form {
  position: absolute;
  top: 20%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  padding: 30px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
.fb-login-form h1 {
  font-size: 24px;
  margin: 30px 0;
}
.login-note {
  padding: 0 15px 30px;
}
.login-tip {
  width: 400px;
  margin: 0px auto 50px auto;
}
.login-message {
  padding: 15px;
  margin: 0 0 20px;
  border: 1px #ffb400 solid;
  background-color: #fbf5e5;
}
@media (max-width: 600px) {
  .fb-login-box {
    width: 450px;
  }
  .fb-login-form {
    top: 10%;
  }
}

.login-copyright .copyright {
  width: 100%;
  height: 40px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
  border-top: 1px solid #e2e2e2;
}
.login-copyright .copyright a,
.login-copyright .copyright a:visited {
  color: #666;
}
.login-copyright .copyright a:hover,
.login-copyright .copyright a:active {
  color: #333;
  text-decoration: underline;
}

.fb-retrieve-body {
  min-height: 200px;
  background-color: #f2f6fb;
  border: 1px solid #dbe8f7;
  width: 400px;
  margin: 60px auto 80px;
  padding: 30px;
}
.fb-retrieve-form label {
  display: block;
  margin: 20px 0 0;
}
.fb-retrieve-form .btn {
  margin: 20px 0;
}

.fb-register-section {
  margin: 10px auto;
  padding: 15px;
}
.fb-register-section h1 {
  font-size: 2em;
}
.fb-register-section label {
  display: block;
}
.fb-register-section .fb-register-tips label:first-child {
  font-weight: 700;
}
.fb-register-section .fb-register-tips label.fb-radio {
  display: inline-block;
}
.fb-register-tips {
  height: 100px;
}
.fb-register-tips label {
  margin: 0 0 15px;
}
.fb-register-tips .fb-radio-txt {
  margin: 0 20px 0 10px;
}
.fb-contact .fb-contact-note,
.fb-register-section .btn {
  margin: 10px 0;
}
.fb-register-body {
  /*border: 1px solid #dbe8f7;
  background-color: #f2f6fb;
  border-radius: 4px;
  */
  min-height: 400px;
  padding: 0px;
  width: 40%;
}
.fb-register-text-block{
  margin-bottom: 25px;
}
.fb-register-body,
.fb-why-register {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}
.fb-why-register {
  margin-left: 140px;
}
@media (max-width: 1023px) {
  .fb-register-body,
  .fb-why-register {
    width: 100%;
  }
  .fb-register-section,
  .fb-why-register {
    margin: 20px 0;
  }
}
.fb-why-register ul {
  padding-left: 0;
}
.fb-why-register li {
  list-style: none;
  padding-left: 0;
}
.fb-why-register li::before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro';
  color: #00b67a;
  font-weight: 900;
  padding: 0 10px 0 0;
}

.fb-passwd-body {
  min-height: 200px;
  background-color: #f2f6fb;
  border: 1px solid #dbe8f7;
  width: 400px;
  margin: 60px auto 80px;
  padding: 30px;
}
.fb-passwd-form label {
  display: block;
}
.fb-passwd-form .btn {
  margin: 20px 0;
}

.fb-message {
  padding: 15px;
  margin: 0;
  margin-bottom:30px;
}
.fb-txt-red {
  background-color: #fbf5e5;
  border: 1px solid #ffb400;
}
.fb-txt-green {
  background-color: #daefe8;
  border: 1px solid #00b67a;
}
.fb-red-border {
  border: 1px solid #e1826c !important;
}
.fb-passwd-weak {
  color: #a32035;
}

/**
 * moq
 */
.moq {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 22px;
}

/**
 * new spec box stylesheet
 */
.spec-box {
  width: 50%;
  float: left;
  padding: 15px;
}
.spec-box-head {
  float: left;
  margin-right: 10px;
}
.spec-box-body {
  overflow: hidden;
}
.spec-box-body h3 {
  margin: 0;
}
.content_services .spec-box-head img {
  width: 12vw;
}
@media (min-width: 601px) and (max-width: 1023px) {
  .spec-box-head {
    float: none;
  }
}
@media (max-width: 600px) {
  .spec-box {
    width: 100%;
  }
}

/**
 *********************************************************************
 * playground
 *********************************************************************
 */
.customer_centre .content_head {
  margin-bottom: 0;
  background: #fff;
  border: none;
}
.customer_centre .content_head h2 {
  line-height: 80px;
  font-size: 20px;
}
.customer_centre .content_head h2 a {
  line-height: 80px;
}
.customer_centre .content-main {
  min-height: 300px;
  height: auto !important;
  padding-left: 15px;
  padding-right: 15px;
}
.customer_centre .invoice-table-container {
  padding-left: 15px;
  padding-right: 15px;
}
.customer_centre .create-order-container {
  padding-left: 15px;
  padding-right: 15px;
}
.customer_centre .create-order-container .item-row .v-table .v-cell {
  padding: 5px 0;
}
.customer_centre .create-order-container .item-row .v-table .v-cell.item-img-container .fa {
  font-size: 26px;
  color: #999;
}
.customer_centre .table-striped {
  border: 1px solid #e2e2e2;
}
.customer_centre .table-striped > tbody > tr:nth-of-type(odd),
.customer_centre .bs-style .table-striped > tbody > tr:nth-of-type(odd) {
  background: #f2f6fb;
}
.customer_centre .navigation ul li {
  margin: 0 5px;
}

.content_main .content_main_section:nth-of-type(odd),
.content_main .content_main_section:nth-of-type(odd) .led {
  background-color: #f5f5f5 !important;
}
.content_main .content_main_section:nth-of-type(even),
.content_main .content_main_section:nth-of-type(even) .led {
  background-color: #fff !important;
}
.content_main .content_main_section:nth-of-type(odd) .tp-image {
  border: 1px solid #e2e2e2;
}

.fb-content-title {
  font-size: 20px;
  margin: 20px 0;
  padding: 0 15px;
}
.visible-hg-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline-block {
  display: none !important;
}

/**
 * override bootstrap
 */
.bs-style .table > thead > tr > th {
  border-bottom: 1px solid #e2e2e2 !important;
}

/**
 * fb-arrow-steps
 */
.fb-arrow-steps {
  display: table;
  display: flex;
  width: 100%;
  overflow: hidden;
  background: #ccc;
}
.fb-arrow-step {
  flex: 1;
  position: relative;
  left: 0;
  display: table-cell;
  height: 50px;
  line-height: 50px;
  padding-left: 30px;
  padding-right: 5px;
  vertical-align: middle;
  background: #ccc;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.fb-arrow-step.active {
  background: #00b67a;
}
.fb-arrow-step:before,
.fb-arrow-step:after {
  position: absolute;
  top: 0;
  right: -25px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26px 0 26px 26px;
  border-color: transparent transparent transparent #ccc;
}
.fb-arrow-step:last-child:before,
.fb-arrow-step:last-child:after {
  display: none;
}
.fb-arrow-step:after {
  right: -27px;
  z-index: 1;
  border-left-color: #fff;
}
.fb-arrow-step.active:before {
  border-left-color: #00b67a;
}
.fb-step-content {
  display: none;
}
.fb-step-content.active {
  display: block;
}

/**
 * category choice
 */
.category-choice {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.category-choice label {
  position: relative;
  white-space: nowrap;
  width: calc((100% - 30px)/4);
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  border:2px solid #ccc;
  overflow:hidden;
  border-radius:5px;
}
.category-choice label.active {border-color:#00b67a!important;}
.category-choice label .fa-check{display:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:1;}
.category-choice label.active .fa-check{display:block;font-size:60px;}
.category-choice label .category-img-wrapper{position:relative;}
.category-choice .pick-a-category-img {
  display: block;
  width: 100%;
  margin: 0 auto;
  transition: opacity 0.5s, transform 0.5s;
}
@media (max-width: 1023px) {
  .category-choice label {
    font-size: 10px;
  }
  .category-choice label .fb-checkbox-mark {
    display: none;
  }
}
@media (min-width: 1366px) {
  .category-choice label:hover {border-color:#8f8080;}
  .fb-modal-home {
    width: 980px;
  }
}

/**
 *********************************************************************
 * media queries
 *********************************************************************
 */
@media (min-width: 1024px) {
  .fb-zoom-in,
  .transition {
    transition: all 0.5s ease;
  }
  .fb-zoom-in:hover {
    transform: scale(1.04) !important;
  }
  .fb-fade-out {
    transition: all 0.5s ease;
  }
  .fb-fade-out:hover {
    opacity: 0.8;
  }
  .translate-y-10:hover {
    transform: translateY(-10px);
  }

  .product_row_over .product-img {
    transform: scale(1.05);
  }
  .content_main_section .spec_box .spec-array img {
    margin-left: 50px;
    margin-right: 50px;
  }
  .fb-modal-large {
    width: 980px;
  }
  .fb-modal-large .lead_form.step1 {
    margin-left: 40px;
  }

  .fp_col_top {
    margin: 50px 0 70px;
    display: flex;
  }
}
@media (min-width: 1221px) and (min-height: 800px) {
  .visible-hg-inline-block {
    display: inline-block;
  }
  .tp-iframe-widget .reviews {
    padding: 0 15px;
  }
}
@media (max-height: 900px) {
  #product_menu {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  body {
    min-width: 600px;
    padding-top: 70px;
  }

  /*hidden on middle device*/
  .hidden-mb,
  .hidden-md {
    display: none !important;
  }

  /*make images responsive*/
  .chart_responsive,
  .img_responsive,
  .content_main img {
    max-width: 100% !important;
    height: auto;
    margin-right: 0;
    margin-left: 0;
  }

  .content_main .img_left img {
    max-width: inherit !important;
  }

  /*make tables responsive*/
  .table_responsive,
  .content_main table {
    width: 100% !important;
    max-width: 100% !important;
  }
  .table_responsive td,
  .content_main table td {
    padding-right: 0 !important;
    padding-left: 0 !important;
    word-break: break-word;
  }

  .lang img {
    max-width: none;
  }

  .product_table_lead_time {
    border-radius: 0 2px 2px 0;
  }

  #product_menu {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .product-menu {
    position: relative;
    display: inline-block;
    margin-left: 30px;
  }
  .product-menu:hover #product_menu_nav,
  .product-menu.hover #product_menu_nav {
    display: block;
  }
  #product-menu-toggle {
    display: inline-block;
    font-size: 26px;
    padding: 10px;
    color: #428bca;
  }
  #product_menu_nav {
    display: none;
    min-width: 180px;
    position: absolute;
    top: 55px;
    right: 0;
    background: #fff;
    margin: 0;
    padding: 15px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
  }
  #product_menu_nav:before {
    display: inline-block;
  }
  #product_menu_nav > li {
    float: none;
  }
  #product_menu_nav > li > a {
    padding: 7px 10px;
  }

  .content_main_section.stripe-white {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /*use small header on mobile*/
  .header {
    padding: 15px 0;
    height: 70px;
  }
  .header .logo {
    top: -15px;
    height: 70px;
  }
  .header .logo .logo-image {
    height: 70px;
  }
  .header .btn {
    margin-top: 0;
    margin-left: 0;
    font-size: 14px;
  }
  #inner_header {
    right: 10px;
  }
  #phone_header .fa,
  #phone_header .phone-text {
    display: none;
  }

  #header_note {
    right: 0%;
    left: 32%;
  }
  #header_note h1 {
    font-size: 24px;
    line-height: 25px;
  }
  #header_note .header_get_quote {
    margin: 0 10px;
    padding: 10px 17px;
    line-height: 15px;
    letter-spacing: 0;
  }
  #header_note .header_get_quote .btn_quote_text1 {
    display: none;
  }
  #header_note .header_get_quote .btn_quote_text2 {
    display: block;
  }
  .christmas-note {
    font-size: 14px;
  }

  .homepage #right_column {
    position: relative;
    float: right;
    padding: 15px;
    height: auto !important;
    width: 49%;
    margin: 0 0 2%;
  }
  .homepage .tp-iframe-heading {
    border: none;
  }
  .homepage .tp-iframe-widget {
    display: none;
  }

  .front_box {
    width: 170px;
    min-height: 144px;
    margin-right: 0;
    margin-left: 10px;
    padding-right: 0px;
  }
  .front_box:first-child {
    margin-left: 0;
  }
  .front_box_inner_bottom {
    padding: 10px 10px 10px 0;
  }
  .fp_col_panel,
  .fp_col_top {
    min-height: 270px;
  }
  .fp_col_top {
    width: 49%;
    padding: 15px;
    border: 1px solid #e2e2e2;
    border-radius: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  }
  .fp_col_left {
    width: 49%;
  }
  .fp_col_right {
    width: 49%;
    margin: 0 0 2%;
  }
  .fp_col_top .fp_col_left {
    width: 100%;
    min-width: inherit;
    max-width: unset;
    margin: 0;
    max-height: 220px;
    overflow: hidden;
  }
  .fp_col_top .fp_col_left .fp_col_title {
    margin-top: 12px;
  }
  .fp_col_top .fp_col_left .fp_col_txt {
    display: none;
  }
  .fp_col_top .fp_col_right {
    display: none;
    width: 200px;
    padding: 0;
    margin-right: 15px;
    margin-left: 0;
  }
  .homepage .fp_col_txt_ticks .fp_col_txt_ticks_left {
    width: 100%;
  }
  .homepage .fp_col_txt_ticks .fp_col_txt_ticks_right {
    width: 100%;
  }
  .fp_col_title {
    font-size: 22px;
  }

  .footer-copyright {
    margin: 20px 15px;
    font-size: 12px;
  }

  .terNav {
    display: none !important;
  }
  #product_big_button {
    right: 10px;
    width: auto;
  }
  .content_main_detail {
    width: 100%;
  }

  .spec_box_full {
    width: 100%;
  }
  .spec_box h1,
  .spec_box h2 {
    font-size: 16px;
  }
  .fb-content-title {
    font-size: 16px;
    margin: 10px 0;
  }

  #accessory360 {
    width: 100%;
    padding: 10px 0;
  }

  .case {
    padding: 15px;
  }
  .case-date {
    display: none;
  }
  .case-img,
  .case-detail {
    height: 380px;
  }
  .case-link {
    float: none;
    display: inline-block;
  }
  .case-detail {
    padding: 15px;
  }
  .case-detail h3 {
    margin: 0 0 15px;
  }

  /*capaity symbols and colour symbols*/
  .spec_box .capacity_list div {
    padding: 0;
  }
  .spec_box .color-circle {
    width: 25px;
    height: 25px;
    margin-right: 5px;
  }
  .spec_box .pantone_img img {
    margin-bottom: 0;
  }
  .spec_box img,
  .spec_box .spec_box_img {
    float: none;
    display: block;
    max-width: 100%;
    height: auto;
  }
  .spec_box .tp-image {
    float: none;
  }

  /*header size for 600px site width*/
  .header-image-left,
  .header-image,
  .header-image-right {
    height: 153px;
  }
  .header-image {
    width: 600px;
    background-size: 600px 153px;
  }
  .header-image-left,
  .header-image-right {
    width: 496px;
    left: -496px;
    background-size: 496px 153px;
  }
  .header-image-right {
    left: 1096px;
  }
  .header_note_jobs {
    width: 60%;
    top: 10px;
    left: 10px;
    font-size: 14px;
  }
  .factory_image_l,
  .factory_image,
  .factory_image_r {
    display: none;
  }

  /*login page*/
  .login_note {
    padding: 0 10px 30px;
  }
  .login_box {
    width: 46%;
    min-height: 260px;
    margin: 0 2% 5%;
    padding: 15px;
  }
  .login_box_r {
    float: right;
  }

  /*FAQ pages*/
  .content_head {
    height: auto;
  }
  .content_head:before,
  .content_head:after {
    content: ' ';
    display: table;
  }
  .content_head:after {
    clear: both;
  }
  .content_head h2 {
    line-height: inherit;
  }
  .content_head h2 a {
    line-height: inherit;
  }
  .content_head_nav {
    margin-left: 15px;
  }
  .content_head_nav a {
    line-height: inherit;
  }
  .content_main .compare {
    left: 0;
    padding-left: 20px;
  }
  .content_main .compare span {
    float: right;
    padding-left: 0;
    margin-right: 20px;
  }

  /*Hamburger menu*/
  .navigation {
    transition: inherit;
  }
  .navigation ul li a {
    padding: 10px 5px;
  }
  .navigation ul li .image_dropdown {
    display: none !important;
  }
  .navigation .menu-mobile {
    display: block;
    margin-left: 10px;
  }
  .navigation .menu-mobile > ul:before {
    position: absolute;
    top: -16px;
    left: 15px;
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff;
    font-size: 0;
  }
  .navigation .menu-mobile > ul > li > ul {
    padding-left: 15px;
    position: relative;
    left: 0;
    top: 0;
    border: none;
    box-shadow: none;
  }
  .navigation .menu-mobile > ul > li > a > .sublevel {
    font-weight: 700;
  }
  .navigation .menu-mobile > ul > li > ul {
    display: block;
  }
  .navigation .menu-mobile .fa-bars {
    font-size: 30px;
  }
  .navigation .lang a {
    padding-right: 15px;
  }

  /*lead form*/
  .tk {
    padding: 0 15px;
  }
  .tk-note {
    font-size: 24px;
    line-height: 26px;
    padding: 30px 0;
  }
  #lead_time td {
    padding: 0;
  }
  #lead_time .working_days {
    width: 80px;
  }
  #lead_time .actual_days {
    width: 150px;
  }

  .twipsy-wrapper:not(.color-circle) .twipsy {
    display: none!important;
  }

  .flashbox img {
    max-width: 100%;
    height: auto;
  }
  .fb-modal {
    width: 600px;
  }
  .fb-modal .product_choice div {
    width: 20%;
  }
}
@media (max-width: 800px) {
  #header_note {
    top: 5%;
    left: 38%;
  }
  #header_note h1 {
    font-size: 22px;
    line-height: 20px;
  }
  #header_note .header_get_quote {
    padding: 9px 15px;
    line-height: 14px;
  }
}
@media (max-width: 600px) {
  .hidden-mobile,
  .hidden-xs {
    display: none !important;
  }
  .visible-xs,
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }

  body {
    min-width: 450px;
    padding-top: 70px;
  }

  .wrapper,
  .copyright,
  .container,
  .product_table {
    width: 450px;
    padding-right: 0;
    padding-left: 0;
  }

  .homepage .header-image-left,
  .homepage .header-image-right {
    display: none;
  }

  /*use small header on mobile*/
  .header .btn {
    margin-right: 10px;
  }
  .header .logo .logo-image,
  .header.fix .logo .logo-image {
    height: 60px;
    margin-top: 5px;
    margin-left: 0;
  }
  .header-right {
    right: 0;
  }
  #inner_header a {
    color: #428bca;
  }
  #inner_header .phone-num {
    display: none;
  }
  #inner_header .phone-num-s {
    display: block;
    /* line-height: 45px; */
    font-size: 18px;
    font-weight: bold;
  }

  .navigation ul li{
    margin-left: 5px;
    margin-right: 5px;
  }

  .navigation ul li.my-account ul {
    right: 0;
    left: auto;
  }

  .homepage #headerimg {
    border-bottom: 1px solid #eee;
  }
  .homepage #headerimg:after {
    padding-top: 62%;
  }
  .homepage #header_note {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .homepage #header_note h1 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .homepage #header_note .header_get_quote {
    padding: 15px 20px;
    vertical-align: text-bottom;
  }
  .homepage .header.fix.done .btn_quote_home {
    display: block;
  }

  .homepage .boxes {
    width: 100%;
  }
  .homepage .fp_col_panel,
  .homepage .fp_col_top {
    min-height: 200px;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }
  .homepage .fp_col_top {
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }
  .homepage .fp_col_top .fp_col_left {
    width: 100%;
  }
  .homepage .fp_col_top .fp_col_left .fp_col_txt {
    display: none;
  }
  .homepage .fp_col_2,
  .homepage .fp_col_6,
  .homepage .fp_col_7,
  .homepage .fp_col_9,
  .homepage .fp_col_10 {
    display: none;
  }
  .homepage .fp_col_left,
  .homepage .fp_col_right {
    width: 100%;
    max-height: inherit;
    margin: 0;
    padding: 25px 15px;
    border-top: 1px solid #e2e2e2;
  }
  .homepage .fp_col_txt_ticks .fp_col_txt_ticks_left {
    width: 50%;
  }
  .homepage .fp_col_txt_ticks .fp_col_txt_ticks_right {
    width: 50%;
  }
  .reviews-rating {
    display: none;
  }

  .homepage #right_column {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border-top: 1px solid #e2e2e2;
  }
  .homepage .tp-iframe-widget {
    display: none;
  }

  /*header size for 450px site width*/
  .header-image-left,
  .header-image,
  .header-image-right {
    height: 115px;
  }
  .header-image {
    width: 450px;
    background-size: 450px 115px;
  }
  .header-image-left,
  .header-image-right {
    width: 370px;
    left: -370px;
    background-size: 370px 115px;
  }
  .header-image-right {
    left: 820px;
  }
  .bottom .columns {
    width: 33.33%;
  }
  .bottom .follow_us {
    width: 100%;
  }
  .bottom .follow_us ul {
    display: flex;
    justify-content: space-between;
  }
  .bottom .follow_us li {
    text-align: center;
  }
  .bottom .follow_us li > a {
    display: flex;
    flex-direction: column;
  }
  .bottom .follow_us .fa {
    font-size: 36px;
  }

  /*hide submenu for mobile*/
  #products:hover ul {
    display: none;
  }

  .spec_box {
    width: 100%;
    min-height: initial;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
  }
  .spec_box .spec_box_img,
  .spec_box img {
    margin: 0 auto;
  }
  .spec_box_branding {
    padding-top: 15px;
  }

  /*product page*/
  .case-body p {
    margin: 0 0 5px;
  }
  .case-img,
  .case-detail {
    height: 280px;
  }
  .case-detail {
    padding: 10px;
    font-size: 12px;
  }
  .case-detail h3 {
    margin: 0 0 5px;
  }
  #player {
    margin-left: 2px;
  }
  .spec_box .color-circles {
    margin-top: 0;
  }
  .spec_box .color-circles .twipsy .twipsy-inner{
    min-width: auto;
  }
  .spec_box .color-circles .twipsy .twipsy-inner img{
    display: none;
  }
  .content_main_section.stripe-grey,
  .content_main_section.stripe-white {
    padding-top: 0;
    padding-bottom: 0;
  }
  .content_main_section .spec_box {
    padding-top: 15px !important;
    padding-bottom: 15px;
    text-align: left;
    border: none;
  }

  /*login page*/
  .login_box {
    margin: 0 auto 20px;
    width: 430px;
    height: auto;
    float: none;
    text-align: center;
  }
  .login_box_r {
    float: none;
  }
  .login_box h1 {
    border: none;
  }

  /*FAQ pages*/
  .content_main .compare {
    left: 0;
    padding-left: 20px;
  }
  .content_main .compare span {
    float: right;
    padding-left: 0;
    margin-right: 20px;
  }

  /*lead form*/
  .tk-note {
    font-size: 20px;
    line-height: 22px;
    padding: 20px 0;
  }

  /*jobs*/
  #gmap {
    float: none;
    width: auto;
    margin: 0;
  }

  .fb-modal {
    width: 450px;
  }

  /*product detail page*/
  .product-heading {
    position: relative;
  }
  .product-heading .btn {
    position: absolute;
    top: -10px;
    right: 0;
  }

  .copyright-left,
  .copyright-right {
    float: none;
  }

  .fb-modal .fb-modal-body .field .fa-check {
    display: none;
  }
  .fb-modal .fb-modal-body .field,
  .fb-modal .fb-modal-body .field .btn,
  .fb-modal .fb-modal-body .field input[type=text],
  .fb-modal .fb-modal-body .field input[type=tel],
  .fb-modal .fb-modal-body .field input[type=email],
  .fb-modal .fb-modal-body .field select {
    width: 100% !important;
    height: auto;
    line-height: 1.5;
    font-size: 16px;
  }
  .fb-modal-large .fb-modal-head {
    text-align: center;
  }
}
@media (max-width: 450px) {
  .flashbox {
    left: 0 !important;
    top: 0;
  }
  .flashbox .form-group {
    margin-bottom: 10px;
  }
  .fb-modal {
    padding: 15px;
  }
}

/**
 * sticky header of product detail
 */
.product-header .product-header-inner {
  float: left;
  display: none;
}
@media (min-width: 1340px) {
  .product-header.fix .logo {
    display: none;
  }
  .product-header.fix .product-header-inner {
    display: inline-block;
    height: 40px;
    margin-top: -15px;
  }
  .product-header.fix .product-header-inner .product-image {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 70px;
    margin-right: 10px;
  }
  .product-header.fix .product-header-inner .product-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
  }
}

/**
 * how they come stylesheet
 */
.fb-package {
  position: relative;
  text-align: center;
  padding-bottom: 44px;
}
.fb-package .fb-package-text {
  width: 20%;
  display: table;
  position: absolute;
  bottom: 0;
  height: 44px;
}
.fb-package .fb-package-text > span {
  display: table-cell;
  vertical-align: middle;
}
.fb-package .img_responsive {
 width: 100%;
 height: auto;
}
.fb-package-gift-box-4 .text1 {
  left: -4%;
}
.fb-package-gift-box-4 .text2 {
  left: 8%;
}
.fb-package-gift-box-4 .text3 {
  left: 20%;
}
.fb-package-gift-box-4 .text4 {
  left: 38%;
}

.fb-package-gift-box-5 .text1 {
  left: -5%;
}
.fb-package-gift-box-5 .text2 {
  left: 7%;
}
.fb-package-gift-box-5 .text3 {
  left: 20%;
}
.fb-package-gift-box-5 .text4 {
  left: 35%;
}
.fb-package-gift-box-5 .text5 {
  left: 68%;
}

.fb-package-gift-box-7 .text1 {
  left: -5%;
}
.fb-package-gift-box-7 .text2 {
  left: 5%;
}
.fb-package-gift-box-7 .text3 {
  left: 15%;
}
.fb-package-gift-box-7 .text4 {
  left: 25%;
}
.fb-package-gift-box-7 .text5 {
  left: 35%;
}
.fb-package-gift-box-7 .text6 {
  left: 55%;
}
.fb-package-gift-box-7 .text7 {
  left: 75%;
}

.fb-package-2 .text1 {
  left: 0;
}
.fb-package-2 .text2 {
  left: 25%;
}

.fb-package-2.fb-package-pen .text2 {
  left: 38%;
}

.fb-package-3 .text1 {
  left: 0;
}
.fb-package-3 .text2 {
  left: 24%;
}
.fb-package-3 .text3 {
  left: 52%;
}
.fb-package-3.fb-package-straw .text1 {
  left: 16%;
}
.fb-package-3.fb-package-straw .text2 {
  left: 40%;
}
.fb-package-3.fb-package-straw .text3 {
  left: 65%;
}

.fb-package-4 .text1 {
  left: 2%;
}
.fb-package-4 .text2 {
  left: 30%;
}
.fb-package-4 .text3 {
  left: 48%;
}
.fb-package-4 .text4 {
  left: 75%;
}
.fb-package-4.fb-package-speaker .text1 {
  left: 0%;
}
.fb-package-4.fb-package-powerbank .text2 {
  left: 25%;
}
.fb-package-4.fb-package-earphones .text3 {
  left: 53%;
}
.fb-package-4.fb-package-travel-charger .text1 {
  left: -2%;
}
.fb-package-4.fb-package-travel-charger .text2 {
  left: 21%;
}
.fb-package-4.fb-package-inductive-charger .text2 {
  left: 26%;
}
.fb-package-4.fb-package-gift-set .text1 {
  width: 35%;
  max-width: 380px;
}
.fb-package-4.fb-package-gift-set .text2 {
  left: 41%;
}
.fb-package-4.fb-package-gift-set .text3 {
  left: 53.5%;
}

.fb-package-5 .text1 {
  left: 2%;
}
.fb-package-5 .text2 {
  left: 20%;
}
.fb-package-5 .text3 {
  left: 35%;
}
.fb-package-5 .text4 {
  left: 50%;
}
.fb-package-5 .text5 {
  left: 75%;
}

@media (max-width: 1023px) {
  .fb-package {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    overflow: hidden;
  }
  .fb-package .fb-package-text {
    display: none !important;
  }
}
@media (max-width: 600px) {
  .fb-package-2 .img_responsive {
    width: unset;
    max-width: 800px!important;
  }
}

/**
 * panel stylesheet
 */
.fb-panel {
  min-height: auto; /* for reset */
  position: relative; /* for sticky use */
  display: block; /* for <a> */
  padding: 0; /* for reset */
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  text-align: center;
  text-decoration: none !important; /* for <a> */
}
.fb-panel,
.fp_col_panel {
  border-radius: 15px;
}
.fb-panel-heading {
  padding: 5px 10px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
  border: none;
}
.fb-panel-heading.fb-sticky-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3;
  margin: 0;
  background: #aaa;
  color: #fff;
  transition: all 0.5s ease;
}
.fb-panel:hover .fb-sticky-bottom {
  background: gray;
}
.fb-panel-body {
}
@media (max-width: 600px) {
  .fb-panel {
    border: none !important;
    border-radius: 0;
  }
}

/**
 * what 3 words
 */
.w3w {
  background: url(/images/w3w.png) no-repeat;
  background-size: 13px 13px;
  padding-left: 20px;
}
a.w3w {
  color: inherit;
  text-decoration: none !important;
}
a.w3w:hover {
  color: inherit;
}
.w3w-container {
  position: relative;
  display: inline-block;
  margin-top: 14px;
}

/**
 * own design logo
 */
.own-design {
  position: absolute;
}
.own-design.top-left {
  top: 15px;
  left: 15px;
}
.own-design.top-right {
  top: 15px;
  right: 15px;
}
.own-design.bottom-left {
  bottom: 15px;
  left: 15px;
}
.own-design.bottom-right {
  bottom: 15px;
  right: 15px;
}
.own-design .own-design-logo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: all 0.25s ease;
}
.own-design .own-design-logo:hover {
  transform: rotate(360deg);
}
.own-design .twipsy .twipsy-inner {
  width: 450px;
  text-align: left;
  line-height: 22px;
  padding: 0 15px;
  border: none;
}
/* .own-design:hover .twipsy {display: block; z-index: 1001;} */
.own-design .own-design-tooltip-header {
  background: #00b67a;
  color: #fff;
  margin-left: -15px;
  margin-right: -15px;
  padding: 8px 15px;
  font-weight: bold;
  font-size: 16px;
}
.own-design .twipsy-img {
  text-align: right;
}
/* addition */
.own-design .twipsy {
  padding: 10px 0;
  transform: translateX(0);
}
.own-design.top-left .twipsy {
  left: 0;
  right: auto;
}
.own-design.top-right .twipsy {
  left: auto;
  right: 0;
}
.own-design.bottom-left .twipsy {
  left: 0;
  right: auto;
  top: auto;
  bottom: 100%;
}
.own-design.bottom-right .twipsy {
  left: auto;
  right: 0;
  top: auto;
  bottom: 100%;
}

.own-design .twipsy .twipsy-arrow {
  border-width: 10px;
  border-style: solid;
  margin-left: 0;
}
.own-design.top-left .twipsy .twipsy-arrow,
.own-design.top-right .twipsy .twipsy-arrow {
  top: -9px;
  border-top-color: transparent;
  border-bottom-color: #00b67a;
}
.own-design.bottom-left .twipsy .twipsy-arrow,
.own-design.bottom-right .twipsy .twipsy-arrow {
  top: auto;
  bottom: -9px;
  border-bottom-color: transparent;
  border-top-color: #00b67a;
}
.own-design.top-left .twipsy .twipsy-arrow {
  left: 20px;
  right: auto;
}
.own-design.top-right .twipsy .twipsy-arrow {
  right: 20px;
  left: auto;
}
.own-design.bottom-left .twipsy .twipsy-arrow {
  left: 20px;
  right: auto;
}
.own-design.bottom-right .twipsy .twipsy-arrow {
  right: 20px;
  left: auto;
}

.own-design.bottom-left .twipsy .twipsy-inner,
.own-design.bottom-right .twipsy .twipsy-inner {
  padding-bottom: 40px;
  padding-top: 1px;
}
.own-design.bottom-left .own-design-tooltip-header,
.own-design.bottom-right .own-design-tooltip-header {
  position: absolute;
  bottom: 10px;
  width: 100%;
}

@media (max-width: 1023px) {
  .own-design {
    display: none;
  }
  .own-design.top-left,
  .own-design.bottom-left {
    left: 20%;
  }
  .own-design.top-right,
  .own-design.bottom-right {
    right: 20%;
  }
}

/**
 * Shopping cart icon
 *
 **/
.fb-shopping-cart-icon .fa-shopping-cart {
  font-size: 20px;
  color: #a32035;
}
.fb-shopping-cart-icon .fb-cart-item-num {
  position: absolute;
  top: -6px;
  right: -7px;
  background: #a32035;
  color: #fff;
  font-size: 8px;
  font-weight: bold;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
.fb-shopping-cart-icon .tooltip {
  position: absolute !important;
}
.fb-shopping-cart-icon .tooltip .tooltip-arrow {
  top: 0 !important;
  border-bottom-color: #e2e2e2 !important;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner {
  text-transform: none;
  font-size: 12px !important;
  color: #000;
  background-color: #fff !important;
  width: 580px;
  max-width: 98%;
  opacity: 1;
  font-weight: 400;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner table {
  margin-bottom: 0;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner table .fb-item-total-txt {
  text-align: right;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner table td,
.fb-shopping-cart-icon .tooltip .tooltip-inner table th {
  padding: 2px !important;
  vertical-align: middle;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner table td {
  border-top: 1px solid #e2e2e2;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-item-detail-prefix .fb-main-thumbnail,
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-item-detail-prefix .fb-thumbnail {
  width: 25px !important;
  height: auto !important;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-cart-item-row .fa {
  font-size: 16px;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-cart-item-row .fb-cart-item-desc .fb-item-branding-details,
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-cart-item-row .fb-cart-item-desc .fb-item-title {
  font-size: 11px;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-cart-item-row .fb-cart-item-desc .fb-item-branding-details {
  font-weight: 400;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-cart-list {
  border: none;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-cart-list .fb-cart-item-row td:nth-child(2) {
  text-align: left;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-cart-list .fb-item-total {
  display: none;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-cart-list .fb-item-title {
  font-weight: 700;
}
.navigation .fb-shopping-cart-icon .fa-shopping-cart {
  color: #fff;
  font-size: 16px;
}
.navigation .fb-shopping-cart-icon > a {
  padding-top: 9px;
  padding-bottom: 8px;
  padding-right: 10px;
  padding-left: 6px;
  height: 40px;
  overflow: hidden;
}
.navigation .fb-shopping-cart-icon .fb-cart-item-num {
  background: #fff;
  color: #a32035;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-cart-list .fb-cart-item-desc a {
  display: inline-block;
  padding-left: 2px;
}
.fb-shopping-cart-icon .tooltip .tooltip-inner .fb-cart-list .fb-cart-item-desc .fa {
  font-size: 11px;
  color: #ccc;
}
.header .fb-shopping-cart-icon > a {
  float: right;
  padding: 8px 14px;
}
.tooltip a.fb-item-hvp-chosen {
  display: inline;
  color: #337ab7;
  padding: 0;
}
.tooltip .fb-cart-item-row .fa {
  color: #00b67a;
}
@media (max-width: 768px) {
  .fb-shopping-cart-icon {
    display: none;
  }
}

/**
 * Sprite css
 */
.nav-menu-image {
  display: inline-block;
}
.nav-menu-image-large {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

/**
 * animation
 */
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: shake;
}

/**
 * Implement obvious fraud filter
 */
input[name='aaa'] {
  display: none !important;
}

/**
 * redesign product_table.php & product_lister.php
 */
.product-table-header {
  display: none;
  padding: 10px;
  color: #0067d3;
  text-align: center;
}
.product-table-header-item {
  width: 33.3333%;
  float: left;
}
.product-table-header-note {
  display: none;
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
 .product_table .product_table_lead_time_text{
    display:none;
}
@media (max-width: 1023px) {
  .product_table tbody {
    display: flex;
    flex-wrap: wrap;
  }
  .product_table,
  .product_table tr,
  .product_table td,
  .product-table-header {
    display: block;
  }
  .product_table thead,
  .product_table .product-more,
  .product_table .product-name,
  .product_table .product_table_material
 {
    display: none;
  }
  .product_table tbody .product_table_lead_time{width:auto;padding:0px;text-align: center;font-size: 14px;margin-top:5px;}
  .product_table tbody .product_table_lead_time > span {font-size: 14px;}
  .product_table .product_table_lead_time_text{display:inline;}
  .product_table .product_row,
  .product_table .product_row_over {
    float: left;
    width: 48%;
    height: auto;
    margin: 1%;
    padding: 10px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    background: #f5f5f5;
  }
  .product_table .product_table_image {
    margin: -10px -10px 10px;
    background: #fff;
    overflow: hidden;
  }
  .product_table tbody .product_table_image img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
  }
  .product_table .product-img {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  .product_table .product_table_name {
    margin-bottom: 10px;
    width: auto;
  }
  .product_table .product_table_colors,
  .product_table .product_swatch,
  .product_table .product_table_capacities {
    width: auto;
    padding: 0;
  }
  .product_table .color-circle {
    margin: 0 3px 3px 0;
  }
  .product_table .product_swatch {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}

/**
 * New Lister page header
 * https://www.wrike.com/open.htm?id=423345242
 */
.fb-steps {
}
.fb-steps-item {
  width: 33.3333%;
  float: left;
  text-align: center;
  position: relative;
}
.fb-steps-item-finish,
.fb-steps-item-process {
  color: #00b67a;
}
.fb-steps-item-wait {
  color: #999;
}
.fb-steps-item-icon {
  font-size: 60px;
  display: inline-block;
}
.fb-steps-item-content {
  font-weight: bold;
  margin-left: 5px;
}
.fb-steps-item-content small {
  font-weight: 400;
  font-size: 14px;
}
.fb-steps-item-tail {
  position: absolute;
  top: 40px;
  left: 40px;
  padding: 0 60px;
  width: 100%;
  height: 2px;
}
.fb-steps-item-tail:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
}
.fb-steps-item-finish .fb-steps-item-tail:after {
  background: #00b67a;
}
.fb-steps-item-process .fb-steps-item-tail:after {
  background: #999;
}
@media (max-width: 1023px) {
  .fb-steps-item-content {
    font-size: 10px;
  }
  .fb-steps-item-content small {
    display: none;
  }
}
.fb-steps-horizontal .fb-steps-item {
  display: flex;
  align-items: center;
  text-align: left;
}

/**
 * Covid Message
 * https://www.wrike.com/open.htm?id=486451914
 */
.covid-banner {
  background: #02a3b7;
  color: #fff;
  text-align: center;
  font-size: 18px;
  padding: 15px 0;
}
/*.de .covid-banner,
.at .covid-banner,
.ch .covid-banner,
.es .covid-banner,
.fi .covid-banner,
.pl .covid-banner,
.pt .covid-banner{font-size:14px;}*/
.covid-banner .container {
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 600px) {
  .covid-banner {
    font-size: 14px;
  }
}

/*
Styles of Lister Page V2.0
Wrike# https://www.wrike.com/open.htm?id=846928783
Used in \components\products\views\{product_lister_grid.php, giftset_lister_grid.php}
*/
.grid-lister-filter-button-wrapper{padding-left:15px;margin-bottom:0;}
.grid-lister-filter-button-wrapper li{
    float:left;
    display:block;
    padding:8px 10px;
    margin-right:15px;
    margin-bottom:15px;
}
.grid-lister-filter-button-wrapper li:hover{background:rgb(85,85,85); color:#FFF;}
.grid-lister-filter-button-wrapper .grid-lister-filter-button{
    cursor:pointer;
    border-radius: 5px;
    background:#f5f5f5;
}
.grid-lister-filter-button-wrapper .grid-lister-filter-button.active {
    background: #a32035;
    color: #fff;
}
.unset-link-style {
  color: inherit !important;
  text-decoration: none !important;
}
.fb-product-lister {
  display: flex;
  flex-wrap: wrap;
}
.fb-product-item {
  display: block;
  padding: 15px;
  flex-basis: 33.33%;
  background: #fff;
  color: inherit;
}
.fb-product-item:hover,
.fb-product-item:active,
.fb-product-item:visited {
  color: inherit;
  text-decoration: none;
}
.fb-product-item-inner {
  position: relative;
  border:2px solid #eee;
  border-radius:10px;
  height: 100%;
}
/* .fb-product-item-header {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
} */
.fb-product-item-body {
  border-radius: 0 0 10px 10px;
  transition: all 0.5s ease;
}
.fb-product-item-row {
  display: flex;
  padding: 5px;
  position: relative;
  align-items: flex-start;
}
.fb-product-item-tag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 3px 3px;
  background: #f5f5f5;
  font-size: 10px;
  font-weight: lighter;
  border-radius: 2px;
  color: #000;
  margin-top: 0;
}
.fb-product-item-img-wrapper {
  overflow: hidden;
  display: block;
  line-height: 0;
  border-radius: 10px 10px 0 0;
}
.fb-product-item-img {
  width: 100%;
  height: auto;
}
.fb-product-item-name {
  font-size: 25px;
  font-weight: bold;
}
.fb-product-item-leadtime {
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  margin-left: auto;
}
.fb-product-item-leadtime span {
  font-size: 18px;
  margin-left: 3px;
}
.fb-product-item-size {
  margin-left: 15px;
}
.fb-product-item-branding {
  font-size: 10.5px;
  font-weight: normal;
  text-decoration: overline;
  margin-right: 10px;
  padding-right: 5px;
  cursor: default;
}
.fb-product-item-branding-row .branding-method-name {
  font-weight: bold;
  margin: 0;
}
.fb-product-item-branding-row .branding-method-desc {
  margin: 0;
}
.fb-product-item-branding-row .twipsy-inner {
  cursor: default;
}
.fb-product-item .color-circle,
.fb-product-item .color-clear:before {
  width: 18px;
  height: 18px;
  border: 0;
}
.fb-product-item-row .loading-style {
  display: block;
  width: 100%;
  height: 185px;
}
@media (max-width: 1023px) {
  .fb-product-item {
    padding: 15px;
    flex-basis: 50%;
  }
}
@media (max-width: 600px) {
  .fb-product-item {
    padding: 15px;
    flex-basis: 100%;
  }
}
/* @media (min-width: 1024px) {
  .fb-product-item:hover .fb-product-item-inner{background: #efefef;}
} */

/* Some new global style inspired by tailwind */
.transition {
  transition: all 0.5s ease;
}
.hover\:scale:hover {
  transform: scale(1.03);
}

.new-header {overflow:hidden;position:relative;margin: 0 auto;}
.new-header-image {display:none;width:100%;position:relative;left:50%;transform:translateX(-50%);max-width:1517px;}
@media (max-width:1024px) {
  .new-header-image {display:block;}
}

/* redesign twipsy */
.new-twipsy .twipsy-inner {width:450px; text-align:left; line-height:22px; padding:15px; border:none;}
.new-twipsy .twipsy-header {background: #00B67A;color: #FFF;margin-left: -15px;margin-right: -15px;padding:8px 15px;font-weight:bold;font-size:16px;}
.new-twipsy .twipsy-arrow{border-width:10px;border-style:solid;border-color:transparent;margin-left:0;}

.new-twipsy{padding:10px 0;transform:translateX(0);}
.new-twipsy.top-left{left:0;right:auto;}
.new-twipsy.top-right{left:auto;right:0;}
.new-twipsy.bottom-left{left:0;right:auto;top:auto;bottom:100%;}
.new-twipsy.bottom-right{left:auto;right:0;top:auto;bottom:100%;}

.new-twipsy.top-left .twipsy-arrow,
.new-twipsy.top-right .twipsy-arrow{top:-9px;border-bottom-color:#00B67A;}
.new-twipsy.bottom-left .twipsy-arrow,
.new-twipsy.bottom-right .twipsy-arrow{top:auto;bottom:-9px;border-top-color:#00B67A;}
.new-twipsy.top-left .twipsy-arrow{left:20px;right:auto;}
.new-twipsy.top-right .twipsy-arrow{right:20px;left:auto;}
.new-twipsy.bottom-left .twipsy-arrow{left:20px;right:auto;}
.new-twipsy.bottom-right .twipsy-arrow{right:20px;left:auto;}

.new-twipsy.bottom-left .twipsy-inner,
.new-twipsy.bottom-right .twipsy-inner{padding-bottom:50px;}
.new-twipsy.bottom-left .twipsy-header,
.new-twipsy.bottom-right .twipsy-header{position:absolute;bottom:10px;width:100%;}

/* Mobile sidebar menu */
.mobile-menu{position:fixed;top:0;left:0;z-index:1100;height:100%;background:#FFF;min-width:320px;padding-top:52px;transition:transform .6s cubic-bezier(.7,0,.2,1);transform:translate3d(-100%,0,0);}
.mobile-menu.active{transform:translate3d(0,0,0);}
.mobile-menu.hideHeader{padding-top:0;}
.mobile-menu.hideHeader .mobile-menu-header{display:none;}
.mobile-menu ul{margin:0;padding:0;height:100%;list-style:none;overflow-y:auto;position:relative;}
.mobile-menu ul.active{overflow:hidden;}
.mobile-menu ul li a{text-decoration:none;font-size:18px;padding:15px;border-bottom:1px solid #eee;color:#555;display:flex;align-items:center;justify-content:space-between;cursor:pointer!important;}
.mobile-menu ul li ul{visibility:hidden;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background:#fff}
.mobile-menu ul li.active>ul{visibility:visible;}
.mobile-menu ul li a .sublevel{padding:0;}
.mobile-menu ul li li.mobile-menu-back-btn>a{justify-content:flex-start;background:#a32035;color:#fff}
.mobile-menu ul li li.mobile-menu-back-btn>a .fa{order:-1;transform: rotate(180deg);margin-right: 10px;}
.mobile-menu-header{position:absolute;top:0;left:0;right:0;z-index:2;padding:15px;font-size:20px;background:#a32035;color:#fff;display:flex;align-items:center;justify-content:space-between;}
.mobile-menu-close{cursor:pointer;font-size:24px;}
.mobile-menu .sublevel{font-size:18px;}
#menu-mobile{margin-right:10px;}
#menu-mobile>a{padding-top:5px;padding-bottom:5px;display:flex;align-items:center;gap:10px;}
.mask {position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;background:rgba(0,0,0,.5);}
#menu-mobile-others>ul {left:-100px;}
#menu-mobile-others>ul:before {left:130px;}
@media (max-width:768px) {
  .mobile-menu {width:100%;}
}

/* new layout for fluid width */
@media (min-width: 1024px) {
  .container, .wrapper {
    padding: 0 50px;
  }
  .header-right {
    right: 50px;
  }
  .boxes {
    padding-right: 24%;
  }
}
@media (min-width: 1600px) {
  .container, .wrapper {
    padding: 0 100px;
  }
  .header-right {
    right: 100px;
  }
}

/* CSS for gallery */
.slideshow_wrapper {
  position: relative;
  margin-bottom: 20px;
}
.slideshow ul,
.slideshow li {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.slideshow .slideshow-images {
  overflow: hidden;
  position: relative;
  border: 1px solid #e2e2e2;
  background: #fff;
  border-radius: 10px;
}
.slideshow .slideshow-images .slideshow-loading {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
}
.slideshow .slideshow-images .slideshow-loading > .fa {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #00b67a;
  font-size: 42px;
}
.slideshow .slideshow-images .slideshow-image {
  width: 100%;
  height: 100%;
  max-width: unset;
  display: block;
}
.slideshow .slideshow-thumbnails a {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 5px;
  padding-bottom: 5px;
  line-height: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.slideshow .slideshow-thumbnails img,
.slideshow .slideshow-thumbnails .thumb-holder {
  border: 2px solid #e2e2e2;
  width: 100%;
  height: auto;
  max-width: unset;
  border-radius: 5px;
}
.slideshow .slideshow-thumbnails img.active {
  border-color: #02a3b7;
}
.slideshow .slideshow-thumbnails .thumb-holder.youtube-pause {
  position: relative;
  background: #FFF!important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #02a3b7;
  visibility:hidden;
}
.slideshow .slideshow-thumbnails .thumb-holder.youtube-pause:after {
  padding-top: 62%;
  content: '';
  display: block;
}
.slideshow .slideshow-thumbnails .thumb-holder.youtube-pause .fa{color:#428BCA;}
@media (min-width: 1024px) {
  .slideshow {
    display: flex;
    justify-content: start;
  }
  .slideshow .slideshow-images {
    flex: 1;
    max-width: 1040px;
  }
  .slideshow .slideshow-thumbnails {
    width: 22.2222%;
    max-width: 293px;
  }
  .slideshow-6 .slideshow-thumbnails {
    width: 10.1%;
  }
  .slideshow-6 .slideshow-thumbnails a {
    width: 100%;
  }
  .slideshow .slideshow-thumbnails .gallery360-thumbnails {
    width: 100%;
    padding-bottom: 0;
    display: none;
  }
}
@media (max-width: 1023px) {
  .slideshow .slideshow-thumbnails {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
  }
  .slideshow .slideshow-thumbnails a {
    width: 20%;
  }
  .slideshow .slideshow-thumbnails .gallery360-thumbnails {
    display: none;
  }
}
@media (min-width: 1200px) and (max-height: 900px) {
  .slideshow .slideshow-images {
    max-width: 850px;
  }
  .slideshow .slideshow-thumbnails {
    max-width: 240px;
  }
  .slideshow-6 .slideshow-thumbnails {
    max-width: 137px;
  }
}

/* 2 rows content with a nice horizontal scrollbar */
.scroll-x-rows-2::-webkit-scrollbar {
	-webkit-appearance: none;
}
.scroll-x-rows-2::-webkit-scrollbar:vertical {
	width: 12px;
}
.scroll-x-rows-2::-webkit-scrollbar:horizontal {
	height: 12px;
}
.scroll-x-rows-2::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	border: 2px solid #ffffff;
}
.scroll-x-rows-2::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #ffffff;
}
.scroll-x-rows-2 {
	display: grid;
	grid-template-rows: auto auto;
	grid-auto-flow: column;
	overflow-x: scroll;
}
.scroll-x-rows-2 .model-cell,
.scroll-x-rows-2 .model-item {
	width: unset;
}
@media (max-width: 600px) {
	.scroll-x-rows-2 {
		max-width: calc(100vw - 3rem);
	}
}


/* New design styleSheet for lister page */
.fb-lister-filter-body a.fb-lister-filter-item{
  text-decoration: none;
  color: inherit;
}

.fb-lister-filter-body a.fb-lister-filter-item:focus{
  outline: none;
  -moz-outline:none;
}

.fb-lister-filter-body a.fb-lister-filter-item:link,
.fb-lister-filter-body a.fb-lister-filter-item:visited,
.fb-lister-filter-body a.fb-lister-filter-item:hover,
.fb-lister-filter-body a.fb-lister-filter-item:active {
  text-decoration: none;
  color: inherit;
}
.product-lister-filter{background-color:#f5f5f5;}
.fb-lister-filter{display:flex;align-items:end;padding:15px;}
.fb-lister-filter-header{padding:8px 10px;width:160px;}
.fb-lister-filter-body {flex:1;display:flex;justify-content:space-between;flex-wrap:nowrap;overflow:auto;overflow:hidden;}
.fb-lister-filter-body .fb-lister-filter-item {width:12.5%;padding:5px;text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:end;}
.fb-lister-filter-body .fb-lister-filter-item-placeholder{cursor:default;}
.fb-lister-filter-body .fb-lister-filter-item .fb-lister-filter-image {width:100%;transition: all 0.5s ease;}
.fb-lister-filter-body .fb-lister-filter-item:hover .fb-lister-filter-image{transform:scale(1.04);}
.fb-lister-filter-body .fb-lister-filter-item .fb-lister-filter-button {width:100%;text-overflow:ellipsis;overflow:hidden;padding:8px 10px;border-radius:20px;border:1px solid;white-space:nowrap;position:relative;background:#fff;}
.fb-lister-filter-body .fb-lister-filter-item.active .fb-lister-filter-button{background: #a32035;color: #fff;border-color:#a32035;}

.fb-product-lister-container {margin-bottom:20px;}

.fb-lister-products-tag {background:#F5F5F5;margin:30px 15px 15px;padding:15px;border-radius:10px;display:inline-flex;align-items:center;}
.fb-lister-products-tag-title{font-weight:700;font-size:25px;}
.fb-lister-products-tag-desc{margin-left:50px;}

.fb-product-item div{line-height:1.5;}
.fb-product-item-inner{border:2px solid #eee;border-radius:10px;}
.fb-product-item-inner:hover .fb-product-item-img{transform:scale(1.03);}
.fb-product-inside-label{position:absolute;top:0;left:0;padding:5px;background:#e6e0ec;}
.fb-product-item-body{padding:10px;}
.fb-product-item-row{align-items:center;}
.fb-product-item-name{display: inline-block;}
.fb-product-item-leadtime{text-align:left;font-weight:normal;}
.fb-product-item-leadtime, .fb-product-item-leadtime span{font-size:14px;}
.fb-product-item .fb-product-item-box-preview-img,
.fb-product-item .fb-product-item-box-preview-video,
.fb-product-item .fb-product-item-box-preview-poster{position:absolute;right:0;bottom:0;z-index:1;transition:all .5s ease;}
.fb-product-item .fb-product-item-box-preview-video{display:none;}
.fb-product-item .fb-product-item-lister-tag{position:absolute;right:0;top:0;z-index:1;height:auto;transition:all .5s ease;background:#02a3b7;color:#fff;padding:6px;border-radius:0 8px;font-weight:700;font-size:12px}

@media (max-width:1600px) {
    .fb-lister-filter-body .fb-lister-filter-item .fb-lister-filter-button{font-size:12px;padding-left:6px;padding-right:6px;}
}
@media (min-width:1200px) {
    .fb-product-item:hover .fb-product-item-box-preview-video{display:block;}
    .fb-product-item:hover .fb-product-item-box-preview-poster{display:none;}
}
@media (max-width:1200px) {
    .fb-product-item {flex-basis:50%;}
    .fb-lister-filter-header{display:none;}
}
@media (min-width:1024px) {
    .product-lister-header-right {padding-left:50px;}
}
@media (max-width:768px) {
    .product-lister-filter{display:none;}
    .fb-lister-products-tag-img,
    .fb-lister-products-tag-desc{display:none;}
    .fb-product-item {flex-basis: 100%;}
}