@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lora&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
@import "variables.css";
* {
  box-sizing: border-box;
}

/*--------------------------------------*
 * FUNCTIONS 							*
 *--------------------------------------*/
/*----------------------------------------------- *
  *   Fonts
 *------------------------------------------------*/
/*--------Font Family--------*/
/*--------Fonts--------*/
/*--------Icon Font Varaiable--------*/
/*----------------------------------------------- *
  *   Colours
 *------------------------------------------------*/
/*--------Primary Colours-------- */
/*--------Font Colors--------*/
/*--------Border Colors--------*/
/*--------Background Colors--------*/
/*--------Notification Colors--------*/
/*----------------------------------------------- *
  *   Spacing
 *------------------------------------------------*/
/*-------- Padding / Margin (Gutter)--------*/
/*--------Radius--------*/
/*--------Borders & Background Varables --------*/
/*--------Bootstrap Typography Settings--------*/
/* The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.*/
/*------------------------------------------------*
  *   TYPOGRAPHY & FORM VARIABLES
 *------------------------------------------------*/
/*----- Font Sizes, Line Height -----*/
/*----- Header Font Sizes -----*/
/*--------Input Field--------*/
/*--------Table Field--------*/
/*--------Anchor--------*/
/*----------------------------------------------- *
  *   Buttons
 *------------------------------------------------*/
/*----------------------------------------------- *
  *   General
 *------------------------------------------------*/
/*----------------------------------------------- *
  *   Product
 *------------------------------------------------*/
/*-----Product Grid -------------------------------*/
/*-----Product Detail Page -------------------------------*/
/*------------------------------------*
  PRODUCT CAROUSEL :do we need them .. They are not being used as of now as there is not diff btween with product grid and corousel strcutre 
 *------------------------------------*/
/*----------- Owl Carousel -----------*/
/*----------------------------------------------- *
  *   Navigation
 *------------------------------------------------*/
/*----------------------------------------------- *
  *   User Menu
 *------------------------------------------------*/
/*----------------------------------------------- *
  *   Checkout Pages
 *------------------------------------------------*/
/*----------------------------------------------- *
  *   Mini Cart
 *------------------------------------------------*/
/* drop down cart */
/* slide cart */
/* hover cart */
/*----------------------------------------------- *
  *   Category Page
 *------------------------------------------------*/
/*----------------------------------------------- *
  *  Account Pages
 *------------------------------------------------*/
/*-----------  Forgot PWD-----------*/
/*----------------------------------------------- *
  *  Pagination 
 *------------------------------------------------*/
/*----------------------------------------------- *
  *   jQueri UI
 *------------------------------------------------*/
/*----------------------------------------------- *
  *  Header 
 *------------------------------------------------*/
/*----------------------------------------------- *
  *  Footer
 *------------------------------------------------*/
/*----------------------------------------------- *
  *  WebSite Designer
 *------------------------------------------------*/
/*-----------  Badge & Tag -----------*/
/*-----------  Social Icons -----------*/
/*----------------------------------------------- *
  *  Theme Specific  
 *------------------------------------------------*/
/*--------Ansnhri Background Slider Settings--------*/
/*--------Wearable Settings--------*/
/*--------Debug Settings--------*/
/*----------------------------------------------------*
  Responsive/Media Query/Sussy Varaiables
 *----------------------------------------------------*/
/*-Menu---------------------------------------------------------------*/
/*-Menu Width-------------------*/
/*-Menu Color-------------------*/
/*-Respoinsive Menu Width-------*/
/*-Respoinsive Menu Color-------*/
/*--------Fontawesome 5.11.2 fontawesome--------*/
/*
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fas,
.far,
.fal,
.message_section .notification,
.message_section .info,
.message_section .error,
.message_section .success,
.shipment .statusSteps .Delivered i,
.shipment .statusSteps .Shipped i,
.shipment .statusSteps .Packed i,
.shipment .statusSteps .Processing i,
.shipment .statusSteps .Approved i,
.shipment .statusSteps .Received i,
.progressbar .active.step,
.progressbar .step,
#invoice i,
#cancel-order i,
#return-order i,
#change-payment i,
#retry-payment i,
#display-order-progress i,
.review .rating_5,
.review .rating_4,
.review .rating_3,
.review .rating_2,
.review .rating_1,
.LogOut i,
.Login i,
.OpenCart i,
.adddWishToCart i,
.MyAccount i,
.WishList i,
.searchBtn i,
.toolbar #showResponsiveFiler,
.toolbar .grid,
.toolbar .list,
.toolbar .ZtA,
.toolbar .AtZ,
.toolbar .LtH,
.toolbar .HtL,
.e404 i,
.copy i,
.SearchTag i,
.email i,
.website i,
.remove i,
.minicart i,
.expand,
.collapse,
.adjust-qty .decrease,
.adjust-qty .increase,
.selectBox,
.fad,
.fab,
.whatsapp i,
.instagram i,
.tumblr i,
.youtube i,
.pinterest i,
.google i,
.google-plus i,
.linkedin i,
.twitter i,
.facebook i {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: var(--line-height-multiplier);
  font-size: 1.5em;
}

.ui-datepicker-next, .ui-datepicker-prev {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5em;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.message_section .fa-pull-left.notification,
.message_section .fa-pull-left.info,
.message_section .fa-pull-left.error,
.message_section .fa-pull-left.success,
.shipment .statusSteps .Delivered i.fa-pull-left,
.shipment .statusSteps .Shipped i.fa-pull-left,
.shipment .statusSteps .Packed i.fa-pull-left,
.shipment .statusSteps .Processing i.fa-pull-left,
.shipment .statusSteps .Approved i.fa-pull-left,
.shipment .statusSteps .Received i.fa-pull-left,
.progressbar .fa-pull-left.step,
#invoice i.fa-pull-left,
#cancel-order i.fa-pull-left,
#return-order i.fa-pull-left,
#change-payment i.fa-pull-left,
#retry-payment i.fa-pull-left,
#display-order-progress i.fa-pull-left,
.review .fa-pull-left.rating_5,
.review .fa-pull-left.rating_4,
.review .fa-pull-left.rating_3,
.review .fa-pull-left.rating_2,
.review .fa-pull-left.rating_1,
.LogOut i.fa-pull-left,
.Login i.fa-pull-left,
.OpenCart i.fa-pull-left,
.adddWishToCart i.fa-pull-left,
.MyAccount i.fa-pull-left,
.WishList i.fa-pull-left,
.searchBtn i.fa-pull-left,
.toolbar .fa-pull-left#showResponsiveFiler,
.toolbar .fa-pull-left.grid,
.toolbar .fa-pull-left.list,
.toolbar .fa-pull-left.ZtA,
.toolbar .fa-pull-left.AtZ,
.toolbar .fa-pull-left.LtH,
.toolbar .fa-pull-left.HtL,
.e404 i.fa-pull-left,
.copy i.fa-pull-left,
.SearchTag i.fa-pull-left,
.email i.fa-pull-left,
.website i.fa-pull-left,
.remove i.fa-pull-left,
.minicart i.fa-pull-left,
.fa-pull-left.expand,
.fa-pull-left.collapse,
.adjust-qty .fa-pull-left.decrease,
.adjust-qty .fa-pull-left.increase,
.fa-pull-left.selectBox,
.fab.fa-pull-left,
.whatsapp i.fa-pull-left,
.instagram i.fa-pull-left,
.tumblr i.fa-pull-left,
.youtube i.fa-pull-left,
.pinterest i.fa-pull-left,
.google i.fa-pull-left,
.google-plus i.fa-pull-left,
.linkedin i.fa-pull-left,
.twitter i.fa-pull-left,
.facebook i.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.message_section .fa-pull-right.notification,
.message_section .fa-pull-right.info,
.message_section .fa-pull-right.error,
.message_section .fa-pull-right.success,
.shipment .statusSteps .Delivered i.fa-pull-right,
.shipment .statusSteps .Shipped i.fa-pull-right,
.shipment .statusSteps .Packed i.fa-pull-right,
.shipment .statusSteps .Processing i.fa-pull-right,
.shipment .statusSteps .Approved i.fa-pull-right,
.shipment .statusSteps .Received i.fa-pull-right,
.progressbar .fa-pull-right.step,
#invoice i.fa-pull-right,
#cancel-order i.fa-pull-right,
#return-order i.fa-pull-right,
#change-payment i.fa-pull-right,
#retry-payment i.fa-pull-right,
#display-order-progress i.fa-pull-right,
.review .fa-pull-right.rating_5,
.review .fa-pull-right.rating_4,
.review .fa-pull-right.rating_3,
.review .fa-pull-right.rating_2,
.review .fa-pull-right.rating_1,
.LogOut i.fa-pull-right,
.Login i.fa-pull-right,
.OpenCart i.fa-pull-right,
.adddWishToCart i.fa-pull-right,
.MyAccount i.fa-pull-right,
.WishList i.fa-pull-right,
.searchBtn i.fa-pull-right,
.toolbar .fa-pull-right#showResponsiveFiler,
.toolbar .fa-pull-right.grid,
.toolbar .fa-pull-right.list,
.toolbar .fa-pull-right.ZtA,
.toolbar .fa-pull-right.AtZ,
.toolbar .fa-pull-right.LtH,
.toolbar .fa-pull-right.HtL,
.e404 i.fa-pull-right,
.copy i.fa-pull-right,
.SearchTag i.fa-pull-right,
.email i.fa-pull-right,
.website i.fa-pull-right,
.remove i.fa-pull-right,
.minicart i.fa-pull-right,
.fa-pull-right.expand,
.fa-pull-right.collapse,
.adjust-qty .fa-pull-right.decrease,
.adjust-qty .fa-pull-right.increase,
.fa-pull-right.selectBox,
.fab.fa-pull-right,
.whatsapp i.fa-pull-right,
.instagram i.fa-pull-right,
.tumblr i.fa-pull-right,
.youtube i.fa-pull-right,
.pinterest i.fa-pull-right,
.google i.fa-pull-right,
.google-plus i.fa-pull-right,
.linkedin i.fa-pull-right,
.twitter i.fa-pull-right,
.facebook i.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*--------Fontawesome 5.11.2 solid--------*/
/*
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("../fonts/fa-light-300.eot");
  src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg");
}
.fal, .message_section .notification, .message_section .info, .message_section .error, .message_section .success, .shipment .statusSteps .Delivered i, .shipment .statusSteps .Shipped i, .shipment .statusSteps .Packed i, .shipment .statusSteps .Processing i, .shipment .statusSteps .Approved i, .shipment .statusSteps .Received i, .progressbar .active.step, .progressbar .step, #invoice i, #cancel-order i, #return-order i, #change-payment i, #retry-payment i, #display-order-progress i, .review .rating_5, .review .rating_4, .review .rating_3, .review .rating_2, .review .rating_1, .LogOut i, .Login i, .OpenCart i,
.adddWishToCart i, .MyAccount i, .WishList i, .searchBtn i, .toolbar #showResponsiveFiler, .toolbar .grid, .toolbar .list, .toolbar .ZtA, .toolbar .AtZ, .toolbar .LtH, .toolbar .HtL, .e404 i, .copy i, .SearchTag i, .email i, .website i, .remove i, .minicart i, .expand, .collapse, .adjust-qty .decrease, .adjust-qty .increase, .selectBox {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

/*
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

/*
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

/*--------Fontawesome 5.11.2 brands--------*/
/*
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab, .whatsapp i, .instagram i, .tumblr i, .youtube i, .pinterest i, .google i, .google-plus i, .linkedin i, .twitter i, .facebook i {
  font-family: "Font Awesome 5 Brands";
}

/*--------Fontawesome 5.11.2 duotone--------
@import "iconFonts/fontawesome-5.11.2/scss/duotone";*/
/* DON NOT Move Mixin from here .. it will bread span and galaxy plugins */
/*----------------------------------------------------------------------*
 * FUNCTIONS & MIXINS & Extends
 *-----------------------------------*/
/*          
@mixin transition-duration($properties...) {         
 	-webkit-transition-duration: $properties;
  	   -moz-transition-duration: $properties;
  	    -ms-transition-duration: $properties;
         -o-transition-duration: $properties;
            transition-duration: $properties;        }

@mixin transition($properties...) {
  -webkit-transition: $properties;
     -moz-transition: $properties;
      -ms-transition: $properties;
       -o-transition: $properties;
          transition: $properties;	}

@mixin shadow($shadow...) {
  -webkit-box-shadow: $shadow;
     -moz-box-shadow: $shadow;
      -ms-box-shadow: $shadow;
       -o-box-shadow: $shadow;
          box-shadow: $shadow;	}

@mixin transform($values...){
  -webkit-transform: $values;
  	 -moz-transform: $values;
  	  -ms-transform: $values;
  	   -o-transform: $values;
  		  transform: $values;	}

@mixin object-fit($values...){
  -webkit-object-fit: $values;
  	 -moz-object-fit: $values;
  	  -ms-object-fit: $values;
  	   -o-object-fit: $values;
  		  object-fit: $values;	}
*/
/*-----------------------------------*
 * GENERIC WEBKIT MIXINS			 *
 * https://css-tricks.com/snippets/sass/mixin-prefix-properties/
 *-----------------------------------*/
/*-----------------------------------*
 * GRID FUNCTIONS / MIXINS			 *
 *-----------------------------------*/
/*-----------------------------------*
 * CUSTOM GRID MIXINS			     *
 *-----------------------------------*/
/* Boostrap Clearfix 		*/
/*--------------------------------------*
 * FUNCTIONS 							*
 *--------------------------------------*/
/*----------------------------------------------------------------------*
 *    Menu                                                                *
 *----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*
 *    megaMenu 2nd Level Class 'megaMenu'                                    *
 *    DropDown Menu 2nd Level Class 'dwaMenu-submenu'                        * 

<div class="menuContainer">
    <div class="overlapblackbg"></div>
    <div class="mobileHeader">
        <a id="dwaNavToggle" class="animated-arrow"><span></span></a>
        <a class="smallogo"><img src="images/logo.png" alt=""/></a>
    </div>
    <nav class="dwaMenu">
      <ul class="mobile-sub dwaMenu-list">
        <li class="home-li"><a href="/" class="active"><span class="hometext">&nbsp;&nbsp;Home</span></a></li>
        <li><a href="#"></i>&nbsp;&nbsp;Dropdowns <span class="arrow"></span></a>
          <ul class="dwaMenu-submenu">
 *----------------------------------------------------------------------*/
/*---------------Menu SCSS Overall ------------------------*/
.dwaMenu {
  font-family: sans-serif;
}
.dwaMenu * {
  box-sizing: border-box;
}
.dwaMenu .cl {
  clear: both;
}
.dwaMenu a {
  text-decoration: none;
  color: var(--light-font-color);
}
.dwaMenu a:visited {
  color: var(--light-font-color);
}
.dwaMenu ul,
.dwaMenu ol {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.dwaMenu li {
  margin: 0;
  padding: 0;
}
.dwaMenu textarea {
  min-height: 60px;
  padding: 5px 0;
}
.dwaMenu .arrow {
  float: right;
}
.dwaMenu .arrow::after {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid var(--secondary-color);
  content: "";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
}
.dwaMenu .dwaMenu-arrow {
  float: right;
}
.dwaMenu .dwaMenu-arrow::after {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid var(--secondary-color);
  content: "";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
}

.dwaMenu {
  border-radius: 4px 4px 0 0;
  font-size: var(--font-size-base);
  font-weight: 400;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0;
  position: relative;
  width: 100%;
}

.dwaMenu-list {
  display: table;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 100%;
}
.dwaMenu-list > li {
  display: table-cell;
  text-align: center;
}
.dwaMenu-list > li > a {
  font-weight: 400;
  display: block;
  line-height: 48px;
  padding: 0 14px;
  position: relative;
  text-decoration: none;
}
.dwaMenu-list > li > a:hover {
  color: var(--light-font-color) !important;
  text-decoration: none;
  background-color: var(--secondary-color);
}
.dwaMenu-list > li > a.active {
  text-decoration: none;
}
.dwaMenu-list li:first-child a {
  border-radius: 4px 0 0;
}
.dwaMenu-list li:last-child a {
  border-radius: 0 4px 0 0;
  border-right: 0 solid;
}
.dwaMenu-list li a .arrow {
  float: right;
}
.dwaMenu-list li a .arrow::after {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid var(--secondary-color);
  content: "";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
}
.dwaMenu-list li a:hover .arrow::after {
  border-top-color: var(--secondary-color);
}
.dwaMenu-list li a.active .arrow::after {
  border-top-color: var(--secondary-color);
}
.dwaMenu-list li:hover > a {
  color: var(--light-font-color) !important;
  text-decoration: none;
  background-color: var(--secondary-color);
}
.dwaMenu-list li:hover > a .arrow::after {
  border-top-color: var(--secondary-color);
}
.dwaMenu-list li:hover .megaMenu {
  opacity: 1;
}
.dwaMenu-list li:hover > .dwaMenu-submenu {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
.dwaMenu-list li:hover > .megaMenu {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
.dwaMenu-list li:hover .dwaMenu-submenu {
  display: block;
}
.dwaMenu-list li > .dwaMenu-submenu {
  -webkit-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -ms-transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  transform: rotateX(-75deg);
  transform-style: preserve-3d;
  visibility: hidden;
}
.dwaMenu-list li > .megaMenu {
  -webkit-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -ms-transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  transform: rotateX(-75deg);
  transform-style: preserve-3d;
  visibility: hidden;
}
.dwaMenu-list .megaMenu li:hover > a {
  background: transparent none repeat scroll 0 0 !important;
}
.dwaMenu-list .megaMenu li a:hover {
  background: transparent none repeat scroll 0 0 !important;
  text-decoration: none;
}
.dwaMenu-list .megaMenu li .fa {
  margin-right: 5px;
  text-align: center;
  width: 18px;
}
.dwaMenu-list .dwaMenu-submenu .dwaMenu-submenu-sub {
  left: 100%;
  margin: 0;
  min-width: 220px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: 0 0 0;
  -webkit-transition: opacity 0.4s ease 0s;
  -moz-transition: opacity 0.4s ease 0s;
  -ms-transition: opacity 0.4s ease 0s;
  -o-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
}
.dwaMenu-list .dwaMenu-submenu .dwaMenu-submenu-sub .dwaMenu-submenu-sub-sub {
  left: 100%;
  margin: 0;
  min-width: 220px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: 0 0 0;
  -webkit-transition: opacity 0.4s ease 0s;
  -moz-transition: opacity 0.4s ease 0s;
  -ms-transition: opacity 0.4s ease 0s;
  -o-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
}
.dwaMenu-list .dwaMenu-submenu .dwaMenu-submenu-sub li:hover .dwaMenu-submenu-sub-sub {
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-border-color);
  list-style: outside none none;
  opacity: 1;
  padding: 2px;
}
.dwaMenu-list .dwaMenu-submenu li:hover .dwaMenu-submenu-sub {
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-border-color);
  list-style: outside none none;
  opacity: 1;
  padding: 2px;
  display: block;
}

.megaMenu {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-border-color);
  font-size: var(--font-size-base);
  left: 0px;
  margin: 0;
  opacity: 0;
  padding: 14px;
  position: absolute;
  text-align: left;
  top: 48px;
  transform-origin: 0 0 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  width: 100%;
  z-index: 99;
}
.megaMenu .DWAtitle {
  border-bottom: 1px solid #ccc;
  height: auto;
  padding: 0 0 7px;
  text-align: left;
  font-weight: 600;
  white-space: normal;
}

.link-list li {
  display: block;
  text-align: left;
  white-space: nowrap;
}
.link-list li a {
  border-right: 0 none !important;
  display: block;
  line-height: 18px;
  padding: 6px 0;
  text-align: left;
}
.link-list .fa {
  font-size: 11px;
}

.dwaMenu-submenu {
  background-color: var(--primary-color);
  margin: 0;
  opacity: 0;
  padding: 2px;
  position: absolute;
  top: 48px;
  transform-origin: 0 0 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  z-index: 99;
}
.dwaMenu-submenu li {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.dwaMenu-submenu li > .dwaMenu-submenu-sub {
  -webkit-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -ms-transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  transform: rotateX(-75deg);
  transform-style: preserve-3d;
  visibility: hidden;
}
.dwaMenu-submenu li:hover > .dwaMenu-submenu-sub {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
.dwaMenu-submenu li a {
  background: var(--primary-color);
  border-right: 0 none !important;
  display: block;
  letter-spacing: normal;
  line-height: 22px;
  padding: 6px 12px;
  text-align: left;
  text-transform: none;
}
.dwaMenu-submenu > li > a:hover {
  background-color: var(--secondary-color) !important;
  border-radius: 0 !important;
  text-decoration: none;
}
.dwaMenu-submenu .fa {
  margin-right: 7px;
}

.dwaMenu-submenu-sub li > .dwaMenu-submenu-sub-sub {
  -webkit-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -ms-transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  transform: rotateX(-75deg);
  transform-style: preserve-3d;
  visibility: hidden;
}
.dwaMenu-submenu-sub li:hover > .dwaMenu-submenu-sub-sub {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}

.mobileHeader,
.overlapblackbg,
.dwaMenu-click,
.dwaMenu-click02,
li.home-li,
.hometext {
  display: none;
}

/*---------------Mega Menu------------------------*/
/*---------------Half Mega Menu------------------------*/
/*---------------Drop Down------------------------*/
/*------------------------------------------------------------------------------------*/
/*---------------(Desktop Menu - min-width:$menu-break-point)------------------------*/
@media only screen and (min-width: 992.2px) {
  .menuContainer {
    color: var(--light-font-color);
    width: 90%;
    float: left;
  }
  .dwaMenu-list li:hover > .dwaMenu-submenu {
    display: block !important;
    width: 25%;
  }
  .dwaMenu-list li:hover > .megaMenu {
    display: block !important;
  }
  .dwaMenu-submenu {
    border: 1px solid var(--primary-border-color);
  }
  .dwaMenu-submenu li:hover > .dwaMenu-submenu-sub {
    display: block !important;
  }
  .dwaMenu-submenu-sub li:hover > .dwaMenu-submenu-sub-sub {
    display: block !important;
  }
  .dwaMenu-click03 {
    display: none;
  }
  .link-list {
    width: 25%;
    float: left;
  }
  .link-list li a {
    color: var(--light-font-color) !important;
  }
  /*---------------Mega Menu------------------------*/
  /*---------------Half Mega Menu------------------------*/
  /*---------------Drop Down------------------------*/
}
/*--------------------------------------------------------------*/
/*----------(Mobile Menu - max-width:779px)--------------------*/
@media only screen and (max-width: 992px) {
  .dwaMenu li:hover a {
    color: #FFF !important;
  }
  .dwaMenu li a {
    color: #FFF !important;
  }
  .dwaMenu li:hover {
    color: #FFF !important;
  }
  /* Commented to fix Safari / Apple device issue (primarily position:fixed;)    
  .menuContainer{
      z-index:99;
      //very very important else it owlcarousel with show above this
      width:$menu-responsive-container-width;
      height:$menu-responsive-height;
      position:fixed;
      top:0;
      left:0;
      background:$menu-responsive-container-color;    
      clear:left;
      backface-visibility:hidden;
      overflow:hidden;
      @include webkit( transition, all 0.4s ease-in-out 0s);
      float:left !important;
      &.dwaOffCanvasOpener{
          display:block;
          margin-left:$menu-responsive-width;
      }
  }*/
  header {
    padding-top: 0px !important;
    padding-bottom: 0px;
  }
  header #logo,
  header .logo {
    display: none;
  }
  .dwaOffCanvasOpener .dwaMenu {
    left: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
  }
  .dwaOffCanvasOpener .overlapblackbg {
    display: block !important;
  }
  .dwaOffCanvasOpener .animated-arrow {
    left: 240px;
  }
  .dwaOffCanvasOpener .animated-arrow span {
    background-color: transparent;
  }
  .dwaOffCanvasOpener .animated-arrow span::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .dwaOffCanvasOpener .animated-arrow span::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .mobileHeader {
    display: block !important;
    height: 65px;
    background: var(--fifth-color);
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 102;
    width: 100%;
  }
  .dwaMenu-list > li:hover > a {
    text-decoration: none;
  }
  .dwaMenu-list > li > a {
    background-color: var(--primary-color);
  }
  .dwaMenu-list li:hover .dwaMenu-submenu {
    display: none;
  }
  .dwaMenu-list li:hover .dwaMenu-submenu .dwaMenu-submenu-sub {
    display: none;
  }
  .dwaMenu-list li:hover .megaMenu {
    display: none;
    position: relative !important;
    top: 0;
  }
  .dwaMenu-list li:hover > .dwaMenu-submenu {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  .dwaMenu-list li:hover > .megaMenu {
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  .dwaMenu-list li:first-child a {
    border-radius: 0;
  }
  .dwaMenu-list li:last-child a {
    border-radius: 0;
    border-right: 0 solid;
  }
  .dwaMenu-list li > .dwaMenu-submenu {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  .dwaMenu-list li > .megaMenu {
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  .dwaMenu-list .dwaMenu-submenu .dwaMenu-submenu-sub li:hover .dwaMenu-submenu-sub-sub {
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-border-color);
    display: none;
    list-style: outside none none;
    padding: 2px;
  }
  .dwaMenu-list .megaMenu {
    background-color: var(--primary-color);
    border: 0 solid;
    display: none;
    opacity: 1 !important;
    padding: 0;
    position: relative !important;
    top: 0;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  .hometext {
    display: inline-block !important;
  }
  .overlapblackbg {
    background-color: var(--primary-color);
    opacity: 0.6;
    z-index: 102;
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }
  .dwaMenu-submenu li > .dwaMenu-submenu-sub {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  .dwaMenu-submenu li:hover > .dwaMenu-submenu-sub {
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  .dwaMenu {
    background-color: var(--primary-color) !important;
    color: #FFF !important;
    border: medium none !important;
    border-radius: 0;
    height: 100%;
    left: -240px;
    margin: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    width: 240px;
    z-index: 103;
  }
  .dwaMenu > .dwaMenu-list > li > a {
    background-color: transparent;
    border-bottom: 1px solid var(--primary-border-color);
    border-right: 0 solid;
    color: #FFF !important;
    line-height: 25px;
    padding: 9px 32px 9px 10px;
    position: static;
    text-align: left;
  }
  .dwaMenu > .dwaMenu-list > li > a.active {
    background-color: var(--primary-color);
    color: #666666;
  }
  .dwaMenu > .dwaMenu-list > li > a:hover {
    background-color: var(--secondary-color);
    color: #666666;
  }
  .dwaMenu .dwaMenu-list {
    display: block !important;
    height: 100%;
    overflow-y: auto;
  }
  .dwaMenu .dwaMenu-list > li {
    background-color: var(--primary-color);
    border-right: medium none;
    display: block;
    float: none;
    position: relative;
    white-space: inherit;
    width: 100%;
    overflow: hidden;
  }
  .dwaMenu .dwaMenu-list li a .arrow::after {
    display: none !important;
  }
  .dwaMenu-click i, .megaMenuHeader-click i, .dwaMenu-click02 i {
    background-size: 25px auto;
    color: var(--secondary-color);
    display: block;
    float: right;
    height: 23px;
    margin-right: 8px;
    margin-top: 11px;
    width: 25px;
  }
  .dwaMenu-click {
    cursor: pointer;
    display: block;
    height: 43px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  .dwaMenu-click02 {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  .dwa-activearrow > i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dwaMenu-rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dwaMenu-submenu-sub {
    border: 0 solid !important;
    display: none;
    left: 100% !important;
    margin: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    position: static !important;
    top: 0 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
  }
  .dwaMenu-submenu-sub li {
    margin: 0 !important;
    padding: 0;
    position: relative;
  }
  .dwaMenu-submenu-sub li a.active {
    color: #000 !important;
  }
  .dwaMenu-submenu-sub li:hover > .dwaMenu-submenu-sub-sub {
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  .dwaMenu-submenu-sub li > .dwaMenu-submenu-sub-sub {
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  .dwaMenu-submenu-sub a {
    border-bottom: 1px solid var(--primary-border-color);
    display: block;
    font-weight: normal;
    padding: 10px 25px;
  }
  .dwaMenu-submenu-sub-sub {
    border: 0 solid !important;
    display: none;
    left: 100% !important;
    margin: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    position: static !important;
    top: 0 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
    border: 0 solid !important;
    display: none;
    left: 100% !important;
    margin: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    position: static !important;
    top: 0 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
  }
  .dwaMenu-submenu-sub-sub li {
    margin: 0 !important;
  }
  .dwaMenu-submenu-sub-sub li a.active {
    color: #000 !important;
  }
  .dwaMenu-submenu-sub-sub a {
    background: #000 none repeat scroll 0 0 !important;
    border-bottom: 1px solid var(--primary-border-color);
    color: #000;
    display: block;
    font-weight: normal;
    padding: 10px 25px;
  }
  .mobile-sub .dwaMenu-submenu {
    background-color: var(--primary-color);
    display: none;
    opacity: 1 !important;
    padding: 0;
    position: relative !important;
    top: 0;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  .mobile-sub .dwaMenu-submenu li {
    color: #FFF;
    border-bottom: 1px solid var(--primary-border-color);
  }
  .mobile-sub .dwaMenu-submenu li a {
    background-color: var(--primary-color) !important;
    color: #FFF;
    height: 36px;
    line-height: 20px;
    padding: 8px 0 8px 18px;
  }
  .mobile-sub .dwaMenu-submenu li a:hover {
    text-decoration: underline;
  }
  .mobile-sub .dwaMenu-submenu li .dwaMenu-submenu-sub li a {
    border-bottom: medium none;
    height: 36px;
    line-height: 20px;
    padding-left: 28px;
  }
  .mobile-sub .dwaMenu-submenu li .dwaMenu-submenu-sub li .dwaMenu-submenu-sub-sub li a {
    border-bottom: medium none !important;
    height: 36px;
    line-height: 20px;
    padding-left: 38px;
  }
  .megaMenu .DWAtitle {
    font-size: 13px !important;
    padding: 10px 8px 10px 0;
    height: 40px;
  }
  .megaMenu > ul {
    margin: 0;
    padding: 0;
    width: 100% !important;
  }
  .megaMenu > ul > li > a {
    line-height: normal !important;
    padding: 9px 14px 9px 25px !important;
  }
  .megaMenu ul li.DWAtitle {
    background-color: transparent !important;
    border-bottom: 1px solid var(--primary-border-color);
    line-height: 26px;
    margin: 0;
    padding: 7px 13px 7px 18px !important;
    position: relative;
    text-transform: unset;
  }
  .megaMenu ul li.DWAtitle:first-child a {
    padding: 0 !important;
  }
  .halfdiv {
    display: block;
    width: 100%;
  }
  .halfdiv .DWAtitle {
    padding-left: 15px;
  }
  .halfmenu {
    display: block;
    width: 100%;
  }
  .animated-arrow {
    position: relative;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    z-index: 102;
    cursor: pointer;
    padding: 15px 35px 15px 0 !important;
    margin: 10px;
    display: block;
    float: left;
  }
  .animated-arrow span::before {
    top: -7px;
  }
  .animated-arrow span::after {
    bottom: -7px;
  }
  .smallLogo {
    z-index: 101;
  }
  /* Important for responsive menu open close button */
  .animated-arrow span,
  .animated-arrow span::before,
  .animated-arrow span::after {
    background: var(--primary-color) none repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 3px;
    position: absolute;
    width: 23px;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
  }
  .dwaOffCanvasOpener .animated-arrow span::before,
  .animated-arrow.active span::after {
    top: 7px;
  }
  /*---------------------------------------*/
  /* Important for responsive menu open close button */
  @-webkit-keyframes rotating {
    from {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }
  .main-content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  ul.link-list li {
    border-bottom: 1px solid var(--primary-border-color);
  }
  ul.link-list li:not(:first-child) {
    display: none;
  }
  .dwaMenu-click03 {
    cursor: pointer;
    display: block;
    height: 43px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 100%;
  }
  .dwaMenu-click03 i {
    float: right;
  }
  .dwaMenu-click03 i::after {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid var(--secondary-color);
    content: "";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
  }
  .smallLogo {
    display: block;
    text-align: center;
  }
  .smallLogo img {
    margin-top: 10px;
    max-height: 50px;
  }
  .header {
    height: 65px;
  }
  /*---------------Mega Menu------------------------*/
  /*---------------Half Mega Menu------------------------*/
  /*---------------Drop Down------------------------*/
}
/*----------------------------------*
 * LAYOUT & RESPONSIVE STUFF        *
 *----------------------------------*/
.topBar::after, .middleBar::after, .bottomBar::after {
  display: block;
  content: "";
  clear: both;
}

/*-----SUSSY----*/
/*----------------------------------------------------------------------*
 *    Basics   : reset                                                         *
 *----------------------------------------------------------------------*/
body {
  margin: 0;
}

* {
  box-sizing: border-box;
}

html {
  font-size: var(--font-size-base);
}

body {
  line-height: var(--line-height-multiplier);
  color: var(--primary-font-color);
  font-family: sans-serif;
  font-size: var(--font-size-base);
}

#tabs,
.footer_links,
.userMenu,
.filerTabs,
.colorPaletteFacet,
.checkboxFacet,
.logins,
.accountNav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

section::after,
.header_container::after,
.notification_container::after,
.navigation_container::after,
.mainPage_container::after,
.footer_container::after {
  display: block;
  content: "";
  clear: both;
}

.mainPage_container {
  min-height: 400px;
}

img {
  max-width: 100%;
}

.visible {
  display: block;
}

.hidden {
  display: none;
}

.clear::after {
  display: block;
  content: "";
  clear: both;
}

.right {
  float: right !important;
}

.left {
  float: left !important;
}

.full {
  width: calc(5.5em + (100% - 5.5em));
  float: left;
  margin-right: 0.5em;
}

.half {
  width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
  float: left;
  margin-right: 0.5em;
}
.half:nth-child(2n+2) {
  margin-right: 0;
}

.max1200 {
  max-width: 1200px;
  margin: auto;
}

.last {
  margin-right: 0 !important;
}

.center {
  float: none !important;
  margin: auto !important;
}

dd ul li {
  padding: 2px 10px;
  display: block;
}

/* From Box Layout */
div.box {
  width: 100%;
}
div.box .label,
div.box label,
div.box .input,
div.box .value {
  width: 100%;
}
div.box .label,
div.box label {
  width: 100%;
  float: left;
}
div.box .input,
div.box .value {
  width: 100%;
  float: left;
}
div.box .input.valid,
div.box .value.valid {
  border: 2px solid green;
}
div.box .input.error,
div.box .value.error {
  border: 2px solid red;
}

/*----------------------------------------------------------------------*
 *    Message                                                           *
 *----------------------------------------------------------------------*/
.message_section div {
  font-size: 1.4rem;
  margin-bottom: 20px;
  padding: 20px 0px;
  width: calc(5.5em + (100% - 5.5em));
  float: left;
  margin-right: 0.5em;
}
.message_section div:before {
  margin: 0 20px;
}
.message_section .success {
  color: #33cc33;
  border: 1px solid #33cc33;
}
.message_section .error {
  border: 1px solid #cc0000;
  color: #cc0000;
}
.message_section .info {
  border: 1px solid #3399ff;
  color: #3399ff;
}
.message_section .notification {
  border: 1px solid #3399ff;
  color: #3399ff;
}

/*----------------------------------------------------------------------*
 *     jQuery Validate                                                  *
 *----------------------------------------------------------------------*/
div.input input.error,
input.error {
  border: 1px solid #cc0000 !important;
}

div.input label.error {
  color: #cc0000;
}

/*----------------------------------------------------------------------*
 *    Error Pages                                                        *
 *----------------------------------------------------------------------*/
.errorIcon {
  font-size: 12em;
}

.errorMsg {
  text-align: center;
}
.errorMsg .opps {
  font-size: 8em;
}
.errorMsg .errorTitle {
  font-size: 3em;
}
.errorMsg .errorText {
  font-size: 4em;
}

.currency,
.amount {
  display: none;
}

.productGrid {
  clear: both;
}

/*SocialPresence*/
.SocialSharing a,
.SocialPresence a {
  color: var(--primary-font-color);
  margin-right: 5px;
  border-radius: 50%;
  padding: var(--small-spacing) var(--medium-spacing);
  background: var(--primary-color);
  display: inline-block;
}

/* Floating Social Media Icons */
.FloatingSocial .float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.FloatingSocial i {
  margin-top: 8px;
}

.blankDiv {
  border: 1px solid var(--secondary-border-color);
  margin: 20px auto;
  padding: 40px 0;
  text-align: center;
  font-size: 1.8rem;
}

.small {
  color: var(--secondary-font-color);
  font-size: 1.2rem;
}

.poweredByDWAC,
#FooterLogo {
  margin-top: 80px;
  text-align: center;
}
.poweredByDWAC::after,
#FooterLogo::after {
  display: block;
  content: "";
  clear: both;
}
.poweredByDWAC img,
#FooterLogo img {
  max-width: 150px;
  opacity: 0.9;
}

/*----------------------------------------------------------------------*
 *    Basics                                                            *
 *----------------------------------------------------------------------*/
.mainPage_container {
  padding: 0 2px 10px 2px;
}

.footer_container {
  padding: 10px 2px;
}

section {
  margin-bottom: 10px !important;
}
section.superPage,
section .header_container,
section .navigation_container,
section .footer_container {
  margin-bottom: 0 !important;
}

/*----------------------------------------------------------------------*/
.navigation_container,
.products_list li .infoBlock,
ul.sub_menu > li > ul > li:hover,
#productDetail,
.col_right .block-title {
  border-bottom-color: var(--secondary-color);
}

.products_list .actions .addToCart,
.sideNavFilters > ul.departments > li:hover,
.cart_drop .cart_bottom a,
.products_list li .actions .addToCart {
  background: var(--secondary-color);
}

nav .minicart span b,
footer .footer_customblock .shipping_info span,
ul.breadcrumb li.active a,
.productInfo .defaultPrice .big,
footer .footer_links li a:hover,
#totals-table .total {
  color: var(--secondary-color);
}

.cart_drop ul li span defaultPrice,
.cart_drop .cart_bottom .subtotal_menu .big {
  color: var(--secondary-color);
}

footer,
ul.sub_menu,
.sideNavFilters > ul,
ul.sub_menu > li > ul,
.checkout_tax .shipping_tax,
.checkout_discount, .cart_drop {
  border-top-color: var(--secondary-color);
}

/*----------------------------------------------------------------------*/
.title {
  text-align: center;
  text-transform: uppercase;
  border-bottom: 3px solid var(--primary-color);
}

.sub_title {
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid var(--secondary-color);
}

/*needed so the title shows above the category image*/
.title-cat {
  text-align: center;
  z-index: 20;
}

/*----------------------------------------------------------------------*
 *    Typography                                                        *
 *----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/*----- Headings -----*/
h1,
.h1 {
  font-size: var(--h1-font-size);
}

h2,
.h2 {
  font-size: var(--h2-font-size);
}

h3,
.h3 {
  font-size: var(--h3-font-size);
}

h4,
.h4 {
  font-size: var(--h4-font-size);
}

h5,
.h5 {
  font-size: var(--h5-font-size);
}

h6,
.h6 {
  font-size: var(--h6-font-size);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--secondary-font-family);
  font-weight: 500;
  color: var(--secondary-font-color);
  line-height: 2;
}

/*-----------------------------------
 * p, a , ul li, 
 *-----------------------------------*/
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: var(--secondary-color);
}

/*-----------------------------------
* Table 
*-----------------------------------*/
table {
  border-spacing: 0;
  box-sizing: border-box;
  margin-top: 20px;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* restict table width in chrome & Force HTML Tables To Not Exceed Their Containers' Size  */
}
table thead tr th {
  background-color: var(--primary-color);
  padding: 10px 5px;
  font-weight: bold;
  color: var(--light-font-color);
  font-size: 1.2rem;
}
table tfoot tr,
table tbody tr {
  border-bottom: 1px solid #E1E1E1;
}
table tfoot tr td,
table tbody tr td {
  padding: 5px 2px;
}
table tfoot td {
  font-weight: bold;
}
table a {
  text-decoration: underline;
  font-weight: bold;
}

/*----------------------------------------------------------------------*
 *   Forms                                                              *
 *----------------------------------------------------------------------*/
input,
textarea,
select {
  font-size: var(--font-size-base);
  padding: 0.3rem 0.3rem 0.3rem 0.3rem;
  margin: 0.3rem 0.3rem 0.3rem 0.3rem;
  line-height: var(--line-height-multiplier);
  width: 95%;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid var(--secondary-border-color);
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 0;
}

input[type=checkbox], input[type=submit], input[type=radio] {
  width: auto;
}

textarea {
  height: 200px;
}

/*label,
.label{
	margin:$label-margin;
}*/
/* Outer div required for styling of Select elements;added by custom.js*/
.selectBox {
  width: 95%;
  position: relative;
  padding: 0;
}
.selectBox select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  width: 100%;
}
.selectBox select option {
  padding: 5px 40px;
}
.selectBox select:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}
.selectBox select:disabled {
  background: #dddddd;
}

/* Remove IE arrow */
select::-ms-expand {
  display: none;
}

/*-----------------------------------
 * BUTTONS
 *-----------------------------------*/
button,
.button {
  color: var(--dark-font-color);
  background-color: var(--secondary-color);
  border: none;
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 1.4rem;
  line-height: var(--line-height-multiplier);
  border-radius: 0;
}
button:hover,
.button:hover {
  color: var(--dark-font-color);
  background-color: var(--primary-color);
  border: none;
}
button:focus, button.focus,
.button:focus,
.button.focus {
  color: var(--dark-font-color);
  background-color: var(--primary-color);
  border: none;
}
button.disabled, button:disabled,
.button.disabled,
.button:disabled {
  color: var(--dark-font-color);
  background-color: var(--secondary-color);
  border: none;
  /*    // Remove CSS gradients if they're enabled
      @if $enable-gradients {
        background-image: none;
      }*/
}

a.button {
  text-align: center;
}

/*-----Secodnary Button--------------------------*/
.addToWishlist {
  color: var(--primary-font-color);
  background-color: var(--secondary-color);
  border: none;
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 1.4rem;
  line-height: var(--line-height-multiplier);
  border-radius: 0;
}
.addToWishlist:hover {
  color: var(--primary-font-color);
  background-color: var(--primary-color);
  border: none;
}
.addToWishlist:focus, .addToWishlist.focus {
  color: var(--primary-font-color);
  background-color: var(--primary-color);
  border: none;
}
.addToWishlist.disabled, .addToWishlist:disabled {
  color: var(--primary-font-color);
  background-color: var(--secondary-color);
  border: none;
  /*    // Remove CSS gradients if they're enabled
      @if $enable-gradients {
        background-image: none;
      }*/
}

/*-----------------------------------
 * FORMS
 *-----------------------------------*/
.boxStyle {
  margin: 10px 0;
}

.checkStyle input[type=checkbox] {
  margin: 5px 0;
}
.checkStyle label {
  position: relative;
  top: -1px;
}

input[type=checkbox]:hover,
input[type=radio]:hover {
  cursor: pointer;
}

.mainForm {
  display: none;
}

.required > label:after,
.required .label:after {
  content: "*";
  color: red;
}

.badge {
  color: var(--light-font-color);
  background-color: var(--secondary-color);
  display: inline-block;
  padding: 0.3125rem 0.375rem;
  font-size: 75%;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.125rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.tag {
  border-radius: 35px;
  padding: 5px 10px;
  color: var(--light-font-color);
  background-color: var(--secondary-color);
  margin: 5px;
  display: block;
  float: left;
}
.tag:hover {
  background: var(--primary-color);
}
.tag i {
  padding-left: 10px;
}
.tag i:before {
  position: relative;
  top: 0.2em;
}

/*--------------------------------------*
 * FUNCTIONS 							*
 *--------------------------------------*/
/*----------------------------------------------------------------------*
 *    Header     : leisureapparel                                                           *
 *----------------------------------------------------------------------*/
header .topBar {
  display: block;
  width: 100%;
}
header .middleBar #logo {
  float: left;
}
header .middleBar #logo img {
  max-height: 80px;
}

.notification_container {
  padding: 5px;
  background-color: var(--primary-background-color);
}

/*---------------------------------------------*
  Search Box                                    
 *---------------------------------------------*/
/*---------------Standard Search ------------------------*/
.search .searchForm {
  cursor: pointer;
  border: 3px solid var(--primary-color);
  overflow: hidden;
  background: white;
}
.search .searchForm #search {
  background: none;
  border: none;
  padding: 5px 10px;
  width: 80%;
  margin: 0px;
}
.search .searchForm #search:focus-visible {
  outline: none;
}
.search .searchForm #searchBtn {
  float: right;
  padding: 5px 10px;
}
.search .searchForm #searchBtn i {
  font-size: var(--font-size-base);
}

/*----------------------------------------------------------------------*
 *    Login Block                                                       *
 *----------------------------------------------------------------------*/
.register p,
.socialMediaLogin p {
  font-size: 1.2rem;
  line-height: 1.6em;
  margin: 5px 0 5px 0;
}

/*----------------------------------------------------------------------*
 *    User Menu                                                         *
 *----------------------------------------------------------------------*/
.userMenu {
  background-color: var(--secondary-color);
  color: var(--light-font-color) !important;
  float: right;
}
.userMenu > li {
  float: right;
  padding: 5px 10px;
}
.userMenu li {
  margin: 0 5px;
  float: left;
}
.userMenu li a {
  color: inherit;
}
.userMenu .parent {
  position: relative;
  line-height: 30px;
  float: right;
  width: 30px;
  text-align: center;
}
.userMenu .parent .first {
  font-size: 1.8rem;
}
.userMenu .parent .first span {
  display: none;
}
.userMenu .parent #options i {
  font-size: 1.8rem;
  margin-right: 10px;
}
.userMenu .parent #options span {
  line-height: 22px;
}

.userMenu li.cart:hover #cartItems,
.userMenu li.myAccount:hover ul#options {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 1;
  visibility: visible;
  display: block;
}

.userMenu li a i {
  display: none;
}

/*---------------------------------------------*
  Language Currency                            
 *---------------------------------------------*/
.switchLanguage,
.switchCurrency {
  float: left;
  margin: 10px 0;
}
.switchLanguage a,
.switchCurrency a {
  display: inline-block;
  padding: 5px 10px;
  margin-right: 2px;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.switchLanguage a.active,
.switchCurrency a.active {
  text-decoration: underline;
}

/* Login Register Page*/
.registerUser,
#loginForm {
  display: none;
  width: 100%;
}

.authenticate {
  margin: 20px 0;
}
.authenticate .button,
.authenticate button {
  width: 100%;
}
.authenticate .gLoginButton,
.authenticate .fbLoginButton,
.authenticate .eLoginButton {
  margin: 5px;
}
.authenticate .gLoginButton i,
.authenticate .fbLoginButton i,
.authenticate .eLoginButton i {
  margin-right: 10px;
}
.authenticate .gLoginButton {
  background: #ea4b25;
  color: var(--light-font-color);
}
.authenticate .fbLoginButton {
  background: #3b5998;
  color: var(--light-font-color);
}
.authenticate .forgot-password {
  float: right;
  line-height: 3;
  font-size: 1.4rem;
}

.register #CUSTOMER_EMAIL .error:after,
.register #CUSTOMER_MOBILE_CONTACT .error:after,
.register .mobile .error:after,
.register .email .error:after {
  content: "✓";
  color: green;
}
.register #CUSTOMER_EMAIL .valid:after,
.register #CUSTOMER_MOBILE_CONTACT .valid:after,
.register .mobile .valid:after,
.register .email .valid:after {
  content: "×";
  color: red;
}

/*----------------------------------------------------------------------*
 *    Footer                                                            *
 *----------------------------------------------------------------------*/
.footer_container {
  background-color: var(--primary-background-color);
}
.footer_container footer h3 {
  padding-bottom: 5px;
  text-transform: uppercase;
}
.footer_container footer .footer_links li a {
  display: block;
  padding: 5px 0;
  color: var(--primary-font-color);
  letter-spacing: 0px;
}
.footer_container footer .footer_links li a:hover {
  color: #9f9f9f;
}
.footer_container footer .copy {
  padding-top: 20px;
  color: var(--primary-font-color);
}
.footer_container footer .middleBar,
.footer_container footer .bottomBar {
  /* ensure empty div spaces are maintained */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer_container footer .bottomBar {
  padding-top: 10px;
}
.footer_container #FooterLogo {
  margin-top: 20px;
  text-align: center;
}
.footer_container #FooterLogo::after {
  display: block;
  content: "";
  clear: both;
}
.footer_container #FooterLogo img {
  max-width: 150px;
  opacity: 0.5;
}

/*----------------------------------------------------------------------*
 *    Navigation                                                        *
 *----------------------------------------------------------------------*/
.navigation_container {
  background: var(--primary-color);
}
.navigation_container nav {
  color: var(--light-font-color);
}
.navigation_container nav:hover {
  color: var(--light-font-color);
}

/*------------------------------------*
  Toolbar
 *------------------------------------*/
.toolbar {
  padding: 5px 0;
  border: 1px solid var(--secondary-border-color);
  border-width: 1px 0px;
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
  /*label {
      font-size:11px;
      text-transform:uppercase;
      float:left;
      padding-right:$large-spacing;
      line-height:24px;
  }*/
}
.toolbar a {
  margin-right: 15px;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
}
.toolbar .respFilter {
  display: none;
}
.toolbar .showNo {
  line-height: 3em;
  text-align: right;
}
.toolbar .viewBy {
  text-align: center;
}

/*------------------------------------*
  SideNav
 *------------------------------------*/
#top_nav .selectBox {
  min-width: 150px;
}

/* Default : Tabbed Navigation */
#side_nav {
  border-bottom: 1px solid #cecece;
  /*h1 {
      color:$third-color;
      line-height:40px;
      padding-bottom:$medium-spacing;
  }*/
}
#side_nav::after {
  display: block;
  content: "";
  clear: both;
}
#side_nav #filerTabs {
  display: none;
}
#side_nav ul,
#side_nav #facetBlocks {
  margin: 10px 0;
}
#side_nav .facetBlock {
  border-bottom: 1px solid var(--secondary-border-color);
  margin-bottom: 20px;
  clear: both;
}
#side_nav .facetBlock:last-child {
  border: none;
}
#side_nav .title {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
}
#side_nav a.remove {
  text-decoration: none;
  color: var(--secondary-font-color);
  display: block;
}
#side_nav .filterValue {
  text-transform: capitalize;
  clear: both;
}
#side_nav .filterValue span.multi {
  background: black;
}
#side_nav .colorPaletteFacet {
  overflow: hidden;
}
#side_nav .colorPaletteFacet li {
  clear: right;
}
#side_nav .colorPaletteFacet li a {
  float: left;
  margin: 0 5px 10px;
  -webkit-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.25);
  -moz-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.25);
  -ms-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.25);
  -o-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.25);
  shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.25);
}
#side_nav .colorPaletteFacet li a span {
  display: block;
  text-indent: -9000em;
  width: 20px;
  height: 20px;
}
#side_nav .colorPaletteFacet li a span.filterOn {
  background-repeat: no-repeat;
  background-image: url("../images/select-color.png");
  display: block;
}

.rightNav {
  float: right !important;
  padding-left: 20px;
}

#cl-filter-color* {
  display: none;
}

/*------------------------------------*
  Breadcrumb
 *------------------------------------*/
ul.breadcrumb {
  border-bottom: 1px solid #cecece;
  padding: 10px 0;
  display: inline-block;
  width: 100%;
}
ul.breadcrumb li {
  padding: 0 10px;
  font-size: 0.8rem;
  text-transform: uppercase;
  display: inline-block;
  list-style: none;
  background: url(../images/arrow.png) no-repeat -10px -3px;
}
ul.breadcrumb li:first-child {
  padding-left: 0;
  background: none;
}
ul.breadcrumb li.active {
  background-position: -10px -53px;
}
ul.breadcrumb li a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

/*------------------------------------*
 *    Pagination                      *
 *------------------------------------*/
.pagination {
  text-align: center;
}
.pagination .nugget {
  display: inline-flex;
}
.pagination .nugget a {
  margin: 10px;
  padding: 5px 10px;
  background: var(--primary-color);
  color: var(--light-font-color);
  border-radius: 5px;
}
.pagination .nugget.current a,
.pagination .nugget :hover {
  background: var(--secondary-color);
  color: var(--light-font-color);
}

.f-c-blue {
  background: blue;
}

.f-c-red {
  background: red;
}

.f-c-gold {
  background: gold;
}

.f-c-pink {
  background: pink;
}

.f-c-black {
  background: black;
}

.f-c-yellow {
  background: yellow;
}

.f-c-orange {
  background: orange;
}

.f-c-silver {
  background: silver;
}

.f-c-multi, .f-c-brown {
  background: brown;
}

.f-c-bronze {
  background: #CD7F32;
}

.f-c-dark-grey {
  background: #454545;
}

/*--------Checkout Process Page --------*/
/*----------------------------------------------------------------------*
 *    Checkout Pages                                                    *
 *----------------------------------------------------------------------*/
#cartReview {
  margin: 10px 0;
}

.cartReviewItems a.pr_name {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
.cartReviewItems tr:nth-child(1) {
  border-bottom: 1px solid var(--primary-border-color);
}

input.qty_box {
  width: 50px;
  border: 1px solid var(--secondary-border-color);
  background: #fff;
  text-align: center;
  font-weight: bold;
  padding: 2px;
}

.totals {
  padding: 10px 0;
  margin-right: 20px;
}

.deductions {
  margin-top: 25px;
  font-size: 1.4rem;
}
.deductions .discounts,
.deductions .loyaltyPoints {
  border-top: 1px solid var(--secondary-border-color);
  padding: 10px;
}
.deductions .discounts input,
.deductions .loyaltyPoints input {
  width: calc(2em + ((100% - 5.5em) / 12 * 5));
  float: left;
}

/*----- Checkout Steps -----*/
.checkout_steps {
  margin: 10px 0;
}
.checkout_steps .step-title {
  padding: 10px;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: var(--primary-font-color);
  font-weight: bold;
}
.checkout_steps .step-title .number {
  padding-right: 20px;
  padding-left: 5px;
}
.checkout_steps .blankDiv {
  text-align: center;
}
.checkout_steps .blankDiv h2 {
  font-size: 20px;
}
.checkout_steps h4.title {
  margin: 10px 0 0 0;
}

.action_buttonbar {
  background: var(--primary-background-color);
  border: 1px solid var(--primary-border-color);
  padding: 10px;
  clear: both;
}
.action_buttonbar::after {
  display: block;
  content: "";
  clear: both;
}
.action_buttonbar .button {
  margin: 0;
}
.action_buttonbar .button.checkout {
  float: right;
}

/*----- Checkout Options -----*/
.radio-btn {
  float: left;
  margin: 0 10px;
}

.selectAddress {
  position: relative;
}
.selectAddress .actions {
  position: absolute;
  right: 0;
  top: 0;
}
.selectAddress .ShipAddress {
  margin-bottom: 5px;
}
.selectAddress .ShipAddress::after {
  display: block;
  content: "";
  clear: both;
}

.shippingMethods .ShippingMethod {
  margin-bottom: 5px;
}

.PaymentMethods .PaymentMethod {
  margin-bottom: 5px;
}

input#billingAccountAmount {
  float: none;
  width: 100px;
}

.nospam {
  color: var(--third-font-color);
  font-size: 12px;
  margin-top: 5px;
  display: inline-block;
  padding-bottom: 5px;
}

/***********Qucik / One Page Checkout CSS *****************************************/
.dateAfter,
.dateBefore {
  width: 50%;
}

.dateAfter {
  float: left;
}

.dateBefore {
  float: right;
}

.ShippingMethod::after,
.SplitShipment::after,
.payment::after,
.PaymentMethod::after {
  display: block;
  content: "";
  clear: both;
}

.quickcheckoutnew .left {
  width: calc(3.5em + ((100% - 5.5em) / 12 * 8));
  float: left;
  margin-right: 0.5em;
}
.quickcheckoutnew .right {
  width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
  float: left;
  margin-right: 0.5em;
  margin-right: 0px;
}
.quickcheckoutnew #totals-table,
.quickcheckoutnew .discounts,
.quickcheckoutnew .loyaltyPoints {
  width: 100%;
}

/*----- Order Confirmation -----*/
.status {
  padding: 20px;
  line-height: 2em;
}
.status .orderReceipt,
.status .PaymentRetry,
.status .ChangePaymentMethod {
  color: var(--secondary-color);
  text-decoration: none;
}
.status .orderReceipt:hover,
.status .PaymentRetry:hover,
.status .ChangePaymentMethod:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

.orderConfirmation .title {
  text-align: center;
}

.order-step {
  padding: 10px;
  border-radius: 0;
  border: 1px solid var(--secondary-border-color);
  background-color: #fff;
}
.order-step .box {
  margin: 0;
}
.order-step .box .label,
.order-step .box label {
  font-weight: bold;
  text-align: left;
}

span.pr_info {
  display: block;
  color: var(--third-font-color);
  font-size: 13px;
  margin: 5px 0px;
}

#totals-table .subTotal td {
  font-weight: bold;
}
#totals-table .grandTotal td {
  color: var(--secondary-color);
  font-weight: bold;
  font-size: 16px;
}

/*----------------------------------------------------------------------*
 *    Mini Cart : Drop Down                                             *
 *----------------------------------------------------------------------*/
.minicart {
  padding: 0 20px;
  position: relative;
  /*.cart{
      margin:$medium-spacing $large-spacing;
  }*/
}
.minicart #OpenCart {
  float: right;
  color: inherit;
  padding: 15px 5px 0 0;
}
.minicart .CartItemCount {
  position: absolute;
  top: 5px;
  right: 15px;
}

.emptyCart {
  display: none;
}

.cart_drop {
  color: var(--primary-font-color);
  width: 210px;
  border: 1px solid var(--secondary-border-color);
  border-width: 3px 1px;
  position: absolute;
  top: 50px;
  left: -50px;
  background: var(--primary-background-color);
  display: none;
  z-index: 10;
}
.cart_drop ul .cartItem {
  padding: 5px;
  font-size: 0.8rem;
  width: 100%;
  display: table;
}
.cart_drop ul .cartItem:nth-child(odd) {
  background: lightgray;
  color: #393633;
}
.cart_drop ul .cartItem img {
  padding: 2px;
  border: 3px solid var(--secondary-border-color);
  float: left;
  margin-right: 10px;
  width: 50px;
}
.cart_drop .cart_bottom {
  text-align: center;
}
.cart_drop .subtotal_menu {
  font-size: 1.2rem;
}
.cart_drop .actions a {
  margin-bottom: 5px;
}

/*----------------------------------------------------------------------*
 *    Mini Cart : Sliding SideBar                                       *
 *----------------------------------------------------------------------*/
.slideCartContainer {
  color: var(--primary-font-color);
}
.slideCartContainer .slideCart {
  position: fixed;
  top: 0;
  background: white;
  right: -300px;
  z-index: 110;
  width: 300px;
  height: 100%;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -moz-transition: all 0.6s ease-in-out 0s;
  -ms-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
  padding: 5px;
  border-left: 1px;
  border-bottom: 1px;
}
.slideCartContainer .slideCart ul {
  padding-top: 10px;
  overflow-y: scroll;
  max-height: calc(100% - 150px);
}
.slideCartContainer .slideCart ul .cartItem::after {
  display: block;
  content: "";
  clear: both;
}
.slideCartContainer .slideCart ul .cartItem .ProdImage {
  width: calc(1em + ((100% - 5.5em) / 12 * 3));
  float: left;
  margin-right: 0.5em;
}
.slideCartContainer .slideCart ul .cartItem .ProdInfo {
  width: calc(4em + ((100% - 5.5em) / 12 * 9));
  float: right;
  margin-right: 0 !important;
}
.slideCartContainer .slideCart ul .cartItem .ProdName {
  font-weight: bold;
  margin-bottom: 5px;
}
.slideCartContainer .slideCart a.remove {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 0;
  padding: 5px;
}
.slideCartContainer .cart_bottom {
  width: calc(100% - 10px);
  position: absolute;
  bottom: 10px;
  border-top: 1px solid;
}
.slideCartContainer .subtotal_menu {
  padding: 5px;
  font-weight: bold;
  text-align: center;
}
.slideCartContainer .subtotal_menu .price {
  margin-left: 10px;
}
.slideCartContainer .actions {
  text-align: center;
  padding: 5px;
}
.slideCartContainer .actions a {
  width: 70%;
  display: block;
  margin: auto;
}

.CartOpen .slideCart {
  -webkit-transition: all 0.6s ease-in-out 0s;
  -moz-transition: all 0.6s ease-in-out 0s;
  -ms-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
  right: 0;
}

/*----------------------------------------------------------------------*
 *    Mini Cart: Hover Style                                            *
 *----------------------------------------------------------------------*/
#HoverCart,
#options {
  background: #f7f7f7 none repeat scroll 0 0;
  margin: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 35px;
  /*@include webkit(transform, translateX(-25%));*/
  -webkit-transition: all 0.6s ease-in-out 0s;
  -moz-transition: all 0.6s ease-in-out 0s;
  -ms-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
  visibility: hidden;
  min-width: 250px;
  z-index: 999;
}

#HoverCart:after {
  content: "";
  position: absolute;
  top: -8px;
  width: 0;
  right: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #f7f7f7 transparent;
  -webkit-transform: translateX(-15%);
  -moz-transform: translateX(-15%);
  -ms-transform: translateX(-15%);
  -o-transform: translateX(-15%);
  transform: translateX(-15%);
}

.cartItem::after {
  display: block;
  content: "";
  clear: both;
}

.ProdImage {
  width: calc(1em + ((100% - 5.5em) / 12 * 3));
  float: left;
  margin-right: 0.5em;
}

.ProdInfo {
  width: calc(4em + ((100% - 5.5em) / 12 * 9));
  float: right;
  margin-right: 0 !important;
}

.ProdName {
  font-weight: bold;
}

/*--------Account Page --------*/
/*----------------------------------------------------------------------*
 *    My Account Pages   : from Annshri                                               *
 *----------------------------------------------------------------------*/
/*----- Account Pages Navigation-----*/
.accountNav ul li a {
  display: block;
  background: transparent url("../images/arrow-black.png") 90% 15px no-repeat;
  border-bottom: 1px solid var(--primary-border-color);
  padding: 10px;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -ms-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all, 0.3s, ease-in-out;
}
.accountNav ul li a:hover {
  color: var(--primary-color);
}

/*----- Pages -----*/
.accountPages {
  min-height: 400px;
  border-radius: 0;
}
.accountPages .section::after {
  display: block;
  content: "";
  clear: both;
}
.accountPages .title {
  border-bottom: 3px solid var(--primary-color);
  margin-bottom: 10px;
}
.accountPages div.box {
  margin-left: 20px;
  width: calc(5.5em + (100% - 5.5em));
  float: left;
  margin-right: 0.5em;
}
.accountPages div.box .label,
.accountPages div.box label {
  width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
  float: left;
  margin-right: 0.5em;
}
.accountPages div.box .input,
.accountPages div.box .value {
  width: calc(3.5em + ((100% - 5.5em) / 12 * 8));
  float: right;
  margin-right: 0 !important;
  margin-right: 0;
}
.accountPages div.box::after {
  display: block;
  content: "";
  clear: both;
}
.accountPages .address .subTitle {
  float: left;
  padding: 0;
}
.accountPages .button:hover {
  background: var(--secondary-color);
}
.accountPages #addAddress {
  background: var(--secondary-color);
}

/*----- Tables -----*/
.orderList,
.loyaltyPointsTable,
.wishlists {
  margin: 20px 0;
}
.orderList input[type=text],
.loyaltyPointsTable input[type=text],
.wishlists input[type=text] {
  margin: 0;
}
.orderList th,
.loyaltyPointsTable th,
.wishlists th {
  background: var(--primary-color);
  color: var(--light-font-color);
}
.orderList td,
.loyaltyPointsTable td,
.wishlists td {
  padding: 5px;
}
.orderList a,
.loyaltyPointsTable a,
.wishlists a {
  padding-right: 2px;
  /*&:hover{
      color:$anchor-primary-hover-color;
  }*/
}

/*----- PopUp Windows -----*/
.edit_address, .add_new_address {
  border: 1px solid var(--secondary-border-color);
  border-radius: 0;
  padding: 2%;
  clear: both;
  overflow: hidden;
}
.edit_address .box, .add_new_address .box {
  line-height: 1em;
}
.edit_address .box label,
.edit_address .box .label, .add_new_address .box label,
.add_new_address .box .label {
  line-height: 2em;
}
.edit_address .actions, .add_new_address .actions {
  clear: both !important;
  width: 100% !important;
  margin: auto;
}
.edit_address .title, .add_new_address .title {
  margin-bottom: 5px;
}

.addresses .address {
  clear: both;
  padding: 5px;
  overflow: hidden;
  margin: 5px auto;
}

.editAddress,
.new-address {
  float: right;
}
.editAddress a,
.new-address a {
  margin: 0;
}

.wishlists input {
  width: 50%;
}

/*New Basic Address*/
.basicAddresses .basicAddress {
  padding: 10px;
  margin-bottom: 10px;
}
.basicAddresses .basicAddress .details,
.basicAddresses .basicAddress .edit-address {
  padding: 10px;
}
.basicAddresses .basicAddress .add-address {
  float: left;
}

/* Order Progressing Display*/
.progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: #455A64;
  padding-left: 0px;
  margin-top: 30px;
}
.progressbar li {
  list-style-type: none;
  font-size: 13px;
  width: calc(0.5em + ((100% - 5.5em) / 12 * 2));
  float: left;
  margin-right: 0.5em;
  float: left;
  position: relative;
  font-weight: 400;
}
.progressbar li:nth-child(6n+6) {
  margin-right: 0;
}
.progressbar li:before {
  width: 40px;
  height: 40px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  background: #C5CAE9;
  border-radius: 50%;
  margin: auto;
  padding: 0px;
  text-align: center;
}
.progressbar li:after {
  content: "";
  width: 100%;
  height: 12px;
  background: #C5CAE9;
  position: absolute;
  left: -50%;
  top: 16px;
  z-index: 0;
}
.progressbar li:last-child:after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  left: -50%;
}
.progressbar li:first-child:after {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  left: 50%;
}
.progressbar li:last-child:after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.progressbar li:first-child:after {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.progressbar .step:before {
  color: #fff;
  position: relative;
  z-index: 1;
}

.progressbar li.active:before,
.progressbar li.active:after {
  background: #651FFF;
}

.shipment {
  padding: 10px;
}
.shipment .statusSteps div {
  width: calc(0.5em + ((100% - 5.5em) / 12 * 2));
  float: left;
  margin-right: 0.5em;
  float: left;
  text-align: center;
}
.shipment .statusSteps div:nth-child(6n+6) {
  margin-right: 0;
}
.shipment .statusSteps div i:before {
  font-size: 3em;
}

/*--------Image Blocks--------*/
/*----------------------------------------------------------------------*
 *    Image Block                                                            *
 *----------------------------------------------------------------------*/
.imageBlock .caption, .imageBlock .description {
  display: none;
}
.imageBlock::after {
  display: block;
  content: "";
  clear: both;
}

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*background-color: $imageBlock-overlay-background-color;*/
}

/*.HL4{
     margin-bottom: $extra-large-spacing;
}*/
/*----------------------------------------------------------------------*
 *    Responsive Layout                              *
 *----------------------------------------------------------------------*/
/* Mobile FIRST CSS that will Apply for the current All Screen Sizes*/
/*@media only screen and (min-width:$breakpoint-extra-small) and (max-width:$breakpoint-small - 0.2 ){
	.HL2{
		.image{
	        @include span(12);
			img{
				width:100% !important
			}
	    }
	}

}*/
/* Mobile FIRST CSS that will Apply for the current All Screen Sizes*/
/*@media only screen and (min-width:$breakpoint-small) and (max-width:$breakpoint-medium - 0.2 ){
	.HL2{
		.image{
	        @include gallery(6);
	    }
	}

}*/
/* Mobile FIRST CSS that will Apply for the current All Screen Sizes*/
/*@media only screen and (min-width:$breakpoint-medium) {
	.HL2{
		.image{
	        @include gallery(3);
	    }
	}

}*/
/*--------Poduct Detail & Grid--------*/
/* Debug */
/*-----------------------------------
  IMAGE GALLERY
*-----------------------------------*/
#additionalImageBox {
  margin-top: 5px;
}
#additionalImageBox img {
  border: 1px solid var(--secondary-border-color);
  width: 100px;
  margin-right: 2px;
  -webkit-transition: all, 0.5s, ease;
  -moz-transition: all, 0.5s, ease;
  -ms-transition: all, 0.5s, ease;
  -o-transition: all, 0.5s, ease;
  transition: all, 0.5s, ease;
}
#additionalImageBox img:hover {
  border: 1px solid var(--secondary-color);
}

/*----------------------------------------------------------------------*
 *    Product Detail                                                    *
 *----------------------------------------------------------------------*/
#productDetail::after {
  display: block;
  content: "";
  clear: both;
}
#productDetail .description,
#productDetail .longDescription,
#productDetail .priceBlock,
#productDetail .units,
#productDetail .prodActions,
#productDetail .specification,
#productDetail #features {
  margin-bottom: 10px;
}

#productDetail {
  border: 1px solid var(--secondary-border-color);
  border-width: 1px 0px 3px 0px;
  padding: 20px 0;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
#productDetail .discount {
  padding: 10px 5px;
  position: relative;
  top: -10px;
  border-radius: 100%;
  color: white;
  background-color: var(--secondary-color);
  display: none !important;
}

.productInfo h1 {
  color: var(--primary-color);
  text-transform: uppercase;
}
.productInfo p {
  color: var(--third-color);
  line-height: 20px;
}
.productInfo #virtualPriceRange {
  font-size: 1.2rem;
  padding-right: 20px;
}
.productInfo .description,
.productInfo .longDescription {
  color: var(--primary-font-color);
}
.productInfo .defaultPrice {
  font-size: 1.8rem;
  display: inline-block;
  padding-left: 20px;
  color: var(--primary-color);
}
.productInfo .listPrice {
  font-size: 1.4rem;
  text-decoration: line-through;
  color: var(--fourth-color);
}
.productInfo .feature label,
.productInfo .units label {
  text-transform: uppercase;
  padding-right: 10px;
}
.productInfo .selection {
  padding: 5px 0;
  border: 1px solid var(--secondary-border-color);
  border-width: 1px 0px;
  display: inline-block;
  width: 100%;
}
.productInfo .selection label {
  font-size: 0.8rem;
  text-transform: uppercase;
  float: left;
  padding-right: 10px;
  line-height: 24px;
}
.productInfo .selection > div {
  float: left;
  margin-right: 40px;
}
.productInfo .prodActions {
  display: inline-block;
  width: 100%;
}
.productInfo .prodActions .addToCart {
  font-weight: bold !important;
  font-size: 1.4rem;
}
.productInfo .prodActions .or {
  color: var(--secondary-font-color);
  font-style: italic;
  padding: 0 10px;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
}
.productInfo .specification {
  border-top: 1px solid var(--secondary-border-color);
  padding: 5px 0;
  width: 100%;
}
.productInfo .specification h4 {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.productInfo .specification li {
  line-height: 2;
  list-style: square;
  list-style-position: inside;
  color: var(--secondary-font-color);
}

.productInfo .prodActions button.addToCart,
.action_buttonbar button.checkout,
.cartReviewItems tr td a.remove:hover {
  background-color: var(--secondary-color);
}

.notifyMe {
  font-weight: bold !important;
  text-transform: uppercase;
  border: 0px;
  cursor: pointer;
  background-color: #cc0000;
}

/*-----------------------------------
  Quanity Input format : arrows ; defualt is select box 
*-----------------------------------*/
/*-----------------------------------
  Serviceable Pincode 
*-----------------------------------*/
#isShippable::after {
  display: block;
  content: "";
  clear: both;
}
#isShippable .PincodeInput {
  width: 10em;
  margin-right: 20px;
}

/*-----------------------------------
  Product Review
*-----------------------------------*/
.CustomerReviews::after {
  display: block;
  content: "";
  clear: both;
}

.review {
  padding: 5px;
  border-radius: 0;
  margin-bottom: 10px;
}
.review .required {
  margin: 2px 0 5px;
}

/*----------------------------------------------------------------------*
 *    Compare                                              *
 *----------------------------------------------------------------------*/
.compare {
  position: absolute;
  top: 29%;
  right: 10px;
  background: #64cef1;
  color: #fff;
  padding-top: 20px;
  width: 60px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  font-size: 0.8rem;
  display: none;
}

.sold-out {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #cc0000;
  color: var(--secondary-font-color);
  padding-top: 10px;
  width: 60px;
  height: 42px;
  z-index: 9;
  border-radius: 50%;
  text-align: center;
}

.outOfStock {
  opacity: 0.5;
}

/*----------------------------------------------------------------------*
 *    Product Grid                                                      *
 *----------------------------------------------------------------------*/
.products {
  margin-bottom: 10px;
  position: relative;
  margin-top: 2px;
}
.products::after {
  display: block;
  content: "";
  clear: both;
}

/* ensure that the product grid doesn't expand beyound a point in fluid grid / small screens , carousels*/
.item .prodGrid,
.products .prodGrid,
.owl-item .prodGrid {
  max-width: 250px;
}

.prodGrid {
  -webkit-transition: all, 0.5s, ease;
  -moz-transition: all, 0.5s, ease;
  -ms-transition: all, 0.5s, ease;
  -o-transition: all, 0.5s, ease;
  transition: all, 0.5s, ease;
}
.prodGrid .prodImage {
  border: solid 0px #ffffff;
  border: none;
  text-align: center;
}
.prodGrid .infoBlock {
  height: calc(var(--h4-font-size) * var(--line-height-multiplier) * 2);
  text-align: center;
  overflow: hidden;
}
.prodGrid .infoBlock h3 {
  font-family: var(--primary-font-family);
  font-size: var(--h4-font-size);
  line-height: var(--line-height-multiplier) !important;
}
.prodGrid .infoBlock h3 a {
  color: var(--secondary-font-color);
  text-align: center;
}
.prodGrid .infoBlock .description {
  display: none;
}
.prodGrid .priceBlock {
  font-size: 1.4rem;
  line-height: var(--line-height-multiplier);
  text-align: center;
  text-transform: uppercase;
  padding: 5px 0;
}
.prodGrid .priceBlock .listPrice {
  text-decoration: line-through;
  padding: 0 5px;
  color: var(--fourth-color);
}
.prodGrid .priceBlock .discount {
  padding: 20px 5px;
  position: relative;
  top: -15em;
  left: -100px;
  border-radius: 100%;
  color: white;
  background-color: var(--secondary-font-color);
}
.prodGrid .priceBlock .defaultPrice {
  text-align: center;
  color: var(--primary-color);
  font-weight: bold;
}
.prodGrid .actions {
  margin: 10px auto;
  text-align: center;
}
.prodGrid .actions a.addToWishlist {
  display: none;
}
.prodGrid .actions .addToCart,
.prodGrid .actions .selectVariant {
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* Style Overrides for Product List on Category Page*/
.products_list {
  margin-bottom: 10px;
  margin-top: 2px;
}
.products_list .prodGrid {
  margin-bottom: 20px;
  padding: 2px 0;
  float: left;
  width: 100%;
}
.products_list .prodGrid .infoBlock {
  height: auto;
}
.products_list .prodGrid .infoBlock .description {
  color: var(--primary-font-color);
  font-size: 14px;
  line-height: 18px;
  display: block;
}
.products_list .prodGrid .prodImage {
  float: left;
}

/*--------Misc--------*/
/*----------------------------------------------------------------------*
 *    Misc                                                              *
 *----------------------------------------------------------------------*/
/*SUBSCRIBE Block*/
.subscribe_block {
  background: var(--primary-background-color);
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  margin: 20px 0 5px 5px;
}
.subscribe_block h3 {
  color: var(--secondary-font-color);
  font-size: 1.8rem;
  font-weight: normal;
  text-shadow: 0px 1px 0px var(--shadow-color);
  line-height: 30px;
}
.subscribe_block .find_us {
  float: left;
  width: 295px;
  margin-left: 40px;
  padding: 5px 0;
  border-right: 1px solid var(--secondary-border-color);
  box-shadow: 1px 0px 0px var(--shadow-color);
}
.subscribe_block .find_us h3 {
  float: left;
  padding-right: 20px;
}
.subscribe_block .find_us a {
  width: 33px;
  height: 33px;
  display: inline-block;
  margin-right: 2px;
  background: no-repeat center bottom;
  -webkit-transition: all, 0.2s, ease;
  -moz-transition: all, 0.2s, ease;
  -ms-transition: all, 0.2s, ease;
  -o-transition: all, 0.2s, ease;
  transition: all, 0.2s, ease;
}
.subscribe_block .find_us a:hover {
  background: center top;
}
.subscribe_block .find_us a.twitter {
  background-image: url(../images/twitter.png);
}
.subscribe_block .find_us a.facebook {
  background-image: url(../images/facebook.png);
}
.subscribe_block .find_us a.rss {
  background-image: url(../images/rss.png);
}
.subscribe_block .subscribe_nl {
  width: 555px;
  float: right;
  margin-right: 40px;
}
.subscribe_block .subscribe_nl .small {
  width: 267px;
  color: var(--primary-font-color);
  text-shadow: 0px 1px 0px var(--shadow-color);
  font-size: 0.8rem;
  width: 270px;
  float: left;
}
.subscribe_block .subscribe_nl form {
  width: 268px;
  float: right;
  margin-top: -10px;
}
.subscribe_block .subscribe_nl form .input-text {
  border: 1px solid var(--secondary-border-color);
  padding: 5px;
  border-radius: 0;
  width: 210px;
  background: url(../images/subscribe_textfield.png) repeat-x top;
  box-shadow: inset 1px 1px 0px var(--shadow-color);
  color: var(--secondary-font-color);
  float: left;
  margin: 0;
}
.subscribe_block .subscribe_nl form button {
  width: 34px;
  height: 27px;
  border: 0px;
  background: url(../images/subscribe_btn.png) no-repeat top;
  float: left;
  margin-left: 10px;
  cursor: pointer;
}

/* Brands */
.brandGrid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.brandGrid .brandBox {
  padding: 10px 0;
  -webkit-transition: all, 0.5s, ease;
  -moz-transition: all, 0.5s, ease;
  -ms-transition: all, 0.5s, ease;
  -o-transition: all, 0.5s, ease;
  transition: all, 0.5s, ease;
  min-height: 170px;
  border-radius: 0;
  text-align: center;
}
.brandGrid img {
  background-position: center bottom;
}
.brandGrid h3 a {
  color: var(--primary-color);
  margin: 10px 0 10px 0;
  display: block;
  overflow: hidden;
}
.brandGrid h4 a {
  font-size: 1.2rem;
  text-decoration: none;
}

.brands {
  margin-top: 10px;
}

/* Survey */
.polls {
  border: 5px solid var(--secondary-color);
  padding: 10px;
  margin: 10px 0 0 0;
}
.polls h5 {
  margin: 0 0 5px 0;
}
.polls input[type=radio] {
  margin: 0 0 10px 0;
}
.polls input[type=text] {
  width: 100%;
  margin: 0 0 10px 0;
}
.polls input[type=submit] {
  background-color: var(--secondary-color);
  padding: 5px 10px;
  border: none;
  cursor: pointer;
  color: #fff;
  margin: 5px 0 10px 0;
}
.polls a:link, .polls a:visited {
  float: right;
  text-align: right;
  color: var(--secondary-color);
  text-decoration: none;
  margin: 10px 0 10px 0;
}
.polls a:hover, .polls a:active {
  color: var(--primary-color);
}

/*----------------------------------------------------------------------*
 *    Promotions                                                        *
 *----------------------------------------------------------------------*/
.Promotions {
  margin: 0 20px;
}
.Promotions .Promotion {
  border: 1px dashed var(--secondary-border-color);
  margin: 0 20px 20px 20px;
  padding: 10px 10px;
  min-height: 250px;
  border-radius: 0;
  -webkit-transition: all, 0.5s, ease;
  -moz-transition: all, 0.5s, ease;
  -ms-transition: all, 0.5s, ease;
  -o-transition: all, 0.5s, ease;
  transition: all, 0.5s, ease;
}
.Promotions .Promotion:hover {
  border: 1px dashed var(--secondary-color);
  box-shadow: 0 0 5px var(--secondary-color);
}
.Promotions .Promotion img {
  max-width: 200px;
  min-height: 180px;
}
.Promotions .Promotion .details {
  color: #000;
  padding-top: 5px;
  height: 25px;
  display: block;
  overflow: hidden;
}
.Promotions .Promotion .PromotionBox {
  border: 1px solid var(--secondary-border-color);
  border-radius: 0;
  padding: 0 10px 10px;
  background-color: var(--secondary-border-color);
}

/*----------------------------------------------------------------------*
 *    Review & Rating                                                        *
 *----------------------------------------------------------------------*/
.review .feedback::after,
.review .author::after {
  display: block;
  content: "";
  clear: both;
}
.review .rating {
  color: var(--primary-color);
  font-size: 1em;
}

/*----------------------------------------------------------------------*
 *    Maps                                                        *
 *----------------------------------------------------------------------*/
[id^=map_canvas] {
  width: 100%;
  height: 100%;
  min-height: 600px;
}

.MapHalf {
  width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
  float: left;
  margin-right: 0.5em;
}
.MapHalf:nth-child(2n+2) {
  margin-right: 0;
}

/*From Wearable */
/*----------------------------------------------------------------------*
 *    Promotions                                                             *
 *----------------------------------------------------------------------*/
.promotions .promotion {
  float: left;
  width: 182px;
  border: 1px dashed var(--secondary-border-color);
  margin: 0 26px 26px;
  padding: 10px 10px 10px;
  min-height: 250px;
  border-radius: 0;
  -webkit-transition: all, 0.5s, ease;
  -moz-transition: all, 0.5s, ease;
  -ms-transition: all, 0.5s, ease;
  -o-transition: all, 0.5s, ease;
  transition: all, 0.5s, ease;
}
.promotions .promotion:hover {
  border: 1px dashed var(--secondary-color);
  box-shadow: 0 0 5px var(--secondary-color);
}
.promotions .promotion img {
  max-width: 200px;
  min-height: 180px;
}
.promotions .promotion .details {
  color: #000;
  padding-top: 5px;
  height: 25px;
  display: block;
  overflow: hidden;
}
.promotions .promotion .promotionBox {
  border: 1px solid var(--secondary-border-color);
  border-radius: 0;
  padding: 0 10px 10px;
  background-color: #f7f7f7;
}
.promotions h2.title {
  color: #3eb4e8;
  font-size: 18px;
}

/*----------------------------------------------------------------------*
 *    All Brands Pages                                                    *
 *----------------------------------------------------------------------*/
.brandsList li.brandsBox {
  padding: 5px 0;
  border: 1px solid var(--secondary-border-color);
  -webkit-transition: all, 0.5s, ease;
  -moz-transition: all, 0.5s, ease;
  -ms-transition: all, 0.5s, ease;
  -o-transition: all, 0.5s, ease;
  transition: all, 0.5s, ease;
  min-height: 170px;
  border-radius: 0;
}
.brandsList li.brandsBox:hover {
  border: 1px solid var(--secondary-color);
}
.brandsList .brandsBox img {
  width: 250px;
  height: 126px;
  background-position: center bottom;
  display: block;
}
.brandsList li h3 a {
  color: var(--primary-color);
  margin: 5px 0;
  display: block;
  overflow: hidden;
}
.brandsList li h4 a {
  text-decoration: none;
}

.mainPage .brands {
  margin-top: 10px;
}

/*----------------------------------------------------------------------*
 *    Category Pages                                                    *
 *----------------------------------------------------------------------*/
.products_list {
  border: none;
}

.category .categoryBanner .imageBlock {
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
}

.categoryBanner {
  position: relative;
  height: 200px;
}

/*-----------------------------------
 * jQuery UI Component Styling : From leisureapparel
 *-----------------------------------*/
.ui-accordion-header {
  background: white;
  border-left: none;
  border-right: none;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5px 0;
}
.ui-accordion-header .collapse {
  float: right;
}
.ui-accordion-header .expand {
  float: right;
}

#accordion .ui-accordion-content-active {
  min-height: 200px;
}

/*-----------------------------------*
 * Navigation Facets                 *
 *-----------------------------------*/
#slider-range {
  position: relative;
}

.slider-tip {
  opacity: 1;
  margin-left: -5px;
  margin-top: -180%;
  color: var(--primary-color);
  font-weight: bold;
}

.ui-slider-range {
  background-color: var(--primary-color);
}

.ui-slider-handle {
  background-color: var(--primary-background-color);
  border: 1px solid var(--primary-border-color);
  cursor: default;
  height: 1.2em !important;
  position: absolute;
  width: 1.1em !important;
  border-radius: 0;
  margin-top: 2px;
  z-index: 9;
}

.ui-slider-horizontal {
  height: 0.3em !important;
}

.filterOn {
  background-image: url("../images/select-color.png");
  background-repeat: no-repeat;
  display: block;
}

.filter-slider-pointer-val {
  top: -15px;
  position: absolute;
  color: var(--primary-color);
  font-size: 0.8rem;
  left: -7px;
  font-weight: bold;
}

#lblMaxPrice {
  float: right;
}

.ui-slider-horizontal {
  height: 0.3em !important;
}

.sliderFacet {
  padding-bottom: 40px;
  width: 90%;
}
.sliderFacet p {
  background: var(--primary-color);
  line-height: 8px;
  margin-top: 2px;
}

#lblMinPrice,
#lblMaxPrice {
  position: relative;
  top: 25px;
}

#filerTabs li.current a {
  background: var(--primary-color) none repeat scroll 0% 0%;
  color: var(--light-font-color);
}

#filerTabs li:first-child a {
  border-top: 1px solid white;
}

#filerTabs a {
  padding: 5px 5px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  display: block;
  border-radius: 0;
  border-bottom: 1px solid white;
  background: #FBFBFB none repeat scroll 0% 0%;
  color: var(--primary-font-color);
  line-height: 30px;
}

#tabs ui#filerTabs {
  margin: 0;
  padding: 0;
}

#tabs.active {
  -webkit-transform: 15.625em, 0px;
  -moz-transform: 15.625em, 0px;
  -ms-transform: 15.625em, 0px;
  -o-transform: 15.625em, 0px;
  transform: 15.625em, 0px;
}

#slider-range span:nth-child(2) {
  left: 95%;
}

.checkboxFacet li input[type=checkbox], .checkboxFacet li input[type=radio] {
  margin-bottom: 10px;
  margin-right: 10px;
}

/*-----------------------------------*
 * Datepicker                        *
 *-----------------------------------*/
.ui-datepicker {
  width: 17em;
  padding: 2px 2px 0;
  display: none;
  background: white;
  border: 1px solid;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 2px 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 20px;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 2px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 5px;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 2px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 10px 0 0 0;
  padding: 0 2px;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/*-----------------------------------*
 * icons                *
 *-----------------------------------*/
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-datepicker-prev {
  width: 1em;
  height: 1em;
  font-size: 1.5em;
}
.ui-datepicker-prev:before {
  content: "\f0a8";
}

.ui-datepicker-next {
  width: 1em;
  height: 1em;
  font-size: 1.5em;
}
.ui-datepicker-next:before {
  content: "\f0a9";
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap iframe, .fancybox-wrap object {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-nav {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-nav span {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #ececec;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer {
  position: relative;
}

.fancybox-inner {
  position: relative;
  overflow: hidden;
}

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

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

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

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox_overlay.png");
}

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

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

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: var(--third-color);
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: var(--third-color);
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--third-color);
  padding: 10px;
  background: #cecece;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url("../images/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/*----------------------------------------------------------------------*
 *    Static Page CSS Reset                                                *
 *----------------------------------------------------------------------*/
section .PageContent {
  margin: auto;
  padding: 5px;
}
section .PageContent ul {
  list-style-type: disc;
  list-style-position: inside;
}
section .PageContent ol {
  list-style: number;
  list-style-type: decimal;
  list-style-position: inside;
}
section .PageContent ul ul, section .PageContent ol ul {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 20px;
}
section .PageContent ol ol, section .PageContent ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 20px;
}
section .PageContent li {
  margin: 5px;
}
section .PageContent p {
  margin-bottom: 5px;
}

/*----------------------------------------------------------------------*
 *    Icons / Images     : from leisureapparel                          *
 *----------------------------------------------------------------------*/
/*------------------------------------------------
    General Icons                                 
-------------------------------------------------*/
.selectBox::before {
  content: "\f078";
  position: absolute;
  top: 0;
  right: -5px;
  pointer-events: none;
  padding: 5px 10px;
  font-size: var(--font-size-base);
}

.adjust-qty .increase:before {
  content: "\f077";
}
.adjust-qty .decrease:before {
  content: "\f078";
}

.collapse {
  float: right;
}
.collapse:before {
  content: "\f068";
}

.expand {
  float: right;
}
.expand:before {
  content: "\f067";
}

.minicart i {
  line-height: 1;
}
.minicart i:before {
  content: "\f07a";
}

.remove i:before {
  content: "\f00d";
}

.website i:before {
  content: "\f37e";
}

.email i:before {
  content: "\f0e0";
}

.SearchTag i {
  font-size: 1em;
  margin-left: 10px;
}
.SearchTag i:before {
  content: "\f00d";
}

.copy i:before {
  content: "\f0c5";
}

.e404 i:before {
  content: "\f1e5";
}

/*.star i{
   	@extend .fal;
    &:before {
        content: fa-content($fa-star);
    }
}*/
/*------------------------------------------------
	Social Media Icons                            
-------------------------------------------------*/
.facebook i:before {
  content: "\f09a";
}

.twitter i:before {
  content: "\f099";
}

.linkedin i:before {
  content: "\f0e1";
}

.google-plus i:before {
  content: "\f2b3";
}

.google i:before {
  content: "\f1a0";
}

.pinterest i:before {
  content: "\f0d2";
}

.youtube i:before {
  content: "\f167";
}

.tumblr i:before {
  content: "\f173";
}

.instagram i:before {
  content: "\f16d";
}

.whatsapp i:before {
  content: "\f232";
}

/*------------------------------------------------
    Toolbar Icons                                 
 -------------------------------------------------*/
.toolbar .HtL:before {
  content: "\f887";
}
.toolbar .LtH:before {
  content: "\f162";
}
.toolbar .AtZ:before {
  content: "\f15e";
}
.toolbar .ZtA:before {
  content: "\f881";
}
.toolbar .list:before {
  content: "\f00b";
}
.toolbar .grid:before {
  content: "\f84c";
}
.toolbar #showResponsiveFiler:before {
  content: "\f0b0";
}

/*----------------------------------------------------------------------*
 *    Login Block / User Menu                                           *
 *----------------------------------------------------------------------*/
.searchBtn i:before {
  content: "\f002";
}

.WishList i:before {
  content: "\f004";
}

.MyAccount i:before {
  content: "\f007";
}

.OpenCart i:before,
.adddWishToCart i:before {
  content: "\f290";
}

.Login i:before {
  content: "\f090";
}

.LogOut i:before {
  content: "\f08b";
}

/*------------------------------------------------
    Review                                        
 -------------------------------------------------*/
.review .rating {
  color: var(--primary-color);
  font-size: 1em;
}
.review .rating_1:before {
  content: "\f005";
}
.review .rating_2:before {
  content: "\f005" "\f005";
}
.review .rating_3:before {
  content: "\f005" "\f005" "\f005";
}
.review .rating_4:before {
  content: "\f005" "\f005" "\f005" "\f005";
}
.review .rating_5:before {
  content: "\f005" "\f005" "\f005" "\f005" "\f005";
}

/* Order History Actions */
#display-order-progress i:before {
  content: "\f0d1";
}

#retry-payment i:before {
  content: "\f0e2";
}

#change-payment i:before {
  content: "\f0ec";
}

#return-order i:before {
  content: "\f021";
}

#cancel-order i:before {
  content: "\f05e";
}

#invoice i:before {
  content: "\f570";
}

/* Order Progressing Display*/
.progressbar .step:before {
  content: "\f254";
}
.progressbar .active.step:before {
  content: "\f00c";
}

.shipment .statusSteps .Received i:before {
  content: "\f684";
}
.shipment .statusSteps .Approved i:before {
  content: "\f164";
}
.shipment .statusSteps .Processing i:before {
  content: "\f49c";
}
.shipment .statusSteps .Packed i:before {
  content: "\f49d";
}
.shipment .statusSteps .Shipped i:before {
  content: "\f0d1";
}
.shipment .statusSteps .Delivered i:before {
  content: "\f4c9";
}

/*----------------------------------------------------------------------*
 *    Message                                                           *
 *----------------------------------------------------------------------*/
.message_section .success:before {
  content: "\f058";
}
.message_section .error:before {
  content: "\f06a";
}
.message_section .info:before {
  content: "\f05a";
}
.message_section .notification:before {
  content: "\f0f3";
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-nav {
  margin-top: 10px;
  text-align: right;
  -webkit-tap-highlight-color: transparent;
}
.owl-nav [class*=owl-] {
  color: var(--primary-color);
  font-size: 1rem;
  margin: 5px;
  padding: 10px;
  background: var(--primary-background-color);
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-nav [class*=owl-]:hover {
  background: var(--secondary-background-color);
  color: var(--secondary-color);
  text-decoration: none;
}
.owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: var(--primary-background-color);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
  background: var(--primary-color);
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.cbp-bislideshow {
  list-style: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  padding: 0;
  margin: 0;
}

.cbp-bislideshow li {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
}

/* If background-size supported we'll add the images to the background of the li */
.backgroundsize .cbp-bislideshow li {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
  display: none;
}

.cbp-bislideshow li img {
  display: block;
  width: 100%;
}

.cbp-bicontrols {
  position: fixed;
  width: 300px;
  height: 100px;
  margin: -50px 0 0 -150px;
  top: 50%;
  left: 50%;
}

.cbp-bicontrols span {
  float: left;
  width: 100px;
  height: 100px;
  position: relative;
  cursor: pointer;
}

.cbp-bicontrols span:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  font-family: "entypo";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 100px;
  font-size: 80px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  opacity: 0.7;
}

.cbp-bicontrols span:hover:before {
  opacity: 1;
}

.cbp-bicontrols span:active:before {
  top: 2px;
}

span.cbp-biplay:before {
  content: "\e002";
}

span.cbp-bipause:before {
  content: "\e003";
}

span.cbp-binext:before {
  content: "\e000";
}

span.cbp-biprev:before {
  content: "\e001";
}

.cbp-bicontrols span.cbp-binext {
  float: right;
}

/* Fallback */
.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
  opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
  display: block;
}

/* Age Verification Styling */
#modal_screen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1100;
  background-color: rgba(0, 0, 0, 0.8);
}

#modal_screen.nope {
  background-color: #1e0924;
}

#modal_content {
  position: fixed;
  z-index: 1101;
  margin: 0 auto;
  background-color: #fff;
  border: 4px solid #444;
  border-radius: 100%;
  font-size: 12px;
  width: 290px; /* if you adjust it from the original 290px, adjust the difference in the width of #modal_content nav too */
  height: 290px; /* if you adjust it from the original 290px, adjust the difference in the width of #modal_content nav too */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center 2em;
  background-repeat: no-repeat;
  background-size: 90px auto;
  background-image: url(/static/images/logo.png);
}

#modal_content .content_wrapper {
  padding-top: 6em;
  margin: 3em auto 0;
  text-align: center;
}

#modal_content h2 {
  margin: 0 0 0 0;
}

#modal_content p {
  max-width: 65%;
  margin: 1.2em auto 0;
}

#modal_content nav {
  font-size: 16px;
  display: table;
  width: 282px;
}
#modal_content nav ul {
  display: table-row;
  width: 100%;
  margin: 0;
  padding: 0;
}
#modal_content nav li {
  display: table-cell;
  text-align: right;
  width: auto;
}

#modal_content nav:after {
  content: "";
  display: block;
  clear: both;
}

#modal_content nav small {
  display: block;
  text-align: center;
  color: #888;
  margin: 1em 0 0;
}

#modal_content nav a.av_btn {
  display: block;
  text-align: center;
  width: 65px;
  border-radius: 23px;
  margin: 1em auto 0;
  text-decoration: none;
  padding: 1em;
  color: #fff;
  font: normal 0.7em/1em "AmericanTypwrterITCW01- 731031";
  text-transform: none;
  letter-spacing: 0;
}

#modal_content nav .av_go {
  background-color: var(--primary-color);
}

#modal_content nav .av_no {
  background-color: var(--secondary-color);
}

#modal_content nav .av_btn:hover {
  background-color: #1e0924;
}

#modal_content #modal_regret_wrapper nav a.av_btn {
  margin-top: 0;
  width: 130px;
  font-size: 0.8em;
}

@media (min-width: 688px) {
  #modal_content {
    top: 10em;
    top: 30vh;
    left: 30vw;
    width: 90%;
    max-width: 500px;
    height: 500px;
    padding: 3em;
    border-radius: 100%;
    background-position: center 3em;
    background-size: 160px auto;
    font-size: 16px;
  }
  #modal_content .content_wrapper {
    padding-top: 150px;
    margin: 3em auto 0;
    text-align: center;
  }
  #modal_content h2 {
    margin: 0 0 0 0;
    font-size: 1.875em;
  }
  #modal_content p {
    font-size: 1em;
    line-height: 1.9em;
  }
  #modal_content nav {
    width: 396px;
  }
  #modal_content nav a.av_btn {
    margin: 1.6em auto 0;
    font-size: 1em;
  }
}
/* ----------------------------------------- */
/*      Website Designer                     */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Screenlet                                 */
/* ----------------------------------------- */
.screenlet {
  clear: both;
  font-size: 12px;
}
.screenlet .screenlet-title-bar {
  background-color: var(--primary-color);
  color: white;
  min-height: 40px;
  line-height: 30px;
  padding: 5px 10px 5px 20px;
  font-size: 20px;
  margin-bottom: 20px;
}
.screenlet .screenlet-title-bar .title {
  float: left;
}
.screenlet .screenlet-title-bar .ScreenletActionBar {
  float: right;
}
.screenlet .screenlet-body .addColumn {
  margin: 10px 0;
}
.screenlet td {
  height: 2em;
}

/* ----------------------------------------- */
/* Portlet Toolbar                           */
/* ----------------------------------------- */
.screenlet .Portlet {
  clear: both;
  font-size: 12px;
}
.screenlet .Portlet .portlet-config {
  margin: 1em 0 2em 0;
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar {
  line-height: 3em;
  background-color: var(--primary-color);
  color: white;
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar .title {
  font-size: 1.2em;
  float: left;
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar ul li {
  float: right;
  font-size: 1em;
  font-weight: bold;
  padding: 0.1em 0.5em 0.2em 0.5em;
  /* Disabling this for the time being; trying relative URL so we don't need to modify this every time 
  &.move-up {
               background: url($StaticUrl + "/images/arrow-single-up-green.png") no-repeat center center;}
           &.move-down {
               background: url($StaticUrl + "/images/arrow-single-down-green.png") no-repeat center center;}
           &.move-left {
               background: url($StaticUrl + "/images/arrow-single-left-green.png") no-repeat center center;}
           &.move-right {
               background: url($StaticUrl + "/images/arrow-single-right-green.png") no-repeat center center;}
           &.move-top {
               background: url($StaticUrl + "/images/arrow-end-up-green.png") no-repeat center center;}
           &.move-bottom {
               background: url($StaticUrl + "/images/arrow-end-down-green.png") no-repeat center center;}
           &.remove {
               background: url($StaticUrl + "/images/mini-trash.png") no-repeat center center;}
           &.edit {
               background: url($StaticUrl + "/images/mini-edit.png") no-repeat center center;}   */
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar ul li.move-up {
  background: url("../images/arrow-single-up-green.png") no-repeat center center;
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar ul li.move-down {
  background: url("../images/arrow-single-down-green.png") no-repeat center center;
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar ul li.move-left {
  background: url("../images/arrow-single-left-green.png") no-repeat center center;
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar ul li.move-right {
  background: url("../images/arrow-single-right-green.png") no-repeat center center;
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar ul li.move-top {
  background: url("../images/arrow-end-up-green.png") no-repeat center center;
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar ul li.move-bottom {
  background: url("../images/arrow-end-down-green.png") no-repeat center center;
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar ul li.remove {
  background: url("../images/mini-trash.png") no-repeat center center;
}
.screenlet .Portlet .portlet-config .portlet-config-title-bar ul li.edit {
  background: url("../images/mini-edit.png") no-repeat center center;
}

/* ----------------------------------------- */
/* Portal Column Toolbar                     */
/* ----------------------------------------- */
.screenlet .addColumn {
  color: #fff;
  background-color: var(--primary-color);
  margin-right: 10px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.6666667;
}
.screenlet .portal-column-config .Action {
  float: left;
}
.screenlet .portal-column-config .Action a {
  color: #fff;
  background-color: var(--primary-color);
  margin-right: 10px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.6666667;
}

/* ----------------------------------------- */
/*      BOX css                              */
/* ----------------------------------------- */
.findEditForm .box {
  width: calc(1em + ((100% - 5.5em) / 12 * 3));
  float: left;
  margin-right: 0.5em;
  display: inline-block;
  vertical-align: top;
}
.findEditForm .box:nth-child(4n+4) {
  margin-right: 0;
}

/*
.box.full{
    width: 100%;
    textarea{
		width: 100%;
	}	
}
.box.half{
    width: 50%;
    textarea{
		width: 100%;
	}	
}     
*/
/* ----------------------------------------- */
/*      Login Screen css                     */
/* ----------------------------------------- */
.login-screenlet {
  width: 320px;
  margin: auto;
}
.login-screenlet .box {
  width: 100%;
}

#FOOTER_DWA {
  clear: both;
}

/* ----------------------------------------- */
/*  Add / Select Portlet Screen              */
/* ----------------------------------------- */
.addPortlet .left {
  width: calc(1em + ((100% - 5.5em) / 12 * 3));
  float: left;
  margin-right: 0.5em;
}
.addPortlet .right {
  width: calc(4em + ((100% - 5.5em) / 12 * 9));
  float: right;
  margin-right: 0 !important;
}
.addPortlet .right .portlet {
  width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
  float: left;
  margin-right: 0.5em;
  padding-bottom: 15px;
}
.addPortlet .right .portlet:nth-child(3n+3) {
  margin-right: 0;
}
.addPortlet .right .portlet .h3 {
  background-color: var(--primary-color);
  font-size: 16px;
  line-height: 22px;
  height: 50px;
  text-align: center;
}
.addPortlet .right .portlet .h3 a {
  color: white;
}
.addPortlet .right .portlet .description {
  font-size: 14px;
  line-height: 20px;
  height: 100px;
}
.addPortlet .right .portlet .portletCategoryId {
  display: none;
}

/*-----coming-soon page------*/
.coming-soon {
  width: 100%;
  height: 100%;
  padding: 200px 0;
  text-align: center;
  background: #fff;
  background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #4d4d4d 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fff), color-stop(100%, #4d4d4d));
  background: -webkit-radial-gradient(center, ellipse cover, #fff 0%, #4d4d4d 100%);
  background: -o-radial-gradient(center, ellipse cover, #fff 0%, #4d4d4d 100%);
  background: -ms-radial-gradient(center, ellipse cover, #fff 0%, #4d4d4d 100%);
  background: radial-gradient(ellipse at center, #fff 0%, #4d4d4d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff", endColorstr="#4d4d4d", GradientType=1 );
}

/*
    Coming Soon
*/
.coming-soon {
  width: 100%;
  height: 100%;
  padding: 200px 0;
  text-align: center;
  background: #fff;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #4d4d4d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fff), color-stop(100%, #4d4d4d));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #fff 0%, #4d4d4d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #fff 0%, #4d4d4d 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #fff 0%, #4d4d4d 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #fff 0%, #4d4d4d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff", endColorstr="#4d4d4d", GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}
.coming-soon h1 {
  font-size: 59px !important;
  line-height: 1em;
  margin: 40px 0 0 0;
  text-transform: uppercase;
  color: var(--secondary-color);
  text-shadow: 1px 1px 1px #fff;
}
.coming-soon h3 {
  font-size: 24px;
}
.coming-soon form {
  margin: 20px 0 0 0;
}
.coming-soon form input[type=text] {
  padding: 10px;
  border: 5px solid rgba(243, 130, 86, 0.5);
  width: 18%;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.coming-soon h3 {
  font-size: 24px;
}
.coming-soon form input[type=submit] {
  background-color: var(--secondary-color);
  border: 5px solid rgba(243, 130, 86, 0.5);
  padding: 5px;
  color: var(--primary-background-color);
  font-size: 17px;
  cursor: pointer;
  border-radius: 0;
}

/*----------------------------------------------------------------------*
 *    Blog                                                              *
 *----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*
 *    Post                                                              *
 *----------------------------------------------------------------------*/
.PostDetail .image {
  float: left;
  max-width: 60%;
  margin-right: 2%;
}
.PostDetail .Category a {
  color: #ff005b;
  text-decoration: none;
  opacity: 0.8;
}

/* post tag css */
.Tags .Tag {
  display: inline-block;
  font: 14px/1.5 roboto, serif;
  background: #eee;
  border-radius: 3px 0 0 3px;
  color: #777;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}
.Tags .Tag a {
  color: #777;
}
.Tags .Tag a:hover {
  color: white;
}
.Tags .Tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: "";
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}
.Tags .Tag::after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #eee;
  border-top: 13px solid transparent;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}
.Tags .Tag:hover {
  background-color: crimson;
  color: white;
}
.Tags .Tag:hover::after {
  border-left-color: crimson;
}

/*eng post tag css*/
/*----------------------------------------------------------------------*
 *    Comment                                                           *
 *----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*
 *    Author                                                            *
 *----------------------------------------------------------------------*/
/*
* CSS for Embeded Video *
*/
.videowrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-----------------------------------------*
 * LAYOUT & RESPONSIVE STUFF        *
 *------------------------------------------*/
/** Implementing for-phone-only Break Points  **/
/*----------------------------------------------------------------------*
 *    Responsive Layout : Extra Small                                   *
 *----------------------------------------------------------------------*/
/* Mobile FIRST CSS that will Apply for the current All Screen Sizes*/
@media only screen and (min-width: 0px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  .superPage {
    width: 100%;
  }
  .header_container,
  .notification_container,
  .navigation_container,
  .mainPage_container,
  .footer_container {
    width: 100%;
    margin: auto;
  }
  header,
  nav,
  .mainPage,
  .notification,
  footer {
    width: 320px;
    margin: auto;
    max-width: 98%;
  }
  /*---------------------------------------------*
   Base 
   *---------------------------------------------*/
  #main_content.noside {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  General  ---------*/
  .title-cat .title {
    text-align: center;
  }
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /*---------  Product Grids    ---------*/
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  #top_nav .facetBlock span {
    display: none;
  }
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  /*---------  SlideCart   ---------*/
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navigation   ---------*/
  /*---------  Account Pages   ---------*/
  /*----- PopUp Windows -----*/
  .edit_address .box, .add_new_address .box {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .subscriptions td {
    display: unset;
  }
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  .brandGrid .brandBox {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Promotions   ---------*/
  .promotions .promotion {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Base 
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /*Full Width 12 column*/
  .full {
    width: 100%;
  }
  .c12,
  .col12 .image {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /* End @media min-width:$breakpoint-extra-small */
@media only screen and (min-width: 0px) and (max-width: 575.8px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  footer .middleBar .col {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
    text-align: center;
  }
  footer .bottomBar .copy {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
    text-align: center;
  }
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /* this will ensure there is space between addtocart and wishlist button */
  .addToWishlist {
    margin-top: 10px;
  }
  /*---------  Product Grids    ---------
      .products{
          .prodGrid{
              width:span($extra-small-product-grid-columns);
  			height:$extra-small-product-grid-height;
          }
          @include clearfix;
      }
  	.owl-item{
          .prodGrid {
  			height:$extra-small-product-grid-height-in-owl-carousel;// Carousel Grid Height - needed in case we have hover add to cart button 
          }
      }
  	*/
  #category_gallery {
    display: grid;
    grid-template-columns: auto;
  }
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process   ---------*/
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navidation   ---------*/
  /*---------  Account Pages   ---------*/
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*  2 column*/
  .c2 {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .col2 .image {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .col2 .image:nth-child(2n+2) {
    margin-right: 0;
  }
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  /*---------  Promotions   ---------*/
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /* End @media min-width:$breakpoint-extra-small */
@media only screen and (min-width: 0px) and (max-width: 767.8px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  .register {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
    padding: 0.5em;
  }
  .existing {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
    padding: 0.5em;
  }
  .existing .actions {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .existing .social {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .authenticate .button,
  .authenticate button {
    width: calc(5.5em + (100% - 5.5em));
  }
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  footer .copy {
    margin-bottom: 20px;
  }
  footer .poweredByDWAC {
    margin-top: 10px;
    margin: auto;
  }
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /*Move Product name to the top */
  #productDetail {
    position: relative;
  }
  #productDetail .detailImage {
    margin-top: 40px;
  }
  #productDetail .productInfo h1 {
    position: absolute;
    top: 0;
  }
  .detailImage {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .productInfo {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .feature,
  .units {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Product Grids    ---------*/
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process   ---------*/
  .order-step {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .order-step div.address,
  .order-step div.orderInfo {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .order-step div.address div.box label,
  .order-step div.address div.box .label,
  .order-step div.address div.box .value,
  .order-step div.address div.box .input,
  .order-step div.orderInfo div.box label,
  .order-step div.orderInfo div.box .label,
  .order-step div.orderInfo div.box .value,
  .order-step div.orderInfo div.box .input {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .action_buttonbar button,
  .action_buttonbar .button {
    width: 100%;
  }
  .action_buttonbar button.continue,
  .action_buttonbar .button.continue {
    margin-bottom: 10px;
  }
  .action_buttonbar button.checkout,
  .action_buttonbar .button.checkout {
    margin: 2px 0;
    float: unset;
  }
  .discounts,
  .loyaltyPoints {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navigation   ---------*/
  /*---------  Account Pages   ---------*/
  .accountPages {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .accountPages div.box label,
  .accountPages div.box .label {
    text-align: left;
    font-weight: bold;
  }
  .accountPages div.box label,
  .accountPages div.box .label,
  .accountPages div.box .value,
  .accountPages div.box .input {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .basicAddresses .basicAddress {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Account Pages   ---------*/
  .accountNav {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  .c9,
  .col9 .image {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .c8,
  .col8 .image {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*Half Width 6 column*/
  .half {
    width: 100%;
  }
  .c6,
  .col6 .image {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /* 1/3 Width 4 column*/
  .c4,
  .col4 .image {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /* 1/4 Width 3 column*/
  .c3,
  .col3 .image {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  /*---------  Promotions   ---------*/
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /* End @media max-width:$breakpoint-medium  */
/*CSS for current + Next + Next - Medium Screen*/
@media only screen and (min-width: 0px) and (max-width: 991.8px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  .sticky {
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 1000;
  }
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  header #logo {
    display: none;
  }
  .userMenu {
    margin-top: 72px;
    position: fixed;
    z-index: 102;
    right: 0;
  }
  .userMenu else {
    position: absolute;
  }
  .userMenu li:nth-of-type(2) {
    display: none;
  }
  /*---------  Search   ---------*/
  div.search {
    float: left !important;
    margin-top: 110px;
    margin-left: calc(((100% - 5.5em) / 12 * 1));
    width: calc(4.5em + ((100% - 5.5em) / 12 * 10));
    float: left;
    margin-right: 0.5em;
  }
  div.search #searchForm {
    margin: 0;
  }
  /*---------  Login   ---------*/
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /*---------  Product Grids    ---------*/
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  #main_content.withside {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  #top_nav p {
    clear: both;
  }
  #side_nav {
    display: none;
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  #side_nav #filerTabs {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  #side_nav #facetBlocks {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Filters   ---------*/
  #side_nav .colorPaletteFacet li {
    clear: unset;
  }
  #side_nav .colorPaletteFacet li span {
    width: 40px;
    height: 40px;
    border: 1px solid;
    margin: 10px;
  }
  /*---------  Toolbar   ---------*/
  .toolbar .sortBy,
  .toolbar .respFilter {
    text-align: center;
    display: block !important;
  }
  .toolbar .sortBy {
    width: calc(4em + ((100% - 5.5em) / 12 * 9));
    float: left;
    margin-right: 0.5em;
    margin-right: 0;
  }
  .toolbar .respFilter {
    display: block;
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  .viewBy,
  .showNo {
    display: none;
  }
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  .minicart {
    left: 0;
    background-color: var(--secondary-color);
    margin-top: -77px;
    padding: 2px 20px;
    position: fixed;
    z-index: 102;
  }
  .minicart else {
    position: absolute;
  }
  .minicart #OpenCart {
    padding: 5px 5px 0 0;
  }
  .cart_drop {
    left: 0;
  }
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process   ---------*/
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navidation   ---------*/
  /*---------  Account Pages   ---------*/
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /* Force table to not be like tables anymore */
  thead, tbody, th, td, tr {
    display: block;
  }
  .subscriptions td {
    display: unset;
  }
  /* Hide table headers (but not display:none;, for accessibility) */
  .orderList thead tr,
  .loyaltyPointsTable thead tr,
  .wishlists thead tr,
  .orderItems thead tr,
  .cartReviewItems thead tr,
  #shopping-cart-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .orderList tbody td,
  .orderList tfoot td,
  .loyaltyPointsTable tbody td,
  .loyaltyPointsTable tfoot td,
  .wishlists tbody td,
  .wishlists tfoot td,
  .orderItems tbody td,
  .orderItems tfoot td,
  .cartReviewItems tbody td,
  .cartReviewItems tfoot td,
  #shopping-cart-table tbody td,
  #shopping-cart-table tfoot td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 35%;
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .orderList tbody td:before,
  .orderList tfoot td:before,
  .loyaltyPointsTable tbody td:before,
  .loyaltyPointsTable tfoot td:before,
  .wishlists tbody td:before,
  .wishlists tfoot td:before,
  .orderItems tbody td:before,
  .orderItems tfoot td:before,
  .cartReviewItems tbody td:before,
  .cartReviewItems tfoot td:before,
  #shopping-cart-table tbody td:before,
  #shopping-cart-table tfoot td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 30%;
    padding-right: 5px;
    white-space: nowrap;
    line-height: 2;
  }
  .orderList td:nth-of-type(1):before {
    content: "Date";
  }
  .orderList td:nth-of-type(2):before {
    content: "Order #";
  }
  .orderList td:nth-of-type(3):before {
    content: "Amount";
  }
  .orderList td:nth-of-type(4):before {
    content: "Status";
  }
  .orderList td:nth-of-type(5):before {
    content: "Actions";
  }
  .wishlists tbody td:nth-of-type(1):before {
    content: "Item";
  }
  .wishlists tbody td:nth-of-type(2):before {
    content: "Qty #";
  }
  .wishlists tbody td:nth-of-type(3):before {
    content: "Price";
  }
  .wishlists tbody td:nth-of-type(4):before {
    content: "Amount";
  }
  .wishlists tbody td:nth-of-type(5):before {
    content: "Actions";
  }
  .wishlists tfoot {
    font-weight: bold;
  }
  .wishlists tfoot td:nth-of-type(1) {
    display: none;
  }
  .wishlists tfoot td:nth-of-type(2):before {
    content: "Total ";
  }
  .orderItems td:nth-of-type(1) {
    display: none;
  }
  .orderItems td:nth-of-type(2):before {
    content: "Product";
  }
  .orderItems td:nth-of-type(3):before {
    content: "Price";
  }
  .orderItems td:nth-of-type(4):before {
    content: "Qty";
  }
  .orderItems td:nth-of-type(5):before {
    content: "Amount";
  }
  .cartReviewItems td:nth-of-type(1):before {
    content: "Image";
  }
  .cartReviewItems td:nth-of-type(2):before {
    content: "Product";
  }
  .cartReviewItems td:nth-of-type(3):before {
    content: "Price";
  }
  .cartReviewItems td:nth-of-type(4):before {
    content: "Qty";
  }
  .cartReviewItems td:nth-of-type(5):before {
    content: "Amount";
  }
  .cartReviewItems td:nth-of-type(6):before {
    content: "Actions";
  }
  .totals table#totals-table {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .totals table#totals-table td {
    width: 45%;
    float: left;
  }
  .loyaltyPointsTable td:nth-of-type(1):before {
    content: "Date";
  }
  .loyaltyPointsTable td:nth-of-type(2):before {
    content: "Reason";
  }
  .loyaltyPointsTable td:nth-of-type(3):before {
    content: "Via";
  }
  .loyaltyPointsTable td:nth-of-type(4):before {
    content: "Status";
  }
  .loyaltyPointsTable td:nth-of-type(5):before {
    content: "Earned";
  }
  .loyaltyPointsTable td:nth-of-type(6):before {
    content: "Redeemed";
  }
  .loyaltyPointsTable td:nth-of-type(7):before {
    content: "Balance";
  }
  .loyaltyPointsTable tfoot {
    font-weight: bold;
  }
  .loyaltyPointsTable tfoot td:nth-of-type(1) {
    display: none;
  }
  .loyaltyPointsTable tfoot td:nth-of-type(2):before {
    content: "Earned:";
  }
  .loyaltyPointsTable tfoot td:nth-of-type(3):before {
    content: "Redeemed:";
  }
  .loyaltyPointsTable tfoot td:nth-of-type(4):before {
    content: "Balance:";
  }
  #totals-table {
    font-weight: bold;
  }
  #totals-table td:nth-of-type(1) {
    text-align: left;
  }
  #totals-table td:nth-of-type(2) {
    text-align: right;
  }
  /*---------  Checkout Process   ---------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  /*---------  Promotions   ---------*/
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /*----- Meida Query Closure -----*/
/*CSS for current + Next + Next + Next - Lagrge Screen*/
/*----- Meida Query Closure -----*/
/** Implementing for-tablet-portrait-up Break Points  **/
/*----------------------------------------------------------------------*
 *    Responsive Layout : small                                         *
 *----------------------------------------------------------------------*/
@media only screen and (min-width: 576px) {
  /*---------------------------------------------*
    Base Layout                                    
  *---------------------------------------------*/
  .superPage {
    width: 100%;
  }
  .header_container,
  .notification_container,
  .navigation_container,
  .mainPage_container,
  .footer_container {
    width: 100%;
  }
  header,
  nav,
  .mainPage,
  .notification,
  footer {
    width: 100%;
    margin: auto;
    max-width: 576px;
  }
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Menu  ---------*/
  footer .middleBar .col {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  footer .middleBar .col:nth-child(2n+2) {
    margin-right: 0;
  }
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /*---------  Product Grids    ---------*/
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process   ---------*/
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navigation   ---------*/
  .accountNav {
    width: calc(2em + ((100% - 5.5em) / 12 * 5));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Account Pages   ---------*/
  .accountPages {
    width: calc(3em + ((100% - 5.5em) / 12 * 7));
    float: left;
    margin-right: 0.5em;
    margin-right: 0;
  }
  .accountPages div.box label,
  .accountPages div.box .label {
    text-align: left;
    font-weight: bold;
  }
  .accountPages div.box label,
  .accountPages div.box .label,
  .accountPages div.box .value,
  .accountPages div.box .input {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .subscriptions td {
    display: unset;
  }
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  .brandGrid .brandBox {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .brandGrid .brandBox:nth-child(2n+2) {
    margin-right: 0;
  }
  /*---------  Promotions   ---------*/
  .promotions .promotion {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .promotions .promotion:nth-child(2n+2) {
    margin-right: 0;
  }
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
}
/*CSS for current + Next + Next - Medium Screen*/
@media only screen and (min-width: 576px) and (max-width: 767.8px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /*---------  Product Grids    ---------
      .products{
          .prodGrid {
              @include gallery ($small-product-grid-columns);
  			height:$small-product-grid-height;
          }
          @include clearfix;
      }

  	.owl-item{
          .prodGrid {
  			height:$small-product-grid-height-in-owl-carousel;// Carousel Grid Height - needed in case we have hover add to cart button 
          }
      }
  	*/
  .prodGrid .actions .selectVariant,
  .prodGrid .actions .addToCart {
    display: block !important;
  }
  #category_gallery {
    display: grid;
    grid-template-columns: auto auto;
  }
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process   ---------*/
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navidation   ---------*/
  /*---------  Account Pages   ---------*/
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /*  2 column*/
  .c2 {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
  }
  .col2 .image {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
  }
  .col2 .image:nth-child(3n+3) {
    margin-right: 0;
  }
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  /*---------  Promotions   ---------*/
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /*----- Meida Query Closure -----*/
/*CSS for current + Next + Next - Medium Screen*/
@media only screen and (min-width: 576px) and (max-width: 991.8px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /*---------  Product Grids    ---------*/
  .prodGrid .actions .selectVariant,
  .prodGrid .actions .addToCart {
    display: block !important;
  }
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  #side_nav #filerTabs {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
    margin-right: 0;
  }
  #side_nav #facetBlocks {
    width: calc(3.5em + ((100% - 5.5em) / 12 * 8));
    float: right;
    margin-right: 0 !important;
  }
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process   ---------*/
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navidation   ---------*/
  /*---------  Account Pages   ---------*/
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /* 1/4 Width 3 column*/
  .c3 {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .col3 .image {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .col3 .image:nth-child(2n+2) {
    margin-right: 0;
  }
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  /*---------  Promotions   ---------*/
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /*----- Meida Query Closure -----*/
/** Implementing for-tablet-landscape-up Break Points  **/
/*----------------------------------------------------------------------*
 *    Responsive Layout : medium                                        *
 *----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  .superPage {
    width: 100%;
  }
  .header_container,
  .notification_container,
  .navigation_container,
  .mainPage_container,
  .footer_container {
    width: 100%;
  }
  header,
  nav,
  .mainPage,
  .notification,
  footer {
    width: 100%;
    margin: auto;
    max-width: 768px;
  }
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  .half {
    width: 50%;
    float: left;
  }
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  .register {
    padding: 40px;
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .existing {
    padding: 40px;
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
    margin-right: 0;
  }
  .existing .actions .button {
    text-align: center;
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  footer .middleBar {
    /* ensure empty div spaces are maintained */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  footer .middleBar .col {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  footer .middleBar .col:nth-child(4n+4) {
    margin-right: 0;
  }
  footer .middleBar::after {
    display: block;
    content: "";
    clear: both;
  }
  footer .bottomBar .copy {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  footer .bottomBar .poweredByDWAC {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: right;
    margin-right: 0 !important;
  }
  footer .bottomBar .poweredByDWAC a {
    float: right;
  }
  /*---------  General  ---------*/
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  .detailImage {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .productInfo {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: right;
    margin-right: 0 !important;
  }
  .feature,
  .units {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .feature:nth-child(2n+2),
  .units:nth-child(2n+2) {
    margin-right: 0;
  }
  /*---------  Product Grids    ---------*/
  .products {
    /*
    Flex works when you a grid full of prducts, but if you have only a few products it causes problem
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
  }
  .prodGrid .actions a.addToWishlist,
  .prodGrid .actions .addToCart,
  .prodGrid .actions .selectVariant {
    max-width: 80%;
    margin: auto;
  }
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  .toolbar div {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
  }
  .toolbar div:nth-child(3n+3) {
    margin-right: 0;
  }
  .toolbar .respFilter {
    display: none;
  }
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process   ---------*/
  .order-step .address {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .order-step .orderInfo {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: right;
    margin-right: 0 !important;
  }
  .order-step .box {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
    clear: both;
  }
  .order-step .box .label,
  .order-step .box label {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
  }
  .order-step .box .input,
  .order-step .box .value {
    width: calc(3.5em + ((100% - 5.5em) / 12 * 8));
    float: right;
    margin-right: 0 !important;
  }
  .order-step::after {
    display: block;
    content: "";
    clear: both;
  }
  .deductions .loyaltyPoints {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .deductions .discounts {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: right;
    margin-right: 0 !important;
    margin-right: 0;
  }
  #totals-table {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: right;
    margin-right: 0 !important;
  }
  /*---------  Order Review   ---------*/
  .checkout_steps,
  .totals {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navigation   ---------*/
  .accountNav {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Account Pages   ---------*/
  .accountPages {
    width: calc(3.5em + ((100% - 5.5em) / 12 * 8));
    float: right;
    margin-right: 0 !important;
  }
  .accountPages div.box label,
  .accountPages div.box .label {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
    margin-right: 0;
  }
  .accountPages div.box .value,
  .accountPages div.box .input {
    width: calc(3.5em + ((100% - 5.5em) / 12 * 8));
    float: right;
    margin-right: 0 !important;
    margin-right: 0;
  }
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /*Half Width 6 column*/
  .c9,
  .col9 .image {
    width: calc(4em + ((100% - 5.5em) / 12 * 9));
    float: left;
    margin-right: 0.5em;
  }
  .c8,
  .col8 .image {
    width: calc(3.5em + ((100% - 5.5em) / 12 * 8));
    float: left;
    margin-right: 0.5em;
  }
  .half {
    width: 50%;
    float: left;
  }
  .c6 {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .col6 .image {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .col6 .image:nth-child(2n+2) {
    margin-right: 0;
  }
  /* 1/3 Width 4 column*/
  .c4 {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
  }
  .col4 .image {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
  }
  .col4 .image:nth-child(3n+3) {
    margin-right: 0;
  }
  /* 1/4 Width 3 column*/
  .c3 {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  .col3 .image {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  .col3 .image:nth-child(4n+4) {
    margin-right: 0;
  }
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  .brandGrid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .brandGrid .brandBox {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
  }
  .brandGrid .brandBox:nth-child(3n+3) {
    margin-right: 0;
  }
  /*---------  Promotions   ---------*/
  .promotions .promotion {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
  }
  .promotions .promotion:nth-child(3n+3) {
    margin-right: 0;
  }
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /*----- Meida Query Closure -----*/
/*CSS for current + Next + Next - Medium Screen*/
@media only screen and (min-width: 768px) and (max-width: 991.8px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /*---------  Product Grids    ---------
      .products{
          .prodGrid {
              @include gallery ($medium-product-grid-columns);
              height:$medium-product-grid-height;
          }
          @include clearfix;
      }

      .owl-item{
          .prodGrid {
              height:$medium-product-grid-height-in-owl-carousel;// Carousel Grid Height - needed in case we have hover add to cart button 
          }
      }
  	*/
  .prodGrid .actions .selectVariant,
  .prodGrid .actions .addToCart {
    display: block !important;
    margin: auto;
  }
  #category_gallery {
    display: grid;
    grid-template-columns: auto auto auto;
  }
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  /*   #side_nav {
         #filerTabs{
              @include span(4);
              margin-right:$no-spacing;
          }
          #facetBlocks {
              @include span(last 8);
          }
      }*/
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process   ---------*/
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navidation   ---------*/
  /*---------  Account Pages   ---------*/
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  /*---------  Promotions   ---------*/
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /*----- Meida Query Closure -----*/
/** Implementing for-desktop-up Break Points  **/
/*----------------------------------------------------------------------*
 *    Responsive Layout : large                                         *
 *----------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  .superPage {
    width: 100%;
  }
  .header_container,
  .notification_container,
  .navigation_container,
  .mainPage_container,
  .footer_container {
    width: 100%;
  }
  header,
  nav,
  .mainPage,
  .notification,
  footer {
    width: 100%;
    margin: auto;
    max-width: 992px;
  }
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  .mobile .input .selectBox {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  .mobile .input input {
    width: calc(3.5em + ((100% - 5.5em) / 12 * 8));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  .navigation_container {
    border-bottom: 3px solid var(--primary-border-color);
  }
  /*---------  General  ---------*/
  /*For wearable themes */
  .header_container .topBar .col {
    width: calc(1.5em + ((100% - 5.5em) / 12 * 4));
    float: left;
    margin-right: 0.5em;
  }
  .header_container .topBar .col.three {
    float: right !important;
  }
  header .search {
    margin-top: 10px;
    float: right;
  }
  header .middleBar {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  .authenticate .button, .authenticate button {
    width: calc(3.5em + ((100% - 5.5em) / 12 * 8));
    float: left;
    margin-right: 0.5em;
  }
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /*---------  Product Grids    ---------*/
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  #side_nav {
    display: block;
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  #side_nav #facetBlocks,
  #side_nav .facetBlock {
    display: block !important;
  }
  #side_nav #filerTabs,
  #side_nav h4.title,
  #side_nav a.remove {
    display: none;
  }
  #main_content.withside {
    width: calc(4em + ((100% - 5.5em) / 12 * 9));
    float: right;
    margin-right: 0 !important;
  }
  #top_nav .facetBlock {
    float: right;
    margin-left: 10px;
  }
  #tabs {
    padding-top: 20px;
  }
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  .minicart .CartItemCount {
    right: 15px;
  }
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process   ---------*/
  .checkout_steps,
  .totals {
    width: calc(5.5em + (100% - 5.5em));
    float: left;
    margin-right: 0.5em;
  }
  .deductions .shipping_tax {
    width: calc(4.5em + ((100% - 5.5em) / 12 * 10));
    float: left;
    margin-right: 0.5em;
  }
  #totals-table {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: right;
    margin-right: 0 !important;
  }
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navidation   ---------*/
  .accountNav {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  /*---------  Account Pages   ---------*/
  .accountPages {
    width: calc(4em + ((100% - 5.5em) / 12 * 9));
    float: right;
    margin-right: 0 !important;
  }
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  table.orderHistory th:nth-child(1), table.orderHistory td:nth-child(1) {
    width: 15%;
    text-align: left;
  }
  table.orderHistory th:nth-child(2), table.orderHistory td:nth-child(2) {
    width: 25%;
    text-align: left;
  }
  table.orderHistory th:nth-child(3), table.orderHistory td:nth-child(3) {
    width: 15%;
    text-align: center;
  }
  table.orderHistory th:nth-child(4), table.orderHistory td:nth-child(4) {
    width: 15%;
    text-align: center;
  }
  table.orderHistory th:nth-child(5), table.orderHistory td:nth-child(5) {
    width: 15%;
    text-align: right;
  }
  table.loyaltyPointsTable th:nth-child(1) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable th:nth-child(2) {
    width: 25%;
    text-align: center;
  }
  table.loyaltyPointsTable th:nth-child(3) {
    width: 25%;
    text-align: center;
  }
  table.loyaltyPointsTable th:nth-child(4) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable th:nth-child(5) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable th:nth-child(6) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable th:nth-child(7) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable tbody td:nth-child(1) {
    width: 10%;
    text-align: left;
  }
  table.loyaltyPointsTable tbody td:nth-child(2) {
    width: 25%;
    text-align: left;
  }
  table.loyaltyPointsTable tbody td:nth-child(3) {
    width: 25%;
    text-align: left;
  }
  table.loyaltyPointsTable tbody td:nth-child(4) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable tbody td:nth-child(5) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable tbody td:nth-child(6) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable tbody td:nth-child(7) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable tfoot td:nth-child(1) {
    width: 60%;
    text-align: right;
  }
  table.loyaltyPointsTable tfoot td:nth-child(2) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable tfoot td:nth-child(3) {
    width: 10%;
    text-align: center;
  }
  table.loyaltyPointsTable tfoot td:nth-child(4) {
    width: 10%;
    text-align: center;
  }
  table.wishlists th:nth-child(1) {
    width: 40%;
    text-align: left;
  }
  table.wishlists th:nth-child(2) {
    width: 15%;
    text-align: center;
  }
  table.wishlists th:nth-child(3) {
    width: 15%;
    text-align: center;
  }
  table.wishlists th:nth-child(4) {
    width: 15%;
    text-align: center;
  }
  table.wishlists th:nth-child(5) {
    width: 15%;
    text-align: center;
  }
  table.wishlists tbody td:nth-child(1) {
    width: 40%;
    text-align: left;
  }
  table.wishlists tbody td:nth-child(2) {
    width: 15%;
    text-align: center;
  }
  table.wishlists tbody td:nth-child(3) {
    width: 15%;
    text-align: right;
  }
  table.wishlists tbody td:nth-child(4) {
    width: 15%;
    text-align: right;
  }
  table.wishlists tbody td:nth-child(5) {
    width: 15%;
    text-align: right;
  }
  table.wishlists tfoot td:nth-child(1) {
    width: 75%;
    text-align: right;
  }
  table.wishlists tfoot td:nth-child(2) {
    width: 15%;
    text-align: right;
  }
  table.subscriptions th:nth-child(1), table.subscriptions td:nth-child(1) {
    width: 5%;
    text-align: left;
  }
  table.subscriptions th:nth-child(2), table.subscriptions td:nth-child(2) {
    width: 95%;
    text-align: left;
  }
  table.orderItems th:nth-of-type(1), table.orderItems td:nth-of-type(1) {
    width: 10%;
    text-align: left;
  }
  table.orderItems th:nth-of-type(2), table.orderItems td:nth-of-type(2) {
    width: 45%;
    text-align: left;
  }
  table.orderItems th:nth-of-type(3), table.orderItems td:nth-of-type(3) {
    width: 15%;
    text-align: center;
  }
  table.orderItems th:nth-of-type(4), table.orderItems td:nth-of-type(4) {
    width: 15%;
    text-align: center;
  }
  table.orderItems th:nth-of-type(5), table.orderItems td:nth-of-type(5) {
    width: 15%;
    text-align: right;
  }
  table.cartReviewItems th, table.cartReviewItems td {
    vertical-align: top;
  }
  table.cartReviewItems th:nth-child(1), table.cartReviewItems td:nth-child(1) {
    width: 10%;
    text-align: left;
    vertical-align: top;
  }
  table.cartReviewItems th:nth-child(2), table.cartReviewItems td:nth-child(2) {
    width: 50%;
    text-align: left;
    vertical-align: top;
  }
  table.cartReviewItems th:nth-child(3), table.cartReviewItems td:nth-child(3) {
    width: 10%;
    text-align: center;
    vertical-align: middle;
  }
  table.cartReviewItems th:nth-child(4), table.cartReviewItems td:nth-child(4) {
    width: 10%;
    text-align: center;
    vertical-align: middle;
  }
  table.cartReviewItems th:nth-child(5), table.cartReviewItems td:nth-child(5) {
    width: 15%;
    text-align: center;
    vertical-align: middle;
  }
  table.cartReviewItems th:nth-child(6), table.cartReviewItems td:nth-child(6) {
    width: 5%;
    text-align: right;
    vertical-align: middle;
  }
  table#totals-table th:nth-child(1), table#totals-table td:nth-child(1) {
    width: 50%;
    text-align: left;
  }
  table#totals-table th:nth-child(2), table#totals-table td:nth-child(2) {
    width: 50%;
    text-align: right;
  }
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /* 1/4 Width 3 column*/
  .c3 {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  .col3 .image {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  .col3 .image:nth-child(4n+4) {
    margin-right: 0;
  }
  /*  2 column*/
  .c2 {
    width: calc(0.5em + ((100% - 5.5em) / 12 * 2));
    float: left;
    margin-right: 0.5em;
  }
  .col2 .image {
    width: calc(0.5em + ((100% - 5.5em) / 12 * 2));
    float: left;
    margin-right: 0.5em;
  }
  .col2 .image:nth-child(6n+6) {
    margin-right: 0;
  }
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  .brandGrid .brandBox {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  .brandGrid .brandBox:nth-child(4n+4) {
    margin-right: 0;
  }
  /*---------  Promotions   ---------*/
  .promotions .promotion {
    width: calc(1em + ((100% - 5.5em) / 12 * 3));
    float: left;
    margin-right: 0.5em;
  }
  .promotions .promotion:nth-child(4n+4) {
    margin-right: 0;
  }
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /*----- Meida Query Closure -----*/
/*----------------------------------------------------------------------*
 *    Responsive Layout : large                                         *
 *----------------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  .SocialPresence a {
    padding: 20px 10px;
  }
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /*---------  Product Grids    ---------
      .products{
          .prodGrid {
              @include gallery($large-product-grid-columns);
  			height:$large-product-grid-height;
          }
          @include clearfix;
      }
  	.owl-item{
          .prodGrid {
  			height:$large-product-grid-height-in-owl-carousel;// Carousel Grid Height - needed in case we have hover add to cart button 
          }
      }
  	*/
  #category_gallery {
    display: grid;
    grid-template-columns: auto auto auto;
  }
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process   ---------*/
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navidation   ---------*/
  /*---------  Account Pages   ---------*/
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  /*---------  Promotions   ---------*/
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /*----- Meida Query Closure -----*/
/** Implementing for-big-desktop-up Break Points  **/
/*----------------------------------------------------------------------*
 *    Responsive Layout : Extra large                                   *
 *----------------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {
  /*---------------------------------------------*
    Base Layout                                    
   *---------------------------------------------*/
  .superPage {
    width: 100%;
  }
  .header_container,
  .notification_container,
  .navigation_container,
  .mainPage_container,
  .footer_container {
    width: 100%;
    margin: auto;
  }
  header,
  nav,
  .mainPage,
  .notification,
  footer {
    width: 100%;
    margin: auto;
    max-width: 1200px;
  }
  /*---------------------------------------------*
   Base 
  *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Message Section Error, Success .. .  ---------*/
  /*---------------------------------------------*
    Header
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  User Menu   ---------*/
  /*---------  Search   ---------*/
  /*---------  Login   ---------*/
  .B2BRegistration .Block {
    width: calc(2.5em + ((100% - 5.5em) / 12 * 6));
    float: left;
    margin-right: 0.5em;
  }
  .B2BRegistration .Block:nth-child(2n+2) {
    margin-right: 0;
  }
  /*---------------------------------------------*
    Footer
   *---------------------------------------------*/
  /*---------  General  ---------*/
  /*---------  Menu  ---------*/
  /*---------  Copyright  ---------*/
  /*---------  PoweredBy   ---------*/
  /*---------------------------------------------*
    Product
   *---------------------------------------------*/
  /*---------  Product Detail  ---------*/
  /*---------  Product Grids    ---------
      .products{
          .prodGrid {
              @include gallery($extra-large-product-grid-columns);
  			height:$extra-large-product-grid-height;
          }
      }
  	.owl-item{
          .prodGrid {
  			height:$extra-large-product-grid-height-in-owl-carousel;// Carousel Grid Height - needed in case we have hover add to cart button 
          }
      }
  	*/
  #category_gallery {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
  }
  /*---------------------------------------------*
    Navigation
   *---------------------------------------------*/
  /*---------  Side Navigation  ---------*/
  /*---------  Filters   ---------*/
  /*---------  Toolbar   ---------*/
  /*---------  Breadcrumb  ---------*/
  /*---------  Pagination  ---------*/
  /*---------------------------------------------*
    Checkout
   *---------------------------------------------*/
  /*---------  MiniCart   ---------*/
  /*---------  SlideCart   ---------*/
  /*---------  Checkout Process / Order Review    ---------*/
  .deductions .shipping_tax {
    width: calc(4.5em + ((100% - 5.5em) / 12 * 10));
    float: left;
    margin-right: 0.5em;
  }
  /*---------------------------------------------*
    MyAccount 
   *---------------------------------------------*/
  /*---------  Navidation   ---------*/
  /*---------  Account Pages   ---------*/
  /*---------------------------------------------*
    Tables 
   *---------------------------------------------*/
  /*---------------------------------------------*
    jQuery UI
   *---------------------------------------------*/
  /*---------  Slider   ---------*/
  /*---------  Date Picker   ---------*/
  /*---------------------------------------------*
    Imagery
   *---------------------------------------------*/
  /*---------  Background Slider   ---------*/
  /*---------  Header Background   ---------*/
  /*---------------------------------------------*
    Misc
   *---------------------------------------------*/
  /*---------  Brand Grid   ---------*/
  /*---------  Promotions   ---------*/
  /*---------  Social Media   ---------*/
  /*---------  Review & Rating   ---------*/
  /*---------  Subscribe  ---------*/
  /*---------  Polls   ---------*/
} /*----- Meida Query Closure -----*/
/*--------------------------------------------------------------------*
 * OVERWRIDES                                                          *
 *--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*
 * OVERWRIDES                                                          *
 *--------------------------------------------------------------------*/

/*# sourceMappingURL=wishkart.css.map */