/** Shopify CDN: Minification failed

Line 42:0 Unexpected "$"
Line 64:0 Unexpected "$"
Line 99:13 Unexpected "{"
Line 99:23 Expected ":"
Line 99:37 Unexpected ";"
Line 100:15 Unexpected "{"
Line 100:25 Expected ":"
Line 100:41 Unexpected ";"
Line 101:16 Unexpected "{"
Line 101:26 Expected ":"
... and 388 more hidden warnings

**/
/*============================================================================
  Shopify Timber v2.0.0 | github.com/shopify/timber
  Copyright 2014 Shopify Inc.
  Author Carson Shold @cshold
  Built with Sass - http://sass-lang.com/

  Some things to know about this file:
    - Sass is compiled on Shopify's server so you don't need to convert it to CSS yourself
    - The output CSS is compressed and comments are removed
    - This file merges your stylesheets into one master at assets/timber.scss.liquid
==============================================================================*/

/*================ Variables, theme settings, and Sass mixins ================*/
/*================ Global | Sass Mixins ================*/
@mixin clearfix() {  &:after {  content: ""; display: table; clear: both; }  *zoom: 1;}
@mixin prefix($property, $value) {  -webkit-#{$property}: #{$value};  -moz-#{$property}: #{$value};  -ms-#{$property}: #{$value};  -o-#{$property}: #{$value};  #{$property}: #{$value};}
@mixin transition($transition: 0.01s all) {  @include prefix('transition', #{$transition});}
@mixin transform($transform: 0.1s all) {  @include prefix('transform', #{$transform});}
@mixin backface($visibility: hidden) {  @include prefix('backface-visibility', #{$visibility});}
@mixin visuallyHidden {  clip: rect(0 0 0 0);  clip: rect(0, 0, 0, 0);  overflow: hidden;  position: absolute;  height: 1px;  width: 1px;}
@mixin box-sizing($box-sizing: border-box) {  -webkit-box-sizing: #{$box-sizing};  -moz-box-sizing: #{$box-sizing};  box-sizing: #{$box-sizing};}

/*============================================================================
  Dependency-free breakpoint mixin
    - http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
==============================================================================*/
$min: min-width;
$max: max-width;
@mixin at-query ($constraint, $viewport1, $viewport2:null) {
  @if $constraint == $min {
    @media screen and ($min: $viewport1) {
      @content;
    }
  } @else if $constraint == $max {
    @media screen and ($max: $viewport1) {
      @content;
    }
  } @else {
    @media screen and ($min: $viewport1) and ($max: $viewport2) {
      @content;
    }
  }
}

/*============================================================================
  Accent text
==============================================================================*/

$siteWidth: 100%;
$gutter: 30px;
$gridGutter: 30px;
$radius: 2px;
$small: 567px;
$medium: 767px;
$large: 768px;
$semilarge: 967px;
$postlarge:1199px;
$laplarge:1559px;
$wide: 5000px;

$viewportIncrement: 1px;
$postSmall: $small + $viewportIncrement;
$preMedium: $medium - $viewportIncrement;
$presemiLarge: $semilarge + $viewportIncrement;
$prepostLarge: $postlarge + $viewportIncrement;

/*================ The following are dependencies of csswizardry grid ================*/
$breakpoints: (
  'small' '(max-width: #{$small})',
  'medium' '(min-width: #{$postSmall}) and (max-width: #{$medium})',
  'medium-down' '(max-width: #{$medium})',
  
  'large' '(min-width: #{$large}) and (max-width: #{$semilarge})',
  'post-large' '(min-width: #{$presemiLarge}) and (max-width: #{$postlarge})',
    'lap-large' '(min-width: #{$prepostLarge}) and (max-width: #{$laplarge})',

  'wide' '(min-width: #{$prepostLarge}) and (max-width: #{$wide})'
);
$breakpoint-has-widths: ('small', 'medium', 'medium-down', 'large', 'post-large', 'wide');
$breakpoint-has-push:  ('medium', 'medium-down', 'large', 'post-large', 'wide');
$breakpoint-has-pull:  ('medium', 'medium-down', 'large', 'post-large', 'wide');

/*================ Color variables ================*/
$mainColor: {{ settings.main_color }};
$secondColor: {{ settings.second_color }};
$colorPrimary: {{ settings.color_primary }};
$colorSecondary: {{ settings.color_secondary }};

// Button colors
$colorBtnPrimary: $colorPrimary;
$colorBtnPrimaryHover: {{ settings.primary_hover_btn }};
$colorBtnPrimaryText: {{ settings.color_button_primary_text }};



$colorBtnTertiary: {{ settings.color_body_bg }};
$colorBtnTertiaryHover: $colorPrimary;
$colorBtnTertiaryActive: darken($colorPrimary, 10%);
$colorBtnTertiaryText: $colorPrimary;

// Text link colors
$colorLink: {{ settings.color_body_text }};
$colorLinkHover: {{ settings.color_primary_color }};

// Text colors
$colorTextBody: {{ settings.color_body_text }};

// Backgrounds
$colorBody: {{ settings.color_body_bg }};

// Border colors
$colorBorder: {{ settings.color_borders }};

// Nav and dropdown link background


// Site Footer
$colorFooterText: {{ settings.color_footer_text }};

// Helper colors
$disabledGrey: #f6f6f6;
$disabledBorder: darken($disabledGrey, 25%);
$errorRed: #d02e2e;
$errorRedBg: #fff6f6;
$successGreen: #56ad6a;
$successGreenBg: #ecfef0;

// Password page
$passwordPageUseBgImage: true;
$bodyFontStack: {{ settings.base_font | remove: 'Google+' | replace: '+', ' ' }};
$headerFontStack: {{ settings.header_font | remove: 'Google+' | replace: '+', ' ' }};
$OtherFontStack: {{ settings.other_font | remove: 'Google+' | replace: '+', ' ' }};

// Body Font
$baseFontSize: {{ settings.type_base_size }};

$font-size-header: {{ settings.type_header_base_size }};

$font-size-base: {{ settings.type_base_size }}; // Henseforth known as 1em

.flexslider { font-family: $OtherFontStack; }



/*================ Global | Normalize ================*/
*, input, :before, :after {  @include box-sizing();}

html, body {  padding: 0;  margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {  display: block;}
audio, canvas, progress, video {  display: inline-block;  vertical-align: baseline;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {  height: auto;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
input[type="search"],input[type="text"],input[type="button"],input[type="email"],button,input[type="submit"] { outline:none; -moz-appearance: none; }

/*================ Site-wide styles ================*/
/*================ Partials | Layout Styles ================*/
:focus,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
  outline: none
}
body { background-color: $colorBody;  }
.wrapper {  @include clearfix();  max-width: $siteWidth; margin: 0 auto;clear:both;}
.container-bg { background-color: $colorBody;float:left;width:100%;padding:0 4%;@include at-query ($max, $semilarge) { padding:0 1%; }@include at-query ($max, $postlarge) { padding:0 2%; }  }
hr {  clear: both; border-top: solid $colorBorder; border-width: 1px 0 0; margin: 15px 0;height: 0;
  &.hr--small { margin: ($gutter / 2) 0;  }
  &.hr--clear {    border-top-color: transparent;  }
  .template-index .main-content .grid-uniform + &.hr--clear { display: none;  }
}




@media (min-width: 768px) and (max-width: 991px){
  .container {
    width: 100%;
  }
  
  .pull-right{
  /////////////////////////
    margin-left:-35px;
  }
}
@media (min-width: 1200px) and (max-width: 1409px){
  .container {
    width: 1170px;
  }
}
@media (min-width: 1410px) and (max-width: 1589px){
  .container {
    width: 1380px;
  }
}
@media (min-width:1590px) and (max-width: 1829px) {
    .container {
        width: 1560px;
    }
}
@media (min-width: 1830px){
  .container{
    width: 1800px;
  }
}
/*================ Partials | Typography styles ================*/
.list-inline{
  margin: 0;
  padding: 0
}
.list-inline > li{
  padding: 0
}
body,
input,
textarea,
button,
select { letter-spacing: 0.5px; font-size: $baseFontSize;@include at-query ($max, $semilarge) { font-size:14px; }  line-height: 1.7; font-family: $bodyFontStack; color: $colorTextBody;-webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 ($gutter / 2);line-height: 1.4;color:{{ settings.color_heading_color }};
  a { text-decoration: none; font-weight: inherit;  }}

/*================ Use em() Sass function to declare font-size ================*/
h1 {
  font-size: (floor($font-size-header * 0.90));
  text-transform: none;

  @include at-query ($max, $small) { 
    font-size: (floor($font-size-header * 1.25));
  }
}

h2 {
  font-size: (floor($font-size-header * 0.75));

  @include at-query ($max, $small) { 
    font-size: (floor(($font-size-header * 0.75) * 0.9));
  }
}

h3 {
  font-size: ($font-size-header);
  text-transform: none;

  @include at-query ($max, $small) { 
    font-size: (floor($font-size-header * 0.78));
  }
}

h4 {
  font-size: (floor($font-size-header * 0.50));

  @include at-query ($max, $small) { 
    font-size: (floor(($font-size-header * 0.50) * 0.9));
  }
}

h5 {
  font-size: (floor($font-size-header * 0.40));

  @include at-query ($max, $small) { 
    font-size: (floor(($font-size-header * 0.40) * 0.9));
  }
}

h6 {
  font-size: (floor($font-size-header * 0.38));

  @include at-query ($max, $small) { 
    font-size: (floor(($font-size-header * 0.38) * 0.9));
  }
}

.h1 {
  @extend h1;
}

.h2 {
  @extend h2;
}

.h3 {
  @extend h3;
}

.h4 {
  @extend h4;
}

.h5 {
  @extend h5;
}

.h6 {
  @extend h6;
}

p {  margin: 0 0 ($gutter / 2) 0;
  img {    margin: 0;  }}

em {  font-style: italic;}
b, strong {  font-weight: bold;}
small {  font-size: 0.9em;}
sup, sub {  position: relative; font-size: 60%;vertical-align: baseline;}
sup {  top: -0.5em;}
sub {  bottom: -0.5em;}
blockquote {  margin: 0 0 10px;  padding: 15px 30px;  
  p {    margin-bottom: 0;
    & + cite {  margin-top: $gutter / 2; }  }
  cite {    display: block; font-size: 0.75em;
    &:before { content: "\2014 \0020"; }  }
}
code, pre { font-size: 1em;border: 0 none;padding: 0 2px;}
pre {  overflow: auto; padding: $gutter / 2; margin: 0 0 $gutter;}

/*================ Partials | Lists ================*/
ul, ol {  margin: 0;  padding: 0;}
.inline-list li { display: inline-block;@include at-query ($max, $medium) { display:inline-block; } list-style: none;}
.inline-list li:last-child { margin-right:0; }

/*================ Partials | Tables ================*/
table { background-color: #fff; width: 100%;margin-bottom: 1em; border-collapse: collapse;border-spacing: 0;}
.table-wrap {  max-width: 100%;  overflow: auto;  -webkit-overflow-scrolling: touch;}
th {  font-weight: bold;}
th, td {  text-align: left;  padding: $gutter / 2;  border: 1px solid $colorBorder;}

/*============================================================================
  #Grid Setup
    - Based on csswizardry grid, but with floated columns, a fixed gutter size, and BEM classes
    - Breakpoints defined above, under #Breakpoint and Grid Variables
    - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid items
==============================================================================*/
$responsive:         true;
$mobile-first:       true;
$use-silent-classes: false;
$push:               true;
$pull:               false;

/* Force clearfix on grids */
.grid,
.grid-uniform {  @include clearfix;}

/* Manual grid__item clearfix */
.grid__item.clear {  clear: both;}

$class-type: unquote(".");

@if $use-silent-classes == true {  $class-type: unquote("%");}

@mixin grid-media-query($media-query) {
  $breakpoint-found: false;

  @each $breakpoint in $breakpoints {
    $name: nth($breakpoint, 1);
    $declaration: nth($breakpoint, 2);

    @if $media-query == $name and $declaration {
      $breakpoint-found: true;

      @media only screen and #{$declaration} {
        @content;
      }
    }
  }

  @if $breakpoint-found == false {
    @warn "Breakpoint '#{$media-query}' does not exist";
  }
}

/*============================================================================
  Drop relative positioning into silent classes which can't take advantage of
  the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
@mixin silent-relative() {  @if $use-silent-classes == true {    position:relative;  }}

/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
#{$class-type}grid,
#{$class-type}grid-uniform {  list-style: none;  margin: 0;  padding: 0;}

#{$class-type}grid__item {  float: left;  min-height: 1px;  vertical-align: top;
  @if $mobile-first == true { width: 100%; }
  @include box-sizing();
}

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
#{$class-type}grid--rev {
  @extend #{$class-type}grid;
  direction: rtl;
  text-align: left;

  > #{$class-type}grid__item { direction: ltr; text-align: left; float: right; }
}

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
#{$class-type}grid--full {
  @extend #{$class-type}grid;
  margin-left: 0;
  > #{$class-type}grid__item {
    padding-left: 0;
  }
}

/*============================================================================
  WIDTHS
    - Create width classes, prefixed by the specified namespace.
==============================================================================*/
@mixin device-type($namespace:"") {
  /** Whole */
  #{$class-type}#{$namespace}one-whole       { width: 100%; }

  /* Halves */
  #{$class-type}#{$namespace}one-half        { width: 50%; }

  /* Thirds */
  #{$class-type}#{$namespace}one-third       { width: 33.333%; }
  #{$class-type}#{$namespace}two-thirds      { width: 66.656%; }

  /* Quarters */
  #{$class-type}#{$namespace}one-quarter     { width: 25%; }
  #{$class-type}#{$namespace}two-quarters    { width: 50%; }
  #{$class-type}#{$namespace}three-quarters  { width: 75%; }

  /* Fifths */
  #{$class-type}#{$namespace}one-fifth       { width: 20%; }
  #{$class-type}#{$namespace}two-fifths      { width: 40%; }
  #{$class-type}#{$namespace}three-fifths    { width: 60%; }
  #{$class-type}#{$namespace}four-fifths     { width: 80%; }

  /* Sixths */
  #{$class-type}#{$namespace}one-sixth       { width: 16.666%; }
  #{$class-type}#{$namespace}two-sixths      { width: 33.333%; }
  #{$class-type}#{$namespace}three-sixths    { width: 50%; }
  #{$class-type}#{$namespace}four-sixths     { width: 66.666%; }
  #{$class-type}#{$namespace}five-sixths     { width: 83.333%; }

  /* Eighths */
  #{$class-type}#{$namespace}one-eighth      { width: 12.5%; }
  #{$class-type}#{$namespace}two-eighths     { width: 25%; }
  #{$class-type}#{$namespace}three-eighths   { width: 37.5%; }
  #{$class-type}#{$namespace}four-eighths    { width: 50%; }
  #{$class-type}#{$namespace}five-eighths    { width: 62.5%; }
  #{$class-type}#{$namespace}six-eighths     { width: 75%; }
  #{$class-type}#{$namespace}seven-eighths   { width: 87.5%; }

  /* Tenths */
  #{$class-type}#{$namespace}one-tenth       { width: 10%; }
  #{$class-type}#{$namespace}two-tenths      { width: 20%; }
  #{$class-type}#{$namespace}three-tenths    { width: 30%; }
  #{$class-type}#{$namespace}four-tenths     { width: 40%; }
  #{$class-type}#{$namespace}five-tenths     { width: 50%; }
  #{$class-type}#{$namespace}six-tenths      { width: 60%; }
  #{$class-type}#{$namespace}seven-tenths    { width: 70%; }
  #{$class-type}#{$namespace}eight-tenths    { width: 80%; }
  #{$class-type}#{$namespace}nine-tenths     { width: 90%; }
}

/*================ Clearfix helper on uniform grids ================*/
@mixin clearfix-helper($namespace:"") {
  .grid-uniform {
    #{$class-type}#{$namespace}one-half:nth-child(2n+1),
    #{$class-type}#{$namespace}one-third:nth-child(3n+1),
    #{$class-type}#{$namespace}one-quarter:nth-child(4n+1),
    #{$class-type}#{$namespace}one-fifth:nth-child(5n+1),
    #{$class-type}#{$namespace}one-sixth:nth-child(6n+1),
    #{$class-type}#{$namespace}two-sixths:nth-child(3n+1),
    #{$class-type}#{$namespace}three-sixths:nth-child(2n+1),
    #{$class-type}#{$namespace}two-eighths:nth-child(4n+1),
    #{$class-type}#{$namespace}four-eighths:nth-child(2n+1),
    #{$class-type}#{$namespace}five-tenths:nth-child(2n+1),
    #{$class-type}#{$namespace}one-twelfth:nth-child(12n+1),
    #{$class-type}#{$namespace}two-twelfths:nth-child(6n+1),
    #{$class-type}#{$namespace}three-twelfths:nth-child(4n+1),
    #{$class-type}#{$namespace}four-twelfths:nth-child(3n+1),
    #{$class-type}#{$namespace}six-twelfths:nth-child(2n+1)    { clear: both; }
  }
}

/*================ Helper show/hide classes around our breakpoints ================*/
@mixin device-helper($namespace:"") {


  #{$class-type}#{$namespace}left        { float: left!important; }
  #{$class-type}#{$namespace}right       { float: right!important; }
}

/*================ Our regular, non-responsive width and helper classes ================*/
@include device-type();
@include device-helper();

/*================ Our responsive classes, if we have enabled them ================*/
@if $responsive == true {
  @each $name in $breakpoint-has-widths {
    @include grid-media-query($name) {
      @include device-type('#{$name}--');
      @include device-helper('#{$name}--');
      @include clearfix-helper('#{$name}--');
    }
  }
}
/*============================================================================
  PUSH
    - Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
@mixin push-setup($namespace: "") {
  /* Whole */
  #{$class-type}push--#{$namespace}one-whole       { left: 100%; @include silent-relative(); }

  /* Halves */
  #{$class-type}push--#{$namespace}one-half        { left: 50%; @include silent-relative(); }

  /* Thirds */
  #{$class-type}push--#{$namespace}one-third       { left: 33.333%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-thirds      { left: 66.666%; @include silent-relative(); }

  /* Quarters */
  #{$class-type}push--#{$namespace}one-quarter     { left: 25%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-quarters    { left: 50%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}three-quarters  { left: 75%; @include silent-relative(); }

  /* Fifths */
  #{$class-type}push--#{$namespace}one-fifth       { left: 20%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-fifths      { left: 40%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}three-fifths    { left: 60%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}four-fifths     { left: 80%; @include silent-relative(); }

  /* Sixths */
  #{$class-type}push--#{$namespace}one-sixth       { left: 16.666%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-sixths      { left: 33.333%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}three-sixths    { left: 50%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}four-sixths     { left: 66.666%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}five-sixths     { left: 83.333%; @include silent-relative(); }

  /* Eighths */
  #{$class-type}push--#{$namespace}one-eighth      { left: 12.5%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-eighths     { left: 25%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}three-eighths   { left: 37.5%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}four-eighths    { left: 50%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}five-eighths    { left: 62.5%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}six-eighths     { left: 75%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}seven-eighths   { left: 87.5%; @include silent-relative(); }

  /* Tenths */
  #{$class-type}push--#{$namespace}one-tenth       { left: 10%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-tenths      { left: 20%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}three-tenths    { left: 30%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}four-tenths     { left: 40%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}five-tenths     { left: 50%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}six-tenths      { left: 60%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}seven-tenths    { left: 70%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}eight-tenths    { left: 80%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}nine-tenths     { left: 90%; @include silent-relative(); }
 
}

/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
@mixin pull-setup($namespace: "") {
  /* Whole */
  #{$class-type}pull--#{$namespace}one-whole       { right: 100%; @include silent-relative(); }

  /* Halves */
  #{$class-type}pull--#{$namespace}one-half        { right: 50%; @include silent-relative(); }

  /* Thirds */
  #{$class-type}pull--#{$namespace}one-third       { right: 33.333%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-thirds      { right: 66.666%; @include silent-relative(); }

  /* Quarters */
  #{$class-type}pull--#{$namespace}one-quarter     { right: 25%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-quarters    { right: 50%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-quarters  { right: 75%; @include silent-relative(); }

  /* Fifths */
  #{$class-type}pull--#{$namespace}one-fifth       { right: 20%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-fifths      { right: 40%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-fifths    { right: 60%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}four-fifths     { right: 80%; @include silent-relative(); }

  /* Sixths */
  #{$class-type}pull--#{$namespace}one-sixth       { right: 16.666%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-sixths      { right: 33.333%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-sixths    { right: 50%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}four-sixths     { right: 66.666%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}five-sixths     { right: 83.333%; @include silent-relative(); }

  /* Eighths */
  #{$class-type}pull--#{$namespace}one-eighth      { right: 12.5%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-eighths     { right: 25%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-eighths   { right: 37.5%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}four-eighths    { right: 50%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}five-eighths    { right: 62.5%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}six-eighths     { right: 75%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}seven-eighths   { right: 87.5%; @include silent-relative(); }

  /* Tenths */
  #{$class-type}pull--#{$namespace}one-tenth       { right: 10%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-tenths      { right: 20%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-tenths    { right: 30%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}four-tenths     { right: 40%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}five-tenths     { right: 50%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}six-tenths      { right: 60%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}seven-tenths    { right: 70%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}eight-tenths    { right: 80%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}nine-tenths     { right: 90%; @include silent-relative(); }
 
}

.btn-primary:active:hover{
  background-color: #000;
}
svg{
  vertical-align: middle;
  transition: 0.01s ease;
}
.clearfix {
  &:after {    content: ""; display: table; clear: both; }  *zoom: 1;}
.display-table {  display: table;  table-layout: fixed;  width: 100%;}
.display-table-cell {  display: table-cell;  vertical-align: middle;  float: none;}
@include at-query ($min, $large) {  .post-large--display-table {    display: table; table-layout: fixed; width: 100%;  }
  .post-large--display-table-cell { display: table-cell; vertical-align: middle; float: none; }}
/*================ Partials | Links and Buttons ================*/
a,.text-link {  color: $colorLink;text-decoration: none;background: transparent; &:hover,  &:focus { color: $mainColor;  }}
button {  overflow: visible;}
button[disabled],
html input[disabled] {  cursor: default;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {     margin: 0; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {   -webkit-appearance: none;  margin: 0; }
input[type=number] { display:block; margin:10px 0 10px; width:100%; outline:none; -moz-appearance:textfield;}
.btn,.dt-sc-button { @include transition(0.1s ease); }


.sidebar-tag input[type="checkbox"] + label { padding:5px 25px;margin:0; text-transform: capitalize; }
.btn,.dt-sc-button {//background:$colorBtnPrimary;
  background: linear-gradient(to right, #7eb4c9,#b2ced1);border:none;color: $colorBtnPrimaryText; &:hover { background-color: $secondColor;color: #fff; border-color: #000; }}
.btn,.dt-sc-button { display: inline-block;font-weight: normal; padding:8px 10px;  margin: 0;line-height: 1.42;text-decoration: none;text-align: center; vertical-align: middle;white-space: nowrap; cursor: pointer; @include prefix('user-select', 'none'); -webkit-appearance: none; -moz-appearance: none;text-transform:capitalize;@include transition(0.1s ease);outline:none;

  /*================ Set primary button colors - can override later ================*/
  &:active,
  &:focus { background-color: $secondColor; color: #fff; border-color: #000; }}
.btn--secondary,
input.btn--secondary {  @extend .btn;   &:hover {  }
  &:active,
  &:focus {   }}
.btn--small {  padding: 4px 5px;  font-size: em(12px);}
.btn--large {  padding: 12px 15px;  font-size: em(16px);}
.btn--full {  width: 100%;}
.btn--tertiary,
input.btn--tertiary{  @extend .btn;  margin: 0;  background-color: $colorBtnTertiary;  color: $colorBtnTertiaryText;  border: 1px solid $colorBorder;  &:hover {  opacity: 1; background-color: $colorBtnTertiaryHover;  }
  &:active,
  &:focus { background-color: $colorBtnTertiaryActive; color: #fff;  }}
select.btn--tertiary {  padding: 6px 28px 6px 10px;  font-size: 0.85em; &:hover,  &:focus,  &:active { }}

/*================ Force an input/button to look like a text link ================*/
.text-link {  display: inline;  border: 0 none;  padding: 0;  margin: 0;}

/*================ Partials | Images, SVG, and iframes ================*/
img {  border: 0 none;}
svg:not(:root) {  overflow: hidden;}
img.auto,.grid__item img,.grid__item iframe {  max-width: 100%;}
.table-wrapper {  max-width: 100%;  overflow: auto;}

/*================ Partials | Forms ================*/
label{
  font-weight: 500;
}
input,textarea,button,select {  font-size: 1em;}
button,input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="tel"],input[type="submit"],textarea {  -webkit-appearance: none;  -moz-appearance: none;  margin:0 0 10px 0;outline:none;}
input,textarea,select,fieldset {  max-width: 100%; &.input-full {   width: 100%;  }}
input,select,textarea {  padding:10px 15px;  line-height: 1.42;}
fieldset {  border: 1px solid $colorBorder;  padding: $gutter / 2;}
legend {  border: 0;  padding: 0;}
optgroup {  font-weight: bold;}
input {  display: inline-block;  width: auto;}
button,input[type="submit"] {  cursor: pointer;}
input[type="submit"] {  @extend .btn;}
/*================ Input width and border ================*/
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
textarea,
select {  border: 1px solid #eee;  max-width: 100%;
  &:focus {    border: 1px solid $mainColor; }
  &[disabled],
  &.disabled { cursor: default;background-color: $disabledGrey; border-color: $disabledBorder; }
}
textarea {  min-height: 140px;}
input[type="checkbox"],
input[type="radio"] {  display: inline;  margin: 0;  padding: 0;}
select {  -webkit-appearance: none; -moz-appearance: none; appearance: none;background-position: right center;
  background: { image: url('{{ "ico-select.svg" | asset_url }}');
    repeat: no-repeat;position: right 10px center; color:#fff; }
  padding-right: 28px;text-indent: 0.01px;text-overflow: ''; cursor: pointer;outline:none;
  /*================ Hide the svg arrow in IE9 and below ================*/
  .ie9 &,
  .lt-ie9 & { padding-right: 10px; background-image: none; }}

select {  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  }

// Force option color (affects IE only)
option {  color: #000;  background-color: #fff;}
select::-ms-expand {  display: none;}

/*================ Form labels ================*/
.hidden-label {  @include visuallyHidden;}
label,legend {  display: block; margin-bottom: 2px;
  &.inline {    display: inline;  }
  .form-horizontal &.label--hidden,  &.label--hidden {  height: 0;width: 0; margin-bottom: 0; overflow: hidden;
    .ie9 &,
    .lt-ie9 & { height: auto; width: auto; margin-bottom: 2px;overflow: visible; }
  }
  .form-horizontal &:not(.label--hidden) { font-size: 0.9em; }
}

/*================ checkboxes/radios ================*/
input[type="checkbox"] + label,
input[type="radio"] + label {font-weight: normal;}
.label-hint {  color: #999;}

/*================ Horizontal Form ================*/
form.form-horizontal,
.form-horizontal {
  margin-bottom: 0;
  input[type="text"],
  input[type="search"],
  input[type="password"],
  input[type="email"],
  input[type="file"],
  input[type="number"],
  input[type="tel"],
  textarea,
  select,
  label {    display: inline-block;margin-bottom: 0; width: auto;  }}
@include at-query($min, $large) {  .form-horizontal ~ .form-horizontal { padding-left: $gutter / 2;  }}
@include at-query($max, $medium) {  .form-horizontal ~ .form-horizontal { margin-top: $gutter / 4;  }}

/*================ Error styles ================*/
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
textarea {
  &.error {  border-color: $errorRed; background-color: $errorRedBg; color: $errorRed; }}
label.error {  color: $errorRed;}

/*================ Input Group ================*/
.input-group {  position: relative; display: flex; border-collapse: separate; align-content: center;
  input {  &::-moz-focus-inner {  border: 0;padding: 0;margin-top: -1px; margin-bottom: -1px; }
  }
}
.input-group-field,.input-group-btn { display: table-cell;vertical-align: middle; margin: 0;}
.input-group .btn,.input-group .input-group-field { height: 37px;}
.input-group .input-group-field {  width: 100%; margin-bottom: 0;}
.input-group-btn {  position: relative; white-space: nowrap;  width: 1%; padding: 0;}

/*================ Search bar ================*/
.search-bar {  @include at-query ($max, $medium) {  margin-left: auto; margin-right: auto; max-width: 100%;  }}

/*================ Partials | Icons ================*/
@font-face {
  font-family: 'icons';
  src: url('{{ "icons.eot" | asset_url }}');
  src: url('{{ "icons.eot" | asset_url }}#iefix') format("embedded-opentype"),
       url('{{ "icons.woff" | asset_url }}') format("woff"),
       url('{{ "icons.ttf" | asset_url }}') format("truetype"),
       url('{{ "icons.svg" | asset_url }}#timber-icons') format("svg");
  font-weight: normal;
  font-style: normal;
}
$socialIconFontStack: 'icons';
.icon-fallback-text .icon {  display: none;
  .supports-fontface & {
    display: inline-block;
  }
}

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.supports-fontface .icon-fallback-text .fallback-text {  clip: rect(0 0 0 0);  overflow: hidden;  position: absolute;  height: 1px;  width: 1px;}
.icon:before {  display: none;}
.supports-fontface .icon:before {  display: inline; font-family: $socialIconFontStack; text-decoration: none; speak: none; // future fallback, limited in effect currently
  font-style: normal;  font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*  breadcrumb  */
.breadcrumb,
.tags {
    a {
    color: $colorTextBody;
    &:hover,
    &:focus,
    &:active {
      color: $mainColor;
    }
  }
}

.parallax{ float:left; width:100%; text-align:center;  height:auto; background-attachment:fixed; padding:80px 0px; }
.breadcrumb h1 { display:inline-block;text-align:center;float:left;width:100%;margin-bottom:5px;font-size:20px;text-transform:uppercase;font-weight:bold;letter-spacing:0.08em;@include at-query($max, $medium) { font-size:26px; }@include at-query($max, $small) { font-size:22px;width:100%;margin-top:10px; }  }
.tag--active a {  color: $colorPrimary;}
.footerbg .footer-logo { text-align:left;padding-right:20px;padding-bottom:120px;float:left;width:100%;height:100%;position:absolute;top:0;left:0;@include at-query ($max, $medium) { position:static;padding-left:20px;padding-bottom:20px;}@include at-query ($max, $small) { position:static;padding-left:15px;padding-right:15px;} }
.footerbg .footer-logo p { padding:0;margin-bottom:15px;@include at-query ($max, $postlarge) { font-size:13px;font-weight:normal;}@include at-query ($max, $semilarge) {margin-bottom:10px; } }
.footerbg .footer_container {float:right;width:480px;@include at-query ($max, $laplarge) { width:460px; } @include at-query ($max, $postlarge) { width:370px; }@include at-query ($max, $semilarge) { width:270px; }@include at-query ($max, $medium) { width:100%; } }
.footerbg .footer-logo img.normal-footer-logo { padding:0;margin:30px 0 15px;@include at-query ($max, $postlarge) { margin:20px 0 15px; } }
.footerbg .social-links-type-5 li { margin-bottom:7px;float:left;width:100%; }
.footerbg .social-links-type-5 li i {    width:25px; }
.footerbg .footer-icons .payment-icons li a img { width:auto;height:auto; @include at-query ($max, $semilarge) { width:35px;height:auto;}}
.footerbg .footer-icons .payment-icons { @include at-query ($max, $medium) { text-align:left; }}

/*================ Module | Footer ================*/

.site-footer a:hover { color:$mainColor !important; }
.site-footer {
  margin-top: 60px;
    background: linear-gradient(to right,#212323 , #4a5767);
  //background: #272929;//#202020;
  form {    margin-bottom: 0; margin-top: 25px; }
  .text-center input {  margin-left: auto; margin-right: auto;border:none; }
  p {  margin-bottom: 0; }
  ul { margin-bottom: 0; }
  
} 

 
.site-footer input::-webkit-input-placeholder {  color:#999;}
.site-footer input:-moz-placeholder { color:#999;}
.site-footer input::-moz-placeholder {  color:#999;}
.site-footer input:-ms-input-placeholder {  color:#999;}
.site-footer input { color:#999; }
input::-webkit-input-placeholder { color:#999;}
input:-moz-placeholder { color:#999;}
input::-moz-placeholder { color:#999;}
input:-ms-input-placeholder{ color:#999;}
textarea::-webkit-input-placeholder { color:#999;}
textarea:-moz-placeholder { color:#999;}
textarea::-moz-placeholder { color:#999;}
textarea:-ms-input-placeholder { color:#999;}

/*================ Module | Notes and Form Feedback ================*/
.note,
.errors {  display:inline-block;width:100%;border-radius: $radius;padding: 6px 12px;margin-bottom: $gutter / 2;border: 1px solid transparent; font-size: 0.9em; text-align: left;
  ul,
  ol {  margin-top: 0; margin-bottom: 0;}
  li:last-child { margin-bottom: 0; }
  p { margin-bottom: 0;  }
}
.note { border-color: $colorBorder;}
.errors { ul { list-style: disc outside; margin-left: 20px; }}
.form-success { color: $successGreen;background-color: $successGreenBg;border-color: $successGreen;
  a { color: $successGreen; text-decoration: underline;
    &:hover { text-decoration: none;  }  }}
.form-error,.errors {  color: $errorRed; background-color: $errorRedBg;border-color: $errorRed;
 a { color: $errorRed;text-decoration: underline;
    &:hover {  text-decoration: none; }
  }
}

/*================ Module | Pagination ================*/
.pagination { margin-bottom: 1em;}
.pagination-custom > li { display: inline-block;}
.pagination-custom > li > a,
.pagination-custom > li > span { 
  position: relative;
padding: 7px 0;
line-height: 1.42;
text-decoration: none;
    background: linear-gradient(to right,#8cb3c1,#9ed3dc);
//background: $mainColor;
color: #fff;
margin-right: 2px;
border-radius: 4px;
display: inline-block;
min-width: 35px;
min-height: 35px;
text-align: center;
transition: 0.1s ease;

 &:hover { background:#000; color: #fff }}
.pagination-custom > li:first-child > a,
.pagination-custom > li:first-child > span { margin-left: 0;}
.pagination-custom > .active > a,
.pagination-custom > .active > span,
.pagination-custom > .active > a:hover,
.pagination-custom > .active > span:hover,
.pagination-custom > .active > a:focus,
.pagination-custom > .active > span:focus { z-index: 2;cursor: default; color: #fff;background:#000;}
.pagination-custom > .disabled > span,
.pagination-custom > .disabled > a,
.pagination-custom > .disabled > a:hover,
.pagination-custom > .disabled > a:focus {  color: #fff;  cursor: not-allowed;}


/*================ Module | Rich Text Editor ================*/
.rte {
  // Add some top margin to headers from the rich text editor
  h1, h2, h3, h4, h5, h6 {  margin-top: 2em;
    &:first-child {  margin-top: 0;  }  }
  > div {    margin-bottom: $gutter / 2;  }
  ul {    @extend ul.disc;
    ul {    list-style: circle outside;
      ul {        @extend ul.square;      }
    }
  }
  li {    margin-bottom: 0.4em;  }
  img {  max-width: 100%; height: auto;  }
  table {    table-layout: fixed;  }
}
.rte--header {  margin-bottom: $gutter;}

/*================ Module | Section Headers ================*/
.section-header {  text-align: left;  margin-bottom: $gutter / 2;}
.section-header--small {  margin-bottom: 0;}
.section-header--medium {  margin-bottom: $gutter / 4;}
.section-header--large {  margin-bottom: $gutter;}
.section-header--breadcrumb {  margin-bottom: $gutter / 2;}
.section-header__title { color: {{ settings.color_heading_color }}; }
.relpro .section-header__title  {  color: {{ settings.color_heading_color }}; }
span.large-font-text { font-size:200px;@include at-query ($max, $semilarge) { font-size:140px; }@include at-query ($max, $medium) { font-size:90px; } @include at-query ($max, $medium) { font-size:70px; }font-weight:bold;float:left;width:100%;margin:0 0 30px;line-height:normal;color:{{ settings.color_heading_type1_color }}; }

.section-header__title--left,
.section-header__link--right {  padding-bottom: $gutter / 2.5;  margin-bottom: 0;}
.section-header__link--right {  margin-top: $gutter / 2;}
@include at-query ($min, $large) {  .section-header {    display: table; width: 100%; text-align: left;  }
  .section-header__title--left { display: table-cell; vertical-align: middle;
    h1, h2, h3, h4,
    .h1, .h2, .h3, .h4 { margin-bottom: 0;}
  }
.section-header__link--right {  display: table-cell; vertical-align: middle; text-align: right;  width: 550px;  margin-top: 0;  @include at-query ($max, $medium) { margin-bottom: $gutter; }  }}

.section-header__link--right {
  .form-horizontal { display: inline-block;  }
  .form-horizontal,
  .collection-view { vertical-align: middle;  }
  select,
  option { color: $colorTextBody;  }
  @include at-query ($min, $postSmall) {
    label + select,
    .collection-view { margin-left: $gutter / 2; }
    label:not(.label--hidden) + select { margin-left: $gutter / 6; }  }
  @include at-query ($min, $large) { select { max-width: 200px;    }  }}
@include at-query ($max, $medium) {
  .template-collection {
    .section-header__link--right {  display: block; width: 100%; margin-top: 0;
      .form-horizontal { width: 100%;
        select {  width: 100%; margin-left: 0;}
      }
    }
  }
}
.view-more {  clear: both;display: block;font-size: 0.85em;text-align: center; margin-top: $gutter / 2; @include at-query($min, $large) { display: none; }}

/*================ Module | Site Header ================*/
.site-header__menubar { @include at-query ($max, $postlarge) { padding:0 10px 0 10px; }@include at-query ($max, $semilarge) { padding:0 5px 0 5px; } @include at-query ($max, $medium) { height:auto;padding:10px 7px; }float:left;width:100%;height:{{ settings.logo_max_height }}px;}
 .menubar-section { padding:0 0px; }
.site-header__logo { 
  a {  max-width: {{ settings.logo_max_width }}px; margin: 0 auto; }
  a,
  a:hover,
  a:focus { text-decoration: none; }
  a, img {  }
  img { margin: 0 auto; }
  }
img {  max-width:100%;  }
.site-header--text-links { margin-bottom: 0;}
/*============ If logo is on the same line as navigation ============ */

/*================ Header message (theme setting) ================*/
.header-message {  text-align: center;@include at-query($max, $postlarge) { margin-left:20px; }@include at-query($max, $medium) { margin-bottom:30px;margin-left:0; } margin: ($gutter / 2) 0 0; line-height: 1;  @include at-query($min, $large) {    margin-bottom: $gutter / 2;  }}
/*================ View-specific styles ================*/
/*================ Templates | Blog and Comments ================*/
.comment { & + & { border-top: 1px solid $colorBorder;padding-top: $gutter;  }}
.meta-sep {  position: relative; top: -1px;padding: 0 5px;font-size: 0.7em; }
aside h4 ~ h4 {  margin-top: 1.5 * $gutter;}
aside time em {  font-size: 0.8em;}
@include at-query($max, $medium) {  article {    margin-bottom: $gutter;  }}
.article__image {  display: block;  margin-bottom: 0; border-radius: 4px;}

/*================ Templates | Cart Page ================*/
.cart__row { 

  & + & { border-bottom: 1px solid $colorBorder;  }
  &:last-child { margin-bottom: 0;border-bottom:none; }
  &:last-child {  padding-bottom: 0; border-top: 0 none;  }
  .js-qty { margin: 0;  }
}
.cart__image { display: block;margin-right:15px;}
.cart__subtotal,
.cart-additional-savings__price {  margin: 0 0 0 ($gutter / 3);  display: inline;}
.cart__mini-labels {  display: block;  font-size: em(12px);  @include at-query ($min, $large) { display: none;  }}
input.cart__quantity-selector {  width: 100px; margin: 0 auto;}
.cart__remove {  display: block;}
.wbcartbox-add.is-hidden {  display: none;}
.wbcartbox {  display: none;
  &.is-active {    display: block;  }}
.cart-item__discount,
.cart-additional-savings__savings,
.cart-subtotal__savings { display: block;}
.cart__additional_checkout {  margin: ($gutter / 2) 0 0;
  input {    padding: 0;  }
  .google-wallet-button-holder {  display: inline-block; vertical-align: 10px; }}
/*================ Templates | Product Page ================*/
.singlepro__variants {  display: none;
  .no-js & {    display: block;  }}
.singlepro__photos {  margin-bottom: $gutter;}
.singlepro__photos,
.singlepro__thumbnails {  
  a, img {    display: block; margin: 0 auto; max-width: 100%; }}

{% if settings.product_image_zoom_type == 'lightbox' %}
#ProductPhotoImg {  cursor: -webkit-zoom-in;  cursor: -moz-zoom-in;  cursor: zoom-in;}
{% endif %}
.image-zoom {  cursor: move;}
.singlepro__prices {  margin-bottom: 15px;float:left;width:100%;}
.singlepro__price {  color:{{ settings.product_price }}; font-size: 1.4 * $baseFontSize;}
.singlepro__sale-price { opacity: 0.7;  margin-left: 6px; font-size: 1.27 * $baseFontSize;}
.change-view.grid-view {  background-color:#ebebeb;margin-right:12px; @include at-query ($max, $semilarge) { margin-right:5px; }color: #c2c2c2;}
.change-view {  display: block;background: none; border: 0 none;float: left;padding: 7px 8px;width:40px;height:40px;border-radius:5px;color: $colorBorder;line-height: 1;
  @include at-query ($max, $semilarge) { width:37px;height:37px; }  @include at-query ($max, $small) { float:none; display:inline-block; text-align:center; margin-left:-3px; } 

  &:hover,
  &:focus {
    color: $colorPrimary;
    
  }
}
a { @include transition(0.1s ease);}
.slide-link {  display: block;position:relative;  img {    display: block;  }}
.slide_content { position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center;margin:auto; }
.slide_content h2 { color:{{ settings.intro_title_color }};font-size:80px;text-transform:uppercase; @include at-query ($max, $medium) { font-size:35px; } }
.slide_content p { font-size:18px;color:{{ settings.intro_text_color }}; @include at-query ($max, $medium) { font-size:14px; } }
.slide_content a.btn { background:{{ settings.intro_btn_bg }};border:none;color:{{ settings.intro_btn_color }}; }
.slide_content a.btn:hover { background:{{ settings.intro_btn_bg_hover }};border:none;color:{{ settings.intro_btn_hover_color }}; }
$badgeSize: 60px;
.badge { float:left;position:absolute;color: {{ settings.sale_button_text }};margin:0px;text-transform: uppercase;text-align: center;font-size: em(12px);line-height: 1.1;z-index: 1;}
a.btn {-webkit-transition-timing-function: linear;}
/* Header  */
.headertop .menu-tool ul li a { padding:24px 20px;@include at-query ($max, $postlarge) { padding:24px 10px;  } @include at-query ($max, $semilarge) {  padding:24px 7px; } }
.headertop .customer_account {position: relative; float: none;@include at-query ($max, $medium) { text-align:left; } }
.headertop .menu-tool { width:100%; }
.headertop .menu_icon .hmuser { cursor:pointer;font-size:18px;padding:0 0 0 10px;@include at-query ($max, $medium) { font-size:16px; }  }
.headertop .menu_search li.header-search { width:300px;padding:0; @include at-query ($max, $medium) { float:left;width: auto;margin:0 0 0px; } @include at-query ($max, $small) { width: auto;padding:0; }}
.headertop  .menu_search.menu_icon { z-index:1; }
.headertop .menu_icon .customer_account li a { padding:0 0 10px;line-height:normal; }
.headertop .menu-tool { float:left;width:100%;@include at-query ($max, $postlarge) { padding:0 15px; } }
.headertop .menubar-section .hmuser i,.headertop .header-search span { cursor:pointer;@include transition(all 0.1s ease-in-out);  }
.headertop .site-header__menubar { border:1px solid $colorBorder;height:auto;@include at-query ($max, $postlarge) { padding:0 10px; }@include at-query ($max, $medium) { padding:0 10px; } }
.headertop .top_bar_menu { @include at-query ($max, $medium) {  }}
.headertop .search-bar__form { @include at-query ($max, $medium) { background:none !important; border:none !important;float:none;display:inline-block; }}
.headertop .search-bar__form button { @include at-query ($max, $medium) { line-height:50px;padding:0 15px;font-size:16px; } }
.headertop .cur>li.currency>.dropdown-toggle { @include at-query ($max, $medium) { font-size:16px; }}
.headertop .cur>li.currency .flag-dropdown-menu { @include at-query ($max, $medium) { padding:10px 0 !important; }}
.headertop .header_toggle.active+.header_slide_element { top:0; }
.headertop .slidersearch.header_slide_element { -webkit-transform: translate(100%, 0%);  transform: translate(100%, 0%);@include at-query ($max, $medium) { -webkit-transform: translate(0%, 0%);  transform: translate(0%, 0%);padding:0; } }
.headertop .slidersearch.header_slide_element { padding:12px 10px;box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.15);@include at-query ($max, $medium) { padding:0;  }}
.headertop .search-bar__form button { @include transition(all 0.1s ease-in-out); }
.headertop .search-bar__form { border:none; }
.headertop .is-sticky .site-header__menubar .site-header__logo,.headertop .is-sticky .menu_icon li.header-search,.headertop .is-sticky #minicart_total,.headertop .is-sticky .menu_icon li:last-child
.headertop .menu_icon { min-height:0;  }
.headertop .sb-search { z-index:1; }
#minicart_total{
  text-transform: capitalize;
  margin-left: 3px;
}
a:hover,a:focus,.a:active{
  outline: none;
  text-decoration: none;
}
#acdrop { 
  background-color: #fff; 
  box-shadow: 0 0px 5px rgba(0,0,0,0.175);
  width:200px;
  padding:15px 10px;
  line-height: 25px;
  opacity:0;
  visibility:hidden;
  position:absolute;
  right:0px;
  top:100%;
  z-index:9;
  transition: all 0.1s ease-in-out;
  transform-origin: 0 0;
  border-radius: 4px;
}
.slidedown_section:hover #acdrop,.wrapper-top-cart:hover #slidedown-cart  { 
  opacity:1;
  visibility:visible;
}
/* .slidedown_section ul li span { float:right;margin:0 0 0 20px;font-size:14px;line-height:24px;display:none; } */
.slidedown_section ul li.logout-link span.fa { padding:5px 0; }
.slidedown_section ul li span.fa { float:left;margin:0 15px 0 0;display:block;font-size:14px;line-height:24px; }
.slidedown_section:hover #acdrop  { opacity:1;visibility:visible; }

.slidedown_section ul li.logout-link span.fa { padding:5px 0; }
.slidedown_section ul li span.fa { float:left;margin:0 15px 0 0;display:block;font-size:14px;line-height:24px; }
#currencies-picker .selection-box { float:right;margin:0;position:relative; }
#currencies-picker { width:100%;margin:0; }
#currencies-picker .selection-box select { border:none;padding:0; }
#currencies-picker p {margin:0 12px 0 0px; }
#currencies-picker { padding:35px 0;margin:0 !important;@include at-query ($max, $medium) { margin:0 !important; } }
.currency_wrapper.dropdown-toggle { position:relative; }
.header-bar .social-icons li { float:left;@include at-query ($max, $medium) { float:none;display:inline-block;text-align:center; } }
.header-bar .social-icons li a { float:left;padding:0;@include at-query ($max, $medium) { float:none; }font-size:14px; }
.header-bar .social-icons li:last-child a { padding-right:0; }
#currencies-picker select { margin:0;width:45px;float:left;line-height:normal; }
.header-bar__left #currencies-picker .selection-box { float:right; }
#currencies-picker { margin-top:1px;@include at-query ($max, $medium) { float:none !important;display:inline-block;position:relative;top:4px; } }
#currencies-picker select { background:inherit;border:none;background:transparent;outline:none;padding:0; }
.header-bar .selection-box { position:relative; }
#currencies-picker .selection-box:before { content:"\f107";font-family:FontAwesome; margin: auto;@include at-query ($max, $semilarge) { right:3px; } right: 5px; top: 0px; z-index: 1; position:absolute; pointer-events: none;}
.menubar-section .hmuser { cursor:pointer;float:left;padding:33px 0 33px 15px; font-size:{{ settings.type_base_size }};cursor:pointer;}
#menubar-section ul li a.icon-cart-arrow{ padding:33px 0px 33px 25px; font-size:{{ settings.type_base_size }};cursor:pointer;@include at-query ($max, $semilarge) { padding:33px 10px 33px 10px; }}
.header-bar { float:left;width:100%;padding:5px 15%;@include at-query ($max, $postlarge) { padding:0 10px; }@include at-query ($max, $semilarge) { padding:0; }@include at-query ($max, $medium) { border:none; }}
.mini-cart-icon { float:left; }
.mini-cart-details span { line-height:normal;margin:0; }
.mini-cart-details #cartCount i { font-size:30px;margin-right:28px;margin-top:4px;float:left; }
.mini-cart-details { float:right;margin:0px 0px 0px 0px;@include at-query ($max, $semilarge) { margin:0; } @include at-query ($max, $medium) { border-right:1px solid $colorBorder;float:none;display:inline-block;width:100%;text-align:center; } }
.mini-cart-icon i {float:right;}

.wbcartbox-add { text-decoration:underline;margin-bottom:10px; }
.wbcartbox textarea { width:85%; }

/* Menu */
.sb-icon-search { @include at-query ($max, $medium) { background:{{ settings.primary_hover_btn }};color:{{ settings.primary_hover_btn_text }}; }}
.sb-search-submit:hover,.sb-search.sb-search-open .sb-icon-search { background:{{ settings.primary_hover_btn }};color:{{ settings.primary_hover_btn_text }}; @include at-query ($max, $medium) { background:none;color:none; } }
.menu { list-style:none; }
.sb-search {position: relative;margin: 23px 0; width: 0%;@include at-query($max, $medium) { width:100%; } min-width: 50px;height: 50px;float: right;overflow: hidden; -webkit-transition: width 0.1s; -moz-transition: width 0.1s;transition: width 0.1s; -webkit-backface-visibility: hidden;}
.sb-search input[type="text"] { border:none;@include at-query($max, $medium) { border:1px solid $colorBorder; } }
.sb-search input[type="text"] { position: absolute;top: 0;right: 0; border: none;outline: none; width: 100%;  height: 50px;@include at-query($max, $medium) { height: 55px;border:1px solid $colorBorder; } margin: 0;padding:16px 65px 16px 20px;}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {   ::i-block-chrome, .sb-search input[type="text"] {  text-indent:-9999px;  }}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
::i-block-chrome, .sb-search.sb-search-open input[type="text"] { text-indent:0px; }
    }

.sb-icon-search,.sb-search input[type="submit"]  {width: 50px; height: 50px;  display: block; position: absolute; right: 0;top: 0;padding: 0; margin: 0;  line-height: 50px !important;text-align: center;cursor: pointer;}
.sb-search input[type="submit"] {background: #fff; /* IE needs this */  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */   filter: alpha(opacity=0); /* IE 5-7 */   opacity: 0;color: transparent;  border: none; outline: none;  z-index: -1;}
.sb-icon-search { z-index: 90;font-size: 18px !important; speak: none;font-style: normal; font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;}
.sb-search.sb-search-open,.no-js .sb-search { width: 100%;}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search { z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit { z-index: 90;}
input[type="search"].sb-search-input {  -webkit-appearance: none; -webkit-border-radius: 0px;}

/* Home page */
.collectionItems .wide--one-half { width:49.25%;margin-right:1.5%;margin-top:1.5%;@include at-query ($max, $medium) { width:100%;margin:0; } }
.collectionItems .wide--one-half:last-child { margin-right:0; }
.full-width-grid-banner.wide--one-half  { width:48.5%;margin-right:3%;margin-bottom:3%;margin-top:0;@include at-query ($max, $small) { width:100%;margin:0 0 15px;} }
.full-width-grid-banner.wide--one-half:last-child { margin-right:0; }

/* Sorting */
.portfolio-container { margin-top:60px; }
.column.no-space.dt-sc-one-fourth { width: 24.96%;padding:15px;margin-bottom:20px;@include at-query ($max, $semilarge) { padding:5px;}@include at-query ($max, $medium) { width:50%; padding:5px;}@include at-query ($max, $small) { width:100%; }}
div.pp_default .pp_social { display:none; }

/* Newsletter */

.newsletter-section.parallax { margin:auto;text-align:center;padding:0; }
.newsletter-section form .btn:before { border:none; }
.newsletter-section form .btn:hover { background:none;color:{{ settings.color_button_primary_text }}; }
.newsletter-section form .btn { display:inline-block;height:auto;padding:10px 20px;margin-left:10px;border-left:none;border-right:none;border-top:none;border-bottom:3px solid {{ settings.title_border }};  }
.newsletter-section form { display:inline-block;width:40%; @include at-query($max,$small) { width:100%; } }
.newsletter-section form input[type="email"] { display:inline-block;padding:10px;width:75%;border-left:none;border-right:none;border-top:none;border-bottom:3px solid {{ settings.black_borders }}; }


.flex-prev:before {
    content:"\f2ea";font-family:"Material-Design-Iconic-Font";float:left;
}
.flex-next:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjIuM3B4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMi4zIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMi4zIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNEM0QzRDMiIGQ9Ik0wLjUsMy4xYzIuMSwyLjEsMTYuMSwxNi42LDE2LjEsMTYuNlMyLjYsMzQuOCwwLjUsMzYuOVMzLjYsNDAsMy42LDQwbDE4LjctMjAuM0wzLjYsMEMzLjYsMC0xLjYsMSwwLjUsMy4xDQoJeiIvPg0KPC9zdmc+DQo=");
    background-position: center center;background-repeat: no-repeat;
}
.collection_sidebar .widget { position:relative; }
.collection_sidebar .widget.widget_top_rated_products ul,.widget_promo_img.widget ul { border:none;}
.tab-inner { float:left;width:100%;position:relative; }
.selector-wrapper .selector-arrow { position:relative;float:left;width:25%;@include at-query ($max, $semilarge) { width:40%; } @include at-query ($max, $small) { width:56%; }}

/* products detail section */
.dis-price,.quick-view .compare-price,#ComparePrice {display: inline-block; letter-spacing: 0; font-weight: 500; text-decoration: line-through; color:{{ settings.product_cmp_price }};font-size:12px;}
#ComparePrice{
  display: inline-block !important;
}
.product_single_price{ margin-bottom: 15px; }
.site-footer ul { list-style:none;margin:0;padding:0; }
.site-footer__links a:hover { color:$mainColor;}
.site-footer .grid-uniform .grid__item {border-left:1px solid $colorBorder;margin:0px; @include at-query ($max, $medium) {border-left:none;}}
.site-footer .grid-uniform .grid__item:first-child { border-left:none; }
.site-footer .grid-uniform .grid__item form { border-bottom:1px solid {{ settings.black_borders }};display:inline-block;width:72%;@include at-query ($max, $postlarge) { width:90%;  } @include at-query ($max, $semilarge) { width:94%;  }@include at-query ($max, $medium) { width:100%; } }
.site-footer__links a { 
  color: $colorFooterText;
  display: inline-block;
  text-transform: capitalize;
  line-height: 35px;
  transition: 0.1s ease;
  letter-spacing: 0.5px;
  font-weight: normal;
}
.social-icons li{
    list-style: none
}
.social-icons a{
    min-width: 35px;
    min-height: 35px;
    text-align: center;
    transition: 0.1s ease;
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    color: #555;
    padding: 6px 0 0 0;
    font-size: 14px;
}
.header_social{
    list-style: none;
    margin-top: 25px;
}
.social-icons a:hover{
    background: $mainColor;
    color: #fff !important;
}
.fspc h4{
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#fcontact h4,.header_social h4{
    margin-top: 30px;
}
#fcontact svg{
    fill: $mainColor;
    margin-right: 10px;
}
#fcontact .address{
  text-transform: capitalize;
}
.footdes{
    color: #767676;
    line-height: 25px;
    font-size: 13px;
    margin: 30px 0;
}
.fspc{
    padding: 50px 0
}
.foot-payment li svg{
  width: 45px;height: 45px;
}
.footer-logo p { margin:0;padding-left:30px;@include at-query ($max, $small) { padding-left:0; } }
.footer-logo img { margin:0;padding:5px 0 0; }
footer .grid.footer-icons { margin:20px 0 0; }
.footer-icons .payment-icons li a:hover img { opacity:1; }
.footer-icons .payment-icons li a img { opacity:0.7; }
.footer-icons .payment-icons li a img { float:left;width:40px;height:25px; }
.footer-icons .payment-icons li a img { @include transition(all 0.1s ease-in-out); }
.footer-icons .payment-icons li a { display:block; }
.grid.footer-icons {float:left;@include at-query ($max, $small) {  float:none;display:inline-block; } }
.footer-icons h4 { float:left;width:100%;padding:0; }
.footer-icons .payment-icons li img { @include at-query ($max, $semilarge) { width:35px; } @include at-query ($max, $medium) { width:50px; } @include at-query ($max, $small) { width:43px; } }
.footer-icons .payment-icons { float:left;@include at-query ($max, $medium) { padding:0;float:none;display:inline-block;text-align:center;width:100%;margin:auto; }padding:0px 0 0px;position:relative; }
.copyright-section .footer-icons { float:right;@include at-query ($max, $medium) { float:none; } }
.copyright-section { float:left;width:100%;padding:20px 4%;@include at-query ($max, $semilarge) {  padding:20px 1%; }}
.copyright, .copyright a { margin:0;@include at-query ($max, $medium) { text-align:center; } }
.copyright a { color:{{ settings.copyright_link_color }};}
.copyright a:hover { color:$mainColor; }
.sale .badge__text,.sale,.psold-out{ 
position: absolute;
top: 15px;
color: #fff;
left: 15px;
font-size: 12px;
text-transform: uppercase;
border-radius: 4px;
display: inline-block;
padding: 0;
font-weight: 500;
letter-spacing: 0.3px;
color: $mainColor;
}

/* Zoom */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {position: fixed;left: 0px; top: 0px;width: 100%;height: 100%;z-index: 9999;  background: url({{ 'Preloader_2.gif' | asset_url }}) center no-repeat #fff;}
.product-img-box .product-photo-container {position: relative; overflow: hidden;  text-align: center;}
.product-img-box .p-video { text-align:center; }
.zoomWrapper > div { width: 64px !important; height: 64px !important; background-color: #fff!important; left: 50% !important; margin: -32px 0 0 -32px !important; top: 50% !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 99!important; }

.zoomWrapper img:nth-child(2) {display:none}

/* goto top */
#toTop {  
  position: fixed;
  right: 29px;
  bottom: 85px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: linear-gradient(to right, #94b4bd , #b4ddee);
  //background: $mainColor;
  outline: none;
  z-index: 2;
  border-radius: 15%;
  line-height: 28px;
  text-align: center;
}
#toTop::after {
    pointer-events: none;
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    z-index: 1;
    content: '';
    box-sizing: content-box;
    transform: scale(0);
    opacity: 0;
    transition: all 0.01ms cubic-bezier(0.41, 0.12, 1, 1);
    background: linear-gradient(to right, #90d1dc , #c6e2e4);  //background: $secondColor;
    border-radius: 15%;
}
#toTop:hover::after {
    transform: scale(1);
    opacity: 1;
    transition: all 0.01ms cubic-bezier(0.41, 0.12, 1, 1);
}
#toTop i {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    vertical-align: middle;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#toTop:hover i {
    position: relative;
    z-index: 5;
}
#slidedown-cart .actions .btn i { margin-right:8px; }
#slidedown-cart .actions { padding:0 0 15px 0; }
#slidedown-cart li a.product-image { float:left;margin-right:15px; width:70px; height:auto; }
#slidedown-cart .text-cart { margin-left:5px; @include at-query ($max, $small) { margin-left:0; }  }
#slidedown-cart .product-details { float:left;width:60%; }
#slidedown-cart .btn-remove { position:absolute;right:0px;top:7px;}
#slidedown-cart li .product-name a { font-size:14px;}
#slidedown-cart ul { padding:10px; overflow-y:auto; max-height:394px; }
#slidedown-cart li { border-radius:0; position:relative; }
#slidedown-cart .product-name{ 
  margin: 0;
  text-transform: capitalize;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0
}
#slidedown-cart .has-items .summary{
  padding: 0 10px;
}
#slidedown-cart .product-name:hover{
  color: $mainColor;
}
#slidedown-cart .actions { text-align:center; }
#slidedown-cart .no-items { padding:15px 25px;text-align:center; }


/* product */
.propage .add-to-wishlist .btn { margin-left:10px;}
.propage .product-arrows span a { color:{{ settings.color_button_primary_text }}; }
.propage .social-sharing { margin:0px 0 0;@include at-query ($max, $postlarge) { margin:20px 0 0; } @include at-query ($max, $medium) { margin:0px 0 0; } }
.propage .selector-wrapper-secton select { padding:5px 10px;width:100%;border-bottom:1px solid $colorBorder;border-top:none;border-left:none;border-right:none; }
.propage label { color:{{ settings.product_label_color }};font-size:14px;font-weight:500;text-transform:uppercase;margin-bottom:0px;float:left;width:165px; }
.singlepro__quantity .quantity-box { float:left;margin-right:15px;margin-bottom:20px; }
.singlepro__quantity {  &.is-hidden {  display: none;  }  
.quantity-selector {  border-radius:0;text-align:center;display: inline-block;width:40px;height:50px;line-height:50px;background:#f5f5f5;float:left;margin:0px 0;padding:0;  }}
.quick-view a div { display:none !important; }
.quick-view .quantity {  border-radius:0;border:none;text-align:center;display: inline-block;width:40px;height:40px;line-height:40px;background:#f5f5f5;border: 1px solid #f5f5f5;float:left;margin:0px 0 0px 0;padding:0;  }
.quick-view label{ float:left;width:130px;margin-top: 10px;}
.singlepro__quantity input { border:none; }
.singlepro__quantity label { color:{{ settings.product_label_color }};font-size:14px;text-transform:uppercase;margin-top:15px;float:left;}
.singlepro__quantity .qty-buttons { float:left; }
.singlepro__quantity .qtyplus:hover,.singlepro__quantity .qtyminus:hover { opacity:0.7; }
.quick-view .quickqtyplus,.quick-view .quickqtyminus{ border: 1px solid #eee;width:40px;height:40px;line-height:40px;padding:0;float:left;border-radius:0;cursor:pointer;text-align:center;@include transition(all 0.1s ease-in-out);appearance:none;-webkit-appearance:none; }
.singlepro__quantity .qtyplus,.singlepro__quantity .qtyminus{ font-size:20px;border:none;background:#000; color:#fff;width:40px;height:25px;line-height:25px;padding:0;display:block;border-radius:0;cursor:pointer;text-align:center;@include transition(all 0.1s ease-in-out);appearance:none;-webkit-appearance:none; }
.propage .product_single_buttons .btn { display:inline-block;margin:0 0 0px;@include at-query ($max, $medium) { margin-bottom:20px; } }
.propage .product_single_buttons .wishlist.btn { padding:14px;}
.propage .product_single_buttons { width:100%;margin:0px 0 0;@include at-query ($max, $small) { text-align:left; }}
.propage .singlepro__quantity { float:left;width:100%;margin-bottom:20px; } 
.qty-section.quantity-box{
  float: left;
}
.singlepro .wishlist,.singlepro button.wishlist { float:left;@include at-query ($max, $semilarge) { margin-left:5px; }@include at-query ($max, $medium) { margin:0px 0 20px 10px; } margin:0px 0 20px 15px;text-transform:uppercase;@include transition(all 0.1s ease-in-out); }
.singlepro .wishlist i,,.singlepro button.wishlist i { float:left;width:50px;height:50px;line-height:50px;text-align:center;font-size:20px;border:1px solid $colorBorder; }
.breadcrumb {
  background: #fff;
  text-transform: capitalize;
  padding: 7px 15px;
  margin: 0 0 20px 0;
  border: 1px solid #eee;
  a { display: inline; font-size:14px; color:{{ settings.breadcrumb_text_color }};
  }
}
.breadcrumb__sep {
    margin: 0 10px;
}
.social-sharing a{
  margin-right: 15px;
}
.breadcrumb h1 { text-transform: capitalize; color:{{ settings.breadcrumb_text_color }}; }
.breadcrumb a:hover { color:{{ settings.breadcrumb_text_hover_color }}; }
.singlepro h4 { font-weight:bold;color:{{ settings.product_label_color }};text-transform:uppercase;margin-bottom:10px;font-size:13px; }
.singlepro .gallery { list-style:none; }
.singlepro .wishlist span { font-size:16px;text-align:center;@include transition(all 0.1s ease-in-out); }
.singlepro .share-facebook { border-radius:0;background:none;padding:0px;font-size:16px;@include at-query ($max, $small) { font-size:11px; } }
.singlepro .share-twitter{ border-radius:0;background:none;padding:0px;font-size:16px;@include at-query ($max, $small) { font-size:11px; } }
.singlepro .share-pinterest { border-radius:0;background:none;padding:0px;font-size:16px;@include at-query ($max, $small) { font-size:11px; } }
.singlepro .share-fancy { border-radius:0;background:none;padding:0px;font-size:16px;@include at-query ($max, $small) { font-size:11px; } }
.singlepro .share-google { border-radius:0;background:none;padding:0px;font-size:16px;@include at-query ($max, $small) { font-size:11px; } }
.singlepro .social-sharing a { float:left;margin:0; }
.singlepro .social-sharing a.share-facebook:hover { background:#35538f;color:#fff;}
.singlepro .social-sharing a.share-twitter:hover { background:#34b3d3;color:#fff;}
.singlepro .social-sharing a.share-pinterest:hover { background:#b70400;color:#fff; }
.singlepro .social-sharing a.share-fancy:hover { background:#d53e2b;color:#fff; }
.singlepro .social-sharing a.share-google:hover { background:#d53e2b;color:#fff; }

/* Collection */
#xsfilter .filter.tags{
  margin-bottom: 15px;
}
.per-page-section ul { list-style:none; margin:0px;padding:0; }
.widget ul { float:left;width:100%; margin:0 0 30px;padding:0 0 30px 0px;border-bottom:1px solid $colorBorder;list-style:none;}
.widget .widget_product_categories h4 { margin-bottom:20px; }
.widget h4 { text-transform:uppercase;font-size:16px;margin-bottom:20px;position:relative; margin-top: 0; margin-bottom: 10px; }
.listview.active,.gridview.active {color: $mainColor;}
.gridview,.listview { float: left;color: {{ settings.color_button_primary_text }};}
.collection-list ul.products-grid-view li.item-row { padding-left:20px;margin-bottom:40px;@include at-query ($max, $postlarge) { padding-left:10px;margin-bottom:20px; }@include at-query ($max, $medium) { padding-left:10px;margin-bottom:20px; } @include at-query ($max, $small) { padding-left:0px;margin-bottom:20px; } }
.collection-list ul.list-method .grid__item.item-row { float:left;width:100%; }
.collection-list .form-horizontal { float:left;width:100%;@include at-query ($max, $medium) { float:none; } }
.collection-list select { text-align:left;padding:8px 0px 8px 10px;border-radius:3px;@include at-query ($max, $semilarge) { width:70%;padding:8px 0 8px 5px;  }  }
.collection-list .form-horizontal > label { margin-right:10px;margin-top:7px;float:left;@include at-query ($max, $postlarge) { margin-top:5px; }@include at-query ($max, $semilarge) { margin-top:7px; } }
.collection-list .collection-view { display:inline-block;@include at-query ($max, $medium) { display:none; }}
.collection-list .section-header__link--right { float:right;width:auto; }
.collection-list .section-header__link--right .form-horizontal { float:left;margin-right:20px; }
.collection-list .section-header__link--right .form-horizontal label { font-size:13px; }
.collection-list .per-page-section { float:right;@include at-query ($max, $medium) { display:none; } }
.collection-list .per-page-section li { float:left; }
.collection-list .per-page-section li a:hover { color:$mainColor; }
.collection-list .per-page-section li.active a { color:$mainColor; }
.collection-list .per-page-section li a { float:left;@include at-query ($max, $postlarge) { padding:7px 7px;font-size:12px; }@include at-query ($max, $medium) { padding:5px 8px;font-size:12px; }padding:7px 10px;border-right:1px solid $colorBorder; }
.collection-list .per-page-section li:last-child a { border-right:none;}
.collection-list .per-page-section p { float:left;margin-right:10px;font-size:13px;margin-top:7px;@include at-query ($max, $semilarge) { margin-right:5px;font-size:12px;  }@include at-query ($max, $medium) { margin:0; }@include at-query ($max, $small) { float:none; } }
.collection-list .per-page-section ul { float:left;@include at-query ($max, $small) { float:none;display:inline-block; }border:1px solid $colorBorder;border-radius:3px; }
.collection-list .list-product-detial { float:right; }
.featured .grid__item { @include at-query ($max, $medium) { margin-bottom:50px; }  }
.collection-list .post-large--one-third:nth-child(2n) { @include at-query ($max, $medium) { margin-right:0; }}
.collection-list .post-large--one-third:nth-child(3n) { @include at-query ($min, $large) {margin-right:0;}}
.collection_sidebar .widget 
.collection_sidebar .top_products_nav a:hover { border-color:$mainColor;background:$mainColor; color:{{ settings.color_button_primary_text }} }
.collection_sidebar .top_products_nav a { cursor:pointer;position:absolute;@include at-query ($max, $semilarge) { top:30%; }top:50%;width:40px;height:40px;line-height:40px;border-radius:50%;border:1px solid $colorBorder;text-align:center; }
.collection_sidebar .top_products_nav a.prev { left:0; }
.collection_sidebar .top_products_nav a.next { right:0; }
.collection_sidebar .top-products li a.thumb img { margin:auto; }
.top-products-detail .sale {display:none;background:{{ settings.sale_bg }}; color:#fff;font-size:10px;padding:2px 6px;font-weight:bold;text-transform:uppercase;margin-top:5px;float:left;}
.collection_sidebar .top-products .top-products-detail a { font-size:18px;float:left;width:100%;text-align:center;margin-bottom:5px; }
.collection_sidebar .top-products .top-products-detail .price { font-weight:bold;font-size:16px;color:{{ settings.product_price }};@include at-query ($max, $semilarge) { font-size:12px; }}
.collection_sidebar .widget .product-categories li { float:left;width:100%;position:relative;@include transition(all 0.1s ease-in-out); }
.collection_sidebar .widget .product-categories li a { float:left;padding:5px 12px;}
.collection_sidebar .widget .product-categories li .dt-menu-expand { position:absolute;right:0;top:5px;cursor:pointer; }
.collection_sidebar .widget .product-categories li:hover i:before,.sidebar-tag.brand li:hover i:before,.widget_categories li:hover i:before,.sidebar-tag.price li:hover i:before,.sidebar-tag.material li:hover i:before { background:$secondColor; }
.collection_sidebar .widget .product-categories ul.children { padding:15px 0 15px 0px;margin:0;border:none; }
.collection_sidebar .widget ul li a { @include at-query ($max, $semilarge) { font-size:13px;  }}
.collection_sidebar .widget ul li a:hover,.collection_sidebar .widget .product-categories li:hover .dt-menu-expand { color:$mainColor; }
.widget.sidebar-tag ul { margin-bottom:50px; }
.sidebar-tag.brand li i,.sidebar-tag.price li i,.sidebar-tag.material li i { margin-top:10px; }
.widget.sidebar-tag:last-child ul { margin-bottom:0; }

ul#featured { list-style:none;padding:50px 0 0; }
ul#featured.owl-carousel .owl-item,#home-collection4.owl-carousel .owl-item,#home-collection2.owl-carousel .owl-item { padding:0; }

.image-block { position:relative; }
.two_section_banner { float:left;width:100%; }

.newsletterwrapper .btn.close:before { border:none;content:none; }

.no-opacity .wrapper-dropdown-3 .dropdown,.no-pointerevents .wrapper-dropdown-3 .dropdown {  display: none; opacity: 1; /* If opacity support but no pointer-events support */  pointer-events: auto; /* If pointer-events support but no pointer-events support */ }
.no-opacity .wrapper-dropdown-3.active .dropdown,.no-pointerevents .wrapper-dropdown-3.active .dropdown {    display: block;}
.featured .grid__item.post-large--one-sixth:last-child { margin-right:0; }
.related-products .post-large--one-quarter:last-child { margin-right:0; }
.relpro h2 { float:left;width:100%; }
.relpro ul owl-item:last-child li .products { border-right:1px solid $colorBorder; }
.relpro ul .owl-item li { padding:10px;  }
.relpro ul .owl-item li .products { padding:5px; }
.owl-carousel .owl-item { padding:0 0px; }
//owl-carousel li { list-style:none; }///////////////////////////////////////////////////////////
.view_more_btn { display:inline-block;width:100%;text-align:center;margin:20px 0 0; }
.featured .grid__item.post-large--one-sixth {  width:15.6%; margin-right:1%; }

.contact-form-section .errors { display:inline-block;width:100%; }
.contp .contact-form-section .errors ul li { padding:10px 0; border:none;}
#contact_form label,#AddAddress label,.register-form label,#customer_login label,.forgotps label,.edit_address_form label{
  margin-top: 9px;font-weight: normal;
}
.edit_address_form select{
  margin-bottom: 10px;
}
.contp ul{
  margin-bottom: 20px;
}
.contp li{
  vertical-align: middle;
}
.contp ul:last-child li{
  display: block
}
.contp li.address{
  float: left;
  height: 80px;
}
.contp h4 { color:{{settings.contact_title_color}};text-transform: uppercase; margin: 0 0 10px 0; font-size: 16px;}
.contp li p { margin:0; }
.contp i { font-size: 20px;margin-right: 10px; }
#map iframe{
  float: left;width: 100%;
}
.cmap{
  margin: 30px 0 0 0
}
.contp li .icon i {color:{{settings.contact_icon_color}}; }
.contback{
  background: #fff;
  padding: 15px;
  border-radius: 4px;
}
ul.protabc-frame li{display:inline; float:left; margin:0px; padding:0px;}
.protabc-frame-content, .protabc-content{ padding: 15px;border-top:1px solid $colorBorder;letter-spacing: 0.5px;}
.protabc-content ul{margin:10px 0px 0px;}
.protabc-content h3 { color:$colorTextBody; text-transform: capitalize; font-size:16px;} 
.protabc-content h4 {font-size:14px;} 
.protabc-content p { color: #777;letter-spacing: 0.5px; }
.protabc-content h2{font-size:26px; margin-bottom:15px;color:$colorTextBody;}
.protabc-frame-content h5, .protabc-content h5{font-size:18px; margin-bottom: 15px;color:$colorTextBody;}
.protabc-frame-content{background:#EDE7D6; margin-top:-1px; border:1px solid #B6A99E; padding:5px 10px; width:100%; border-radius:0px 5px 5px 5px; -webkit-border-radius:0px 5px 5px 5px; -moz-border-radius:0px 5px 5px 5px}
.protabc li{ display:inline-block;}
ul.protabc-frame li{margin:0px 8px 0px 0px;}

.protabc li a { 
  border: none;
  padding: 12px 14px;
  display: inline-block;
  font-size: 15px;
  z-index: 1;
  text-transform: capitalize;
  font-weight: normal;
}
ul.protabc-frame li a{background:#D7CBBB; padding:10px 15px 8px; float:left; position:relative; z-index:1;}
ul.protabc-frame li a.current, ul.protabc li a.current, ul.protabc-vertical-frame li a.current {  color:$mainColor; }
.protabc-frame-content h5{margin:15px 0px 10px;}
.protabc-frame-content p{margin:0px 0px 10px 0px;}

/**toggle-accordion**/

.dt-sc-toggle-frame-set{float:left; width:100%; margin:0px; padding:0px;}
.dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle:before{content:"\f077";font-family:Fontawesome; top:-6px; left:0px; position:absolute; font-weight:normal; }
.dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle:after{content:"\f078";font-family:Fontawesome; top:4px; left:0px; display:inline-block; float:left; position:absolute; }
.dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.active:before, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.active:after, .dt-sc-toggle-frame-set h5.dt-sc-toggle.active:before{content:"";}
.dt-sc-toggle-accordion.active a:before, .dt-sc-toggle-accordion.active a:after, .dt-sc-toggle-frame .dt-sc-toggle.active a:before, .dt-sc-toggle-frame .dt-sc-toggle.active a:after, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle.active:before{content:"";}
.dt-sc-toggle-frame-set h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before{content:"\f107";font-family:FontAwesome;}
h5.dt-sc-toggle-accordion.active:before, .dt-sc-toggle-frame-set h5.dt-sc-toggle.active:before{content:"\f106";font-family:FontAwesome;}
h5.dt-sc-toggle-accordion.active { background:$mainColor;color:{{ settings.primary_hover_btn_text }}; }
h5.dt-sc-toggle-accordion.active a { color:{{ settings.primary_hover_btn_text }}; }
.course h5.dt-sc-toggle-accordion:before{content:"?";}
.course h5.dt-sc-toggle-accordion.active:before{content:"?";}
h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle, h5.dt-sc-toggle{padding:15px 0px 15px 42px; line-height:30px; position:relative; font-size:16px; margin:0 0 -1px;border:1px solid $colorBorder;}

h5.dt-sc-toggle-accordion a{color:#5c5c5c; font-weight:bold; display:block;}
h5.dt-sc-toggle a{color:#5c5c5c; font-size:16px; font-weight:bold; display:block;}
h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before{display:inline-block; width:30px; height:30px; text-align:center; line-height:25px;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; position:absolute; top:15px; left:3px; z-index:1;}
h5.dt-sc-toggle-accordion.active:before, h5.dt-sc-toggle.active:before{ line-height:22px;}
.dt-sc-toggle-content{padding-left:40px; padding-bottom:20px;padding-top:20px; clear:both; display:none;border:1px solid $colorBorder;border-bottom:none;}

/**vertical-tabs**/
ul.protabc-vertical-frame{float:left; width:18%;@include at-query ($max, $medium) { width:100%;margin-bottom:20px;} margin:0px 0px 0px; padding:0px;}
ul.protabc-vertical-frame li.current { border-right:2px solid $mainColor;@include at-query ($max, $medium) { border-right:none; } }
ul.protabc-vertical-frame li{float:left; display:block; margin:0px 1px 1px; padding:0px; width:100%; position:relative;}
ul.protabc-vertical-frame li a{display:block; border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; margin:0px; padding:12px; font-family: $headerFontStack; }
ul.protabc-vertical-frame li.current:before { background:$mainColor; }
ul.protabc-vertical-frame li:before { width:7px;height:7px;border-radius:50%;float:left;content:"";background:$mainColor;margin:19px 10px 0 0; }
.protabc-vertical-frame-content{ border-left:1px solid $colorBorder;border-radius:0px 5px 5px 5px; -webkit-border-radius:0px 5px 5px 5px; -moz-border-radius:0px 5px 5px 5px; float:left; width:82%; @include at-query ($max, $medium) { width:100%;padding:0;border-left:none; }margin:0px; padding:0px 0 0 4%;}
.protabc-vertical-frame-content .tab-right { padding:30px;background:#f4f4f4;margin-right:0;width:50%;@include at-query ($max, $medium) { width:100%; }min-height:420px; }
.protabc-vertical-frame-content .tab-left { margin-right:0; width:50%;@include at-query ($max, $medium) { width:100%; }}


/*blog-section */

.blog-section h2 { margin:0; }
.blog-section p.desc { margin:0px 0 30px;padding-bottom:30px;border-bottom:1px solid $colorBorder;float:left;width:100%; }
.blog-section.left-sidebar .post-large--four-fifths { padding-left:60px;  }
.blog-section #comments { margin-top:30px; }
.blog-section #comments input[type="text"],.blog-section #comments input[type="email"] { float:left;width:100%;border-bottom:2px solid {{ settings.black_borders }};border-top:none;border-right:none;border-left:none;padding-left:0;padding-right:0; }
.blog-section #comments textarea { width:100%;border-bottom:2px solid {{ settings.black_borders }};border-top:none;border-right:none;border-left:none;padding-left:0;padding-right:0; }
.blog-section #comments ul { list-style:none;padding:0; }
.blog-section #comments form { margin:0; }
.blog-section #comments form h3 { margin-bottom:25px;font-size:24px;text-transform:uppercase; }
.blog-section #comments h4 { text-transform:capitalize;margin-bottom:5px;float:left; }
.blog-section #comments p { margin-bottom:10px;margin-top:10px;}
.blog-section #comments ul span { float:left;margin-right:15px; }
.blog-section #comments ul span { font-weight:normal; }
.blog-section #comments ul li { margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid $colorBorder;float:left;width:100%; }
.share-facebook { border-radius:3px;-webkit-border-radius: 3px; -moz-border-radius: 3px;font-size:16px; }
.share-twitter {border-radius:3px;-webkit-border-radius: 3px; -moz-border-radius: 3px;font-size:16px; }
.share-pinterest { border-radius:3px;-webkit-border-radius: 3px; -moz-border-radius: 3px;font-size:16px; }
.share-google { border-radius:3px;-webkit-border-radius: 3px; -moz-border-radius: 3px;font-size:16px; }

.client_logo_section h2 { color:{{ settings.client_heading_color }}; }
.client_logo_section p { color:{{ settings.client_desc_color }};display:inline-block;width:70%;@include at-query ($max, $medium) { width:100%; } }
#clients-carousel.owl-carousel .owl-item {  }
#clients-carousel li a { position:relative;display:block;padding:10px;@include at-query ($max, $medium) { text-align:center; } }
#clients-carousel img { text-align:center;margin:auto; }
#clients-carousel.owl-theme .owl-controls .owl-page.active span { background:$mainColor; }
#clients-carousel.owl-theme .owl-controls{ margin-top:40px; }
#clients-carousel.owl-theme .owl-controls .owl-page span { opacity:1;width:8px;height:8px;background:{{ settings.black_borders }};display:inline-block;border:none;border-radius:0;-webkit-border-radius:0; }
.owl-theme .owl-controls .owl-page span{
  background-color: $secondColor;
}
.testimonial .owl-theme .owl-controls .owl-page span,.slideright .owl-theme .owl-controls .owl-page span {
 width: 8px;
 height: 8px;
 background: #dcdcdc;
 border: 2px solid #dcdcdc;
 box-shadow: none;
 margin: 0 6px;
 border-radius: 20px;
}
.testimonial .owl-theme .owl-controls .owl-page.active span,.slideright .owl-theme .owl-controls .owl-page.active span{
  background: $mainColor;
  border: 2px solid $mainColor;
  width: 30px;
}
/* common to every demo */
.rbtn{
  float: left;
  width: 100%;
  margin-top: 20px;
}
.retstore{
  font-weight: 500;
  text-transform: capitalize;
}
.retstore i{
  font-weight: 600;
  font-size: 16px;
}
.forgotps a.btn{
   /*vertical-align: super;*/
  margin: 0 0 10px 0;
}
#ResetSuccess { margin:0 auto 20px; }
#AddAddress .address_check { margin-bottom:20px;line-height:15px; margin-top: 20px; }
#AddAddress .address_check input,.edit_address_form input[type="checkbox"] {float:left;margin-right:10px; }
#AddAddress .address_check label,.edit_address_form label.inline { width:auto;font-size:13px; }
#CustomerLoginForm input[type="submit"] { margin:0; }
#jquery-tab-pager-navi { display:none; }
#AddAddress select { margin-bottom:10px; }
.account-success-message { display:inline-block;text-align:center;width:100%;margin:auto;float:none; }
.order-form h4 { font-size:22px; font-weight: normal;}
.order-form h6 { text-transform:capitalize; font-weight: normal;}
.order-form tr th { text-align:center; }
.address-section { background: #fff;border: 1px solid #ebebeb;padding: 15px 15px 0 15px; border-radius: 4px;}
.addbo{
  border: 1px solid #eee; padding: 10px;
  margin-bottom: 15px;
  border-radius: 4px;
  background-color: #fff;
}
.address-section strong{
  font-weight: 500;
}
.customer-address-title { display:inline-block;width:100%;}
.edit_address_form input[type="checkbox"],.edit_address_form label.inline { display: inline-block;margin-top: 0;margin-bottom: 15px; }

/* Cart */
.cart__header-labels,.cart__header-labels  span { font-size: 14px; text-transform: capitalize; color:{{ settings.cart_title_clr }}; }
.cart__header-labels { background:{{ settings.cart_title_bg }};padding:15px 0 0; }
.cart__header-labels .post-large--one-half,.cart__row .post-large--one-half  { width:50%;margin-right:0;@include at-query ($max, $small) {width:100%;}   }
.cart__row .shipping-section p {  @include at-query ($max, $medium) {float:left;width:100%;text-align:left; }}
.cart__row .shipping-section .post-large--one-half  { @include at-query ($max, $medium) { width:100%; text-align:left !important;} }
.cart__row .post-large--one-third { width:33.3%;margin-right:0; }
.cart_total_price span{
  display: inline-block
}
.cart__mini-labels {  display: block;font-weight:500;letter-spacing:1px; font-size: em(12px);  @include at-query ($max, $small) { display: none;  }}
.cart__large-labels {  @include at-query ($min, $small) { display:none;   }  }
.cart_items { @include at-query ($max, $small) { border-bottom:1px solid $colorBorder; padding-bottom:30px; }}
.cart__row .cart_items { display:inline-block;text-align:center;width:100%; }
.cart__row .four-tenths,.cart__row .six-tenths { @include at-query ($max, $small) { width:100%; } }
.cart__large-labels {  @include at-query ($max, $small) { float:left; width:100%; padding:20px 0;   } }
.cart__row .qtyminus,.cart__row .qtyplus{ border:none;width:40px;height:40px;line-height:40px;padding:0;float:left;border-radius:0;cursor:pointer;text-align:center;@include at-query ($max, $semilarge) { width:35px; }@include at-query ($max, $medium) { width:22px; }@include at-query ($max, $small) { width:15px;height:25px;line-height:25px;font-size:12px; } }
.wishlist_table th { text-align:center; }
.wishlist_page p a { text-decoration:underline; }
.wishlist th,td { text-align:center;@include at-query ($max, $medium) { padding:10px 5px; }@include at-query ($max, $small) { padding:10px 3px;font-size:12px; } }
.wishlist tr td { font-weight:400;text-transform:capitalize; } 
.wishlist tr td p,.wishlist tr td form { margin-bottom:0; }
.wishlist tr { border-left:1px solid $colorBorder;border-right:1px solid $colorBorder;border-top:1px solid $colorBorder; }
.wishlist thead th { border-left:1px solid $colorBorder;border-right:1px solid $colorBorder; border-top:none;border-bottom:none;}
.wishlist tr .product_image { display:inline-block; }
.wishlist th { font-weight:400;text-transform:capitalize; }
.wishlist .image img { @include at-query ($max, $small) { max-width:55%; }}
.wishlist a { @include at-query ($max, $small) { font-size:12px; }}
.wishlist .dt-sc-button.small { @include at-query ($max, $medium) { font-size:12px;padding:10px 8px; } @include at-query ($max, $small) { font-size:9px;background:inherit;color:#000;padding:0;text-transform:capitalize;text-decoration:underline; }}
.wishlist thead th { font-size:18px; @include at-query ($max, $small) { font-size:12px;padding:15px 5px; }}
.wishlist thead {  }
.wishlist thead th.item {padding:15px; }
.wishlist span.money { color:$mainColor;font-size:16px;@include at-query ($max, $small) { font-size:12px; } }

.cart__row .quantity-selector {  border-radius:0;text-align:center;display: inline-block;width:40px;height:40px;line-height:40px;background:#f5f5f5;float:left;margin:0;padding:0;@include at-query ($max, $semilarge) { width:35px; }@include at-query ($max, $medium) { width:22px; }@include at-query ($max, $small) { width:15px;height:25px;line-height:25px;font-size:11px; }  }
.cart__row .money { color:$mainColor;font-size:16px;@include at-query ($max, $medium) { font-size:14px; }@include at-query ($max, $small) { font-size:12px; } }
.cart__row .cart__remove { display:inline-block; }
.cart__row .cart__remove:hover {color:$mainColor; }
.cart_btn,.shopping-checkout { float:left;width:100%;@include at-query ($max, $small) { text-align:left; } }
.cart_total_price { float:right; }

.mobile-nav-trigger,.mobile-cart-page-link { 
  .icon {   position: relative; top: -1px; vertical-align: middle; padding-right: 4px; }}

.mobile-cart-page-link {
  display: block;
  float: right;
  .header-bar__cart-icon {
    font-size: 1.4em;
  }
  .cart-count {
    &:before {
      display: inline;
      content: "(";
    }
    &:after {
      display: inline;
      content: ")";
    }
  }
}

.mobile-nav {  display: none;list-style: none; text-align: left;width:100%;margin: 0;padding:0;
  li {    margin: 0;  }}
.mobile-nav__link {  display: block; border-top: 1px solid #eee;position:relative;
  > a {
    display: block; padding: 12px 15px;font-size: 14px;text-transform: uppercase; }}
.mobile-nav__link .header-bar__search { display:none; }
.mobile-nav__sublist-expand,
.mobile-nav__sublist-contract {
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 2px;
  background: #f5f5f5;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: normal;
  padding: 2px 0;
}
.mobile-nav__sublist-expand:hover { color: $mainColor }
.mobile-nav__sublist-contract {  display: none;}
.wbmobile-nav-menu { position:absolute;right:10px;top:7px; }
.wbmobile-nav-menu.is-active {
.mobile-nav__sublist-contract { display: inline-block;  }
.mobile-nav__sublist-expand { display: none;  }}
.mobile-nav__sublist { list-style: none;margin: 0;display: none; .mobile-nav__sublist { text-transform: capitalize;   margin-left: $gutter / 2; .mobile-nav__sublist-link a { border-top: none; }}}
.mobile-nav__sublist-link {  a { text-transform: capitalize; display: block;padding: ($gutter / 2.5) ($gutter / 2);border-top: 1px solid $colorBorder; @include at-query ($min, $small) { padding-left: $gutter;padding-right: $gutter; } &:hover { opacity: 1; } }}
.one-tenth { @include at-query ($max, $small)  {width:100%; }}
.nine-tenths { @include at-query ($max, $small)  {width:100%; }}
.mobile-nav__link .mobile-nav__sublist{
  margin-left: 15px;
}
.footer-logo img { @include at-query ($max, $small) { margin:auto;padding:0; }}

/* collection */
.list-collection-products .grid-link__title { @include at-query ($max, $semilarge) { font-size:14px; }font-size:16px;font-weight:bold;text-transform:uppercase;letter-spacing:1.5px;display:inline-block;width:100%;margin-bottom:10px;padding:20px 10px;  }
.list-collection-products a.pickgradient.grid-link { display:block;border:1px solid $colorBorder;}
.list-collection-products .brand-icons a.pickgradient.grid-link { border:none; }
.list-collection-products .collection-detail { display:inline-block;width:100%;padding:30px 20px;border:1px solid $colorBorder;border-top:none;  }
.list-collection-products .grid__item { padding-right:20px;padding-bottom:20px;@include at-query($max, $medium) { padding-right:7px; } }
.list-collection-products .grid__item img { display:block;margin:auto;}
.pickgradient { float:left;width:100%;position:relative; }
.pickgradient .collection-count span { font-size:14px;color:#fff;color:black\9;text-transform:uppercase;float:left;width:100%;letter-spacing:1px;}
.pickgradient .collection-count { font-size:50px;color:#fff;color:black\9;line-height:30px;font-weight:300;position:absolute;left:0;right:0;text-align:center;bottom:25px;margin:0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
  .pickgradient .collection-count,.pickgradient .collection-count span { color:#fff; }
}
.pickgradient:hover .collection-count,.pickgradient:hover .dt-sc-event-overlay .collection-count { opacity:1; }
.dt-sc-event-overlay  {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    transition: all 10ms linear;
}
.pickgradient:hover .dt-sc-event-overlay,.pickgradient:hover .dt-sc-event-overlay:before{ opacity:1; }
.pickgradient-products:hover a.grid-link { color: $mainColor; }
.dt-sc-event-overlay:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background:linear-gradient(rgba(0,0,0,0) 20%, rgba({{ settings.color_primary }},0.9) 100%);
    opacity: 0;
    transition: all 10ms linear;
}

{% if settings.show_blog_sidebar %}
.sidebar { display:block; }
{% else %}
.sidebar { display:none; }
.blog-section .grid__item.wide--three-quarters  { width:100% } 
{% endif %}
/*search */
.search-form { display:inline-block;width:100%;margin:10px 0 0; }
.search-form .input-group-field { width:45%;@include at-query ($max, $small) { width:76%; }display:inline-block;min-height:50px;padding:10px 14px; }
.search-form .input-group-btn { display:inline-block;min-height:50px;margin-left:-4px; }
.search-form .input-group-btn .btn { min-height:50px;padding:10px 20px;border-radius:0;border:none; }
.search-form .input-group-btn .btn:hover { background:$mainColor; }
.search-products .grid-link__meta { padding:0; }
.search-products ul > li.grid__item ul { margin:0 0 25px; }
.product-photo-thumbs { margin:15px 0 0;}
.singlepro .product-photo-thumbs .owl-pagination { display:none; }
.product-photo-thumbs li { display:inline-block; }
.product-photo-thumbs .owl-item { float:none;display:inline-block; }
.product-photo-thumbs.owl-carousel .owl-wrapper-outer { display:inline-block;text-align:center; }
.product-img-box { position: relative; padding-right: 30px;@include at-query($max, $semilarge) { padding-right:0; }}
.product-img-box .product-photo-thumbs li { margin: 0; }
.product-img-box .product-photo-thumbs.owl-theme li { padding: 0 5px; width: 100%; }
.product-img-box .product-photo-thumbs li a { display: block; }


#fancybox-wrap { @include at-query ($max, $medium) { display:none; } }
.zoomWrapper img {@include at-query ($max, $medium) { z-index: -1;}}

/* ajax */
.ajax-success-modal .content,.ajax-error-modal .modal-inner { border-radius: 4px; padding:15px;background: #fff;bottom: auto;left: 0; position: fixed; right: 0;  top: 50% !important;  width: 700px; transform:translateY(-50%);  margin:auto;z-index:999;}
.ajax-success-modal .ajax-left { float:left;padding-right:14px;width:40%;}
.ajax-product-image {border:1px solid $colorBorder; padding: 1px}
.ajax-product-title { margin-bottom:10px;font-size:16px;text-transform: capitalize;font-weight: normal; }
.ajax-right .ajax_price { font-size:16px;font-weight:500; }
.ajax-right { float:left;width:60%;padding:0px; }
.ajax-success-modal .added-to-cart.info,.ajax-success-modal .added-to-wishlist.info { text-transform:uppercase;border-bottom: 1px solid #eee;font-size: 16px;font-weight: 500;padding:0px 0 15px 0px; }
.ajax_des{
  color: #777;
  margin-top: 10px;
  font-size: 12px;
}
.ajax_dprice{
  text-decoration: line-through;
  color: #666;
  font-size: 14px;
  letter-spacing: 0;
  margin-left: 8px;
}

/* pop up newsletter */
#email-modal .modal-window .window-window {    padding:0px;float:left;width: 500px;height:auto;position: absolute; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); display: inline-block; text-align: center; margin: auto;left: 0; right: 0;margin: auto; padding-top: 200px; background: #fff; background-repeat: no-repeat;}
#email-modal .modal-window{display:none;margin:0 auto;padding:10px;}
#email-modal{display:none; @include at-query ($max, $medium) { display:none !important; }height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000;}
#mc_embed_signup #mc-embedded-subscribe-form #mail { border:1px solid $colorBorder;width:100%; background:#fff; display: block;border-radius: 4px;
    max-width: 80%;
    margin: 0 auto 15px auto;font-size:{{ settings.type_base_size }}; }
#mc-embedded-subscribe-form input[type='text'] { border:none;background:transparent;  }
#mc-embedded-subscribe-form button { @include transition(all 0.1s ease-in-out);  }
#mc_embed_signup form{display:inline-block;float:left;text-align:left;width:100%;}
#mc_embed_signup form {text-align:center !important;margin:0 0 5px;padding:0 15px 12px;}
#mailchimp-email-subscibe{
    padding-top: 20px;
    padding-bottom: 20px;
}
#email-modal .window-window .window-content img { display:block; }
#mc_embed_signup button:hover {@include transition(all 0.1s ease-in-out); }
#mc_embed_signup button { padding:10px 24px; }
.newsletterwrapper .btn.close {  background:url({{ 'hover.png' | asset_url }}) no-repeat; border:none;  cursor: pointer; width: 30px; height: 30px; text-indent: -9999px;  position: absolute; }
.newsletterwrapper .btn.close { top: 0; right: 0;z-index:9; }
.collection-list .selection-box,.selection-box.custom { position:relative;float:left; }
.collection-list .selection-box { min-width:185px;@include at-query ($max, $semilarge) { min-width:170px; }@include at-query ($max, $medium) { min-width:180px; } }
.collection-list .selection-box:before { z-index: 1; right: 12px;top: 3px;bottom: 0px;height: 0px;margin: auto;border-left: 6px solid transparent;border-right: 6px solid transparent; border-top: 6px solid #fff;}
.selection-box.custom { width:100%; }
.selection-box.custom:before { z-index: 1; right: 16px; top: 0px; bottom: 0px; height: 30px; margin: auto;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #fff;}
.collection-list .selection-box:before, .selection-box:after,.selection-box.custom:before,.selection-box.custom:after {  content: ""; pointer-events: none; position: absolute;}
.collection-list .selection-box:after {  width: 37px; @include at-query ($max, $semilarge) { width:35px;height:35px; }   height: 37px; right: 0px; top: 0px;border-radius:0 5px 5px 0; }
.selection-box.custom:after {  width: 51px; height: 51px; right: 0;top: 0;}
.collection-list .selection-box:after,.selection-box.custom:after { background:$mainColor; }
.collection-list select { width:100%;height:37px;@include at-query ($max, $semilarge) { font-size:11px;height:35px; }@include at-query ($max, $small) { font-size:12px; } color:$colorTextBody; }
.cur > li.currency > .dropdown-toggle i { margin-top:6px;display:none;@include at-query($max, $medium) { margin-top:0; } }
.cur > li.currency .flag-dropdown-menu li { @include at-query($max, $medium) {  padding:0; }}
.cur > li.currency > .dropdown-toggle {   cursor:pointer;position: relative;font-weight:bold;font-size:18px;@include at-query($max, $semilarge) { font-size:14px; } @include at-query($max, $medium) { padding:0;font-size:12px; }}
.swatch .swatch-element {  margin-bottom:10px; }
.swatch input:checked + label { border:1px solid $mainColor; }

.swatch-section { float:left; }
.swatch .swatch-element { float:left; }
.swatch .swatch-element.available { margin-right:10px;@include at-query($max, $semilarge) {margin-right:5px; } }
.swatch-element label{font-size: 12px; padding:7px 15px;cursor:pointer;font-weight:600 !important;width: auto !important;background: #fff; border: 1px solid #eee; border-radius: 0;}

select {  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  }
.is-sticky .sticky-logo img.retina-footer-logo,.footer-logo img.retina-footer-logo { display:none; }

.copyright {float:left;padding-top:7px;@include at-query($max, $semilarge) { font-size:12px; }@include at-query($max, $medium) { font-size:13px;float:none;padding:7px 0 15px 0;} }
footer .input-group .btn { height:auto;border-radius:0;padding:15px 14px;float:right;}
 .cur > li.currency .flag-dropdown-menu { right: 0; right: 20px; top: 100%; width:90px; margin-top: 12px; padding: 10px 0 !important;}

.Collection-content { display:inline-block;width:100%;margin-top:20px; }
.Collection-content h3 { font-size:16px;text-transform:inherit;}
.Collection-content h2 { margin-bottom:5px; }
.home_product_detail_button { display:inline-block;width:100%;text-align:center; }
.singlepro__quantity .quantity-box { margin:0; }
.singlepro__quantity .quantity-box select { padding: 0 20px; height: 40px; border: 1px solid #eee;border-radius: 4px;}
.collection_sidebar .widget h4:after { position:absolute;left:0;bottom:-10px; margin:5px 0 0;}

.featuredCollections a:hover img { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);transform: scale(1.2);}
.featuredCollections a { overflow:hidden;display:block; }
.featuredCollections a img { -webkit-transition: all 0.1s ease-in-out 0s; -khtml-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s;-o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transform: scale(1);  max-width: 100%; }
.drawer--top { width: 50%;@include at-query($max, $postlarge) { width:80%; }@include at-query($max, $medium) { width:98%; }  height: 70px; top:0;left:0;right:0;bottom:0; .js-drawer-open-top & {    display: block;  }}
#SearchDrawer form{
  position: relative;
}
#SearchDrawer input{
  background: #fff;
  height: 40px;
  border-radius: 4px;
}
#SearchDrawer button{
  margin-bottom: 0;
  background: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 8px;
}
.search-products .product-container{
  margin-bottom: 30px;
}
.drawer--top .search-bar__table .search-bar__form { float:left;width: 100%;margin:0;position:relative;position:absolute;top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);  left: 50%;}
.wbsearch-input {  background: none;border: none; width: 100%;  padding: 0 15px;}
#SearchDrawer .remove-button button { display:none;background:$secondColor;padding:0px;width:25px;height:25px;line-height:25px;border-radius:50%;font-size:14px;}
.drawer--top .search-bar__icon-button {  z-index: 99999; position: relative; cursor: pointer; font-size: 40px;display: inline-block; position: fixed; top: 10px; -webkit-transform: scale(0);  -moz-transform: scale(0); -ms-transform: scale(0);  -o-transform: scale(0); -webkit-transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);right: 20px;}
  .js-drawer-open-top .drawer--top .search-bar__icon-button {  -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);}
.search__results-count {  padding: 0 10px 10px 20px;line-height: 50px;}
.js-drawer-open {}
.drawer {  z-index: 99991; position: fixed; display: table; width: 100%; height: 100%; right: -100%; top: 0; bottom: 0; text-align: center; visibility: hidden; opacity: 0;  filter: alpha(opacity=0);-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.drawer--left,.drawer--right {  top: 0;  max-width: 95%;}
.drawer--left{width:300px;left:-300px}
.js-drawer-open-left .drawer--left{display:block;-webkit-transform: translateX(300px); -moz-transform: translateX(300px); -ms-transform: translateX(300px);-o-transform: translateX(300px);  transform: translateX(300px);}
.drawer--right{width:300px;right:-300px}
.js-drawer-open-right .drawer--right{display:block;-ms-transform:translateX(-300px);-webkit-transform:translateX(-300px);transform:translateX(-300px)}
.drawer--right .drawer__close{float:right;height:65px}
.js-drawer-open-top .drawer--top{    right: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
#PageContainer { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 60px; height: 60px; position: fixed; top: -60px;  right: -60px;  z-index: 9998;}
.drawer-page-content:before{content: ""; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background-color: {{ settings.color_body_bg }}; background-color: rgba({{ settings.color_body_bg }},0.9); zoom: 1;  background-color: transparent\9; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 9999;}
.js-drawer-open .drawer-page-content:before{-webkit-transform: scale(75); -moz-transform: scale(75); -ms-transform: scale(75); -o-transform: scale(75);}
.drawer__title,.drawer__close {  display: table-cell;  vertical-align: middle;}
.drawer__title { font-weight:700;text-rendering:optimizeLegibility; text-transform:uppercase;letter-spacing:0.1em;width:100%;}
.drawer__close-button { background:none;border:0 none;position:relative;right:-15px;height:100%;width:60px;padding:0 20px;color:inherit;} 
.drawer--left .drawer__close-button { right:auto; left:-15px;}

/* Blog Page */
.fullblog .comments-count:before,.fullblog .blog-date:before { background:$colorBorder; content: ""; float: left; width: 1px; height: 15px; top: 5px; position: absolute; right: 0;}
.fullblog .comments-count { color:{{ settings.blog_design_commentcolor }}; }
.fullblog .blog-tag { margin-bottom:20px;color:{{ settings.blog_design_4_tag }}; }
.fullblog .blog-tag:hover {color:{{ settings.blog_design_4_taghover }}; }
.fullblog .blog-btn a { color:{{ settings.blog_btn_text }};background:{{ settings.blog_btn_bg }}; }
.fullblog .blog-btn a:hover { color:{{ settings.blog_hover_btn_text }};background:{{ settings.blog_btn_hover_bg }}; }
.fullblog .blog-btn a i { margin-left:5px; }
.fullblog .blog-btn { border-bottom:1px solid $colorBorder;padding:25px 0px;margin:-25px 0; }
.fullblog .article-detail h5 { font-size:16px;@include at-query($max, $semilarge) { font-size:14px; }margin-bottom:7px;text-transform:inherit; }
.fullblog .blog-btn a i { margin-left:5px; }
.fullblog .blog-description h4  { text-transform:inherit;@include at-query($max, $semilarge) { font-size:20px; } }
.fullblog .blog-description h4 a { color:{{ settings.blog_design_4_title }}; }
.fullblog .blog-description h4 a:hover { color:{{ settings.blog_design_4_titlehover }}; }
.fullblog .blog-description .blog-date { color:{{ settings.blog_design_4_datecolor }}; }
.fullblog .blog-description .author { color:{{ settings.blog_design_4_authorcolor }}; }
.fullblog .blog-description .author { color:{{ settings.blog_design_4_authorcolor }}; }
.sorting-section { width:200px; position: relative;}
.sorting-section .dropdown-menu{
  right: 0;
  left: auto;
  width: 100%;
  padding: 0;
  border: 1px solid #eee;
  box-shadow: none;
}
.sorting-section .dropdown-menu > .active > a,.sorting-section .dropdown-menu > .active > a:focus,.sorting-section .dropdown-menu > .active > a:hover{
  background-color: #000;
}
.pages_list { width:50%; }
.filter-show .btn { position:relative; }
.filter-sortby input { display:none; }
.filter-sortby label, .filter-show label { display:inline-block;margin-right:10px;@include at-query($max, $medium) { display:none;} }
.toolbar .view-mode a svg{ 
  fill: #aaa;
}
.toolbar .view-mode a:hover svg,.toolbar .view-mode a.active svg {
  fill: #000;
}
.filter_right { float:right;@include at-query($max, $medium) { float:left;  } }
.filter-sortby {position:relative; }
.filter-sortby,.sorting-section,.pages_list { display:inline-block; }
.filter-show { text-align:right;  display:none; }
.filter-show .btn:after,.sorting-section .btn:after { 
  content: "\f107";
  font-family: 'fontAwesome';
  position: absolute;
  right: 10px;
  top: 8px;
}
.sorting-section .btn,.filter-show .btn { width:100%; text-align: left;position: relative;}
#promo-carousel li { position:relative; transition: all 100ms ease 0s;-webkit-transition: all 100ms ease 0s; }
#promo-carousel li:before { background: rgba(255,255,255,0.3) none repeat scroll 0 0; bottom: 0px; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 99;  transition: all 100ms ease 0s; }
#promo-carousel li:hover:before {  left: 50%;  opacity: 1;  right: 50%;}
#promo-carousel li:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
#promo-carousel li img { transition: all 100ms ease 0s;-webkit-transition: all 100ms ease 0s;margin-bottom:10px; }

/* Currency */
.cur > li.currency > .dropdown-toggle .fa {  margin: 0 0 0 3px;}
.cur > li.currency .flag-dropdown-menu { left: 0; right: 20px; top: 100%; width:90px; margin-top: 12px; padding: 10px 0 !important; }
.menu-middle-section ul li.currency a { padding-right:0; }
.menu-middle-section ul li.currency .flag-dropdown-menu li a { padding:7px 15px; }
.menu-middle-section ul li.currency:hover .flag-dropdown-menu { opacity:1;visibility:visible;display:block;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1); -moz-transform: scaleY(1);-ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
.flag-dropdown-menu li a i { margin-top:2px;margin-right:7px;float:left;@include at-query ($max, $small) {margin-right:5px; } }
.flag-dropdown-menu li a span { float:right;color:{{ settings.color_primary }};@include transition(all 0.4s ease-in-out) }
.flag-dropdown-menu li a:hover span { color:$secondColor; } 
.flag-dropdown-menu { text-align: left;width:90px;opacity:0;visibility:hidden;-webkit-transform: scaleY(0);-khtml-transform: scaleY(0); -moz-transform: scaleY(0);-ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0);    -webkit-transform-origin: 0 0;-khtml-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;position: absolute; top: 100%;right: 0;@include at-query ($max, $medium) { right:auto; }  z-index: 999;padding: 0;margin-bottom: 0; border-radius: 0; border: none;  -webkit-box-shadow:0px 0px 30px 0 rgba(0,0,0,0.15);-ms-transform: 2px 3px 5px 2px rgba(0,0,0,0.15); -o-transform: 2px 3px 5px 2px rgba(0,0,0,0.15); box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.15);@include transition(all 0.4s ease-in-out); }
.cur > li.currency .flag-dropdown-menu li.active a, .cur > li.currency .flag-dropdown-menu li:hover a { }
.cur > li.currency .flag-dropdown-menu li a {  line-height: 1.2; padding: 6px 17px !important;border:none;font-size:14px !important;@include at-query ($max, $medium) { font-size:13px !important;padding: 10px 10px !important; }@include at-query ($max, $small) { font-size:13px !important;padding: 10px 10px 10px 10px !important; }}
.cur > li.currency .flag-dropdown-menu li:last-child a { @include at-query ($max, $medium) { margin-right: 0; }}
.cur > li.currency:hover .flag-dropdown-menu, .cur > li.currency.open .flag-dropdown-menu { opacity:1;visibility:visible;display:block;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1); -moz-transform: scaleY(1);-ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
.cur > li.currency:hover .flag-dropdown-menu::before, .cur > li.currency.open .flag-dropdown-menu::before { content: "";  display: block; height: 15px; position: absolute; right: 0; top: -15px; width: 100%; }
.flag-{{ settings.currency_1_unit | downcase }} { background-image: url({{ 'currency_1.png' | asset_url }});background-repeat:no-repeat; display: inline-block; height: 11px; width: 16px;}
.flag-{{ settings.currency_2_unit | downcase }} { background-image: url({{ 'currency_2.png' | asset_url }});background-repeat:no-repeat; display: inline-block; height: 11px; width: 16px;}
.flag-{{ settings.currency_3_unit | downcase }} { background-image: url({{ 'currency_3.png' | asset_url }});background-repeat:no-repeat;display: inline-block; height: 11px; width: 16px;}
.flag-{{ settings.currency_4_unit | downcase }} { background-image: url({{ 'currency_4.png' | asset_url }});background-repeat:no-repeat; display: inline-block; height: 11px;width: 16px;}
.flag-{{ settings.currency_5_unit | downcase }} { background-image: url({{ 'currency_5.png' | asset_url }}); background-repeat:no-repeat; display: inline-block; height: 11px; width: 16px;margin-right:10px !important;@include at-query ($max, $small) {margin-right:5px !important; }}
.flag-{{ settings.currency_6_unit | downcase }} { background-image: url({{ 'currency_6.png' | asset_url }});background-repeat:no-repeat; display: inline-block; height: 11px; width: 16px;}
.flag-{{ settings.currency_7_unit | downcase }} { background-image: url({{ 'currency_7.png' | asset_url }});background-repeat:no-repeat; display: inline-block; height: 11px; width: 16px;}
.flag-{{ settings.currency_8_unit | downcase }} { background-image: url({{ 'currency_8.png' | asset_url }});background-repeat:no-repeat;display: inline-block; height: 11px; width: 16px;}
.flag-{{ settings.currency_9_unit | downcase }} { background-image: url({{ 'currency_9.png' | asset_url }});background-repeat:no-repeat; display: inline-block; height: 11px;width: 16px;}
.flag-{{ settings.currency_10_unit | downcase }} { background-image: url({{ 'currency_10.png' | asset_url }}); background-repeat:no-repeat; display: inline-block; height: 11px; width: 16px;margin-right:10px !important;@include at-query ($max, $small) {margin-right:5px !important; }}
.header-bar .wrapper,.site-header .wrapper { max-width:100%; }

.menu-middle-section ul { list-style:none;padding:0;float:right;@include at-query ($max, $medium) { text-align:center;float:none; } }
.menu-middle-section ul li { float:left;list-style:none; @include at-query ($max, $medium) { float:none;display:inline-block;text-align:center; } }
.menu-middle-section li a{    float: left;padding:7px 0 7px 15px;font-size:13px;text-transform:uppercase;@include at-query ($max, $semilarge) { padding-right:5px; }  }
.menu-middle-section li a i { margin-right:5px; }
.menu-middle-section li.logout-link i { float: left; padding: 7px 0 7px 15px; }
.menu-middle-section li.logout-link a { float: left;padding: 7px 0px 7px 5px; }
.menu-middle-section li span.currency_code i { margin-right:5px; }
#currencies-picker { margin:0; }
.header-bar__module.cart .mini-cart-icon i { width:auto;background:none; }

.header-bar__module.cart .mini-cart-icon,.header-bar__module.cart .mini-cart-icon i { margin-right:0; }
.header-bar__search form .btn { padding:28px 17px !important; }
.header-bar__search form { margin:0; }
.header-bar .social-icons li,.header-bar .social-icons li a { float:left;display:inline-block;@include at-query ($max, $medium) { float:none; } }
.header-bar .social-icons li { display:inline-block; }
.header-bar__search form .header-bar__search-input { display:none; }
.header-bar__search form .btn { border:none; }
.header-bar__module.cart .baskettop a.icon-cart-arrow+#slidedown-cart {background-color: #fff; border-radius: 4px; width: 300px;position: absolute;right:0;box-shadow: 0 0px 5px rgba(0,0,0,0.175);z-index:9999; text-align: left;}
.header-bar__module.cart .mini-cart-icon i { height:auto;line-height:normal;float:none;display:inline-block;padding:28px 17px; }
.is-sticky .header-bar__search .btn { position:inherit; }
.is-sticky .grid__item:nth-child(2n) { float:right; }
.is-sticky .menu-right-section { position:absolute;right:15%;bottom:0;z-index:99; }
.is-sticky .menu-right li a { padding:16px 15px;font-size:16px;  }
.is-sticky .header_top { display:none; }
.site-nav { 
  list-style: none;
}
.site-nav li a.new:after, .site-nav li a.sale:after, .site-nav li a.offer:after{  font-size: 9px;padding: 1px 7px 0; border-radius: 50px;line-height: 16px;}
.site-nav li a.new:after { content: 'New'; background: {{ settings.new_bg }}; color:{{ settings.new_button_text }};padding:3px 5px;}
.site-nav li a.sale:after {  content: 'Sale'; background: {{ settings.sale_bg }}; color:{{ settings.sale_button_text }};padding:3px 5px;}
.site-nav li a.offer:after { content: 'Offer'; background: {{ settings.offer_bg }}; color:{{ settings.offer_button_text }};padding:3px 5px;}

/* Mega Menu */
.site-nav-dropdown li { float:left;width:100%; }
.top-menu { width:95%;margin-left:auto;margin-right:auto;@include at-query ($max, $postlarge) { width:100%; } }
.site-nav li {  margin: 0;}
.site-nav ul { list-style:none;padding:0; }
.site-nav li > a i { display:inline-block;margin-left:7px; }

.simple-menu .site-nav-dropdown{
  position: absolute;
  width: 100%;
}

.site-nav-dropdown li a { 
  position: relative;
  padding-right: 0;
  font-weight: normal;
  letter-spacing: 0.5px;
  font-size: 14px;
  text-transform: capitalize;
  line-height: 35px;
}
.site-nav .widget-featured-product .product-title{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
  display: block;
  padding-bottom: 5px;
}
.widget-product a{
  padding: 0
}
.widget-featured-product h6{
  font-size: 15px;
  text-transform: capitalize;
}
.megaprice .old-price{
  text-decoration: line-through;
  color: #777;
  font-size: 12px;
  letter-spacing: 0
}
.megaproimg .mimh a{
  padding: 0
}
.site-nav-dropdown .style_3 .inner{
  width: 25%;margin-bottom: 0 !important
}
.site-nav-dropdown .style_5 .inner {
    width: 33.33%;
    padding: 0 10px;
}
.style_5 .parent-mega-menu{
  margin-bottom: 15px;
}
.widget-featured-product .products-grid img{
  border: 1px solid #eee;
  margin-bottom: 10px; 
}
.site-nav > .dropdown:hover > ul, .site-nav > .dropdown.open > ul {display: block;}
.site-nav > li > ul > .dropdown:hover > ul, .site-nav > li > ul > .dropdown.open > ul {display: block;}
.site-nav > li > ul > li > ul > .dropdown:hover > ul,.site-nav > li > ul > li > ul > .dropdown.open > ul { display: block; }
.site-nav > li > ul > li > ul > li > ul > .dropdown:hover > ul,
.site-nav > li > ul > li > ul > ul > li > .dropdown.open > ul { display: block; }
.site-nav li.dropdown .icon-dropdown { height:0; width:0; border:4px solid transparent; display: inline-block; vertical-align:middle; margin-left: 7px; cursor: pointer; }
.site-nav-dropdown li.dropdown .icon-dropdown { position: absolute; top: 16px; right: 20px;}
.site-nav > li.mega-menu { position: static; }
.site-nav li.mega-menu:hover .site-nav-dropdown, .site-nav li.mega-menu:hover .site-nav-dropdown,.site-nav li.dropdown:hover .site-nav-dropdown { overflow: visible;visibility: visible; opacity: 1;}
.site-nav li.dropdown:hover.mega-menu > a > .icon-dropdown { border-top-color: #fff; opacity: 1; }
.site-nav li.mega-menu .site-nav-dropdown { width: 900px;left: 100%; right: 0; border: 0;padding: 15px;}
.sub-mega-menu .parent-link { border-bottom: 1px solid #3d4549;  font-weight: 700; padding-bottom: 20px; margin-bottom: 15px; }
.sub-mega-menu .parent-link a { text-transform: uppercase;  font-weight: 700; letter-spacing: 0.05em; display: inline-block; padding: 0; margin: 0; }
.sub-mega-menu .parent-link > span.up { text-indent: -999em; display: block; background: url(icon-menu-up.png) no-repeat; opacity: 0.5; width: 9px; height: 6px; position: absolute; left: 50%; top: 6px; cursor: pointer; }
.sub-mega-menu .parent-link > span.up:hover { opacity: 1; }
.sub-mega-menu .parent-link > span { padding: 0 10px; }
.parent-mega-menu .inner .currentm{
  text-transform: uppercase;
  color: $mainColor;
  font-weight: 500;
  margin-bottom: 5px;
  border-bottom: none;
}
.parent-mega-menu.parent-mega-menu .inner{
  margin-bottom: 15px;
}
.site-nav li .fa-angle-down{
  transition: all 0.1s ease 0s;
  margin-top: 5px;
  position: absolute;
  visibility: hidden;
}
.site-nav li:hover .fa-angle-down{
  transform: rotate(-90deg);
}
.style_2 .megaproimg [class*="col-"] a{
  display: block
}
.style_2 .megaproimg [class*="col-"] a:nth-child(1) img{
  margin-bottom: 15px;
}
.style2img img{
  margin-bottom: 0 !important
}
.site-nav li.mega-menu > .dropdown:hover > .site-nav-dropdown, 
.site-nav li.mega-menu > .dropdown.open > .site-nav-dropdown { display: block; }
.site-nav li.mega-menu ul.site-nav-dropdown { padding:20px 0px;box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);border-radius:px; }
.site-nav li.mega-menu ul.site-nav-dropdown li a { padding:5px 20px; }
.site-nav .widget-featured-product .widget-product { position:relative; }  
.site-nav .products-grid .grid-item .product-grid-image { display: inline-block; padding: 0; margin-bottom: 7px; }
.sub-mega-menu { display: none; }
.menu_bar_right { list-style:none;padding:0; }
.site-nav-dropdown {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform-origin: 0 0;
    position: absolute;
    left: 100%;
    z-index: 9999;
    padding: 0;
    margin-bottom: 0;
    background-color: #fff;
    text-align: left;
    border-radius: 4px;
    margin-top: -50px;
    transition: all 0.1s ease-in-out;
    box-shadow: 0 0px 5px rgba(0,0,0,.175);
}
.megamenusale{
  position: absolute;
  left: 10px;
  top: 10px;
  font-weight: normal;
  font-size: 13px;
}
.widget-product .price-box{
  margin-top: 5px;
}
.widget-product .price-box p{
  margin-bottom: 0
}
/* Mega Menu */
.menu-tool { width:95%;margin-left:auto;margin-right:auto;@include at-query ($max, $postlarge) { width:100%; } }
.site-nav ul { list-style:none;padding:0; }
.cur > li.currency .flag-dropdown-menu li.active a, .cur > li.currency .flag-dropdown-menu li:hover a { }
.cur > li.currency .flag-dropdown-menu li { width:100%;margin:0;padding:0;@include at-query($max, $medium) { width:auto;float:left;} }
.cur > li.currency:hover .flag-dropdown-menu, .cur > li.currency.open .flag-dropdown-menu { display: block;}
.cur > li.currency:hover .flag-dropdown-menu::before, .cur > li.currency.open .flag-dropdown-menu::before { content: ""; display: block; height: 15px; position: absolute; right: 0; top: -15px; width: 100%;}
.cur > li.currency > .dropdown-toggle .fa {   margin: 0 0 0 5px;}
.cur > li.currency .flag-dropdown-menu {  right: 0;  right: 20px; top: 100%;  width:100px;  margin-top: 0px;@include at-query($max, $medium) { margin-top:0px;width:75px;text-align:center;padding:0 !important;right:0;left:auto; }    padding: 10px 0 !important;}


.propage form { margin:0;padding:0; }
.propage .deal-clock { float:left;width:auto;z-index:1;position:static;text-align:left;margin-bottom:20px; }
.propage .deal-clock ul  { margin:10px 0 0; }

.propage .deal-clock ul li:last-child { border-right:none; }
.support-section-content { display:inline-block;width:100%;text-align:center; @include at-query($max, $small) { text-align:left; }}
.support-section i { display:inline-block;margin-right:15px;margin-top:0px;font-size:50px;@include at-query($max, $semilarge) { font-size:32px;margin-right:7px; }@include at-query($max, $small) { float:left;margin-right:15px; } }
.support-section { float:left;text-align:center;width:100%;padding:80px 0px 0; }
.footer-support p {margin-left:auto;margin-right:auto;width:45%;text-align:center; }
.deal-items { padding:80px 0;float:left;width:100%; }
.zoomWrapper > div {  width: 64px !important; height: 64px !important; background-color: #fff!important; left: 50% !important; margin: -32px 0 0 -32px !important; top: 50% !important; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;z-index: 99!important;}
#email-modal .window-window .window-content .title b { font-family:$headerFontStack; }
.list-collection-products .grid__item:hover a.btn { background-color: $colorBtnPrimaryHover; color: {{ settings.primary_hover_btn_text }}; border-color: $colorBtnPrimaryHover; }
.list-collection-products .grid__item:hover a.pickgradient:after {  opacity: 0.4;}
.list-collection-products .grid__item a.pickgradient { position:relative; }
.list-collection-products .grid__item:hover a.pickgradient:before {  opacity: 1; filter: alpha(opacity=100); margin-top: 0; }

.header_custom p { margin:0; }
.header_custom { @include at-query($max, $medium) {  display:none; }padding: 12px 20px 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; text-transform: uppercase; font-size: 16px; letter-spacing: 0.8px;}
.header_user { position: relative; min-width: 100px; padding: 0 0px; text-align: center; line-height: 100px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto;-moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; @include at-query ($max, $semilarge) { min-width:50px; }   @include at-query ($max, $medium) { -webkit-box-flex: 1; -webkit-flex: 1 1 30%; -moz-box-flex: 1; -moz-flex: 1 1 30%; -ms-flex: 1 1 30%;flex: 1 1 30%;line-height:60px;border-right:1px solid $colorBorder;}@include at-query ($max, $small) { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -moz-flex: 1 1 100%; -ms-flex: 1 1 30%;flex: 1 1 100%;}}
.customer_account_links ul { position:absolute;background:red;top:100%;line-height:2em; }
.customer_account_links ul { list-style:none; }



.header_slide_element ul { list-style:none;padding:0;text-align:left; }
.header_slide_element ul li { line-height:normal;padding:7px;float:left;width:100%; }
.header_slide_element ul li form button { background:none;border:none;padding:0;margin:0; }
.header_slide_element ul li a i,.header_slide_element ul li form button i  { margin-right:7px; }
.header_slide_element ul li.logout-link i { margin-right:7px; }
.slidersearch.header_slide_element { padding:20px;right:0; z-index: 100; position: absolute; top: 0; width: 300px;opacity: 0; -webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;-webkit-transform: translate(0%, -100%);transform: translate(0%, -100%); @include at-query ($max, $medium) {  display:inline-block; position: static; left:0; opacity: 1;-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);width:auto; background: none;line-height:normal; padding:0px;} @include at-query ($max, $small) { padding:0px;width:auto; }}
.header_slide_element { padding:20px; z-index: 100; position: absolute;top: 0;@include at-query ($max, $semilarge) { width: 200px; }@include at-query ($max, $medium) { padding:7px;width:100%;left:0;-webkit-transform: translate(0%, 100%);transform: translate(0%, 100%); } width: 300px;opacity: 0; -webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;-webkit-transform: translate(0%, -100%);transform: translate(0%, -100%); }
.header_toggle.active+.header_slide_element {  top: 100%;-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1;@include at-query ($max, $medium) { z-index:1000; } }
.item-swatch { margin:0; } 
.full_width_tab ul.item-swatch { margin:0;}
.option-loader .product-img, .option-loader .product-title, .option-loader .product-title, .option-loader .page-des {display:none;}
.for-home {border:none;border-bottom: 1px solid;}
.quick-view .content { width:50%;}
.quick-view .content { position: relative;  margin:30px auto;  background: #fff; padding: 20px; border-radius: 4px;}
.quick-view.option-loader .content { width:34%;@include at-query ($max, $postlarge) { width:60%; }@include at-query ($max, $semilarge) { width:75%; } @include at-query ($max, $medium) { width:90%; } }
.quick-view { background: rgba(0,0,0, 0.5); height: 100%; width: 100%; position: fixed; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);   visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform .2s,opacity .2s,visibility .2s;-webkit-transition: opacity .1s,visibility .1s,-webkit-transform .1s;transition: opacity .1s,visibility .1s,-webkit-transform .1s;transition: transform .1s,opacity .1s,visibility .1s; transition: transform .1s,opacity .1s,visibility .1s,-webkit-transform .1s;display:block !important;}
.quick-view .close-window{border-radius: 4px;}
.product-inventory label,.product_price label{
  margin-top: 0;
}
.quick-view .product-photo-thumbs li{
  margin: 0 3px;
}
.quickright .product-inventory{
  margin: 15px 0;
}
#QProductPrice{
  font-size: 16px;
}
.quickview-featured-image,.quickview-more-views-owlslider img{
  border: 1px solid #eee;
  border-radius: 4px;
}
.infinite-scrolling  {text-align: center; clear: both;}
.infinite-scrolling a, .infinite-scrolling-homepage a { display: inline-block; width: 345px;@include at-query ($max, $medium) { width:100%; }}
.brand-landing-wrapper .alphabet-brands {background-color: {{ settings.brand_box_bg }};z-index: 99999 !important;padding: 30px;}
.is-sticky .alphabet-brands {margin-top: 130px;}
.brand-landing-wrapper .alphabet-brands ul {  text-align: center;}
.brand-landing-wrapper .alphabet-brands li {display: inline-block;}
.brand-landing-wrapper .alphabet-brands a { border: 1px solid $colorBorder;cursor: pointer;display: block;font-size: 20px;height: 45px;line-height:45px;  margin: 0 10px 20px 5px;text-align: center; text-transform: uppercase;width: 45px;}
.brand-landing-wrapper .alphabet-brands a:hover {background-color: #d6d3d3;text-decoration: none;}
.brand-landing-wrapper .alphabet-brands a.active {  background-color: {{ settings.alphabet_active_bg }};}
.brand-landing-wrapper .categories-section {border-top: 1px solid {{ settings.brand_box_border }};clear: both;width: 100%;float: left;padding: 30px 0;}
.brand-landing-wrapper .categories-section ul { overflow: auto; float: left;width: 90%;}
.brand-landing-wrapper .categories-section li { display: inline-block;vertical-align: top;}
.brand-landing-wrapper .categories-section li.alphabet-brand {float: left;font-size: 19px;  padding-top: 1px;text-align: center;text-transform: uppercase;width: 20%;}
.brand-landing-wrapper .categories-section .brand-items {float: left;width: 80%;}
.brand-landing-wrapper .categories-section .brand-items .brand-item {margin: 0 15px 10px 0; width: 90%;}
.brand-landing-wrapper .categories-section .brand-items a { font-size: 14px;}
.brand-landing-wrapper .categories-section .back-to-top { display: block;float: right;font-size: 14px;font-weight: bold;margin-bottom: 25px;margin-top: 35px;width: 10%;}
.brand-landing-wrapper .categories-section .back-to-top:hover { text-decoration: none;}
.brand-landing-wrapper .categories-section.section-a ul { margin-top: 75px;}
@media (max-width: 480px) {.brand-landing-wrapper h1 {  font-size: 24px;  margin: 0;  padding: 25px 0;}
.brand-landing-wrapper .popular-brands {margin: 0 auto; width: 95%;}
.brand-landing-wrapper .popular-brands .content-asset { width: auto;}
.brand-landing-wrapper .popular-brands a {  margin: 0 0 30px;text-align: center;width: 30%;}
.brand-landing-wrapper .categories-section {border-top: 2px solid {{ settings.brand_box_border }};}
.brand-landing-wrapper .toggle {cursor: pointer;font-size: 40px;height: 40px;margin: 0 0 0 20px;text-transform: uppercase;}
.brand-landing-wrapper .toggle-content {margin: 15px 0 20px 20px;}
.brand-landing-wrapper .toggle-content a {  display: block;font-size: 24px;}
}
.brands {background: {{ settings.brand_box_bg }};}
.categories-section { background: {{ settings.brand_box_bg }};}
.categories-section:nth-child(odd) {background:{{ settings.brand_box_odd_bg }};}


@media screen and (min-width: 1200px) and (max-width: 1500px) {
  #email-modal .modal-window .window-window { width:50%; }
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  top: 0x;
  right: 0px;
  content: "\f107";
  border: none;
  font-family: FontAwesome;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  font-size:13px;
  padding: 0px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  border-bottom:none;
}
/*style items (options):*/
.select-items {
  position: absolute;
 border-left: 1px solid $colorBorder;border-right: 1px solid $colorBorder;border-top: 1px solid $colorBorder;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 9999;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover {
  background-color: $colorBorder;
}

/* custom css */
.topws{
  margin-right: 70px
}
.topws,.xsheader,.rightac .slidedown_section{
  display: inline-block;vertical-align: middle;
}
.hdis{
    vertical-align: middle;
    margin-left: 6px;
    cursor: pointer;
    display: inline-block;
}
.hdis h4{
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  text-transform: capitalize;
  margin: 0;
}#272929
.hdis span{
  font-size: 12px;
  color: #ffffff;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}
.disabled{
  opacity: 0.5;cursor: no-drop !important;
}
.headernav{
  padding: 19px 0;
  border-bottom: 1px solid rgba(255,255,255,0.15);
/*
  background: linear-gradient(to right,#212323,#44566d,#7b92ac);
*/
  
      background: linear-gradient(to right,#212323,#707b88,#9bebec,#ffa1e9);
  
}



.headtop{
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.headtop .text-left p{
  margin-bottom: 0;
  color: #202323;
  text-transform: capitalize;
}
.headtop .text-left svg{
  fill: #d01418;
  height: 20px;
  width: 25px;
}
.rightac .closebtn  svg{
  fill: #fff;
}
.pxs{
  padding: 0
}
:focus {
    outline: none;
}
.svgbg svg{
  width: 32px;
  height: 32px;
  fill: #fff;
}
.cartdt svg{
  width: 38px;
  height: 38px;
  fill: #fff;
}
.cartdt h4{
  display: block;font-size: 14px;
  text-transform: capitalize;
  margin: 0;
  transition: 0.1s ease;
  font-weight: normal;
}
.topws a{
  color: #fff;
  display: block;font-size: 14px;
  text-transform: capitalize;
  margin: 0;
  transition: 0.1s ease;
  font-weight: normal;
}
.topws:hover svg,.cartdt:hover svg,.rightac .slidedown_section:hover svg{
  fill: $mainColor;
}
.topws:hover a{
  color: $mainColor;
}
.BOLD-mc-picker > .currentCurrency:hover{
  color: $mainColor !important;
}
.cartdt h4{
  margin-top: 8px;
}
.rightac .slidedown_section.dropdown {
    margin: 0 25px;
}
.user-down{
  padding: 15px;
}
li.topws{
  cursor: pointer;
  margin: 0 20px;
  border-right: 1px solid rgba(255,255,255,0.15);
  padding-right: 30px;
}
.hmuser{
  display: block
}
.baskettop{
  position: relative
}
.headertop #acdrop ul li  i{
  width: 20px;
}
.cur{
  position: relative
}
.social-icons li{
  margin-right: 3px;
}
.currency{
  position: relative;
}
.homesearch #toggle-search input{
  height: 48px;
  width: 100%;
  border: none;
  margin: 0;
  border-radius: 4px 0 0 4px;
  background: #fff;
}
.homesearch #toggle-search .input-group-btn{
 /* transition: 0.1s ease;
  padding: 0 25px;*/
      border: #72b0ca;
  cursor: pointer;
      background: linear-gradient(to right, #94b4bd , #b4ddee);
  //background: $mainColor;
  fill: #fff;
  font-size: 14px;
  border-radius: 0 4px 4px 0;
  text-transform: uppercase;
  font-weight: normal;
  min-width: 50px;
  text-align: center;
 
}
.homesearch #toggle-search .input-group-btn:hover{
  background-color: $mainColor;
  color: #fff
}
.homesearch #toggle-search .input-group-btn span{
  display: inline-block;
  vertical-align: middle;
}
#toggle-search form:hover{
  border-color: $secondColor;
}
.homesearch #toggle-search .input-group-btn:hover{
  background-color: $secondColor;color: #000;
}
#toggle-search{
  margin-top: 2px;
}
.hlogo{
  margin-top: 9px;
}
.rightw p{
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 0;
  margin-top: 11px;
  position: relative;
}
.rightw p a{
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.8px;
}

.rightw p a:hover::after {
    opacity: 1;
    width: 30px;
}
.rightw p a::after {
    position: absolute;
    content: "";
    background-color: $mainColor;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    opacity: 0;
    height: 1px;
    width: 0;
    transition: 0.1s ease;
}
.rightw p a:hover{
  color: $mainColor
}
.wscur .slidedown_section .dropdown-menu{
  box-shadow: none;
  padding: 10px;
  min-width: 19rem;
  text-transform: capitalize;
  line-height: 30px;
}
.rightw .pull-right h5{
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  transition: 0.1s ease;
  margin: 0 0 0 0;
  color: #fff;
  border-left: 1px solid rgba(255,255,255,0.15);
  padding: 13px 0 13px 25px;
}
.rightw .pull-right a{
  display: block;
}
.rightw .pull-right h5:hover{
  color: $mainColor;
}
#under-menu{
  display: block !important;
  height: 100% !important;
  margin-bottom: 0;
  z-index: 1;
  width: 100%;
  
}
#under-menu.collapse.in{
	display: none !important
}
#under-menu .site-nav{
  background-color: #fff;
  border-radius: 4px;
  margin-top: 30px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background-color: #fff;
}
.snavb{
  position: relative
}
.right-col{
  margin-top: 30px;
}
.site-nav li.level1{
  display: block;
  padding: 0 15px;
}
.site-nav li.level1 a.sitemenus,.site-nav li.level1 .view_more a{
  text-transform: capitalize;
  font-weight: normal;
  cursor: pointer;
  font-size: 14px;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
  display: block;
  line-height: normal;
}
.cms-menu{
/*  background: linear-gradient(to right,#212323 , #51647a);*/
  
  
      background: linear-gradient(to right,#212323,#51647a,#97edee,#ffa1e9);
}
.site-nav li.view_more a i{
  margin-left: 0;
}
/* product */

.pro-tab .nav > li > a {
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
    border: none;
    margin: 0 15px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover,.nav-tabs li:hover a {
    border: none;
    color: $mainColor;
}
.nav-tabs > li.active::before {
    width: 50px;
    transition: 0.1s ease;
    opacity: 1;
}
.nav-tabs > li::before {
    align-items: center;
    text-align: center;
    height: 2px;
    position: absolute;
    content: "";
    right: 0;
    bottom: -12px;
    margin: 0 auto;
    left: 0;
    background-color: $mainColor;
    transition: 0.1s ease;
    width: 0;
}
.pro-tab.tabs{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.spewidth .special{
  border: 2px solid $mainColor;
  border-radius: 4px;
  padding: 15px;
}
.product-container .button-group svg{
  width: 18px;height: 18px;fill: #777;
} 
.product-container .button-group .addcart,.product-container .button-group .add-to-wishlist,.product-container .button-group .quick-view-text{
  display: inline-block;
  vertical-align: middle;
}
.product-container .button-group a,.product-container .button-group .addcart .sold_icon{
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  fill: #4c4c4c;
  border: 1px solid #e3e3e3;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  padding: 7px 0;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.1s ease;
  text-align: center;
  margin: 0 3px;
}
.product-container .button-group a:hover,.product-container .button-group .addcart .sold_icon:hover{
  background-color: $mainColor;
  border: 1px solid $mainColor;
}
.product-container .button-group a:hover svg,.product-container .button-group .addcart .sold_icon:hover svg{
  fill: #fff;
}
.product-container .button-group a span{
  display: inline-block;vertical-align: middle;
}
.product-container,.articleblog{
  position: relative;
}
.product-container {
    margin-bottom: 1px;
}
.product-container:hover .second-img{
    opacity: 1;
  //////////////////////////////////////////
  background: #fff !important;
    width: 100%;
}
.product-container .second-img{
    top: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 10ms ease-in-out 0s;
}
///////////////////////////////////
.wbproductdes h5{
  overflow: hidden;
  height: 65px;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
  padding: 7px 0 2px 0;
/*  transition: 0.1s ease;*/
  font-weight: normal;
  -webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.wbproductdes h5:hover{
    color: $mainColor;
}

.specialpd.leftpro .wbproductdes h5{
  overflow: hidden;
  height: 65px;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
  padding: 7px 0 2px 0;
/*  transition: 0.1s ease;*/
  font-weight: normal;
  -webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
}

.onsale .wbproductdes h5{
  overflow: hidden;
  height: 45px;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
  padding: 7px 0 2px 0;
/*  transition: 0.1s ease;*/
  font-weight: normal;
  -webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}  

.toprated .wbproductdes h5{
  overflow: hidden;
  height: 45px;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
  padding: 7px 0 2px 0;
/*  transition: 0.1s ease;*/
  font-weight: normal;
  -webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}  



.wbproductdes .thumbdes{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #a9a9a9;
  letter-spacing: 0.5px;
  margin: 0 0 3px 0;
}
.imgblock img{
  border-radius: 4px;
}
.nav-tabs{
  border-bottom: none
}
.nav-tabs > li{
    float: none;
    display: inline-block
}
.heading{
  font-weight: normal;
  font-size: 22px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
  text-align: center;
  margin-top: 50px;
}
.heading span::before {
    align-items: center;
    text-align: center;
    width: 140px;
    height: 2px;
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    background-color: $mainColor;
    transition: 0.1s ease;
}
.left-heading{
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-top: 35px;
}
.left-heading span::before {
    align-items: center;
    text-align: center;
    width: 140px;
    height: 2px;
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    left: 0;
    background-color: $mainColor;
    transition: 0.1s ease;
}
.pro-tab .heading{
  margin-bottom: 0;
  border-bottom: none;
}
.heading strong.colour{
  font-weight: normal;
}
.heading span{
  display: inline-block;
  vertical-align: middle;
}

.nav > li > a:focus, .nav > li > a:hover,.nav-tabs > li > a:hover{
    background-color: transparent; 
    border: none;
}
.nav > li > a{
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
}
.nav-item{
  position: relative;
  cursor: pointer;
}
.iconcartp{
  width: 28px;
  height: 27px;
}
.color_swatch_Value{
  margin-top: 8px;
}
/* service */
.deliveryinfo{
  margin-left: 0;
  margin-right: 0;
  background-color: #fff;
  padding: 15px 0;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}
.deliveryinfo li svg{
  width: 40px;height: 40px;
}
.deliveryinfo ul{
  border-right: 1px solid #e5e5e5;
}
.deliveryinfo [class*="col-"]:last-child ul{
  border-right: none
}
.deliveryinfo li{
  display: inline-block;vertical-align: middle;
  margin: 0 5px;
}
.deliveryinfo li span{
  min-width: 70px;
  min-height: 70px;
  background: #f5f5f5;
  padding: 14px 0;
  transition: 0.1s ease;
  display: inline-block;
  position: relative;
  text-align: center;
  border-radius: 100%;
  border: 1px solid #f5f5f5;
}
.deliveryinfo ul:hover span{
  border-color: $mainColor;
}
.deliveryinfo li h4{
  font-size: 18px;
  text-transform: capitalize;
  font-weight: normal;
  margin: 0 0 5px 0;
}
.deliveryinfo li p{
  margin-bottom: 0;
}
/* slide btn */ 
#wbslider img,.owl-slider img{
    border-radius: 4px;
}
#shopify-section-slider{
    position: relative
}
.slidebtn{
  position: absolute;
  top: 6px;
  width: 100%;
  left: 0;
  right: 0;
}
.slidebtn .prev{
  position: absolute;
  left: 0;
  right: auto;
}
.slidebtn .next{
  position: absolute;
  right: 0;
  left: auto;
}
.product-tab-item .slidebtn{
  right: 0
}
.slidebtn a{
  background: transparent;
  color: #000;
  display: inline-block;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
  line-height: 0;
  border-radius: 4px;
  opacity: 1;
  transition: 0.1s ease;
}
.slidebtn a:hover{
  color: $mainColor;
}
.product-tab-item,.allbgc,.wbblog,.leftpro,.category-home{
  position: relative
}
.leftpro .slidebtn .prev{
  right: 25px;
  left: auto;
}
.owl-cat .item-row img{
  border-radius: 4px;
}
#logo-slider {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 15px 0px;
}
/* category */
.collection-grid-item.text-center {
    background-color: #f5f5f5;
    border-radius: 4px;
}
.collection-grid-item h5{
  color: #6f6f6f;
  font-size: 14px;
  text-transform: uppercase;
  transition: 0.1s ease;
  font-weight: 400;
  padding: 10px 0;
  display: block;
  margin-bottom: 0;
}
.collection-grid-item:hover h5{
  color: $mainColor;
}
/* review */
.spr-form-review-rating{
  overflow: unset !important;
}
.spr-form-message-success{
  color: #4cb91c;
  text-transform: capitalize;
}
.spr-header-title{
    font-size: 16px !important;
}
.spr-summary-actions{
  display: inline-block;
  float: right;
}
.spr-summary{
  text-align: left !important
}
.spr-container{
    padding: 15px !important;
    background: #fff;
}
.spr-icon{
  color: #ffc600 !important;
  font-size: 12px !important;
}
[class^="spr-icon-"]::before, [class*=" spr-icon-"]::before{
  width: 1.2em !important;
}
.spr-icon.spr-icon-star-empty{
    opacity: 1 !important;
}
.spr-review-header-byline{
  font-style: normal !important;
  text-transform: capitalize
}
.spr-badge-caption{
  display: none !important
}
.product_price{
  font-weight: 500;
  letter-spacing: 0;
}
.imgblock{
  position: relative
}
.product-container .grid-link__org_price{
  font-size: 15px;
  font-weight: 500;
}
.product-tab-item .product-container{
  margin-bottom: 30px;
}
.product-container{
  background-color: #fff;
  border-radius: 4px;
}
.product-tab-item .item-row:last-child .product-container{
  margin-bottom: 1px;
}
/* timer */
.owl-spe .wbproductdes h5{
  padding-bottom: 2px;
}
.timer,.deal-lable{
  display: none
}
.owl-spe .timer,.owl-spe .deal-lable{
  display: block
}
.owl-spe .spethumbdes{
  font-size: 14px;
  color: #aaa;
  line-height: 23px;
  margin-bottom: 0;
  letter-spacing: 0.5px;
}
.propage .deal-lable,.propage .timer{
  display: block;float: none;
}
.propage .timer{
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}
.propage .timer li{
  background-color: #fff;
}
.timedes{
  letter-spacing: 0.5px;
}
.toprightw .product-container .imgblock{
  padding: 0
}
.grid-link__container .timer,.relpro .timer{
  display: none
}
.timer{
  margin-top: 15px;
}
.timer li span{
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.timer li b{
  font-weight: 500;
  font-size: 20px;
  background-color: #f5f5f5;
  width: 50px;
  height: 50px;
  font-size: 18px;
  padding: 15px 0;
  border-radius: 50%;
  display: inline-block;
}
.timer li{
  margin: 0 2px;
}
.timer li span:nth-child(2){
  font-size: 12px;
  color: #999;
  text-transform: capitalize;
  font-weight: normal;
  margin-top: 8px;
}
.deal-lable{
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 15px;
  text-transform: capitalize;
  font-weight: normal;
}
/* toprated */
.bestseller .product-container{
  float: left;
  width: 100%;
  margin: 15px 0;
  border-radius: 0 !important;
}
.bestseller .item-row:last-child .product-container{
  margin-bottom: 1px;
}
.bestseller .item-row{
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;

}

@media (min-width:1300px){
  .bestseller .item-row{
    /*height: 9vw;*/
  }
}

.bestseller .item-row:last-child {
  border-bottom: none;
}
.bestseller .owl-wrapper-outer,.owl-deal .owl-wrapper-outer,.owl-onsale .owl-wrapper-outer,.tab-pro .owl-wrapper-outer{
  border-right: 1px solid #fff;
}
.owl-new .product-container,.owl-bestl .product-container {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.owl-new .item-row:last-child .product-container,.owl-bestl .item-row:last-child .product-container{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.owl-deal .item-row,.owl-onsale .item-row,.tab-pro .item-row {
    border-right: 1px solid #e5e5e5;
}
.owl-fea,.owl-best{
      display: grid;
      grid-template-columns: repeat(6,1fr);
      grid-template-rows: repeat(2,1fr);
}
@media(min-width: 1590px){
  
  .owl-fea .item-row:nth-child(3),.owl-best .item-row:nth-child(3){
      grid-column: 4;
      grid-row: 3;
      grid-column-start: 3;
      grid-column-end: 5;
      grid-row-start: 1;
      grid-row-end: 3;
      padding-top: 100px;
      
  }
  .owl-fea .item-row:nth-child(5), .owl-fea .item-row:nth-child(9), .owl-best .item-row:nth-child(5), .owl-best .item-row:nth-child(9) {
    border: 0;
  }
}

.owl-fea .wbproductdes h5,.owl-best .wbproductdes h5{
  overflow: hidden;
  white-space: normal;
  text-overflow: unset;
  /*height: 60px;*/
  /*/////////////////////////////////////    grid height modify      ////////////////////////////////////////*/
}
/* .tab-pro .item-row {
    margin-bottom: 25px;
} */
.toprightw .product_price{
  margin-top: 4px;
}
.toprightw .product-container .wbproductdes{
  padding: 0 10px;
}
.toprightw .sale .badge__text,.toprightw .sale,.toprightw .psold-out{
  left: 0;
  top: 0;
}
.toprightw .rateop {
    border-top: 1px solid 
    #e5e5e5;
    padding-top: 10px;
    margin-top: 10px;
    width: 55%;
}
.owl-new .imgblock{
  padding: 0;
}
.owl-new .sale{
  display: none;
}
/* banner */
.bffect img{
    border-radius: 4px;
}
/* blog */
.home-blog-image .dattime span{
  background: $mainColor;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  padding: 5px 12px;
  border-radius: 4px;
}
.home-blog-image .dattime{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 1;
}
.home-blog-image .author{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}
.home-blog-image .author span{
  display: inline-block;
  background: $mainColor;
  color: #fff;
  text-transform: capitalize;
  border-radius: 4px;
  padding: 6px 15px;
}
.blogdes h5{
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 0;
  padding: 10px 0 6px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
}
.blogdes h5:hover{
  color: $mainColor;
}
.post_cnt span{
  color: #999;
  font-size: 13px;
  line-height: 21px;
}
.blogbdr{
    border-radius: 4px;
    margin-bottom: 1px;
}
.blogdes .blogread{
  display: inline-block;
  text-transform: capitalize;
  color: $mainColor;
  line-height: normal;
  font-weight: 500;
}
.blogdes .blogread svg{
  width: 13px;
  height: 13px;
  fill: $mainColor;
}
.blogdes .blogread:hover{
  color: $secondColor;
}
.blogdes .blogread:hover svg{
  fill: $secondColor;
}
.blogdes p{
  font-size: 14px;
  color: #5d5d5d;
  margin-bottom: 10px;
  letter-spacing: 1px;
  max-height: 43px;
  overflow: hidden;
  margin-top: 0px;
}
.home-blog-image{
  position: relative
}
.home-blog-image img{
  border-radius: 4px;
}
/* testimonial */
.testimonial {
    text-align: center;
    padding: 30px 15px 30px;
    margin-top: 50px;
    background-color: #f5f5f5;
    border-radius: 5px;
}
.testimonial .quotes-slider__text img {
    position: relative;
    border-radius: 100%;
}
.testimonial .quotes-slider__text h4{
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: $mainColor;
  margin: 15px 0 5px 0;
}
.testimonial .quotes-slider__text h5{
  color: #525252;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 14px;
  margin: 0;
}
.testimonial svg{
  fill: $mainColor;
  opacity: 0.2;
  position: absolute;
  height: 40px;
  width: 40px;
  right: -90px;
  left: 0;
  margin: 0 auto;
}
.testimonial .quotes-slider__text p{
  color: #7f7f7f;
  font-weight: normal;
  line-height: 26px;
  margin: 0;
}
.testimonial .quotes-slider__text span{
  display: block;position: relative;margin-bottom: 50px;
}
.testimonial .quotes-slider__text span::before{
  content: '';
  border-left: 1px solid #ababab;
  height: 30px;
  position: absolute;
  top: 10px;
}
.testimonial .owl-pagination{
  margin-top: 10px;
}
/* allblog */
.sinblogt h4{
  font-size: 16px;
  margin: 10px 0;
  text-transform: capitalize;
}
.sinblogt p{
  color: #777;
}
.blogs-sub-title{
  text-transform: capitalize;
}
.blogs-sub-title i{
  margin-right: 8px;
}
.commentlistb i{
  color: #282828;
  font-size: 14px;
  margin-right: 10px;
  float: left;
  margin-top: 3px;
}
.commentlistb h3{
  font-size: 20px;
  border-bottom: 1px solid #eee;
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  font-weight: normal;
}
.commentlistb h5{
  font-size: 16px;
}
.commentlistb h6{
  font-size: 14px;text-transform: capitalize;
}
.commentlistb h2{
  color: #777;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: normal;
}
.commentlistb h2 p{
  margin-left: 25px;
  line-height: 22px;
  letter-spacing: 0.3px;
  font-size: 13px;
}
.commentlistb{
  background-color: #fff;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 30px;
  border: 1px solid #eee;
}
.bbackc{
  padding-top: 15px;
}
.sinblogt .blog-tags{
  text-transform: capitalize;
  display: inline-block;
  border-radius: 4px;
  padding: 1px 7px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 13px;
}
.home-blog-content.blog-detail .blog-tag{
  margin-bottom: 20px;
}
.home-blog-content.blog-detail .blog-tags{
  border: 1px solid #e1e1e1;
  text-transform: capitalize;
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-block;
  background: #fff;
  font-size: 13px;
}
.tag-section{
  margin-bottom: 10px;
}
#comment_form h3{
  font-size: 20px;
  text-transform: capitalize;font-weight: normal;
}
#comment_form input,#comment_form textarea{
  width: 100%;
}
.blog-detail h4{
  font-size: 16px;
  margin: 15px 0;
  text-transform: capitalize;
}
.blog-detail p{
  font-size: 13px;
  color: #777
}
.blog-section .article{
  margin-bottom: 30px;
}
#CustomerLoginForm .heading,.regi .heading{
  margin-top: 0;
}
/* footer */
.foo-t1, .foo-t2 {
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #fff;
    margin-top: 0;
    letter-spacing: 0.8px;
    display: inline-block;
    width: 10%;
    float: left;
}
.foot-tag{
  border-top: 1px solid rgba(255,255,255,0.15);
  padding: 30px 0;
}
.tag-top{
  margin-bottom: 30px;
}
.fpay li,.fpay li img{
  display: inline-block;
  vertical-align: middle;
}
.fpay h5{
  font-size: 15px;
  text-transform: capitalize;
  margin: 0;
  font-weight: normal;
}
.fpay h5:nth-child(2){
  margin-top: 3px;
}
.footer-menu{
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,0.15);
}
.footcont{
  word-break: break-all;
}
.foot-payment li a{
  color: #717171
}
.foot-payment li i{
  font-size: 24px;
  margin-right: 5px;
}
.footblink p{
  display: inline-block;vertical-align: middle;margin: 0
}
.footblink p a{
  color: #c4c4c4;position: relative;text-transform: capitalize;
}
.footblink p a::after{
  content: '|';
  color: #c4c4c4;
  margin: 0 12px;
}
.footblink p:last-child a::after{
  display: none
}
/* newsletter */
#fcontact p{
  margin-bottom: 10px;
}
.newsl h4 { 
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
}
.newsl p{ 
  color: #919191;
  font-size: 14px;
  text-transform: capitalize;
  margin-bottom: 15px;
  margin-top: 15px !important;
  font-weight: 300;
  letter-spacing: 1.8px;
}
.newsl svg{
  width: 50px;
  height: 50px;  
}
.news-icon {
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    padding: 12px;
    margin-bottom: 15px;
}
.newsltr{
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
  max-width: 288px;
  float: right;
}
.newsltr input{
  width: 100%;
  border-radius:4px;
  margin: 0;
  padding: 13px 15px;
  background: #f5f5f5;
  border: none;
  height: 38px;
}
.newsltr button{
  height: 38px;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 25px;
  background: linear-gradient(to right, #72a8b6 , #b7c8cf);
  //background-color: $mainColor;
  color: #fff;
  border-radius: 4px;
  margin-top: 10px;
}
.newsltr button:hover{
  background-color: #000;color: #fff;
}
.newsltr #contact_form label{
  margin-top: 0;
}
.newsltr .form-success{
  padding: 5px 3px;
}
.newsltr .errors{
  position: absolute;
  bottom: -40px;
  left: 15px;
  right: 15px;
  margin: 0;
  width: auto;
}
.newsb{
  position: relative
}
/* megamenu */
.megamenudrop{
  position: absolute;
  left: 100%;
  background: #fff;
  z-index: 99;
  width: 100%;
  opacity: 0;
}
.hovermenu:hover .megamenudrop{
  opacity: 1;
}
.fixed {
    position: fixed;
    z-index: 9;
    top: 0;
    /*transition: 0.01s top cubic-bezier(.3, .73, .3, .74);*/
    left: 0;
    right: 0;
    padding: 8px 0;
}
/* responsive menu */
#WbxsMenu{
  position: absolute;
  z-index: 9999;
  top: 38px;
  width: 290px;
  border: 1px solid #eee;
  background-color: #fff;
  height: 300px;
  overflow-y: auto;
}
#WbMobileMenu{
  border: none;
  box-shadow: none;
  margin: 0;
  background-color: transparent;
  padding: 0;
  font-size: 17px;
  margin-top: 10px;
}
#WbMobileMenu span{
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
/* banner effect */
.beffect a::after {
  content: "";
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(255,255,255,.9) none repeat scroll 0 0;
  height: 0;
  transition: all 10ms ease-in-out 0s;
  width: 100%;
}
.beffect:hover a::after {
  opacity: 0;
  height: 85%;
}
.beffect{
  position: relative;
  overflow: hidden
}
.beffect img{
  border-radius: 4px;
}
/* banner effect */
/* product page */
.product-photo-thumbs li{
  padding: 0 10px;
}
.product-photo-container,.more-view-wrapper-owlslider #ProductThumbs img{
 /* border: 1px solid #eee;
  border-radius: 4px;*/
}
.product-photo-container img{
  border-radius: 4px;
}
.proname{
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 0
}
.propage span{
  text-transform: capitalize;letter-spacing: 0.5px;
}
.page-des{
  text-transform: capitalize;
  font-size: 13px;
  color: #313131;/*#888;*/
  line-height: 23px;
  letter-spacing: 0.5px;
}
.p-pagew{
  display: inline-block
}
.wload{
  min-width: 108px;
  min-height: 35px;
}
.share_this_btn{
  clear: both;
}
.product-tab{
  border: 1px solid #eee;
  /*margin: 30px auto;
    margin-top: -10px;*/
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;  
  
  
  border-radius: 4px;
  background-color: #fff;
}
/*  category page */
.sidebar-tag li:hover input[type="checkbox"] + label { color:$mainColor; }
.sidebar-tag.size ul li:hover { border-color:$mainColor; }
#shopify-section-sidebar-category .product-categories li{
  margin-bottom: 10px;
  text-transform: capitalize;
}
.product-list-view .product-container .button-group{
  position: unset;opacity: 1;transition: none
}
.pagination-custom{
    margin-top: 20px;
}
.view-mode{
  margin-top: 4px;
}
.view-mode a{
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.products-grid-view{
  margin-left: -6px;
  margin-right: -6px;
}
.products-grid-view .item-row{
  padding-left: 6px;
  padding-right: 6px;
}
.products-grid-view .product-container{
  margin-bottom: 20px;
}
.product-list-view .product-container{
  margin: 0;
  margin-bottom: 20px;
}
.product-list-view .des{
  font-size: 13px;
  text-transform: capitalize;
  color: #777;
  margin-top: 5px;
  display: block;
  letter-spacing: 0.5px;
}
.toolbar{
  margin: 0 0 20px 0;
  background: #fff;
  border: 1px solid #eee;
  padding: 7px 0;
  border-radius: 4px;
}
.sidebar-block{
  background-color: #fff;
}
.leftheading{
  font-size: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
  margin: 0;
  padding-bottom: 5px;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: normal;
}
.sidebar-tag.brand li::before,.sidebar-tag.size li::before,.sidebar-tag.price li::before{
  content: ">";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  color: #ccc;
}
.sidebar-tag li{
  position: relative;
  width: 100%;
  cursor: pointer;
  line-height: 30px;
}
.product-list-view .imgblock{
  padding: 0;
  border: 1px solid #eee;
}
/* other pages */
.imgbnr,.offerbnr,.editbnr,#logo-slider,.deliveryinfo{
  margin-top: 50px;
}
.Leftbanner,.wbblog{
  margin-top: 30px;
}
.logoslide{
  margin-left: 0;margin-right: 0;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px 10px;
}
.edit_address_form input[type="checkbox"]{
  margin-top: 5px;
}
.headertop .header-bar__module .no-items p{
  padding: 0
}
#collections-listing h2{
  font-size: 20px;
}
#collections-listing ul li{
  list-style: none;
  margin-bottom: 15px;
}
.billadd{
  background-color: #fff;
  border: 1px solid #ebebeb;
  padding: 15px;
  border-radius: 4px;
}
.billadd p span{
  display: block
}
.billb{
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 4px;
}
.orderhis td{
  text-align: left
}
.cartq{
  position: absolute;
  right: 0;
  top: 0;
}
.cartqty{
  position: relative;
  width: 70px;
  margin: 0 auto
}
.cartqty input{
  padding: 13px 10px;
}
.qtyplus{
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 0 7px;
  cursor: pointer;
}
.cartpg small{
  color: #777;
  text-transform: capitalize;
}
.qtyminus{
  position: absolute;
  right: 0;
  bottom: 0;
  border-left: 1px solid #eee;
  padding: 0 7px;
  cursor: pointer
}
.cart_btn .btn{
  display: inline-block;
  margin-bottom: 10px;
}
.orderh{
  background: #fff;
  border: 1px solid #ebebeb;
  padding: 15px;
  margin-top: 15px;
  border-radius: 4px;
}
.addre span{
  display: block
}
.addst a{
  display: inline-block;
  padding: 4px 10px;
  margin-right: 10px;
  background: $mainColor;
  color: #fff;
  border-radius: 4px;
}
.addst a:hover{
  background-color: #000;
  color: #fff
}
.wishlist-item-link img{
  max-width: 60px;
}
.wishlist-item-link{
  text-transform: capitalize;
}
.logform,.forgotps,.register-form{
  border: 1px solid #eee;
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
}
.rlog{
  border-top: 1px solid #eee;
  padding-top: 15px;
  font-size: 16px;
  margin: 0;
}
/* quickview model */
.quickright h2{
  font-size: 16px;
  text-transform: capitalize;
}
.quickright form select{
  padding: 5px 25px 5px 10px;
  text-transform: capitalize;
  margin-bottom: 10px;
  min-width: 110px;
}
.quickview-featured-image img{
  display: block;
  margin: 0 auto;
}
.tp-revslider-slidesli{
    background-color: #eee; 
}
/*loader start */
.s-panel{
    position: relative;
}
.s-panel .wrloader {
    background: url('../assets/homeloader.gif') 50% 50% no-repeat rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
/* currency */
.BOLD-mc-picker-mnt[data-open="down"] > .BOLD-mc-picker > .currencyList {
    right: 0 !important;
    left: auto !important;
    transform: none !important;
}
.BOLD-mc-picker-mnt {
    /* border: none !important; */
    padding: 0 !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
}
.BOLD-mc-picker {
    height: auto !important;
}
.BOLD-mc-picker > .currentCurrency {
    position: relative;
    display: inline-block;
    height: auto !important;
    line-height: inherit !important;
    width: 80px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 0 0 35px !important;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff !important;
}
.BOLD-mc-picker > .currentCurrency > .chevron > svg{
  display:none;
}
.BOLD-mc-picker > .currentCurrency > .chevron::after{
  content: "\f107";
  font-family:FontAwesome;
  position: relative;
  top: -8px;
}
.BOLD-mc-picker > .currencyList{
  border-radius: 4px;
}
.BOLD-mc-picker > .currentCurrency > .flag, .BOLD-mc-picker > .currencyList > .option > .flag{
  left: 10px !important;
}
.BOLD-mc-picker > .currencyList > .option{
  padding: 0 0 0 35px !important;
}
.BOLD-mc-picker-mnt{
  border: none;
  padding: 3px 8px;
  margin-top: 8px;
  border-radius: 4px;
}
.BOLD-mc-picker-mnt[data-open="up"] > .BOLD-mc-picker > .currencyList {
    bottom: auto !important;
    top: auto;
}
@media(min-width: 1830px){
  .product-list-view .imgblock {
    width: 20%;
  }
  .product-list-view .wbproductdes {
    width: 80%;
  }
  .product-list-view .item-row{
    width: 100%;
    float: left;
  }
}
@media (min-width: 1590px){
  .search-products .item-row{
    width: 20%;
  }
  .products-grid-view .collistw{
    width: 20%;
  }
  
}
@media (min-width: 992px){
  .sinblogt{
    position: sticky;
    top: 15px;
  }
  .product-photo-container #product-featured-image {  
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 22vw;
    object-fit: contain;/*///////////////////////    main img avoid sketch     ///////////////////////////////*/
  }
  .product-container .button-group{
      position: absolute;
      left: 0;
      right: 0;
      bottom: 55%;
      margin: 0 auto;
      transition: 0.1s ease-in-out;
      opacity: 0;
  }
  .product-container:hover .button-group{
    opacity: 1
  }
}
@media (max-width: 991px){
  #cartCount { 
      position: absolute;
      background: $mainColor;
      color: #fff;
      display: inline-block;
      height: 16px;
      width: 16px;
      font-size: 11px;
      text-align: center;
      line-height: 17px;
      border-radius: 100%;
      right: -4px;
      top: -2px;
  }
  .site-footer{
    margin-top: 30px;
  }
  .fspc h4{
    font-size: 16px;font-weight: normal;
  }
  .fspc {
      padding: 30px 0;
  }
  .newsltr {
      max-width: unset;
      float: none;
      margin-top: 15px;
  }
  .site-footer form{
    margin-top: 0;
  }
  .foo-t1, .foo-t2 {
    width: 100%;
  }
  .blogdes h5{
    font-size: 14px;
  }
  .zoomContainer,.zoomLens,.zoomWindowContainer{
    display: none
  }
  .deliveryinfo ul{
    border-right: none
  }
  .imgbnr{
    margin-bottom: 30px;
  }
  .heading {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .post_cnt span{
    font-size: 12px;letter-spacing: 0
  }
  .prodm{
    margin: 0 -4px;
  }
  .prodm .item-row,.prodm .articleblog,.category-home .product-container{
    padding: 0 4px
  }
  .product-container .button-group a span,.product-container .button-group .addcart .sold_icon span{
    display: none
  }
  .mobile-nav__sublist-link a{
    padding: 3px 0;
  }
  .template-blog .blog-description{
    margin-top: 10px;
  }
  .billadd2{
    margin-top: 15px;
  }
  .blog-detail h4{
    font-size: 14px;
  }
  .quick-view .content{
    overflow-y: scroll;
    height: 600px;
    width: 95%;
  }
  .quickright{
    padding-bottom: 10px;
    margin-top: 15px;
  }
  .product-photo-container #product-featured-image {
    position: inherit !important;
  }
  .product-container .button-group{
    margin-top: 8px;
  }
}
@media (max-width: 1409px){
  .quick-view .content{
    overflow-y: scroll;
    height: 600px;
  }
}
@media (min-width: 1200px) and (max-width: 1409px){
  .foo-t1, .foo-t2{
    width: 12%;
  }
  .footblink p a::after {
      margin: 0 8px;
  }
  .owl-new .wbproductdes{
    padding-left: 4px;
  }
  .owl-new .product-container .grid-link__org_price {
    font-size: 12px;
  }
  .owl-fea, .owl-best {
    grid-template-columns: repeat(4, 1fr);
  }
  .deliveryinfo,.deliveryinfo li{
      text-align: center;
  }
  .deliveryinfo li span{
    margin-bottom: 10px;
  }
  .deliveryinfo ul{
    border: none;
  }
  .leftw{
    width: 22%;
  }
  .right-col,.statmenu{
    width: 78%;
  }
  .rightac .slidedown_section.dropdown {
    margin: 0 10px;
  }
  .rightac{
    width: 43.33%;
  }
  .homesearch{
    width: 40%;
  }
  .products-grid-view .item-row{
      width: 33.33%;
  }
  .ipo {
      margin-bottom: 4px;
  }
  .quick-view .content{
    width: 80%;
  }
  .deliveryinfo li h4{
    font-size: 16px;letter-spacing: 0
  }
  .site-nav li.level1 a.sitemenus, .site-nav li.level1 .view_more a{
    font-size: 13px;
    padding: 9.6px 0;
  }
  .testimonial .quotes-slider__text span{
    display: none
  }
  .testimonial .quotes-slider__text h5{
    margin: 0 0 6px 0
  }
  .testimonial .quotes-slider__text p,.owl-spe .spethumbdes{
    font-size: 13px;
  }
}
@media(min-width: 1410px){
  .products-grid-view .item-row{
    	width: 20%
   }
}
@media (min-width: 1410px) and (max-width: 1589px){
  .owl-fea, .owl-best {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
  .homesearch{
    width: 44%;
  }
  .rightac{
    width: 39.33%;
  }
  .leftw{
    width: 20%;
  }
  .right-col,.statmenu{
    width: 80%;
  }
  .deliveryinfo li p {
    margin-bottom: 0;
    font-size: 12px;
  }
  .deliveryinfo li h4{
      font-size: 14px;
      letter-spacing: 0;
  }
  .site-nav li.level1 a.sitemenus, .site-nav li.level1 .view_more a{
    padding: 13px 0;
  }
  .owl-spe .spethumbdes{
    font-size: 13px;
  }
  .testimonial .quotes-slider__text p{
    font-size: 13px;letter-spacing: 0
  }
  .testimonial .quotes-slider__text h4{
    margin: 10px 0 2px 0
  }
  .testimonial{
    padding: 15px;
  }
}
@media (min-width: 769px) and (max-width: 991px){

  .owl-fea, .owl-best {
    grid-template-columns: repeat(2, 1fr);
  }
  .deliveryinfo li,.deliveryinfo{
    text-align: center;
  }
  .deliveryinfo li h4{
    margin-top: 10px;
  }
  .rightac .slidedown_section.dropdown {
    margin: 9px 6px;
  }
  .testimonial .quotes-slider__text p{
    font-size: 13px;line-height: 23px;
  }
  .testimonial .quotes-slider__text h5{
    margin-bottom: 3px;
  }
  .testimonial{
    padding: 12px;
  }
  .testimonial .quotes-slider__text span{
    display: none
  }
  .deliveryinfo [class*="col-"]:nth-child(1),.deliveryinfo [class*="col-"]:nth-child(2){
    margin-bottom: 10px;
  }
  .ptabbr a{
    font-size: 13px;letter-spacing: 0;padding: 6px 0;
  }
  .rightw p{
    margin-bottom: 11px;
  }
  .product-list-view .des{
    overflow: hidden;
    height: 40px;
  }
  .sbr .imgblock img{
    height: 242px;
  }
  .sbr .wbproductdes{
    height: 156px;
  }
  .product-list-view .wbproductdes {
      padding: 0 10px 10px;
  }
  .product-list-view .wbproductdes h5{
      font-size: 14px;
  }
  #contact_form label, #AddAddress label, .register-form label,#customer_login label,.forgotps label{
    font-size: 13px;
  }
  .parent-mega-menu .inner{
    padding-right: 0;
  }
  .product-list-view .des{
    font-size: 12px;
    letter-spacing: 0;
  }
  .site-nav-dropdown li a{
    letter-spacing: 0;
    font-size: 12px;
  }
  .parent-mega-menu .inner .currentm{
    font-size: 12px;
    letter-spacing: 0;
  }
  .footdes{
    margin: 15px 0;
  }
}




@media(min-width: 992px){
  .sticky{
      /*position: sticky;*/
      top: 15px;
  }
}



@media (max-width: 1200px){

  .hdis.text-left{
  	display: none;
  }

}


@media (min-width: 768px){
  ////////////////////


  .hlogo{
  	padding-left:0px;
    padding-right:0px;
  }
  .cartdt svg{
    width: 32px;
    height: 32px;	
  }
  .col-sm-3{
  	width: 15%;
  }
  .col-sm-3.fborder{
  	width: 16%;
  }
  .col-sm-2 {
    /*width: 33.66666667%;*/
	}
  .rightac.col-lg-4.col-md-3.col-sm-2.col-xs-12.text-right{
  	padding-left: 0px;
    justify-content:space-evenly;
    display: flex;
    float: right;
    margin-right: 15px;
    padding-top:5px;
  }
  .rightac .slidedown_section.dropdown {
  	/*margin-left:5px;
    margin-right:5px;*/
    margin-top:0px;
  }
  ///////////////////////
  .propage .product_single_price .product_price{
    font-size: 20px;
    line-height: normal;
  }
  .proname{
    font-size: 18px;
  }
  .product-list-view .product_price,.product-list-view .wbproductdes h5{
    font-size: 16px;
  }
    .site-footer h4 button{
      display: none
    }
    .zoomWrapper img { z-index: -1 !important; }
    #xsfilter,#xscat{
      display: block
    }
    .site-footer ul,#fcontact,#finsta{
      display: block
    }
    #wr-menu-icon .cate {
        display: inline-block;vertical-align: middle;margin: 0 5px;
    }
    #wr-menu-icon .btn-navbar.navbar-toggle {
        padding: 0;
        border: none;
        cursor: pointer;
        background-color: transparent;
        border-radius: 100%;
        min-width: 26px;
        min-height: 26px;
        margin: 0px;
        transition: all 0.1s ease-in-out;
        display: block;
    }
    #wr-menu-icon h3.wr-menu{
      position: relative;
      padding: 12.5px 10px;
      font-size: 15px;
      text-transform: uppercase;
      font-weight: 500;
      cursor: pointer;
      border-radius: 4px 4px 0 0;
      color: #fff;
      background: linear-gradient(to right, #72a8b6 , #b7c8cf);
      //background: $mainColor;
      margin: 0;
    }
    .menurel {
      margin-top: -47px;
    }
    #wr-menu-icon{
        position: relative
    }
    .ico-menu {
        position: relative;
        width: 15px;
        top: -8px;
        margin: 0 auto;
        left: -8px;
    }
    .ico-menu .bar:nth-child(1)::after {
        transition-delay: 0.1s;
    }
    .ico-menu .bar:nth-child(2)::after {
        transition-delay: 0.2s;
    }
    .ico-menu .bar:nth-child(3)::after {
        transition-delay: 0.3s;
    }
    .ico-menu .bar::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 1;
        background: #000;
        transition: 0.1s;
        transition-delay: 0s;
    }
    .ico-menu .bar:nth-child(1) {
        top: 0;
        width: 18px;
    }
    .ico-menu .bar:nth-child(2) {
        top: 5px;
        width: 16px;
    }
    .ico-menu .bar:nth-child(3) {
        top: 10px;
        width: 12px;
    }
    .ico-menu .bar {
        position: absolute;
        height: 2px;
        background-color: #fff;
        overflow: hidden;
    }
    .bar {
        height: 12px;
        width: 20px;
        display: inline-block;
    }
    #wr-menu-icon:hover .ico-menu .bar::after {
        left: 0;
    }
}




@media (max-width: 767px){
  
  #smile-ui-lite-launcher-frame-container{
  	    left: 15px !important;
    bottom: 20px!important;	
  }
  
  
  .deliveryinfo li svg {
    width: 25px;
    height: 25px;
  }
  .deliveryinfo li span {
    min-width: 50px;
    min-height: 50px;
    padding: 10px 0;
  }
  .product-container .button-group{
    display: none;
  }
  .header_social{
    margin-bottom: 15px;
  }
  .product-tab-item .product-container {
    margin-bottom: 5px;
  }
  .leftw{
    padding: 0;
  }
  .bestseller .product-container{
    margin-bottom: 15px;
  }
  .product-container .button-group a, .product-container .button-group .addcart .sold_icon{
    min-width: 30px;
    min-height: 30px;
    padding: 2px 0;
    margin: 0 2px;
  }
  .fspc {
    padding: 15px 0;
  }
  .footer-menu .copyr {
      margin-top: 0;
      margin-bottom: 5px;
  }
  .fspc h4{
    margin-bottom: 10px;
  }
  .footer-menu .text-left,.footer-menu .text-right{
    text-align: center;
  }
  .imgbnr, .offerbnr, .editbnr, #logo-slider, .deliveryinfo,.heading{
    margin-top: 30px;
  }
  .testimonial{
    padding: 15px;
  }
  .testimonial .quotes-slider__text p{
    font-size: 13px;
  }
  .homesearch #toggle-search input{
    height: 40px;
  }
  .homesearch #toggle-search .input-group-btn{
    padding: 0 12px;
  }
  .xsheader{
    float: right;
  }
  .wscur{
    display: inline-block;
  }
  li.topws{
    margin: 0
  }
  .topws svg,.cartdt h4{
    /*display: none*/
  }
  .topws span{
    display: inline-block;
  }
  .userdrop svg,.cartdt svg{
    width: 25px;
    height: 25px;
  }
  .svgbg svg{
    width: 25px;
    height: 25px;  	
  }
  .rightac .slidedown_section.dropdown {
    margin: 0 18px;
  }
  #fcontact h4, #fcontact .h4, .header_social h4, .header_social .h4{
    margin-top: 20px;
  }
  .deliveryinfo li h4{
    font-size: 14px;
  }
  .deliveryinfo li p{
    font-size: 13px;
  }
  .headernav{
    padding: 10px 0;
    padding-top: 58px!important;
  }
  .topws a{
    color: #000;
  }
  .BOLD-mc-picker > .currentCurrency{
    color: #000 !important;
  }
  .footdes{
    margin: 10px 0
  }
  .newsltr .input-group-btn button{
    padding: 0 12px;
    font-size: 14px;
    letter-spacing: 0;
  }
  .appcart{
    float: right;
    margin-left: 30px !important;
    margin-top: -13px !important;
  }
  .headernav .top-bar{
    width: auto;
  }
  .headernav .hlogo{
    padding-left: 0;
    margin-top: 0px;
  }
  .sorting-section .btn{
    font-size: 12px;
  }
  .BOLD-mc-picker > .currentCurrency > .flag{
      left: 0 !important;
  }
  .blog-description #comments{
    margin-top: 20px;
  }
  .product-list-view .des{
    overflow: hidden;
    height: 69px;
    margin-bottom: 0;
  }
  .homesearch{
      margin-top: 10px;
  }
  .BOLD-mc-picker-mnt{
    border: 1px solid #eee !important;
    margin-top: 8px !important;
    border-radius: 4px !important;
    padding: 1px 10px !important;
  }
  .wscur li{
    display: block;text-align: left;
  }
  .topwish i{
    margin-right: 3px;
  }
  #collections-listing {
    margin: 0 auto;
    padding: 0 15px;
  }
  .product-list-view .product-container{
    margin-left: 2px;
    margin-right: 2px; 
  }
  #xscat,#xsfilter{
    margin-top: 15px;
  }
  .leftheading{
    border-bottom: none;
    margin: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
  }
  .proname{
    margin-top: 20px;
    font-size: 14px;
  }
  .zoomWrapper{
    margin: 0 auto;
    text-align: center;
  }
  #WbMobileMenu{
    margin-top: -4px;
  }
  .product-container .wbproductdes{
      padding: 10px 5px;
  }
  .wbproductdes h5{
    font-size: 13px;
    padding: 5px 0 3px 0;
  }
  .product-list-view .wbproductdes h5{
    font-size: 14px;font-weight: 500;
  }
  .wbproductdes .thumbdes{
    margin: 0 0 1px 0;
  }
  .sale .badge__text, .sale, .psold-out{
    background: transparent;
    letter-spacing: 0;
    padding: 0;
    color: #000;
    left: 5px;
  }
  .dis-price, .quick-view .compare-price, #ComparePrice{
    font-size: 11px;
  }
  #acdrop{
    z-index: 9999
  }
  .quick-view .content{
    margin: 100px auto;
    padding: 20px 10px;
  }
  #shopify-section-sidebar-colors .sidebar-tag .widget h4{
    margin-top: 0;
  }
  .quickright h2,#QProductPrice{
    font-size: 14px;
  }
  .quick-view label{
    width: 95px;
    font-size: 12px;
    letter-spacing: 0;
  }
  #WbxsMenu{
    border: 1px solid #eee;
  }
  .p-pagew .add-in-wishlist-js,.procart{
      font-size: 12px;
      min-height: 33px;
  }
  .sinblogt p{
    font-size: 12px; 
  }
  .blogs-sub-title{
    font-size: 12px;
    letter-spacing: 0
  }
  .wishlist-item-link{
    font-size: 12px;
    letter-spacing: 0;
    padding: 8px 4px;
  }
  .cart_btn .btn{
    font-size: 11px;
    letter-spacing: 0;
    padding: 8px 6px;
  }
  .contp li p{
    font-size: 12px;
    letter-spacing: 0
  }
  #contact_form label,#AddAddress label,.register-form label,#customer_login label,.forgotps label,.edit_address_form label{
    text-align: left;
    margin-bottom: 8px;
    padding: 0
  }
  .sorting-section .dropdown-menu  a{
    font-size: 12px;
    letter-spacing: 0
  }
  .product-list-view .wbproductdes{
    text-align: center
  }
  .propage label{
    width: 110px;
  }
  .protabc li a{
    padding: 10px 6px;font-size: 13px;letter-spacing: 0
  }
  .protabc-content p{
    font-size: 12px;
  }
  .collection_sidebar{
    position: relative
  }
  .collection_sidebar .lefthead{
    border-radius: 2px;
  }
  .collection_sidebar h1 .toggle.collapsed::after{
    font-family: 'FontAwesome';
    content: '\f067';
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
    color: #282828;
  }
  .collection_sidebar h1 .toggle::after{
    font-family: 'FontAwesome';
    content: '\f068';
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
    color: #282828;
  }
  .collection_sidebar h1 button{
    padding: 0;
    border: none;
    background-color: transparent;
    float: right;
    position: absolute;
    width: 100%;
    right: 15px;
    margin-top: -2px;
  }
  .site-footer h4 .toggle.collapsed::after{
    font-family: 'FontAwesome';
    content: '\f067';
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
    color: #fff;
  }
  .site-footer h4 .toggle::after{
    font-family: 'FontAwesome';
    content: '\f068';
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
    color: #fff;
  }
  .site-footer h4 button{
    padding: 0;
    border: none;
    background-color: transparent;
    float: right;
    position: absolute;
    width: 100%;
    right: 15px;
    margin: 0
  }
  .hlogo img{
    max-width: 130px;
  }
}
@media (max-width: 599px){
  .owl-fea, .owl-best {
    grid-template-columns: repeat(2, 1fr);
  }
  .products-grid-view .item-row{
    width: 50%;
  }
  .product-container .grid-link__org_price{
    font-size: 13px;
    letter-spacing: 0
  }
  .deliveryinfo .sborder{
    margin-top: 10px;
  }
  .mainpcat{
    border-left: none;padding: 0
  }
  .sorting-section{
    width: 100%;
  }
  .protabc-content .spr-summary-caption{
    display: block
  }
  .swatch-element label{
    padding: 2px 3px 2px 3px;
  }
  .ajax-success-modal .content, .ajax-error-modal .modal-inner{
    overflow-y: scroll;
    height: 560px;
    width: auto;
    margin: 0 15px;
  }
  .ajax-success-modal .ajax-left,.ajax-right{
      float: none;
      padding-right: 0;
      width: auto;
  }
  .ajax-product-title{
    margin-top: 10px;
  }
  .imgbnr [class*="col-"],.offerbnr [class*="col-"]:nth-child(1){
    margin-bottom: 5px;
  }
  .imgbnr [class*="col-"]:last-child{
    margin-bottom: 0
  }
  .dis-price, .quick-view .compare-price, #ComparePrice{
    font-size: 10px;
  }
}
@media (min-width: 600px) and (max-width: 767px){
  .owl-fea, .owl-best {
    grid-template-columns: repeat(3, 1fr);
  }
  .product-container .grid-link__org_price{
    font-size: 14px;
  }
  .timer li{
    width: 46px;
    height: 46px;
    padding: 4px 0
  }
  .timer li span{
    font-size: 14px;letter-spacing: 0
  }
  .sorting-section{
    width: 300px;
  }
  .products-grid-view .item-row,.imgbnr [class*="col-"]{
    width: 33.33%;
  }
  .ipo{
    margin-bottom: 0
  }
  .ajax-success-modal .content, .ajax-error-modal .modal-inner{
    width: 550px;
  }
  .deliveryinfo [class*="col-"],.offerbnr [class*="col-"]{
    width: 50%;
  }
  .deliveryinfo [class*="col-"]:nth-child(1),.deliveryinfo [class*="col-"]:nth-child(2){
    margin-bottom: 10px;
  }
}
@media (min-width: 412px) and (max-width: 767px){
  .product-list-view .item-row{
    /*width: 50%;*/
    float: left;
  }
  .product-list-view{
    float: left;
    width: 100%;
  }
}
@media (max-width: 1199px){
  .propage label{
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
  .deliveryinfo li h4{
    font-size: 14px;
    margin-top: 10px;
  }
  .owl-fea, .owl-best {
      grid-template-columns: repeat(3, 1fr);
  }
  .newsl p{
    letter-spacing: 0;
  }
  .foo-t1, .foo-t2 {
    width: 14%;
    height: 50px;
  }
  .owl-spe .spethumbdes{
    font-size: 13px;
  }
  .deliveryinfo [class*="col-"]{
    padding: 0
  }
  .site-nav li.level1 a.sitemenus, .site-nav li.level1 .view_more a{
    font-size: 13px;
    padding: 10.5px 0;
  }
  .rightw p{
    margin-right: 15px;
  }
  .site-footer__links a{
    font-size: 13px;letter-spacing: 0
  }
  .product-container .button-group a, .product-container .button-group .addcart .sold_icon{
    letter-spacing: 0;padding: 8px 5px;
  }
  .timer li{
    width: 46px;
    height: 46px;
    padding: 4px 0
  }
  .timer li span{
    font-size: 14px;letter-spacing: 0
  }
  .deliveryinfo li{
    display: block;text-align: center
  }
  .cartdt li h5{
    font-size: 12px;
  }
  .newsl h4{
    font-size: 20px;letter-spacing: 0
  }
  .topws{
    margin: 0 15px;
  }
  #collections-listing {
    width: 970px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .ipo{
      margin-bottom: 0
  }
  .site-nav-dropdown li a{
    font-size: 12px;
    letter-spacing: 0
  }
  .quick-view .content{
    width: 95%;
  }
  .propage label{
    width: 110px;
  }
  .contp li p,.blogs-sub-title{
    font-size: 12px;
    letter-spacing: 0
  }
  .cart_btn .btn{
    font-size: 11px;
    letter-spacing: 0;
    padding: 8px 6px;
  }
  .blog-detail h4{
    font-size: 14px;
    margin: 8px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .site-nav li.mega-menu .site-nav-dropdown{
    width: 735px;
  }
}
@media (min-width: 400px){
  .blogs-sub-title .comments-count{
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 0 8px;
    margin: 0 8px;
  }
}
@media (max-width: 399px){
  .blogs-sub-title span.author{
    display: none;
  }
  .blogs-sub-title .comments-count{
    margin: 0 5px;
  }
  .headernav {
    padding-top: 85px !important;
  }
  
  
  .pull-right{
      margin-left: -10px !important;
    font-size: 13px;
  }
}




@media (min-width: 100px) and (max-width: 405px){
  .appcart{
 	 /*margin-top: -50px!important;*/
  }
} 


@media (max-width: 320px){
  .pull-right .vertical-flex >li:nth-child(4){
      display:none;
  }
  .pull-right .vertical-flex >li:nth-child(3){
      display:none;
  }  
  .pull-right .vertical-flex >li:nth-child(2){
      margin-left: 14px !important;
  }
  

}


@media (max-width: 415px){
  .pull-right .vertical-flex >li:nth-child(4){
      display:none;
  }
  
}


@media (max-width: 769px){
  .baskettop {
    padding-top: 3px;
}
  
  
  

  .onsale .imgblock img {
    height: 150px !important;
}
  
  .toprated .imgblock img{
    height: 150px !important;  
  }  
  
  .category-home .collection-grid-item img{
  	height: 90px !important;
  }  
  .wbproductdes h5 {
  	height: 60px !important;
  }
  .collection-products .products-grid-view .imgblock img{
  	height: 140px !important;
  }
  
  .related-products .imgblock img{
  	height: 150px !important;
  
  }
  
  
  
  
  .headtop{
    width: 100vw !important;
    display: inline-block;
	}
  .pull-right .vertical-flex >li:nth-child(1){
  	display:none;
  }
  .statmenu {
  	padding-left: 0px !important;
    padding-right: 0px !important;
	//overflow: hidden;
  }
  .pull-right .vertical-flex >li:nth-child(2){
    margin-left: 11px;
    margin-right: 5px;
  }
  .pull-right .vertical-flex >li:nth-child(n+3){
    margin-right: 2px;
    //margin-left: 5px;
  }
  .vertical-flex {

        /*justify-content: space-evenly;*/
	}
}



@media (max-width: 1025px){
  #toTop {
    right: 28px;
    bottom: 85px;
 	 /*margin-top: 0px!important;*/
  }
}