/*
* 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
\*------------------------------------*/
/* mixins related to quickview*/
.fancybox-overlay {
  background: url(../img/js/fancybox/fancybox_overlay.png) rgba(255, 255, 255, 0.5) !important;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 5010; }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  z-index: 5020;
  outline: 0;
  width: 100% !important;
  max-width: 960px; }

.fancybox-opened {
  z-index: 5030; }
  .fancybox-opened .fancybox-skin {
    border-radius: 2px;
    background-clip: padding-box;
    background: #fff;
    position: relative;
    outline: 0;
    padding: 10px !important; }
    .fancybox-opened .fancybox-skin .fancybox-inner {
      width: 100% !important; }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-lock .fancybox-overlay {
  overflow: auto; }

.fancybox-close {
  background-image: url(../img/sprites.png);
  background-position: -232px -550px;
  width: 45px;
  height: 34px;
  border: none;
  right: 0;
  top: 0;
  cursor: pointer;
  position: absolute;
  margin: 20px; }

.fancybox-lock {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -33px;
  margin-left: -33px;
  cursor: pointer;
  z-index: 5060; }

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

#fancybox-loading .loaderBox {
  height: 101px;
  width: 101px;
  z-index: 100; }

.ie #fancybox-loading .circularG {
  display: none; }

/* Quickview content css */
.reevoomark_badge {
  float: left; }
  .reevoomark_badge:before, .reevoomark_badge:after {
    content: " ";
    display: table; }
  .reevoomark_badge:after {
    clear: both; }
  .reevoomark_badge .reviews span {
    color: #333534;
    font-size: 11px;
    margin-left: 7px; }
  .reevoomark_badge[data-badge-variant="quick_buy_aao"] {
    max-width: 80px; }

.quickBuyProductWrapper .flex-direction-nav .flex-disabled {
  display: none; }

.quickBuyProductWrapper .mainImageContainer img, .quickBuyProductWrapper .imageSwatchesContainer img, .quickBuyProductWrapper .technologyimages img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.quickBuyProductWrapper.productWrapper {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 25px; }
  .quickBuyProductWrapper.productWrapper:before, .quickBuyProductWrapper.productWrapper:after {
    content: " ";
    display: table; }
  .quickBuyProductWrapper.productWrapper:after {
    clear: both; }
  @media (min-width: 768px) {
    .quickBuyProductWrapper.productWrapper .productHeading, .quickBuyProductWrapper.productWrapper .productPriceReviewBlock, .quickBuyProductWrapper.productWrapper .quickBuyShortDescription, .quickBuyProductWrapper.productWrapper .productFeaturesSection {
      position: relative;
      min-height: 1px;
      padding-left: 35px;
      padding-right: 35px;
      float: left;
      width: 100%; } }
  @media (min-width: 768px) {
    .quickBuyProductWrapper.productWrapper .productDetails {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 50%; } }
  @media (min-width: 768px) {
    .quickBuyProductWrapper.productWrapper .productImageWrapper {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      float: left;
      width: 50%; } }
  .quickBuyProductWrapper.productWrapper .productImageWrapper {
    padding-left: 30px; }
  .quickBuyProductWrapper.productWrapper .productHeading {
    margin-top: 21px; }
    .quickBuyProductWrapper.productWrapper .productHeading .productTitle {
      max-height: 75px;
      overflow: hidden;
      padding: 20px 0 0;
      font-size: 26px;
      font-family: "ConflictBlack";
      color: #363636;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .quickBuyProductWrapper.productWrapper .productHeading .productTitle {
          position: relative;
          min-height: 1px;
          padding-left: 0;
          padding-right: 0;
          float: left;
          width: 100%; } }
    .quickBuyProductWrapper.productWrapper .productHeading .productCode {
      font-size: 11px;
      font-family: "BalticaRegular";
      color: #666666; }
      @media (min-width: 768px) {
        .quickBuyProductWrapper.productWrapper .productHeading .productCode {
          position: relative;
          min-height: 1px;
          padding-left: 0;
          padding-right: 0;
          float: left;
          width: 100%; } }
    .quickBuyProductWrapper.productWrapper .productHeading .promotionalSection {
      padding-top: 12px;
      padding-bottom: 5px; }
      @media (min-width: 768px) {
        .quickBuyProductWrapper.productWrapper .productHeading .promotionalSection {
          position: relative;
          min-height: 1px;
          padding-left: 0;
          padding-right: 0;
          float: left;
          width: 100%; } }
    .quickBuyProductWrapper.productWrapper .productHeading .promotionalText {
      background-color: #00365f;
      border-radius: 5px;
      padding: 10px 15px 15px; }
    .quickBuyProductWrapper.productWrapper .productHeading .innerPromo {
      min-height: 15px;
      overflow: hidden;
      font-size: 14px;
      font-family: "ConflictBold";
      color: #fff;
      text-transform: uppercase; }
  .quickBuyProductWrapper.productWrapper .promotionalSection .moreLink {
    font-size: 14px;
    font-family: "ConflictBold";
    color: #fff;
    text-transform: uppercase; }
    .quickBuyProductWrapper.productWrapper .promotionalSection .moreLink:hover, .quickBuyProductWrapper.productWrapper .promotionalSection .moreLink:focus {
      text-decoration: underline; }
  .quickBuyProductWrapper.productWrapper .productPriceReviewBlock {
    margin-top: 11px; }
    .quickBuyProductWrapper.productWrapper .productPriceReviewBlock .productPricing {
      padding-top: 10px; }
    .quickBuyProductWrapper.productWrapper .productPriceReviewBlock .price {
      font-size: 34px;
      font-family: "ConflictBold";
      color: #363636;
      text-transform: uppercase; }
      .quickBuyProductWrapper.productWrapper .productPriceReviewBlock .price.regular {
        font-size: 18px; }
    .quickBuyProductWrapper.productWrapper .productPriceReviewBlock:before, .quickBuyProductWrapper.productWrapper .productPriceReviewBlock:after {
      content: " ";
      display: table; }
    .quickBuyProductWrapper.productWrapper .productPriceReviewBlock:after {
      clear: both; }
    .quickBuyProductWrapper.productWrapper .productPriceReviewBlock .reevooQuickviewBadge {
      margin-top: 10px; }
      @media (min-width: 768px) {
        .quickBuyProductWrapper.productWrapper .productPriceReviewBlock .reevooQuickviewBadge {
          position: relative;
          min-height: 1px;
          padding-left: 0;
          padding-right: 0;
          float: left;
          width: 100%; } }
  .quickBuyProductWrapper.productWrapper .productFeaturesSection {
    margin-top: 17px; }
  .quickBuyProductWrapper.productWrapper .productFeatures {
    width: 32%;
    text-align: center;
    float: left;
    position: relative; }
    @media (min-width: 768px) and (max-width: 939px) {
      .quickBuyProductWrapper.productWrapper .productFeatures {
        width: 33%; }
        .quickBuyProductWrapper.productWrapper .productFeatures:nth-child(2) {
          padding-bottom: 20px; } }
    .quickBuyProductWrapper.productWrapper .productFeatures img {
      width: 31px;
      height: 30px; }
    .quickBuyProductWrapper.productWrapper .productFeatures .productFeaturesLabel {
      position: absolute;
      padding-left: 10px;
      top: 8px;
      font-size: 14px;
      font-family: "ConflictBlack";
      color: #363636;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        .quickBuyProductWrapper.productWrapper .productFeatures .productFeaturesLabel {
          position: relative;
          padding-left: 0; } }
    .quickBuyProductWrapper.productWrapper .productFeatures:before, .quickBuyProductWrapper.productWrapper .productFeatures:after {
      content: " ";
      display: table; }
    .quickBuyProductWrapper.productWrapper .productFeatures:after {
      clear: both; }
  @media (min-width: 768px) {
    .quickBuyProductWrapper.productWrapper .productVariant {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      float: left;
      width: 100%; } }
  .quickBuyProductWrapper.productWrapper .productVariant:before, .quickBuyProductWrapper.productWrapper .productVariant:after {
    content: " ";
    display: table; }
  .quickBuyProductWrapper.productWrapper .productVariant:after {
    clear: both; }
  .quickBuyProductWrapper.productWrapper .quickBuyShortDescription {
    margin-top: 17px; }

@media (min-width: 768px) {
  .colorSwatches .variantTitle, .sizeSwatches .variantTitle, .productQuantity .variantTitle {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 100%; } }

.colorSwatches .variantTitle:before, .colorSwatches .variantTitle:after, .sizeSwatches .variantTitle:before, .sizeSwatches .variantTitle:after, .productQuantity .variantTitle:before, .productQuantity .variantTitle:after {
  content: " ";
  display: table; }

.colorSwatches .variantTitle:after, .sizeSwatches .variantTitle:after, .productQuantity .variantTitle:after {
  clear: both; }

.colorSwatches .variantSummary .colorLabel, .colorSwatches .variantSummary .sizeLabel, .colorSwatches .variantSummary .qtyLabel, .sizeSwatches .variantSummary .colorLabel, .sizeSwatches .variantSummary .sizeLabel, .sizeSwatches .variantSummary .qtyLabel, .productQuantity .variantSummary .colorLabel, .productQuantity .variantSummary .sizeLabel, .productQuantity .variantSummary .qtyLabel {
  font-size: 18px;
  font-family: "ConflictBlack";
  color: #363636;
  text-transform: uppercase; }

.colorSwatches .variantOptions, .sizeSwatches .variantOptions, .productQuantity .variantOptions {
  padding-top: 10px; }
  @media (min-width: 768px) {
    .colorSwatches .variantOptions, .sizeSwatches .variantOptions, .productQuantity .variantOptions {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      float: left;
      width: 100%; } }
  .colorSwatches .variantOptions:before, .colorSwatches .variantOptions:after, .sizeSwatches .variantOptions:before, .sizeSwatches .variantOptions:after, .productQuantity .variantOptions:before, .productQuantity .variantOptions:after {
    content: " ";
    display: table; }
  .colorSwatches .variantOptions:after, .sizeSwatches .variantOptions:after, .productQuantity .variantOptions:after {
    clear: both; }
  .colorSwatches .variantOptions .option, .sizeSwatches .variantOptions .option, .productQuantity .variantOptions .option {
    float: left;
    display: inline-block;
    transform: skewX(-15deg); }
    .colorSwatches .variantOptions .option:before, .colorSwatches .variantOptions .option:after, .sizeSwatches .variantOptions .option:before, .sizeSwatches .variantOptions .option:after, .productQuantity .variantOptions .option:before, .productQuantity .variantOptions .option:after {
      content: " ";
      display: table; }
    .colorSwatches .variantOptions .option:after, .sizeSwatches .variantOptions .option:after, .productQuantity .variantOptions .option:after {
      clear: both; }

.colorSwatches li.option span, .sizeSwatches li.option span, .productQuantity li.option span {
  display: block;
  transform: skewX(15deg); }

.colorSwatches .variantTitle {
  padding-top: 5px; }

.colorSwatches .variantOptions .option {
  min-height: 45px;
  margin-right: 9px; }
  .colorSwatches .variantOptions .option:before, .colorSwatches .variantOptions .option:after {
    content: " ";
    display: table; }
  .colorSwatches .variantOptions .option:after {
    clear: both; }

.colorSwatches .option.active:first-child {
  margin-left: 5px; }

.colorSwatches .option.active img {
  width: 46px;
  height: 39px; }

.colorSwatches .option img {
  width: 36px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 10px 0 10px 10px; }

.colorSwatches .variantSummary .selectedColorLabel {
  padding-left: 4px;
  font-size: 18px;
  font-family: "ConflictBold";
  color: #363636;
  text-transform: uppercase; }

.sizeSwatches {
  margin: 17px 0; }
  @media (min-width: 768px) {
    .sizeSwatches .variantTitle {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      float: left;
      width: 75%; } }
  .sizeSwatches .variantTitle:before, .sizeSwatches .variantTitle:after {
    content: " ";
    display: table; }
  .sizeSwatches .variantTitle:after {
    clear: both; }
  .sizeSwatches .sizeGuidediv {
    text-align: right; }
    @media (min-width: 768px) {
      .sizeSwatches .sizeGuidediv {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        float: left;
        width: 25%; } }
    .sizeSwatches .sizeGuidediv .sizeChartLink {
      font-family: "BalticaRegular";
      color: #000;
      font-size: 12px;
      text-decoration: underline;
      text-align: center;
      position: absolute;
      right: 0;
      top: 7px;
      text-transform: lowercase; }
      @media (max-width: 767px) {
        .sizeSwatches .sizeGuidediv .sizeChartLink {
          font-size: 24px; } }
      .sizeSwatches .sizeGuidediv .sizeChartLink:hover, .sizeSwatches .sizeGuidediv .sizeChartLink:focus {
        text-decoration: none; }
      .sizeSwatches .sizeGuidediv .sizeChartLink::first-letter {
        text-transform: uppercase; }
  .sizeSwatches .option {
    margin-right: 3px;
    margin-bottom: 10px; }
    .sizeSwatches .option.outOfStock a {
      opacity: 0.5; }
      .sizeSwatches .option.outOfStock a:hover {
        background-color: #fff;
        color: #000;
        cursor: default; }
    .sizeSwatches .option.unselectable a {
      opacity: 0.5; }
      .sizeSwatches .option.unselectable a:hover {
        background-color: #e9e6df;
        color: #000;
        cursor: default; }
    .sizeSwatches .option.active a {
      background-color: #00355e;
      color: #fff; }
    .sizeSwatches .option a {
      border-radius: 10px 0 10px 10px;
      width: 49px;
      height: 46px;
      padding: 15px 0 0;
      display: block;
      cursor: pointer;
      background-color: #e9e6df;
      font-family: "ConflictBold";
      color: #000;
      text-transform: uppercase;
      text-align: center; }
      .sizeSwatches .option a:hover {
        background-color: #009cde;
        color: #fff; }
      .sizeSwatches .option a[title="One Size "], .sizeSwatches .option a[title="One Size (Out of stock)"] {
        padding-top: 6px; }
  .sizeSwatches .variant-dropdown {
    padding: 20px 0 4px; }
    .sizeSwatches .variant-dropdown .variation-select {
      width: 87%;
      margin-left: 4px; }
  .sizeSwatches .customSelect select {
    height: 40px;
    width: 100%;
    font-size: 14px; }
  .sizeSwatches .customSelect:after {
    right: 14px; }
  .sizeSwatches .customSelect .disabled {
    cursor: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.productQuantity .qtyVariantOptions {
  padding-top: 8px; }
  @media (min-width: 768px) {
    .productQuantity .qtyVariantOptions {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      float: left;
      width: 33.3333333333%; } }
  .productQuantity .qtyVariantOptions {
    padding-right: 20px; }
  @media (min-width: 768px) and (max-width: 939px) {
    .productQuantity .qtyVariantOptions {
      padding-right: 10px; } }
  .productQuantity .qtyVariantOptions:before, .productQuantity .qtyVariantOptions:after {
    content: " ";
    display: table; }
  .productQuantity .qtyVariantOptions:after {
    clear: both; }
  .productQuantity .qtyVariantOptions .quantitySelect {
    width: 100%; }
    @media only screen and (min-width: 940px) {
      .productQuantity .qtyVariantOptions .quantitySelect {
        width: 94%;
        margin-left: 5px; }
        .productQuantity .qtyVariantOptions .quantitySelect:after {
          right: 15px; } }

.productQuantity .quantitySelect select {
  height: 38px;
  padding-left: 25px; }

.productQuantity .labelContainer {
  padding-top: 3px; }
  @media (min-width: 768px) {
    .productQuantity .labelContainer {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      float: left;
      width: 58.3333333333%; } }
  .productQuantity .labelContainer:before, .productQuantity .labelContainer:after {
    content: " ";
    display: table; }
  .productQuantity .labelContainer:after {
    clear: both; }
  @media (min-width: 768px) and (max-width: 939px) {
    .productQuantity .labelContainer {
      padding-top: 16px; } }
  .productQuantity .labelContainer.labelContainerFullHt {
    padding-top: 16px; }

.productQuantity .availabilityLabel {
  font-size: 13px;
  font-family: "BalticaRegular";
  color: #000; }

.productQuantity .stockStatus {
  font-size: 13px;
  font-family: "BalticaBold";
  color: #000; }

.productQuantity .backinstockButton {
  font-size: 13px;
  text-decoration: underline;
  border: 0;
  padding-top: 10px;
  background: none;
  font-family: "BalticaRegular";
  color: #000; }
  @media (min-width: 768px) and (max-width: 939px) {
    .productQuantity .backinstockButton {
      width: 100%;
      padding: 20px 0 0; } }

.cartActionsButton {
  padding: 25px 0; }
  @media (min-width: 768px) {
    .cartActionsButton {
      position: relative;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      float: left;
      width: 100%; } }
  .cartActionsButton .wishlistButton {
    padding-top: 10px;
    margin-bottom: 32px; }
    @media (min-width: 768px) {
      .cartActionsButton .wishlistButton {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        float: left;
        width: 16.6666666667%; } }
    .cartActionsButton .wishlistButton {
      padding-left: 15px; }
    @media (min-width: 768px) and (max-width: 939px) {
      .cartActionsButton .wishlistButton {
        padding-left: 0; } }
    .cartActionsButton .wishlistButton .wishlistIcon {
      position: absolute;
      background-image: url(../img/sprites.png);
      background-position: -558px -550px;
      width: 28px;
      height: 25px; }
  .cartActionsButton .addToCart {
    width: 79%;
    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;
    margin-left: 12px;
    padding-left: 8px; }
    @media (max-width: 767px) {
      .cartActionsButton .addToCart {
        font-size: 30px;
        height: 90px; } }
    @media only screen and (max-width: 639px) {
      .cartActionsButton .addToCart {
        font-size: 15px;
        height: 45px; } }
    .cartActionsButton .addToCart:hover {
      background-color: #003865;
      color: #fff; }
    .cartActionsButton .addToCart span, .cartActionsButton .addToCart a {
      transform: skewX(15deg);
      display: inline-block; }
    .cartActionsButton .addToCart {
      font-size: 24px;
      height: 44px; }
    @media (min-width: 768px) and (max-width: 939px) {
      .cartActionsButton .addToCart {
        margin-left: 0; } }
  .cartActionsButton:before, .cartActionsButton:after {
    content: " ";
    display: table; }
  .cartActionsButton:after {
    clear: both; }

.productConfirmation {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  padding: 20px 0 0; }
  .productConfirmation .productConfirmationText {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    text-align: center; }
    @media (min-width: 768px) {
      .productConfirmation .productConfirmationText {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        float: left;
        width: 50%; } }
    .productConfirmation .productConfirmationText {
      padding: 13px 0; }
    @media (min-width: 640px) and (max-width: 767px) {
      .productConfirmation .productConfirmationText {
        width: 50%; } }
    @media (min-width: 768px) and (max-width: 939px) {
      .productConfirmation .productConfirmationText {
        text-align: left;
        width: 100%; } }
  @media only screen and (max-width: 639px) {
    .productConfirmation {
      padding: 5px 0; } }
  .productConfirmation .viewBag {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    background-color: #003865;
    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; }
    @media (min-width: 768px) {
      .productConfirmation .viewBag {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        float: left;
        width: 50%; } }
    @media (max-width: 767px) {
      .productConfirmation .viewBag {
        font-size: 30px;
        height: 90px; } }
    @media only screen and (max-width: 639px) {
      .productConfirmation .viewBag {
        font-size: 15px;
        height: 45px; } }
    .productConfirmation .viewBag:hover {
      background-color: #009cde;
      color: #fff; }
    .productConfirmation .viewBag span, .productConfirmation .viewBag a {
      transform: skewX(15deg);
      display: inline-block; }
    .productConfirmation .viewBag {
      height: 44px;
      padding: 13px 0;
      width: 50%;
      font-size: 14px; }
    @media only screen and (max-width: 639px) {
      .productConfirmation .viewBag {
        margin-left: 18%;
        width: 60%; } }
    @media (min-width: 768px) and (max-width: 939px) {
      .productConfirmation .viewBag {
        float: right;
        width: 60%;
        margin-right: 10px; } }

.descriptionBlock {
  clear: both;
  padding-top: 3px;
  border-bottom: 1px solid #aaaaaa; }
  .descriptionBlock .productDesList {
    border-top: 1px solid #aaaaaa;
    position: relative; }
    .descriptionBlock .productDesList .quickproductListTrigger {
      font-family: "ConflictBlack";
      color: #000;
      text-transform: uppercase;
      text-align: left;
      display: block;
      cursor: pointer;
      font-size: 18px;
      padding: 19px 0 20px 2px;
      line-height: 12px; }
    .descriptionBlock .productDesList .producDescBlock {
      display: none;
      font-size: 13px;
      font-family: "BalticaRegular";
      color: #000; }
  .descriptionBlock .producDescBlock a:hover {
    text-decoration: underline; }

.viewFullDetails {
  margin-top: 40px; }
  .viewFullDetails .detailsLink {
    width: 100%;
    display: inline-block;
    border-radius: 10px 0 10px 10px;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background-image: none;
    background-color: #e9e6df;
    font-family: "ConflictBlack";
    color: #000;
    font-size: 20px;
    transform: skewX(-15deg);
    border: 1px solid transparent; }
    .viewFullDetails .detailsLink span {
      transform: skewX(15deg);
      display: inline-block; }

.quickBuyProductShortDescription .productDescriptionText {
  padding-right: 20px; }

.productDesList.activeBlock {
  padding-bottom: 12px; }
  .productDesList.activeBlock .producDescBlock {
    display: block;
    max-height: 170px;
    overflow-x: hidden;
    padding: 0 16px 0 10px;
    margin: 0 0 0 15px;
    max-width: 91%; }

.flex-direction-nav li {
  position: absolute;
  z-index: 23px;
  right: 0;
  top: 72%;
  display: inline-block;
  cursor: pointer;
  background-image: none;
  transform: skewX(-15deg);
  background-color: #fff;
  width: 89px;
  height: 46px;
  border-radius: 5px 0 5px 10px;
  padding: 13px 30px 12px 0;
  margin-right: -33px; }
  .flex-direction-nav li:hover {
    background-color: #fff; }
  .flex-direction-nav li a {
    transform: skewX(15deg);
    display: inline-block; }
  .flex-direction-nav li {
    padding-left: 22px; }
  .flex-direction-nav li:first-child {
    left: 0;
    display: inline-block;
    cursor: pointer;
    background-image: none;
    transform: skewX(-15deg);
    background-color: #fff;
    width: 89px;
    height: 46px;
    border-radius: 5px 0 5px 10px;
    padding: 13px 0 12px 30px;
    margin-left: -36px; }
    .flex-direction-nav li:first-child:hover {
      background-color: #fff; }
    .flex-direction-nav li:first-child a {
      transform: skewX(15deg);
      display: inline-block; }
    .flex-direction-nav li:first-child {
      padding-left: 50px;
      margin-left: -20px; }
  .flex-direction-nav li a {
    text-indent: -9999px; }

.flex-direction-nav .prevarrow, .flex-direction-nav .flex-prev {
  background-image: url(../img/sprites.png);
  background-position: -32px -690px;
  width: 22px;
  height: 21px; }

.flex-direction-nav .nextarrow, .flex-direction-nav .flex-next {
  background-image: url(../img/sprites.png);
  background-position: 0px -690px;
  width: 22px;
  height: 21px; }

.imageSwatchesContainer {
  position: relative;
  margin-top: 38px; }
  .imageSwatchesContainer ul.imageSwatches {
    max-height: 145px; }
  .imageSwatchesContainer li.swatchImage {
    margin-right: 2px;
    opacity: 0.502;
    float: left; }
    .imageSwatchesContainer li.swatchImage.active {
      opacity: 1; }
  .imageSwatchesContainer .flex-direction-nav li {
    top: 32.96%; }

.technologyimages {
  float: left;
  margin-top: 38px;
  width: 100%; }
  .technologyimages .technologyImage {
    float: left;
    max-width: 25.926%;
    margin-right: 3.705%;
    margin-bottom: 10px;
    min-height: 120px; }
    @media (min-width: 768px) and (max-width: 840px) {
      .technologyimages .technologyImage {
        min-height: 100px; } }
    @media (min-width: 841px) and (max-width: 900px) {
      .technologyimages .technologyImage {
        min-height: 110px; } }

/*** Css for back in stock functionality ***/
.addToCart.buttonHide,
.buttonHide {
  display: none; }

@media only screen and (min-width: 768px) {
  .cartActionsButton.backinstockVisible {
    padding: 25px 0 21px; } }

@media (max-width: 767px) {
  .cartActionsButton.backinstockVisible {
    padding: 50px 0 40px; } }

@media only screen and (max-width: 639px) {
  .cartActionsButton.backinstockVisible {
    padding: 25px 0 20px; } }

.backinstockDiv {
  background-color: #f4f3ef;
  position: relative; }
  .backinstockDiv .qtip-close {
    background-image: url(../img/sprites.png);
    background-position: -494px -439px;
    width: 45px;
    height: 34px;
    border: none;
    right: 0;
    top: 0;
    cursor: pointer;
    position: absolute;
    margin: 10px 10px 0 0; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .backinstockDiv .qtip-close {
        background-image: url(../img/sprites.png);
        background-position: -394px -499px;
        width: 38px;
        height: 29px;
        margin: 2px 2px 0 0; } }
  @media only screen and (min-width: 768px) {
    .backinstockDiv {
      padding: 30px 21px 27px; } }
  @media (max-width: 767px) {
    .backinstockDiv {
      padding: 49px 54px 46px; } }
  @media only screen and (max-width: 639px) {
    .backinstockDiv {
      padding: 25px 27px 23px; } }
  .backinstockDiv .backinstockTitle {
    display: block;
    font-size: 24px;
    font-family: "ConflictBlack";
    color: #000;
    text-transform: uppercase;
    margin-bottom: 18px;
    line-height: 19px; }
    @media (max-width: 767px) {
      .backinstockDiv .backinstockTitle {
        font-size: 48px;
        margin-bottom: 25px;
        line-height: 30px; } }
    @media only screen and (max-width: 639px) {
      .backinstockDiv .backinstockTitle {
        font-size: 24px;
        margin-bottom: 13px;
        line-height: 15px; } }
  .backinstockDiv .backinstockDescription {
    font-size: 14px;
    font-family: "BalticaRegular";
    color: #000;
    margin-bottom: 31px;
    line-height: 18px; }
    @media (max-width: 767px) {
      .backinstockDiv .backinstockDescription {
        font-size: 24px;
        margin-bottom: 47px;
        line-height: 28px; } }
    @media only screen and (max-width: 639px) {
      .backinstockDiv .backinstockDescription {
        font-size: 12px;
        margin-bottom: 29px;
        line-height: 14px; } }
  .backinstockDiv .backinstockVariantSelect {
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .backinstockDiv .backinstockVariantSelect {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 639px) {
      .backinstockDiv .backinstockVariantSelect {
        margin-bottom: 20px; } }
  .backinstockDiv .variantSelect {
    display: block; }
    .backinstockDiv .variantSelect select {
      height: 38px;
      width: 100%; }
      @media (max-width: 767px) {
        .backinstockDiv .variantSelect select {
          height: 78px;
          font-size: 28px; } }
      @media only screen and (max-width: 639px) {
        .backinstockDiv .variantSelect select {
          height: 39px;
          font-size: 14px; } }
  .backinstockDiv .backinstockInput {
    margin-bottom: 20px; }
    @media only screen and (max-width: 639px) {
      .backinstockDiv .backinstockInput {
        margin-bottom: 10px; } }
  .backinstockDiv .backinstockInputCellEmail {
    display: inline-block;
    border: 1px solid #d7d2cb;
    border-radius: 10px 0 10px 10px;
    background: #fff;
    padding: 0 30px;
    transform: skewX(-15deg); }
    .backinstockDiv .backinstockInputCellEmail 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) {
        .backinstockDiv .backinstockInputCellEmail input {
          height: 88px;
          font-size: 26px; } }
      @media only screen and (max-width: 639px) {
        .backinstockDiv .backinstockInputCellEmail input {
          height: 44px;
          font-size: 13px; } }
      .backinstockDiv .backinstockInputCellEmail input:focus {
        outline: none; }
        .backinstockDiv .backinstockInputCellEmail input:focus::-moz-placeholder {
          color: #000; }
        .backinstockDiv .backinstockInputCellEmail input:focus:-ms-input-placeholder {
          color: #000; }
        .backinstockDiv .backinstockInputCellEmail input:focus::placeholder {
          color: #000; }
      .backinstockDiv .backinstockInputCellEmail input::-moz-placeholder {
        color: #000; }
      .backinstockDiv .backinstockInputCellEmail input:-ms-input-placeholder {
        color: #000; }
      .backinstockDiv .backinstockInputCellEmail input::placeholder {
        color: #000; }
    .backinstockDiv .backinstockInputCellEmail.validationError {
      border-color: #d50032; }
      .backinstockDiv .backinstockInputCellEmail.validationError input {
        color: #d50032; }
    .backinstockDiv .backinstockInputCellEmail input {
      height: 38px;
      width: 100%; }
      .backinstockDiv .backinstockInputCellEmail input:focus {
        color: #000; }
      .backinstockDiv .backinstockInputCellEmail input::-moz-placeholder {
        color: #aaa; }
      .backinstockDiv .backinstockInputCellEmail input:-ms-input-placeholder {
        color: #aaa; }
      .backinstockDiv .backinstockInputCellEmail input::placeholder {
        color: #aaa; }
      @media (max-width: 767px) {
        .backinstockDiv .backinstockInputCellEmail input {
          height: 78px;
          font-size: 28px; } }
      @media only screen and (max-width: 639px) {
        .backinstockDiv .backinstockInputCellEmail input {
          height: 39px;
          font-size: 14px; } }
  .backinstockDiv .backinstockInputCell,
  .backinstockDiv .backinstockDone {
    display: inline-block;
    width: 100%; }
    .backinstockDiv .backinstockInputCell .button,
    .backinstockDiv .backinstockDone .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; }
      @media (max-width: 767px) {
        .backinstockDiv .backinstockInputCell .button,
        .backinstockDiv .backinstockDone .button {
          font-size: 30px;
          height: 90px; } }
      @media only screen and (max-width: 639px) {
        .backinstockDiv .backinstockInputCell .button,
        .backinstockDiv .backinstockDone .button {
          font-size: 15px;
          height: 45px; } }
      .backinstockDiv .backinstockInputCell .button:hover,
      .backinstockDiv .backinstockDone .button:hover {
        background-color: #003865;
        color: #fff; }
      .backinstockDiv .backinstockInputCell .button span, .backinstockDiv .backinstockInputCell .button a,
      .backinstockDiv .backinstockDone .button span,
      .backinstockDiv .backinstockDone .button a {
        transform: skewX(15deg);
        display: inline-block; }
      .backinstockDiv .backinstockInputCell .button,
      .backinstockDiv .backinstockDone .button {
        height: 46px;
        width: 136px;
        float: right;
        font-size: 24px;
        font-family: "ConflictBlack";
        color: #fff; }
      @media (max-width: 767px) {
        .backinstockDiv .backinstockInputCell .button,
        .backinstockDiv .backinstockDone .button {
          height: 92px;
          width: 269px;
          font-size: 36px; } }
      @media only screen and (max-width: 639px) {
        .backinstockDiv .backinstockInputCell .button,
        .backinstockDiv .backinstockDone .button {
          height: 46px;
          width: 135px;
          font-size: 18px; } }

/*** End of Css for back in stock functionality ***/
/* PLP Product Tiles */
.catListSecondaryCats .productGrid {
  margin-left: -10px;
  margin-right: -10px; }
  .catListSecondaryCats .productGrid:before, .catListSecondaryCats .productGrid:after {
    content: " ";
    display: table; }
  .catListSecondaryCats .productGrid:after {
    clear: both; }

.productGrid .productItem {
  height: 525px;
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 767px) {
    .productGrid .productItem {
      height: 802px;
      margin-bottom: 35px; } }
  @media only screen and (max-width: 639px) {
    .productGrid .productItem {
      height: 638px;
      margin-bottom: 18px; } }
  @media (min-width: 768px) {
    .productGrid .productItem {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 33.3333333333%; } }
  @media only screen and (min-width: 768px) {
    .productGrid .productItem {
      margin-bottom: 20px; } }
  @media only screen and (min-width: 940px) {
    .productGrid .productItem {
      height: 590px; } }

@media (max-width: 767px) and (max-width: 767px) {
  .productGrid .productItem .quicklookLink {
    display: none !important; } }
  @media only screen and (min-width: 768px) {
    .productGrid .productItem .quicklookLink {
      display: none; } }
  .productGrid .productItem:hover .quicklookLink {
    display: block;
    backface-visibility: hidden; }

.productGrid .productUl, .productGrid .prodBlock, .productGrid .reevooPLPBadge {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }

.productGrid .productColorSwatches {
  float: left; }
  .productGrid .productColorSwatches:before, .productGrid .productColorSwatches:after {
    content: " ";
    display: table; }
  .productGrid .productColorSwatches:after {
    clear: both; }
  @media (max-width: 767px) {
    .productGrid .productColorSwatches {
      margin-top: 20px;
      height: 130px; } }
  @media only screen and (max-width: 639px) {
    .productGrid .productColorSwatches {
      margin-top: 10px;
      min-height: 65px;
      height: auto; } }
  @media only screen and (min-width: 768px) {
    .productGrid .productColorSwatches {
      height: 85px; } }
  .productGrid .productColorSwatches .swatchItem {
    float: left;
    margin-left: 5px;
    display: inline-block;
    transform: skewX(-15deg); }
    .productGrid .productColorSwatches .swatchItem:before, .productGrid .productColorSwatches .swatchItem:after {
      content: " ";
      display: table; }
    .productGrid .productColorSwatches .swatchItem:after {
      clear: both; }
    @media only screen and (min-width: 768px) {
      .productGrid .productColorSwatches .swatchItem {
        margin-top: 7px; } }
    .productGrid .productColorSwatches .swatchItem img {
      border: 1px solid transparent;
      border-radius: 10px 0 10px 10px; }
      @media (max-width: 767px) {
        .productGrid .productColorSwatches .swatchItem img {
          width: 54px;
          height: 44px; } }
      @media only screen and (min-width: 768px) {
        .productGrid .productColorSwatches .swatchItem img {
          width: 36px;
          height: 30px; } }
      @media only screen and (max-width: 639px) {
        .productGrid .productColorSwatches .swatchItem img {
          width: 27px;
          height: 22px;
          border-radius: 5px 0 5px 5px; } }
    .productGrid .productColorSwatches .swatchItem.active {
      margin-right: 1px; }
      @media (max-width: 767px) {
        .productGrid .productColorSwatches .swatchItem.active img {
          width: 64px;
          height: 53px; } }
      @media only screen and (min-width: 768px) {
        .productGrid .productColorSwatches .swatchItem.active img {
          width: 42px;
          height: 36px; } }
      @media only screen and (max-width: 639px) {
        .productGrid .productColorSwatches .swatchItem.active img {
          width: 32px;
          height: 27px; } }
  .productGrid .productColorSwatches .showAllSwatches {
    font-size: 12px;
    font-family: "BalticaRegular";
    color: #000; }
    @media (max-width: 767px) {
      .productGrid .productColorSwatches .showAllSwatches {
        font-size: 24px; } }
    @media only screen and (max-width: 639px) {
      .productGrid .productColorSwatches .showAllSwatches {
        font-size: 12px; } }
  .productGrid .productColorSwatches .moreColorsAvail {
    float: left;
    width: 100%;
    margin: 15px 0 0; }
    @media only screen and (max-width: 639px) {
      .productGrid .productColorSwatches .moreColorsAvail {
        margin: 5px 0; } }
    @media only screen and (min-width: 768px) {
      .productGrid .productColorSwatches .moreColorsAvail {
        margin: -3px 0 0; } }

@media (min-width: 640px) and (max-width: 767px) {
  .productGrid .productUl {
    padding-left: 15px; } }

@media only screen and (min-width: 768px) {
  .productGrid .productUl {
    padding: 0; } }

@media (min-width: 640px) and (max-width: 767px) {
  .productGrid .prodBlock {
    padding-left: 15px; } }

@media only screen and (min-width: 768px) {
  .productGrid .prodBlock {
    padding: 0; } }

.productGrid .prodBlock .price {
  font-size: 20px;
  font-family: "ConflictBlack";
  color: #000; }
  @media (max-width: 767px) {
    .productGrid .prodBlock .price {
      font-size: 30px; } }
  @media only screen and (max-width: 639px) {
    .productGrid .prodBlock .price {
      font-size: 15px; } }

.productGrid .prodBlock .productTitle {
  font-size: 18px;
  height: 40px;
  overflow: hidden;
  font-family: "ConflictBlack";
  color: #000;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .productGrid .prodBlock .productTitle {
      font-size: 30px;
      height: 60px; } }
  @media only screen and (max-width: 639px) {
    .productGrid .prodBlock .productTitle {
      font-size: 15px;
      height: 32px; } }

.productGrid .prodBlock .promoMessage {
  font-size: 14px;
  padding: 5px 0;
  font-family: "ConflictBlack";
  color: #d50032;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .productGrid .prodBlock .promoMessage {
      font-size: 26px; } }
  @media only screen and (max-width: 639px) {
    .productGrid .prodBlock .promoMessage {
      font-size: 13px; } }

.productGrid .prodBlock .promoMessageText {
  overflow: hidden;
  min-height: 28px; }
  @media (max-width: 767px) {
    .productGrid .prodBlock .promoMessageText {
      height: 52px; } }
  @media only screen and (max-width: 639px) {
    .productGrid .prodBlock .promoMessageText {
      min-height: 26px; } }
  .productGrid .prodBlock .promoMessageText * {
    margin: 0; }

.productGrid .productName {
  border-bottom: 1px solid #d7d2cb; }
  @media only screen and (min-width: 768px) {
    .productGrid .productName {
      padding: 5px 0 30px 0;
      line-height: 1.2; } }
  @media (max-width: 767px) {
    .productGrid .productName {
      padding: 15px 0 32px; } }
  @media only screen and (max-width: 767px) and (max-width: 639px) {
    .productGrid .productName {
      padding: 15px 0 10px; } }

.productGrid .productDescription {
  min-height: 85px;
  border-bottom: 1px solid #d7d2cb; }
  @media (max-width: 767px) {
    .productGrid .productDescription {
      height: 120px;
      padding: 22px 0; } }
  @media only screen and (max-width: 639px) {
    .productGrid .productDescription {
      height: 75px;
      padding: 10px 0; } }
  @media only screen and (min-width: 768px) {
    .productGrid .productDescription {
      padding: 20px 0; } }
  .productGrid .productDescription .price.current.sale {
    display: inline-block; }
    .productGrid .productDescription .price.current.sale + .price {
      display: inline-block;
      font-size: 14px;
      font-family: "ConflictBlack";
      color: #000; }
      @media (max-width: 767px) {
        .productGrid .productDescription .price.current.sale + .price {
          font-size: 26px; } }
      @media only screen and (max-width: 639px) {
        .productGrid .productDescription .price.current.sale + .price {
          font-size: 13px; } }

.productGrid .imageHolder {
  min-height: 293px;
  position: relative;
  overflow: hidden;
  text-align: center; }
  @media (min-width: 768px) and (max-width: 939px) {
    .productGrid .imageHolder {
      min-height: 229px; } }
  @media only screen and (max-width: 639px) {
    .productGrid .imageHolder {
      min-height: 188px; } }
  .productGrid .imageHolder img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .productGrid .imageHolder img {
        max-height: 293px; } }
  .productGrid .imageHolder .primaryImg {
    opacity: 1;
    transition: opacity .4s ease; }
  .productGrid .imageHolder:hover .secondaryImg-container {
    opacity: 1; }

.productGrid .secondaryImg-container {
  width: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  text-align: center;
  transition: opacity .4s ease; }

.productGrid .reevooPLPBadge {
  padding: 10px; }
  @media (min-width: 640px) and (max-width: 767px) {
    .productGrid .reevooPLPBadge {
      padding: 15px 0 15px 15px; } }
  @media only screen and (min-width: 768px) {
    .productGrid .reevooPLPBadge {
      padding-left: 0;
      padding-right: 0; } }

.productGrid .notShowIE91 {
  position: relative; }

.productGrid .quicklookLink {
  position: absolute;
  bottom: 20px;
  width: 100%;
  padding: 15px 0;
  background-color: #003865;
  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; }
  @media (max-width: 767px) {
    .productGrid .quicklookLink {
      font-size: 30px;
      height: 90px; } }
  @media only screen and (max-width: 639px) {
    .productGrid .quicklookLink {
      font-size: 15px;
      height: 45px; } }
  .productGrid .quicklookLink:hover {
    background-color: #009cde;
    color: #fff; }
  .productGrid .quicklookLink span, .productGrid .quicklookLink a {
    transform: skewX(15deg);
    display: inline-block; }

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

.articleContainer {
  width: 100%;
  float: left;
  margin-top: 38px;
  padding-bottom: 26px; }
  @media (max-width: 767px) {
    .articleContainer {
      padding-bottom: 42px; } }
  .articleContainer .content-row {
    float: left;
    width: 100%;
    margin-top: 50px; }
    @media (max-width: 767px) {
      .articleContainer .content-row {
        margin-top: 43px;
        margin-left: -10px;
        margin-right: -10px; }
        .articleContainer .content-row:before, .articleContainer .content-row:after {
          content: " ";
          display: table; }
        .articleContainer .content-row:after {
          clear: both; } }
    @media only screen and (max-width: 639px) {
      .articleContainer .content-row {
        padding-left: 0;
        padding-right: 0; } }
  .articleContainer .header-row {
    border-bottom: 1px solid #e9e6df;
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      .articleContainer .header-row {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 16px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .articleContainer .header-row {
        float: left;
        width: 100%; } }
    @media (min-width: 940px) {
      .articleContainer .header-row {
        margin-left: -10px;
        margin-right: -10px; }
        .articleContainer .header-row:before, .articleContainer .header-row:after {
          content: " ";
          display: table; }
        .articleContainer .header-row:after {
          clear: both; } }
  .articleContainer .articlerow {
    clear: both; }
  @media (min-width: 940px) {
    .articleContainer .articleGroup {
      margin-left: -10px;
      margin-right: -10px; }
      .articleContainer .articleGroup:before, .articleContainer .articleGroup:after {
        content: " ";
        display: table; }
      .articleContainer .articleGroup:after {
        clear: both; } }
  .articleContainer .articleContainerHeading {
    font-family: "ConflictBlack";
    color: #003865;
    font-size: 44px;
    text-transform: uppercase;
    margin: 0; }
    @media (min-width: 768px) {
      .articleContainer .articleContainerHeading {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 50%; } }
    @media (max-width: 767px) {
      .articleContainer .articleContainerHeading {
        font-size: 54px; } }
    @media only screen and (max-width: 639px) {
      .articleContainer .articleContainerHeading {
        font-size: 27px; } }
    .articleContainer .articleContainerHeading:before {
      content: '';
      float: left;
      background-image: url(../img/sprites.png);
      background-position: -729px -383px;
      width: 11px;
      height: 30px;
      margin-top: 8px;
      padding-right: 27px; }
      .articleContainer .articleContainerHeading:before {
        height: 30px; }
      @media (max-width: 767px) {
        .articleContainer .articleContainerHeading:before {
          padding-right: 33px;
          margin-left: 3px;
          margin-top: 5px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .articleContainerHeading:before {
          background-image: url(../img/sprites.png);
          background-position: -287px -91px;
          width: 6px;
          height: 15px;
          margin-top: 7px;
          padding-right: 12px; } }
  .articleContainer .searchInfo {
    font-family: "ConflictRegular";
    color: #363636;
    font-size: 16px;
    text-align: right;
    margin-top: 20px;
    line-height: 1.1; }
    @media (min-width: 768px) {
      .articleContainer .searchInfo {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 50%; } }
    .articleContainer .searchInfo b {
      font-family: "ConflictBlack";
      color: #363636;
      font-size: 16px;
      font-weight: normal;
      text-transform: uppercase; }
    @media (max-width: 767px) {
      .articleContainer .searchInfo {
        display: none; } }
  .articleContainer .articlePanel {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 45px; }
    @media (min-width: 768px) {
      .articleContainer .articlePanel {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 41.6666666667%; } }
    @media (max-width: 767px) {
      .articleContainer .articlePanel {
        margin-bottom: 46px; } }
    .articleContainer .articlePanel.even {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      margin-left: 0%; }
      @media (min-width: 768px) {
        .articleContainer .articlePanel.even {
          position: relative;
          min-height: 1px;
          padding-left: 10px;
          padding-right: 10px;
          float: left;
          width: 41.6666666667%; } }
      @media (min-width: 768px) {
        .articleContainer .articlePanel.even {
          margin-left: 16.6666666667%; } }
      @media (max-width: 767px) {
        .articleContainer .articlePanel.even {
          padding-right: 0; } }
    .articleContainer .articlePanel .articleTitle {
      font-family: "ConflictBlack";
      color: #333534;
      font-size: 20px;
      text-transform: uppercase;
      margin: 0; }
      @media (max-width: 767px) {
        .articleContainer .articlePanel .articleTitle {
          font-size: 30px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .articlePanel .articleTitle {
          font-size: 15px; } }
      .articleContainer .articlePanel .articleTitle:before {
        content: '';
        float: left;
        background-image: url(../img/sprites.png);
        background-position: -729px -383px;
        width: 11px;
        height: 30px;
        margin-top: 3px;
        padding-right: 17px;
        margin-left: -5px; }
        .articleContainer .articlePanel .articleTitle:before {
          height: 14px; }
        @media (max-width: 767px) {
          .articleContainer .articlePanel .articleTitle:before {
            padding-right: 25px;
            margin-top: 5px;
            height: 20px;
            margin-left: 5px; } }
        @media only screen and (max-width: 639px) {
          .articleContainer .articlePanel .articleTitle:before {
            background-image: url(../img/sprites.png);
            background-position: -287px -91px;
            width: 6px;
            height: 15px;
            margin-top: 2px;
            padding-right: 12px; }
            .articleContainer .articlePanel .articleTitle:before {
              height: 11px; } }
    .articleContainer .articlePanel .readmore-button {
      width: 38.666667%;
      padding-left: 10px;
      padding-right: 5px;
      margin-top: 26px;
      float: right; }
      @media (max-width: 767px) {
        .articleContainer .articlePanel .readmore-button {
          width: 29.666667%;
          margin-top: 22px;
          padding-right: 13px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .articlePanel .readmore-button {
          position: relative;
          float: left;
          width: 50%;
          min-height: 1px;
          padding-left: 10px;
          padding-right: 10px; }
          .articleContainer .articlePanel .readmore-button {
            float: right; } }
    .articleContainer .articlePanel .readMore {
      background-color: #fff;
      color: #003865;
      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;
      border: 1px solid #d7d2cb;
      width: 100%; }
      @media (max-width: 767px) {
        .articleContainer .articlePanel .readMore {
          font-size: 30px;
          height: 90px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .articlePanel .readMore {
          font-size: 15px;
          height: 45px; } }
      .articleContainer .articlePanel .readMore:hover {
        background-color: #d7d2cb;
        color: #000; }
      .articleContainer .articlePanel .readMore span, .articleContainer .articlePanel .readMore a {
        transform: skewX(15deg);
        display: inline-block; }
      .articleContainer .articlePanel .readMore:hover {
        border: 1px solid #d7d2cb; }
      .articleContainer .articlePanel .readMore {
        font-family: "ConflictBlack";
        color: #003865;
        font-size: 16px;
        height: 40px;
        line-height: 40px; }
      @media (max-width: 767px) {
        .articleContainer .articlePanel .readMore {
          font-size: 26px;
          line-height: 90px;
          height: 90px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .articlePanel .readMore {
          font-size: 18px;
          line-height: 45px;
          height: 45px; } }
  .articleContainer .pagetitle {
    color: #003865;
    font-family: "ConflictBlack";
    font-size: 44px;
    text-transform: uppercase;
    margin-top: 29px; }
    @media (max-width: 767px) {
      .articleContainer .pagetitle {
        font-size: 54px;
        margin-bottom: 57px; } }
    @media only screen and (max-width: 639px) {
      .articleContainer .pagetitle {
        font-size: 27px;
        margin-bottom: 29px; } }
    .articleContainer .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; }
      .articleContainer .pagetitle:before {
        height: 20px; }
      @media (max-width: 767px) {
        .articleContainer .pagetitle:before {
          padding-right: 16px;
          margin-top: 5px;
          height: 29px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .pagetitle:before {
          background-image: url(../img/sprites.png);
          background-position: -287px -91px;
          width: 6px;
          height: 15px;
          margin-top: 14px;
          padding-right: 12px; }
          .articleContainer .pagetitle:before {
            height: 15px; } }

.breadcrumbsWrapper {
  margin-left: -10px;
  margin-right: -10px; }
  .breadcrumbsWrapper:before, .breadcrumbsWrapper:after {
    content: " ";
    display: table; }
  .breadcrumbsWrapper:after {
    clear: both; }
  .breadcrumbsWrapper .breadcrumb {
    border: 0;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px; }
    .breadcrumbsWrapper .breadcrumb {
      padding: 0 10px; }
    @media (max-width: 767px) {
      .breadcrumbsWrapper .breadcrumb {
        display: block; } }

.breadcrumbsblock {
  width: 100%;
  padding-top: 21px;
  padding-bottom: 34px; }
  .breadcrumbsblock li {
    background-color: transparent;
    padding: 0 15px;
    line-height: 20px; }
    .breadcrumbsblock li:not(:last-child) {
      transform: skew(-15deg, 0);
      display: inline-block;
      border-right: 1px solid #d50032; }
      .breadcrumbsblock li:not(:last-child) span {
        transform: skew(15deg, 0);
        display: block; }
      @media (max-width: 767px) {
        .breadcrumbsblock li:not(:last-child) {
          border-right: 0 none; } }
    .breadcrumbsblock li span {
      font-family: "ConflictBold";
      color: #152935;
      font-size: 16px;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .breadcrumbsblock li span {
          font-size: 24px; } }
      @media only screen and (max-width: 639px) {
        .breadcrumbsblock li span {
          font-size: 12px; } }
    @media only screen and (max-width: 639px) {
      .breadcrumbsblock li {
        padding: 0 10px;
        line-height: normal; } }
    @media (max-width: 767px) {
      .breadcrumbsblock li {
        border-left: 1px solid #d50032; } }
    .breadcrumbsblock li.last {
      display: inline-block; }
      @media (max-width: 767px) {
        .breadcrumbsblock li.last {
          transform: skew(-15deg, 0);
          display: inline-block;
          display: none; } }
      .breadcrumbsblock li.last span {
        color: #003865; }
        @media (max-width: 767px) {
          .breadcrumbsblock li.last span {
            color: #666666;
            transform: skew(15deg, 0);
            display: block; } }
  @media (max-width: 767px) {
    .breadcrumbsblock {
      padding: 40px 0 39px 18px; } }
  @media only screen and (max-width: 639px) {
    .breadcrumbsblock {
      padding: 20px 0 20px 18px; } }
  .breadcrumbsblock li {
    background: none; }
    @media only screen and (min-width: 768px) {
      .breadcrumbsblock li:first-child {
        padding-left: 0; } }
    @media (max-width: 767px) {
      .breadcrumbsblock li:not(:nth-last-child(2)) {
        display: none; } }
    @media (max-width: 767px) {
      .breadcrumbsblock li span:before {
        content: "Back to "; } }
  .breadcrumbsblock.srpBreadcrumbs {
    padding-top: 17px;
    padding-bottom: 26px; }
    @media (max-width: 767px) {
      .breadcrumbsblock.srpBreadcrumbs {
        padding: 40px 0 32px 18px; } }
    @media only screen and (max-width: 639px) {
      .breadcrumbsblock.srpBreadcrumbs {
        padding: 20px 0 16px 18px; } }
    .breadcrumbsblock.srpBreadcrumbs .last {
      font-family: "ConflictBold";
      color: #666666;
      font-size: 16px;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .breadcrumbsblock.srpBreadcrumbs .last {
          font-size: 24px; } }

.clpbanner > p {
  margin: 0; }

.clpbanner img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%; }

@media (max-width: 767px) {
  .clpbanner.header-space {
    min-height: auto; } }

.refineByRevereseContainer {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 42px; }
  .refineByRevereseContainer:before, .refineByRevereseContainer:after {
    content: " ";
    display: table; }
  .refineByRevereseContainer:after {
    clear: both; }
  @media (max-width: 767px) {
    .refineByRevereseContainer {
      margin-bottom: 42px; } }
  @media only screen and (max-width: 639px) {
    .refineByRevereseContainer {
      margin-bottom: 25px; } }
  .refineByRevereseContainer .refinementsContainer aside {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 768px) {
      .refineByRevereseContainer .refinementsContainer aside {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 25%; } }
  .refineByRevereseContainer .searchSummary {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px; }
    .refineByRevereseContainer .searchSummary.plpSearchSum {
      display: none; }
    .refineByRevereseContainer .searchSummary.srpSearchSum {
      text-align: right;
      font-family: "ConflictRegular";
      color: #363636;
      font-size: 16px; }
      @media only screen and (min-width: 768px) {
        .refineByRevereseContainer .searchSummary.srpSearchSum {
          margin-top: -69px; } }
      @media (max-width: 767px) {
        .refineByRevereseContainer .searchSummary.srpSearchSum {
          font-size: 24px;
          text-align: left;
          margin-top: 29px;
          padding-left: 22px;
          margin-bottom: 45px; } }
      @media only screen and (max-width: 639px) {
        .refineByRevereseContainer .searchSummary.srpSearchSum {
          font-size: 12px;
          margin-top: 15px;
          margin-bottom: 23px; } }
      .refineByRevereseContainer .searchSummary.srpSearchSum b {
        text-transform: uppercase;
        font-family: "ConflictBlack"; }
  .refineByRevereseContainer .mobileOnly, .refineByRevereseContainer .mobileView {
    display: none; }

.catLandingListingSecondary .catListSecondaryCats {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 768px) {
    .catLandingListingSecondary .catListSecondaryCats {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 75%; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .catLandingListingSecondary .catListSecondaryCats .productItem {
      height: 540px; } }

.catLandingListingSecondary .pageTitle {
  color: #003865;
  font-family: "ConflictBlack";
  font-size: 44px;
  margin-bottom: 16px;
  text-tranform: uppercase; }
  .catLandingListingSecondary .pageTitle:before, .catLandingListingSecondary .pageTitle:after {
    content: " ";
    display: table; }
  .catLandingListingSecondary .pageTitle:after {
    clear: both; }
  @media (max-width: 767px) {
    .catLandingListingSecondary .pageTitle {
      font-size: 54px;
      margin-bottom: 6px;
      margin-left: 13px; } }
  @media only screen and (max-width: 639px) {
    .catLandingListingSecondary .pageTitle {
      font-size: 27px; } }
  .catLandingListingSecondary .pageTitle span {
    display: block;
    float: left; }
    .catLandingListingSecondary .pageTitle span.slashIcon {
      background-image: url(../img/sprites.png);
      background-position: -729px -383px;
      width: 11px;
      height: 30px;
      margin: 6px 5px 0 0;
      float: left; }
      @media (max-width: 767px) {
        .catLandingListingSecondary .pageTitle span.slashIcon {
          margin-top: 12px; } }
      @media only screen and (max-width: 639px) {
        .catLandingListingSecondary .pageTitle span.slashIcon {
          background-image: url(../img/sprites.png);
          background-position: -287px -91px;
          width: 6px;
          height: 15px;
          margin-top: 7px; } }
  .catLandingListingSecondary .pageTitle h1 {
    font-size: inherit; }
    .catLandingListingSecondary .pageTitle h1.pageTitleText {
      display: inline;
      padding-left: 13px; }
      @media only screen and (max-width: 639px) {
        .catLandingListingSecondary .pageTitle h1.pageTitleText {
          padding-left: 5px; } }
    .catLandingListingSecondary .pageTitle h1.searchTitle {
      display: inline;
      padding-left: 12px;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        .catLandingListingSecondary .pageTitle h1.searchTitle {
          display: inline-block;
          margin: 0 0 20px; } }
      @media only screen and (max-width: 639px) {
        .catLandingListingSecondary .pageTitle h1.searchTitle {
          padding-left: 4px; } }

.catLandingListingSecondary .hrline {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
  border-top: 1px solid #d7d2cb; }
  .catLandingListingSecondary .hrline:before, .catLandingListingSecondary .hrline:after {
    content: " ";
    display: table; }
  .catLandingListingSecondary .hrline:after {
    clear: both; }
  .catLandingListingSecondary .hrline {
    margin-bottom: 10px; }
  @media (max-width: 767px) {
    .catLandingListingSecondary .hrline {
      display: none; } }

.catLandingListingSecondary .catDescription {
  color: #363636;
  font-family: "BalticaRegular";
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 47px; }
  @media (max-width: 767px) {
    .catLandingListingSecondary .catDescription {
      display: none; } }
  .catLandingListingSecondary .catDescription > p {
    margin: 0; }

.ias_trigger {
  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;
  margin: 0 auto;
  width: 98.5%; }
  @media (max-width: 767px) {
    .ias_trigger {
      font-size: 30px;
      height: 90px; } }
  @media only screen and (max-width: 639px) {
    .ias_trigger {
      font-size: 15px;
      height: 45px; } }
  .ias_trigger:hover {
    background-color: #003865;
    color: #fff; }
  .ias_trigger span, .ias_trigger a {
    transform: skewX(15deg);
    display: inline-block; }
  .ias_trigger {
    display: block; }
  @media (max-width: 767px) {
    .ias_trigger {
      width: 92.5%; } }
  .ias_trigger a {
    color: #fff;
    line-height: 55px;
    width: 100%; }
    .ias_trigger a:hover {
      text-decoration: none; }
    @media (max-width: 767px) {
      .ias_trigger a {
        line-height: 90px; } }
    @media only screen and (max-width: 639px) {
      .ias_trigger a {
        line-height: 45px; } }

/*
* Refinements Section
*/
@media only screen and (max-width: 767px) {
  .refinementMobContainer {
    position: fixed;
    background: #fff;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 21;
    transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 1, 1); }
    .refinementMobContainer.open {
      transform: translate3d(100%, 0, 0);
      transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0, 0, 0.2, 1); } }

/*
* Category Listing Header
*/
.catHeader {
  margin-bottom: 20px; }
  .catHeader.catBottom {
    clear: both; }
    @media (max-width: 767px) {
      .catHeader.catBottom {
        display: none !important; } }
  @media only screen and (max-width: 767px) {
    .catHeader {
      margin-bottom: 80px; } }
  @media only screen and (max-width: 639px) {
    .catHeader {
      margin-bottom: 40px; } }
  .catHeader .catSorting {
    margin-left: -10px;
    margin-right: -10px; }
    .catHeader .catSorting:before, .catHeader .catSorting:after {
      content: " ";
      display: table; }
    .catHeader .catSorting:after {
      clear: both; }
  .catHeader .catSortingCountDetails {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px; }
    @media (min-width: 768px) {
      .catHeader .catSortingCountDetails {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 33.3333333333%; } }
    @media only screen and (max-width: 767px) {
      .catHeader .catSortingCountDetails {
        padding-top: 31px; } }
    @media only screen and (max-width: 639px) {
      .catHeader .catSortingCountDetails {
        padding-top: 16px; } }
  @media (max-width: 767px) {
    .catHeader .catSortingSearchCountDetails {
      display: none !important; } }
  .catHeader .sorting {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 768px) {
      .catHeader .sorting {
        margin-left: 33.3333333333%; } }
    @media (min-width: 768px) {
      .catHeader .sorting {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 33.3333333333%; } }
    @media only screen and (min-width: 768px) {
      .catHeader .sorting {
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .catHeader .sorting {
        margin-bottom: 37px;
        padding: 0 37px; } }
    @media only screen and (max-width: 639px) {
      .catHeader .sorting {
        margin-bottom: 19px;
        padding: 0 19px; } }
    .catHeader .sorting .sortDropdown {
      float: right;
      height: 46px; }
      @media only screen and (max-width: 767px) {
        .catHeader .sorting .sortDropdown {
          width: 100%;
          height: 93px;
          float: none; } }
      @media only screen and (max-width: 639px) {
        .catHeader .sorting .sortDropdown {
          height: 47px; } }
  @media only screen and (max-width: 767px) {
    .catHeader .plpSortingBox {
      position: relative;
      float: left;
      width: 50%;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px; }
      .catHeader .plpSortingBox {
        float: right;
        margin-bottom: 0; }
        .catHeader .plpSortingBox .sortDropdown {
          width: 90%; } }
  .catHeader .customSelect select {
    height: 46px; }
    @media only screen and (max-width: 767px) {
      .catHeader .customSelect select {
        height: 93px;
        width: 100%; } }
    @media only screen and (max-width: 639px) {
      .catHeader .customSelect select {
        height: 47px; } }
  .catHeader .totalResult {
    font-family: "ConflictBlack";
    color: #363636;
    font-size: 19px;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .catHeader .totalResult {
        font-size: 28px;
        float: left;
        display: inline-block;
        padding-left: 15px;
        padding-right: 12px; } }
    @media only screen and (max-width: 639px) {
      .catHeader .totalResult {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 6px; } }
  .catHeader .showpageText {
    font-family: "BalticaRegular";
    color: #363636;
    font-size: 14px;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .catHeader .showpageText {
        font-size: 18px;
        padding: 3px 0 44px; } }
    @media only screen and (max-width: 639px) {
      .catHeader .showpageText {
        font-size: 9px;
        padding: 2px 0 22px; } }

.catBottom .catSorting {
  margin: 0; }

.refinementTitle {
  font-family: "ConflictBlack";
  color: #000;
  font-size: 24px;
  display: block;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .refinementTitle.desktopView {
      display: none !important; } }
  .refinementTitle.mobileHeading {
    font-size: 34px;
    padding: 30px 0 24px 23px;
    position: relative;
    letter-spacing: 1px; }
    @media (min-width: 940px) {
      .refinementTitle.mobileHeading {
        display: none !important; } }
    @media (min-width: 768px) and (max-width: 939px) {
      .refinementTitle.mobileHeading {
        display: none !important; } }
    @media only screen and (max-width: 639px) {
      .refinementTitle.mobileHeading {
        font-size: 17px;
        padding: 15px 0 12px 12px; } }
  .refinementTitle .closeIcon {
    background-image: url(../img/sprites.png);
    background-position: -403px 0px;
    width: 75px;
    height: 57px;
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 16px; }
    @media only screen and (max-width: 639px) {
      .refinementTitle .closeIcon {
        background-image: url(../img/sprites.png);
        background-position: -394px -499px;
        width: 38px;
        height: 29px;
        right: 3px;
        top: 8px; } }

.clearAllRefinements {
  float: right;
  font-family: "ConflictBlack";
  color: #000;
  font-size: 19px;
  text-transform: uppercase;
  margin: 12px 15px 0 0; }
  .clearAllRefinements:hover {
    text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .clearAllRefinements {
      font-size: 24px;
      margin: 37px 15px 43px 0; } }
  @media only screen and (max-width: 639px) {
    .clearAllRefinements {
      font-size: 12px;
      margin: 19px 8px 22px 0; } }

.refineCatTypeName {
  display: inline-block;
  width: 100%;
  font-family: "ConflictBold";
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 0 6px; }
  @media only screen and (max-width: 767px) {
    .refineCatTypeName {
      font-size: 24px;
      padding: 27px 0 15px 23px; } }
  @media only screen and (max-width: 639px) {
    .refineCatTypeName {
      font-size: 12px;
      padding: 14px 0 8px 23px; } }

@media only screen and (min-width: 768px) {
  .refinementsSummary {
    margin-left: -10px;
    margin-bottom: 5px; } }

.refinementsSummary .appliedRefinement {
  list-style: none;
  font-family: "BalticaRegular";
  color: #000;
  font-size: 14px;
  background: #d7d2cb;
  padding: 17px 15px 15px 19px;
  margin-bottom: 1px;
  max-width: 215px; }
  @media only screen and (max-width: 767px) {
    .refinementsSummary .appliedRefinement {
      max-width: 100%;
      font-size: 24px;
      padding: 21px 19px 24px 53px;
      margin-bottom: 5px; } }
  @media only screen and (max-width: 639px) {
    .refinementsSummary .appliedRefinement {
      font-size: 12px;
      padding: 11px 10px 12px 27px;
      margin-bottom: 2px; } }
  .refinementsSummary .appliedRefinement .clear {
    background-image: url(../img/sprites.png);
    background-position: -357px -380px;
    width: 31px;
    height: 24px;
    display: inline-block;
    float: right;
    margin-top: -3px; }
    @media only screen and (max-width: 767px) {
      .refinementsSummary .appliedRefinement .clear {
        background-image: url(../img/sprites.png);
        background-position: -435px -439px;
        width: 49px;
        height: 37px; } }
    @media only screen and (max-width: 639px) {
      .refinementsSummary .appliedRefinement .clear {
        background-image: url(../img/sprites.png);
        background-position: -661px -628px;
        width: 25px;
        height: 19px; } }

.categoryRefinement {
  padding-bottom: 38px; }
  .categoryRefinement .categoryRefinementValue {
    display: inline-block;
    width: 100%;
    padding-bottom: 7px; }
    .categoryRefinement .categoryRefinementValue .slashIcon {
      background-image: url(../img/sprites.png);
      background-position: -698px -558px;
      width: 7px;
      height: 19px;
      display: inline-block;
      float: left;
      margin: 4px 5px 0 0;
      max-height: 14px; }
      @media only screen and (max-width: 767px) {
        .categoryRefinement .categoryRefinementValue .slashIcon {
          margin: 3px 20px 0 0;
          max-height: 21px; } }
      @media only screen and (max-width: 639px) {
        .categoryRefinement .categoryRefinementValue .slashIcon {
          margin: 2px 10px 0 0;
          max-height: 11px; } }
    @media only screen and (max-width: 767px) {
      .categoryRefinement .categoryRefinementValue {
        float: left;
        border-bottom: 1px solid #d7d2cb;
        padding: 32px 26px 33px 26px; }
        .categoryRefinement .categoryRefinementValue:first-child {
          border-top: 1px solid #d7d2cb; } }
    @media only screen and (max-width: 639px) {
      .categoryRefinement .categoryRefinementValue {
        padding: 16px 13px 17px 13px; } }
  @media only screen and (max-width: 767px) {
    .categoryRefinement {
      padding: 0 10px;
      position: fixed;
      background: #fff;
      top: 0;
      right: 100%;
      width: 100%;
      height: 100%;
      overflow-y: scroll;
      overflow-x: hidden;
      z-index: 21;
      transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 1, 1); }
      .categoryRefinement nav:before, .categoryRefinement nav:after {
        content: " ";
        display: table; }
      .categoryRefinement nav:after {
        clear: both; }
      .categoryRefinement .closetFilterMobButton {
        margin: 31px 0; } }
    @media only screen and (max-width: 767px) and (max-width: 639px) {
      .categoryRefinement .closetFilterMobButton {
        margin: 16px 0; } }
  @media only screen and (max-width: 767px) {
      .categoryRefinement.open {
        transform: translate3d(100%, 0, 0);
        transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0, 0, 0.2, 1); } }
  .categoryRefinement .categoryRefineVal {
    display: inline-block;
    float: left;
    width: 93%; }
  .categoryRefinement .value {
    font-family: "ConflictBlack";
    color: #000;
    font-size: 19px;
    text-transform: uppercase;
    line-height: 25px; }
    .categoryRefinement .value:hover {
      border-bottom: 1px solid #d50032;
      padding-bottom: 4px;
      text-decoration: none; }
    @media only screen and (max-width: 767px) {
      .categoryRefinement .value {
        font-family: "ConflictBold";
        color: #000;
        font-size: 24px; }
        .categoryRefinement .value:hover {
          border: none; } }
    @media only screen and (max-width: 639px) {
      .categoryRefinement .value {
        font-family: "ConflictBold";
        color: #000;
        font-size: 12px;
        line-height: 13px;
        display: block;
        height: 14px; }
        .categoryRefinement .value:hover {
          padding-bottom: 2px;
          border: none; } }
  .categoryRefinement .categoryRefineTitleMob {
    font-family: "ConflictBlack";
    color: #000;
    font-size: 34px;
    padding: 30px 0 24px 23px;
    position: relative;
    letter-spacing: 1px;
    display: inline-block;
    width: 100%;
    text-transform: uppercase; }
    @media (min-width: 768px) and (max-width: 939px) {
      .categoryRefinement .categoryRefineTitleMob {
        display: none !important; } }
    @media (min-width: 940px) {
      .categoryRefinement .categoryRefineTitleMob {
        display: none !important; } }
    @media only screen and (max-width: 639px) {
      .categoryRefinement .categoryRefineTitleMob {
        font-size: 17px;
        padding: 15px 0 12px 12px; } }
    .categoryRefinement .categoryRefineTitleMob .closeIcon {
      background-image: url(../img/sprites.png);
      background-position: -403px 0px;
      width: 75px;
      height: 57px;
      display: inline-block;
      position: absolute;
      right: 6px;
      top: 16px; }
      @media only screen and (max-width: 639px) {
        .categoryRefinement .categoryRefineTitleMob .closeIcon {
          background-image: url(../img/sprites.png);
          background-position: -394px -499px;
          width: 38px;
          height: 29px;
          right: 3px;
          top: 8px; } }

.catsearchsubHeading {
  font-family: "ConflictBlack";
  color: #000;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 0 15px; }
  @media (max-width: 767px) {
    .catsearchsubHeading {
      display: none !important; } }

.refinementsList {
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .refinementsList {
      margin-top: 0; } }
  .refinementsList .refineCatVal {
    display: inline-block;
    float: left;
    width: 84%; }
    @media (min-width: 768px) and (max-width: 939px) {
      .refinementsList .refineCatVal {
        width: 68%; } }
    @media only screen and (min-width: 940px) {
      .refinementsList .refineCatVal {
        width: 70%; } }
  .refinementsList .hitcounter {
    float: right; }
  .refinementsList .refinementValue {
    display: inline-block; }
    @media (min-width: 768px) and (max-width: 939px) {
      .refinementsList .refinementValue {
        width: 75%; } }
    @media only screen and (min-width: 940px) {
      .refinementsList .refinementValue {
        width: 80%; } }
  .refinementsList .heading {
    font-family: "ConflictBlack";
    color: #000;
    font-size: 19px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    padding: 10px 0 5px; }
    .refinementsList .heading:hover {
      text-decoration: none; }
    .refinementsList .heading:focus {
      outline: 0; }
    .refinementsList .heading .slashIcon {
      background-image: url(../img/sprites.png);
      background-position: -698px -558px;
      width: 7px;
      height: 19px;
      display: inline-block;
      float: left;
      margin: 4px 5px 0 0;
      max-height: 14px; }
      @media only screen and (max-width: 767px) {
        .refinementsList .heading .slashIcon {
          margin: 2px 23px 0 0;
          max-height: 19px; } }
      @media only screen and (max-width: 639px) {
        .refinementsList .heading .slashIcon {
          margin: 1px 12px 0 0;
          max-height: 10px; } }
    @media only screen and (min-width: 768px) {
      .refinementsList .heading .accordionIcon {
        font-family: "ConflictBlack";
        color: #d50032;
        font-size: 29px;
        display: inline-block;
        float: right; }
        .refinementsList .heading .accordionIcon:before {
          content: "+";
          position: absolute;
          top: 4px;
          right: 0; } }
    @media only screen and (max-width: 767px) {
      .refinementsList .heading {
        font-family: "ConflictBold";
        color: #000;
        font-size: 24px;
        padding: 10px 17px 33px 25px; }
        .refinementsList .heading .accordionIcon {
          background-image: url(../img/sprites.png);
          background-position: -698px -538px;
          width: 16px;
          height: 10px;
          display: inline-block;
          float: right;
          margin-top: 8px; } }
    @media only screen and (max-width: 639px) {
      .refinementsList .heading {
        font-size: 12px;
        padding: 5px 9px 14px 13px; }
        .refinementsList .heading .accordionIcon {
          background-image: url(../img/sprites.png);
          background-position: -173px -419px;
          width: 8px;
          height: 5px;
          margin-top: 4px; } }
  .refinementsList .refinement {
    list-style: none;
    max-width: 190px;
    position: relative;
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .refinementsList .refinement {
        max-width: 100%;
        border-bottom: 1px solid #d7d2cb;
        margin-bottom: 22px; }
        .refinementsList .refinement:first-child {
          border-top: 1px solid #d7d2cb;
          padding-top: 22px; } }
    @media only screen and (max-width: 639px) {
      .refinementsList .refinement {
        margin-bottom: 11px; }
        .refinementsList .refinement:first-child {
          padding-top: 11px; } }
    .refinementsList .refinement .bucket {
      display: none;
      padding: 14px 0 13px; }
      @media only screen and (min-width: 768px) {
        .refinementsList .refinement .bucket {
          border-top: 1px solid #d7d2cb;
          border-bottom: 1px solid #d7d2cb; } }
      @media only screen and (max-width: 767px) {
        .refinementsList .refinement .bucket {
          padding: 0 17px 5px 34px; } }
      @media only screen and (max-width: 639px) {
        .refinementsList .refinement .bucket {
          padding: 0 9px 3px 17px; } }
    .refinementsList .refinement.expanded {
      margin-bottom: 0; }
      @media only screen and (max-width: 767px) {
        .refinementsList .refinement.expanded {
          margin-bottom: 22px; } }
      @media only screen and (max-width: 639px) {
        .refinementsList .refinement.expanded {
          margin-bottom: 11px; } }
      .refinementsList .refinement.expanded .bucket {
        display: block; }
      @media only screen and (min-width: 768px) {
        .refinementsList .refinement.expanded .accordionIcon:before {
          content: "-";
          position: absolute;
          top: 5px;
          right: 0px; } }
      @media only screen and (max-width: 767px) {
        .refinementsList .refinement.expanded .accordionIcon {
          background-image: url(../img/sprites.png);
          background-position: -698px -466px;
          width: 16px;
          height: 10px;
          display: inline-block;
          float: right;
          margin-top: 8px; } }
      @media only screen and (max-width: 639px) {
        .refinementsList .refinement.expanded .accordionIcon {
          background-image: url(../img/sprites.png);
          background-position: -191px -419px;
          width: 8px;
          height: 5px;
          margin-top: 4px; } }

.refinementsList .value {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  font-family: "BalticaRegular";
  color: #000;
  font-size: 14px;
  line-height: 20px; }
  @media only screen and (max-width: 767px) {
    .refinementsList .value {
      font-size: 24px;
      padding: 0  0 35px;
      line-height: 58px; } }
  @media only screen and (max-width: 639px) {
    .refinementsList .value {
      font-size: 12px;
      padding: 0  0 18px;
      line-height: 29px; } }
  .refinementsList .value:hover {
    text-decoration: none; }
  .refinementsList .value:focus {
    outline: 0; }
  .refinementsList .value .refineCheckbox {
    background-image: url(../img/sprites.png);
    background-position: -215px -91px;
    width: 26px;
    height: 20px;
    display: inline-block;
    float: left;
    margin: 0 11px 0 18px; }
    @media only screen and (max-width: 767px) {
      .refinementsList .value .refineCheckbox {
        background-image: url(../img/sprites.png);
        background-position: 0px -312px;
        width: 74px;
        height: 58px;
        margin: 0 5px 0 18px; } }
    @media only screen and (max-width: 639px) {
      .refinementsList .value .refineCheckbox {
        background-image: url(../img/sprites.png);
        background-position: -489px -499px;
        width: 37px;
        height: 29px;
        margin: 0 3px 0 9px; } }
  .refinementsList .value.selected .refineCheckbox {
    background-image: url(../img/sprites.png);
    background-position: -251px -91px;
    width: 26px;
    height: 20px; }
    @media only screen and (max-width: 767px) {
      .refinementsList .value.selected .refineCheckbox {
        background-image: url(../img/sprites.png);
        background-position: -168px -312px;
        width: 74px;
        height: 58px; } }
    @media only screen and (max-width: 639px) {
      .refinementsList .value.selected .refineCheckbox {
        background-image: url(../img/sprites.png);
        background-position: -442px -499px;
        width: 37px;
        height: 29px; } }

.appltFilterMobButton {
  text-align: center;
  margin-top: 30px; }
  @media (min-width: 940px) {
    .appltFilterMobButton {
      display: none !important; } }
  @media (min-width: 768px) and (max-width: 939px) {
    .appltFilterMobButton {
      display: none !important; } }
  @media only screen and (max-width: 639px) {
    .appltFilterMobButton {
      margin-top: 15px; } }
  .appltFilterMobButton 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: 91%; }
    @media (max-width: 767px) {
      .appltFilterMobButton button {
        font-size: 30px;
        height: 90px; } }
    @media only screen and (max-width: 639px) {
      .appltFilterMobButton button {
        font-size: 15px;
        height: 45px; } }
    .appltFilterMobButton button:hover {
      background-color: #003865;
      color: #fff; }
    .appltFilterMobButton button span, .appltFilterMobButton button a {
      transform: skewX(15deg);
      display: inline-block; }
    @media only screen and (max-width: 767px) {
      .appltFilterMobButton button {
        font-size: 40px; } }
    @media only screen and (max-width: 639px) {
      .appltFilterMobButton button {
        font-size: 20px; } }

.closetFilterMobButton {
  text-align: center;
  margin: 23px 0; }
  @media (min-width: 940px) {
    .closetFilterMobButton {
      display: none !important; } }
  @media (min-width: 768px) and (max-width: 939px) {
    .closetFilterMobButton {
      display: none !important; } }
  @media only screen and (max-width: 639px) {
    .closetFilterMobButton {
      margin: 12px 0; } }
  .closetFilterMobButton button {
    background-color: #fff;
    color: #003865;
    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: 91%;
    border-color: #d7d2cb; }
    @media (max-width: 767px) {
      .closetFilterMobButton button {
        font-size: 30px;
        height: 90px; } }
    @media only screen and (max-width: 639px) {
      .closetFilterMobButton button {
        font-size: 15px;
        height: 45px; } }
    .closetFilterMobButton button:hover {
      background-color: #d7d2cb;
      color: #003865; }
    .closetFilterMobButton button span, .closetFilterMobButton button a {
      transform: skewX(15deg);
      display: inline-block; }
    .closetFilterMobButton button {
      font-family: "ConflictBlack"; }
    @media only screen and (max-width: 767px) {
      .closetFilterMobButton button {
        font-size: 40px; } }
    @media only screen and (max-width: 639px) {
      .closetFilterMobButton button {
        font-size: 20px; } }

@media only screen and (max-width: 767px) {
  .refinementMobContainer {
    padding: 0 10px; } }

@media only screen and (max-width: 639px) {
  .refinementMobContainer {
    padding: 0 5px; } }

.filterByMobButton {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 768px) and (max-width: 939px) {
    .filterByMobButton {
      display: none !important; } }
  @media (min-width: 940px) {
    .filterByMobButton {
      display: none !important; } }
  @media only screen and (max-width: 767px) {
    .filterByMobButton {
      padding: 0 23px 0 32px; } }
  @media only screen and (max-width: 639px) {
    .filterByMobButton {
      padding: 0 12px 0 16px; } }
  .filterByMobButton button {
    background-color: #003865;
    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) {
      .filterByMobButton button {
        font-size: 30px;
        height: 90px; } }
    @media only screen and (max-width: 639px) {
      .filterByMobButton button {
        font-size: 15px;
        height: 45px; } }
    .filterByMobButton button:hover {
      background-color: #009cde;
      color: #fff; }
    .filterByMobButton button span, .filterByMobButton button a {
      transform: skewX(15deg);
      display: inline-block; }
    @media only screen and (max-width: 767px) {
      .filterByMobButton button {
        height: 93px; } }
    @media only screen and (max-width: 639px) {
      .filterByMobButton button {
        height: 47px; } }

.refineByCatMobButton {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 768px) and (max-width: 939px) {
    .refineByCatMobButton {
      display: none !important; } }
  @media (min-width: 940px) {
    .refineByCatMobButton {
      display: none !important; } }
  @media only screen and (max-width: 767px) {
    .refineByCatMobButton {
      padding: 0 39px 0 16px; } }
  @media only screen and (max-width: 639px) {
    .refineByCatMobButton {
      padding: 0 20px 0 8px; } }
  .refineByCatMobButton 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) {
      .refineByCatMobButton button {
        font-size: 30px;
        height: 90px; } }
    @media only screen and (max-width: 639px) {
      .refineByCatMobButton button {
        font-size: 15px;
        height: 45px; } }
    .refineByCatMobButton button:hover {
      background-color: #003865;
      color: #fff; }
    .refineByCatMobButton button span, .refineByCatMobButton button a {
      transform: skewX(15deg);
      display: inline-block; }
    @media only screen and (max-width: 767px) {
      .refineByCatMobButton button {
        height: 93px; } }
    @media only screen and (max-width: 639px) {
      .refineByCatMobButton button {
        height: 47px; } }

.quickBuyProductWrapper .loadingLabel {
  display: none; }

.catPageNavigation {
  display: none; }

@media only screen and (min-width: 768px) {
  .mobileView {
    display: none; } }

.plp-promo-hide, .plp-price-hide {
  display: none; }

.productGrid .prodBlock .promoMessageText {
  overflow: hidden;
  min-height: unset; }
  @media (max-width: 767px) {
    .productGrid .prodBlock .promoMessageText {
      height: 52px; } }
  @media only screen and (max-width: 639px) {
    .productGrid .prodBlock .promoMessageText {
      min-height: 26px; } }