/* tablet, desktop */
@media only print, screen and (min-width: 768px) {
  /*
    login-color.css

    This file contains rules used on the Login/Intercept and Register pages
    This is a color-specific css file containing *ONLY* color-related rules
    (color, background, border, outline, box-shadow, border-radius, opcaity, etc.)
*/
  /* ----------------------------------------------------   LESS MIXIN DEFINITIONS   */
  .rightColumnLoginIntercept .forgotPasswordMobilePanel a {
    background: url("../../img/mobile/dropArrows.png") no-repeat scroll 172px 3px;
  }
  .rightColumnLoginIntercept .forgotPasswordMobilePanel .activated {
    background: url("../../img/mobile/dropArrows.png") no-repeat scroll 172px -55px;
  }
  .leftColumnLoginIntercept .forgotPasswordMobilePanel a {
    background: url("../../img/mobile/dropArrows.png") no-repeat scroll right 3px;
  }
  .leftColumnLoginIntercept .forgotPasswordMobilePanel .activated {
    background: url("../../img/mobile/dropArrows.png") no-repeat scroll right -55px;
  }
  .loginEmailHelp {
    background: url("../../img/HelpIcon.png") no-repeat scroll left top;
    cursor: pointer;
  }
  .circle {
    background-color: #2db9eb;
  }
  .number {
    color: #ffffff;
  }
  .aboutPromotion {
    border: 1px solid #F4F4F4;
  }
  .forgotPasswordDesktopPopup {
    color: #000000;
  }
  /* checkout progress indicator */
  .checkoutProgressIndicator-desktop a {
    color: #D1C296;
  }
  .checkoutProgressIndicator-desktop li.active a {
    color: #fff;
  }
  .formSubHeading.activeBlock .accountSection {
    background: url("../../img/accordianArrow.png") no-repeat scroll left -25px rgba(0, 0, 0, 0);
  }
  .formSubHeading .accountSection {
    background: url("../../img/accordianArrow.png") no-repeat scroll left 5px rgba(0, 0, 0, 0);
  }
  .formSubHeading,
  .reqFieldsLabel,
  .headerLoginIntercept {
    color: #42515b;
  }
  .headerText {
    color: #2db9eb;
  }
  .returningCustomer p,
  .newCustomer p,
  .guestCheckout p,
  .trackOrder p {
    color: #828282;
  }
  .basketButtonRight {
    background: url("../../img/speedo-white-arrow.png") no-repeat scroll 0 0 #dd1e29;
    background-position: right center;
    background-color: #dd1e29;
    color: #fff;
  }
  .loginForgotPassSection {
    color: #828282;
  }
  .newCustomer .benefitsHeader {
    color: #2db9eb;
  }
  .rightSlot {
    background-color: #d2d2d2;
  }
  .rightSlot .slotHeader,
  .rightSlot .slotContent {
    color: #686868;
  }
  .contentSlotBanner .bannerHeaderText {
    color: #ffffff;
  }
  .contentSlotBanner {
    background: 0 none;
  }
  .requiredFieldsLabel {
    color: #42515B;
  }
  /* ------------ checkout bottom slot -------------------- */
  .checkoutBottomLoginIntercept .checkoutbottomcontainer {
    background-color: #d2d2d2;
  }
  .checkoutbottom .accheader {
    color: #323232;
  }
  .checkoutBottomLoginIntercept .checkoutbottom .accHeader {
    color: #797979;
  }
  .checkoutbottomlinks .mastercard {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -5px rgba(0, 0, 0, 0);
  }
  .checkoutbottomlinks .visa {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -34px rgba(0, 0, 0, 0);
  }
  .checkoutbottomlinks .ae {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -61px rgba(0, 0, 0, 0);
  }
  .checkoutbottomlinks .maestro {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -90px rgba(0, 0, 0, 0);
  }
  .checkoutbottomlinks .paypal {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -118px rgba(0, 0, 0, 0);
  }
  .checkoutbottomlinks .verisign {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -146px rgba(0, 0, 0, 0);
  }
  /* ---------------- checkout header and footer ----------------------- */
  .checkoutHeader {
    background-color: #ffffff;
  }
  .grey {
    background: #b7bcbf;
  }
  .headerBar {
    background: #F5F5F5;
  }
  .checkoutFooter .copyTxt,
  #checkout-header-links {
    color: #828282;
  }
  .checkoutFooter {
    background: #000000;
  }
  /* ------------- Forgotten Password Qtip --------------------------- */
  #qtip-overlay div {
    background-color: #6f7a82;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .loginEmailHelptooltip {
    color: #828282;
  }
  .newCustomerBenefits span {
    color: #828282;
  }
  .forgottenPassword .qtip-tip {
    background: none;
  }
  /*
    login-font.css

    This file contains rules used on the Login/Intercept and Register pages
    This is a font-specific css file containing *ONLY* font-related rules
    (font-size, text-align, line-height, text-decoration, etc.)
*/
  .helveticaNeueBoldCnd {
    font-family: 'HelveticaNeueBoldCnd';
  }
  .helveticaNeueBold {
    font-family: 'HelveticaNeueBold';
  }
  .helveticaNeueLight {
    font-family: 'HelveticaNeueLight';
  }
  .helveticaNeueMedCn {
    font-family: 'HelveticaNeueMedCn';
  }
  .helveticaNeue57Cnd {
    font-family: 'HelveticaNeue57Cnd';
  }
  .headerLoginIntercept {
    font-size: 22px;
    font-family: 'HelveticaNeueBoldCnd';
  }
  .headerLoginIntercept p {
    font-size: 16px;
  }
  .returningCustomer p,
  .newCustomer p,
  .guestCheckout p,
  .trackOrder p {
    font-family: 'HelveticaNeueLight';
    font-size: 14px;
  }
  .loginForgotPassSection {
    font-size: 14px;
    font-family: 'HelveticaNeueLight';
  }
  .forgotPasswordMobilePanel a {
    font-size: 14px;
  }
  .summaryHeader {
    font-size: 16px;
  }
  .forgotPasswordMobilePanel a {
    text-decoration: none;
  }
  .moveToFavorites,
  .remove {
    text-decoration: underline;
  }
  .returningCustomer,
  .guestCheckout,
  .newCustomer,
  .trackOrder {
    font-size: 13px;
  }
  .returningCustomer label,
  .guestCheckout label,
  .newCustomer label,
  .trackOrder label {
    font-size: 14px;
  }
  .basketButtonRight {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 16px;
  }
  .newCustomer .benefitsHeader {
    font-size: 22px;
    font-family: 'HelveticaNeueBoldCnd';
  }
  .newCustomerBenefits {
    font-size: 14px;
  }
  .newCustomerBenefits p {
    font-size: 14px;
    font-family: 'HelveticaNeueLight';
  }
  .newCustomerBenefits span {
    font-size: 14px;
    font-family: 'HelveticaNeueBold';
  }
  span.promotionHeader {
    font-size: 18px;
  }
  .requiredFieldsLabel {
    font-size: 12px;
    font-family: 'HelveticaNeueMedCn';
  }
  .rightColumnLoginIntercept .forgotPasswordMobilePanel a,
  .leftColumnLoginIntercept .forgotPasswordMobilePanel a {
    text-align: left;
  }
  .forgotPasswordDesktopPopup {
    text-transform: none;
  }
  .forgotPasswordLink {
    cursor: pointer;
    text-decoration: underline;
  }
  .number {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 16px;
  }
  .rightSlot .slotHeader {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 24px;
  }
  .rightSlot .slotContent {
    font-family: 'HelveticaNeueLight';
    font-size: 24px;
  }
  .contentSlotBanner .bannerHeaderText {
    font-family: 'HelveticaNeueLight';
    font-size: 38px;
    font-style: normal;
    line-height: 38px;
  }
  /* checkout progress indicator */
  .checkoutProgressIndicator-desktop a {
    font-size: 18px;
    text-decoration: none;
  }
  .checkoutProgressIndicator-desktop {
    text-align: center;
  }
  .checkoutProgressIndicator-desktop li a {
    text-transform: capitalize;
  }
  /* Rules to reduce checkoutprogressbar width at narrow viewport */
  .checkoutbottom .accheader {
    font-family: 'HelveticaNeueBold';
    font-size: 12px;
  }
  /* ----------------------------------------------------   Header and Footer   */
  .checkoutHeader .checkoutHeaderLinks {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 14px;
  }
  .serviceLinks li:after {
    line-height: 1em;
    font-size: 15px;
  }
  .serviceLinks a {
    text-decoration: none;
    font-size: 13px;
  }
  .formSubHeading .accountSection {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
  }
  .reqFieldsLabel {
    font-family: 'HelveticaNeue57Cnd';
    font-size: 12px;
  }
  .favAlert {
    font-family: 'HelveticaNeue57Cnd';
    font-size: 12px;
  }
  .registrationForm .formSubHeading .accountSection {
    font-weight: normal;
  }
  /*
    login-struct.css

    This file contains rules used on the Login/Intercept and Register pages
    This is a layout-specific css file containing *ONLY* layout-related rules
    (width, height, margin, padding, display, position, overflow, float, etc.)
*/
  .forgotPasswordMobilePanel {
    display: none;
  }
  .contentArea {
    overflow: hidden;
  }
  .leftColumnLoginIntercept {
    float: left;
    margin: 0 1.145% 2.083% 2.083%;
    padding-left: 0;
    width: 70.416%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .checkoutLoginIntercept {
    margin: 0;
    padding: 0 20px;
  }
  .checkoutBottomLoginIntercept {
    margin: 0 20px 20px 20px;
  }
  .checkoutBottomLoginIntercept .checkoutbottom {
    margin: 10px auto 0;
    padding: 13px 0 13px 0px;
    min-height: 24px;
    width: 456px;
  }
  .checkoutBottomLoginIntercept .checkoutbottom .accHeader {
    float: left;
    margin-right: 20px;
    margin-top: 3px;
  }
  .checkoutbottomlinks > li {
    list-style: none outside none;
  }
  .checkoutbottomlinks li a {
    display: block;
    float: left;
    height: 25px;
    width: 47px;
  }
  .checkoutbottomlinks li a.verisign {
    width: 50px;
  }
  .rightColumnLoginIntercept {
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2.083%;
    padding: 0;
    width: 24.2708%;
  }
  .headerLoginIntercept {
    margin-bottom: 20px;
    margin-top: 30px;
    padding: 0 20px;
    line-height: 22px;
  }
  .leftColumnLoginIntercept .basketButtonLeft {
    margin-right: 14%;
  }
  .loginInterceptPromotions {
    margin-top: 5px;
  }
  .loginInterceptPromotions img {
    max-width: 100%;
  }
  .leftColumnLoginIntercept .returningGuestCustomers,
  .trackOrderContainer,
  .newCustomer {
    width: 49.26%;
    float: left;
    margin-bottom: 10px;
  }
  .checkoutLoginIntercept .returningGuestCustomers {
    width: 49.456%;
    float: left;
    margin-bottom: 10px;
  }
  .checkoutLoginIntercept .returningGuestCustomers.gigyaReturningGuestCustomers {
    width: 100%;
  }
  .guestCheckout {
    width: 48.89%;
    margin-left: 10px;
    float: left;
    min-height: 350px;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #c2c2c2;
  }
  .guestCheckoutInnerWrapper {
    padding: 20px;
  }
  .guestCheckout .mobileLoginEmailHelpContent {
    display: none;
  }
  .checkoutLoginIntercept .returningCustomer p,
  .checkoutLoginIntercept .guestCheckout p {
    width: 70%;
  }
  .returningCustomer p,
  .newCustomer p,
  .guestCheckout p,
  .trackOrder p {
    padding: 0px 0 24px 0;
    line-height: 18px;
    margin-bottom: 0;
  }
  .circle {
    float: left;
    position: relative;
    height: 38px;
    width: 38px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-right: 20px;
    margin-bottom: 22px;
  }
  .number {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 38px;
    margin: auto auto;
    text-align: center;
    width: 12px;
  }
  .guestCheckout img {
    top: 5px;
    position: relative;
  }
  .newCustomer {
    float: right;
  }
  .checkoutLoginIntercept .loginForgotPassSection {
    margin: 17px 0 0 0;
    width: 60%;
  }
  .checkoutLoginIntercept .returningCustomer .basketButtonRight {
    margin-top: 6px;
  }
  .loginForgotPassSection {
    line-height: 14px;
    display: inline-block;
    margin: 25px 0 0px 0;
    width: 60%;
  }
  .rightSlot {
    padding: 20px;
    line-height: 28px;
  }
  .loginForgotPassSection .basketButtonRight,
  .guestCheckout .guestCheckoutActionBtn,
  .newCustomer .newCustomerActionBtn {
    float: right;
  }
  .guestCheckoutActionBtn {
    position: absolute;
    right: 7%;
    top: 80.5%;
  }
  .newCustomer form {
    overflow: hidden;
  }
  .checkoutLoginIntercept .returningCustomer .formRow input {
    max-width: 275px;
  }
  .returningCustomer .formRow input,
  .trackOrder .formRow input,
  .newCustomer .formRow input {
    max-width: 291px;
  }
  .basketButtonRight {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer;
    border: none;
    line-height: 16px;
    min-height: 22px;
    min-width: 60px;
    height: 36px;
    padding: 0 44px 0 10px;
  }
  .guestCheckout .guestCheckoutActionBtn .basketButtonRight {
    padding: 0 49px 0 10px;
  }
  .newCustomer .benefitsHeader {
    margin-top: 40px;
    padding: 0px;
    margin-bottom: 20px;
  }
  .newCustomerBenefits {
    line-height: 18px;
    list-style: none;
  }
  .newCustomerBenefits li {
    line-height: 18px;
  }
  .newCustomerBenefits span {
    line-height: 14px;
    vertical-align: text-top;
  }
  .newCustomerBenefits li p {
    padding: 0px 0px 25px 58px;
  }
  .reqFieldsLabel {
    line-height: 12px;
    width: 72.416%;
    text-align: right;
    padding-bottom: 20px;
    margin: 0px;
    margin: -7px 0 0 0;
    float: none;
  }
  .aboutPromotion {
    padding: 10px;
    height: 210px;
    margin-top: 25px;
    margin-bottom: 115px;
  }
  .aboutPromotion img {
    position: relative;
    left: 20%;
    top: -35px;
  }
  .aboutPromotion .content {
    height: 11.6em;
    overflow: hidden;
    line-height: 1.3em;
  }
  .forgotPasswordDesktopPopup.reveal {
    display: block;
  }
  .forgotPasswordDesktopPopup {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    display: none;
    height: 100%;
  }
  .popupClose {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
  }
  .inputFieldLabel {
    display: block;
    margin: 10px 0;
  }
  .returningCustomer,
  .trackOrder,
  .newCustomerRegister {
    border: 1px solid #c2c2c2;
    padding: 20px;
  }
  .checkoutLoginIntercept .gigyaReturningGuestCustomers .returningCustomer {
    padding: 20px 0;
    width: 920px;
  }
  .returningCustomer,
  .trackOrder {
    float: left;
  }
  .returningCustomer .rememberMeCheck .icheckbox {
    margin-top: 3px;
  }
  .returningGuestCustomers .returningCustomer {
    min-height: 310px;
  }
  .returningCustomer .rememberMeCheck label {
    line-height: 19px;
  }
  .returningCustomer .basketButtonRight,
  .trackOrder .basketButtonRight,
  .newCustomer .basketButtonRight {
    float: right;
    margin: 25px 0 0 0;
  }
  .returningCustomer .basketButtonRight {
    margin-top: 14px;
  }
  .requiredFieldsLabel {
    float: right;
    line-height: 22px;
  }
  .loginEmailHelp {
    float: right;
    margin-top: 30px;
    margin-right: -17px;
    height: 11px;
    width: 11px;
  }
  .guestCheckoutFormWrapper {
    max-width: 275px;
    width: 67%;
  }
  .formWrapper {
    min-height: 100%;
  }
  .checkoutbottom {
    margin: 0 auto;
  }
  .leftColumnLoginIntercept .formRow.formRow_checkbox .validationMessage {
    margin: 130px 0 0;
    width: 300px;
  }
  #registration-form .formRow.checkItems {
    margin-left: 25.6%;
  }
  .formRow.checkItems.termsofuse {
    margin-bottom: 40px;
    float: left;
  }
  /* checkout progress indicator */
  .checkoutProgressIndicator-mobile {
    display: none;
  }
  .checkoutProgressIndicator-desktop ul {
    overflow: hidden;
  }
  .checkoutProgressIndicator-desktop li {
    list-style-type: none;
    float: left;
    margin: 0 6% 0 2%;
  }
  .checkoutProgressIndicator-desktop a {
    display: block;
    padding: 12px 0;
  }
  .checkoutProgressIndicator-desktop {
    line-height: 21px;
    min-height: 45px;
  }
  .checkoutProgressIndicator-desktop li a {
    display: block;
    padding: 12px 0;
  }
  .checkoutProgressIndicator-desktop li:first-child a {
    padding-left: 0;
  }
  .checkoutProgressIndicator-desktop .stepNumber:after {
    content: '.';
  }
  .guestServices {
    bottom: 30px;
    float: right;
    position: relative;
  }
  /* Rules to reduce checkoutprogressbar width at narrow viewport */
  /* ----------------------------------------------------   Header and Footer   */
  .headerBar {
    border-top: 2px solid #D2D2D2;
    height: 18px;
  }
  .subheader {
    display: none;
  }
  .checkoutHeader .checkoutHeaderLogo {
    float: left;
    margin: 10px 0 0 0;
  }
  #checkout-header-links {
    line-height: 33px;
  }
  #checkout-header-links img {
    margin: 0 10px 0 20px;
  }
  .checkoutHeader .checkoutHeaderLinks {
    float: right;
    margin: 10px 0 0 0;
  }
  .grey {
    height: 35px;
  }
  .checkoutFooter {
    padding: 5px 5px 15px 5px;
    margin-top: -20px;
    border-top: none;
    width: 99.5%;
  }
  .checkoutFooter .copyTxt {
    float: right;
    line-height: 22px;
    margin: 10px 0 0 0;
  }
  .checkoutFooter .checkoutFooterLinks {
    float: right;
  }
  .serviceLinks {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .serviceLinks li {
    display: inline-block;
  }
  .serviceLinks li:after {
    content: '|';
  }
  .serviceLinks li:last-child:after {
    content: '';
  }
  .serviceLinks a {
    display: inline-block;
    padding: 0 10px;
  }
  .serviceLinkPopup {
    min-width: 400px;
    max-width: 600px;
  }
  .serviceLinkPopup .qtip-content {
    max-height: 400px;
    overflow-y: auto;
  }
  #account-banner-user .contentSlotBanner {
    margin-bottom: 37px;
    padding: 0;
    position: relative;
  }
  .contentSlotBanner .bannerHeaderText {
    bottom: 0;
    height: 38px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
  }
  form#registration-form hr {
    margin: 30px 0 27px 0;
    border-top: 1px solid #d2d2d2;
  }
  .formSubHeading {
    margin-bottom: 0;
  }
  .formSubHeading.firstSection {
    margin-bottom: 5px;
  }
  .formSubHeading .accountSection {
    margin: 0 0 37px;
    padding: 0 0 0 20px;
  }
  .formSubHeading .reqFieldsLabel {
    width: 25%;
    margin: 0;
    padding-right: 20px;
  }
  .formSubHeading.activeBlock .fieldsContainer {
    display: block;
  }
  .formSubHeading .fieldsContainer {
    display: none;
    margin-left: 20px;
  }
  .dayselect,
  .monthselect {
    float: left;
    margin-right: 2.2%;
  }
  .formfield-gender .dwfrm_registration_customer_gender,
  .birthdate .dwfrm_registration_customer_birthday {
    width: 25%;
    display: inline-block;
  }
  .birthdate .formRow label,
  .formfield-gender .formRow label {
    width: 100%;
  }
  .formfield-gender .value,
  .birthdate .value {
    display: inline-block;
  }
  .birthdate .value {
    float: right;
    width: 74.3%;
  }
  .formAction button {
    margin: 0;
    padding: 0 0 0 10px;
    vertical-align: top;
  }
  .formRow.formAction {
    margin-left: 27.6%;
    text-align: left;
    margin-bottom: 10px;
  }
  .redButton.button {
    padding: 0 0 0 10px;
    margin-bottom: 10px;
  }
  .cancelButton.greayButton {
    margin-right: 5px;
    margin-bottom: 10px;
  }
  .formRow.checkItems.termsofuse.validationError {
    margin-bottom: 88px;
  }
  .favAlert {
    line-height: 12px;
  }
  .loginEmailHelptooltip {
    width: 100px;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  input[type=text],
  input[type=email],
  input[type=search],
  input[type=tel],
  input[type=number],
  input[type=password] {
    padding: 5px 10px 5px 7px;
  }
  .termsofuselink {
    float: left;
    margin-top: 4px;
  }
  /* 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;
  }
  .cookie_overlay_container .cookie_policy_overlay {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 10px;
  }
  .cookie_overlay_container .cookie_policy_overlay,
  button.cookie_accept_btn {
    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;
  }
  .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;
  }
  .cookie_overlay_container .cookie_overlay_close button:hover {
    background-color: #EE3224;
    color: #fff;
  }
  .cookie_overlay_container .cookie_overlay_close button:hover .cookie_close_btn {
    border-color: #fff;
  }
  .cookie_overlay_container .cookie_overlay_close button:hover .cookie_close_btn:before,
  .cookie_overlay_container .cookie_overlay_close button:hover .cookie_close_btn:after {
    background-color: #fff;
  }
  .cookie_overlay_container .cookie_policy_message p,
  .cookie_overlay_container .cookie_policy_message a {
    font-size: 13px;
    margin: 0;
  }
  .cookie_overlay_container .cookie_policy_message a {
    border-bottom: 1px solid #0e778c;
    color: #fff;
  }
  .cookie_overlay_container .cookie_policy_message {
    width: 66.66%;
    float: left;
  }
  .cookie_overlay_container .cookie_close_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    border: 0;
    display: block;
    cursor: pointer;
  }
  .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);
  }
}
@media only print and (max-width: 635px), screen and (min-width: 768px) and (max-width: 635px) {
  .checkoutProgressIndicator-desktop li {
    font-size: 12px;
  }
  .checkoutProgressIndicator-desktopli a {
    font-size: 14px;
  }
  .guestServices {
    font-size: 9px;
  }
}
@media only print and (max-width: 807px), screen and (min-width: 768px) and (max-width: 807px) {
  .guestCheckoutActionBtn {
    top: 84.3%;
  }
  .checkoutLoginIntercept .guestCheckout {
    height: 317px;
  }
}
@media only print and (max-width: 635px), screen and (min-width: 768px) and (max-width: 635px) {
  .checkoutProgressIndicator-desktop li {
    margin: 0 4%;
  }
  .checkoutProgressIndicator-desktop {
    padding-left: 7px;
    width: 54%;
  }
  .guestServices {
    margin: 14px 1% 9px 0;
  }
}
@media only print and (max-width: 890px), screen and (min-width: 768px) and (max-width: 890px) {
  .leftColumnLoginIntercept .formRow.formRow_checkbox .validationMessage {
    margin: 186px 0 0;
  }
}
@media only print and (max-width: 926px), screen and (min-width: 768px) and (max-width: 926px) {
  .loginForgotPassSection {
    margin-top: 17px;
    width: 45%;
  }
}
@media only print and only screen and (max-width: 767px), screen and (min-width: 768px) and only screen and (max-width: 767px) {
  .cookie_overlay_container {
    padding: 15px 0 15px;
  }
}
@media only print and (max-width: 1277px), screen and (min-width: 768px) and (max-width: 1277px) {
  .cookie_overlay_container .cookie_overlay_close button.cookie_accept_btn {
    margin-right: 70px;
  }
}
/* mq */
/* mobile */
@media only print, screen and (max-width: 767px) {
  /*
    login-color.css

    This file contains rules used on the Login/Intercept and Register pages
    This is a color-specific css file containing *ONLY* color-related rules
    (color, background, border, outline, box-shadow, border-radius, opcaity, etc.)
*/
  /* ----------------------------------------------------   LESS MIXIN DEFINITIONS   */
  .headerText {
    color: #2db9eb;
  }
  .returningCustomer,
  .trackOrder {
    border-top: none;
  }
  .checkoutBottomLoginIntercept {
    background: none repeat scroll 0 0 #D2D2D2;
  }
  .basketButtonRight {
    background: url("../../img/speedo-white-arrow.png") no-repeat scroll 0 0 #dd1e29;
    background-position: right center;
    color: #fff;
    background-color: #dd1e29;
  }
  .mobileloginEmailHelp {
    background: url("../../img/mobile-qtip.png") no-repeat scroll left top;
  }
  .mobileloginEmailHelp.active {
    background-position: left bottom;
  }
  .circle {
    background-color: #2db9eb;
  }
  .number {
    color: #ffffff;
  }
  .inputPromotional {
    border: 1px solid #000;
    border-radius: 0;
    color: #878787;
  }
  .checkoutProgressIndicator-mobile {
    background: #bea96b;
  }
  .checkoutProgressIndicator-mobile li a {
    color: #FFFFFF;
  }
  .checkoutProgressIndicator-mobile .stepNumber {
    border: 1px solid #FFFFFF;
  }
  .checkoutProgressIndicator-mobile li {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .checkoutProgressIndicator-mobile .active {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .checkoutProgressIndicator-mobile .stepNumber {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-top-right-radius: 50%;
    -moz-border-bottom-right-radius: 50%;
    -moz-border-bottom-left-radius: 50%;
    -moz-border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
  /* ------------ checkout bottom slot -------------------- */
  .checkoutBottomLoginIntercept .checkoutbottomcontainer {
    background-color: #d2d2d2;
  }
  .checkoutbottomlinks .mastercard {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -5px rgba(0, 0, 0, 0);
  }
  .checkoutbottomlinks .visa {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -34px rgba(0, 0, 0, 0);
  }
  .checkoutbottomlinks .ae {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -61px rgba(0, 0, 0, 0);
  }
  .checkoutbottomlinks .maestro {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -90px rgba(0, 0, 0, 0);
  }
  .checkoutbottomlinks .paypal {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -118px rgba(0, 0, 0, 0);
  }
  .checkoutbottomlinks .verisign {
    background: url("../../img/checkout-bottom-slot-cards.png") no-repeat scroll -5px -146px rgba(0, 0, 0, 0);
  }
  /* ----------------------------------------------------   Header and Footer   */
  footer {
    background: #000000;
  }
  .headerLoginIntercept {
    background-color: #d2d2d2;
  }
  .newCustomer .benefitsHeader {
    color: #2db9eb;
  }
  .rightSlot {
    background-color: #d2d2d2;
  }
  .rightSlot .slotHeader,
  .rightSlot .slotContent {
    color: #323232;
  }
  .contentSlotBanner {
    background: 0 none;
  }
  .contentSlotBanner .bannerHeaderText {
    color: #FFFFFF;
  }
  .favAlert {
    color: #da2a2e;
  }
  .checkoutHeader .wrapper {
    background-color: #EBEBEB;
  }
  .checkoutHeader .subheader {
    background-color: #FFF;
  }
  input[type="email"] {
    color: #828282;
  }
  .guestCheckoutActionBtn .button:hover {
    background: url("../../img/speedo-white-arrow.png") no-repeat scroll right center #dd1e29;
  }
  .basketButtonRight:hover {
    background: url("../../img/speedo-white-arrow.png") no-repeat scroll right center #dd1e29;
  }
  /*
    login-font.css

    This file contains rules used on the Login/Intercept and Register pages
    This is a font-specific css file containing *ONLY* font-related rules
    (font-size, text-align, line-height, text-decoration, etc.)
*/
  .helveticaNeueBoldCnd {
    font-family: 'HelveticaNeueBoldCnd';
  }
  .helveticaNeueBold {
    font-family: 'HelveticaNeueBold';
  }
  .helveticaNeueLight {
    font-family: 'HelveticaNeueLight';
  }
  .helveticaNeueMedCn {
    font-family: 'HelveticaNeueMedCn';
  }
  .helveticaNeue57Cnd {
    font-family: 'HelveticaNeue57Cnd';
  }
  .headerLoginIntercept,
  .summaryHeader,
  .productName {
    font-size: 16px;
  }
  .forgotPasswordMobilePanel a {
    font-size: 14px;
  }
  .headerText {
    font-size: 22px;
    font-family: 'HelveticaNeueBoldCnd';
  }
  .loginForgotPassSection .forgotPasswordLink {
    font-family: 'HelveticaNeueLight';
  }
  .returningCustomer,
  .guestCheckout,
  .newCustomer,
  .trackOrder {
    font-size: 13px;
  }
  .headetText {
    font-size: 16px;
  }
  .basketButtonRight {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 16px;
  }
  .newCustomer .benefitsHeader {
    font-size: 22px;
    font-family: 'HelveticaNeueBoldCnd';
  }
  .newCustomerBenefits {
    font-size: 14px;
  }
  .newCustomerBenefits p {
    font-size: 14px;
    font-family: 'HelveticaNeueLight';
  }
  .newCustomerBenefits span {
    font-size: 14px;
    font-family: 'HelveticaNeueBold';
  }
  .returningCustomer p,
  .newCustomer p,
  .guestCheckout p,
  .trackOrder p {
    font-family: 'HelveticaNeueLight';
    font-size: 14px;
  }
  .returningCustomer label,
  .guestCheckout label,
  .newCustomer label,
  .trackOrder label {
    font-size: 14px;
    font-family: 'HelveticaNeueLight';
  }
  .mobileLoginEmailHelpContent {
    font-size: 14px;
    font-family: 'HelveticaNeueLight';
  }
  .benefitsHeader {
    font-size: 16px;
  }
  .newCustomerBenefits p {
    font-size: 12px;
  }
  .number {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 16px;
  }
  .rightSlot .slotHeader {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 24px;
  }
  .rightSlot .slotContent {
    font-family: 'HelveticaNeueLight';
    font-size: 24px;
  }
  /*---------------------- Register page ------------------------*/
  .myAccountForm {
    font-size: 14px;
  }
  .myAccountForm h1 {
    font-size: 16px;
    font-weight: bold;
  }
  .myAccountForm .regFormRow .checkItems {
    font-size: 12px;
  }
  .myAccountForm .reqFieldsLabel {
    font-size: 12px;
  }
  .checkoutProgressIndicator-mobile {
    font-size: 16px;
  }
  .checkoutProgressIndicator-mobile .stepNumber {
    font-weight: bold;
    text-align: center;
  }
  .checkoutProgressIndicator-mobile li a {
    text-decoration: none;
    text-transform: capitalize;
  }
  .guestServices {
    font-size: 12px;
    text-align: center;
  }
  /* ----------------------------------------------------   Header and Footer   */
  .checkoutFooter .copyTxt {
    font-size: 11px;
    text-align: center;
  }
  .serviceLinks {
    text-align: center;
  }
  .serviceLinks li:after {
    line-height: 1em;
    font-size: 15px;
  }
  .serviceLinks a {
    text-decoration: none;
    font-size: 13px;
  }
  .formSubHeading .accountSection {
    font-size: 14px;
    line-height: 16px;
  }
  .contentSlotBanner .bannerHeaderText {
    font-family: 'HelveticaNeueLight';
    font-size: 44px;
    font-style: normal;
    line-height: 44px;
  }
  .favAlert {
    font-family: 'HelveticaNeueBoldCnd';
    font-size: 12px;
  }
  /*
    login-struct.css

    This file contains rules used on the Login/Intercept and Register pages
    This is a layout-specific css file containing *ONLY* layout-related rules
    (width, height, margin, padding, display, position, overflow, float, etc.)
*/
  /* ----------------------------------------------------   LESS MIXIN DEFINITIONS   */
  .desktopOnly {
    display: none;
  }
  .forgotPasswordMobilePanel a {
    display: block;
  }
  .checkoutLoginIntercept .forgotPasswordMobilePanel,
  .leftColumnLoginIntercept .forgotPasswordMobilePanel {
    margin: 25px 0;
  }
  .contactHelpLoginIntercept {
    display: none;
  }
  .checkoutbottomlinks > li {
    list-style: none outside none;
  }
  .bodyBg {
    padding: 0;
  }
  footer {
    bottom: 0;
    position: relative;
    padding: 0px 0;
    width: 100%;
  }
  .headerLoginIntercept {
    display: none;
    min-height: 25px;
    text-indent: -9999px;
  }
  .headerText {
    line-height: 18px;
  }
  .returningCustomer p,
  .trackOrder p {
    padding: 12px 0 16px 0;
    line-height: 18px;
  }
  .guestCheckout p {
    padding: 11px 0;
    line-height: 18px;
  }
  .returningCustomer p,
  .newCustomer p,
  .guestCheckout p,
  .trackOrder p {
    margin: 0;
  }
  .newCustomer p {
    padding: 10px 0 15px 0;
    line-height: 14px;
  }
  .basketLeftColumnButtons {
    display: none;
  }
  .moveToFavorites,
  .remove {
    display: none;
  }
  .leftColumnLoginIntercept .inputPromotional {
    width: 52%;
    margin: 5px 0;
    padding: 2px 0;
  }
  .returningCustomer,
  .trackOrder,
  .newCustomer {
    padding: 20px;
  }
  .returningCustomer {
    padding-bottom: 15px;
  }
  .circle {
    float: left;
    position: relative;
    height: 38px;
    width: 38px;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .number {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 38px;
    margin: auto auto;
    text-align: center;
    width: 12px;
  }
  .guestCheckoutEmailField {
    width: 85%;
  }
  .guestCheckoutActionBtn .button {
    width: 170px;
    margin-right: 5px;
  }
  .forgottenPasswordPanel .forgotPasswordForm p {
    margin-bottom: 0;
  }
  .forgotPasswordForm .emailfield:before {
    content: none;
  }
  .forgotPasswordForm .emailfield:after {
    content: none;
  }
  .checkoutbottom h4 {
    display: none;
  }
  .guestCheckout {
    padding: 20px 15px 15px;
    border-top: 1px solid #c2c2c2;
  }
  .guestCheckout img {
    display: none;
  }
  .newCustomer,
  .trackOrderContainer {
    border-top: 1px solid #d2d2d2;
  }
  .benefitsHeader {
    margin-top: 30px;
  }
  .basketButtonRight {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer;
    border: none;
    line-height: 16px;
    min-height: 22px;
    min-width: 60px;
    height: 36px;
    padding: 0 44px 0 10px;
    margin-top: 5px;
  }
  .newCustomer .benefitsHeader {
    margin-top: 20px;
    padding: 0px;
    line-height: 19px;
  }
  .newCustomerBenefits {
    line-height: 18px;
    padding-bottom: 0%;
  }
  .newCustomerBenefits li {
    line-height: 18px;
    padding-top: 20px;
    list-style: none;
  }
  .newCustomerBenefits li p {
    padding: 10px 0px 0px 59px;
  }
  .mobileloginEmailHelp {
    height: 16px;
    width: 16px;
    float: right;
    margin-top: 30px;
    margin-right: 20px;
  }
  .mobileLoginEmailHelpContent {
    display: none;
    margin-bottom: 20px;
  }
  .returningCustomer form,
  .guestCheckout form,
  .trackOrder form {
    display: inline-block;
  }
  .guestCheckoutFormWrapper {
    width: 100%;
  }
  .rememberMeCheck {
    display: block;
    margin-top: 16px;
    line-height: 19px;
  }
  .rightColumnLoginIntercept {
    margin-bottom: 5px;
  }
  .returningCustomer .basketButtonRight {
    float: right;
    margin-top: 6px;
  }
  .guestCheckoutActionBtn,
  .newCustomerActionBtn {
    text-align: right;
  }
  .newCustomerActionBtn button {
    margin-top: 3px;
  }
  .trackOrder .basketButtonRight {
    float: right;
  }
  .registrationForm {
    margin: 20px;
  }
  .loginForgotPassSection {
    margin-top: 20px;
  }
  .rightSlot {
    padding: 20px;
    line-height: 28px;
  }
  .checkoutLoginIntercept .forgottenPasswordPanel,
  .leftColumnLoginIntercept .forgottenPasswordPanel {
    display: none;
  }
  .checkoutLoginIntercept .expanded .forgottenPasswordPanel,
  .leftColumnLoginIntercept .expanded .forgottenPasswordPanel {
    display: block;
  }
  .inlineLabelForm .formRow_checkbox.validationError .validationMessage {
    margin: 107px 0 0 0;
    width: 253px;
    text-indent: 0;
    padding-left: 30px;
  }
  .formRow.checkItems.termsofuse {
    margin-bottom: 20px;
  }
  .formRow.checkItems.termsofuse .icheckbox {
    margin-bottom: 93px;
  }
  .formRow.checkItems.termsofuse.validationError {
    margin-bottom: 54px;
  }
  .checkoutProgressIndicator-desktop {
    display: none;
  }
  .checkoutProgressIndicator-mobile {
    text-align: center;
    margin-top: 15px;
    padding: 10px;
    display: none;
  }
  .checkoutProgressIndicator-mobile li {
    display: inline-block;
    list-style: none;
    margin: 0 5px;
  }
  .checkoutProgressIndicator-mobile li a {
    display: block;
    position: relative;
    padding: 30px 5px 0;
  }
  .checkoutProgressIndicator-mobile .stepNumber {
    position: absolute;
    z-index: 10;
    top: 3px;
    left: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: -12px;
  }
  .guestServices {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #C2C2C2;
  }
  .checkoutHeaderLogo {
    float: left;
    height: 29px;
    padding: 10px 0 0 20px;
    margin-bottom: 10px;
  }
  #checkout-login-intercept-bottomslot {
    float: left;
    width: 100%;
  }
  .requiredFieldsLabel {
    float: right;
    margin: 0 0 0 20px;
    display: none;
  }
  /* ----------------- checkout bottom slot ------------------------- */
  .checkoutBottomLoginIntercept .checkoutbottom {
    padding: 10px 0 10px 0px;
    min-height: 23px;
    width: 265px;
    margin: 0px auto;
  }
  .checkoutbottomlinks li a {
    display: block;
    float: left;
    height: 25px;
    width: 43px;
  }
  .checkoutbottomlinks li a.verisign {
    width: 50px;
  }
  /* ----------------------------------------------------   Header and Footer   */
  .checkoutHeader .checkoutHeaderLinks {
    float: right;
    height: 29px;
  }
  .checkoutHeaderLinks .content-asset.js-asset {
    margin-left: 20px;
  }
  .checkoutFooter .checkoutFooterLinks {
    margin: 15px 20px;
    display: none;
  }
  .checkoutFooter .copyTxt {
    display: block;
    margin: 0;
    padding: 0 52px;
  }
  .serviceLinks {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .serviceLinks li {
    display: inline-block;
  }
  .serviceLinks li:after {
    content: '|';
  }
  .serviceLinks li:last-child:after {
    content: '';
  }
  .serviceLinks a {
    display: inline-block;
    padding: 10px 15px;
  }
  .serviceLinkPopup {
    height: 60%;
  }
  .serviceLinkPopup .qtip-content {
    height: 100%;
    overflow: auto;
  }
  .reqFieldsLabel {
    display: none;
  }
  .cb {
    clear: both;
  }
  .formSubHeading .accountSection {
    margin: 0 0 20px 0;
  }
  .formSubHeading {
    margin-bottom: 0px;
  }
  form hr {
    border-top: 1px solid #d2d2d2;
    margin: 10px -20px 19px -20px;
  }
  .birthdayday .customSelect,
  .birthdaymonth .customSelect {
    float: left;
    margin-right: 2%;
    width: 28%;
  }
  .yearselect .customSelect {
    width: 40%;
  }
  .birthdate {
    margin-bottom: 10px;
  }
  .formRow.formAction {
    text-align: left;
  }
  .formAction button,
  .redButton.button.primary {
    margin: 0px;
  }
  #registration-form .redButton.button.primary {
    min-width: 135px;
  }
  .formAction button.greayButton {
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .redButton,
  .greayButton {
    vertical-align: top;
  }
  #account-banner-user .contentSlotBanner {
    padding: 0;
    position: relative;
    text-align: center;
  }
  .contentSlotBanner .bannerHeaderText {
    bottom: 0;
    height: 44px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
  }
  .breadcrumbs {
    display: none;
  }
  #checkout-header-links span {
    vertical-align: super;
    margin-left: 5px;
  }
  .formRow {
    margin-bottom: 12px;
  }
  .formRow label {
    margin-bottom: 8px;
  }
  .googleTagContainer iframe {
    position: absolute;
    height: 0;
    min-height: 0;
  }
  .forgotPasswordForm .formRow label {
    margin-top: 0;
  }
  .formRow.checkItems.termsofuse:lang(fr-FR) {
    margin-bottom: 0;
  }
  .formRow.checkItems.termsofuse:lang(fr-FR) label {
    margin-bottom: 0;
  }
  .termsofuselink {
    margin-bottom: 20px;
  }
  /* Cookies Overlay*/
  .cookie_policy_wrapper {
    max-width: 960px;
    margin: 0 auto;
  }
  .cookie_overlay_container {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
    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;
  }
  .cookie_overlay_container .cookie_policy_overlay {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 16px;
    padding: 0 10px;
  }
  .cookie_overlay_container .cookie_overlay_close {
    width: 33.33%;
    display: inline-block;
    float: right;
  }
  .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: 40px 70px 0 0;
    float: right;
    width: 130px;
    height: 30px;
    line-height: 22px;
    font-weight: bold;
  }
  .cookie_overlay_container .cookie_policy_message p,
  .cookie_overlay_container .cookie_policy_message a {
    font-size: 13px;
    margin: 0;
  }
  .cookie_overlay_container .cookie_policy_message {
    width: 66.66%;
    float: left;
  }
  .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;
  }
  .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);
  }
}
@media only print and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
  .guestServices {
    font-size: 11px;
  }
}
@media only print and (min-width: 361px) and (max-width: 680px), screen and (max-width: 767px) and (min-width: 361px) and (max-width: 680px) {
  .inlineLabelForm .formRow_checkbox.validationError .validationMessage {
    margin: 60px 0 0 0;
  }
}
@media only print and only screen and (max-width: 767px), screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .cookie_overlay_container {
    padding: 15px 0 15px;
  }
}
@media only print and (max-width: 540px), screen and (max-width: 767px) and (max-width: 540px) {
  .cookie_overlay_container .cookie_policy_message {
    width: 85%;
  }
  .cookie_overlay_container .cookie_overlay_close {
    width: auto;
  }
  .cookie_overlay_container .cookie_overlay_close button.cookie_accept_btn {
    margin: 10px 25px 0 0;
  }
}
/* mq */