/** 
* Gillsans & tiempos Font 
*/
/**
* Colour Palette 
*/
/*** Variables as per SG ***/
/*------------------------------------*    #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 ***/
/*------------------------------------*    #TYPOGRAPHY
\*------------------------------------*/
/**
*utilities
*/
/* * Use this mixin for text style */
/*
* Use this mixin for tablet and desktop specific styling
*/
/*
 * Breadcrumb
 */
.breadcrumbs {
  padding-top: 0;
  background: none;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 1200px;
  text-transform: uppercase; }
  .breadcrumbs:before, .breadcrumbs:after {
    content: " ";
    display: table; }
  .breadcrumbs:after {
    clear: both; }
  .breadcrumbs:before {
    background: none; }
  .breadcrumbs .wrapper {
    padding: 0; }
    .breadcrumbs .wrapper ul {
      border-bottom: 1px solid #cbd5df; }
      .breadcrumbs .wrapper ul.breadcrumbsblock {
        padding-top: 10px;
        padding-bottom: 10px; }
        @media only screen and (max-width: 767px) {
          .breadcrumbs .wrapper ul.breadcrumbsblock {
            margin-left: 10px;
            margin-right: 10px; } }
  @media only screen and (max-width: 767px) {
    .breadcrumbs .mobilebreadcrumb li:nth-last-child(2) a {
      color: #323232; }
    .breadcrumbs .mobilebreadcrumb li:nth-last-child(2):after {
      content: "\00a0"; } }
  @media only screen and (max-width: 767px) {
    .breadcrumbs .mobilebreadcrumb li.last {
      display: none; } }
  .breadcrumbs li {
    display: inline;
    padding: 0 5px 0 0;
    border: none;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #cbd5df;
    font-size: 0.625rem;
    line-height: 1;
    letter-spacing: 1px; }
    .breadcrumbs li a {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #cbd5df;
      font-size: 0.625rem;
      line-height: 1;
      letter-spacing: 1px; }
    .breadcrumbs li:after {
      content: "\003e"; }
    .breadcrumbs li.last {
      color: #323232; }
      .breadcrumbs li.last a {
        color: #323232; }
      .breadcrumbs li.last:after {
        content: "\00a0"; }
      .breadcrumbs li.last span {
        color: #323232; }
      .breadcrumbs li.last .last {
        color: #323232; }

ul.breadcrumbs {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 1200px;
  border-bottom: 1px solid #cbd5df;
  margin: 0 10px 0 10px;
  padding: 10px 0 10px 0;
  line-height: 1;
  position: relative;
  z-index: 3;
  background: #fff; }
  ul.breadcrumbs:before, ul.breadcrumbs:after {
    content: " ";
    display: table; }
  ul.breadcrumbs:after {
    clear: both; }
  @media only screen and (max-width: 767px) {
    ul.breadcrumbs {
      padding: 10px; } }
  ul.breadcrumbs li {
    display: inline;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #cbd5df;
    font-size: 0.625rem;
    line-height: 10px;
    letter-spacing: 1px; }

@media only screen and (max-width: 767px) {
  .breadcrumbs {
    display: none; } }

.billing-fields {
  clear: both;
  border: 1px solid #929BA9;
  margin-top: 20px;
  padding: 0 3%; }
  @media only screen and (max-width: 767px) {
    .billing-fields {
      padding: 0;
      margin-top: 0;
      border: none; } }
  .billing-fields.remove-border {
    border: none;
    padding: 0; }
  .billing-fields .btnBillingEnterAddressManually button {
    border: none;
    padding: 0px;
    outline: none;
    text-decoration: underline;
    font-family: 'HelveticaNeueLight';
    font-size: 14px;
    background: none;
    color: #152935; }

.incomplete {
  display: block;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-indent: 0;
  color: #EE3224;
  padding: 8px 0; }

.redesign-checkout.wrapper .useAsBillingAddress .icheckbox {
  margin: 0 0 4px; }

.redesign-checkout .breadcrumbs li {
  font-size: 16px;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif; }
  .redesign-checkout .breadcrumbs li a {
    font-size: 16px;
    color: #929BA9;
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    line-height: 1.25; }

@media only screen and (max-width: 767px) {
  .redesign-checkout .proceed-payment-cta {
    padding: 0 10px 20px;
    background-color: #fff;
    margin-top: 20px; } }

.redesign-checkout .logedin-user {
  border: 1px solid #929BA9;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #152935;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .logedin-user {
      background-color: #fff;
      border: none; } }

.redesign-checkout .loginTabs {
  display: flex; }
  .redesign-checkout .loginTabs.hideTabs {
    display: none; }

.redesign-checkout .hideAll {
  display: none; }

.redesign-checkout .shippingAddressForm.hide {
  visibility: hidden; }

.redesign-checkout .shippingAddressForm.show {
  visibility: visible; }

.redesign-checkout .shippingAddressOptions, .redesign-checkout .billingAddressOptions {
  width: 70%;
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .shippingAddressOptions, .redesign-checkout .billingAddressOptions {
      width: 61%; } }

.redesign-checkout .shippingAddressOption {
  margin: 0; }
  .redesign-checkout .shippingAddressOption .add-new-address {
    cursor: pointer; }

.redesign-checkout .shippingAddress, .redesign-checkout .billingAddress {
  border: 1px solid #929BA9;
  padding: 10px;
  margin: 0 0 20px; }
  .redesign-checkout .shippingAddress span, .redesign-checkout .billingAddress span {
    display: block;
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    color: #000; }

.redesign-checkout .editAddress {
  display: inline-block;
  vertical-align: top;
  text-decoration: underline;
  cursor: pointer;
  color: #000;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 14px; }

.redesign-checkout .lockAddressName input {
  pointer-events: none; }

.redesign-checkout .returningGuestCustomers.hide, .redesign-checkout .guestCheckout.hide {
  display: none; }

.redesign-checkout .returningGuestCustomers.show, .redesign-checkout .guestCheckout.show {
  display: block;
  border-top: 0; }

.redesign-checkout .guest-chechout, .redesign-checkout .login {
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #42515b;
  line-height: 20px;
  display: inline-block;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
  height: 42px;
  background: #fff; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .guest-chechout, .redesign-checkout .login {
      font-size: 18px; } }

.redesign-checkout .guest-chechout.disable, .redesign-checkout .login.disable {
  margin-top: 11px;
  box-shadow: inset -2px -1px 5px 0 rgba(0, 0, 0, 0.2);
  width: 48%;
  border: 1px solid #929BA9; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .guest-chechout.disable, .redesign-checkout .login.disable {
      border: 0; } }

.redesign-checkout .guest-chechout.inable, .redesign-checkout .login.inable {
  border: 1px solid #929BA9;
  border-bottom: 0;
  height: 53px;
  width: 52%;
  padding-top: 21px; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .guest-chechout.inable, .redesign-checkout .login.inable {
      border: none; } }

.redesign-checkout .loginTabActive .guest-chechout, .redesign-checkout .loginTabActive .login {
  border-radius: 10px 0 0; }

.redesign-checkout .guestTabActive .guest-chechout, .redesign-checkout .guestTabActive .login {
  border-radius: 0 12px 0 0; }

.redesign-checkout .guestEmail {
  border: 1px solid #929BA9;
  border-top: 0px;
  padding: 0 3.2%; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .guestEmail {
      background-color: #fff;
      border: none;
      padding: 0 3.2% 5px;
      margin-bottom: 20px; } }
  .redesign-checkout .guestEmail.remove-border {
    border: none; }

.redesign-checkout .guest-statement {
  padding: 15px 0;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif; }

.redesign-checkout .reevooCartRightColumnDesktop {
  border: 1px solid #929BA9; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .reevooCartRightColumnDesktop {
      background-color: #fff;
      border: 0; } }

.redesign-checkout .rightcolumnadditional {
  margin-top: 19px; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .rightcolumnadditional {
      background-color: #fff; } }
  .redesign-checkout .rightcolumnadditional .drawer {
    padding: 16px;
    border: 1px solid #929BA9; }
    @media only screen and (max-width: 767px) {
      .redesign-checkout .rightcolumnadditional .drawer {
        border: 0; } }
  .redesign-checkout .rightcolumnadditional li {
    list-style-type: none; }
  .redesign-checkout .rightcolumnadditional .drawer-content {
    display: none; }
  .redesign-checkout .rightcolumnadditional .drawer-items {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #42515B; }
  .redesign-checkout .rightcolumnadditional .arrow-icon-down {
    float: right;
    height: 5px;
    width: 10px;
    position: relative;
    top: 10px;
    right: 15px;
    background: url(../img/arrow-down.png) no-repeat; }
  .redesign-checkout .rightcolumnadditional .arrow-icon-up {
    float: right;
    height: 5px;
    width: 10px;
    position: relative;
    top: 10px;
    right: 15px;
    display: none;
    background: url(../img/arrow-up.png) no-repeat; }
  .redesign-checkout .rightcolumnadditional .drawer-content {
    border-bottom: 1px solid #929BA9;
    padding-bottom: 8px;
    margin-bottom: 3px; }
  .redesign-checkout .rightcolumnadditional .drawer-items {
    border-bottom: 1px solid #929BA9;
    margin-bottom: 4px;
    padding-bottom: 7px;
    cursor: pointer; }
  .redesign-checkout .rightcolumnadditional .last {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.redesign-checkout .inlineLabelForm .formRow .validationMessage, .redesign-checkout .inlineLabelForm .formRow .emailAddressInvalid, .redesign-checkout .inlineLabelForm .formRow .postCodeError {
  display: block;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-indent: 0;
  color: #EE3224;
  padding-top: 7px;
  padding-left: 0;
  margin: 0; }
  @media all and (max-width: 767px) and (min-width: 200px) {
    .redesign-checkout .inlineLabelForm .formRow .validationMessage, .redesign-checkout .inlineLabelForm .formRow .emailAddressInvalid, .redesign-checkout .inlineLabelForm .formRow .postCodeError {
      background: none; } }

.redesign-checkout .inlineLabelForm .formRow .validationChecked {
  display: inline-block;
  background: url(../img/green-tick-small.png) no-repeat scroll 0 0;
  width: 30px;
  height: 30px;
  background-size: 30px;
  margin: 5px 0 0 10px; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .inlineLabelForm .formRow .validationChecked {
      position: relative;
      top: 11px; } }

.redesign-checkout .validationError .validationMessage:before {
  background: none; }

.redesign-checkout .hideAll {
  display: none; }

.redesign-checkout .add-new-address {
  text-decoration: underline;
  color: #152935;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 16px; }

.redesign-checkout .emailValidationMessage {
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  color: #EE3224;
  padding-bottom: 5px; }

.redesign-checkout .showMessage {
  display: block; }

.redesign-checkout .hideMessage {
  display: none; }

.redesign-checkout button[disabled].proceed-payment {
  background-color: #979797; }
  .redesign-checkout button[disabled].proceed-payment span:after {
    background-color: #979797; }

.redesign-checkout .proceed-payment {
  float: none;
  margin-top: 20px;
  width: 100%;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  height: 40px;
  text-align: center;
  color: #fff;
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  background: url("../../fe/img/lockMobile.png") no-repeat -9999px #EE3224; }
  @media all and (max-width: 767px) and (min-width: 200px) {
    .redesign-checkout .proceed-payment {
      width: 100%;
      font-size: 18px; } }
  .redesign-checkout .proceed-payment span:after {
    content: ' ';
    background: url("../../fe/img/lockMobile.png") no-repeat #EE3224;
    width: 15px;
    height: 20px;
    position: relative;
    left: 4px;
    display: inline-block;
    top: 2px; }

.redesign-checkout .selectAddressButton {
  background-color: #EE3224;
  background-image: none;
  color: #fff;
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 16px; }

.redesign-checkout .cta-change-address {
  height: 41px;
  border-radius: 0;
  min-width: 215px;
  float: none;
  background-image: none;
  background: none;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: left;
  color: #152935;
  padding: 0;
  text-decoration: underline; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .redesign-checkout .cta-change-address {
      min-width: 159px;
      width: 127px; } }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .cta-change-address {
      width: 100%;
      border-radius: 4px; } }

.redesign-checkout .addressList {
  max-height: 292px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 15px;
  margin-bottom: 5px; }

.redesign-checkout .btnChangeAddress {
  float: none; }

.redesign-checkout button[disabled].secondaryButton {
  background-color: #979797; }

.redesign-checkout .secondaryButton {
  float: none;
  display: block;
  margin-top: 20px;
  width: 89%;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  background-color: #EE3224;
  background-position: right 28% center;
  background-image: none;
  padding: 0; }
  @media all and (max-width: 1023px) and (min-width: 768px) {
    .redesign-checkout .secondaryButton {
      background-position: right 21% center; } }
  @media all and (max-width: 767px) and (min-width: 200px) {
    .redesign-checkout .secondaryButton {
      width: 100%;
      font-size: 18px;
      background-position: right 18% center; } }

.redesign-checkout ul.breadcrumbs {
  border: none; }

.redesign-checkout .returningGuestCustomers.gigyaReturningGuestCustomers {
  border: 1px solid #929BA9;
  border-top: 0; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .returningGuestCustomers.gigyaReturningGuestCustomers {
      border: none;
      background-color: #fff; } }

.redesign-checkout .leftColumn {
  color: #152935; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .leftColumn .contentArea {
      background: none; } }

.redesign-checkout .inlineLabelForm .formRow label {
  color: #152935;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 14px;
  display: block;
  width: auto;
  line-height: 18px;
  padding-bottom: 6px; }

.redesign-checkout .inlineLabelForm .formRow input {
  max-width: 89.5%;
  height: 41px;
  border-radius: 0;
  border: 1px solid #929BA9;
  font-size: 16px;
  color: #152935;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .inlineLabelForm .formRow input {
      max-width: 84.5%; } }

.redesign-checkout .inlineLabelForm .formRow .customSelect.input {
  width: 89.5%;
  max-width: 100%;
  height: 41px;
  border-radius: 0;
  border: 1px solid #929BA9; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .inlineLabelForm .formRow .customSelect.input {
      max-width: 84.5%; } }
  .redesign-checkout .inlineLabelForm .formRow .customSelect.input:before {
    background: url(../img/arrow-down.png) no-repeat scroll 50% 50%;
    right: 10px; }
  .redesign-checkout .inlineLabelForm .formRow .customSelect.input select {
    height: 38px;
    max-width: 100%;
    font-size: 16px;
    color: #929BA9;
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif; }

.redesign-checkout .inlineLabelForm .zip .validationMessage {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .inlineLabelForm .zip .validationMessage {
      position: relative; } }

.redesign-checkout .inlineLabelForm .dwfrm_singleshipping_shippingAddress_addressFields_country select option:first-child, .redesign-checkout .inlineLabelForm .dwfrm_billing_billingAddress_addressFields_country select option:first-child {
  display: none; }

.redesign-checkout .inlineLabelForm .btnFindAddress {
  position: relative;
  margin-top: 20px;
  display: block; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .inlineLabelForm .btnFindAddress {
      top: 0;
      right: 0;
      float: none; } }
  .redesign-checkout .inlineLabelForm .btnFindAddress #btnFindAddress {
    height: 41px;
    border-radius: 4px;
    width: 89.5%;
    float: none;
    background-image: none;
    background-color: #EE3224;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .redesign-checkout .inlineLabelForm .btnFindAddress #btnFindAddress {
        min-width: 100%;
        border-radius: 4px;
        text-align: center;
        font-size: 16px;
        padding: 0; } }

.redesign-checkout .inlineLabelForm .btnBillingFindAddress {
  position: relative;
  margin-top: 20px;
  display: block; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .inlineLabelForm .btnBillingFindAddress {
      top: 0;
      right: 0;
      width: 100%; } }
  .redesign-checkout .inlineLabelForm .btnBillingFindAddress #btnBillingFindAddress {
    height: 41px;
    border-radius: 4px;
    width: 89.5%;
    float: none;
    background-image: none;
    background-color: #EE3224;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .redesign-checkout .inlineLabelForm .btnBillingFindAddress #btnBillingFindAddress {
        width: 100%;
        border-radius: 4px; } }

.redesign-checkout .inlineLabelForm .btnEnterAddressManually {
  margin: 10px 0 0 0; }
  @media only screen and (max-width: 767px) {
    .redesign-checkout .inlineLabelForm .btnEnterAddressManually {
      margin: 0; } }
  .redesign-checkout .inlineLabelForm .btnEnterAddressManually .button {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #152935; }

.redesign-checkout .inlineLabelForm .btnBillingEnterAddressManually {
  margin: 10px 0 0; }
  .redesign-checkout .inlineLabelForm .btnBillingEnterAddressManually .button {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 16px; }

.redesign-checkout .delivery-title {
  color: #42515b;
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 20px;
  padding: 17px 0 7px; }

.redesign-checkout .shipping-details {
  color: #42515b;
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 20px;
  padding: 17px 0 7px 0; }

.redesign-checkout .billing-fields .accordionTitle {
  color: #42515b;
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 20px;
  padding: 17px 0 7px 0;
  background: none; }
  .redesign-checkout .billing-fields .accordionTitle:before {
    background-image: none; }

.redesign-checkout .goback-link {
  margin-top: 10px;
  display: block; }
  .redesign-checkout .goback-link a {
    color: #152935;
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-decoration: underline; }

.redesign-checkout .useAsBillingAddress {
  margin-left: 0; }

.formWrapper .redesign-checkout.wrapper .iradio {
  background: url(../../fe/img/Unticked-Box.png) no-repeat;
  display: inline-block;
  vertical-align: top;
  margin: 5px 8px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border: none;
  cursor: pointer; }
  .formWrapper .redesign-checkout.wrapper .iradio.checked {
    background: url(../../fe/img/Ticked-Box-Green.png) no-repeat; }

/*Address Suggestions Popup Styles*/
.addressSuggestionsModel {
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 9999 !important; }
  @media only screen and (max-width: 767px) {
    .addressSuggestionsModel {
      width: 375px !important; } }

/*Payment Page*/
.formWrapper {
  background: #fff; }
  .formWrapper .wrapper.redesign-checkout {
    padding-left: 10px;
    padding-right: 10px; }
    @media only screen and (max-width: 767px) {
      .formWrapper .wrapper.redesign-checkout {
        margin-bottom: -15px;
        margin-top: -15px;
        padding-top: 5px; } }

.formWrapper .wrapper {
  max-width: 1024px;
  padding-left: 10px;
  padding-right: 10px; }
  @media all and (max-width: 767px) and (min-width: 200px) {
    .formWrapper .wrapper {
      background-color: #ebebeb; } }
  @media all and (max-width: 767px) and (min-width: 200px) {
    .formWrapper .wrapper .checkoutBtnStyle {
      background: #fff;
      padding: 10px 0;
      padding-top: 5px; } }
  .formWrapper .wrapper .required {
    margin-left: 0; }
  .formWrapper .wrapper .icheckbox,
  .formWrapper .wrapper .iradio {
    background: url(../../fe/img/Unticked-Box.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 8px 0 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer; }
    @media all and (max-width: 767px) and (min-width: 200px) {
      .formWrapper .wrapper .icheckbox,
      .formWrapper .wrapper .iradio {
        display: inline-block;
        vertical-align: middle;
        margin: 5px 8px 0 0;
        padding: 0;
        width: 20px;
        height: 20px;
        border: none;
        cursor: pointer;
        margin-right: 12px;
        margin-bottom: 15px;
        background: url(../../fe/img/Unticked-Box.png) no-repeat; } }
  .formWrapper .wrapper .icheckbox.checked {
    background: url(../../fe/img/Ticked-Box.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: -5px 8px 0 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer; }
    @media all and (max-width: 767px) and (min-width: 200px) {
      .formWrapper .wrapper .icheckbox.checked {
        background-position: -27px 0;
        background: url(../../fe/img/Ticked-Box.png) no-repeat; } }
  .formWrapper .wrapper .accordionSection {
    margin-top: 0;
    border: 0; }
    @media only screen and (max-width: 767px) {
      .formWrapper .wrapper .accordionSection {
        background-color: #fff;
        padding: 0 10px; } }
    .formWrapper .wrapper .accordionSection.add-border {
      border: solid 1px #929BA9; }
      @media only screen and (max-width: 767px) {
        .formWrapper .wrapper .accordionSection.add-border {
          border: 0; } }
  .formWrapper .wrapper .formRow_checkbox.formRow.acceptTerms {
    margin-top: 8px; }
  .formWrapper .wrapper .termscontainer {
    border: solid 1px #929BA9;
    padding: 20px;
    margin-bottom: 20px;
    padding-bottom: 3px;
    width: 100%;
    padding-top: 17px;
    margin-top: 0; }
    @media all and (max-width: 767px) and (min-width: 200px) {
      .formWrapper .wrapper .termscontainer {
        background-color: white;
        border: 0;
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0; } }
  .formWrapper .wrapper .accordionContent {
    padding: 0 0 20px; }
    .formWrapper .wrapper .accordionContent.content-saved {
      padding: 0 0 20px 20px; }
      @media only screen and (max-width: 767px) {
        .formWrapper .wrapper .accordionContent.content-saved {
          padding: 0 0 20px; } }
  .formWrapper .wrapper #payment-method-form .button {
    float: none;
    width: 100%;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    background-color: #dd1e29;
    background: url("../../fe/img/lockMobile.png") no-repeat #dd1e29;
    background-position: right 28% center; }
    @media all and (max-width: 1023px) and (min-width: 768px) {
      .formWrapper .wrapper #payment-method-form .button {
        background-position: right 21% center; } }
    @media all and (max-width: 767px) and (min-width: 200px) {
      .formWrapper .wrapper #payment-method-form .button {
        width: 100%;
        font-size: 18px;
        background-position: right 18% center; } }
  .formWrapper .wrapper .titleTerms {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #42515B;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif; }
  .formWrapper .wrapper .acceptTerms {
    margin-top: 20px; }
    .formWrapper .wrapper .acceptTerms label {
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #152935;
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif; }
    .formWrapper .wrapper .acceptTerms .termsconditionsLink {
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #152935;
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif; }
    .formWrapper .wrapper .acceptTerms .returnsLink {
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #152935;
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      margin-left: 5px; }
      @media all and (max-width: 767px) and (min-width: 200px) {
        .formWrapper .wrapper .acceptTerms .returnsLink {
          margin-left: 0; } }

/*payment page end*/
/*Header css*/
.checkoutHeader {
  margin-bottom: 0; }
  @media only print, screen and (max-width: 767px) {
    .checkoutHeader {
      box-shadow: none; } }
  .checkoutHeader .checkoutHeaderLinks {
    display: inline-flex;
    float: right;
    width: 100%;
    height: 10px; }
  @media only print, screen and (max-width: 767px) {
    .checkoutHeader .checkoutHeaderLogo {
      display: block;
      float: none;
      width: 100%;
      height: 75px;
      background: #fff; } }

.checkoutHeader #checkout-header-links {
  top: 10%;
  line-height: 0;
  right: 25px; }
  @media all and (max-width: 1023px) and (min-width: 767px) {
    .checkoutHeader #checkout-header-links {
      right: 13px; } }
  .checkoutHeader #checkout-header-links .icon {
    margin-bottom: 6px;
    margin-left: 4px; }
  .checkoutHeader #checkout-header-links .speedo-world.box.header-contactus p {
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    margin-left: 6px; }

.checkoutFooter {
  padding: 0;
  background-color: #ebebeb;
  border-top: none; }
  .checkoutFooter .copyTxt {
    text-align: left; }

.rightColumn .cardList {
  display: block;
  margin-top: 10px; }
  @media only screen and (max-width: 767px) {
    .rightColumn .cardList {
      display: none; } }
  .rightColumn .cardList .visaCard {
    background-image: url(../img/light-visa-small.png); }
  .rightColumn .cardList .payPalCard {
    background-image: url(../img/light-paypal-small.png); }
  .rightColumn .cardList .masterCard {
    background-image: url(../img/light-mastercard-small.png); }
  .rightColumn .cardList .maestroCard {
    background-image: url(../img/light-maestro-small.png); }
  .rightColumn .cardList span {
    width: 70px;
    height: 39px;
    float: left; }
    @media only screen and (max-width: 767px) {
      .rightColumn .cardList span {
        width: 84px;
        height: 46px;
        background-size: 84px 46px; } }
    @media (max-width: 1023px) and (min-width: 767px) {
      .rightColumn .cardList span {
        width: 48px;
        height: 27px;
        background-repeat: no-repeat;
        background-size: 48px 27px; } }

.orderSummaryBasket {
  width: 100%;
  margin-bottom: 19px;
  padding: 16px 19px 19px;
  border: 1px solid #d2d2d2; }
  @media only screen and (max-width: 767px) {
    .orderSummaryBasket {
      background: #fff;
      border: none;
      margin-top: 20px;
      padding: 16px 0 19px; } }

.summaryHeader {
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  color: #42515B; }
  @media only screen and (max-width: 767px) {
    .summaryHeader {
      background: #fff;
      margin: 0 10px;
      padding: 10px 10px 0; } }

.summaryCart {
  background: #fff;
  display: block; }
  @media only screen and (max-width: 767px) {
    .summaryCart {
      padding: 2px 10px 10px;
      margin: 0 10px 10px; } }
  .summaryCart .orderTotals {
    list-style-type: none; }
    @media only screen and (min-width: 767px) {
      .summaryCart .orderTotals {
        margin-bottom: 7px; } }
    .summaryCart .orderTotals li.order-total {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: normal;
      line-height: 18px;
      color: #42515B;
      border: 0;
      margin-top: 4px;
      padding-top: 6px; }
      .summaryCart .orderTotals li.order-total .value {
        font-size: 22px;
        text-align: right;
        color: #152935; }
        @media only screen and (max-width: 767px) {
          .summaryCart .orderTotals li.order-total .value {
            font-size: 22px;
            line-height: 18px;
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif; } }
      @media only screen and (max-width: 767px) {
        .summaryCart .orderTotals li.order-total .label {
          font-size: 16px;
          line-height: 18px; } }
    .summaryCart .orderTotals li.discount {
      color: #EE3224; }
    .summaryCart .orderTotals .label {
      float: left;
      width: 57%; }
    .summaryCart .orderTotals .value {
      float: right; }

li.order-subtotal, li.order-shipping, li.order-sales-tax {
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  color: #42515B;
  overflow: hidden; }
  li.order-subtotal .value, li.order-shipping .value, li.order-sales-tax .value {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: right;
    color: #152935; }

.orderTotals li.order-total {
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: #42515B;
  border: 0;
  margin-top: 4px; }
  .orderTotals li.order-total .value {
    font-size: 22px;
    text-align: right;
    color: #152935; }
    @media only screen and (max-width: 767px) {
      .orderTotals li.order-total .value {
        font-size: 22px;
        line-height: 18px;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif; } }
  @media only screen and (max-width: 767px) {
    .orderTotals li.order-total .label {
      font-size: 16px;
      line-height: 18px; } }

@media only screen and (max-width: 767px) {
  .checkoutLoginIntercept {
    border: none;
    background-color: #fff; } }

#availablePaymentMethods .validationMessage {
  width: unset; }

.countryUnmatchedError {
  padding: 0 19px 0 0;
  color: #EE3224;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  font-size: 16px; }
  @media only screen and (max-width: 767px) {
    .countryUnmatchedError {
      background-color: #fff; } }

.backToBasket {
  padding: 0 19px 10px 0; }
  @media only screen and (max-width: 767px) {
    .backToBasket {
      background-color: #fff; } }
  .backToBasket a {
    color: #EE3224;
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-decoration: underline; }