/* Scss file which will used for store finder page*/
/*
* Essential sass includes 
*/
/**
* Typographies, breadcrumbs, buttons and utilities
*/
/*------------------------------------*    #UTILITY
\*------------------------------------*/
/* * Use this mixin for text style */
/*
* Use this mixin for tablet and desktop specific styling
*/
/*------------------------------------*    #TYPOGRAPHY
\*------------------------------------*/
/**
* Essential sass includes 
*/
/* regular button like add to cart, load more product, etc.*/
/* Redesign mixins for regular button like add to cart, load more product, etc.*/
/* Horizontal Carousel previous and next button*/
/* Banner Horizontal Carousel previous and next button for home page, PDP page*/
/* Vertical Carousel Up and Down button */
/*
 * SVG related
 */
.svgWrapper .svgSlide {
  position: relative; }

svg a:hover {
  text-decoration: none; }

svg.svgSlideContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/** 
* conflict & Baltica Font 
*/
/**
* Colour Palette 
*/
/*** Variables as per SG ***/
/*** SECONDARY COLOURS ***/
/*** PRIMARY COLOURS ***/
/*** BASIC COLOURS ***/
/**
 * This includes the styles for breadcrumbs as a component and can be included
 * globally. Any variations related to styles will have to go in page specific
 * files.
 */
/*------------------------------------*	#BREADCRUMBS Section
\*------------------------------------*/
/* Common code for store locator and store finder starts here **/
.breadcrumbs {
  margin: 32px 0 0; }
  .breadcrumbs li {
    background-color: transparent;
    padding: 0 15px;
    line-height: 20px; }
    .breadcrumbs li:not(:last-child) {
      transform: skew(-15deg, 0);
      display: inline-block;
      border-right: 1px solid #d50032; }
      .breadcrumbs li:not(:last-child) span {
        transform: skew(15deg, 0);
        display: block; }
      @media (max-width: 767px) {
        .breadcrumbs li:not(:last-child) {
          border-right: 0 none; } }
    .breadcrumbs li span {
      font-family: "ConflictBold";
      color: #152935;
      font-size: 16px;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .breadcrumbs li span {
          font-size: 24px; } }
      @media only screen and (max-width: 639px) {
        .breadcrumbs li span {
          font-size: 12px; } }
    @media only screen and (max-width: 639px) {
      .breadcrumbs li {
        padding: 0 10px;
        line-height: normal; } }
    @media (max-width: 767px) {
      .breadcrumbs li {
        border-left: 1px solid #d50032; } }
    .breadcrumbs li.last {
      display: inline-block; }
      @media (max-width: 767px) {
        .breadcrumbs li.last {
          transform: skew(-15deg, 0);
          display: inline-block;
          display: none; } }
      .breadcrumbs li.last span {
        color: #003865; }
        @media (max-width: 767px) {
          .breadcrumbs li.last span {
            color: #666666;
            transform: skew(15deg, 0);
            display: block; } }
  .breadcrumbs li.last {
    display: inline-block; }
  @media only screen and (min-width: 768px) {
    .breadcrumbs li:first-child {
      padding: 0 21px 0 0; } }
  @media (max-width: 767px) {
    .breadcrumbs {
      display: none; } }

.pagetitle {
  color: #003865;
  font-family: "ConflictBlack";
  font-size: 32px;
  text-transform: uppercase;
  line-height: 44px;
  margin-top: 29px; }
  @media (max-width: 767px) {
    .pagetitle {
      font-size: 48px;
      margin-bottom: 57px; } }
  @media only screen and (max-width: 639px) {
    .pagetitle {
      font-size: 24px;
      margin-bottom: 29px; } }
  .pagetitle:before {
    content: '';
    float: left;
    background-image: url(../img/sprites.png);
    background-position: -729px -383px;
    width: 11px;
    height: 30px;
    margin-top: 11px;
    padding-right: 20px; }
    .pagetitle:before {
      height: 20px; }
    @media (max-width: 767px) {
      .pagetitle:before {
        padding-right: 16px;
        margin-top: 5px;
        height: 29px; } }
    @media only screen and (max-width: 639px) {
      .pagetitle:before {
        background-image: url(../img/sprites.png);
        background-position: -287px -91px;
        width: 6px;
        height: 15px;
        margin-top: 14px;
        padding-right: 12px; }
        .pagetitle:before {
          height: 15px; } }

.customer-service-contacts {
  margin-bottom: 50px; }
  @media (min-width: 768px) {
    .customer-service-contacts {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 50%; } }
  @media (max-width: 767px) {
    .customer-service-contacts {
      display: none !important; } }
  .customer-service-contacts .needhelp {
    font-family: "ConflictBlack";
    color: #003865;
    font-size: 24px;
    margin: 12px 0 0;
    text-transform: uppercase;
    float: right; }
    .customer-service-contacts .needhelp:before, .customer-service-contacts .needhelp:after {
      content: " ";
      display: table; }
    .customer-service-contacts .needhelp:after {
      clear: both; }
    .customer-service-contacts .needhelp span {
      display: block;
      float: left; }
      .customer-service-contacts .needhelp span.slashIcon {
        background-image: url(../img/sprites.png);
        background-position: -729px -383px;
        width: 11px;
        height: 30px;
        margin-top: 5px;
        float: left; }
        .customer-service-contacts .needhelp span.slashIcon {
          height: 15px; }
      .customer-service-contacts .needhelp span.searchTitle {
        padding-left: 7px;
        float: right; }
  .customer-service-contacts .contactinfo {
    float: right;
    display: block;
    width: 100%;
    text-align: right; }
  .customer-service-contacts .customersupport {
    font-family: "BalticaRegular";
    color: #000;
    font-size: 16px; }
    .customer-service-contacts .customersupport:before, .customer-service-contacts .customersupport:after {
      content: " ";
      display: table; }
    .customer-service-contacts .customersupport:after {
      clear: both; }
    .customer-service-contacts .customersupport a {
      color: #00365f; }

@media (min-width: 768px) {
  .store-heading {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 50%; } }

@media (min-width: 768px) and (max-width: 939px) {
  .store-heading {
    padding: 0; } }

.store-sub-heading {
  text-transform: uppercase;
  font-family: "ConflictBlack";
  color: #000;
  font-size: 32px; }
  @media (max-width: 767px) {
    .store-sub-heading {
      font-size: 48px; } }
  @media only screen and (max-width: 639px) {
    .store-sub-heading {
      font-size: 24px; } }
  .store-sub-heading:before {
    content: '';
    float: left;
    background-image: url(../img/sprites.png);
    background-position: -729px -383px;
    width: 11px;
    height: 30px;
    margin-top: 6px;
    padding-right: 20px; }
    .store-sub-heading:before {
      height: 22px; }
    @media (max-width: 767px) {
      .store-sub-heading:before {
        padding-right: 16px;
        margin-top: 9px;
        height: 30px; } }
    @media only screen and (max-width: 639px) {
      .store-sub-heading:before {
        background-image: url(../img/sprites.png);
        background-position: -287px -91px;
        width: 6px;
        height: 15px;
        margin-top: 5px;
        padding-right: 12px; }
        .store-sub-heading:before {
          height: 15px; } }

/* Commaon code for store loctor and store finder ends here **/
/* Code specific to store loctor starts here **/
.storefinder-wrapper {
  margin-bottom: 40px; }
  @media (min-width: 940px) {
    .storefinder-wrapper {
      margin-left: -10px;
      margin-right: -10px; }
      .storefinder-wrapper:before, .storefinder-wrapper:after {
        content: " ";
        display: table; }
      .storefinder-wrapper:after {
        clear: both; } }
  .storefinder-wrapper .locationSpecificform {
    width: 100%;
    float: left;
    margin-bottom: 47px; }
    @media (min-width: 940px) and (max-width: 970px) {
      .storefinder-wrapper .locationSpecificform {
        padding-left: 10px;
        padding-right: 10px; } }
  @media (min-width: 768px) {
    .storefinder-wrapper .checklist {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 25%; } }

@media (min-width: 768px) and (max-width: 970px) and (min-width: 768px) {
  .storefinder-wrapper .checklist {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 33.3333333333%; } }
  .storefinder-wrapper .checklist label {
    font-family: "BalticaRegular";
    color: #000;
    font-size: 14px;
    display: inline-block; }
    @media (max-width: 767px) {
      .storefinder-wrapper .checklist label {
        font-size: 30px; } }
    @media only screen and (max-width: 639px) {
      .storefinder-wrapper .checklist label {
        font-size: 15px; } }
    @media (min-width: 768px) and (max-width: 939px) {
      .storefinder-wrapper .checklist label.current-location {
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .storefinder-wrapper .checklist label .useCurrentLocationCheck {
        padding-top: 7px;
        display: inline-block; } }
  @media only screen and (max-width: 767px) and (max-width: 639px) {
    .storefinder-wrapper .checklist label .useCurrentLocationCheck {
      padding-top: 5px; } }
  .storefinder-wrapper .infofields {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 768px) {
      .storefinder-wrapper .infofields {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 58.3333333333%; } }

@media (min-width: 768px) and (max-width: 970px) and (min-width: 768px) {
  .storefinder-wrapper .infofields {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 66.6666666667%; } }
    @media (max-width: 767px) {
      .storefinder-wrapper .infofields {
        margin-top: 40px; } }
    @media only screen and (max-width: 639px) {
      .storefinder-wrapper .infofields {
        margin-top: 20px;
        padding: 0 4px; } }
  .storefinder-wrapper .addressfield {
    width: 48%;
    float: left;
    margin-right: 20px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .storefinder-wrapper .addressfield {
        width: 48.1%; } }
    @media (max-width: 767px) {
      .storefinder-wrapper .addressfield {
        width: 100%;
        padding: 3px 0 6px;
        margin-right: 0; } }
    @media (min-width: 768px) and (max-width: 970px) {
      .storefinder-wrapper .addressfield {
        margin-right: 18px; } }
    .storefinder-wrapper .addressfield .srch-addr {
      display: inline-block;
      border: 1px solid #d7d2cb;
      border-radius: 10px 0 10px 10px;
      background: #fff;
      padding: 0 30px;
      transform: skewX(-15deg);
      width: 100%; }
      .storefinder-wrapper .addressfield .srch-addr input {
        border: 0;
        box-shadow: none;
        height: 53px;
        font-size: 14px;
        font-family: "BalticaRegular";
        transform: skewX(15deg);
        outline: none;
        color: #000; }
        @media (max-width: 767px) {
          .storefinder-wrapper .addressfield .srch-addr input {
            height: 88px;
            font-size: 26px; } }
        @media only screen and (max-width: 639px) {
          .storefinder-wrapper .addressfield .srch-addr input {
            height: 44px;
            font-size: 13px; } }
        .storefinder-wrapper .addressfield .srch-addr input:focus {
          outline: none; }
          .storefinder-wrapper .addressfield .srch-addr input:focus::placeholder {
            color: #000; }
        .storefinder-wrapper .addressfield .srch-addr input::placeholder {
          color: #000; }
      .storefinder-wrapper .addressfield .srch-addr.validationError {
        border-color: #d50032; }
        .storefinder-wrapper .addressfield .srch-addr.validationError input {
          color: #d50032; }
      .storefinder-wrapper .addressfield .srch-addr input:disabled {
        background: none; }
    .storefinder-wrapper .addressfield .searchaddress {
      width: 100%;
      height: 53px; }
      @media (max-width: 767px) {
        .storefinder-wrapper .addressfield .searchaddress {
          height: 88px; } }
      @media only screen and (max-width: 639px) {
        .storefinder-wrapper .addressfield .searchaddress {
          height: 44px; } }
    .storefinder-wrapper .addressfield label {
      font-family: "BalticaRegular";
      color: #000;
      font-size: 14px;
      padding-left: 13px; }
      @media (min-width: 768px) and (max-width: 970px) {
        .storefinder-wrapper .addressfield label {
          padding-left: 12px;
          display: block; } }
      @media (max-width: 767px) {
        .storefinder-wrapper .addressfield label {
          font-size: 30px; } }
      @media only screen and (max-width: 639px) {
        .storefinder-wrapper .addressfield label {
          font-size: 15px; } }
  .storefinder-wrapper .countryfield {
    width: 48%;
    float: left; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .storefinder-wrapper .countryfield {
        width: 48.1%; } }
    @media (max-width: 767px) {
      .storefinder-wrapper .countryfield {
        width: 100%;
        padding: 3px 0 6px;
        margin: 20px 0 0; } }
    .storefinder-wrapper .countryfield .customSelect {
      width: 100%;
      overflow: hidden; }
      @media (min-width: 768px) and (max-width: 867px) {
        .storefinder-wrapper .countryfield .customSelect {
          margin-top: 17px; } }
    .storefinder-wrapper .countryfield label {
      padding-left: 13px; }
      @media (min-width: 768px) and (max-width: 970px) {
        .storefinder-wrapper .countryfield label {
          padding-left: 12px; } }
      @media (max-width: 767px) {
        .storefinder-wrapper .countryfield label {
          font-size: 30px; } }
      @media only screen and (max-width: 639px) {
        .storefinder-wrapper .countryfield label {
          font-size: 15px; } }
    .storefinder-wrapper .countryfield select {
      width: 100%; }
  .storefinder-wrapper .actionbutton {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 19px; }
    @media (min-width: 768px) {
      .storefinder-wrapper .actionbutton {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 16.6666666667%; } }
    @media (min-width: 768px) {
      .storefinder-wrapper .actionbutton {
        margin-left: 0%; } }
    @media (min-width: 768px) and (max-width: 970px) {
      .storefinder-wrapper .actionbutton {
        margin-top: 36px;
        padding-right: 12px; } }
  @media (min-width: 768px) and (max-width: 970px) and (min-width: 768px) {
    .storefinder-wrapper .actionbutton {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 33.3333333333%; } }
  @media (min-width: 768px) and (max-width: 970px) and (min-width: 768px) {
    .storefinder-wrapper .actionbutton {
      margin-left: 66.6666666667%; } }
    .storefinder-wrapper .actionbutton button {
      background-color: #009cde;
      color: #fff;
      font-size: 20px;
      height: 55px;
      display: inline-block;
      border-radius: 10px 0 10px 10px;
      cursor: pointer;
      text-transform: uppercase;
      text-align: center;
      background-image: none;
      font-family: "ConflictBlack";
      transform: skewX(-15deg);
      border: 1px solid transparent;
      width: 100%; }
      @media (max-width: 767px) {
        .storefinder-wrapper .actionbutton button {
          font-size: 30px;
          height: 90px; } }
      @media only screen and (max-width: 639px) {
        .storefinder-wrapper .actionbutton button {
          font-size: 15px;
          height: 45px; } }
      .storefinder-wrapper .actionbutton button:hover {
        background-color: #003865;
        color: #fff; }
      .storefinder-wrapper .actionbutton button span, .storefinder-wrapper .actionbutton button a {
        transform: skewX(15deg);
        display: inline-block; }
    @media only screen and (max-width: 639px) {
      .storefinder-wrapper .actionbutton {
        margin-top: 20px;
        padding: 0 4px; } }
  .storefinder-wrapper .icheckbox {
    float: left;
    clear: both;
    margin-right: 14px; }
  @media (max-width: 767px) {
    .storefinder-wrapper .filterByDesktopOptions {
      margin: 15px 0; } }
  @media (min-width: 940px) {
    .storefinder-wrapper .filterByDesktopOptions {
      margin: 20px 0; } }
  @media (max-width: 767px) {
    .storefinder-wrapper .filterByDesktopOptions .filterText {
      padding-top: 7px;
      display: inline-block; } }
  @media only screen and (max-width: 767px) and (max-width: 639px) {
    .storefinder-wrapper .filterByDesktopOptions .filterText {
      padding-top: 5px; } }

@media (min-width: 940px) {
  .storeListWrapper {
    margin-left: -10px;
    margin-right: -10px; }
    .storeListWrapper:before, .storeListWrapper:after {
      content: " ";
      display: table; }
    .storeListWrapper:after {
      clear: both; } }

.storeListWrapper .searchAgain {
  display: none; }

.storeSearchResultsHeaderRow {
  width: 100%;
  float: left;
  border-bottom: 1px solid #d7d2cb;
  background: #f4f5f4;
  padding: 23px 32px;
  display: block; }
  @media (max-width: 767px) {
    .storeSearchResultsHeaderRow {
      display: none; } }
  .storeSearchResultsHeaderRow .storeSearchResultsName {
    font-family: "BalticaBold";
    color: #000;
    font-size: 14px; }
    @media (min-width: 768px) {
      .storeSearchResultsHeaderRow .storeSearchResultsName {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 25%; } }
  .storeSearchResultsHeaderRow .storeSearchResultsDistance {
    font-family: "BalticaBold";
    color: #000;
    font-size: 14px; }
    @media (min-width: 768px) {
      .storeSearchResultsHeaderRow .storeSearchResultsDistance {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 25%; } }
  .storeSearchResultsHeaderRow .storeSearchResultsAddress {
    font-family: "BalticaBold";
    color: #000;
    font-size: 14px; }
    @media (min-width: 768px) {
      .storeSearchResultsHeaderRow .storeSearchResultsAddress {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 33.3333333333%; } }
  .storeSearchResultsHeaderRow .storeSearchResultsDetails {
    font-family: "BalticaBold";
    color: #000;
    font-size: 14px; }
    @media (min-width: 768px) {
      .storeSearchResultsHeaderRow .storeSearchResultsDetails {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 16.6666666667%; } }

.storesList {
  margin-bottom: 40px;
  float: left;
  width: 100%; }
  @media (max-width: 767px) {
    .storesList {
      margin-bottom: 0; } }
  @media (min-width: 768px) {
    .storesList .storeSearchResultsName {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 25%; } }
  .storesList .storeSearchResultsName {
    position: static; }
  .storesList .storeSearchResultsName a {
    font-family: "ConflictBlack";
    color: #003865;
    font-size: 20px; }
    @media (max-width: 767px) {
      .storesList .storeSearchResultsName a {
        font-size: 36px; } }
    @media only screen and (max-width: 639px) {
      .storesList .storeSearchResultsName a {
        font-size: 18px; } }
  .storesList .storeSearchResultsDistance {
    font-family: "BalticaRegular";
    color: #000;
    font-size: 14px; }
    @media (min-width: 768px) {
      .storesList .storeSearchResultsDistance {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 25%; } }
    @media (max-width: 767px) {
      .storesList .storeSearchResultsDistance {
        font-size: 30px; } }
    @media only screen and (max-width: 639px) {
      .storesList .storeSearchResultsDistance {
        font-size: 15px; } }
    .storesList .storeSearchResultsDistance {
      position: static; }
    .storesList .storeSearchResultsDistance a {
      display: none; }
  .storesList .storeSearchResultsAddress {
    font-family: "BalticaRegular";
    color: #000;
    font-size: 14px; }
    @media (min-width: 768px) {
      .storesList .storeSearchResultsAddress {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 33.3333333333%; } }
    @media (max-width: 767px) {
      .storesList .storeSearchResultsAddress {
        font-size: 30px; } }
    @media only screen and (max-width: 639px) {
      .storesList .storeSearchResultsAddress {
        font-size: 15px; } }
    .storesList .storeSearchResultsAddress {
      position: static;
      float: left; }
  @media (min-width: 768px) {
    .storesList .storeSearchResultsDetails {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 16.6666666667%; } }
  @media (max-width: 767px) {
    .storesList .storeSearchResultsDetails {
      display: none !important; } }
  .storesList .storeSearchResultsDetails {
    position: static; }
  .storesList .storeSearchResultsDetails a {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .storesList .storeSearchResultsDetails span {
    font-family: "BalticaRegular";
    color: #003865;
    font-size: 14px;
    text-decoration: underline;
    text-align: center; }
    @media (max-width: 767px) {
      .storesList .storeSearchResultsDetails span {
        font-size: 24px; } }
    .storesList .storeSearchResultsDetails span:hover .storesList .storeSearchResultsDetails span:focus {
      text-decoration: none; }
  .storesList .storeSearchResultsRecord {
    border-bottom: 1px solid #d7d2cb;
    padding: 21px 32px;
    width: 100%;
    float: left;
    position: relative; }
    .storesList .storeSearchResultsRecord:before {
      content: '';
      background: url(../img/BH-map-pointer.svg) no-repeat;
      float: left;
      padding-right: 22px;
      min-height: 25px;
      position: absolute;
      left: 10px;
      top: 20px; }
      @media (max-width: 767px) {
        .storesList .storeSearchResultsRecord:before {
          min-height: 50px; } }

.storeSearchResultsHeader {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 320px) and (max-width: 939px) {
    .storeSearchResultsHeader {
      padding: 0; } }
  .storeSearchResultsHeader .storeSearchResults {
    margin: 0 0 40px; }
    .storeSearchResultsHeader .storeSearchResults:empty {
      display: none; }

.storeLocatorRightColumn .storeLocatorMap {
  height: 400px;
  clear: both; }

.storeSearchResultsWrapper .backTopLink {
  display: none; }
  @media (max-width: 767px) {
    .storeSearchResultsWrapper .backTopLink {
      display: block;
      float: left;
      margin: 50px 0 50px;
      font-family: "ConflictBold";
      color: #003865;
      font-size: 18px;
      text-align: center; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .storeSearchResultsWrapper .backTopLink {
      font-size: 36px; } }
  @media (max-width: 767px) {
      .storeSearchResultsWrapper .backTopLink:hover, .storeSearchResultsWrapper .backTopLink:focus {
        text-decoration: underline; } }
  @media only screen and (max-width: 767px) and (max-width: 639px) {
    .storeSearchResultsWrapper .backTopLink {
      font-size: 18px;
      line-height: 18px; } }
  @media (max-width: 767px) {
      .storeSearchResultsWrapper .backTopLink {
        border-bottom: 1px solid #003865;
        text-align: left; }
      .storeSearchResultsWrapper .backTopLink:hover, .storeSearchResultsWrapper .backTopLink:focus {
        text-decoration: none; } }

.sl_pagination {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 0%; }
  @media (min-width: 768px) {
    .sl_pagination {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 33.3333333333%; } }
  @media (min-width: 768px) {
    .sl_pagination {
      margin-left: 33.3333333333%; } }
  .sl_pagination a {
    margin-top: 50px;
    background-color: #009cde;
    color: #fff;
    font-size: 20px;
    height: 55px;
    display: inline-block;
    border-radius: 10px 0 10px 10px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background-image: none;
    font-family: "ConflictBlack";
    transform: skewX(-15deg);
    border: 1px solid transparent;
    line-height: 55px;
    width: 100%; }
    @media (max-width: 767px) {
      .sl_pagination a {
        font-size: 30px;
        height: 90px; } }
    @media only screen and (max-width: 639px) {
      .sl_pagination a {
        font-size: 15px;
        height: 45px; } }
    .sl_pagination a:hover {
      background-color: #003865;
      color: #fff; }
    .sl_pagination a span, .sl_pagination a a {
      transform: skewX(15deg);
      display: inline-block; }
    @media (max-width: 767px) {
      .sl_pagination a {
        line-height: 90px; } }
    @media (min-width: 768px) and (max-width: 939px) {
      .sl_pagination a {
        margin-bottom: 50px; } }
    @media (min-width: 940px) {
      .sl_pagination a {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 639px) {
      .sl_pagination a {
        line-height: 45px; } }

.storeLocator_hasResults .storeSearchResultsHeader {
  display: block; }

.storeLocator_noResults .storeSearchResultsHeaderRow {
  display: none; }

.storeLocator_noResults .storeSearchResultsHeader {
  display: block; }

.progressIndicatorContent .loaderimg {
  background-image: url(../img/loading-qv.gif); }