/**
* Essential sass includes 
*/
/*------------------------------------*    #TYPOGRAPHY
\*------------------------------------*/
/**
*utilities
*/
/* * Use this mixin for text style */
/*
* Use this mixin for tablet and desktop specific styling
*/
/** 
* Gillsans & tiempos Font 
*/
/**
* Colour Palette 
*/
/*** Variables as per SG ***/
/**
* Essential sass footer  
*/
.footer_arrow {
  display: none; }

footer {
  background-color: #fff;
  border: 0;
  position: static;
  height: 64px;
  padding: 0 10px; }
  footer:before {
    display: none !important; }

.featuresTabs {
  background: #EE3224; }
  @media only screen and (max-width: 767px) {
    .featuresTabs {
      max-height: 90px;
      overflow: hidden; } }
  .featuresTabs .featuresTabsCont {
    margin-left: -10px;
    margin-right: -10px; }
    .featuresTabs .featuresTabsCont:before, .featuresTabs .featuresTabsCont:after {
      content: " ";
      display: table; }
    .featuresTabs .featuresTabsCont:after {
      clear: both; }
  .featuresTabs .featuresTabItem {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 19px 0; }
    @media (min-width: 768px) {
      .featuresTabs .featuresTabItem {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 33.3333333333%; } }
    @media only screen and (min-width: 768px) and (max-width: 1025px) {
      .featuresTabs .featuresTabItem {
        text-align: center;
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .featuresTabs .featuresTabItem {
        text-align: center; } }
  .featuresTabs .benefit-icon {
    display: inline-block;
    width: 44px;
    height: 44px;
    vertical-align: middle;
    margin-right: 18px;
    margin-left: 40px; }
    @media only screen and (max-width: 767px) {
      .featuresTabs .benefit-icon {
        margin-right: 13px;
        margin-left: 0px;
        width: 52px;
        height: 52px; } }
  .featuresTabs .benefit-info {
    display: inline-block;
    vertical-align: middle; }
    @media only screen and (max-width: 767px) {
      .featuresTabs .benefit-info {
        text-align: left; } }
  .featuresTabs .benefit-title {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 1.25rem;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .featuresTabs .benefit-title {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0; } }
  .featuresTabs .benefit-copy {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 0; }

.joinaconversation {
  border-top: 1px solid #cbd5df;
  background: #fff; }
  .joinaconversation h2 {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 2rem;
    line-height: 39px;
    letter-spacing: -0.5px;
    font-weight: normal;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin: 48px 0 18px; }
    @media only screen and (max-width: 767px) {
      .joinaconversation h2 {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1rem;
        line-height: 20px;
        letter-spacing: 0;
        margin: 22px 0 16px; } }
  .joinaconversation .conversation-list {
    padding: 0;
    margin-bottom: 48px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .joinaconversation .conversation-list {
        margin-bottom: 28px; } }
    .joinaconversation .conversation-list .conversation-listItem {
      width: 44px;
      height: 44px;
      border-radius: 22px;
      background: #fff;
      margin: 0 16px;
      display: inline-block;
      list-style: none; }
      @media only screen and (max-width: 767px) {
        .joinaconversation .conversation-list .conversation-listItem {
          width: 32px;
          height: 32px;
          border-radius: 16px;
          margin: 0 8px; } }

.newsletter {
  background: #323232;
  min-height: 90px;
  padding: 23px 0 20px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .newsletter {
      padding: 8px 10px 15px; }
      .newsletter #footer-subscribe-form {
        display: block; } }
  .newsletter .newsletter-title {
    display: inline-block;
    vertical-align: top;
    padding-right: 19px; }
    @media only screen and (max-width: 767px) {
      .newsletter .newsletter-title {
        padding-right: 0;
        width: 100%;
        float: none; } }
    .newsletter .newsletter-title h2 {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #fff;
      font-size: 1.125rem;
      line-height: 22px;
      letter-spacing: 1.5px;
      margin: 9px 0 9px 0;
      font-weight: normal;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .newsletter .newsletter-title h2 {
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #fff;
          font-size: 0.71875rem;
          line-height: 11.5px;
          letter-spacing: 0; } }
  .newsletter .newsletter-form {
    display: inline-block;
    width: 32.21%;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .newsletter .newsletter-form {
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 800px) {
      .newsletter .newsletter-form {
        width: 50%; } }
    @media (min-width: 800px) and (max-width: 1025px) {
      .newsletter .newsletter-form {
        width: 45%; } }
    .newsletter .newsletter-form .newsletter-form-field {
      height: 44px;
      background: #F5F5F5;
      border-radius: 2px;
      padding: 16px 12px;
      width: 100%;
      border: none;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #929BA9;
      font-size: 0.75rem;
      line-height: 12px;
      letter-spacing: 0.8px; }
      .newsletter .newsletter-form .newsletter-form-field::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #929BA9; }
      .newsletter .newsletter-form .newsletter-form-field::-moz-placeholder {
        /* Firefox 19+ */
        color: #929BA9; }
      .newsletter .newsletter-form .newsletter-form-field:-ms-input-placeholder {
        /* IE 10+ */
        color: #929BA9; }
      .newsletter .newsletter-form .newsletter-form-field:-moz-placeholder {
        /* Firefox 18- */
        color: #929BA9; }
      @media only screen and (max-width: 767px) {
        .newsletter .newsletter-form .newsletter-form-field {
          max-width: 100%;
          height: 32px;
          box-shadow: none;
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #929BA9;
          font-size: 0.625rem;
          line-height: 12px;
          letter-spacing: 0.8px; } }
    .newsletter .newsletter-form .subscribeButton {
      padding: 0;
      position: absolute;
      right: 4px;
      top: 9px;
      background: transparent url("../img/FooterSubscribeBtnArrow.svg") no-repeat;
      width: 20px;
      min-width: 28px;
      min-height: 28px;
      z-index: 2; }
      @media only screen and (max-width: 767px) {
        .newsletter .newsletter-form .subscribeButton {
          top: 3px; } }
    .newsletter .newsletter-form .messageWrapper {
      height: 40px;
      background: #F5F5F5;
      border-radius: 2px;
      padding: 16px 12px;
      text-align: left;
      width: 99%;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #EE3224;
      font-size: 0.75rem;
      line-height: 12px;
      letter-spacing: 0.8px; }
      @media only screen and (max-width: 767px) {
        .newsletter .newsletter-form .messageWrapper {
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #929BA9;
          font-size: 0.625rem;
          line-height: 12px;
          letter-spacing: 0.8px;
          width: 100%;
          height: 32px;
          z-index: 0;
          margin: 0;
          padding: 0; }
          .newsletter .newsletter-form .messageWrapper div {
            padding: 10px 0 10px 10px;
            font-size: inherit;
            text-align: left; } }
      .newsletter .newsletter-form .messageWrapper .validationErrorMessage {
        position: static;
        width: 100%;
        white-space: normal; }
        @media only screen and (min-width: 768px) {
          .newsletter .newsletter-form .messageWrapper .validationErrorMessage {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #EE3224;
            font-size: 0.75rem;
            line-height: 12px;
            letter-spacing: 0.8px; } }
        @media only screen and (max-width: 767px) {
          .newsletter .newsletter-form .messageWrapper .validationErrorMessage {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #EE3224;
            font-size: 0.625rem;
            line-height: 12px;
            letter-spacing: 0.8px; } }
      .newsletter .newsletter-form .messageWrapper .errorMessage {
        position: static;
        width: 100%;
        white-space: normal; }
        @media only screen and (min-width: 768px) {
          .newsletter .newsletter-form .messageWrapper .errorMessage {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #EE3224;
            font-size: 0.75rem;
            line-height: 12px;
            letter-spacing: 0.8px; } }
        @media only screen and (max-width: 767px) {
          .newsletter .newsletter-form .messageWrapper .errorMessage {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #EE3224;
            font-size: 0.625rem;
            line-height: 12px;
            letter-spacing: 0.8px; } }
      .newsletter .newsletter-form .messageWrapper .successMessage {
        position: static;
        width: 100%;
        white-space: normal; }
        @media only screen and (min-width: 768px) {
          .newsletter .newsletter-form .messageWrapper .successMessage {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #0BC444;
            font-size: 0.75rem;
            line-height: 12px;
            letter-spacing: 0.8px; } }
        @media only screen and (max-width: 767px) {
          .newsletter .newsletter-form .messageWrapper .successMessage {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #0BC444;
            font-size: 0.625rem;
            line-height: 12px;
            letter-spacing: 0.8px; } }

.footerBottom {
  background: #fff;
  padding-bottom: 50px; }

.footerBottomrow {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 47px; }
  .footerBottomrow:before, .footerBottomrow:after {
    content: " ";
    display: table; }
  .footerBottomrow:after {
    clear: both; }
  @media only screen and (max-width: 767px) {
    .footerBottomrow {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-top: 37px; } }

.footerBottomLeft {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 768px) {
    .footerBottomLeft {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 50%; } }
  @media only screen and (min-width: 768px) and (max-width: 1025px) {
    .footerBottomLeft {
      width: 40%; } }
  @media only screen and (max-width: 767px) {
    .footerBottomLeft {
      -ms-flex-order: 2;
          order: 2;
      text-align: center; } }
  .footerBottomLeft .community {
    margin-bottom: 7px;
    text-transform: uppercase;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 0.8125rem;
    line-height: 14px;
    letter-spacing: 1px;
    font-weight: normal; }
    @media only screen and (max-width: 767px) {
      .footerBottomLeft .community {
        margin-bottom: 13px;
        margin-left: 0; } }
  .footerBottomLeft .footerPromo {
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .footerBottomLeft .footerPromo {
        width: auto;
        text-align: center;
        margin: 0 auto;
        display: table; } }

.footerBottomRight {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (min-width: 768px) {
    .footerBottomRight {
      width: 50%;
      float: left;
      position: relative;
      padding: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1025px) {
    .footerBottomRight {
      width: 60%; } }
  @media only screen and (max-width: 767px) {
    .footerBottomRight {
      -ms-flex-order: 1;
          order: 1;
      text-align: center; } }
  .footerBottomRight .footerLinks {
    margin: 0 !important; }
    @media (min-width: 768px) {
      .footerBottomRight .footerLinks {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 33.3333333333%; } }
    .footerBottomRight .footerLinks h4 {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 0.8125rem;
      line-height: 13px;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 0; }
      @media only screen and (max-width: 767px) {
        .footerBottomRight .footerLinks h4 {
          padding: 0;
          background: none;
          margin-bottom: 20px;
          font-size: 14px;
          line-height: 17px;
          cursor: pointer; }
          .footerBottomRight .footerLinks h4.current {
            color: #929BA9; } }
    .footerBottomRight .footerLinks .column li {
      display: block;
      float: initial; }
      .footerBottomRight .footerLinks .column li a {
        font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
        color: #929BA9;
        font-size: 0.8125rem;
        line-height: 24px;
        letter-spacing: 0px; }
        .footerBottomRight .footerLinks .column li a:hover {
          color: #929BA9; }
    @media only screen and (max-width: 767px) {
      .footerBottomRight .footerLinks .column {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .footerBottomRight .footerLinks.customerServices {
        width: 100%;
        float: left; }
      .footerBottomRight .footerLinks.legalMob, .footerBottomRight .footerLinks.aboutMob {
        width: 100%;
        float: left;
        text-align: center; } }

.footerSocialLinks {
  width: 100%; }
  .footerSocialLinks h4 {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 1rem;
    line-height: 16px;
    letter-spacing: 1.1px;
    margin: 0; }

.footerPromo {
  margin-top: 9px; }
  .footerPromo a {
    float: none; }

.footerBottomcountrySelect {
  width: 100%;
  margin-top: 32px; }
  @media only screen and (max-width: 767px) {
    .footerBottomcountrySelect {
      text-align: center;
      margin-top: 28px; } }
  .footerBottomcountrySelect .customSelect {
    border: 0;
    background: transparent;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 0.8125rem;
    line-height: 13px;
    letter-spacing: 1px;
    width: 100%;
    position: relative; }
    .footerBottomcountrySelect .customSelect:before {
      background: none; }
  .footerBottomcountrySelect .countrySelectBox {
    border: 0;
    background: transparent;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 0.8125rem;
    line-height: 13px;
    letter-spacing: 1px;
    width: auto;
    position: relative;
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      .footerBottomcountrySelect .countrySelectBox {
        margin-left: 2px; } }
    .footerBottomcountrySelect .countrySelectBox:before {
      content: "";
      position: absolute;
      z-index: 2;
      pointer-events: none;
      top: 0;
      left: 0;
      bottom: 0px;
      width: 20px;
      height: auto;
      background: url("../img/DropDown Arrow.svg") no-repeat 50% 50% transparent; }
    .footerBottomcountrySelect .countrySelectBox select {
      border: 0;
      padding-left: 34px;
      background: transparent;
      width: auto;
      padding-top: 0;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 0.8125rem;
      line-height: 16px;
      letter-spacing: 1px; }
      .footerBottomcountrySelect .countrySelectBox select::-ms-expand {
        display: none; }

.footerflexslider .flex-viewport {
  top: 0; }

.footerflexslider .flex-direction-nav {
  display: none; }

@media only screen and (max-width: 767px) {
  .mainsSliderBottom {
    position: absolute;
    width: 100%;
    height: 100%;
    right: -769px;
    z-index: 19;
    margin-top: -2px;
    background-color: #fff;
    text-transform: uppercase; }
    .mainsSliderBottom .sliderWindow {
      background-color: #323232;
      padding: 15px 0 15px 18px;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #fff;
      font-size: 1rem;
      line-height: 16px;
      letter-spacing: 1.1px;
      margin: 0;
      cursor: pointer; }
      .mainsSliderBottom .sliderWindow:after {
        content: 'x';
        width: 10px;
        height: 10px;
        position: absolute;
        right: 17px;
        color: #fefefe; }
    .mainsSliderBottom li a {
      display: block;
      padding: 15px 0 15px 18px;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1rem;
      line-height: 16px;
      letter-spacing: 1.1px;
      outline: none;
      border-bottom: 1px solid #cbd5df; }
      .mainsSliderBottom li a:after {
        content: '';
        background: url("../img/MenuArrow_v1.svg") no-repeat 50% 50% transparent;
        width: 6px;
        height: 12px;
        position: absolute;
        right: 17px; }
    .mainsSliderBottom li:hover, .mainsSliderBottom li:focus {
      background-color: #ECF0F6; }
      .mainsSliderBottom li:hover a, .mainsSliderBottom li:focus a {
        color: #4E5E76; }
    .mainsSliderBottom li.current {
      background-color: #ECF0F6; }
      .mainsSliderBottom li.current a {
        color: #4E5E76; }
  .contentFooterData {
    background-color: #fff; } }

/* Cookies Overlay*/
.cookie_overlay_container {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 30px 0 30px;
  z-index: 20; }
  .cookie_overlay_container:before {
    background: #000;
    opacity: 0.8;
    content: '';
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  @media only screen and (max-width: 767px) {
    .cookie_overlay_container {
      padding: 15px 0 15px; } }
  .cookie_overlay_container .cookie_policy_overlay {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 16px; }
  .cookie_overlay_container .cookie_overlay_close {
    width: 33.33%;
    display: inline-block;
    float: right; }
    @media only screen and (max-width: 540px) {
      .cookie_overlay_container .cookie_overlay_close {
        width: auto; } }
    .cookie_overlay_container .cookie_overlay_close button.cookie_accept_btn {
      background: #fff;
      border: 0;
      color: #000;
      text-transform: uppercase;
      position: relative;
      font-size: 13px;
      padding: 4px 0;
      margin: 0;
      float: right;
      width: 130px;
      height: 30px;
      line-height: 22px;
      font-weight: bold; }
      @media only screen and (max-width: 1277px) {
        .cookie_overlay_container .cookie_overlay_close button.cookie_accept_btn {
          margin-right: 70px; } }
      @media only screen and (max-width: 767px) {
        .cookie_overlay_container .cookie_overlay_close button.cookie_accept_btn {
          margin-top: 40px; } }
      @media only screen and (max-width: 540px) {
        .cookie_overlay_container .cookie_overlay_close button.cookie_accept_btn {
          margin: 10px 25px 0 0; } }
      .cookie_overlay_container .cookie_overlay_close button.cookie_accept_btn:hover {
        background-color: #EE3224;
        color: #fff; }
        .cookie_overlay_container .cookie_overlay_close button.cookie_accept_btn:hover .cookie_close_btn {
          border-color: #fff; }
          .cookie_overlay_container .cookie_overlay_close button.cookie_accept_btn:hover .cookie_close_btn:before, .cookie_overlay_container .cookie_overlay_close button.cookie_accept_btn:hover .cookie_close_btn:after {
            background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .cookie_overlay_container .cookie_policy_message {
      width: 66.66%;
      float: left; } }
  @media only screen and (max-width: 540px) {
    .cookie_overlay_container .cookie_policy_message {
      width: 85%; } }
  .cookie_overlay_container .cookie_policy_message p, .cookie_overlay_container .cookie_policy_message a {
    font-size: 13px; }
  .cookie_overlay_container .cookie_policy_message a {
    border-bottom: 1px solid #0e778c;
    color: #fff; }
  .cookie_overlay_container .cookie_close_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    border: 0;
    display: block;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .cookie_overlay_container .cookie_close_btn {
        top: 10px; } }
  .cookie_overlay_container .cookie_close_btn:before, .cookie_overlay_container .cookie_close_btn:after {
    position: absolute;
    left: 8px;
    content: ' ';
    height: 25px;
    width: 4px;
    background-color: #fff;
    top: -3px;
    border-radius: 3px; }
  .cookie_overlay_container .cookie_close_btn:before {
    transform: rotate(45deg); }
  .cookie_overlay_container .cookie_close_btn:after {
    transform: rotate(-45deg); }

.checkoutFooter .footerWrapper {
  max-width: 1024px;
  margin: 0 auto; }
  .checkoutFooter .footerWrapper .copyTxt {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 14px;
    display: block;
    padding-top: 10px; }

.a {
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient(red, green);
  border-radius: 4px; }

.accountFormPopup .inlineLabelForm .formRow_checkbox label {
  width: auto; }

.wishlistRemoveQtipClass {
  box-sizing: content-box; }
  @media only screen and (min-width: 768px) {
    .wishlistRemoveQtipClass .confirmRemoveButton {
      box-sizing: content-box; } }