/*
* strip-unit - Unit stripper [10px = 10]
* param - $num : the value with a unit suffix, E.g: 10px
* return - $result : the value without any suffix, E.g: 10
* E.g. strip-unit(100px) = 100
*/
/*
* pxToEM - Convert PX value to EM value [100px = 6.25em]
* param - $target : the value in px without 'px' suffix, E.g: 100
* return - $result : the value in em with 'em' suffix, E.g: 6.25em
* E.g. pxToEM(100) = 6.25em
*/
/*
* u - PX and REM constrictor
* param - $property : css property, E.g: padding
* param - $values... : list of values for the property, note values are multiplied by $pixelBase, E.g.: 10, 20, 30, 40
* return - $result : the css property with values applied in pixels
* E.g. @include u(padding, 10, 20, 30, 40) = padding: 100px, 200px, 300px, 400px;
*/
/*! Tabs */
span.igtab {
  background: #ebebeb;
  border: 1px solid transparent;
  color: #00429b;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  padding: 15px 30px;
  margin-right: 5px;
  font-size: 16px;
  float: left;
  text-align: left;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0; }
  span.igtab:hover {
    opacity: 0.8;
    background-color: #ebebeb; }

span.igcurtab {
  background: #F4F4F4;
  color: #004282;
  font-weight: 600; }

.igtabitem_jq {
  min-height: 460px; }

.igtabarea {
  background: #ebebeb;
  font-weight: 600;
  padding: 15px 30px;
  margin-right: 5px;
  font-size: 16px;
  float: left;
  text-align: left;
  border: 0;
  min-width: 371px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0; }

#jport-tabsc3 > table {
  min-width: 100% !important; }

/*! Minor fixes Simen */
@media screen and (min-width: 900px) {
  .right-section {
    min-height: 520px; } }

.menu {
  width: 769px; }

.list_desc img {
  width: 100%;
  height: 210px;
  object-fit: cover; }

.prod_main {
  min-height: 480px; }

.buyBtn {
  padding-top: 40px;
  padding-left: 15px; }

.stock-colour {
  padding-top: 20px; }

/*! Stock Color */
.green {
  color: #009900;
  font-weight: 600; }

.red {
  color: #e50000;
  font-weight: 600; }

.blue {
  color: #004282;
  font-weight: 600; }

/*! Awards */
.award {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 2px solid #d6232f; }
  .award > p {
    width: 100%;
    text-align: center; }
    .award > p img {
      width: 70%; }
  .award .info {
    width: 100%;
    padding: 0 1rem;
    box-sizing: border-box;
    text-align: center; }
    .award .info h5 {
      color: #d6232f;
      font-weight: 700;
      margin: 0;
      font-size: 1.25rem; }
    .award .info p a {
      display: block; }
  @media screen and (min-width: 768px) {
    .award > p {
      width: 40%; }
      .award > p img {
        width: 100%; }
    .award .info {
      width: 60%;
      text-align: left; }
      .award .info p {
        margin: 0; } }

/*! Top Banner */
#announcement {
  width: 100%; }
  #announcement p {
    margin: 0;
    color: white;
    background: red; }
  #announcement a {
    color: white;
    display: block;
    text-align: center;
    padding: 1rem 0; }
    #announcement a:hover {
      background: #cc0000; }