/*!v0.22.0 08.12.2023*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*  1. Variables
    2. Vendor
    3. Main
    4. Others                                                         */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*
//** Padding around the thumbnail image
$thumbnail-padding:           4px;
//** Thumbnail background color
$thumbnail-bg:                $body-bg;
//** Thumbnail border color
$thumbnail-border:            #ddd;
//** Thumbnail border radius
$thumbnail-border-radius:     $border-radius-base;

//** Custom text color for thumbnail captions
$thumbnail-caption-color:     $text-color;
//** Padding around the thumbnail caption
$thumbnail-caption-padding:   9px;
*/
/*Vendor Variable*/
/* Mixins */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
.ggds .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.ggds .popover.top {
  margin-top: -10px;
}

.ggds .popover.right {
  margin-left: 10px;
}

.ggds .popover.bottom {
  margin-top: 10px;
}

.ggds .popover.left {
  margin-left: -10px;
}

.ggds .popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.ggds .popover-content {
  padding: 9px 14px;
}

.ggds .popover > .arrow, .ggds .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.ggds .popover > .arrow {
  border-width: 11px;
}

.ggds .popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.ggds .popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.ggds .popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

.ggds .popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.ggds .popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.ggds .popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.ggds .popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.ggds .popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.ggds .popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.ggds table {
  background-color: transparent;
}

.ggds caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #e0e0e0;
  text-align: left;
}

.ggds th {
  text-align: left;
}

.ggds .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 21px;
}

.ggds .table > thead > tr > th,
.ggds .table > thead > tr > td,
.ggds .table > tbody > tr > th,
.ggds .table > tbody > tr > td,
.ggds .table > tfoot > tr > th,
.ggds .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #ddd;
  float: none;
}

.ggds .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.ggds .table > caption + thead > tr:first-child > th,
.ggds .table > caption + thead > tr:first-child > td,
.ggds .table > colgroup + thead > tr:first-child > th,
.ggds .table > colgroup + thead > tr:first-child > td,
.ggds .table > thead:first-child > tr:first-child > th,
.ggds .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.ggds .table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.ggds .table .table {
  background-color: #fff;
}

.ggds .table-bordered {
  border: 1px solid #ddd;
}

.ggds .table-bordered > thead > tr > th,
.ggds .table-bordered > thead > tr > td,
.ggds .table-bordered > tbody > tr > th,
.ggds .table-bordered > tbody > tr > td,
.ggds .table-bordered > tfoot > tr > th,
.ggds .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.ggds .table-bordered > thead > tr > th,
.ggds .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.ggds .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.ggds .table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

.ggds .table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .ggds .table-responsive {
    width: 100%;
    margin-bottom: 15.75px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .ggds .table-responsive > .table {
    margin-bottom: 0;
  }
  .ggds .table-responsive > .table > thead > tr > th,
  .ggds .table-responsive > .table > thead > tr > td,
  .ggds .table-responsive > .table > tbody > tr > th,
  .ggds .table-responsive > .table > tbody > tr > td,
  .ggds .table-responsive > .table > tfoot > tr > th,
  .ggds .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .ggds .table-responsive > .table-bordered {
    border: 0;
  }
  .ggds .table-responsive > .table-bordered > thead > tr > th:first-child,
  .ggds .table-responsive > .table-bordered > thead > tr > td:first-child,
  .ggds .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .ggds .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .ggds .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .ggds .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .ggds .table-responsive > .table-bordered > thead > tr > th:last-child,
  .ggds .table-responsive > .table-bordered > thead > tr > td:last-child,
  .ggds .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .ggds .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .ggds .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .ggds .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .ggds .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .ggds .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .ggds .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .ggds .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
.ggds {
  /* ---------------------------------------------------------------- */
  /* Cards */
  /* ---------------------------------------------------------------- */
  /* Custom card CSS */
  /* Stack card footer on smaller mobile screens */
  /* ---------------------------------------------------------------- */
  /* Cards: Variable Height Cards
/* ---------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /* Popover
/* -------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /* Buttons
/* ---------------------------------------------------------------- */
  /* Reset base button fonts and sizes */
  /* All buttons to use 'Futura PT', uppercase and base weight of 400 */
  /* Opaque ghost buttons with solid white background */
  /* -------------------------------------------------------------------------------- */
  /* Prime Buttons */
  /* -------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------- */
  /* Transparent and Link Buttons */
  /* -------------------------------------------------------------------------------- */
  /* Transparent Button */
  /* -------------------------------------------------------------------------------- */
  /* Dropdown Button Modifications */
  /* -------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------- */
  /* Responsive Buttons */
  /* Use when you need buttons to scale down e.g. for horizontal navbars
/* -------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------- */
  /* Custom Buttons */
  /* Special buttons that don't fit into the existing standards
/* -------------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /* Info callouts are used for displaying important information on the page */
  /* Info callouts differ from alerts and alert boxes as they are
   shown when the page is loaded rather than after a user action. */
  /* ---------------------------------------------------------------- */
  /* Reduce margin if multiple info-callouts are stacked */
  /* Information callout colours are equivalent to darken-1 for both border and heading text colour */
  /* Component for the main reviews section on PDPs
   =============================================================== */
  /* Rating snapshot - Considering making this a new component */
  /* Component for an individual user review
   =============================================================== */
  /* Featured review modifier
   --------------------------------------------- */
  /*End _reviews-pdp.scss*/
  /* ---------------------------------------------------------------- */
  /* Pagination
/* ---------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /* L1 Dropdown Menu */
  /* Icon placement */
  /* End media query small */
  /* ---------------------------------------------------------------- */
  /* L1 Dropdown Menu */
  /* End media query small */
  /* ---------------------------------------------------------------- */
  /* Navigation: Navbar Secondary (e.g. Kitchens) */
  /* ---------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /* L1 Dropdown Menu */
  /* End media query small */
  /* ---------------------------------------------------------------- */
  /* Navigation: Horizontal Navbar
/* ---------------------------------------------------------------- */
  /* Large inputs: 46px tall */
  /* ---------------------------------------------------------------- */
  /*  FORM: Horizontal
/* ---------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /*  FORM: Inline
/* ---------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /*  Placeholder Utility classes
/* ---------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /*  VALIDATION
/* ---------------------------------------------------------------- */
  /* Change label and text-help text-color to danger */
  /* Adjust top position for horizontal forms as the label is on the left */
  /* Allow for multi-line checkbox labels */
  /* The form classes add a bottom padding which effects the icon position */
  /* Prevent the icon overlapping the help-block text */
  /* Height is input height - 2px to compensate for borders */
  /* Icon for automcomplete forms (if an indicator is desired) */
  /* Hide search indicator on focus and if feedback icon is shown */
  /* Success */
  /* Error */
  /* Warning */
  /* Change label and text-help text-color to danger */
  /* ---------------------------------------------------------------- */
  /*  Disabled
/* ---------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /*  Read only
/* ---------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /*  Input Groups
/* ---------------------------------------------------------------- */
  /* Override for input-groups that have a datepicker */
  /* Font family */
  /* Text case changes  */
  /* Lineheight utility classes */
  /* Left aligned section headings */
  /* Section headings with angle */
  /* Expandable headings */
  /* ---------------------------------------------------------------- */
  /* TABLES
/* Striped tables */
  /* ---------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /* Compact Tables
/* ---------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  /* Condensed Tables. Note: used by datetimepicker component
/* ---------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /* Pricebeat Modal
/* -------------------------------------------------------------------------- */
}

.ggds .alert .alert-link {
  color: #fff;
  text-decoration: underline;
}

.ggds .alert-dismissable {
  padding-right: 30px;
}

.ggds .alert h4 {
  margin-bottom: 3px;
  margin-top: 0;
}

.ggds .alert ul {
  margin: 5px 0;
}

.ggds .alert .close {
  opacity: 0.5;
}

.ggds .alert .fa-2x {
  line-height: 1.5;
}

.ggds .card {
  position: relative;
  min-height: 142px;
  max-height: 142px;
  margin: 15px 0;
  background: #fafafa;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  transform: scale(1);
}

.ggds .card-depth-1 {
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.ggds .card-depth-2 {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
}

.ggds .card-depth-3 {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}

.ggds .card-depth-4 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
}

.ggds .highlight .card-vertical,
.ggds .highlight .card {
  -webkit-animation-name: highlightcard;
          animation-name: highlightcard;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

.ggds .card-heading {
  position: relative;
  float: left;
  overflow: hidden;
  width: 90px;
  min-height: 140px;
  text-align: center;
  background: #eee;
  background: linear-gradient(-45deg, #a8a8a8 0%, #eee 50%);
  /* W3C */
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA8A8A8', endColorstr='#FFEEEEEE', GradientType=0);
  background-clip: border-box;
  background-clip: padding-box;
  background-clip: content-box;
}

.ggds .card-heading .card-brandlogo {
  position: absolute;
  bottom: 40px;
  left: 0;
  max-width: 70px;
  height: auto;
  width: 100%;
  margin: 0 10px;
  opacity: .5;
}

.ggds .card-heading-ribbon {
  position: absolute;
  top: 6px;
  width: 100%;
  z-index: 0;
  padding: 8px 5px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.ggds .card-heading-ribbon-singleline {
  padding-top: 14px;
  padding-bottom: 14px;
}

.ggds .card-heading img {
  max-width: 100%;
}

.ggds .card-heading img.fix-right, .ggds .card-heading img.fix-left {
  position: absolute;
  bottom: 0;
}

.ggds .card-heading img.fix-right {
  right: 0;
}

.ggds .card-heading img.fix-left {
  left: 0;
}

.ggds .card-heading-text {
  padding: 5px 15px;
}

.ggds .card-content {
  min-height: 100px;
  margin-left: 90px;
  padding: 12px 15px 0;
  line-height: 1.3;
}

.ggds .card-footer {
  max-height: 34px;
  margin-left: 90px;
  border-top: 1px solid #dcdcdc;
  padding: 8px 15px;
  color: #c5c5c5;
}

.ggds .card h5 {
  margin: 0;
}

.ggds .card p {
  margin: 2px 0;
}

.ggds .card .amount {
  margin: 5px 0 -1px;
  letter-spacing: -0.05em;
  position: relative;
}

.ggds .card .amount small {
  font-size: 0.5em;
  display: inline-block;
  padding: 0 5px;
  letter-spacing: normal;
}

.ggds .card .amount .fa {
  font-size: 0.65em;
  top: -0.25em;
  position: relative;
  cursor: pointer;
  color: #41aaf2;
}

.ggds .card-interestfree .card-heading {
  background: #00abce;
}

@media screen and (max-width: 380px) {
  .ggds .card {
    max-height: 181px;
  }
  .ggds .card-footer {
    clear: both;
    margin-left: 0;
    max-height: 40px;
  }
}

.ggds .card-overlay {
  min-height: 250px;
  border-radius: 2px;
  transform: scale(1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}

.ggds .card-overlay-content {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 50px;
}

.ggds .card-overlay-footer {
  min-height: 50px;
  border-top: 1px solid #dcdcdc;
  padding: 10px 15px;
  color: #c5c5c5;
}

.ggds .card-vertical {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
  min-height: 250px;
  border-radius: 2px;
  border: 1px solid #eee;
  transform: scale(1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
  background-size: cover;
  background-repeat: no-repeat;
}

.ggds .card-vertical-depth-1 {
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.ggds .card-vertical-depth-2 {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
}

.ggds .card-vertical-depth-3 {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}

.ggds .card-vertical-depth-4 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
}

.ggds .card-vertical header {
  position: relative;
}

.ggds .card-vertical-content {
  padding: 15px;
}

.ggds .card-vertical-footer {
  min-height: 50px;
  border-top: 1px solid #dcdcdc;
  padding: 10px 15px;
}

.ggds .card-vertical-slim {
  min-height: 150px;
}

.ggds .card-vertical-slim .card-vertical-content {
  padding: 5px 15px;
}

.ggds .card-vertical-slim .card-vertical-footer {
  min-height: 30px;
  padding: 5px 15px;
}

.ggds .card-vertical-slim .card-vertical-content h4 {
  margin: 5px 0;
}

.ggds .card a.btn {
  color: #fff;
}

@media screen and (min-width: 992px) {
  .ggds .card-vertical {
    max-width: 455px;
  }
}

.ggds .card-text-heading {
  margin-top: 0;
  margin-bottom: 0;
  padding: 3px 10px;
  line-height: 1;
}

.ggds .card-text-heading h4 {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.5;
  margin: 0;
}

.ggds .card-text-heading h4 .fa {
  margin-top: -3px;
}

.ggds .card-variable {
  margin-left: auto;
  margin-right: auto;
  border-radius: 2px;
  border: 1px solid #eee;
  transform: scale(1);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  background-size: cover;
  background-repeat: no-repeat;
}

.ggds .card-variable.card-depth-1 {
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.ggds .card-variable.card-depth-2 {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
}

.ggds .card-variable.card-depth-3 {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}

.ggds .card-variable.card-depth-4 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
}

.ggds .card-variable header {
  position: relative;
}

.ggds .card-variable-content {
  padding: 15px;
}

.ggds .card-variable-footer {
  border-top: 1px solid #dcdcdc;
  padding: 10px 15px;
}

.ggds .card-solidcolour {
  border-color: transparent;
}

.ggds .card-solidcolour .card-vertical-footer,
.ggds .card-solidcolour .card-variable-footer {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.ggds .fixed-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

@-webkit-keyframes highlightcard {
  0% {
  }
  30% {
    border-color: #41aaf2;
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
  }
  100% {
  }
}

.ggds .popover {
  z-index: 9999;
  color: #3f3f3f;
}

.ggds .popover .popover-title {
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
  font-size: 0.9rem !important;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 3px;
  line-height: 1.2;
}

.ggds .popover .popover-content {
  white-space: normal;
  font-size: 0.9rem;
  letter-spacing: normal;
  font-weight: 400;
}

.ggds .input-group-btn .btn {
  box-shadow: none;
}

.ggds .btn-ghost-opaque {
  background-color: #fff;
}

.ggds .promo-label-title .popover {
	min-width:240px;
}

.ggds .promo-label-wrap .promo-label-title {
	display: flex;
    gap: 4px;
    align-items: center;
    position:relative;
}

.ggds .info-icon{
	display: flex;
    align-items: center;
}

@media screen and (min-width: 1025px) {
.ggds .promo-label-title .popover {
	right:-20px !important;
	left:auto !important
}
.ggds .promo-label-title .popover .arrow{
	right:10px !important;
	left:auto !important
}
}

.ggds .btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.ggds .btn-black:focus, .ggds .btn-black.focus {
  color: #fff;
  background-color: black;
  border-color: black;
}

.ggds .btn-black:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}

.ggds .btn-black:active, .ggds .btn-black.active,
.open > .ggds .btn-black.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}

.ggds .btn-black:active:hover, .ggds .btn-black:active:focus, .ggds .btn-black:active.focus, .ggds .btn-black.active:hover, .ggds .btn-black.active:focus, .ggds .btn-black.active.focus,
.open > .ggds .btn-black.dropdown-toggle:hover,
.open > .ggds .btn-black.dropdown-toggle:focus,
.open > .ggds .btn-black.dropdown-toggle.focus {
  color: #fff;
  background-color: black;
  border-color: black;
}

.ggds .btn-black:active, .ggds .btn-black.active,
.open > .ggds .btn-black.dropdown-toggle {
  background-image: none;
}

.ggds .btn-black.disabled:hover, .ggds .btn-black.disabled:focus, .ggds .btn-black.disabled.focus, .ggds .btn-black[disabled]:hover, .ggds .btn-black[disabled]:focus, .ggds .btn-black[disabled].focus,
fieldset[disabled] .ggds .btn-black:hover,
fieldset[disabled] .ggds .btn-black:focus,
fieldset[disabled] .ggds .btn-black.focus {
  background-color: #000;
  border-color: #000;
}

.ggds .btn-black .badge {
  color: #000;
  background-color: #fff;
}

.ggds .btn-default {
  color: #fff;
  background-color: #999;
  border-color: #999;
}

.ggds .btn-default:focus, .ggds .btn-default.focus {
  color: #fff;
  background-color: #807f7f;
  border-color: #595959;
}

.ggds .btn-default:hover {
  color: #fff;
  background-color: #807f7f;
  border-color: #7a7a7a;
}

.ggds .btn-default:active, .ggds .btn-default.active,
.open > .ggds .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #807f7f;
  border-color: #7a7a7a;
}

.ggds .btn-default:active:hover, .ggds .btn-default:active:focus, .ggds .btn-default:active.focus, .ggds .btn-default.active:hover, .ggds .btn-default.active:focus, .ggds .btn-default.active.focus,
.open > .ggds .btn-default.dropdown-toggle:hover,
.open > .ggds .btn-default.dropdown-toggle:focus,
.open > .ggds .btn-default.dropdown-toggle.focus {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #595959;
}

.ggds .btn-default:active, .ggds .btn-default.active,
.open > .ggds .btn-default.dropdown-toggle {
  background-image: none;
}

.ggds .btn-default.disabled:hover, .ggds .btn-default.disabled:focus, .ggds .btn-default.disabled.focus, .ggds .btn-default[disabled]:hover, .ggds .btn-default[disabled]:focus, .ggds .btn-default[disabled].focus,
fieldset[disabled] .ggds .btn-default:hover,
fieldset[disabled] .ggds .btn-default:focus,
fieldset[disabled] .ggds .btn-default.focus {
  background-color: #999;
  border-color: #999;
}

.ggds .btn-default .badge {
  color: #999;
  background-color: #fff;
}

.ggds .btn-transp,
.ggds .btn-transp:focus {
  color: #878686;
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}

.ggds .btn-transp:active,
.ggds .btn-transp:hover {
  color: #696969;
  background: transparent;
  border-color: #ccc;
}

.ggds .btn .fa {
  line-height: 34px;
}

.ggds .btn-sm .fa {
  line-height: 26px;
}

.ggds .btn-md .fa {
  line-height: 37px;
}

.ggds .btn-lg .fa {
  line-height: 44px;
}

.ggds .btn-xl .fa {
  line-height: 55px;
}

.ggds .btn-double {
  display: table;
  height: 100%;
  min-height: 60px;
  padding-left: 1.75em;
  padding-right: 1.75em;
}

.ggds .btn-double-text {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
  white-space: normal;
}

.ggds .btn-group-block,
.ggds .btn-group-block .btn {
  display: block;
  float: none;
  width: 100%;
}

.ggds .btn-group-block .dropdown-menu {
  width: 100%;
}

.ggds .btn-group-block .btn {
  padding-right: 0.75em;
}

.ggds .btn-group-block .fa {
  float: right;
}

.ggds .btn-group .btn + .dropdown-toggle {
  position: relative;
  width: auto;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 6px;
  padding-right: 7px;
  z-index: 3;
}

.ggds .btn-group.open .dropdown-toggle {
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.ggds .btn-group.open .btn-ghost.dropdown-toggle {
  box-shadow: none;
}

.ggds .dropdown-menu {
  font-size: 1em;
}

.ggds .dropdown-menu-item {
  display: block;
  padding: 3px 20px;
  cursor: pointer;
}

.ggds .dropdown-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.ggds .dropdown-menu-item.active {
  background: #41aaf2;
  color: #fff;
}

.ggds .dropdown-menu-sm .dropdown-menu-item {
  font-size: 0.85em;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (min-width: 768px) {
  .ggds .btn-responsive {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    font-size: 13px;
  }
}

@media screen and (min-width: 1200px) {
  .ggds .btn-responsive {
    padding: inherit;
    font-size: inherit;
  }
}

.ggds .btn-totop,
.ggds .btn-totop:focus {
  display: none;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
  margin-right: 0;
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06), 0 3px 12px rgba(0, 0, 0, 0.06);
}

.ggds .btn-totop:hover {
  background-color: #41aaf2;
}

.ggds .affix .btn-totop {
  display: block;
}

.ggds .btn-paypal {
  padding: 0.75em 5px;
  font-size: 1rem;
  margin-top: 0;
  text-transform: none;
  color: #243545;
  font-weight: 700;
  background-color: #f9c72e;
}

.ggds .btn-paypal .text {
  float: none;
  padding-top: 1px;
  padding-right: 5px;
  width: auto;
  text-align: right;
  display: inline-block;
  font-weight: 500;
  color: #3f3f3f;
  font-family: "futura-pt",sans-serif;
}

.ggds .btn-paypal img {
  display: inline-block;
  margin-top: -4px;
}

.ggds .btn-lg.btn-paypal .text {
  padding-top: 5px;
}

.ggds .btn-lg.btn-paypal img {
  margin-top: 0;
}

.ggds .c-pagination .btn {
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  .ggds .c-pagination .btn {
    padding: 0 .6rem;
  }
}

.ggds .c-pagination .btn.active.selected {
  color: #000;
  box-shadow: none;
}

.ggds .c-pagination .btn.active.selected:hover {
  color: #fff;
}

.ggds .c-pagination .btn i.pull-left {
  margin-right: .3em;
}

.ggds .c-pagination .btn i.pull-right {
  margin-left: .3em;
}

@media screen and (max-width: 480px) {
  .ggds .c-pagination .mobile_left,
  .ggds .c-pagination .mobile_right {
    min-width: 91px;
  }
}

.ggds .marg-top-5.infocallout {
  margin-top: 5px;
}

.ggds .infocallout-lg {
  padding: 15px;
}

.ggds .infocallout-xs {
  padding: 5px 10px;
}

.ggds .infocallout + .infocallout {
  margin-top: -5px;
}

.ggds .infocallout-info {
  border-left-color: #269aea;
}

.ggds .infocallout-warning {
  border-left-color: #ee9920;
}

.ggds .infocallout-danger {
  border-left-color: #d13b3b;
}

.ggds .infocallout-info h4 {
  color: #269aea;
}

.ggds .infocallout-warning h4 {
  color: #ee9920;
}

.ggds .infocallout-danger h4 {
  color: #d13b3b;
}

.ggds .reviews-section__main-img {
  max-height: 200px;
}

.ggds .reviews-section__overall-stars-text {
  margin-top: .5em;
  line-height: 1;
}

.ggds .reviews-section__overall-summary {
  width: 148px;
  margin: 0 auto;
  line-height: 1;
}

.ggds .reviews-section__overall-summary-text {
  padding-left: 30px;
}

.ggds .reviews-section__rating-snapshot-row {
  margin-bottom: 5px;
}

.ggds .reviews-section__rating-snapshot-star {
  color: #FFBA00;
  vertical-align: text-bottom;
}

.ggds .reviews-section__rating-snapshot-bar-bg {
  display: flex;
  background-color: #cfe4f8;
  height: 13px;
  margin-top: 4px;
}

.ggds .reviews-section__rating-snapshot-bar-inner {
  display: block;
  background-color: #1966af;
}

.ggds .reviews-section__filter-bar-select {
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.ggds .reviews-section__sort-checkboxes {
  margin-top: 7px;
}

.ggds .reviews-section__sort-checkboxes label {
  font-weight: 500;
}

.ggds .reviews-section__pagination > div,
.ggds .reviews-section__pagination .paging_controls {
  float: none;
}

.ggds .reviews-section__about-home-tested {
  background-color: #01366C;
}

.ggds .reviews-section__about-home-tested-title {
  color: #E3AA29;
}

.ggds .reviews-section__about-home-tested a {
  color: #41aaf2;
}

@media screen and (min-width: 768px) {
  .ggds .reviews-section {
    padding: 15px 20px 0;
    border: 1px solid #ececec;
  }
  .ggds .reviews-section__title {
    font-size: 19px;
  }
  .ggds .reviews-section__overall-stars-text {
    font-size: 15.4px;
    line-height: 1.2;
  }
  .ggds .reviews-section__overall-summary {
    line-height: 1.2;
    width: auto;
    margin-right: -5px;
  }
  .ggds .reviews-section__overall-summary i {
    font-size: 32px;
  }
  .ggds .reviews-section__overall-summary-text {
    padding-left: 32px;
  }
  .ggds .reviews-section__overall-summary-text-1 {
    font-size: 17.5px;
  }
  .ggds .reviews-section__overall-summary-text-2 {
    font-size: 14px;
  }
  .ggds .reviews-section__rating-snapshot-row {
    margin-bottom: 4px;
  }
  .ggds .reviews-section__rating-main {
    font-size: 16px;
  }
  .ggds .reviews-section__rating-main i {
    font-size: 18px;
  }
  .ggds .reviews-section__full-width-row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .ggds .reviews-section__filter-bar {
    min-height: 65px;
  }
  .ggds .reviews-section__filter-bar-sort-by,
  .ggds .reviews-section__filter-bar-view {
    float: right;
    min-width: 160px;
    width: auto;
  }
  .ggds .reviews-section__sort-checkbox-wrap {
    width: auto;
    padding-right: 0;
  }
  .ggds .reviews-section__pagination .c-pagination .paging_controls {
    text-align: center;
    float: right;
  }
  .ggds .reviews-section__about-home-tested-title {
    font-size: 17.5px;
  }
}

@media screen and (min-width: 1200px) {
  .ggds .reviews-section__overall-summary {
    width: 174px;
    margin-right: 3px;
  }
  .ggds .reviews-section__sort-checkbox-wrap {
    padding-right: 15px;
  }
  .ggds .reviews-section__filter-bar-sort-by,
  .ggds .reviews-section__filter-bar-view {
    min-width: 176px;
  }
}

.ggds .user-review {
  padding: 0 20px 15px;
  border-bottom: 1px solid #ececec;
}

.ggds .user-review:last-child {
  border: 0;
}

.ggds .user-review__review-text p {
  margin-bottom: 1em;
}

.ggds .user-review__stars,
.ggds .user-review__stars-text {
  float: left;
  margin-top: 3px;
}

.ggds .user-review__home-tested-logo {
  float: right;
}

.ggds .user-review__home-tested-logo img {
  max-width: 100%;
}

.ggds .user-review__name {
  clear: left;
  text-transform: capitalize;
  padding: 3px 0 1px;
}

.ggds .user-review__watch-video-text {
  padding-bottom: 4px;
}

.ggds .user-review__home-tested-tick {
  vertical-align: text-bottom;
}

.ggds .user-review__home-tested-review-info {
  margin: 14px -10px 0;
  padding: 6px 10px;
  color: #01366C;
  line-height: 1.3;
  background-color: #EFF2F6;
}

.ggds .user-review__home-tested-review-info img {
  padding-top: 3px;
}

.ggds .user-review__extra-info {
  margin: 14px -10px 0;
  padding: 6px 10px;
  line-height: 1.3;
}

.ggds .user-review__extra-info img {
  margin: 3px 0 0 1px;
  width: 14px;
  height: auto;
}

.ggds .user-review__extra-info--yellow {
  color: #E3AA29;
  background-color: #FEFAF2;
}

.ggds .user-review__tgg-response {
  border-radius: 15px;
  border-top-left-radius: 0;
}

@media screen and (max-width: 767px) {
  .ggds .user-review__tgg-response {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.ggds .user-review__tgg-response p {
  margin-bottom: 1em;
}

.ggds .user-review__tgg-response p:first-child {
  margin-bottom: .3em;
}

.ggds .user-review__tgg-response p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .ggds .user-review {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ggds .user-review__top-or-left {
    text-align: center;
  }
  .ggds .user-review__stars,
  .ggds .user-review__stars-text,
  .ggds .user-review__home-tested-logo {
    float: none;
    padding: 0;
    margin-top: 0;
  }
  .ggds .user-review__home-tested-logo {
    margin-top: 10px;
  }
  .ggds .user-review__name {
    padding: 0;
  }
  .ggds .user-review__video {
    max-width: 380px;
  }
  .ggds .user-review__details p {
    margin-bottom: 1em;
  }
  .ggds .user-review__details p:last-child {
    margin-bottom: 0;
  }
  .ggds .user-review__details-detail {
    display: block;
  }
}

.ggds .user-review--featured {
  padding: 18px 20px;
  background-color: #f6f6f6;
  border-bottom: 0;
}

.ggds .user-review--featured .user-review__home-tested-review-info {
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}

@media screen and (min-width: 768px) {
  .ggds {
    /* (same as regular review on tablet up) */
  }
  .ggds .user-review--featured {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.ggds .c-pagination {
  float: none;
  padding-left: 15px;
  padding-right: 15px;
}

.ggds .c-pagination .paging_controls {
  text-align: center;
}

.ggds .c-pagination .paging_controls > * {
  display: inline-block;
  vertical-align: top;
}

.ggds .c-pagination .paging_controls li {
  float: left;
  padding-left: 7px;
}

.ggds .c-pagination .pageControlMenu {
  margin-left: -1px;
  margin-right: 2px;
}

.ggds .c-pagination .product_listing {
  color: #696969;
  font-weight: 500;
}

@media (max-width: 767px) {
  .ggds .c-pagination .paging_controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    float: none;
  }
  .ggds .c-pagination .product_listing {
    order: 2;
    margin: 0 auto;
    line-height: 1.2;
  }
  .ggds .c-pagination .mobile_left {
    order: 1;
  }
  .ggds .c-pagination .mobile_right {
    order: 3;
  }
}

@media (min-width: 768px) {
  .ggds .c-pagination {
    padding-left: 0;
    padding-right: 0;
  }
  .ggds .c-pagination .paging_controls {
    text-align: right;
  }
  .ggds .c-pagination .product_listing {
    margin-top: 8px;
  }
  .ggds .c-pagination .product_listing--mobile {
    display: none;
  }
}

.ggds .navbar .navbar-brand {
  position: relative;
  max-height: 35px;
  max-width: 220px;
  padding: 10px 15px;
}

@media screen and (min-width: 768px) {
  .ggds .navbar .navbar-brand {
    padding: 5px 15px;
  }
}

.ggds .navbar .navbar-toggle {
  padding: 5px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.ggds .navbar .nav > li > a {
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  padding: 10px 15px;
  margin: 0;
  min-height: 35px;
  line-height: 1;
  font-weight: 500;
  display: block;
}

.ggds .navbar-primary .nav > li > a:focus,
.ggds .navbar-primary .nav > li > a:active {
  background: transparent;
}

.ggds .navbar .nav > li:hover > a:after {
  content: '';
  width: 100%;
  height: 5px;
  background-color: #b5b5b5;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -5px;
  z-index: 1006;
}

.ggds .navbar .nav > li > .nav-label .fa {
  margin-left: 10px;
  font-size: 0.75em;
}

.ggds .navbar .dropdown-menu {
  background-color: #f0f0f0;
}

@media screen and (max-width: 768px) {
  .ggds .nav.open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
  }
}

@media screen and (min-width: 768px) {
  .ggds .navbar .dropdown-menu {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 260px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 500;
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top left;
    transition: all 0.15s ease-in;
    box-shadow: -10px 10px 20px -1px rgba(0, 0, 0, 0.15);
    border-radius: 0;
  }
  .ggds .navbar li:hover .dropdown-menu {
    z-index: 1;
    transform: scaleY(1);
    visibility: visible;
    opacity: 100;
  }
}

.ggds .navbar .dropdown-menu li {
  display: block;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

.ggds .navbar .dropdown-menu li > a {
  display: block;
  padding: 7px 0;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ggds .navbar .dropdown-menu li:first-child > a {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.ggds .navbar .dropdown-menu > li:hover {
  background-color: #e0e0e0;
  margin-top: -1px;
  border-top: 1px solid #e0e0e0;
}

.ggds .navbar .dropdown-menu > li:hover > a {
  color: #fff;
  background: transparent;
}

.ggds .navbar .dropdown-menu li .fa {
  padding-top: 0.25em;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .ggds {
    /* ---------------------------------------------------------------- */
    /* L2 Menu */
  }
  .ggds .navbar .dropdown-menu-l2 {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: auto;
    background-color: #9f9f9f;
    padding: 15px 0;
    margin: 0;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.15);
    transform: scaleX(0);
    transform-origin: top left;
    transition: all 0.2s ease-in;
    transition-delay: 0.25s;
  }
  .ggds .navbar .dropdown-menu > li:hover > .dropdown-menu-l2 {
    z-index: 1;
    transform: scaleX(1);
    visibility: visible;
    opacity: 100;
    transition-delay: 0.25s;
  }
  .ggds .navbar .dropdown-menu-l2 li > a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .ggds .navbar .dropdown-menu-l2 li:first-child > a {
    border-top: 1px rgba(255, 255, 255, 0.1);
  }
  .ggds .navbar .dropdown-menu-l2 li:hover {
    background-color: rgba(255, 255, 255, 0.15);
    margin-top: -1px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }
  .ggds .navbar .dropdown-menu-l2 li:hover > a {
    color: #fff;
    border-color: transparent;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .ggds .navbar .navbar-collapse {
    padding: 0;
  }
}

.ggds .navbar-primary .navbar-branding {
  position: relative;
  display: inline-block;
}

.ggds .navbar-primary .nav > li > a {
  cursor: pointer;
  font-family: "futura-pt", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  padding: 9px 25px 9px 15px;
  line-height: 1.5;
  color: #fff;
  font-weight: 500;
}

.ggds .navbar-primary .nav > li:hover > a {
  background: #2378c8;
  color: #fff;
}

.ggds .navbar-primary .nav > li:hover > a:after {
  background-color: #41aaf2;
}

.ggds .navbar-primary .dropdown-menu {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.ggds .navbar-primary .dropdown-menu li > a {
  display: block;
  padding: 7px 0;
  text-decoration: none;
  color: #1966af;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ggds .navbar-primary .dropdown-menu > li:hover {
  background-color: #41aaf2;
  margin-top: -1px;
  border-top: 1px solid #41aaf2;
}

.ggds .navbar-primary .dropdown-menu > li:hover > a {
  color: #fff;
  background: transparent;
  border-top-color: transparent;
}

@media screen and (max-width: 767px) {
  .ggds .navbar-primary .dropdown-menu li > a {
    color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .ggds {
    /* ---------------------------------------------------------------- */
    /* L2 Menu */
  }
  .ggds .navbar-primary .dropdown-menu-l2 {
    background-color: #41aaf2;
    color: #fff;
  }
  .ggds .navbar-primary .dropdown-menu-l2 li > a {
    color: #fff;
  }
  .ggds .navbar-primary .dropdown-menu-l2 li:hover > a {
    color: #fff;
  }
}

.ggds .navbar-secondary {
  background: #ececec;
  border-bottom: 1px solid #ccc;
}

.ggds .navbar-secondary .nav > li > a {
  font-size: 0.9285714286em;
  color: #696969;
  border-right: 1px solid #ccc;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .ggds .navbar-secondary .nav > li > a {
    border-top: 1px solid #ccc;
  }
}

.ggds .navbar-secondary .nav > li > a.first {
  border-left: 1px solid #ccc;
}

.ggds .navbar-secondary .nav > li:hover > a {
  background: #fff;
  color: #000;
}

.ggds .navbar-secondary .nav > li:hover > a:after {
  background-color: #3aaebe;
}

.ggds .secondary-nav-label .fa {
  margin-left: 10px;
  font-size: 0.75em;
}

.ggds .navbar-secondary-icon {
  display: inline-block;
  margin: -4px 4px -4px -4px;
  transition: 0.25s all linear;
}

.ggds li:hover .navbar-secondary-icon {
  margin-top: -7px;
  margin-bottom: -1px;
}

@media screen and (min-width: 768px) {
  .ggds {
    /* ---------------------------------------------------------------- */
    /* L2 Menu */
  }
  .ggds .navbar-secondary .dropdown-menu {
    background-color: #f0f0f0;
  }
  .ggds .navbar-secondary .dropdown-menu li > a {
    display: block;
    padding: 7px 0;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .ggds .navbar-secondary .dropdown-menu > li:hover {
    background-color: #3aaebe;
    margin-top: -1px;
    border-top: 1px solid #3aaebe;
  }
  .ggds .navbar-secondary .dropdown-menu > li:hover > a {
    color: #fff;
    background: transparent;
  }
  .ggds .navbar-secondary .dropdown-menu-l2 {
    background-color: #3aaebe;
    color: #fff;
  }
  .ggds .navbar-secondary .dropdown-menu-l2 li > a {
    color: #fff;
  }
  .ggds .navbar-secondary .dropdown-menu-l2 li:hover > a {
    color: #fff;
  }
}

.ggds .navbar-label {
  display: block;
  border: 1px solid transparent;
}

.ggds .navbar-label-sm {
  padding: 0.5em 1em;
  font-size: 13px;
  line-height: 1;
}

.ggds .navbar-horizontal {
  position: relative;
  margin: 0;
  padding-left: 0;
  text-align: center;
}

.ggds .navbar-horizontal .navbar-label {
  padding-top: .75em;
  padding-bottom: .75em;
  line-height: 1;
}

.ggds .navbar-horizontal li {
  display: block;
  margin: 5px;
  vertical-align: bottom;
}

.ggds .navbar-horizontal li .btn {
  display: block;
}

@media screen and (min-width: 768px) {
  .ggds .navbar-horizontal li,
  .ggds .navbar-horizontal li .btn {
    display: inline-block;
  }
}

.ggds .navbar.affix {
  position: fixed;
  top: 0;
  left: auto;
  right: auto;
  z-index: 1003;
  width: 100%;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.ggds .form-group-lg .form-control {
  height: 48px;
  line-height: 1;
  padding-left: 1rem;
  padding-top: 0.793rem;
  padding-bottom: 0.793rem;
  font-size: 1.3rem;
  font-weight: 400;
  border-radius: 2px;
}

.ggds .form-group-lg textarea.form-control {
  max-height: inherit;
}

.ggds .form-group select.form-control {
  height: 36px;
  line-height: 1;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.ggds .form-group-lg select.form-control {
  height: 48px;
  line-height: 1;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.ggds .form-group select:required.form-control {
  background-image: none;
}

.ggds .form .radio,
.ggds .form .checkbox,
.ggds .form-horizontal .radio,
.ggds .form-horizontal .checkbox {
  position: relative;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
}

.ggds .form .radio label,
.ggds .form .checkbox label,
.ggds .form-horizontal .radio label,
.ggds .form-horizontal .checkbox label {
  padding-left: 20px;
  min-height: 21px;
  margin-bottom: 0;
  font-weight: 500;
  cursor: pointer;
}

.ggds .form-horizontal .help-block {
  display: block;
  clear: both;
}

@media screen and (min-width: 768px) {
  .ggds .form-horizontal .control-label {
    text-align: right;
    padding-right: 0;
  }
  .ggds .form-horizontal .control-label {
    padding-top: 0.5em;
  }
  .ggds .form-horizontal .control-label-dbline {
    line-height: 1em;
    padding-top: 3px;
  }
}

.ggds .form-inline .form-group {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .ggds .form-inline .form-group-btn {
    padding-top: 21px;
  }
}

.ggds .form-inline .form-control {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .ggds .hideplaceholder-xs::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
  }
  .ggds .hideplaceholder-xs:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
  }
  .ggds .hideplaceholder-xs::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
  }
  .ggds .hideplaceholder-xs:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
  }
}

.ggds .has-error .help-block,
.ggds .has-error .text-help,
.ggds .form-group.has-error .control-label,
.ggds .has-error label {
  color: #dd5353;
}

.ggds .form-group .help-block ul,
.ggds .form-group .help-block ol {
  margin-bottom: 0;
}

.ggds .has-feedback.form-group,
.ggds .has-succcess.form-group,
.ggds .has-warning.form-group,
.ggds .has-error.form-group,
.ggds .has-feedback.form-group-lg,
.ggds .has-succcess.form-group-lg,
.ggds .has-warning.form-group-lg,
.ggds .has-error.form-group-lg {
  position: relative;
}

.ggds .form-horizontal .has-error [class^='col-'],
.ggds .form-horizontal .has-error [class*=' col-'] {
  position: relative;
}

.ggds .has-feedback.form-group::before,
.ggds .has-succcess.form-group::before,
.ggds .has-warning.form-group::before,
.ggds .has-error.form-group::before,
.ggds .has-feedback.form-group-lg::before,
.ggds .has-succcess.form-group-lg::before,
.ggds .has-warning.form-group-lg::before,
.ggds .has-error.form-group-lg::before,
.ggds .form-horizontal .has-feedback [class^='col-']::before,
.ggds .form-horizontal .has-feeback [class*=' col-']::before {
  content: '';
  position: absolute;
  z-index: 3;
  right: 15px;
  top: 22px;
  /* Label height + 1px */
  width: 34px;
  height: 34px;
}

@media (min-width: 768px) {
  .ggds .icon-right-5.form-group::before,
  .ggds .icon-right-5.form-group-lg::before {
    right: 5px;
  }
}

.ggds .icon-right-0.form-group::before,
.ggds .icon-right-0.form-group-lg::before {
  right: 1px;
}

.ggds .form-horizontal .has-feedback.form-group::before,
.ggds .form-horizontal .has-feedback.form-group-lg::before,
.ggds .form-horizontal .has-succcess.form-group::before,
.ggds .form-horizontal .has-succcess.form-group-lg::before,
.ggds .form-horizontal .has-warning.form-group::before,
.ggds .form-horizontal .has-warning.form-group-lg::before,
.ggds .form-horizontal .has-error.form-group::before,
.ggds .form-horizontal .has-error.form-group-lg::before {
  top: 1px;
  /* 1px to compensate for input border */
}

.ggds .has-feedback.checkbox.form-group::before,
.ggds .has-feedback.checkbox.form-group-lg::before,
.ggds .has-warning.checkbox.form-group::before,
.ggds .has-warning.checkbox.form-group-lg::before,
.ggds .has-error.checkbox.form-group::before,
.ggds .has-error.checkbox.form-group-lg::before {
  top: auto;
  bottom: -7px;
}

.ggds .form .has-feedback.checkbox.form-group::before,
.ggds .form .has-feedback.checkbox.form-group-lg::before,
.ggds .form .has-warning.checkbox.form-group::before,
.ggds .form .has-warning.checkbox.form-group-lg::before,
.ggds .form .has-error.checkbox.form-group::before,
.ggds .form .has-error.checkbox.form-group-lg::before,
.ggds .form-horizontal .has-feedback.checkbox.form-group::before,
.ggds .form-horizontal .has-feedback.checkbox.form-group-lg::before,
.ggds .form-horizontal .has-warning.checkbox.form-group::before,
.ggds .form-horizontal .has-warning.checkbox.form-group-lg::before,
.ggds .form-horizontal .has-error.checkbox.form-group::before,
.ggds .form-horizontal .has-error.checkbox.form-group-lg::before {
  bottom: 2px;
}

.ggds .has-feedback.checkbox.form-group .help-block,
.ggds .has-feedback.checkbox.form-group-lg .help-block,
.ggds .has-warning.checkbox.form-group .help-block,
.ggds .has-warning.checkbox.form-group-lg .help-block,
.ggds .has-error.checkbox.form-group .help-block,
.ggds .has-error.checkbox.form-group-lg .help-block {
  padding-right: 25px;
}

.ggds .form-inline .form-group.has-feedback {
  margin-bottom: 15px;
}

.ggds .has-feedback.form-group::before,
.ggds .has-success.form-group::before,
.ggds .has-warning.form-group::before,
.ggds .has-error.form-group::before {
  width: 34px;
  height: 34px;
}

.ggds .has-feedback.form-group-lg::before,
.ggds .has-success.form-group-lg::before,
.ggds .has-warning.form-group-lg::before,
.ggds .has-error.form-group-lg::before {
  width: 44px;
  height: 44px;
}

.ggds .has-feedback.form-group .form-control {
  padding-right: 0.65rem;
}

.ggds .has-feedback.form-group-lg .form-control {
  padding-right: 1rem;
}

.ggds .has-autocomplete.form-group .form-control,
.ggds .has-success.form-group .form-control,
.ggds .has-warning.form-group .form-control,
.ggds .has-error.form-group .form-control {
  padding-right: 25px;
}

.ggds .has-autocomplete.form-group .form-control {
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  background-position: center right 0.5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiPg0KPHBhdGggZmlsbD0iIzk5OSIgZD0iTTAuMjEzIDMwLjc1OWw3LjcwNy03LjcwOGMtMi4yMDMtMi40NDktMy41NTctNS42NzgtMy41NTctOS4yMzMgMC03LjYzMSA2LjE4NS0xMy44MTggMTMuODE4LTEzLjgxOCA3LjYzMSAwIDEzLjgxOCA2LjE4NyAxMy44MTggMTMuODE4IDAgNy42MzMtNi4xODcgMTMuODE4LTEzLjgxOCAxMy44MTgtMy41NTQgMC02Ljc4NC0xLjM1Mi05LjIzMy0zLjU1N2wtNy43MDcgNy43MDdjLTAuMTMyIDAuMTMzLTAuMzE0IDAuMjEzLTAuNTE0IDAuMjEzLTAuNDAzIDAtMC43MjgtMC4zMjUtMC43MjgtMC43MjggMC0wLjIgMC4wODEtMC4zODIgMC4yMTMtMC41MTN6TTE4LjE4MiAyNi4xODNjNi44MjggMCAxMi4zNjQtNS41MzYgMTIuMzY0LTEyLjM2NSAwLTYuODI4LTUuNTM2LTEyLjM2NC0xMi4zNjQtMTIuMzY0cy0xMi4zNjQgNS41MzYtMTIuMzY0IDEyLjM2NGMwIDYuODI5IDUuNTM2IDEyLjM2NSAxMi4zNjQgMTIuMzY1eiI+PC9wYXRoPg0KPC9zdmc+);
  transition: background 0.25s ease-in-out;
}

.ggds .has-autocomplete.has-error.form-group .form-control,
.ggds .has-autocomplete.has-success.form-group .form-control,
.ggds .has-autocomplete.has-warning.form-group .form-control,
.ggds .has-autocomplete.form-group .form-control:focus {
  background-image: none;
}

.ggds .has-success .form-control {
  border-color: #b5b5b5;
  background-image: none;
  /* To avoid overlapping icons */
}

.ggds .has-success.form-group::before {
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center right 0.5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==) !important;
}

.ggds .has-error .form-control {
  border-color: #dd5353;
  background-image: none;
  /* To avoid overlapping icons */
}

.ggds .has-error.form-group::before {
  background-repeat: no-repeat;
  background-size: 1.15rem 1.15rem;
  background-position: center right 0.5rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAzMiI+DQo8cGF0aCBmaWxsPSIjZGQ1MzUzIiBkPSJNMTMuNzE0IDIuMjg2cTMuNzMyIDAgNi44ODQgMS44Mzl0NC45OTEgNC45OTEgMS44MzkgNi44ODQtMS44MzkgNi44ODQtNC45OTEgNC45OTEtNi44ODQgMS44MzktNi44ODQtMS44MzktNC45OTEtNC45OTEtMS44MzktNi44ODQgMS44MzktNi44ODQgNC45OTEtNC45OTEgNi44ODQtMS44Mzl6TTE2IDI0LjU1NHYtMy4zOTNxMC0wLjI1LTAuMTYxLTAuNDJ0LTAuMzkzLTAuMTdoLTMuNDI5cS0wLjIzMiAwLTAuNDExIDAuMTc5dC0wLjE3OSAwLjQxMXYzLjM5M3EwIDAuMjMyIDAuMTc5IDAuNDExdDAuNDExIDAuMTc5aDMuNDI5cTAuMjMyIDAgMC4zOTMtMC4xN3QwLjE2MS0wLjQyek0xNS45NjQgMTguNDExbDAuMzIxLTExLjA4OXEwLTAuMjE0LTAuMTc5LTAuMzIxLTAuMTc5LTAuMTQzLTAuNDI5LTAuMTQzaC0zLjkyOXEtMC4yNSAwLTAuNDI5IDAuMTQzLTAuMTc5IDAuMTA3LTAuMTc5IDAuMzIxbDAuMzA0IDExLjA4OXEwIDAuMTc5IDAuMTc5IDAuMzEzdDAuNDI5IDAuMTM0aDMuMzA0cTAuMjUgMCAwLjQyLTAuMTM0dDAuMTg4LTAuMzEzeiI+PC9wYXRoPg0KPC9zdmc+DQo=);
}

.ggds .has-warning .form-control {
  border-color: #f6a93c;
  background-image: none;
  /* To avoid overlapping icons */
}

.ggds .has-warning.form-group::before {
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  background-position: center right 0.75rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+DQo8cGF0aCBmaWxsPSIjZjZhOTNjIiBkPSJNMTguMjg2IDI0LjU1NHYtMy4zOTNxMC0wLjI1LTAuMTctMC40MnQtMC40MDItMC4xN2gtMy40MjlxLTAuMjMyIDAtMC40MDIgMC4xN3QtMC4xNyAwLjQydjMuMzkzcTAgMC4yNSAwLjE3IDAuNDJ0MC40MDIgMC4xN2gzLjQyOXEwLjIzMiAwIDAuNDAyLTAuMTd0MC4xNy0wLjQyek0xOC4yNSAxNy44NzVsMC4zMjEtOC4xOTZxMC0wLjIxNC0wLjE3OS0wLjMzOS0wLjIzMi0wLjE5Ni0wLjQyOS0wLjE5NmgtMy45MjlxLTAuMTk2IDAtMC40MjkgMC4xOTYtMC4xNzkgMC4xMjUtMC4xNzkgMC4zNzVsMC4zMDQgOC4xNjFxMCAwLjE3OSAwLjE3OSAwLjI5NXQwLjQyOSAwLjExNmgzLjMwNHEwLjI1IDAgMC40Mi0wLjExNnQwLjE4OC0wLjI5NXpNMTggMS4xOTZsMTMuNzE0IDI1LjE0M3EwLjYyNSAxLjEyNS0wLjAzNiAyLjI1LTAuMzA0IDAuNTE4LTAuODMgMC44MjF0LTEuMTM0IDAuMzA0aC0yNy40MjlxLTAuNjA3IDAtMS4xMzQtMC4zMDR0LTAuODMtMC44MjFxLTAuNjYxLTEuMTI1LTAuMDM2LTIuMjVsMTMuNzE0LTI1LjE0M3EwLjMwNC0wLjU1NCAwLjgzOS0wLjg3NXQxLjE2MS0wLjMyMSAxLjE2MSAwLjMyMSAwLjgzOSAwLjg3NXoiPjwvcGF0aD4NCjwvc3ZnPg0K);
}

.ggds .has-warning .text-help,
.ggds .has-warning .text-block,
.ggds .form-group.has-warning .control-label,
.ggds .has-warning label {
  color: #f6a93c;
}

.ggds .has-success .control-label,
.ggds .has-success label {
  color: #3f3f3f;
}

.ggds .form-error-summary {
  border: 1px solid #dd5353;
  color: #fff;
  border-radius: 2px;
  padding: 10px 15px;
  margin: 15px 0;
  background: #dd5353;
  font-size: 1.07142857rem;
}

.ggds .form-error-summary h4 {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 3px 0;
}

.ggds .form-control[disabled],
.ggds fieldset[disabled] .form-control,
.ggds .form-group.disabled {
  color: rgba(0, 0, 0, 0.65);
  background-color: #e0e0e0;
  border-color: #b5b5b5;
  transition: all 0.25s ease-in-out;
}

.ggds .radio.disabled label,
.ggds .checkbox.disabled label {
  color: #b5b5b5;
}

.ggds .form-control[readonly] {
  opacity: 1;
  background-color: transparent;
  border-color: #f0f0f0;
  transition: all 0.25s ease-in-out;
  box-shadow: none;
}

.ggds .input-group .form-control,
.ggds .input-group-addon,
.ggds .input-group-btn {
  display: table-cell;
}

.ggds .input-group-addon,
.ggds .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.ggds .input-group-addon {
  padding: 5px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #b5b5b5;
  border-radius: 4px;
}

.ggds .input-group-addon:last-child {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ggds .input-group .form-control:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ggds .input-group-addon-icon {
  background: #fff;
  border-right-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}

.ggds .input-group-addon-pre {
  position: relative;
  right: -1px;
  z-index: 10;
}

.ggds .input-group-addon-post {
  position: relative;
  left: -1px;
  z-index: 10;
}

.ggds .has-error .input-group-addon {
  border-color: #dd5353;
}

.ggds .has-success .input-group-addon {
  border-color: #b5b5b5;
}

.ggds .has-success.has-addon::before,
.ggds .has-error.has-addon::before {
  display: none;
}

.ggds .date input {
  border-right: none;
}

.ggds .date .input-group-addon {
  background: #fff;
  padding-right: 8px;
  cursor: pointer;
}

.ggds .date .input-group-addon .fa {
  color: #41aaf2;
  cursor: pointer;
  font-size: 1.5em;
}

.ggds .date .input-group-addon:hover .fa {
  color: #ee4532;
}

.ggds .browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.ggds .text-fancy {
  font-family: "futura-pt", sans-serif !important;
}

.ggds .text-standard {
  font-family: "futura-pt", sans-serif !important;
}

.ggds .text-price {
  font-family: "CompactaSH-BoldItalic", sans-serif !important;
  font-weight: 500;
}

.ggds .text-regular {
  text-transform: none;
}

.ggds .lineheight-100 {
  line-height: 100%;
}

.ggds .lineheight-120 {
  line-height: 120%;
}

.ggds .lineheight-150 {
  line-height: 150%;
}

.ggds .text-bonusoffer {
  color: #012759;
}

.ggds .text-payback {
  color: #d7432d;
}

.ggds .text-cashback {
  color: #d7432d;
}

.ggds .text-clickcollect {
  color: #1469eb;
}

.ggds .text-onlineonly {
  color: #4ac9be;
}

.ggds .text-newproduct {
  color: #1966af;
}

.ggds .text-lastchance {
  color: #1966af;
}

.ggds .text-preorder {
  color: #1966af;
}

.ggds .text-clearance {
  color: #C32716;
}

.ggds .text-newdeal {
  color: #C32716;
}

.ggds .text-gse {
  color: #E3AA29;
}

.ggds .heading-section-left {
  text-align: left;
}

.ggds .heading-expandable {
  cursor: pointer;
}

.ggds .heading-expandable .fa {
  line-height: 1.35;
}

.ggds .table-striped th {
  padding: 10px 4px;
}

.ggds .table-striped td {
  padding: 8px 4px;
  font-size: 0.95em;
}

.ggds .table-striped tr:nth-child(odd) th,
.ggds .table-striped tr:nth-child(odd) td {
  background: #fdfdfd;
}

.ggds .table-striped tr:nth-child(even) th,
.ggds .table-striped tr:nth-child(even) td {
  background: #efefef;
}

.ggds .table-padded th {
  padding: 15px 8px;
}

.ggds .table-striped td {
  padding: 12px 8px;
}

.ggds .table-striped-body tbody:nth-child(even) tr {
  background-color: #ececec;
}

.ggds .table-compact > tbody > tr > td,
.ggds .table-compact > tbody > tr > th,
.ggds .table-compact > tfoot > tr > td,
.ggds .table-compact > tfoot > tr > th,
.ggds .table-compact > thead > tr > td,
.ggds .table-compact > thead > tr > th {
  padding: 4px 0;
}

.ggds .table-condensed > tbody > tr > td,
.ggds .table-condensed > tbody > tr > th,
.ggds .table-condensed > tfoot > tr > td,
.ggds .table-condensed > tfoot > tr > th,
.ggds .table-condensed > thead > tr > td,
.ggds .table-condensed > thead > tr > th {
  padding: 5px;
}

.ggds .pricebeat-modal-price-check-button {
  height: 26px;
  background-color: #fff;
  box-shadow: 0 0 6px #0000001A;
  border: 1px solid #e0e0e0;
  display: flex;
  justify-content: center;
  align-content: center;
  cursor: pointer;
  border-radius: 3px;
  font-weight: 500;
}

.ggds .pricebeat-modal-price-check-green-icon {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #3be256;
  margin: auto 8px auto 0;
}

.ggds .pricebeat-modal-price-check-button-text {
  margin: auto 0;
}

.ggds .pricebeat-modal-open {
  overflow: hidden;
}

.ggds .pricebeat-modal {
  position: fixed;
  z-index: 10050;
  left: 0;
  top: 0;
  right: 0;
  overflow: scroll;
  height: 100vh;
}

.ggds .pricebeat-modal-content {
  max-width: 375px;
  position: absolute;
  z-index: 1050;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 0 6px #00000080;
  border: 6px solid #1966af;
}

.ggds .pricebeat-modal-top-section {
  padding: 17px 19px 15px;
}

.ggds .pricebeat-modal-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2px;
  height: 56px;
  color: #fff;
  font-size: 44px;
  font-weight: 800;
  text-align: center;
  letter-spacing: -.44px;
  background-color: #ee4532;
  box-shadow: 0 1px 6px #00000067;
}

.ggds .pricebeat-modal-content-p1 {
  margin: 0 auto;
  max-width: 320px;
}

.ggds .pricebeat-modal-content-you-will-pay {
  font-family: "CompactaSH-BoldItalic", sans-serif;
}

.ggds .pricebeat-modal-review-stars {
  font-size: 19.5px;
  margin-top: 3px;
}

.ggds .pricebeat-modal-content-bonus-offer {
  width: 100%;
  height: 48px;
  border: 1px solid #012759;
  display: flex;
  margin-bottom: 13px;
}

.ggds .pricebeat-modal-content-bonus-offer.disp-none {
  display: none;
}

.ggds .pricebeat-modal-bonus-off-box {
  display: flex;
  flex: 2 1 0%;
  align-items: center;
  width: 66px;
  height: 100%;
  color: #fff;
  text-align: center;
  background-color: #012759;
}

.ggds .pricebeat-modal-bonus-off-box-multiline {
  display: grid;
  vertical-align: middle;
  color: #012759;
  background-color: #fff;
  flex: 8;
  padding: 5px;
  align-items: center;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ggds .pricebeat-modal-content-product-info {
  width: 100%;
  background-color: #f0f0f0;
  padding: 12px 20px 16px;
}

.ggds .pricebeat-modal-you-can-call-us {
  display: flex;
  flex-direction: row;
  letter-spacing: 0;
}

.ggds .pricebeat-modal-footer {
  text-align: center;
  padding: 17px 9px 15px;
  max-width: 360px;
  margin: 0 auto;
}

.ggds .pricebeat-modal-powered-by-logo {
  margin-top: -4px;
  margin-left: 4px;
}

.ggds .pricebeat-modal-content-product-body {
  padding: 16px 0;
  display: flex;
}

.ggds .pricebeat-modal-content-body-col-1 {
  width: 140px;
  height: 121px;
  background: #fff;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-right: 16px;
  box-shadow: 0 1px 6px #00000029;
  border-radius: 5px;
}

.ggds .pricebeat-modal-content-body-col-2 {
  flex: 2;
}

.ggds .pricebeat-modal-content-close {
  color: #41aaf2;
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px;
  font-weight: 700;
  cursor: pointer;
}

@media (min-width: 768px) {
  .ggds .pricebeat-modal-content {
    top: 10%;
  }
}

.ggds .pricebeat-modal-open .pricebeat-modal-backdrop.in {
  display: block;
  z-index: 10040;
}

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
.ggds {
  /* ------------------------------
       Slot 1 and on-page alerts
       ------------------------------ */
  /* Taken from content-style.css. Should consider making this the default... All the pdp modals are designed for this width. */
  /* need to re-apply the other default ones to stop the override. Duplicated from _modals-critical.scss (minus the defaults) so not ideal. */
  /* Known to be used on video as well as 'Order Now'/'Enquire Now' modals... adding tggcontent class so it doesn't apply to new ones */
  /* We want set store modals in the ggds default sizes  */
  /* ----------------------------
       Desktop Slot 3
       ---------------------------- */
  /* Modal video picker
    ============================================================================ */
  /* Key:
    .modal-video-slider = all views video area
    .video-thumbs = desktop slick-slider instance
    .modal-video-thumbs = mobile/tablet thumbnail area
    .modal-video-thumb = mobile/tablet thumbnails
    */
  /* ----------------------------
       Desktop Slot 4
       ---------------------------- */
  /* Latitude interest free */
  /* Sticky Panels
    =========================================================== */
  /* ----------------------------
       Desktop Slot 7
       ---------------------------- */
  /* ----------------------------
       Desktop Slot 8
       ---------------------------- */
  /* ----------------------------
       Desktop Slot 9
       ---------------------------- */
  /* legacy styles - unfortunately including for espot content on product cards (and their modals) until they can all be updated
    =========================================================== */
  /* Card highlighting (trigerred when clicking on web labels)
    =========================================================== */
  /* ----------------------------
       Desktop Slot 10
       ---------------------------- */
  /* ----------------------------
       Floating left nav (Desktop slot 11)
       ---------------------------- */
  /* ----------------------------------
       Mobile collapsable section headers
       ---------------------------------- */
  /* ---------------------------------------
       Collapse sections on mobile by default
       --------------------------------------- */
  /* -----------------------------------------------------------
       desktop slot 12
       ----------------------------------------------------------- */
  /* ------------------------------------------------------------
       Special padding for tablet portrait view
       Using default 15px padding results in 24px total on iPad portrait, due to the 750px container
       ------------------------------------------------------------ */
  /* ------------------------------------------------------------
       contentCarouselWidget - used for 'Product features' slider
       ------------------------------------------------------------ */
  /* ------------------------------------------------------------------
       Product feature box mobile (For Flix media)
       ------------------------------------------------------------------ */
  /* ------------------------------------------------------------------
       Tile component - from product.css
       Used for Buying Guide and Delivery & Installation
       ------------------------------------------------------------------ */
}

@media screen and (min-width: 768px) {
  .ggds .pdp-container .contentRecommendationWidget .espot .container,
  .ggds .pdp-container .contentRecommendationWidget .left_espot .container {
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
  .ggds .pdp-container .contentRecommendationWidget .espot .container > .col-sm-6:first-child,
  .ggds .pdp-container .contentRecommendationWidget .left_espot .container > .col-sm-6:first-child {
    padding-left: 0;
  }
  .ggds .pdp-container .contentRecommendationWidget .espot .container > .col-sm-6:last-child,
  .ggds .pdp-container .contentRecommendationWidget .left_espot .container > .col-sm-6:last-child {
    padding-right: 0;
  }
}

.ggds .heading-section .text-size-200 {
  font-size: 1.6rem;
}

.ggds .pdp-container {
  padding-bottom: 16px;
  clear:both;
  /*overflow: hidden;*/
}

@media screen and (max-width: 767px) {
  .ggds .pdp-container #pageError, .ggds .pdp-container #pageSuccess {
    margin-bottom: 0;
  }
  .ggds .pdp-container .breadcrumb {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .ggds .pdp-container .breadcrumb-widget {
    padding-top: 12px;
  }
}

.ggds .pdp-container--mobile .breadcrumb > li {
  display: inline;
}

@media (min-width: 768px) {
  .ggds .modal-dialog {
    width: 768px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 992px) {
  .ggds .modal-sm {
    width: 350px;
  }
  .ggds .modal-md-sm {
    width: 500px;
  }
  .ggds .modal-md-lg {
    width: 800px;
  }
  .ggds .modal-lg {
    width: 950px;
  }
}

@media (min-width: 992px) {
  .ggds .tggcontent.modal .modal-lg {
    width: 900px;
  }
}

@media (min-width: 768px) {
  .ggds #storechange .modal-dialog,
  .ggds #locationchange .modal-dialog {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .ggds #storechange .modal-dialog,
  .ggds #locationchange .modal-dialog {
    width: 650px;
  }
}

.ggds .social_wrap {
  margin-top: 2px;
  display: none;
}

@media all and (min-width: 768px) {
  .ggds #widget_breadcrumb .social_wrap {
    display: block;
  }
}

@media (min-width: 768px) {
  .ggds .pdp-container--desk-tab [data-slot-id="3"] {
    margin-bottom: 15px;
  }
}

@media (min-width: 992px) {
  .ggds .pdp-container--desk-tab [data-slot-id="3"] {
    margin-bottom: 20px;
  }
}

.ggds .pdp__main-title {
  color: #3f3f3f;
  font-weight: 700;
  margin: .75em 0 0.125em;
}

@media all and (min-width: 768px) {
  .ggds .pdp__main-title {
    margin-top: 0;
  }
}

@media all and (min-width: 992px) {
  .ggds .pdp__main-title {
    margin-top: .3em;
  }
}

@media all and (min-width: 768px) {
  .ggds .pdp-container--desk-tab [data-slot-id="3"] .callout_wrapper {
    position: relative;
  }
  .ggds .pdp-container--desk-tab [data-slot-id="3"] .callouts {
    position: absolute;
    left: 20px;
    z-index: 10;
  }
}

.ggds .product-gallery-video img,
.ggds .product-gallery-thumb img {
  max-height: 34px;
}

.ggds .product-gallery-thumb img {
  max-width: 45px;
}

@media all and (min-width: 992px) {
  .ggds .product-gallery-video img,
  .ggds .product-gallery-thumb img {
    max-height: 40px;
  }
  .ggds .product-gallery-thumb img {
    max-width: 60px;
  }
}

.ggds .product-gallery .media-controls {
  z-index: 10;
}

.ggds .media-control:hover a,
.ggds .media-control a:hover {
  color: #000;
  text-decoration: none;
}

.ggds .product-gallery-nav {
  margin-top: 7px;
}

.ggds .pdp-model-description {
  margin-left: auto;
  margin-right: auto;
  float: none;
}

@media screen and (min-width: 0\0) {
  .ggds .widget-tab i.icon {
    width: 25px;
  }
  .ggds .icon-pickup-large, .ggds .icon-delivery-large, .ggds .media-control-zoom, .ggds .media-control-360 {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
  }
  .ggds .icon-pickup-large {
    background-image: url(https://www.thegoodguys.com.au/wcsstore/AUOnlineSAS/images/pdp/store-locator-white.png);
  }
  .ggds .icon-delivery-large {
    background-image: url(https://www.thegoodguys.com.au/wcsstore/AUOnlineSAS/images/pdp/delivery-white.png);
  }
  .ggds .media-control-zoom {
    background-image: url(https://www.thegoodguys.com.au/wcsstore/AUOnlineSAS/images/pdp/icon-zoom-blue.png);
  }
  .ggds .media-control-zoom:hover {
    background-image: url(https://www.thegoodguys.com.au/wcsstore/AUOnlineSAS/images/pdp/icon-zoom.png);
  }
  .ggds .media-control-360 {
    background-image: url(https://www.thegoodguys.com.au/wcsstore/AUOnlineSAS/images/pdp/icon-360-blue.png);
  }
  .ggds .media-control-360:hover {
    background-image: url(https://www.thegoodguys.com.au/wcsstore/AUOnlineSAS/images/pdp/icon-360.png);
  }
}

.ggds .video-thumbs.slick-vertical .slick-slide,
.ggds .modal-video-thumb {
  padding-top: 7.1px;
  padding-bottom: 7.1px;
}

.ggds .video-thumbs.slick-slider {
  margin-bottom: 0;
}

.ggds .video-thumbs .slick-slide.active img,
.ggds .modal-video-thumbs .slick-slide.active img {
  border: 1px solid #41aaf2;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.07), 0 10px 40px rgba(0, 0, 0, 0.07);
}

.ggds .video-thumbs .slick-slide.active h6,
.ggds .modal-video-thumbs .active h6 {
  color: #41aaf2;
}

.ggds .video-thumbs .slick-prev,
.ggds .video-thumbs .slick-next {
  border: 1px solid #41aaf2;
  color: #41aaf2;
  position: relative;
  display: block;
  width: 100%;
  height: 20px;
  right: 0;
  left: 0;
  padding-top: 20px;
  overflow: hidden;
  line-height: 1;
  transform: none;
}

.ggds .video-thumbs .slick-prev.slick-disabled,
.ggds .video-thumbs .slick-next.slick-disabled {
  display: block !important;
  opacity: .5;
}

.ggds .video-thumbs .slick-prev:hover,
.ggds .video-thumbs .slick-next:hover {
  background: #41aaf2;
  color: #fff;
}

.ggds .video-thumbs .slick-next:before,
.ggds .video-thumbs .slick-prev:before {
  font-size: 2em;
  line-height: .65;
  color: #41aaf2;
  margin-top: -20px;
  position: absolute;
  width: 100%;
  text-align: center;
  display: block;
}

.ggds .video-thumbs .slick-prev:hover:before,
.ggds .video-thumbs .slick-next:hover:before {
  color: #fff;
}

@media (min-width: 768px) {
  .ggds .pdp-container--desk-tab [data-slot-id="4"] {
    margin-top: 10px;
  }
}

@media (min-width: 992px) {
  .ggds .pdp-container--desk-tab [data-slot-id="4"] {
    margin-top: 2px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .ggds .panel-pricing {
    float: right;
  }
}

.ggds .panel-pricing__price-display {
  border-bottom: 1px dashed #d7d7d7;
  position: relative;
}

.ggds .panel-pricing__pymnt-ops {
  line-height: 1.3;
  margin: 0 -2px 0 -7px;
  display: flex;
  justify-content: space-between;
}

.ggds .panel-pricing__pymnt-op {
  flex-grow: 1;
}

.ggds .panel-pricing__pymnt-op-img-wrap {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ggds .panel-pricing__pymnt-op-img-wrap a {
  display: flex;
  padding: 10px;
}

.ggds .panel-pricing__pymnt-op-text {
  margin-top: 5px;
  font-size: 11.2px;
}

.ggds .panel-pricing__full-width-pymnt-op img {
  vertical-align: bottom;
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 2px;
}

.ggds .panel-pricing__full-width-pymnt-op a:hover,
.ggds .panel-pricing__full-width-pymnt-op a:focus {
  text-decoration: none;
}

.ggds .panel-pricing__pymnt-op-terms {
  padding-top: 1px;
  text-align: center;
  clear: both;
}

.ggds .panel-pricing__pymnt-op-terms small {
  font-size: .7em;
}

.ggds .bnpl-interest-free {
  margin-top: 5px;
  font-size: .8em;
}

.ggds .bnpl-interest-free__img {
  margin-top: 2px;
  margin-right: 6px;
}

.ggds .bnpl-interest-free__highlight {
  color: #41aaf2;
}

.ggds .backorder-margin {
  margin-top: -7px;
  padding-bottom: 11px;
}

.ggds .backorder-margin > p {
  margin-top: 3px;
}

.ggds .backorder-margin > p.backorder-nodate-margin {
  margin-top: 2px;
}

.ggds .backorder-margin > p span {
  display: block;
  margin-bottom: 2px;
}

.ggds .pdp-panel,
.ggds .shopperActions,
.ggds .panel-info {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 14px 56px rgba(0, 0, 0, 0.08);
}

.ggds .pdp-panel__header-bar {
  padding: 11.5px 15px;
  cursor: pointer;
}

.ggds .shopperActions,
.ggds .panel-info {
  background-color: #fff;
}

.ggds .product-deliveryoptions {
  display: none;
  padding-bottom: 0;
}

.ggds .product-deliveryoptions #setStoreDiv > button {
  margin-bottom: 0;
}

.ggds .product-deliveryoptions .storelist,
.ggds .product-deliveryoptions .deliveryestimate {
  padding: 10px 0 5px;
  clear: both;
  font-size: .9em;
  display: none;
}

.ggds .product-deliveryoptions .estimate {
  padding: 3px 0 10px;
  border-bottom: 1px solid #e0e0e0;
}

.ggds .product-deliveryoptions .estimate.noborder {
  border-bottom: 0;
}

.ggds .product-deliveryoptions .store {
  padding: 5px 0 7px;
  border-bottom: 1px solid #ececec;
}

.ggds .product-deliveryoptions .store:last-of-type {
  border-bottom: 0;
  margin-bottom: 8px;
}

.ggds .product-deliveryoptions .estimate,
.ggds .product-deliveryoptions .store {
  line-height: 1.4;
}

.ggds .product-deliveryoptions .estimate.padd-bottom-0,
.ggds .product-deliveryoptions .store.padd-bottom-0 {
  padding-bottom: 0;
}

.ggds .product-deliveryoptions .estimate:last-child.padd-bottom-0 {
  padding-bottom: 10px;
}

.ggds .product-deliveryoptions .product-deliveryoptions__info-icon {
  vertical-align: middle;
  margin-bottom: 3px;
}

.ggds .product-deliveryoptions .store:first-child,
.ggds .product-deliveryoptions .estimate:first-child {
  border-top: 1px solid #e0e0e0;
}

.ggds .product-deliveryoptions .storedetails .popover {
  width: 250px;
}

.ggds .product-deliveryoptions .storedetails .popover b {
  font-weight: 700;
  color: #696969;
}

.ggds .product-deliveryoptions h4 {
  margin: 4px 0;
}

.ggds .product-deliveryoptions h4 img {
  float: left;
  margin: 2px 0;
}

.ggds .product-deliveryoptions h4 p {
  padding-left: 4px;
  overflow: hidden;
}

.ggds .product-deliveryoptions .cost .dec {
  top: .01em;
}

.ggds .product-deliveryoptions #dtdDiv .popover,
.ggds .product-deliveryoptions #ptdDiv .popover {
  width: 262px;
}

.ggds .product-deliveryoptions .popover p {
  max-width: 180px;
}

.ggds .product-deliveryoptions .popover-title strong {
  font-weight: inherit;
}

@media (min-width: 768px) {
  .ggds .product-deliveryoptions .viewtxt {
    padding: 10px;
    line-height: 1.9;
  }
}

@media (min-width: 1025px) {
  .ggds .imp_info_section {
    display: none;
  }
}

.ggds .imp_info_section #imp_info .collapse {
  display: block;
}

.ggds #imp_info i {
  margin-top: 4px;
}

.ggds .panel-info-heading {
  cursor: pointer;
}

.ggds .panel-info-heading .icon-key-features .widget-tab-icon {
  height: 20px;
  width: 20px;
  fill: #fff;
  display: inline-block;
  vertical-align: bottom;
  overflow: visible;
  padding-top: 7px;
  transform: scale(0.4);
  transform-origin: left top;
}

.ggds .panel-info-heading .ggdsicon-angle-down,
.ggds .panel-info-heading.collapsed .ggdsicon-angle-up {
  display: none;
}

.ggds .panel-info-heading.collapsed .ggdsicon-angle-down,
.ggds .panel-info-heading .ggdsicon-angle-up {
  display: block;
  float: right !important;
}

.ggds .pdp-container .mob_sticky {
  display: none;
}

@media screen and (max-width: 767px) {
  .ggds .pdp-container .mob_sticky {
    background: #f0f0f0;
    padding: 11px 15px;
    z-index: 11;
    margin-left: -15px;
  }
}

@media screen and (max-width: 767px) {
  .ggds .pdp-container .mob_stickyFix {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: auto;
  }
}

.ggds .pdp-container .sticky_panel {
  background-color: #ececec;
  border-top: 1px solid #e0e0e0;
  padding: 0 13px 0 10px;
  z-index: 11;
  box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.15);
}

.ggds .pdp-container .sticky_panel .sticky_panel__shopper-actions {
  padding-top: 8px;
  padding-bottom: 8px;
  min-width: 120px;
}

.ggds .pdp-container .stickyFix {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.ggds .pdp-container .stickyFix_inner {
  min-height: 50px;
}

.ggds .pdp-container .sticky_price_wrap .pricepoint.has-cashback .pricepoint-price,
.ggds .pdp-container .sticky_price_wrap .pricepoint.has-payback .pricepoint-price {
  padding: 3px 0;
}

@media (min-width: 992px) {
  .ggds .pdp-container .sticky_panel {
    border-top: 0;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  }
  .ggds .pdp-container .stickyFix {
    bottom: auto;
    top: 0;
  }
}

@media (min-width: 1200px) {
  .ggds .pdp-container .stickyFix_inner {
    width: 1170px;
    margin: 0 auto;
  }
  .ggds .pdp-container .sticky_panel__title {
    margin-top: 12px;
    white-space: nowrap;
  }
  .ggds .pdp-container .sticky_panel__title--cashback {
    margin-top: 16px;
  }
  .ggds .pdp-container .sticky_price_wrap .pricepoint {
    border-left: 1px solid #e0e0e0;
    height: 54px;
  }
  .ggds .pdp-container .sticky_price_wrap .pricepoint.has-cashback,
  .ggds .pdp-container .sticky_price_wrap .pricepoint.has-payback {
    border-left: none;
    white-space: nowrap;
  }
}

.ggds .pdp-container--desk-tab [data-slot-id="7"] .navbar {
  z-index: auto;
}

.ggds .pdp-container--desk-tab [data-slot-id="8"] .contentRecommendationWidget .espot .container,
.ggds .pdp-container--desk-tab [data-slot-id="8"] .contentRecommendationWidget .left_espot .container {
  padding-top: 20px;
}

.ggds .espottile {
  margin-top: 15px;
  margin-bottom: 15px;
}

.ggds .tggcontent p {
  margin-bottom: 10px;
}

.ggds .tggcontent .alert > p {
  margin-bottom: 0;
}

.ggds .tggcontent .padding-top-20 {
  padding-top: 20px;
}

.ggds .tggcontent .margin-left-40 {
  margin-left: 40px;
}

.ggds .tggcontent b {
  font-weight: 700;
}

.ggds .tggcontent .nopadding {
  padding: 0;
}

.ggds .floatLeft {
  float: left;
}

.ggds .padd-0-15 {
  padding: 0 15px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .ggds .ccol4.acol12.col6.padd-0-15 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 767px) {
  .ggds .ccol4.acol12.col6.padd-0-15 {
    padding: 0;
    float: none;
  }
}

.ggds h4.card-storecredit {
  display: none;
}

.ggds .pdp-container--mobile [data-slot-id="5"] .col6,
.ggds .pdp-container--desk-tab [data-slot-id="9"] .col6 {
  width: 50%;
}

@media (min-width: 1200px) {
  .ggds .pdp-container--mobile [data-slot-id="5"] .ccol4,
  .ggds .pdp-container--desk-tab [data-slot-id="9"] .ccol4 {
    width: 33.333333%;
  }
}

@media (max-width: 767px) {
  .ggds .pdp-container--mobile [data-slot-id="5"] .acol12,
  .ggds .pdp-container--desk-tab [data-slot-id="9"] .acol12 {
    width: 100%;
  }
}

.ggds .tggcontent.modal .modal-body {
  color: #000;
}

.ggds .tggcontent.modal label {
  font-weight: 400;
}

.ggds .tggcontent .controls {
  width: 100%;
}

.ggds .tggcontent .controls > * {
  display: inline-block;
  padding: 5px;
}

.ggds .tggcontent input[type="checkbox"],
.ggds .tggcontent input[type="radio"],
.ggds .tggcontent .nopadding {
  padding: 0;
}

.ggds .tggcontent .padding-left-5-imp {
  padding-left: 5px;
}

.ggds .tggcontent .choice {
  padding-top: 1px;
}

.ggds .tggcontent .error input {
  margin-bottom: 0;
  border-color: #c32210;
  margin-left: 0;
  position: static;
}

.ggds .tggcontent .error .help-inline {
  line-height: 1.2;
  color: #a94442;
  font-size: .8em;
}

.ggds .tggcontent .error .controls {
  background-color: #f2dede;
  border: 1px solid #eed3d7;
  border-radius: 4px;
  padding: 5px;
}

.ggds .tggcontent .error #TnC_div .help-inline {
  display: block;
}

.ggds .highlight .card {
  -webkit-animation-name: highlightcard;
  animation-name: highlightcard;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes highlightcard {
  30% {
    border-color: #41aaf2;
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 14px 56px rgba(0, 0, 0, 0.08);
  }
}

@keyframes highlightcard {
  30% {
    border-color: #41aaf2;
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 14px 56px rgba(0, 0, 0, 0.08);
  }
}

.ggds .pdp-container--mobile [data-slot-id="5"] {
  margin-bottom: 10px;
}

.ggds .pdp-container--mobile [data-slot-id="6"] .espot .container,
.ggds .pdp-container--mobile [data-slot-id="6"] .left_espot .container {
  margin-bottom: 20px;
}

.ggds .pdp-container--mobile > div:last-child > div > .contentRecommendationWidget > .espot > div:first-child,
.ggds .pdp-container--mobile > div:last-child > div > .contentRecommendationWidget > .left_espot > div:first-child {
  padding-top: 15px;
}

.ggds .pdp-container--desk-tab [data-slot-id="10"] {
  padding-bottom: 0;
}

.ggds .pdp-container--desk-tab [data-slot-id="10"] .contentRecommendationWidget .espot .container,
.ggds .pdp-container--desk-tab [data-slot-id="10"] .contentRecommendationWidget .left_espot .container {
  padding-bottom: 15px;
}

.ggds .product_left_panel {
  -webkit-transform: translate3d(0, 0, 0);
}

.ggds .product_left_panel.fixed {
  position: fixed;
  top: 75px;
  z-index: 10;
  width: 212.5px;
}

@media screen and (min-width: 1200px) {
  .ggds .product_left_panel.fixed {
    width: 165px;
  }
}

.ggds .product_left_panel ul {
  background-color: #e0e0e0;
}

.ggds .product_left_panel ul li a {
  color: #41aaf2;
  padding: 10px;
  display: block;
  font-size: 1em;
  font-weight: 500;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #c3c3c3;
}

.ggds .product_left_panel ul li a:hover,
.ggds .product_left_panel ul li a:focus,
.ggds .product_left_panel ul li.active a {
  border-left-color: #41aaf2;
  background: #ececec;
  text-decoration: none;
  font-weight: 500;
}

.ggds .product_left_panel ul li.active a {
  color: #000;
}

.ggds .tech_tab h3.collapseheading {
  color: #41aaf2;
  font-size: 1.5em;
  font-weight: 500;
  border-top: 1px solid #e0e0e0;
  background: #ececec;
  padding: 7px 15px;
  margin: 0;
}

.ggds .tech_tab h3.collapse {
  background-color: #f6f6f6;
  color: #696969;
}

.ggds .tech_tab h3 i {
  font-style: normal;
  margin: -2px 2px 0 0;
  font-size: 27px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .ggds .tech_spec_mobile {
    display: none;
  }
  .ggds .speci_area {
    margin-top: 0;
  }
}

.ggds .pdp-container--desk-tab [data-slot-id="12"] {
  position: static;
}

@media screen and (max-width: 767px) {
  .ggds .pdp-container--desk-tab [data-slot-id="12"] {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ggds .pdp-container--desk-tab [data-slot-id="8"],
  .ggds .pdp-container--desk-tab [data-slot-id="10"],
  .ggds .pdp-container--desk-tab [data-slot-id="12"],
  .ggds .pdp-container--desk-tab [data-slot-id="13"],
  .ggds .pdp-container--desk-tab [data-slot-id="14"],
  .ggds .pdp-container--desk-tab [data-slot-id="15"] {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.ggds .contentCarouselWidget,
.ggds .contentCarouselWidget .content {
  position: relative;
}

.ggds .contentCarouselWidget {
  overflow: hidden;
}

.ggds .contentCarouselWidget > .content > ul {
  position: relative;
  white-space: nowrap;
}

.ggds .contentCarouselWidget > .content > ul > li {
  display: inline-block !important;
  vertical-align: top;
  white-space: normal;
  margin-right: -4px;
}

.ggds .contentCarouselWidget > .content > ul > li.hidden {
  visibility: hidden;
}

.ggds .contentCarouselWidget .textContainer {
  background-color: #f6f6f6;
  padding: 5% 5% 5% 7%;
  vertical-align: top;
}

.ggds .contentCarouselWidget .imageContainer img {
  margin: 0 auto;
  max-height: 385px;
}

.ggds .contentCarousel_title {
  font-size: 1.3em;
  font-weight: 300;
}

.ggds .contentCarouselWidget > .nextPageButton,
.ggds .contentCarouselWidget > .prevPageButton,
.ggds .contentCarouselWidget > .nextPageButton:hover,
.ggds .contentCarouselWidget > .prevPageButton:hover,
.ggds .contentCarouselWidget > .nextPageButton:focus,
.ggds .contentCarouselWidget > .prevPageButton:focus {
  position: absolute;
  display: block;
  top: 50%;
  height: 90px;
  width: 46px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  font-size: 1rem;
  z-index: 10;
  color: #b5b5b5;
  font-size: 5rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

.ggds .contentCarouselWidget > .prevPageButton {
  left: 2px;
}

.ggds .contentCarouselWidget > .nextPageButton {
  right: 2px;
}

.ggds .contentCarouselWidget .pageControl {
  position: absolute;
  z-index: 1;
  left: 10px;
  right: 10px;
  bottom: 30px;
}

.ggds .contentCarouselWidget .pageControl a {
  display: inline-block;
  vertical-align: top;
}

.ggds .contentCarouselWidget .pageControl.dot {
  text-align: center;
}

.ggds .contentCarouselWidget .pageControl.dot a {
  background-color: #fff;
  padding: 0;
  margin: 0 10px;
  width: 20px;
  height: 20px;
  border: 1px solid #797979;
  border-radius: 10px;
  opacity: .4;
}

.ggds .contentCarouselWidget .pageControl.dot a.selected {
  background-color: #696969;
  opacity: .8;
}

@media (min-width: 1200px) {
  .ggds .contentCarouselWidget .textContainer,
  .ggds .contentCarouselWidget .imageContainer {
    display: table-cell;
    float: none;
    position: static;
  }
  .ggds .contentCarouselWidget .contentCarousel_title {
    margin-bottom: 20px;
  }
  .ggds .contentCarouselWidget > .prevPageButton {
    left: 11px;
  }
  .ggds .contentCarouselWidget > .nextPageButton {
    right: 11px;
  }
}

@media screen and (max-width: 767px) {
  .ggds #product_feature_box {
    padding: 15px;
  }
}

.ggds .tile {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 0;
  min-height: 140px;
  margin: 0 0 30px;
  position: relative;
}

.ggds .tile-heading {
  position: absolute;
  float: left;
  width: 115px;
  min-height: 140px;
  height: 100%;
  border-right: 1px solid #ececec;
  text-align: center;
}

.ggds .tile-content {
  margin-left: 115px;
  padding: 12px 15px;
  line-height: 1.3;
  font-size: 14px;
}

.ggds .tile h5 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.ggds .tile p {
  margin: 2px 0;
}

.ggds .tile .tile-heading img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.ggds .tile-heading .dualImage img:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.ggds .tile-heading .dualImage img:last-child {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.ggds .vertalign-sub {
  vertical-align: sub;
}

.ggds .top-2 {
  top: 2px;
}