/* CSS Document */
@font-face {
  font-family: HelveticaNeueLTStd;
  src: url(fonts/HelveticaNeueLTStd-Bd.otf) format("opentype");
}
@font-face {
  font-family: 'Barlow';
  src: url('../webfonts/barlow/Barlow-Regular.eot');
  src: local('☺'), url('../webfonts/barlow/Barlow-Regular.woff') format('woff'), url('../webfonts/barlow/Barlow-Regular.ttf') format('truetype'), url('../webfonts/barlow/Barlow-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Barlow_M';
  src: url('../webfonts/barlo/Barlow-Medium.eot');
  src: local('☺'), url('../webfonts/barlo/Barlow-Medium.woff') format('woff'), url('../webfonts/barlo/Barlow-Medium.ttf') format('truetype'), url('../webfonts/barlo/Barlow-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'GilroyB';
    src: url('../webfonts/Gilroy/Gilroy-ExtraBold.eot');
    src: url('../webfonts/Gilroy/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Gilroy/Gilroy-ExtraBold.woff2') format('woff2'),
        url('../webfonts/Gilroy/Gilroy-ExtraBold.woff') format('woff'),
        url('../webfonts/Gilroy/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}
body {
  overflow-x: hidden;
}
a, a:hover {
  text-decoration: none;
}
#kit-designer {
  background: #cacaca;
  background-image: linear-gradient(#cacaca 0%, white 72%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#f2b705',GradientType=0);
}
.kit-designer-shadow-image {
  position: absolute;
  left: 0;
  right: 0;
}
.sticky {
  position: fixed !important;
  top: 0%;
}
#kit-designer #main-image-front-shorts, #kit-designer #main-image-back-shorts {
  position: absolute;
}
#kit-designer .btn {
  /*text-transform: uppercase;*/
}
#kit-designer .form-control {
  padding: 9px 15px 10px 26px;
}
#kit-designer select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
#kit-designer .shareaholic-service-icon::before {
  display: none !important;
}
#kit-designer .shareaholic-service-whatsapp {
  border: 0 !important;
  margin-top: 3px;
}
#kit-designer a.shareaholic-service-icon.shareaholic-service-default:not(.shareaholic-service-all) {
  height: 20px !important;
  width: 20px !important;
  margin-right: 0;
}
#kit-designer .shareaholic-service-all, #kit-designer .shareaholic-service-email_this {
  background-repeat: no-repeat !important;
  height: 22px;
  width: 22px;
  border: 0 !important;
  margin-top: 6px;
  margin-right: 10px;
}
#kit-designer .shareaholic-service-all {
  background-size: 17px;
  margin-top: 5px;
}
#kit-designer .editable-kit-colour-1 {
  fill: #8e8e8e;
  transition: fill 300ms ease-out;
}
#kit-designer .editable-kit-colour-2 {
  fill: #3a3a3a;
  transition: fill 300ms ease-out;
}
#kit-designer .editable-kit-colour-3, #kit-designer .editable-kit-number-colour {
  fill: #fff;
  transition: fill 300ms ease-out;
}
#kit-designer .editable-kit-colour-4 {
  transition: fill 300ms ease-out;
}
#kit-designer .editable-kit-logo-colour {
  fill: #ccc;
  transition: fill 300ms ease-out;
}
#kit-designer .kit-designer-type-netball .editable-kit-number-colour {
  fill: #000;
}
#kit-designer .editable-kit-number-colour-patch {
  fill: #1a1a1a;
  stroke: #fff;
  stroke-width: 2px;
  transition: fill 300ms ease-out;
}
#kit-designer .kit-designer-type-womens-hockey .editable-kit-number-colour, #kit-designer .kit-designer-type-mens-hockey .editable-kit-number-colour, #kit-designer .kit-designer-type-rugby .editable-kit-number-colour, #kit-designer .kit-designer-type-women-rugby .editable-kit-number-colour, #kit-designer .kit-designer-type-womens-multi .editable-kit-number-colour, #kit-designer .kit-designer-type-mens-multi .editable-kit-number-colour {
  font-size: 430px;
  font-weight: 700;
}
#kit-designer #kit-designer-main-image-interface {
  height: auto !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-popup-window {
  position: absolute;
  top: 295px;
  left: -410px;
  width: 100%;
  z-index: 500;
  transition: all 300ms ease-out;
  opacity: 0;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-popup-window.active {
  left: 0;
  opacity: 1;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-popup-window .kit-designer-popup-window-inner {
  position: relative;
  background: #f2b705;
  padding: 27px;
  font-family: 'Barlow', sans-serif;
  border: solid 2px #ccc;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-popup-window .kit-designer-popup-window-inner button {
  background: #000;
  border-color: #000;
  border-width: 1px;
  padding: 0 31px;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-popup-window .kit-designer-popup-window-inner button:hover {
  color: #f2b705;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-popup-window .kit-designer-popup-window-inner img {
  position: absolute;
  width: 55px;
  right: 27px;
  top: 27px;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-popup-window .kit-designer-popup-window-tagline {
  color: #000;
  font-size: 15px;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-popup-window .kit-designer-popup-window-content, #kit-designer #kit-designer-main-image-interface .kit-designer-popup-window .kit-designer-popup-window-title {
  color: #000000;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-popup-window .kit-designer-popup-window-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 13px;
  color: #000;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-popup-window .kit-designer-popup-window-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 34px;
}
#kit-designer #kit-designer-main-image-interface #kit-designer-reset-button {
  z-index: 10;
  position: absolute;
}
#kit-designer #kit-designer-main-image-interface #kit-designer-reset-button .d-none {
  display: none;
}
#kit-designer #kit-designer-main-image-interface.kit-designer-type-netball .editable-kit-number-colour {
  font-size: 190px;
  font-weight: 900;
}
#kit-designer #kit-designer-main-image-interface.kit-designer-type-mens-polo .editable-kit-number-colour, #kit-designer #kit-designer-main-image-interface.kit-designer-type-womens-polo .editable-kit-number-colour {
  font-size: 152px;
  font-weight: 700;
  font-family: 'HelveticaNeueLTStd', sans-serif;
}
#kit-designer #kit-designer-main-image-interface.kit-designer-type-mens-polo #main-image-back .editable-kit-number-colour, #kit-designer #kit-designer-main-image-interface.kit-designer-type-womens-polo #main-image-back .editable-kit-number-colour {
  font-size: 420px;
}
#kit-designer #kit-designer-main-image-interface.kit-designer-type-womens-hockey .editable-kit-number-colour {
  font-size: 490px;
}
#kit-designer #kit-designer-main-image-interface.kit-designer-type-ball {
  height: 310px;
}
#kit-designer #kit-designer-main-image-interface.kit-designer-type-ball .kit-designer-rotate-buttons-wrapper {
  bottom: 10px;
}
#kit-designer #kit-designer-main-image-interface.kit-designer-type-ball #main-image {
  height: 130px;
}
#kit-designer #kit-designer-main-image-interface.kit-designer-type-ball:before {
  bottom: 67px;
}
#kit-designer #kit-designer-main-image-interface.kit-designer-type-dress.kitdesigner-stage-index-1 #kit-number, #kit-designer #kit-designer-main-image-interface.kit-designer-type-dress.kitdesigner-stage-index-2 #kit-number, #kit-designer #kit-designer-main-image-interface.kit-designer-type-dress.kitdesigner-stage-index-3 #kit-number {
  display: none;
}
#kit-designer #kit-designer-main-image-interface:before {
  content: " ";
  display: none;
  width: 36%;
  height: 12px;
  position: absolute;
  bottom: 10px;
  left: 32%;
  background: -moz-radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.3) 0%, rgba(25, 25, 25, 0) 68%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.3) 0%, rgba(25, 25, 25, 0) 68%);
  background: radial-gradient(ellipse at center, rgba(25, 25, 25, 0.3) 0%, rgba(25, 25, 25, 0) 68%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6191919', endColorstr='#00191919',GradientType=1);
}
#kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper {
  display: inline-block;
  width: auto;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 10px;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-back, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-front {
  display: none;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-rotate-mobile, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-back, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-front {
  padding: 17px 9px;
  height: 60px;
  width: 60px;
  background-color: #d2d7dc;
  border-color: #d2d7dc;
  color: #f2b705;
  box-shadow: none;
  margin-right: 10px;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-rotate-mobile.active, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-back.active, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-front.active {
  border-color: #000;
  background-color: #000000;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-rotate-mobile:hover, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-back:hover, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-front:hover {
  color: #f2b705;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-rotate-mobile img, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-back img, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-front img {
  display: block;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-rotate-mobile span, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-back span, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-front span {
  margin-top: 6px;
  display: block;
  font-size: 12px;
  display: none;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-quote-sharebuttons {
  visibility: hidden;
}
#kit-designer #kit-designer-main-image-interface #main-image {
  /*height: auto !important;*/
}
#kit-designer #kit-designer-main-image-interface #main-image #main-image-front-container, #kit-designer #kit-designer-main-image-interface #main-image #main-image-back-container {
  height: 100%;
  position: relative;
}
#kit-designer #kit-designer-main-image-interface #main-image #main-image-front-shorts, #kit-designer #kit-designer-main-image-interface #main-image #main-image-back-shorts, #kit-designer #kit-designer-main-image-interface #main-image #main-image-socks {
  display: none;
  position: absolute;
}
#kit-designer #kit-designer-main-image-interface #main-image svg {
  max-width: 100%;
  max-height: 100%;
  position: relative;
}
#kit-designer #kit-designer-main-image-interface #main-image svg #modern-overlay .kit-designer-overlay-multiply {
  mix-blend-mode: multiply;
}
#kit-designer #kit-designer-main-image-interface #main-image svg #modern-overlay .kit-designer-overlay-screen {
  mix-blend-mode: screen;
}
#kit-designer #kit-designer-main-image-interface #main-image #main-image-back-container {
  display: none;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5:before {
  width: 25%;
  left: 22%;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4:after, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5:after {
  content: " ";
  display: block;
  width: 25%;
  height: 12px;
  position: absolute;
  bottom: 10px;
  left: 58.5%;
  background: -moz-radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.3) 0%, rgba(25, 25, 25, 0) 68%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.3) 0%, rgba(25, 25, 25, 0) 68%);
  background: radial-gradient(ellipse at center, rgba(25, 25, 25, 0.3) 0%, rgba(25, 25, 25, 0) 68%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6191919', endColorstr='#00191919',GradientType=1);
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #kit-designer-prev-design, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #kit-designer-prev-design, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #kit-designer-prev-next, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #kit-designer-prev-next, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #kit-designer-rotate-button-rotate-mobile, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #kit-designer-rotate-button-rotate-mobile, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #kit-designer-rotate-button-back, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #kit-designer-rotate-button-back, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #kit-designer-rotate-button-front, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #kit-designer-rotate-button-front {
  display: none !important;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image {
  position: relative;
  text-align: left !important;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-back-container, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-back-container {
  position: absolute;
  top: 0;
  width: 100%;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-front-container, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-front-container, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-back-container, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-back-container {
  display: block !important;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-front, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-front {
  width: 45%;
  margin-left: 12%;
  position: relative;
  z-index: 2;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-back, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-back {
  position: absolute;
  width: 44.7%;
  top: 0;
  left: 48%;
  display: inline !important;
  z-index: 1;
  vertical-align: top;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-front-shorts, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-front-shorts, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-back-shorts, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-back-shorts, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-socks, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-socks {
  display: inline-block;
  bottom: 0;
  z-index: 1;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-boots-container, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-boots-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-socks, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-socks {
  width: 70px;
  left: 50%;
  margin-left: -35px;
  bottom: -28px;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-front-shorts, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-front-shorts {
  margin-left: 68px;
  width: 64px;
  bottom: 10px;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-back-shorts, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-back-shorts {
  width: 58px;
  right: 21px;
  bottom: 21px;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 .kit-designer-quote-sharebuttons, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 .kit-designer-quote-sharebuttons {
  position: absolute;
  right: 0;
  top: 82%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
#kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 .kit-designer-quote-sharebuttons .shareaholic-share-buttons-container.shareaholic-flat li.shareaholic-share-button .shareaholic-share-button-container .shareaholic-service-icon, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 .kit-designer-quote-sharebuttons .shareaholic-share-buttons-container.shareaholic-flat li.shareaholic-share-button .shareaholic-share-button-container .shareaholic-service-icon {
  border-radius: 3px;
}
#kit-designer #kit-designer-main-image-interface a {
  font-size: 70px;
  height: 70px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  cursor: pointer;
  z-index: 4;
  color: #1a1a1a;
}
#kit-designer #kit-designer-main-image-interface a#kit-designer-prev-next {
  right: 0;
}
#kit-designer #kit-designer-main-image-interface .kit-designer-main-image {
  padding: 0 0 100px;
}
#kit-designer #kit-designer-main-image-interface.kit-designer-type-ball .kit-designer-main-image {
  padding: 80px 0 46px;
}
#kit-designer #kit-designer-main-image-interface button {
  position: relative;
  bottom: 4px;
  font-size: 14px;
  height: 46px;
  z-index: 3;
}
#kit-designer #kit-designer-main-image-interface button .fas {
  font-size: 18px;
}
#kit-designer #kit-designer-main-image-interface #kit-designer-rotate-button {
  right: 0;
}
#kit-designer #kit-designer-main-image-interface.show-social .kit-designer-quote-sharebuttons {
  visibility: visible;
}
#kit-designer #kit-designer-controller-wrapper {
  background: #fff;
  padding: 0;
  position: relative;    border-left: solid 1px #eceaea;
}
#kit-designer-controller {
background: #fff;
}
#kit-designer #kit-designer-controller-wrapper.final-stage #kit-designer-stage-1, #kit-designer #kit-designer-controller-wrapper.final-stage #kit-designer-stage-2, #kit-designer #kit-designer-controller-wrapper.final-stage #kit-designer-stage-3, #kit-designer #kit-designer-controller-wrapper.final-stage #kit-designer-stage-4 {
  display: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-controller-header {
  /*background-color: #f2b705;*/
  /*padding: 3px 70px;*/
  position: relative;
  margin-top: 0px;
}
/*.me-2 {
  width: 28px;
  margin-top: -3px;
}*/
#kit-designer #kit-designer-controller-wrapper .kit-designer-controller-header .kit-designer-controller-header-title h1 {
  /*color: #f2b705;*/
  line-height: 45px;
  font-family: 'Barlow', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-color-picker-icon {
  text-align: right;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-color-picker-icon img {
  height: 42px;
}
#kit-designer #kit-designer-controller-wrapper h1 {
  font-size: 20px;
  margin: 0;
  text-transform: uppercase;
  color: #1a1a1a;
  font-family: 'Poppins', sans-serif;
}
#kit-designer #kit-designer-controller-wrapper h5 {
  color: #696969;
  font-family: 'Poppins', sans-serif;
  margin-top: 0;
}
#kit-designer #kit-designer-controller-wrapper h2 {
  /*background-color: #000;*/
color: #ffb609;
font-size: 14px;
border-bottom: 0;
padding: 0;
line-height: 19px;
margin-top: 0;
margin-bottom: 0;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-weight: 700;
padding: 10px 20px;
text-transform: uppercase;
background: linear-gradient(rgb(68, 68, 68), rgb(0, 0, 0)) !important;
/*height: 43px;*/
}
#footer {
/*margin-top: 20px;*/
}
#kit-designer #kit-designer-controller-wrapper h2 .fa-inverse {
    color: #000;
}
#kit-designer #kit-designer-controller-wrapper h2 svg {
  float: right;
  font-size: 37px;
  line-height: 37px;
}
#kit-designer #kit-designer-controller-wrapper h2 svg .fa-primary {
  fill: #1a1a1a;
}
#kit-designer #kit-designer-controller-wrapper h2 svg .fa-secondary {
  fill: #eaeff5;
  opacity: 1;
}
#kit-designer #kit-designer-controller-wrapper h2 .kit-stage-active, #kit-designer #kit-designer-controller-wrapper h2 .kit-stage-inactive, #kit-designer #kit-designer-controller-wrapper h2 .kit-stage-check {
  float: right;
  margin-top: -7px;
  left: -8px;
  top: 4px;
  display: none;
}
#kit-designer #kit-designer-controller-wrapper h2 .kit-stage-active svg, #kit-designer #kit-designer-controller-wrapper h2 .kit-stage-inactive svg, #kit-designer #kit-designer-controller-wrapper h2 .kit-stage-check svg {
  font-size: 19px;
}
#kit-designer #kit-designer-controller-wrapper h2 .kit-stage-active .fa-chevron-down {
  color: #000;
}
#kit-designer #kit-designer-controller-wrapper h2 .kit-stage-active .fa-square, #kit-designer #kit-designer-controller-wrapper h2 .kit-stage-active .fa-circle {
  color: #f2b705;
}
#kit-designer #kit-designer-controller-wrapper h2 .kit-stage-inactive {
  display: inline-block;
}
#kit-designer #kit-designer-controller-wrapper h2 .kit-stage-inactive .fa-chevron-right {
  color: #000;
}
#kit-designer #kit-designer-controller-wrapper h2 .kit-stage-inactive .fa-square, #kit-designer #kit-designer-controller-wrapper h2 .kit-stage-inactive .fa-circle {
  color: #f2b705;
}
#kit-designer #kit-designer-controller-wrapper #kit-designer-stage-5 {
  border-bottom: 0;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage {
  display: none;
  border-bottom: none;
  padding: 0px 0;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage.kit-designer-stage-active {
  display: block;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage .kit-designer-stage-content-wrapper {
  padding: 0 0px;
}
/*#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-complete h2 .kit-stage-active, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-complete h2 .kit-stage-inactive {
  display: none !important;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-complete .kit-stage-check {
  display: inline-block;
}*/
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content {
  display: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul:not(.col-12) {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery {
margin-left: 0;
margin-bottom: 0px;
height: auto;
overflow: auto;
margin-top: 0px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li {
  display: inline-block;
  /*height: 59px;*/
  margin: 0 0 10px 0px;
  /*width: 25%;*/
   width: 25%;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li a {
    display: flex;
    align-items: flex-start;
    height: auto;
    padding: 6px;
    background-color: #eaeff5;
    border: 2px solid transparent;
    border-radius: 0;
    text-align: center;
    cursor: pointer;
    position: relative;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li a:hover img {
  transform: scale(1.1);
transition: ease 0.4s;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li a.active img {
transform: scale(1.1);
transition: ease 0.4s;
background-color: #d7d7d7;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li a.active {
  border-radius: 6px;
  border: 1px solid #ffb300;
}

#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li a svg {
  max-width: 100%;
  max-height: 100%;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li a .kit-designer-design-back {
  display: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons {
  margin-top: 25px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn {
font-size: 14px;
width: 38%;
margin-left: 24%;
height: 34px;
padding: 6px 10px;
font-weight: 600;
text-transform: uppercase;
line-height: normal;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn.btn-primary {
  position: relative;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn.btn-primary span.fa-angle-right {
  position: absolute;
  right: 11px;
  font-size: 27px;
  top: 1px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn.btn-primary:hover {
  color: #000;
  background-color: #ffb609;
  border-color: #1a1a1a;
  font-size: 14px;
line-height: 19px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-weight: 700;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn.btn-secondary {
  position: relative;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn.btn-secondary span.fa-angle-left {
  position: absolute;
  left: 11px;
  font-size: 27px;
  top: 1px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn svg {
  font-size: 20px;
  line-height: 22px;
  float: right;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn svg.fa-spinner {
  float: left;
  display: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn.btn-secondary {
  margin-left: 0;
  float: left;
  background-color: #ffb609;
  color: #000;
  border: solid 0px #1a1a1a;
  font-weight: 700;
  line-height: normal;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn.btn-secondary:hover {
  margin-left: 0;
  float: left;
  background: linear-gradient(rgb(68, 68, 68), rgb(0, 0, 0)) !important;
  color: #ffb609;
  border: solid 2px #000;
  font-weight: 700;
  line-height: normal;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn.btn-secondary.no-float {
  float: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn.btn-secondary svg {
  float: left;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-buttons .btn.loading .fa-spinner {
  display: inline-block;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker {
  border: 2px solid #d7dfe4;
  padding: 0 15px;
  margin-bottom: 8px;
  padding-right: 22px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.active {
  background-color: #eaeff5;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker h4 {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  color: #1a1a1a;
  font-size: 13px;
  padding: 10px 0;
  font-weight: 500;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker h4 sup {
  color: #f50728;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker h4 span {
  display: none;
  font-size: 14px;
  color: #454545;
  margin-left: 8px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker h4 span.fa-chevron-down, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker h4 span.fa-chevron-right {
  display: block;
  float: right;
  font-size: 19px;
  margin-top: 0px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker h4 svg {
  display: block;
  float: right;
  font-size: 18px;
  margin-top: 2px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list {
  display: none;
  margin: 8px 0;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list.kit-designer-colour-list-logo li {
  width: 100%;
  margin-bottom: 10px;
  margin-right: 10px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list.kit-designer-colour-list-logo li a {
  width: 100%;
  height: auto;
  border-radius: 0;
  padding: 24px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list.kit-designer-colour-list-logo .kit-designer-colour-list-logo-black {
  text-align: center;
  background-color: #f2b705;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list.kit-designer-colour-list-logo .kit-designer-colour-list-logo-black a:before {
  display: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list.kit-designer-colour-list-logo .kit-designer-colour-list-logo-black a img {
  height: 84px;
  width: 231px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list.kit-designer-colour-list-logo .kit-designer-colour-list-logo-white {
  text-align: center;
  background-color: #000000;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list.kit-designer-colour-list-logo .kit-designer-colour-list-logo-white a:before {
  display: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list.kit-designer-colour-list-logo .kit-designer-colour-list-logo-white a img {
  height: 84px;
  width: 231px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list > li {
  display: inline-block;
  /*width: 22px;*/
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list a {
  display: inline-block;
  width: 24px;
  height: 28px;
  border: 2px solid transparent;
  cursor: pointer;
  position: relative;
  /*border-radius: 4px;*/
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list a.active {
  border-color: #000;
display: table;
width: 24px;
height: 48px;
margin-top: -20px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list a:hover {
/*border-color: #000;*/
display: table;
width: 24px;
height: 48px;
margin-top: -20px;
/*transition: ease transform 0.3s;*/
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list a.active:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #000;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.active h4 span {
  display: inline-block;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.active .kit-designer-colour-list {
  display: flex;
  flex-wrap: wrap;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .form-control {
  margin-bottom: 12px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-container--bootstrap4 {
  display: block;
}
/*#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .form-control, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection {
  border-color: #d7dfe4;
  border-radius: 3px;
  height: 47px !important;
  line-height: 27px;
  border-width: 2px;
}*/
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .form-control.invalid, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection.invalid {
  border-color: #f50728;
  border-width: 2px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .form-control:focus, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection:focus {
  border-color: #000;
  background-color: #eaeff5;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-group {
  display: flex;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-group .kit-designer-input-wrapper {
  width: 100%;
  margin-left: 36px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-group .kit-designer-input-wrapper:first-child {
  margin-left: 0;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-group .kit-designer-input-wrapper:after {
  display: none !important;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-group .kit-designer-input-wrapper label {
  position: static;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-checkbox-wrapper {
  padding-top: 15px;
  padding-left: 2px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-wrapper {
  position: relative;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-wrapper:after {
  content: '\f054';
  position: absolute;
  right: 23px;
  font-family: "Font Awesome 5 Pro";
  top: 15px;
  font-size: 19px;
  color: #1a1a1a;
  z-index: 15;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-wrapper.active:after {
  content: '\f078';
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-wrapper label {
  position: absolute;
  color: #1a1a1a;
  top: 15px;
  font-size: 13px;
  font-family: 'Barlow', sans-serif;
  font-weight: 500;
  left: 29px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-wrapper label sup {
  color: #f50728;
}
/*#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection__rendered {
  padding-left: 12px;
  line-height: 39px;
}*/
/*#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection__rendered .select2-selection__placeholder {
  color: #1a1a1a;
  font-weight: 700;
  font-size: 15px;
  line-height: 39px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection__rendered .select2-selection__placeholder sup {
  color: #f50728;
}*/
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-number-picker {
  margin-bottom: 8px;
}
/*#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection .select2-selection__arrow {
  right: 9px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection .select2-selection__arrow svg {
  font-size: 18px;
  color: #454545;
  line-height: 39px;
}*/
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-4-prev, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-prev {
  width: 100%;
  padding: 6px 16px;
  margin-bottom: 10px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-4-prev .fas, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-prev .fas {
  float: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-sendmail {
  width: 48%;
  font-size: 14px;
  padding-left: 1px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-sendmail .fas {
  line-height: 16px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-sendmail .fa-spinner {
  font-size: 13px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-showquote {
  display: none;
  width: 80%;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-showquote .fas {
  float: left;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-4-getquote {
  width: 100%;
  margin-left: 0;
  padding-left: 8px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-quote-result {
  display: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-email-total-wrapper {
  background-color: #f2b705;
  padding: 18px 11px;
  font-size: 16px;
  border-top: solid 3px #d7dfe4;
  margin: 0px 7px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-email-total-wrapper .kit-designer-email-total-label, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-email-total-wrapper .kit-designer-email-total-output {
  text-align: left;
  color: #1a1a1a;
  font-size: 28px;
  font-weight: 600;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-email-total-wrapper .kit-designer-email-total-label {
  color: #000;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary {
  background-color: #1a1a1a;
  padding: 20px;
  margin-top: -10px;
  margin-bottom: 32px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-bullet-notes {
  list-style-type: disc;
  margin: 0 20px;
  margin-top: 0px;
  margin-top: 20px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-bullet-notes li {
  color: #f2b705;
  text-align: left;
  line-height: 15px;
  font-size: 14px;
  font-weight: 600;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary #kit-designer-email-result {
  background-color: #f2b705;
  padding: 18px 11px;
  font-size: 16px;
  margin: 0px 7px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary #kit-designer-email-result .kit-designer-email-result-label, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary #kit-designer-email-result .kit-designer-email-result-output {
  text-align: left;
  color: #1a1a1a;
  font-weight: 600;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary #kit-designer-email-result .kit-designer-email-result-label {
  color: #000;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-title {
  text-transform: uppercase;
  text-align: left;
  color: #000;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 1px;
  display: block;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-tagline {
  text-align: left;
  display: block;
  color: #f2b705;
  font-size: 28px;
  margin-bottom: 25px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-price-wrapper {
  background-color: #fff;
  padding: 16px;
  margin-bottom: 20px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-price-wrapper .kit-designer-quote-price, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-price-wrapper .kit-designer-quote-price-detail {
  color: #f50728;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-price-wrapper .kit-designer-quote-price {
  font-size: 20px;
  display: block;
  font-family: 'Poppins', sans-serif;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-price-wrapper .kit-designer-quote-price #kit-designer-quote-baseprice {
  font-size: 40px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-price-wrapper .kit-designer-quote-price-detail {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-price-wrapper .kit-designer-quote-price-x {
  font-size: 10px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-price-wrapper .kit-designer-quote-included {
  display: block;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-smallprint span {
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-smallprint span sup {
  color: #f50728;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-sharebuttons {
  padding-top: 8px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-sharebuttons .kit-designer-quote-sharebuttons-title, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-sharebuttons .kit-designer-quote-sharebuttons-shareaholic {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-sharebuttons .shareaholic-share-buttons-container.wrapped {
  top: 0 !important;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-sharebuttons .shareaholic-share-buttons-container.wrapped ul.shareaholic-share-buttons {
  margin: 0 !important;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-sharebuttons .shareaholic-share-buttons-container.wrapped ul.shareaholic-share-buttons li.shareaholic-share-button {
  padding: 0 0 0 8px !important;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-sharebuttons .shareaholic-share-buttons-container.wrapped ul.shareaholic-share-buttons li.shareaholic-share-button i.shareaholic-service-icon {
  font-size: 16px;
  border-radius: 3px;
  width: 32px;
  height: 32px;
}
/*#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-active h2 {
  background-color: transparent;
  border-bottom-color: transparent;
}*/
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-active h2 .kit-stage-inactive {
  display: none;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-active h2 .kit-stage-active {
  display: inline-block;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-active .kit-designer-stage-content {
  display: block;
  margin-top: 0px;
  padding: 26px 20px 20px;
  max-height: 600px;
  overflow: auto;
  min-height: 600px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-controller-wrapper-footer {
  text-align: right;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-controller-wrapper-footer .kit-designer-controller-wrapper-footer-help-link {
  display: inline-block;
  color: #1a1a1a;
  font-weight: 600;
  padding: 20px 55px;
  font-size: 16px;
  cursor: pointer;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-controller-wrapper-footer .kit-designer-controller-wrapper-footer-help-link:hover {
  color: #000;
}
.kit-designer-validation-feedback.hidden {
  display: none;
}
.kit-designer-colour-picker h4 {
  cursor: pointer;
}
.fa-chevron-right:before {
    content: "\f067";
}
.active h4 .fa-chevron-right:before {
    content: "\f00d" !important;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage:last-child {
  border-bottom: none;
}
.decor-lens-box {
  position: absolute;
  width: 200px;
  height: 200px;
  right: 0;
  z-index: 99;
  display: none;
  top: 0;
  border: 1px solid #000;
  background: #fff;
}
.decor-lens-box.active {
  display: inline-block;
}
#decor-preview-box {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
/*.kdcp-decor-selector img {
  max-width: 85px;
  max-height: 85px;
  width: 100%;
}*/
.kdcp-decor-selector a {
  padding: 0;
  overflow: hidden;
  text-align: center;
}

.productOptionsToggle span {
  /*writing-mode: vertical-lr;*/
  letter-spacing: 0px;
    padding-top: 3px;
    font-size: 9px;
    line-height: 11px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li {
  position: relative;
  padding: 0 5px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li a {
  background-color: transparent;
  border: none;
  padding: 0 0 30px;
  overflow: hidden;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li a img {
  display: block;
  align-items: center;
  padding: 6px;
  background-color: #eaeff5;
  border: 2px solid transparent;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0px;
  position: relative;
  width: 100%;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery {
  
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li a p {
  position: absolute;
  bottom: 8px;
  margin: 0px 0 0 0;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery.kdcp-decor-selector-gallery li a {
  padding: 0;
}

/* iphone 6 portrait (375px) */
@media (min-width: 375px) {
  #kit-designer #kit-designer-main-image-interface {
    height: 234px;
  }
  
  #kit-designer #kit-designer-main-image-interface #main-image {
    height: 184px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-type-ball:after {
    bottom: 66px;
  }
}
/* iphone 6 plus portrait (414px) */
@media (min-width: 414px) {
  #kit-designer #kit-designer-main-image-interface {
    height: 270px;
  }
  #kit-designer #kit-designer-main-image-interface .kit-designer-popup-window {
    width: 400px;
  }
  #kit-designer #kit-designer-main-image-interface #main-image {
    height: 254px;
     /*height: auto;*/
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li {
    width: 25%;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #kit-designer #kit-designer-main-image-interface {
    height: 340px;
  }
  #kit-designer #kit-designer-main-image-interface.kit-designer-type-ball:before {
    bottom: 60px;
  }
  #kit-designer #kit-designer-main-image-interface:before {
    width: 20%;
    left: 40.5%;
    bottom: 22px;
  }
  #kit-designer #kit-designer-main-image-interface #main-image {
    height: 270px;
  }
  #kit-designer #kit-designer-main-image-interface button {
    width: auto;
    padding: 6px 16px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-type-ball #main-image #main-image-front {
    width: 40%;
    margin-left: 15%;
    max-width: 438px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-type-ball #main-image #main-image-back {
    width: 33.7%;
    left: 50%;
    max-width: 369.5px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-front, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-front {
    width: 45%;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-back, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-back {
    width: 44.7%;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4:after, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5:after {
    bottom: 22px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 .kit-designer-quote-sharebuttons, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 .kit-designer-quote-sharebuttons {
    top: 86%;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage {
    display: block;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li {
    width: 25%;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker {
    margin-bottom: 10px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker h4 {
    font-size: 15px;
    padding: 13px 0;
    font-weight: 600;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list {
    margin: 5px 0 16px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-number-picker {
    margin-bottom: 18px;
    height: 50px;
  }
  /*#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .form-control, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection {
    height: 56px !important;
    line-height: 34px;
  }*/
  /*#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection__rendered .select2-selection__placeholder, #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .select2-selection .select2-selection__arrow svg {
    line-height: 48px;
  }*/
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-wrapper label {
    top: 17px;
    font-size: 15px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    left: 29px;
    font-weight: 600;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-input-wrapper select {
    position: relative;
    z-index: 10;
    background-color: transparent;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-prev {
    width: 48%;
    padding: 6px 16px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-sendmail {
    width: 48%;
    font-size: 15px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-sendmail .fas {
    line-height: 18px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-sendmail .fa-spinner {
    line-height: 18px;
    font-size: 20px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-5-showquote {
    width: 48%;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-4-getquote {
    width: 48%;
    padding-left: 16px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content #kit-designer-stage-4-prev {
    width: 48%;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-price-wrapper .kit-designer-quote-price #kit-designer-quote-baseprice {
    font-size: 46px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-quote-summary .kit-designer-quote-price-wrapper .kit-designer-quote-price-detail {
    font-size: 15px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li {
    width: 20%;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list.kit-designer-colour-list-logo li {
    width: 48%;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li {
    width: 33.33%;
  }
  #kit-designer #kit-designer-main-image-interface {
    height: auto;
    margin-bottom: 50px;
    margin-top: 0px;
  }
  #kit-designer #kit-designer-main-image-interface.kit-designer-type-netball {
    height: 600px;
  }
  #kit-designer #kit-designer-main-image-interface.kit-designer-type-netball #main-image {
    height: 536px;
  }
  #kit-designer #kit-designer-main-image-interface.kit-designer-type-netball .kit-designer-main-image {
    padding: 20px 0 20px;
  }
  #kit-designer #kit-designer-main-image-interface .kit-designer-main-image {
    /*padding: 50px 0 20px;*/
    padding: inherit;
  }
  #kit-designer #kit-designer-main-image-interface #kit-designer-reset-button .d-none {
    display: inline-block;
  }
  #kit-designer #kit-designer-main-image-interface:before {
    width: 56%;
    left: 22%;
    height: 20px;
    bottom: -40px;
  }
  #kit-designer #kit-designer-main-image-interface a:hover {
    text-decoration: none;
  }
  #kit-designer #kit-designer-main-image-interface #main-image {
    /*height: 584.3px;*/
    height: auto;
  }
  #kit-designer #kit-designer-main-image-interface button {
    position: static;
    bottom: auto;
  }
  #kit-designer #kit-designer-main-image-interface button .fas {
    margin-right: 12px;
    font-size: 16px;
  }
  #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: unset;
  }
  #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-rotate-mobile, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-back, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-front {
    padding: 17px 17px;
    height: 82px;
    width: 82px;
  }
  #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-rotate-mobile span, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-back span, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-front span {
    display: block;
  }
  #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-back, #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-front {
    display: inline-block;
  }
  #kit-designer #kit-designer-main-image-interface .kit-designer-rotate-buttons-wrapper #kit-designer-rotate-button-rotate-mobile {
    display: none;
  }
  #kit-designer #kit-designer-main-image-interface #kit-designer-reset-button {
    position: relative;
    bottom: 0px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-type-ball:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-type-ball:before {
    width: 40%;
    left: 15%;
    bottom: 15%;
    max-width: 444.8px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-type-ball:after, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-type-ball:after {
    width: 40%;
    left: 47.5%;
    bottom: 25%;
    height: 20px;
    max-width: 444.8px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5:before {
    width: 40%;
    left: 7%;
    bottom: 1%;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4:after, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5:after {
    width: 40%;
    left: 50.5%;
    bottom: 1%;
    height: 20px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-front, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-front {
    margin-left: 5%;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 #main-image #main-image-back, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 #main-image #main-image-back {
    left: 46%;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-tracktop:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-tracktop:before {
    top: 528px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-hoody:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-hoody:before {
    top: 536px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-trackies:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-trackies:before {
    top: 530px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-trackies #main-image #main-image-front, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-trackies #main-image #main-image-front {
    width: 184px;
    margin-left: 98px;
    top: 116px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4 .kit-designer-quote-sharebuttons, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5 .kit-designer-quote-sharebuttons {
    top: 100%;
  }
  /*#kit-designer #kit-designer-controller-wrapper {
    box-shadow: 0px 2px 2px 0px rgba(178, 178, 178, 0.75);
  }*/
  #kit-designer #kit-designer-controller-wrapper h1 {
    font-size: 18px;
  }
  /*#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li {
    width: 83px;
    height: 83px;
  }*/
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #kit-designer #kit-designer-main-image-interface:before {
    width: 50%;
    left: 25%;
    display:none;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5:before {
    bottom: 1%;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4:after, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5:after {
    bottom: 1%;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-tracktop:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-tracktop:before {
    left: 96px;
    top: 568px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-tracktop #main-image #main-image-front, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-tracktop #main-image #main-image-front {
    width: 350px;
    margin-left: 46px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-hoody:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-hoody:before {
    left: 96px;
    top: 568px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-hoody #main-image #main-image-front, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-hoody #main-image #main-image-front {
    width: 340px;
    margin-left: 56px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-trackies #main-image #main-image-front, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-trackies #main-image #main-image-front {
    width: 200px;
    margin-left: 124px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-shorts:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-shorts:before {
    top: 484px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-shorts:after, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-shorts:after {
    top: 438px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-skorts:before, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-skorts:before {
    top: 494px;
  }
  #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-4.kit-designer-subtype-skorts:after, #kit-designer #kit-designer-main-image-interface.kitdesigner-stage-index-5.kit-designer-subtype-skorts:after {
    top: 448px;
  }
  
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list.kit-designer-colour-list-logo li {
    width: 46.5%;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li {
    width: 25%;
    height: auto;
    margin-bottom: 15px;
  }
}
@media (min-width: 1800px) {
.ttop {
          top: 111px!important;
  }
}
@media (min-width: 2000px) {
    #kit-designer #kit-designer-main-image-interface #main-image {
    /*height: 730px;*/
    height: auto;
}
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-active .kit-designer-stage-content {
  display: block;
  margin-top: 0px;
  padding: 26px 20px 20px;
  max-height: 710px;
  overflow: auto;
  min-height: 710px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list a {
  display: inline-block;
  width: 38px;
  height: 38px;
  border: 2px solid transparent;
  cursor: pointer;
  position: relative;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list a:hover {
  display: table;
width: 38px;
height: 61px;
margin-top: -22px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list a.active {
  display: table;
width: 38px;
height: 61px;
margin-top: -22px;
}
.kdd-design-selectbox {
  max-height: 620px!important;
  overflow: auto;
  min-height: 620px!important;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li {
  height: auto;
  margin-bottom: 15px;
  width: 20%;
}
.ttop {
          top: 118px!important;
  }
}
/* Theme overrides */
.btn.btn-primary {
background: linear-gradient(rgb(68, 68, 68), rgb(0, 0, 0)) !important;
/*border-color: #000;*/
color: #ffb609;
font-size: 14px;
line-height: 19px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-weight: 700;
border: none;
}
.btn.btn-primary:hover, .accordion-button:not(.collapsed) {
  color: #000;
  background: linear-gradient(rgb(255, 182, 9), rgb(255, 182, 9)) !important;
  /*border-color: #ffb609;*/
}
body .mini-header-main-wrapper .widget {
  margin-right: 0;
}
body .simple-dropdown ul.sub-menu li.current-menu-item > a {
  color: #000;
}
body .simple-dropdown ul.sub-menu li a {
  color: #000000;
}
body .hongo-shop-slider-style-5 .hongo-slider-text-middle .hongo-slider-text-wrap {
  background-color: rgba(255, 255, 255, 0.5);
  width: 513px;
  margin: 0 25%;
  padding: 41px 43px;
  float: right;
  position: relative;
  left: 13px;
}
body .hongo-shop-slider-style-5 .hongo-slider-text-middle .hongo-slider-text-wrap .btn {
  background-color: #000;
  border-color: #000;
  padding: 12px;
  font-size: 16px;
  text-transform: uppercase;
}
body .hongo-shop-slider-style-5 .hongo-slider-text-middle .hongo-slider-text-wrap .title {
  font-weight: 700 !important;
  font-style: italic;
}
body .simple-dropdown .simple-menu {
  top: 74px;
}
body .video-image-box .hongo-full-width-single-image {
  border: solid 30px #fff;
  -webkit-box-shadow: 2px 2px 15px 2px #CCCCCC;
  box-shadow: 2px 2px 15px 2px #CCCCCC;
}
body .text-slide-number {
  display: none;
}
body .swiper-button-next {
  right: -20px;
}
body .swiper-button-prev {
  left: -20px;
}
body .hongo-text-slider2 .text-slide-content {
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}
body .hongo-text-slider2 .text-slide-title {
  font-weight: 700;
}
body .swiper-prev-text-slider-2, body .swiper-next-text-slider-2 {
  font-size: 70px !important;
  font-family: 'themify';
}
body .swiper-next-text-slider-2:before {
  content: "\e649";
}
body .swiper-prev-text-slider-2:before {
  content: "\e64a";
}
body .usp-wrapper .testimonial-box .testimonial-meta span.alt-font {
  display: none;
}
body .usp-wrapper .icon-text-style-4 {
  padding: 20px;
  height: 100%;
  width: 100%;
  border: 1px solid #000;
}
body .usp-wrapper .icon-text-style-4 .hongo-featurebox-wrapper {
  text-align: left;
  position: relative;
  display: inline-block;
  margin: auto;
}
body .usp-wrapper .icon-text-style-4 .hongo-featurebox-img {
  transform: translate(-100%, -50%);
}
body .usp-wrapper .icon-text-style-4 .hongo-featurebox-img img {
  width: 32px;
  margin-left: 3px;
  margin-right: 7px;
}
body .bottle-icon img {
  width: 25px !important;
  margin-left: 6px;
}
body .full-width-images .hongo-shop-banner-img img {
  width: 100%;
}
body .heading-style-3.heading-1.hongo-section-heading {
  margin-bottom: 16px;
  font-weight: 700;
}
body .hongo-call-to-action-1 .btn.btn-large {
  padding: 17px 34px;
}
body .mini-header .widget_custom_html {
  display: block;
}
body .mini-header .custom-html-widget {
  position: relative;
}
body .flag-icon {
  padding-right: 20px;
  height: 16px;
  margin-bottom: 2px;
}
body .mini-header-main-wrapper .widget_text {
  font-size: 12px;
}
body header .nav > li > a {
  text-transform: uppercase;
  font-weight: 600;
}
body .footer {
  border-top: 1px solid #000;
}
body .footer .attachment-medium {
  width: 122px;
}
body .footer .widget-title {
  font-weight: 700 !important;
}
body .footer .social-icon-style-1 ul li a i {
  color: #000;
  padding: 0 2px;
}
body .footer .text-block-content {
  font-size: 12px;
}
body .footer .navigation-links {
  font-weight: 500;
}
body .footer .menu-title {
  font-weight: 700 !important;
}
body .footer .textwidget {
  font-size: 12px;
  line-height: 17px;
  text-transform: none;
  margin-bottom: 14px;
}
body .footer .hongo-phone-info i, body .footer .navigation-menu i {
  color: #000 !important;
  margin-right: 10px;
}
body .footer .hongo-phone-info a, body .footer .navigation-menu a {
  font-weight: 500;
}
body .footer .hongo-phone-info a:hover, body .footer .navigation-menu a:hover {
  color: #000;
}
body .footer .hongo-phone-info span {
  display: none;
}
body .usp-mobile-slider .testimonial-slider-style-3 .testimonial-content-wrap {
  border: 1px solid #000;
  border-radius: 0;
  padding: 20px;
  height: auto !important;
  display: inline-block;
  text-align: left;
  position: relative;
  padding-left: 61px;
  text-align: center;
}
body .usp-mobile-slider .testimonial-slider-style-3 .testimonial-meta {
  text-align: left;
  padding-left: 17px;
}
body .usp-mobile-slider .testimonial-slider-style-3 .testimonial-box, body .usp-mobile-slider .testimonial-slider-style-3 .testimonial-image {
  display: inline-block;
  margin: 0;
}
body .usp-mobile-slider .testimonial-slider-style-3 .testimonial-image {
  width: auto;
  position: absolute;
  top: 50%;
  transform: translate(-100%, -50%);
}
body .usp-mobile-slider .testimonial-slider-style-3 .testimonial-image img {
  height: 38px;
  width: auto;
}
.vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height) > .vc_column_container {
  padding: 8px;
}
.hongo-mobile-secondary-menu {
  display: none;
}
@media (max-width: 991px) {
  body .video-image-box {
    bottom: 0;
  }
  body .simple-dropdown.open-custom .simple-menu, body header .nav > li.open-custom > .mega-menu-main-wrapper, body ul.sub-menu {
    height: auto !important;
    opacity: 1;
    visibility: visible;
    overflow: visible;
  }
  .decor-lens-box {
    top: unset;
    bottom: 20px;
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 1199px) {
  body .usp-wrapper .icon-text-style-4 {
    padding-top: 4%;
    padding-bottom: 4%;
  }
  body .usp-wrapper .icon-text-style-4 .hongo-featurebox-wrapper {
    margin-left: 10px;
  }
  body .hongo-call-to-action-1 .btn.btn-large {
    padding: 15px 37px;
  }
  
}
@media (max-width: 767px) {
  .call-to-action-style-4 .action-button {
    text-align: center;
  }
  .call-to-action-style-4 .call-to-action-title {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
  }
  .footer .hongo-single-image {
    text-align: center;
    margin-bottom: 0 !important;
  }
  body .hongo-shop-slider-style-5 .hongo-slider-text-middle .hongo-slider-text-wrap {
    left: 50%;
    margin-left: -257px;
    float: none;
    margin-bottom: 35px;
  }
  .hongo-shop-slider-style-5 .hongo-slider-text-middle {
    vertical-align: bottom;
  }
  .logo-footer-section {
    margin-bottom: 27px;
  }
  body .mini-header .custom-html-widget {
    text-align: left;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-controller-header {
    padding: 0px 25px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage .kit-designer-stage-content-wrapper {
    padding: 0 0px;
  }
  #kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content ul.kit-designer-design-gallery li {
    width: 33.33%;
    margin-bottom: 15px;
  }
  #kit-designer {
    padding-top: 0;
  }
  #kit-designer #kit-designer-main-image-interface #kit-designer-reset-button {
      z-index: 10;
      position: absolute;
      top: -25px;
  }
  #kit-designer #kit-designer-main-image-interface .kit-designer-main-image {
      padding: 0px 0 50px;
  }
  /*#kit-designer #kit-designer-main-image-interface {
      height: 290px;
  }*/
  .decor-lens-box {
    top: unset;
    bottom: 15px;
    width: 100px;
    height: 100px;
  }
  .cart-page-section .btn-group {
    flex-wrap: wrap;
  }
  .cart-page-section .btn-group .btn-primary {
    border-radius: .3rem !important;
    margin-bottom: 5px;
    width: 100%;
  }
  .cart-products-row .btn {
    margin-bottom: 5px; margin-right: 5px;
  }
  .btn-shares {
    background-color: transparent !important;
    border-color: transparent !important;
  }
}
.slider-reset-box {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.slider-reset-box button:first-child, .slider-reset-box button + button {
  margin-right: 5px;
}
.breadcrumb {
    justify-content: center;
    margin: 35px 0 0;
}
.breadcrumb li a, .breadcrumb li {
  color: #000;
 cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Barlow', sans-serif;
  font-size: 19px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker .kit-designer-colour-list a.active:after {
    content: url('../images/tick.webp');
    position: absolute;
    top: -10px;
    right: -5px;
}
.image-box-wrapper a {
  cursor: pointer;
}
.kit-designer-colour-picker .colorbtns, .kit-designer-colour-picker .kit-designer-graddesign-layers {
  display: none;
}
.kit-designer-colour-picker .kit-designer-graddesign-layers { 
  max-height: 0;
  overflow: hidden;
}
.kit-designer-colour-picker.active .colorbtns, .kit-designer-colour-picker.active .kit-designer-graddesign-layers {
  display: block;
}
.kit-designer-colour-picker.active .kit-designer-graddesign-layers {
  max-height: 1000px;
  overflow: unset;
}
.productOptionsModal.show {
  visibility: visible;
  width: 33.5%;
}
 
@media only screen and (max-width: 600px) {
  .productOptionsModal.show {
  visibility: visible;
  width: 90%;
}
}
.offcanvas {
  transition: all 0.3s ease-in-out;
}
.productOptionsToggle {
    min-width: 40px;
    padding-top: 45px;
    padding-bottom: 15px;
    position: absolute;
    left: -45px;
    top: 50%;
    /* transform: rotate(90deg) translate(0%, 100%); */
    z-index: 1050;
    /*text-orientation: upright;*/
    /*writing-mode: vertical-rl;*/
    text-transform: uppercase;
}
.productOptionsToggle i {
 scale: 2;
    padding-bottom: 0;
    margin-right: 0;
    position: absolute;
    top: 13px;
    left: 21px;
    font-size: 13px;
}
.productOptionsToggle span {
  /*writing-mode: vertical-lr;*/
  /*letter-spacing: -1px;*/
}
.productOptionsModal button {
  /*color: #000;*/
}
#productInfoToggle {
top: 5%;
    width: 55px;
    height: 55px;
    left: -56px;border-radius: 0px!important;
}
 
.btn-gradient {
    background-color:#000;
}
.productOptionsModal button:after {
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");*/
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffb607'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  width: 14px;
  height: 14px;
  background-size: contain;
  transform: rotate(-45deg);
}
.productOptionsModal button:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    transform: rotate(0deg) !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    transform: rotate(0deg) !important;
}
button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}
.accordion-item {
  border: 0;
}
.kdcp-decor-selector .kit-designer-design-gallery {
  display: none;
}
.kdcp-decor-selector.active .kit-designer-design-gallery {
  display: block;
}
.at-resp-share-element .at-share-btn {
  margin: 0 2px 0px !important;
}
.pointer-none {
  cursor: auto;
}
.productOptionsModal .accordion-body a {
  color: #000;
}
.form-group {
  margin-bottom: 10px;
}
.form-group label {
  margin-bottom: 5px;
}
.wrap-bread-crumb.brc_banner {
    position: relative;
    overflow: hidden;
    height: 112px;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: center center;
    background-size: cover;
    /*background-image: url(https://www.jicsports.com/new/wp-content/uploads/2021/12/banner20220654.jpg);*/
    display: flex;
}
/*.wrap-bread-crumb.brc_banner {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    height: 400px;*/
/*    background-repeat: no-repeat;*/
/*    background-attachment: inherit;*/
/*    background-position: center center;*/
/*    background-size: cover;*/
/*    background-image: url(https://www.jicsports.com/new/wp-content/uploads/2021/12/banner20220654.jpg);*/
/*    display: flex;*/
/*}*/
.brc_banner h2 {
    color: #fff;
    line-height: 36px;
    margin-bottom: 15px;
}
.brc_banner span, .brc_banner a {
    font-size: 24px;
    color: #fff;
}
/*.colorbtns .btn.btn-secondary, .slider-reset-box .btn.btn-secondary {*/
/*  background-color: #000;*/
/*  color: #f2b705;*/
/*  border-color: #000;*/
/*  font-size: 14px;*/
/*  font-weight: 600;*/
/*}*/
.image-box-wrapper {
 /*transform: scale(0);*/
transition: ease 0.4s;
margin-bottom: 45px;
 }
/*.effect.active {*/
 
/*}*/
.image-box-wrapper:hover {
 transform: scale(1.2);
}
.btn-secondary {
   /*background: linear-gradient(rgb(68, 68, 68), rgb(0, 0, 0)) !important;*/
  color: #f2b705;
  border-color: #000;
  font-size: 14px;
  font-weight: 600;
 }
.btn-secondary.active {
 background: linear-gradient(rgb(255, 182, 9), rgb(255, 182, 9)) !important;
  color: #000;
  border-color: #f2b705;
  font-size: 14px;
  font-weight: 600;
}
.btn-secondary:hover {
background: linear-gradient(rgb(255, 182, 9), rgb(255, 182, 9)) !important;
  color: #000;
  border-color: #f2b705;
  font-size: 14px;
  font-weight: 600;
}
.slider-reset-box .btn.btn-danger {
  font-size: 14px;
  font-weight: 600;
}
.category-bar ul, .cart-top-btns {
  background-color: #000;
  overflow: hidden;
  justify-content: stretch;
  flex-wrap: nowrap;
  position: relative;
  z-index: 2;
}
.category-bar li, .cart-top-btns li {
  position: relative;
  min-width: 25%;
  line-height: 60px;
  z-index: 1;
  /*width: 100%;*/
}
.cart-top-btns li:last-child {
  z-index: -1;
}
.category-bar li:before, .cart-top-btns li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  border-right: 1.5px solid #ffffff;
  z-index: -1;
  transform: skewX(-30deg);
}
.category-bar li:first-child:after, .category-bar li:last-child:after,
.cart-top-btns li:first-child:after, .cart-top-btns li:last-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #000;
  z-index: -1;
}
.category-bar li:last-child:after, .cart-top-btns li:last-child:after {
  left: unset;
  right: 0;
}
.category-bar li:last-child:before, .cart-top-btns li:last-child:before {
  border-right: none;
}
.category-bar li a, .cart-top-btns li button, .cart-top-btns li div {
  color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: transparent;
  border: none;
}
.cart-top-btns button i {
  font-size: 40px;
margin-right: 14px;
width: 40px;
height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.category-bar li:hover:before, .category-bar li:hover:first-child:after, .category-bar li:hover:last-child:after, .category-bar li.active:before,
.category-bar li.active:first-child:after, .category-bar li.active:last-child:after,
.cart-top-btns li:hover:before, .cart-top-btns li:hover:first-child:after, .cart-top-btns li.active:before,
.cart-top-btns li.active:first-child:after, .cart-top-btns li:last-child:hover:after {
  background-color: #f2b705;
}
.category-bar li:hover a, .category-bar li.active a, .cart-top-btns li:hover button, .cart-top-btns li.active button, .cart-top-btns li:hover div {
  color: #000;
}
.cart-body .modal-content {
    border: none;
    border-radius: 1.3rem;
    box-shadow: 0px 0px 80px 35px rgb(0 0 0 / 30%);
}
.cart-body .modal-header {
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.cart-body .modal-footer {
    border-top: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.cart-body .form-control {
    min-height: 45px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ced4da;
    outline: none;
    box-shadow: none;
}
.cart-body .form-group {
    margin-bottom: 20px;
}
.cart-body .form-group:last-child {
  margin-bottom: 0;
}
.cart-body .btn {
  line-height: 28px;
  border: none;
}
#share-buttons .social-share {
  cursor: pointer;
}
@media (min-width: 1400px) {
  .category-bar li {
    min-width: 120px;
  }
}
.offcanvas-body .accordion-header {
  padding: 0 !important;
}
.kitbuilder-breadcrumbs li a {
  color: #000 !important;
}
.kitbuilder-breadcrumbs li.active a {
  opacity: 0.8;
}
.kit-designer-colour-picker .pantone-colorBox {
  display: none;
}
.kit-designer-colour-picker.active .pantone-colorBox {
  display: flex;
  width: 100%;
}
.addTeamBox-wrapper .form-control, .addTeamBox-wrapper .form-select {
    padding: 10px !important;
    font-size: 14px;
    line-height: normal;
    border-radius: 0;
    margin: 0 10px 0 0px !important;
}
.addTeamBox-wrapper .form-select {
  margin-right: 0;
}
.addTeamBox-wrapper .btn-delete {

}
.productOptionsToggle:not(.active) {
  color: #ffb609 !important;
  background-color: #000 !important;
}
.productOptionsToggle.active, .productOptionsToggle:hover {
  color: #000 !important;
  background: linear-gradient(rgb(255, 182, 9), rgb(255, 182, 9)) !important;
  /*border-color: #ffb609;*/
}
#kit-designer .kit-designer-team .form-control {
    padding: 2px 5px 2px 5px;
    margin-bottom: 0px !important;
}
.kit-designer-team .form-group label {
    margin-bottom: 0;
}
.kit-designer-team .form-group {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
}
.kit-designer-team .form-group:last-child {
  border-bottom: none;
}
.kit-designer-team .kit-designer-colour-picker {
    border: 2px solid #d7dfe4 !important;
    padding: 0 0px !important;
}
#teamTab li {
  width: 50%;
}
#teamTab li button {
  background: linear-gradient(rgb(68, 68, 68), rgb(0, 0, 0));
  color: #ffb609;
  border-radius: 0;
  border: none;
  width: 100%;
}
#teamTab li button.active, #teamTab li button:hover {
  background: none;
  background-color: #ffb609 !important;
  color: #000;
}
.addTeamBox-wrapper:not(.active) > div {
  display: none;
}
.addTeamBox-wrapper > h4 {
  padding: 13px 15px !important;
  margin: 0px 0 0 !important;
}
.addTeamBox-wrapper:not(.active) h4 .fa-chevron-right:before {
    content: "\f067" !important;
}
.playerCounter {
  font-weight: 600;
}
.pantone-colorBox .select2-container {
  width: 50% !important;
}
.productVarOpts li a {
    position: relative;
    border: 1px solid #000;
    display: block;
    padding: 10px;
    cursor: pointer;
}
.productVarOpts li a.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.35);
}
.productVarOpts li a.active:after {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 40px;
    color: #ffb609;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kdd-cpbox {
    padding: 0 0px;
    padding-right: 22px;
    display: inline-block;
    width: 100%;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kdd-cpbox h4 ~ *,
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kd-customize-layer-content h4 ~ * {
  padding-left: 16px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kd-customize-layer-content h4 ~ * {
  padding-right: 22px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kdd-cpbox > h4,
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kd-customize-layer-content > h4 {
    padding: 0px 0;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kdd-cpbox h4 span.layerActiveColorBox, 
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kd-customize-layer-content h4 span.layerActiveLogoBox {
  display: inline-flex;
    align-items: center;
    line-height: normal;
    margin-left: 0;
    text-transform: capitalize;
    min-height: 40px;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kdd-cpbox h4 span.layerActiveColorBox span, 
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kd-customize-layer-content h4 span.layerActiveLogoBox span {
  display: inline-block;
    width: 40px;
    height: 40px;
    line-height: normal;
    margin-right: 5px;
/*    background: #000;*/
    margin: 0 5px 0 0;
    border-right: 2px solid #d7dfe4;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kd-customize-layer-content h4 span.layerActiveLogoBox span {
  background: url('../images/placeholder.png');
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kd-customize-layer-content {
  padding: 0;
}
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kd-customize-layer-content h4 ~ *,
#kit-designer #kit-designer-controller-wrapper .kit-designer-stage-content .kit-designer-colour-picker.kd-customize-layer-content > h4 {
  padding-right: 22px;
}
.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.15rem rgb(0 0 0);
}
.form-range::-webkit-slider-thumb:active {
    background-color: #ffb609;
}
.kit-designer-design-gallery.kdcp-decor-selector-gallery {
  max-height: 200px;
}
.kdd-design-selectbox {
  max-height: 500px;
  overflow: auto;
  min-height: 500px;
}
.layerActiveLogoBox.hideActiveLogoBox span {
  display: none !important;
}
.layerActiveLogoBox.hideActiveLogoBox {
  padding-left: 22px;
}
@media (max-width: 991px) {
  .productOptionsToggle {
    left: 0 !important;
    top: -53% !important ;   
    z-index: 1;
  }
  #productInfoToggle {
top: -63% !important;
    left: 0px !important;
}
}